:root{--ink:#140506;--field:#2A0708;--signal:#E8191E;--coral:#FF8E7E;--maroon:#6E0B0B;--bone:#F5EFEA;--dim:#B59995;--sq:28px;}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:var(--field);color:var(--bone);font-family:"Public Sans",system-ui,sans-serif;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overflow-x:hidden;}.field{min-height:100dvh;display:flex;align-items:center;justify-content:center;background: radial-gradient(90% 60% at 50% 0%,rgba(232,25,30,0.28),rgba(232,25,30,0) 70%),var(--field);}.app{width:100%;max-width:430px;min-height:100dvh;background:var(--ink);display:flex;flex-direction:column;padding:calc(env(safe-area-inset-top) + 14px) 18px calc(env(safe-area-inset-bottom) + 20px);position:relative;overflow:hidden;}.bar{display:flex;align-items:center;gap:10px}.bar img{display:block;width:40px;height:40px;border-radius:12px}.wordmark{font-family:"Chivo Mono",ui-monospace,monospace;font-weight:700;font-size:1rem;letter-spacing:0.04em}.chip{margin-left:auto;font-family:"Chivo Mono",ui-monospace,monospace;font-size:0.73rem;letter-spacing:0.08em;text-transform:uppercase;color:var(--coral);border:1px solid rgba(255,142,126,0.35);border-radius:999px;padding:5px 11px;}h1{font-family:"Chivo Mono",ui-monospace,monospace;font-weight:700;font-size:clamp(1.42rem,1.1rem + 2.2vw,1.9rem);line-height:1.16;letter-spacing:-0.015em;margin-top:20px;}h1 .q{color:var(--coral)}.sub{margin-top:9px;font-size:clamp(0.9rem,0.86rem + 0.3vw,0.98rem);line-height:1.45;color:var(--dim);max-width:34ch;}.deck{flex:1 1 auto;min-height:220px;margin:16px 0 0;position:relative;touch-action:none;user-select:none;-webkit-user-select:none;overscroll-behavior:contain;outline:none;}.deck:focus-visible{outline:2px solid var(--coral);outline-offset:6px;border-radius:var(--sq)}.card{position:absolute;left:0;right:0;top:0;bottom:0;border-radius:var(--sq);padding:20px;display:flex;flex-direction:column;justify-content:space-between;will-change:transform;overflow:hidden;}.card .tag{font-family:"Chivo Mono",ui-monospace,monospace;font-size:0.73rem;letter-spacing:0.12em;text-transform:uppercase;opacity:0.8;}.card .line{font-family:"Chivo Mono",ui-monospace,monospace;font-weight:700;font-size:clamp(1.3rem,1.05rem + 1.6vw,1.62rem);line-height:1.15;}.card .foot{font-size:0.82rem;line-height:1.4;opacity:0.8}.card[data-pile]{bottom:92px}.card[data-pile] > *{opacity:0;transition:opacity 200ms cubic-bezier(0.2,0,0,1)}.card[data-pile].top > *{opacity:1}.c1{background:var(--maroon);color:#FFD9D4}.c2{background:#3C1012;color:#F0C9C4}.c3{background:#58120F;color:#FFD9D4}.c4{background:#7E1518;color:#FFE2DD}.base{background:var(--signal);color:#FFFFFF;justify-content:space-between;align-items:flex-start;padding:22px 20px 18px;}.base .line{font-size:clamp(1.45rem,1.1rem + 2vw,1.8rem);opacity:0;transform:translateY(10px);transition:opacity 260ms cubic-bezier(0.2,0,0,1),transform 260ms cubic-bezier(0.2,0,0,1)}.deck.cleared .base .line{opacity:1;transform:none}.base .band{display:flex;flex-direction:column;gap:9px}.base .band .label{font-family:"Chivo Mono",ui-monospace,monospace;font-weight:700;font-size:0.92rem;letter-spacing:0.01em;}.base .rows{display:flex;flex-wrap:wrap;gap:7px}.base .rows span{font-family:"Chivo Mono",ui-monospace,monospace;font-size:0.73rem;letter-spacing:0.08em;text-transform:uppercase;background:rgba(20,5,6,0.3);border-radius:999px;padding:6px 11px;}.play{position:absolute;right:-30px;top:14px;width:140px;height:140px;opacity:0.18;}.base .label svg{width:14px;height:14px;margin-right:7px;vertical-align:-1px}.hint{margin-top:12px;display:flex;align-items:center;gap:8px;font-family:"Chivo Mono",ui-monospace,monospace;font-size:0.73rem;letter-spacing:0.1em;text-transform:uppercase;color:var(--dim);min-height:18px;}.hint svg{width:15px;height:15px;flex:0 0 auto}.action{margin-top:14px}.cta{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;min-height:56px;border-radius:20px;background:var(--coral);color:#2A0708;font-family:"Chivo Mono",ui-monospace,monospace;font-weight:700;font-size:1.02rem;letter-spacing:0.01em;text-decoration:none;transition:transform 120ms cubic-bezier(0.2,0,0,1);will-change:transform;}.cta:active{transform:scale(0.97)}.cta:focus-visible{outline:3px solid var(--bone);outline-offset:3px}.cta svg{width:19px;height:19px}.undercta{margin-top:10px;text-align:center;font-size:0.8rem;line-height:1.45;color:var(--dim);}footer{margin-top:12px;text-align:center;font-family:"Chivo Mono",ui-monospace,monospace;font-size:0.72rem;letter-spacing:0.16em;text-transform:uppercase;color:rgba(181,153,149,0.7);}@media (hover:hover) and (pointer:fine){.cta:hover{transform:translateY(-2px)}}@media (min-width:860px){.app{min-height:0;height:min(880px,94dvh);border-radius:38px;box-shadow:0 40px 90px rgba(0,0,0,0.5)}}@media (prefers-reduced-motion:reduce){.card[data-pile] > *{transition:none}.base .line{transition:none}.cta{transition:none}.cta:hover{transform:none}}html,body{max-width:100%;overflow-x:clip}