:root{--ink:#1c2b4a;--paper:#fffdf6;--blue:#2f7df6;--red:#f2542d;--yellow:#ffd43b;--line:#e4dfd0;color:var(--ink);font-family:ui-rounded,SF Pro Rounded,Nunito,Trebuchet MS,system-ui,sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--ink);overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;height:100%;margin:0;overflow:hidden}#scene{touch-action:none;width:100%;height:100%;display:block;position:fixed;inset:0}#ui{pointer-events:none;position:fixed;inset:0}#ui>*{pointer-events:auto}.screen{padding:max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));-webkit-overflow-scrolling:touch;background:#1c2b4a73;justify-content:center;align-items:flex-start;display:flex;position:absolute;inset:0;overflow-y:auto}.screen.center{align-items:center}.panel{background:var(--paper);border-radius:28px;flex-direction:column;gap:14px;width:100%;padding:24px;display:flex;box-shadow:0 8px #0000002e,0 24px 60px #0000004d}.panel.narrow{text-align:center;max-width:440px}.panel.wide{max-width:860px}.panel.tall{height:100%;min-height:0}h1,h2,h3,p{margin:0}h1{font-size:2rem;line-height:1.1}h2{font-size:1.35rem}h3{text-transform:uppercase;letter-spacing:.08em;opacity:.6;margin-top:6px;font-size:.85rem}.lead{opacity:.85;font-size:1.05rem;line-height:1.4}.stats{opacity:.6;font-size:.9rem}.logo{letter-spacing:-.02em;flex-direction:column;font-size:3rem;font-weight:900;line-height:.95;display:flex}.logo .accent{color:var(--red)}.btn{font:inherit;cursor:pointer;color:#fff;background:var(--blue);border:0;border-radius:18px;min-height:56px;padding:16px 20px;font-size:1.15rem;font-weight:800;transition:transform 60ms,box-shadow 60ms;box-shadow:0 5px #1b56b3}.btn:active{transform:translateY(4px);box-shadow:0 1px #1b56b3}.btn:disabled{opacity:.6}.btn.secondary{background:var(--red);box-shadow:0 5px #b33a1c}.btn.secondary:active{box-shadow:0 1px #b33a1c}.btn.ghost{color:var(--ink);background:#efeadb;box-shadow:0 5px #d3ccb6}.btn.ghost:active{box-shadow:0 1px #d3ccb6}.btn.small{border-radius:14px;min-height:44px;padding:8px 14px;font-size:.95rem}.icon-btn{font:inherit;cursor:pointer;background:var(--paper);width:48px;height:48px;color:var(--ink);border:0;border-radius:50%;flex:none;font-size:1.2rem;box-shadow:0 4px #0003}.corner{top:max(16px, env(safe-area-inset-top));right:max(16px, env(safe-area-inset-right));position:absolute}.bar{align-items:center;gap:12px;display:flex}.actions{justify-content:flex-end;display:flex}.actions .btn{min-width:200px}.flag{aspect-ratio:4/3;object-fit:cover;background:#eee;border:1px solid #00000026;border-radius:6px;width:100%;display:block}.card{font:inherit;color:inherit;border:3px solid var(--line);text-align:center;background:#fff;border-radius:14px;flex-direction:column;align-items:center;gap:6px;padding:8px;display:flex}.card span{overflow-wrap:anywhere;font-size:.78rem;font-weight:700;line-height:1.15}.card.locked{background:#f1eee4}.card.locked .flag{filter:grayscale();opacity:.25}.card.locked span{opacity:.45}.pack{justify-content:center;gap:12px;display:flex}.pack .card{width:120px}.reveal{animation:.5s cubic-bezier(.2,1.6,.4,1) both pop}@keyframes pop{0%{opacity:0;transform:scale(0)rotate(-20deg)}}.picker{-webkit-overflow-scrolling:touch;gap:10px;padding:4px 2px 10px;display:flex;overflow-x:auto}.pick{cursor:pointer;flex:none;width:104px}.pick.on,.choice.on{border-color:var(--blue);box-shadow:0 0 0 2px var(--blue);background:#e8f1ff}.choices{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;display:grid}.choice{font:inherit;color:inherit;text-align:left;cursor:pointer;border:3px solid var(--line);background:#fff;border-radius:14px;flex-direction:column;gap:4px;min-height:56px;padding:12px;display:flex}.choice small{opacity:.65;line-height:1.25}.tabs{flex:none;gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.tab{font:inherit;white-space:nowrap;cursor:pointer;min-height:44px;color:var(--ink);background:#efeadb;border:0;border-radius:999px;padding:10px 14px;font-size:.85rem;font-weight:700}.tab.on{background:var(--ink);color:#fff}.grid{-webkit-overflow-scrolling:touch;flex:1;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));align-content:start;gap:10px;min-height:0;padding:2px;display:grid;overflow-y:auto}.progress{background:#efeadb;border-radius:999px;flex:none;height:12px;overflow:hidden}.progress div{background:var(--yellow);border-radius:999px;height:100%}.hud{position:absolute;inset:0;pointer-events:none!important}.hud>*{pointer-events:none}.hud-top{top:max(12px, env(safe-area-inset-top));left:max(12px, env(safe-area-inset-left));right:max(12px, env(safe-area-inset-right));justify-content:center;align-items:center;gap:10px;display:flex;position:absolute}.hud-top .icon-btn{pointer-events:auto;position:absolute;right:0}.vs{color:#fff;text-shadow:0 2px 4px #0006;font-weight:900}.chip{background:var(--paper);opacity:.75;border:3px solid #0000;border-left:8px solid var(--c);border-radius:14px;align-items:center;gap:8px;max-width:34vw;padding:6px 12px 6px 6px;display:flex;box-shadow:0 4px #0003}.chip.on{opacity:1;border-color:var(--c);transform:scale(1.05)}.chip .flag{flex:none;width:44px}.chip div{flex-direction:column;min-width:0;display:flex}.chip strong{font-size:.95rem}.chip small{opacity:.65;white-space:nowrap;text-overflow:ellipsis;font-size:.72rem;overflow:hidden}.status{left:50%;bottom:max(20px, env(safe-area-inset-bottom));background:var(--c,var(--ink));color:#fff;text-align:center;border-radius:999px;max-width:calc(100% - 32px);padding:12px 20px;font-weight:800;position:absolute;transform:translate(-50%);box-shadow:0 4px #00000040}.status:empty{display:none}.overlay-slot{position:absolute;inset:0}.overlay{pointer-events:auto;background:#1c2b4a8c;justify-content:center;align-items:center;padding:16px;animation:.25s both fade;display:flex;position:absolute;inset:0}@keyframes fade{0%{opacity:0}}.overlay.end{padding-bottom:max(16px, env(safe-area-inset-bottom));background:#1c2b4a26;align-items:flex-end}.overlay.end .panel{gap:10px;padding:18px 22px}.overlay.end .pack .card{width:96px}.result h1{color:var(--blue);font-size:2.4rem}.result.lost h1{color:var(--red)}.prize{flex-direction:column;align-items:center;gap:10px;display:flex}.field{font:inherit;border:3px solid var(--line);-webkit-user-select:text;user-select:text;border-radius:14px;width:100%;padding:14px 16px;font-size:1.1rem}.stack{flex-direction:column;gap:14px;display:flex}.stack[hidden]{display:none}.note{opacity:.75;font-size:.9rem;line-height:1.35}.error{color:#c0261a;font-weight:700}@media (width<=520px){.chip small{display:none}.logo{font-size:2.4rem}.panel{border-radius:22px;padding:18px}}@media (prefers-reduced-motion:reduce){.reveal,.overlay{animation:none}}