@font-face{font-family:GameFont;src:url(/p/assets/Movavi_Grotesque_Black-CI03zPRX.woff)format("woff")}body{background-color:#1d1738;background-image:radial-gradient(120% 46% at 50% 30%,#beffaa24,#0000 65%),radial-gradient(90% 30% at 50% 100%,#140c22d9,#0000 100%),linear-gradient(#27427c 0%,#31316d 38%,#2b2151 68%,#1d1738 100%);background-attachment:fixed;min-height:100vh;margin:0}#door-root{max-width:520px;margin:0 auto;font-size:0}#door-root canvas{border-radius:18px;max-width:100%}.door-shell{--panel:#2b2545;--panel-2:#372f5a;--panel-border:#6a5f94;--panel-inset:#221c3a;--ink:#f3efff;--ink-muted:#b7aed6;--gold:#f7b733;--gold-deep:#d98c28;--gold-edge:#7c4a10;--gold-pale:#ffe9a8;--cyan:#43dcf7;--danger:#ff7d7d;--outline-ink:#1d1636;color:var(--ink);padding:12px 12px 24px;font-family:ui-rounded,SF Pro Rounded,Nunito,Quicksand,system-ui,-apple-system,Segoe UI,sans-serif;font-size:16px}.door-title,.door-heading,.door-banner,.door-code,.door-vs-badge{color:#fff;text-shadow:-2px -2px 0 var(--outline-ink), 2px -2px 0 var(--outline-ink), -2px 2px 0 var(--outline-ink), 2px 2px 0 var(--outline-ink), -2px 0 0 var(--outline-ink), 2px 0 0 var(--outline-ink), 0 -2px 0 var(--outline-ink), 0 2px 0 var(--outline-ink), 0 5px 0 #0a06188c;font-family:GameFont,ui-rounded,system-ui,sans-serif}.door-header{text-align:center;margin:14px 0 18px}.door-ribbon{letter-spacing:3px;color:var(--gold-pale);text-shadow:0 2px #1d1636cc;background:linear-gradient(#8a6fe0 0%,#6a4fc0 55%,#57409e 100%);border:2px solid #3d2b78;border-radius:6px;margin-bottom:10px;padding:6px 18px;font-family:GameFont,ui-rounded,system-ui,sans-serif;font-size:.72rem;display:inline-block;position:relative;box-shadow:0 3px #0a061873}.door-ribbon:before,.door-ribbon:after{content:"";z-index:-1;border:9px solid #57409e;border-color:#57409e #0000;position:absolute;top:6px}.door-ribbon:before{border-left-color:#0000;left:-13px}.door-ribbon:after{border-right-color:#0000;right:-13px}.door-title{letter-spacing:2px;margin:0;font-size:2.9rem;line-height:1}.door-title .door-title-gold{-webkit-text-fill-color:transparent;text-shadow:none;filter:drop-shadow(2px 0 0 var(--outline-ink)) drop-shadow(-2px 0 0 var(--outline-ink)) drop-shadow(0 2px 0 var(--outline-ink)) drop-shadow(0 -2px 0 var(--outline-ink)) drop-shadow(0 4px 0 #0a061899);background:linear-gradient(#ffe9a8 8%,#f7b733 45%,#e08b1d 78%,#c97a12 100%);-webkit-background-clip:text;background-clip:text}.door-panel{background:linear-gradient(180deg, var(--panel-2) 0%, var(--panel) 30%, var(--panel) 100%);border:3px solid var(--panel-border);border-radius:26px;margin-bottom:18px;padding:22px 18px;box-shadow:inset 0 3px #ffffff1a,inset 0 -4px #0a061859,0 8px #0a061866,0 14px 30px #0a061873}.door-center{text-align:center}.door-heading{margin:0 0 12px;font-size:1.45rem;line-height:1.25}.door-win{color:var(--gold-pale)}.door-lose{color:#d9cfe8}.door-kicker{letter-spacing:3px;text-transform:uppercase;color:var(--gold);text-shadow:0 2px #0a061899;margin:0 0 8px;font-family:GameFont,ui-rounded,system-ui,sans-serif;font-size:.74rem}.door-muted{color:var(--ink-muted);margin:10px 0;font-size:.85rem}.door-error{color:var(--danger);margin:10px 0;font-weight:700}.door-shell p{line-height:1.5}.door-shell strong{color:var(--gold-pale)}.door-vs{justify-content:center;align-items:center;gap:10px;margin:16px 0 6px;display:flex}.door-vs-card{flex:1 1 0;min-width:0;max-width:150px}.door-vs-portrait{aspect-ratio:1;background:linear-gradient(#ffe9a8 0%,#f7b733 35%,#b56a15 100%);border-radius:18px;justify-content:center;align-items:center;padding:4px;display:flex;box-shadow:0 5px #0a061873}.door-vs-portrait-inner{color:#14102b;text-shadow:0 2px #ffffff24;background:radial-gradient(circle at 50% 34%,#7a68bd 0%,#4a3c7c 45%,#241d3f 92%);border-radius:14px;justify-content:center;align-items:center;width:100%;height:100%;font-family:GameFont,ui-rounded,system-ui,sans-serif;font-size:2.6rem;display:flex;overflow:hidden}.door-vs-card--you .door-vs-portrait-inner{color:var(--gold);text-shadow:0 3px #0a061899}.door-hero-stage{position:relative}.door-hero-stage canvas{object-fit:contain;border-radius:0;width:100%;height:100%;position:absolute;inset:0}.door-hero-stage.is-live .door-hero-fallback{visibility:hidden}.door-hero-frame{box-sizing:border-box;background:linear-gradient(#ffe9a8 0%,#f7b733 35%,#b56a15 100%);border-radius:18px;flex:none;width:148px;padding:4px;box-shadow:0 5px #0a061873}.door-hero-frame--center{margin:4px auto 16px}.door-hero-frame .door-hero-stage{background:radial-gradient(circle at 50% 34%,#7a68bd 0%,#4a3c7c 45%,#241d3f 92%);border-radius:14px;justify-content:center;align-items:center;width:140px;height:180px;display:flex;overflow:hidden}.door-hero-frame .door-hero-fallback{color:#14102b;text-shadow:0 2px #ffffff24;font-family:GameFont,ui-rounded,system-ui,sans-serif;font-size:2.6rem}.door-vs-name{color:#fff;text-align:center;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 2px #0a0618b3;margin:8px 0 0;font-family:GameFont,ui-rounded,system-ui,sans-serif;font-size:.95rem;overflow:hidden}.door-vs-tag{letter-spacing:1px;text-transform:uppercase;color:var(--ink-muted);text-align:center;margin:2px 0 0;font-size:.72rem}.door-vs-badge{color:var(--gold);text-shadow:-2px -2px 0 var(--outline-ink), 2px -2px 0 var(--outline-ink), -2px 2px 0 var(--outline-ink), 2px 2px 0 var(--outline-ink), 0 4px 0 #0a06188c;flex:none;font-size:1.7rem}.door-banner{z-index:0;border-radius:8px;margin:4px auto 18px;padding:12px 26px;position:relative}.door-banner .door-heading{margin:0;font-size:1.6rem}.door-banner:before,.door-banner:after{content:"";z-index:-1;width:26px;position:absolute;top:9px;bottom:-7px}.door-banner:before{clip-path:polygon(0 0,100% 0,100% 100%,50% 78%,0 100%);left:-16px;transform:skewY(6deg)}.door-banner:after{clip-path:polygon(0 0,100% 0,100% 100%,50% 78%,0 100%);right:-16px;transform:skewY(-6deg)}.door-banner--win{border:3px solid var(--gold-edge);background:linear-gradient(#ffd76e 0%,#f7b733 45%,#e08b1d 100%);box-shadow:0 6px #0a061873,inset 0 3px #ffffff59}.door-banner--win:before,.door-banner--win:after{background:#b56a15}.door-banner--win .door-heading{color:#fff}.door-banner--lose{background:linear-gradient(#8f4a5a 0%,#6e3546 45%,#57283a 100%);border:3px solid #3c1b28;box-shadow:0 6px #0a061873,inset 0 3px #ffffff1f}.door-banner--lose:before,.door-banner--lose:after{background:#47202f}.door-banner--lose .door-heading{color:#efe2e8;font-size:1.15rem}.door-crest{filter:drop-shadow(0 3px #0a061880);width:112px;height:70px;margin:6px auto -14px;display:block}.door-btn{box-sizing:border-box;letter-spacing:1px;cursor:pointer;border-radius:14px;width:100%;margin:14px 0 0;padding:14px 16px;font-family:GameFont,ui-rounded,system-ui,sans-serif;font-size:1.02rem;transition:transform 50ms,filter .1s;display:block}.door-btn:active{transform:translateY(3px)}.door-btn:disabled{opacity:.5;cursor:wait}.door-btn--primary{background:linear-gradient(180deg, #ffd76e 0%, var(--gold) 40%, var(--gold-deep) 85%, #c97a12 100%);color:#fff;border:3px solid var(--gold-edge);box-shadow:0 5px 0 var(--gold-edge), 0 9px 0 #0a061866, inset 0 3px 0 #ffffff73;text-shadow:0 2px #7c4a10e6}.door-btn--primary:hover{filter:brightness(1.08)}.door-btn--primary:active{box-shadow:0 2px 0 var(--gold-edge), 0 5px 0 #0a061866, inset 0 3px 0 #ffffff73}.door-btn--ghost{color:var(--cyan);border:2px solid var(--panel-border);text-shadow:0 2px #0a06188c;background:#ffffff0a;box-shadow:0 4px #0a061859}.door-btn--ghost:hover{background:#ffffff17}.door-label{letter-spacing:1px;color:var(--ink-muted);margin:16px 0 6px;font-family:GameFont,ui-rounded,system-ui,sans-serif;font-size:.85rem;display:block}.door-input{box-sizing:border-box;border:2px solid var(--panel-border);background:var(--panel-inset);width:100%;color:var(--ink);border-radius:12px;padding:12px 14px;font-family:inherit;font-size:1.1rem;display:block;box-shadow:inset 0 3px #0a061873}.door-input::placeholder{color:#7d739f}.door-input:focus{border-color:var(--gold);outline:3px solid #f7b73373}.door-appearance{flex-wrap:wrap;align-items:center;gap:14px;margin-top:16px;display:flex}.door-appearance-side{flex-direction:column;flex:150px;align-items:flex-start;gap:12px;display:flex}.door-appearance-preview{background:var(--panel-inset);border:2px solid var(--panel-border);border-radius:12px;align-items:center;gap:8px;padding:10px 14px;display:inline-flex;box-shadow:inset 0 3px #0a061873}.door-appearance .door-btn{width:auto;margin:0;padding:10px 14px;font-size:.85rem}.door-gender{color:var(--gold);text-shadow:0 2px #0a061899;font-size:1.5rem;line-height:1}.door-swatches{gap:5px;display:inline-flex}.door-swatch{border:2px solid #0a06188c;border-radius:6px;width:22px;height:22px;display:inline-block;box-shadow:inset 0 2px #ffffff40}.door-scene{width:100%;max-width:500px;margin:12px auto 0;font-size:0;position:relative;container-type:inline-size}.door-scene.has-hud{aspect-ratio:5/3;border:3px solid var(--panel-border);background:#1c1430;border-radius:18px;overflow:hidden;box-shadow:0 6px #0a061866}.door-stage{min-height:0;font-size:0}.door-stage canvas{border:3px solid var(--panel-border);border-radius:18px;max-width:100%;height:auto;box-shadow:0 6px #0a061866}.door-scene.has-hud .door-stage canvas{width:100%;height:auto;box-shadow:none;border:0;border-radius:0;display:block}.door-battle-hud{z-index:5;pointer-events:none;justify-content:center;align-items:flex-start;gap:1cqw;display:flex;position:absolute;top:1.6cqw;left:1.5cqw;right:1.5cqw}.door-battle-hud:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(#0c071aa8 0%,#0c071a57 55%,#0c071a00 100%);position:absolute;inset:-1.6cqw -1.5cqw -36%}.door-battle-side{flex:1 1 0;align-items:flex-start;gap:1cqw;min-width:0;display:flex}.door-battle-side--r{flex-direction:row-reverse}.door-battle-portrait{aspect-ratio:523/506;flex:none;width:12.5cqw;position:relative}.door-battle-frame{pointer-events:none;z-index:2;width:100%;height:100%;position:absolute;inset:0}.door-battle-stage{z-index:1;background:radial-gradient(circle at 50% 34%,#56487f 0%,#37294f 55%,#1c1430 95%);border-radius:14%;justify-content:center;align-items:center;display:flex;position:absolute;inset:8%;overflow:hidden}.door-battle-stage canvas{width:100%!important;height:100%!important}.door-battle-stage .door-hero-fallback{color:#beb3e0;text-shadow:0 2px #0a061899;font-family:GameFont,ui-rounded,system-ui,sans-serif;font-size:1.5rem}.door-battle-col{flex-direction:column;flex:auto;gap:.8cqw;min-width:0;padding-top:.5cqw;display:flex}.door-battle-plate{aspect-ratio:852/194;width:100%;position:relative}.door-battle-plate-img{width:100%;height:100%;position:absolute;inset:0}.door-battle-name{text-align:center;letter-spacing:.5px;text-transform:uppercase;color:#fff;text-shadow:0 2px #0a0618cc;white-space:nowrap;text-overflow:ellipsis;font-family:GameFont,ui-rounded,system-ui,sans-serif;font-size:clamp(11px,3cqw,16px);position:absolute;top:50%;left:2.5%;right:2.5%;overflow:hidden;transform:translateY(-54%)}.door-battle-bar{aspect-ratio:793/146;width:100%;position:relative}.door-battle-bar-gfx{position:absolute;inset:0}.door-battle-side--r .door-battle-bar-gfx{transform:scaleX(-1)}.door-battle-bar-marco{z-index:1;width:100%;height:100%;position:absolute;inset:0}.door-battle-bar-fill{z-index:2;transform-origin:0;width:72.4%;height:42%;transition:transform .25s ease-out;position:absolute;top:29%;left:20%}.door-battle-heart{z-index:3;filter:drop-shadow(0 2px #0a061866);height:100%;position:absolute;top:0;left:2.2%}.door-battle-hp-num{z-index:4;text-align:center;color:#fff;text-shadow:-1px -1px 0 var(--outline-ink), 1px -1px 0 var(--outline-ink), -1px 1px 0 var(--outline-ink), 1px 1px 0 var(--outline-ink);pointer-events:none;font-family:GameFont,ui-rounded,system-ui,sans-serif;font-size:clamp(10px,2.7cqw,15px);position:absolute;top:50%;left:22%;right:10%;transform:translateY(-52%)}.door-battle-side--r .door-battle-hp-num{left:10%;right:22%}.door-battle-vs{filter:drop-shadow(0 3px #0a061873);flex:none;width:10.5cqw;margin-top:0}.door-battle-controls{justify-content:center;margin-top:10px;display:flex}.door-battle-speed{cursor:pointer;filter:grayscale(.3)brightness(.95);background:0 0;border:0;padding:0;transition:filter .15s,transform .1s}.door-battle-speed img{width:clamp(88px,24vw,122px);display:block}.door-battle-speed.is-fast{filter:drop-shadow(0 0 8px #ffcd50bf)}.door-battle-speed:active{transform:translateY(2px)scale(.98)}.door-code-box{border:3px solid var(--gold-edge);background:linear-gradient(#ffd76e 0%,#f7b733 38%,#e08b1d 90%);border-radius:18px;margin:18px 0;padding:14px 12px 12px;box-shadow:0 6px #0a061873,inset 0 3px #ffffff73,inset 0 -4px #7c4a1073}.door-code-box .door-kicker{color:#7c4a10;text-shadow:0 1px #ffffff59}.door-code-box .door-muted{color:#8a5a1c;margin-bottom:2px}.door-code{letter-spacing:3px;white-space:nowrap;-webkit-user-select:all;user-select:all;margin:6px 0;font-size:clamp(1.4rem,7vw,2.1rem)}.door-code-box .door-btn--ghost{color:var(--gold-pale);background:#1d1636d1;border-color:#5a3a10}.door-code-box .door-btn--ghost:hover{background:#1d1636f2}.door-chest-scene{justify-content:center;align-items:flex-end;gap:14px;margin:16px 0 6px;display:flex}.door-chest-hero{display:grid}.door-chest-hero .door-chest-frame{grid-area:1/1;margin:0}.door-chest-frame--gift{visibility:hidden}.is-revealed .door-chest-frame--gift{visibility:visible;animation:.5s cubic-bezier(.2,1.6,.4,1) door-hero-pop}.is-revealed .door-chest-frame--starter{visibility:hidden}@keyframes door-hero-pop{0%{transform:scale(.55)}60%{transform:scale(1.12)}to{transform:scale(1)}}.door-chest{cursor:pointer;-webkit-tap-highlight-color:transparent;filter:drop-shadow(0 6px #0a061873);perspective:480px;background:0 0;border:0;flex:none;width:152px;padding:0;position:relative}.door-chest:disabled{cursor:default}.door-chest svg{width:100%;height:auto;display:block}.door-chest-lid{z-index:3;transform-origin:50% 96%;transition:transform .55s cubic-bezier(.5,-.4,.35,1.35);display:block;position:relative}.is-open .door-chest-lid{transform:rotateX(112deg)}.door-chest-base{z-index:2;margin-top:-8px;display:block;position:relative}.is-shaking .door-chest{animation:1.15s ease-in door-chest-shake}@keyframes door-chest-shake{0%,to{transform:translate(0)rotate(0)}12%{transform:translate(-1px)rotate(-.6deg)}24%{transform:translate(1px)rotate(.6deg)}36%{transform:translate(-2px)rotate(-1.1deg)}48%{transform:translate(2px,1px)rotate(1.1deg)}60%{transform:translate(-3px,-1px)rotate(-1.8deg)}72%{transform:translate(3px,1px)rotate(1.8deg)}82%{transform:translate(-4px,-2px)rotate(-2.6deg)}91%{transform:translate(4px,2px)rotate(2.6deg)}96%{transform:translate(-4px,-2px)rotate(-3deg)}}.door-chest-light{z-index:1;pointer-events:none;transform-origin:bottom;opacity:0;clip-path:polygon(0 0,100% 0,72% 100%,28% 100%);filter:blur(.5px);background:linear-gradient(#ffe9a800 0%,#ffe9a873 45%,#ffd66ee6 100%);width:118px;height:250px;transition:transform .5s ease-out .12s,opacity .4s .12s;position:absolute;bottom:64px;left:50%;transform:translate(-50%)scaleY(0)}.is-open .door-chest-light{opacity:1;transform:translate(-50%)scaleY(1)}.door-spark{opacity:0;background:#ffe9a8;border-radius:50%;width:7px;height:7px;position:absolute;bottom:4px;box-shadow:0 0 8px 2px #ffd76ecc}.is-open .door-spark{animation:1.7s linear infinite door-spark-rise}.door-spark:first-child{animation-delay:0s;left:22%}.door-spark:nth-child(2){width:5px;height:5px;animation-delay:.25s;left:48%}.door-spark:nth-child(3){animation-delay:.5s;left:70%}.door-spark:nth-child(4){width:9px;height:9px;animation-delay:.7s;left:34%}.door-spark:nth-child(5){width:5px;height:5px;animation-delay:.9s;left:60%}.door-spark:nth-child(6){animation-delay:1.1s;left:28%}.door-spark:nth-child(7){width:5px;height:5px;animation-delay:1.25s;left:74%}.door-spark:nth-child(8){width:9px;height:9px;animation-delay:1.45s;left:52%}.door-spark:nth-child(9){animation-delay:1.6s;left:40%}@keyframes door-spark-rise{0%{opacity:0;transform:translateY(0)scale(1)}12%{opacity:1}to{opacity:0;transform:translateY(-225px)scale(.35)}}.door-flash{z-index:60;pointer-events:none;opacity:0;background:radial-gradient(circle at 50% 55%,#fff 0%,#ffe9a8 38%,#f7b733d9 68%,#f7b73300 100%);animation:.7s ease-out forwards door-flash;position:fixed;inset:0}@keyframes door-flash{0%{opacity:0}30%{opacity:1}to{opacity:0}}.door-gift-list{flex-wrap:wrap;justify-content:center;gap:8px;margin:12px 0 4px;padding:0;list-style:none;display:flex}.door-gift-piece{background:var(--panel-inset);border:2px solid var(--gold);color:var(--gold-pale);border-radius:10px;padding:6px 12px;font-size:.82rem;box-shadow:0 3px #0a061866}.door-gift-slot{letter-spacing:1px;text-transform:uppercase;color:var(--ink-muted);font-size:.6rem;display:block}@media (prefers-reduced-motion:reduce){.door-chest-lid,.door-chest-light{transition:none}.is-shaking .door-chest,.is-open .door-spark,.is-revealed .door-chest-frame--gift{animation:none}.door-flash{display:none}}.door-footer{text-align:center;color:#8d82b3;margin-top:26px;font-size:.75rem}.door-footer p{margin:3px 0}.door-footer a{color:var(--ink-muted)}