@font-face{font-family:Alfa Slab One;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/alfa-slab-one-vietnamese-400-normal-C0oZnEo7.woff2) format("woff2"),url(/assets/alfa-slab-one-vietnamese-400-normal-BeSfPuN6.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Alfa Slab One;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/alfa-slab-one-latin-ext-400-normal-DZhSYPC8.woff2) format("woff2"),url(/assets/alfa-slab-one-latin-ext-400-normal-Dg9tQUb7.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Alfa Slab One;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/alfa-slab-one-latin-400-normal-CbTZiZTW.woff2) format("woff2"),url(/assets/alfa-slab-one-latin-400-normal-UIGeWgec.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--red-deep: #7c2822;--red: #96352d;--red-hi: #a84238;--cream: #f3e9d2;--cream-dim: #efe3c8;--ink: #2b1d16;--blue: #274b9f;--shadow: 0 18px 40px rgba(20, 8, 4, .45)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;width:100%;height:100%;background:#4b120e;position:fixed;inset:0;overflow:hidden}body{font-family:Alfa Slab One,Avenir Next,Trebuchet MS,Segoe UI,sans-serif;background:radial-gradient(120% 90% at 50% 0%,rgba(255,205,150,.16),transparent 60%),radial-gradient(100% 80% at 50% 100%,rgba(0,0,0,.5),transparent 70%),linear-gradient(180deg,#4b120e,#5f1a14 55%,#3c0d0a);color:var(--cream);overflow:hidden;overscroll-behavior:none;user-select:none;-webkit-user-select:none}#app,.screen{height:100%;width:100%}.screen{display:none;flex-direction:column;align-items:center;padding:max(16px,env(safe-area-inset-top)) 16px max(16px,env(safe-area-inset-bottom));overflow:hidden}.screen.active{display:flex}.hidden{display:none!important}#screen-home{justify-content:center;gap:28px}.box{position:relative;width:min(78vw,340px);aspect-ratio:1 / 1.04;padding:34px 22px 28px;text-align:center;color:var(--cream);background:radial-gradient(90% 60% at 50% 22%,rgba(255,255,255,.14),transparent 55%),linear-gradient(160deg,var(--red-hi) 0%,var(--red) 45%,#7e2b24 100%);border-radius:14px;border:3px solid #611f19;box-shadow:var(--shadow),inset 0 2px 10px #ffffff2e,inset 0 -12px 24px #00000047;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.box:before{content:"";position:absolute;inset:10px;border:2px solid rgba(243,233,210,.85);border-radius:9px;pointer-events:none}.corner{position:absolute;width:30px;height:30px;pointer-events:none;background:var(--blue);border-radius:50%;color:var(--cream);display:flex;align-items:center;justify-content:center;font-size:17px;box-shadow:0 2px 4px #0006}.corner:after{content:"?"}.corner.tl{top:13px;left:13px;transform:rotate(-14deg)}.corner.tr{top:13px;right:13px;transform:rotate(14deg)}.corner.bl{bottom:13px;left:13px;transform:rotate(166deg)}.corner.br{bottom:13px;right:13px;transform:rotate(194deg)}.eyebrow{margin:0;font-size:clamp(12px,3.7vw,15px);letter-spacing:.12em;text-transform:uppercase;text-shadow:0 2px 0 rgba(0,0,0,.35);padding:0 6px}.title{margin:0;font-size:clamp(29px,9vw,42px);line-height:1.02;letter-spacing:.01em;color:var(--ink);background:var(--cream);border:2px solid #5d1e18;border-radius:6px;padding:14px 12px 10px;width:100%;text-shadow:0 1px 0 rgba(255,255,255,.55);box-shadow:inset 0 2px 8px #00000026,0 4px 10px #0000004d}.badge{min-width:46px;height:46px;padding:0 8px;margin-top:-24px;border-radius:50%;background:#17100d;border:2px solid #000;color:var(--cream);font-size:18px;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 8px #00000080;position:relative;z-index:2}.sub{margin:0;font-size:clamp(12px,3.6vw,15px);letter-spacing:.08em;text-transform:uppercase;text-shadow:0 2px 0 rgba(0,0,0,.35);padding:0 6px}.home-actions{display:flex;flex-direction:column;align-items:center;gap:10px}.credit{margin:0;font-family:Avenir Next,Trebuchet MS,sans-serif;font-size:12px;letter-spacing:.08em;opacity:.65}.btn{font-family:inherit;font-size:17px;letter-spacing:.06em;padding:14px 30px;border-radius:999px;border:2px solid #5d1e18;cursor:pointer;transition:transform .08s ease,filter .15s ease}.btn:active{transform:scale(.96)}.btn-primary{background:var(--cream);color:var(--ink);box-shadow:0 6px #00000059,var(--shadow)}.btn-primary:hover{filter:brightness(1.05)}.btn-ghost{background:transparent;color:var(--cream);border-color:#f3e9d2b3;box-shadow:none}.btn-ghost:hover{background:#f3e9d21a}#screen-picker{width:100%;max-width:560px;margin:0 auto;gap:18px}.picker-head{display:flex;align-items:center;gap:12px;width:100%}.picker-title{margin:0;font-size:26px;letter-spacing:.04em;text-shadow:0 3px 0 rgba(0,0,0,.35)}.round-btn{width:44px;height:44px;flex:0 0 44px;border-radius:50%;border:2px solid rgba(243,233,210,.7);background:#00000040;color:var(--cream);font-size:20px;cursor:pointer}.round-btn svg{width:20px;height:20px}.round-btn:active{transform:scale(.94)}#deck-list{width:100%;overflow-y:auto;display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:4px 4px 24px;overscroll-behavior:contain}.deck-btn{position:relative;min-height:108px;padding:18px 14px;display:flex;flex-direction:column;justify-content:center;gap:8px;text-align:center;border-radius:12px;border:2px solid #5d1e18;background:linear-gradient(160deg,var(--red-hi) 0%,var(--red) 60%,#7e2b24 100%);box-shadow:inset 0 2px 8px #ffffff24,0 6px 14px #00000059;color:var(--cream);font-family:inherit;cursor:pointer;transition:transform .08s ease}.deck-btn:before{content:"";position:absolute;inset:5px;border:1px solid rgba(243,233,210,.55);border-radius:8px;pointer-events:none}.deck-btn:active{transform:scale(.96)}.deck-btn.wide{grid-column:1 / -1;min-height:84px;background:linear-gradient(160deg,#b04a3e 0%,var(--red) 60%,#7e2b24 100%)}.deck-name{font-size:19px;line-height:1.15}.deck-count{font-family:Avenir Next,Trebuchet MS,sans-serif;font-size:12px;letter-spacing:.1em;text-transform:uppercase;opacity:.8}#screen-game{width:100%;max-width:560px;margin:0 auto;position:relative}.game-head{display:flex;align-items:center;gap:10px;width:100%}.game-head .round-btn{width:40px;height:40px;flex:0 0 40px}.game-deck{flex:1;font-size:15px;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:.9}.game-count{font-family:Avenir Next,Trebuchet MS,sans-serif;font-size:13px;letter-spacing:.1em;opacity:.75}.progress-bar{width:100%;height:5px;margin-top:12px;border-radius:3px;background:#00000059;overflow:hidden}#progress-fill{height:100%;width:0;border-radius:3px;background:var(--cream);transition:width .25s ease}#stack{position:relative;flex:1;width:100%;margin:18px 0 8px;touch-action:none}.card{position:absolute;inset:0;margin:0 auto;max-width:420px;max-height:480px;height:100%;padding:28px 24px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;text-align:center;border-radius:18px;border:3px solid #611f19;color:var(--cream);background:radial-gradient(90% 60% at 50% 18%,rgba(255,255,255,.13),transparent 55%),linear-gradient(165deg,var(--red-hi) 0%,var(--red) 45%,#7e2b24 100%);box-shadow:var(--shadow),inset 0 2px 10px #ffffff29;will-change:transform;cursor:grab}.card:before{content:"";position:absolute;inset:9px;border:2px solid rgba(243,233,210,.8);border-radius:12px;pointer-events:none}.card.dragging{cursor:grabbing;box-shadow:0 30px 60px #0000008c,inset 0 2px 10px #ffffff29}.card.top{z-index:3}.card.under{z-index:2;transform:scale(.94) translateY(16px);filter:brightness(.82);pointer-events:none}.card.under-2{z-index:1;transform:scale(.89) translateY(30px);filter:brightness(.68)}.card.enter-up{animation:enter-up .28s ease-out}@keyframes enter-up{0%{transform:scale(.94) translateY(16px);filter:brightness(.82)}to{transform:scale(1) translateY(0);filter:brightness(1)}}.card.shake{animation:shake .3s ease}@keyframes shake{25%{transform:translate(-10px)}75%{transform:translate(10px)}}.card-tag{position:absolute;top:26px;left:50%;transform:translate(-50%);font-family:Avenir Next,Trebuchet MS,sans-serif;font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:#f3e9d2d9;border:1px solid rgba(243,233,210,.5);border-radius:999px;padding:5px 12px;white-space:nowrap}.card-question{margin:0;font-size:clamp(21px,6vw,28px);line-height:1.3;text-shadow:0 2px 0 rgba(0,0,0,.25)}.card-hint{position:absolute;bottom:24px;margin:0;font-family:Avenir Next,Trebuchet MS,sans-serif;font-size:12px;letter-spacing:.08em;opacity:.65}.stamp,.stamp-right,.stamp-left,.swipe-hints{display:none}.drag-hint{position:absolute;top:50%;padding:10px 16px;font-size:17px;letter-spacing:.14em;text-transform:uppercase;color:var(--cream);border:3px solid var(--cream);border-radius:10px;opacity:0;pointer-events:none;z-index:5;box-shadow:0 4px 14px #0006}.hint-left{left:10px;transform:translateY(-50%) rotate(-12deg)}.hint-right{right:10px;transform:translateY(-50%) rotate(12deg)}.overlay{position:absolute;inset:0;z-index:10;display:flex;align-items:center;justify-content:center;padding:24px;background:#1e0805d1;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:overlay-in .25s ease-out}.overlay.hidden{display:none}@keyframes overlay-in{0%{opacity:0}}.intro-panel{width:100%;max-width:320px;padding:30px 24px;text-align:center;background:radial-gradient(90% 60% at 50% 22%,rgba(255,255,255,.14),transparent 55%),linear-gradient(160deg,var(--red-hi) 0%,var(--red) 45%,#7e2b24 100%);border:3px solid #611f19;border-radius:14px;box-shadow:var(--shadow),inset 0 2px 10px #ffffff2e;display:flex;flex-direction:column;gap:18px}.intro-panel:before{content:"";position:absolute;inset:9px;border:2px solid rgba(243,233,210,.8);border-radius:9px;pointer-events:none}.intro-eyebrow{margin:0;font-family:Avenir Next,Trebuchet MS,sans-serif;font-size:12px;letter-spacing:.18em;text-transform:uppercase;opacity:.8}.intro-deck{margin:0;font-size:clamp(20px,6vw,30px);line-height:1.15;letter-spacing:.02em;overflow-wrap:anywhere;padding:0 4px;text-shadow:0 2px 0 rgba(0,0,0,.45),0 0 3px rgba(0,0,0,.35);text-wrap:balance}.intro-rows{display:flex;flex-direction:column;gap:10px}.intro-row{margin:0;display:flex;align-items:center;gap:10px;font-family:Avenir Next,Trebuchet MS,sans-serif;font-size:15px;line-height:1.4;text-align:left}.intro-arrow{width:20px;height:20px;flex:0 0 20px}.intro-tap{margin:6px 0 0;font-size:18px;letter-spacing:.08em;color:var(--ink);background:var(--cream);border-radius:999px;padding:12px 24px;align-self:center;animation:pulse 1.4s ease-in-out infinite}@keyframes pulse{50%{transform:scale(1.06)}}.controls{display:flex;gap:18px;padding:14px 0 6px}.ctrl-btn{width:62px;height:62px;border-radius:50%;border:2px solid rgba(243,233,210,.7);background:#00000047;color:var(--cream);cursor:pointer;display:flex;align-items:center;justify-content:center}.ctrl-btn svg{width:26px;height:26px}.ctrl-btn.primary{background:var(--cream);color:var(--ink);border-color:#5d1e18;box-shadow:0 5px #00000059}.ctrl-btn:active{transform:scale(.93)}.end-card{gap:12px}.end-title{margin:0;font-size:clamp(24px,7vw,32px);text-shadow:0 2px 0 rgba(0,0,0,.25)}.end-sub{margin:0;font-family:Avenir Next,Trebuchet MS,sans-serif;font-size:13px;letter-spacing:.08em;opacity:.8}.end-actions{display:flex;flex-direction:column;gap:12px;margin-top:10px}@media(min-width:700px){body{background:radial-gradient(80% 70% at 50% 0%,rgba(255,205,150,.14),transparent 60%),linear-gradient(180deg,#4b120e,#3c0d0a)}.screen{max-width:640px}}