@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{height:100%}body{margin:0;padding:0;width:100%;min-height:100vh;min-height:100dvh;background:#4b120e;overflow-x:hidden;overscroll-behavior-y:none;-webkit-text-size-adjust:100%}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);background-attachment:fixed;color:var(--cream);overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:none;user-select:none;-webkit-user-select:none}#app{min-height:100vh;min-height:100dvh}.screen{display:none;flex-direction:column;align-items:center;width:100%;min-height:100vh;min-height:100dvh;padding:clamp(12px,3vh,24px) 16px clamp(24px,4vh,40px);overflow:visible}.screen.active{display:flex}.hidden{display:none!important}#screen-home{gap:clamp(16px,3.5vh,28px);position:relative;margin:auto;padding-bottom:52px}.sound-toggle-btn{position:absolute;top:max(16px,env(safe-area-inset-top));right:18px;width:40px;height:40px;border-radius:50%;border:2px solid rgba(243,233,210,.65);background:#00000047;color:var(--cream);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:5;transition:transform .08s ease,background .15s ease}.sound-toggle-btn svg{width:19px;height:19px}.sound-toggle-btn:active{transform:scale(.92)}.box{position:relative;width:min(78vw,60vh,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:28px;height:28px;pointer-events:none;color:#f3e9d2bf;display:flex;align-items:center;justify-content:center}.corner svg{width:24px;height:24px}.corner.tl{top:12px;left:13px;transform:rotate(-6deg)}.corner.tr{top:12px;right:13px;transform:rotate(6deg)}.corner.bl{bottom:12px;left:13px;transform:rotate(6deg)}.corner.br{bottom:12px;right:13px;transform:rotate(-6deg)}.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(32px,10.5vw,50px);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.2vw,15px);letter-spacing:.08em;text-transform:uppercase;text-shadow:0 2px 0 rgba(0,0,0,.35);padding:0 10px}.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}.credit-small{font-size:10px;letter-spacing:.14em;text-transform:uppercase;opacity:.45}.credit-link{color:inherit;text-decoration:underline;text-underline-offset:2px}.credit-link:active{opacity:.7}.site-footer{position:fixed;bottom:max(10px,env(safe-area-inset-bottom));left:0;right:0;display:flex;justify-content:center;align-items:center;gap:8px;font-family:Avenir Next,Trebuchet MS,sans-serif;font-size:11px;letter-spacing:.1em;opacity:.45;pointer-events:none;z-index:20}.site-footer a{color:var(--cream);text-decoration:underline;text-underline-offset:2px;pointer-events:auto}.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: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:auto;position:relative;padding-bottom:52px}.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}button,a,#stack{touch-action:manipulation}#stack{position:relative;flex:1;width:100%;margin:18px 0 8px;touch-action:none}.card{position:absolute;inset:0;margin:0 auto;max-width:min(420px,92vw);max-height:min(480px,62dvh);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;touch-action:none}.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(19px,4.5vw + 6px,30px);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:480px;margin:0 auto;width:100%}#screen-picker{max-width:520px}.box{width:min(60vw,360px)}.card{max-width:400px}.ctrl-btn{width:66px;height:66px}}@media(min-width:1024px){.screen{max-width:500px}#screen-picker{max-width:560px}.box{width:380px;padding:38px 24px 32px}.title{font-size:52px}.card{max-width:400px;padding:32px 28px}.card-question{font-size:30px}.ctrl-btn{width:70px;height:70px}.ctrl-btn svg{width:28px;height:28px}}@media(min-width:1440px){.screen{max-width:520px}.box{width:400px}.card{max-width:420px}}.rotate-overlay{display:none}@media(orientation:landscape)and (max-height:500px)and (pointer:coarse){#app,.site-footer{display:none!important}.rotate-overlay{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;background:radial-gradient(120% 90% at 50% 0%,rgba(255,205,150,.16),transparent 60%),linear-gradient(180deg,#4b120e,#5f1a14 55%,#3c0d0a);color:var(--cream)}}.rotate-overlay-inner{display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center;padding:24px}.rotate-icon{width:64px;height:64px;color:var(--cream);animation:rotate-nudge 2s ease-in-out infinite}@keyframes rotate-nudge{0%,40%{transform:rotate(0)}60%,to{transform:rotate(-90deg)}}.rotate-title{margin:0;font-size:24px;letter-spacing:.02em;text-shadow:0 2px 0 rgba(0,0,0,.35)}.rotate-sub{margin:0;font-family:Avenir Next,Trebuchet MS,sans-serif;font-size:14px;letter-spacing:.08em;opacity:.75}