:root{--paper:#fbf8f2;--grid:#1f6fb814;--card:#fffdf9;--line:#e8dcc8;--ink:#22305a;--muted:#5b6380;--pink:#ff7fb2;--pink-soft:#ffe3ee;--pink-deep:#b8275f;--sky:#6fc0ff;--sky-soft:#ddf0ff;--sky-deep:#1f6fb8;--tape-pink:#ff7fb280;--tape-sky:#6fc0ff73;--shadow:0 4px 12px #22305a14;--hand:"Mali",cursive;--display:"Prompt",sans-serif;--sans:"Noto Sans Thai",system-ui,sans-serif;--mono:"JetBrains Mono",ui-monospace,monospace}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fbf8f2;background:var(--paper);background-image:linear-gradient(#1f6fb814 1px,#0000 0),linear-gradient(90deg,#1f6fb814 1px,#0000 0);background-image:linear-gradient(var(--grid) 1px,#0000 1px),linear-gradient(90deg,var(--grid) 1px,#0000 1px);background-size:22px 22px;color:#22305a;color:var(--ink);font-family:Noto Sans Thai,system-ui,sans-serif;font-family:var(--sans);line-height:1.6;margin:0}*{box-sizing:border-box}h1,h2,h3{font-family:Prompt,sans-serif;font-family:var(--display)}a{color:inherit}a:focus-visible,button:focus-visible{outline:3px solid #22305a;outline:3px solid var(--ink);outline-offset:3px}.visually-hidden{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.page-title{font-size:clamp(44px,11vw,64px);font-weight:800;line-height:1;margin:0}.hand-title{align-items:center;display:flex;font-family:Mali,cursive;font-family:var(--hand);font-size:24px;font-weight:600;gap:10px;line-height:1.4;margin:0 0 18px}.hand-title:after{border-top:2px dashed #e8dcc8;border-top:2px dashed var(--line);content:"";flex:1 1}.sheet{background:#fffdf9;background:var(--card);border:1.5px solid #e8dcc8;border:1.5px solid var(--line);border-radius:12px;box-shadow:0 4px 12px #22305a14;box-shadow:var(--shadow);position:relative}.tape{background:#ff7fb280;background:var(--tape-pink);height:22px;pointer-events:none;position:absolute;top:-11px;width:72px;z-index:2}.tape-sky{background:#6fc0ff73;background:var(--tape-sky)}.tape-left{left:24px;transform:rotate(-6deg)}.tape-right{right:30px;transform:rotate(5deg)}.tape-center{height:26px;left:50%;margin-left:-48px;transform:rotate(-4deg);width:96px}.sticker{border-radius:50%;box-shadow:0 3px 0 #22305a26;display:flex;font-family:Mali,cursive;font-family:var(--hand);font-size:14px;height:64px;justify-content:center;line-height:1.1;position:absolute;right:-10px;text-align:center;top:-18px;transform:rotate(12deg);width:64px;z-index:3}.btn,.sticker{align-items:center;background:#ff7fb2;background:var(--pink);color:#22305a;color:var(--ink);font-weight:600}.btn{border-radius:8px;box-shadow:3px 3px 0 #22305a;box-shadow:3px 3px 0 var(--ink);display:inline-flex;font-family:Prompt,sans-serif;font-family:var(--display);font-size:16px;gap:10px;min-height:48px;padding:0 22px;text-decoration:none;transition:transform .12s,box-shadow .12s}.btn:hover{box-shadow:4px 4px 0 #22305a;box-shadow:4px 4px 0 var(--ink);transform:translate(-1px,-1px)}.btn:active{box-shadow:1px 1px 0 #22305a;box-shadow:1px 1px 0 var(--ink);transform:translate(2px,2px)}.btn-outline{background:#fffdf9;background:var(--card);border:1.5px solid #22305a;border:1.5px solid var(--ink);box-shadow:2px 2px 0 #22305a;box-shadow:2px 2px 0 var(--ink)}.btn svg{flex:none}.hand-link{align-items:center;color:#1f6fb8;color:var(--sky-deep);display:inline-flex;font-family:Mali,cursive;font-family:var(--hand);font-size:16px;font-weight:600;gap:6px;min-height:44px;text-underline-offset:4px}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{background:#fffdf9;background:var(--card);border:1.5px solid #e8dcc8;border:1.5px solid var(--line);border-radius:8px;color:#22305a;color:var(--ink);cursor:pointer;font-family:Prompt,sans-serif;font-family:var(--display);font-size:15px;font-weight:500;min-height:44px;padding:0 18px}.chip:hover,.chip[aria-pressed=true]{border-color:#22305a;border-color:var(--ink)}.chip[aria-pressed=true]{background:#ffe3ee;background:var(--pink-soft);box-shadow:2px 2px 0 #22305a;box-shadow:2px 2px 0 var(--ink);font-weight:600}.empty-box{border:2px dashed #e8dcc8;border:2px dashed var(--line);border-radius:12px;color:#5b6380;color:var(--muted);font-family:Mali,cursive;font-family:var(--hand);margin:0;padding:28px 20px;text-align:center}@media (prefers-reduced-motion:reduce){.btn{transition:none}.btn:active,.btn:hover{transform:none}}#root,body,html{margin:0;overflow-x:hidden;padding:0;width:100%}.App{display:flex;flex-direction:column;min-height:100vh}main{flex:1 0 auto;width:100%}.main-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin:0 auto;max-width:880px;padding:24px 20px 8px;width:100%}.site-name{font-family:var(--display);font-size:28px;font-weight:800;line-height:1;position:relative;text-decoration:none;white-space:nowrap}.site-name small{color:var(--pink-deep);font-family:var(--hand);font-size:14px;font-weight:500;left:100%;margin-left:4px;position:absolute;top:-8px;transform:rotate(-8deg);white-space:nowrap}.main-nav{display:flex;flex-wrap:wrap;gap:2px}.main-nav .nav-link{align-items:center;color:var(--muted);display:inline-flex;font-family:var(--display);font-size:16px;font-weight:500;min-height:44px;padding:0 12px;text-decoration:none;white-space:nowrap}.main-nav .nav-link:hover{color:var(--ink)}.main-nav .nav-link[aria-current=page]{background:linear-gradient(#0000 58%,var(--pink-soft) 58%,var(--pink-soft) 88%,#0000 88%);color:var(--ink);font-weight:600}@media (max-width:560px){.main-nav{flex-wrap:nowrap;justify-content:space-between;width:100%}.main-nav .nav-link{font-size:15px;padding:0 6px}}.home{display:flex;flex-direction:column;gap:48px;margin:0 auto;max-width:880px;padding:28px 20px 56px}.home-hero{align-items:center;display:flex;flex-wrap:wrap;gap:36px}.hero-text{flex:1 1 280px;min-width:0}.hero-name{font-size:clamp(52px,13vw,88px);font-weight:800;line-height:.95;margin:0}.hero-name span{color:#d94a86;display:table;font-size:.6em;line-height:1;margin-top:.08em;position:relative;z-index:0}.hero-name span:after{background:var(--sky-soft);bottom:.1em;content:"";height:.22em;left:0;position:absolute;right:0;z-index:-1}.hero-fullname{color:var(--muted);margin:12px 0 0}.member-pass{background:var(--card);border:1.5px solid var(--line);box-shadow:var(--shadow);display:inline-flex;font-family:var(--mono);font-size:11px;margin:22px 0 0;transform:rotate(-2deg)}.member-pass b{background:var(--sky-soft);font-family:var(--display);font-size:12px;padding:8px 10px}.member-pass span{border-left:2px dashed var(--line);padding:8px 12px}.polaroid{background:#fff;box-shadow:0 6px 18px #22305a24;flex:0 1 300px;margin:0 auto;padding:12px 12px 46px;position:relative;transform:rotate(3deg)}.polaroid img{aspect-ratio:4/5;display:block;object-fit:cover;object-position:50% 30%;width:100%}.polaroid-caption{bottom:11px;font-family:var(--hand);font-size:17px;left:0;position:absolute;right:0;text-align:center}.polaroid-corner{bottom:-10px;right:-14px;top:auto;transform:rotate(38deg);width:70px}.home-more{align-items:center;display:flex;flex-wrap:wrap;gap:4px 16px;justify-content:space-between;margin-top:14px}.home-more .hand-link{margin-left:auto}.countdown{background:var(--card);border:2px dashed var(--line);border-radius:8px;font-family:var(--hand);font-size:17px;font-weight:600;margin:0;padding:4px 12px;transform:rotate(-1.5deg)}.countdown.is-today{background:var(--pink-soft);border-color:var(--pink);color:var(--pink-deep)}.notebook{border-radius:8px;padding:4px 20px 8px}.profile-list{grid-column-gap:32px;column-gap:32px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:0}.profile-list div{align-items:center;border-bottom:1px solid var(--line);display:flex;gap:12px;min-height:44px;padding:6px 0}.profile-list dt{color:var(--sky-deep);flex:0 0 84px;font-family:var(--hand);font-weight:600}.profile-list dd{margin:0;min-width:0}.profile-source{color:var(--muted);font-size:.85rem;margin:10px 0 0}.profile-source a{color:var(--pink-deep);text-underline-offset:3px}@media (max-width:640px){.profile-list{grid-template-columns:1fr}}.ticket{display:flex}.ticket:nth-child(3n+1){transform:rotate(-.6deg)}.ticket:nth-child(3n+2){transform:rotate(.5deg)}.ticket:nth-child(3n){transform:rotate(-.3deg)}.ticket-stub{align-items:center;background:var(--pink-soft);border-radius:11px 0 0 11px;display:flex;flex:0 0 96px;flex-direction:column;font-family:var(--display);justify-content:center;line-height:1.1;padding:14px 8px;text-align:center}.ticket.is-sky .ticket-stub{background:var(--sky-soft)}.ticket-stub b{font-size:36px;font-weight:800}.ticket-stub span{font-family:var(--hand);font-size:15px;font-weight:600;margin-top:4px}.ticket-stub small{color:var(--muted);font-family:var(--mono);font-size:11px;margin-top:6px}.ticket-perf{border-left:2px dashed var(--line);position:relative;width:0}.ticket-perf:after,.ticket-perf:before{background:var(--paper);border:1.5px solid var(--line);border-radius:50%;content:"";height:18px;left:-10px;position:absolute;width:18px}.ticket-perf:before{-webkit-clip-path:inset(50% 0 0 0);clip-path:inset(50% 0 0 0);top:-10px}.ticket-perf:after{bottom:-10px;-webkit-clip-path:inset(0 0 50% 0);clip-path:inset(0 0 50% 0)}.ticket-body{display:flex;gap:16px;padding:16px 18px}.ticket-body,.ticket-info{flex:1 1;min-width:0}.ticket-title{display:block;font-family:var(--display);font-size:19px;font-weight:600;line-height:1.3}.ticket-location{color:var(--sky-deep);font-family:var(--display);font-size:15px;font-weight:500;margin:4px 0 0}.ticket-schedule{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;margin:8px 0 0;padding-left:1.1rem}.ticket-schedule li::marker{color:var(--pink)}.ticket-note{color:var(--muted);font-size:15px;margin:8px 0 0}.ticket-foot{align-items:center;gap:4px 12px;justify-content:space-between;margin-top:8px}.ticket-foot,.ticket-links{display:flex;flex-wrap:wrap}.ticket-links{gap:0 16px;margin:0}.ticket-barcode{background:repeating-linear-gradient(90deg,var(--ink) 0 2px,#0000 2px 4px,var(--ink) 4px 5px,#0000 5px 8px,var(--ink) 8px 11px,#0000 11px 13px);height:20px;opacity:.7;width:110px}.ticket-poster{align-self:flex-start;background:#fff;box-shadow:0 3px 10px #22305a1f;display:block;flex:0 0 104px;padding:5px 5px 14px;transform:rotate(3deg)}.ticket-poster img{display:block;width:100%}.ticket.is-past .ticket-stub{background:#efe8dc;color:var(--muted)}@media (max-width:600px){.ticket-stub{flex-basis:74px}.ticket-stub b{font-size:28px}.ticket-body{flex-direction:column;padding:14px}.ticket-poster{flex:none;width:96px}.ticket .sticker{right:-4px}}.section{gap:36px;margin:0 auto;max-width:880px;padding:28px 20px 56px}.section,.ticket-list{display:flex;flex-direction:column}.ticket-list{gap:24px;list-style:none;margin:0;padding:0}.work-category .hand-title{margin-bottom:22px}.work-videos-grid{display:flex;flex-wrap:wrap;gap:28px 20px}.work-video{border-radius:6px;flex:1 1 260px;margin:0;max-width:100%;padding:12px 12px 16px}.work-video:nth-child(odd){transform:rotate(-.5deg)}.work-video:nth-child(2n){transform:rotate(.6deg)}.work-video-frame{aspect-ratio:16/9;overflow:hidden}.work-video-frame.is-pink{background:var(--pink-soft)}.work-video-frame.is-sky{background:var(--sky-soft)}.work-video-frame iframe{border:none;display:block;height:100%;width:100%}.work-video figcaption{align-items:flex-start;display:flex;flex-direction:column;gap:4px;margin-top:12px;padding:0 4px}.work-video-title{font-family:var(--display);font-size:16px;font-weight:600;line-height:1.4}.work-video time{color:var(--muted);font-family:var(--mono);font-size:12px}.tag{font-family:var(--hand);font-size:14px;font-weight:600}.tag-pink{color:var(--pink-deep)}.tag-sky{color:var(--sky-deep)}.support-pass{display:flex;transform:rotate(.4deg)}.support-pass-main{align-items:flex-start;display:flex;flex:1 1;flex-direction:column;min-width:0;padding:clamp(22px,5vw,32px)}.support-code{color:var(--muted);font-family:var(--mono);font-size:11px;margin:0}.support-title{font-size:clamp(44px,11vw,64px);margin-top:6px}.support-title span+span{color:var(--pink)}.support-desc{color:var(--muted);font-size:17px;margin:10px 0 20px}.support-perf{border-left:2px dashed var(--line);position:relative;width:0}.support-perf:after,.support-perf:before{background:var(--paper);border:1.5px solid var(--line);border-radius:50%;content:"";height:18px;left:-10px;position:absolute;width:18px}.support-perf:before{-webkit-clip-path:inset(50% 0 0 0);clip-path:inset(50% 0 0 0);top:-10px}.support-perf:after{bottom:-10px;-webkit-clip-path:inset(0 0 50% 0);clip-path:inset(0 0 50% 0)}.support-qr-wrap{align-items:center;display:flex;flex:0 0 240px;justify-content:center;padding:24px}.support-qr{background:#fff;box-shadow:0 3px 10px #22305a1f;max-width:190px;padding:8px;position:relative;transform:rotate(-3deg);width:100%}.support-qr img{display:block;width:100%}.support-qr-tape{margin-left:-32px;width:64px}.support-row{display:flex;flex-wrap:wrap;gap:24px 20px}.support-card{align-items:flex-start;display:flex;flex:1 1 280px;flex-direction:column;gap:4px;padding:22px}.support-card:nth-child(odd){transform:rotate(-.5deg)}.support-card:nth-child(2n){transform:rotate(.5deg)}.support-icon{align-items:center;background:var(--pink-soft);border-radius:50%;color:var(--ink);display:inline-flex;height:46px;justify-content:center;margin-bottom:6px;width:46px}.support-card.is-sky .support-icon{background:var(--sky-soft)}.support-card-title{font-size:22px;font-weight:800;letter-spacing:.04em;margin:0}.support-card-text{color:var(--muted);margin:0}.support-handle{color:var(--sky-deep);font-family:var(--hand);font-size:18px;font-weight:600;margin:0;overflow-wrap:anywhere}.support-card .btn{margin-top:auto}.support-card .support-card-text+.btn,.support-card .support-handle+.btn{margin-top:14px}@media (max-width:600px){.support-pass{flex-direction:column}.support-perf{border-left:0;border-top:2px dashed var(--line);height:0;margin:0 16px;width:auto}.support-perf:after,.support-perf:before{display:none}.support-qr-wrap{flex:none;padding:24px 24px 28px}}.game{gap:16px;max-width:560px}.game-back{align-self:flex-start}.game-hud{font-feature-settings:"tnum";align-items:center;display:flex;font-family:var(--display);font-variant-numeric:tabular-nums;justify-content:space-between;padding:8px 16px}.game-hud strong{font-size:1.3rem;font-weight:800}.game-lives{display:flex;font-size:1.3rem;gap:.25rem;line-height:1}.game-hearts .life,.game-lives .life{color:var(--pink)}.game-lives .life.lost{color:var(--line)}.game-stage{background:#fff;box-shadow:0 6px 18px #22305a24;padding:10px;position:relative}.game-stage>.tape{top:-12px}.game-canvas{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;cursor:pointer;display:block;height:auto;image-rendering:pixelated;touch-action:manipulation;-webkit-user-select:none;user-select:none;width:100%}.game-panel{align-items:center;background:#fffdf9f2;display:flex;flex-direction:column;inset:10px;justify-content:center;padding:1.5rem;position:absolute;text-align:center}.game-stage-wide .game-panel{background:none;padding:1.2rem .5rem .6rem;position:static}.game-panel h2{font-family:var(--hand);font-size:1.9rem;font-weight:600;line-height:1.3;margin:0 0 .4rem}.game-panel p{margin:0 0 .8rem}.game-panel ul{color:var(--muted);margin:0 0 1.2rem;padding-left:1.1rem;text-align:left}.game-panel ul li::marker{color:var(--pink)}.game-final{color:#d94a86;font-family:var(--display);font-size:2.6rem;font-weight:800;line-height:1.1}.game-best{color:var(--sky-deep);font-family:var(--hand);font-weight:600}.game-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:.8rem}.game-btn{align-items:center;background:var(--pink);border:0;border-radius:8px;box-shadow:3px 3px 0 var(--ink);color:var(--ink);cursor:pointer;display:inline-flex;font-family:var(--display);font-size:16px;font-weight:600;min-height:48px;padding:0 24px;transition:transform .12s,box-shadow .12s}.game-btn:hover{box-shadow:4px 4px 0 var(--ink);transform:translate(-1px,-1px)}.game-btn:active{box-shadow:1px 1px 0 var(--ink);transform:translate(2px,2px)}.game-btn-secondary{background:var(--card);border:1.5px solid var(--ink);box-shadow:2px 2px 0 var(--ink)}@media (max-width:480px){.game-stage{padding:6px}.game-panel{inset:6px;padding:.8rem}.game-panel h2{font-size:1.45rem}.game-panel p{margin-bottom:.5rem}.game-panel ul{font-size:.92rem;margin-bottom:.8rem}}@media (prefers-reduced-motion:reduce){.game-btn{transition:none}.game-btn:active,.game-btn:hover{transform:none}}.game-list{display:flex;flex-wrap:wrap;gap:28px 20px;list-style:none;margin:0;padding:0}.game-list li{flex:1 1 280px}.game-list li:nth-child(odd){transform:rotate(-.6deg)}.game-list li:nth-child(2n){transform:rotate(.6deg)}.game-list a{display:flex;flex-direction:column;gap:6px;height:100%;padding:22px;text-decoration:none;transition:transform .12s}.game-list a:hover{transform:translateY(-3px)}.game-list strong{font-family:var(--display);font-size:1.35rem;font-weight:800;line-height:1.3}.game-list span{color:var(--muted)}.game-list .game-list-play{color:var(--sky-deep);font-family:var(--hand);font-size:16px;font-weight:600;margin-top:auto;padding-top:8px}.game-list .game-list-best{color:var(--pink-deep);font-family:var(--hand);font-weight:600}.game-list .game-list-stats{font-family:var(--mono);font-size:12px}@media (prefers-reduced-motion:reduce){.game-list a{transition:none}.game-list a:hover{transform:none}}.run-history{padding:16px 20px 12px}.run-history-title{font-family:var(--hand);font-size:20px;font-weight:600;margin:0 0 6px}.run-history-list{list-style:none;margin:0;padding:0}.run-history-list li{font-feature-settings:"tnum";align-items:baseline;border-bottom:1px solid var(--line);display:flex;flex-wrap:wrap;font-variant-numeric:tabular-nums;gap:2px 12px;padding:8px 0}.run-history-list time{color:var(--muted);font-family:var(--mono);font-size:12px}.run-history-detail{color:var(--muted);font-size:14px}.run-history-list strong{font-family:var(--display);font-size:18px;font-weight:800;margin-left:auto}.run-history-list li.is-latest strong{background:linear-gradient(#0000 60%,var(--pink-soft) 60%)}.run-history-best{color:var(--pink-deep);font-family:var(--hand);font-size:13px;font-weight:600}.run-history-plays{color:var(--muted);font-family:var(--hand);font-size:14px;margin:8px 0 0}.leaderboard{padding:18px 20px 14px}.leaderboard-title{font-family:var(--hand);font-size:22px;font-weight:600;margin:0 0 8px}.leaderboard-form{background:var(--pink-soft);border:2px dashed var(--line);border-radius:10px;margin-bottom:12px;padding:12px}.leaderboard-form label{display:block;font-family:var(--hand);font-weight:600;margin-bottom:8px}.leaderboard-form-row{display:flex;gap:10px}.leaderboard-form input{background:#fff;border:1.5px solid var(--ink);border-radius:8px;color:var(--ink);flex:1 1;font:inherit;font-size:16px;min-height:48px;min-width:0;padding:0 14px}.leaderboard-form input:focus-visible{outline:3px solid var(--ink);outline-offset:2px}.leaderboard-form .game-btn{flex:none}.leaderboard-form .game-btn:disabled{cursor:progress;opacity:.6}.leaderboard-message{color:var(--pink-deep);font-family:var(--hand);font-weight:600;margin:0 0 10px}.leaderboard-empty{color:var(--muted);font-family:var(--hand);margin:4px 0 6px}.leaderboard-list{list-style:none;margin:0;padding:0}.leaderboard-list li{font-feature-settings:"tnum";align-items:center;border-bottom:1px solid var(--line);display:flex;font-variant-numeric:tabular-nums;gap:12px;padding:8px 0}.leaderboard-list li:last-child{border-bottom:0}.leaderboard-rank{align-items:center;background:var(--sky-soft);border-radius:50%;display:inline-flex;flex:none;font-family:var(--display);font-size:14px;font-weight:800;height:30px;justify-content:center;width:30px}.leaderboard-rank.rank-1{background:var(--pink);transform:rotate(-8deg)}.leaderboard-rank.rank-2{background:var(--sky);transform:rotate(6deg)}.leaderboard-rank.rank-3{background:#ffd8a8;transform:rotate(-4deg)}.leaderboard-name{flex:1 1;font-family:var(--display);font-weight:500;min-width:0;overflow-wrap:anywhere}.leaderboard-list strong{font-family:var(--display);font-size:18px;font-weight:800}.leaderboard-list li.is-mine{background:var(--pink-soft);border-radius:8px;margin:0 -8px;padding:8px}.leaderboard-list li.is-mine .leaderboard-name{font-weight:600}.quiz-card{padding:28px 22px 22px;text-align:center}.quiz-card>p{color:var(--muted);margin:0 0 16px}.quiz-rank,.quiz-title{font-family:var(--hand);font-size:30px;font-weight:600;line-height:1.3;margin:0 0 10px}.quiz-rank{color:var(--pink-deep);font-size:34px}.quiz-progress{font-family:var(--mono);font-size:13px}.quiz-bar{background:var(--sky-soft);border-radius:999px;height:10px;margin:0 0 18px;overflow:hidden}.quiz-bar span{background:var(--pink);display:block;height:100%;transition:width .25s}.quiz-question{font-family:var(--display);font-size:21px;font-weight:600;line-height:1.4;margin:0 0 18px}.quiz-choices{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.quiz-choice{background:var(--card);border:1.5px solid var(--ink);border-radius:10px;box-shadow:2px 2px 0 var(--ink);color:var(--ink);cursor:pointer;font-family:var(--display);font-size:16px;font-weight:500;line-height:1.35;min-height:56px;padding:10px 14px;transition:transform .12s,box-shadow .12s}.quiz-choice:hover:not(:disabled){box-shadow:3px 3px 0 var(--ink);transform:translate(-1px,-1px)}.quiz-choice.is-correct{background:#d9f2cf;border-color:#2f7a2a;color:#1f5a1c;font-weight:600}.quiz-choice.is-wrong{background:var(--pink-soft);border-color:var(--pink-deep);color:var(--pink-deep)}.quiz-choice.is-dim,.quiz-choice:disabled{box-shadow:none;cursor:default;opacity:.55}.quiz-feedback{margin-top:18px}.quiz-feedback p{font-family:var(--hand);font-size:18px;font-weight:600;margin:0 0 12px}.quiz-feedback .is-correct{color:#2f7a2a}.quiz-feedback .is-wrong{color:var(--pink-deep)}.quiz-result{position:relative}.quiz-sticker{font-size:20px;height:76px;width:76px}@media (max-width:480px){.quiz-choices{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.quiz-bar span,.quiz-choice{transition:none}}.fan-card-form{padding:26px 22px 18px;text-align:center}.fan-card-form label{display:block;font-family:var(--hand);font-weight:600;margin-bottom:8px}.fan-card-form .leaderboard-form-row{margin:0 auto;max-width:420px}.fan-card-form input{background:#fff;border:1.5px solid var(--ink);border-radius:8px;color:var(--ink);flex:1 1;font:inherit;font-size:16px;min-height:48px;min-width:0;padding:0 14px}.fan-card-form .leaderboard-message,.fan-card-meta{margin:10px 0 0}.fan-card-meta{color:var(--muted);font-family:var(--mono);font-size:12px}.fan-card-result{align-items:center;display:flex;flex-direction:column;gap:16px}.fan-card-canvas{aspect-ratio:9/16;border-radius:12px;box-shadow:0 6px 18px #22305a24;display:block;height:auto;width:min(360px,100%)}.look-picker{padding:20px 20px 12px}.look-title{font-family:var(--hand);font-size:22px;font-weight:600;margin:0 0 8px}.look-group{align-items:center;border-bottom:1px solid var(--line);display:flex;flex-wrap:wrap;gap:6px 12px;padding:10px 0}.look-group:last-child{border-bottom:0}.look-label{color:var(--sky-deep);flex:0 0 100%;font-family:var(--hand);font-weight:600}.look-choices{display:flex;flex:1 1;flex-wrap:wrap;gap:8px}.look-choice{align-items:center;background:var(--card);border:1.5px solid var(--line);border-radius:8px;color:var(--ink);cursor:pointer;display:inline-flex;font-family:var(--display);font-size:14px;font-weight:500;gap:6px;min-height:44px;padding:0 12px}.look-choice.is-on,.look-choice:hover{border-color:var(--ink)}.look-choice.is-on{background:var(--pink-soft);box-shadow:2px 2px 0 var(--ink);font-weight:600}.look-swatch{border:1.5px solid #22305a59;border-radius:50%;height:18px;width:18px}.fan-card-page.game{max-width:880px}.fan-card-page .fan-card-form{margin:0 auto;max-width:560px;width:100%}.fan-card-studio{grid-gap:24px;display:grid;gap:24px;grid-template-columns:minmax(0,1fr)}@media (min-width:760px){.fan-card-studio{align-items:start;grid-template-columns:340px minmax(0,1fr)}.fan-card-studio .fan-card-result{position:-webkit-sticky;position:sticky;top:16px}}@media (max-width:480px){.look-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.look-choice{justify-content:center}}.wish-page{text-align:center}.wish-card{padding:44px 26px 30px;position:relative;transform:rotate(-.8deg)}.wish-sticker{right:-8px;top:-20px}.wish-to{color:var(--sky-deep);font-family:var(--hand);font-size:18px;font-weight:600;margin:0 0 18px}.wish-to strong{color:var(--ink);font-family:var(--display);font-weight:800}.wish-no{color:var(--muted);font-family:var(--mono);font-size:13px}.wish-text{animation:wish-pop .35s ease-out;color:var(--pink-deep);font-family:var(--hand);font-size:clamp(28px,7vw,40px);font-weight:600;line-height:1.45;margin:0}.wish-page .game-actions a{text-decoration:none}.wish-more{margin:0}@keyframes wish-pop{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.wish-text{animation:none}}.site-footer{padding:0 20px 28px;scroll-margin-top:4rem}.footer-inner{border-top:2px dashed var(--line);margin:0 auto;max-width:840px;padding-top:20px}.footer-title{font-family:var(--hand);font-size:18px;font-weight:600;margin:0 0 6px}.footer-socials{display:flex;flex-wrap:wrap;gap:0 20px;list-style:none;margin:0;padding:0}.footer-socials a{align-items:center;display:inline-flex;font-family:var(--display);font-weight:500;min-height:44px;-webkit-text-decoration-color:var(--pink);text-decoration-color:var(--pink);text-decoration-thickness:2px;text-underline-offset:4px}.footer-socials a:hover{color:var(--pink-deep)}.site-version{color:var(--muted);font-family:var(--mono);font-size:12px;margin:8px 0 0;text-align:right}
/*# sourceMappingURL=main.73921718.css.map*/