:root{--red:#cc2027;--red-dark:#a3161c;--yellow:#ffe600;--yellow-dark:#e0b800;--ink:#2b1a1a;--white:#fffdf5;--pool:#2aa7e8;--pool-deep:#0f5aa0;--shadow:0 5px 0 #00000047;--font:-apple-system, "PingFang SC", "Helvetica Neue", "Hiragino Sans GB", "Microsoft YaHei", system-ui, sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--red);height:100%;color:var(--white);font-family:var(--font);margin:0;overflow:hidden}body{touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;user-select:none}#gl{z-index:0;touch-action:none;background:linear-gradient(180deg, #5cc8ff 0%, var(--pool) 40%, var(--pool-deep) 100%);width:100%;height:100%;display:none;position:fixed;top:0;bottom:0;left:0;right:0}#app{z-index:1;pointer-events:none;position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}#app>*{pointer-events:auto}.screen{padding:max(20px, env(safe-area-inset-top)) 22px max(22px, env(safe-area-inset-bottom));text-align:center;background:var(--red);flex-direction:column;justify-content:center;align-items:center;gap:14px;animation:.35s ease-out fadeIn;display:flex;position:absolute;top:0;bottom:0;left:0;right:0;overflow-x:hidden;overflow-y:auto}#app>.screen.hud{pointer-events:none;background:0 0;justify-content:flex-start}.screen.hud>*{pointer-events:auto}.screen.hud.pool{background:0 0}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes pop{0%{opacity:0;transform:scale(.6)}70%{opacity:1;transform:scale(1.08)}to{transform:scale(1)}}@keyframes shake{10%,90%{transform:translate(-2px)}20%,80%{transform:translate(4px)}30%,50%,70%{transform:translate(-8px)}40%,60%{transform:translate(8px)}}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes blink{50%{opacity:.25}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fall{to{opacity:.9;transform:translateY(110vh)rotate(720deg)}}.pop{animation:.45s cubic-bezier(.2,.9,.3,1.3) both pop}.shake{animation:.5s both shake}.bob{animation:2.2s ease-in-out infinite bob}.blink{animation:1.1s step-end infinite blink}h1,h2,h3{margin:0;line-height:1.15}.kicker{letter-spacing:.14em;text-transform:uppercase;color:var(--white);opacity:.95;font-size:15px;font-weight:800}.headline{color:var(--yellow);letter-spacing:-.01em;font-size:max(30px,min(8vw,44px));font-weight:900}.headline.white{color:var(--white)}.sub{opacity:.95;max-width:520px;font-size:17px;line-height:1.55}.sub b{color:var(--yellow)}.small{opacity:.8;font-size:13px}.mono{font-variant-numeric:tabular-nums}.sprite{filter:drop-shadow(0 6px #0000002e);width:auto;height:32vh;max-height:300px;display:block}.sprite.sm{height:20vh;max-height:180px}.sprite.xs{height:64px}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;font:inherit;letter-spacing:.02em;background:var(--yellow);color:var(--ink);box-shadow:var(--shadow);border:0;border-radius:18px;min-width:200px;padding:16px 30px;font-size:19px;font-weight:900;transition:transform 60ms,box-shadow 60ms;transform:translateY(0)}.btn:active{transform:translateY(4px);box-shadow:0 1px #00000047}.btn.ghost{color:var(--white);box-shadow:none;background:0 0;border:3px solid #ffffffb3}.btn.ghost:active{transform:translateY(2px)}.btn.white{background:var(--white)}.btn[disabled]{opacity:.45;pointer-events:none}.btn.block{width:100%;max-width:420px}.input{font:inherit;text-align:center;letter-spacing:.12em;border:4px solid var(--yellow);background:var(--white);width:100%;max-width:360px;color:var(--ink);border-radius:16px;outline:none;padding:14px 16px;font-size:26px;font-weight:800}.input::placeholder{color:#b9a;letter-spacing:0;font-size:18px;font-weight:600}.card{background:#0000002e;border:2px solid #ffffff24;border-radius:22px;width:100%;max-width:520px;padding:18px 20px}.options{flex-direction:column;gap:10px;width:100%;max-width:520px;display:flex}.opt{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;font:inherit;text-align:left;color:var(--ink);background:var(--white);box-shadow:var(--shadow);border:0;border-radius:16px;align-items:center;gap:12px;padding:14px 16px;font-size:16px;font-weight:700;line-height:1.4;transition:transform 60ms,background .15s;display:flex}.opt:active{transform:translateY(3px);box-shadow:0 2px #00000047}.opt .key{background:var(--red);height:30px;color:var(--white);border-radius:10px;flex:0 0 30px;place-items:center;font-weight:900;display:grid}.opt.right{background:var(--yellow)}.opt.wrong{opacity:.7;background:#ffd0d0}.hudbar{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#00000059;border-radius:16px;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:10px 14px;font-size:18px;font-weight:900;display:flex}.hudbar .tag{opacity:.8;letter-spacing:.1em;font-size:12px;font-weight:700;display:block}.legend{background:#00000059;border-radius:14px;flex-wrap:wrap;justify-content:center;gap:10px;padding:8px 12px;font-size:13px;font-weight:700;display:flex}.legend span{align-items:center;gap:4px;display:inline-flex}.legend img{height:24px}.toast{background:var(--yellow);color:var(--ink);box-shadow:var(--shadow);z-index:5;pointer-events:none;border-radius:16px;max-width:86vw;padding:12px 20px;font-size:18px;font-weight:900;animation:.35s both pop;position:absolute;top:18%;left:50%;transform:translate(-50%)}.float{color:var(--yellow);text-shadow:0 2px #0006;pointer-events:none;z-index:4;font-size:26px;font-weight:900;animation:.8s ease-out both floatUp;position:absolute}.float.bad{color:#ff8a8a}@keyframes floatUp{0%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-70px)}}.amount{color:var(--yellow);letter-spacing:-.02em;font-size:max(56px,min(18vw,96px));font-weight:900;line-height:1}.amount small{vertical-align:top;margin-right:4px;font-size:.45em}.total{color:var(--yellow);letter-spacing:.08em;text-transform:uppercase;font-size:15px;font-weight:800}.rule{opacity:.9;font-size:15px}.grid{gap:10px;width:100%;max-width:440px;display:grid}.grid.memory{grid-template-columns:repeat(4,1fr);gap:8px}.mcard{aspect-ratio:1;background:var(--yellow);perspective:600px;cursor:pointer;border-radius:14px;position:relative;box-shadow:0 4px #00000040}.mcard .face{-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:14px;place-items:center;transition:transform .35s;display:grid;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.mcard .back{background:var(--yellow)}.mcard .back img{opacity:.9;width:60%}.mcard .front{background:#fff;transform:rotateY(180deg)}.mcard .front img{object-fit:cover;width:100%;height:100%}.mcard.open .back{transform:rotateY(180deg)}.mcard.open .front{transform:rotateY(0)}.mcard.done{opacity:.55;pointer-events:none}.tl{flex-direction:column;gap:5px;width:100%;max-width:520px;display:flex}.tl .slot{text-align:left;background:#0003;border:2px dashed #ffffff59;border-radius:10px;align-items:center;gap:8px;min-height:34px;padding:4px 8px;font-size:12.5px;font-weight:700;display:flex}.tl .slot.filled{background:var(--yellow);color:var(--ink);border-style:solid;border-color:#0000}.tl .slot .n{color:#fff;background:#0000004d;border-radius:8px;flex:0 0 24px;place-items:center;height:24px;font-size:12px;display:grid}.tl .slot.filled .n{background:var(--red)}.chips{flex-wrap:wrap;justify-content:center;gap:8px;max-width:520px;display:flex}.chip{-webkit-appearance:none;-moz-appearance:none;appearance:none;font:inherit;background:var(--white);color:var(--ink);cursor:pointer;text-align:left;border:0;border-radius:12px;padding:8px 10px;font-size:13px;font-weight:800;box-shadow:0 3px #00000040}.chip:active{box-shadow:none;transform:translateY(2px)}.chip.used{opacity:0;pointer-events:none}input[type=range]{width:100%;max-width:420px;accent-color:var(--yellow);height:40px}.bigval{color:var(--yellow);font-size:64px;font-weight:900;line-height:1}.hold{background:conic-gradient(var(--yellow) calc(var(--p,0) * 1%), #ffffff2e 0);cursor:pointer;touch-action:none;border-radius:50%;place-items:center;width:210px;height:210px;transition:transform .1s;display:grid;position:relative}.hold:active{transform:scale(.97)}.hold .inner{background:var(--red-dark);border-radius:50%;place-items:center;width:176px;height:176px;font-size:64px;display:grid}.hold .inner img{height:140px}.letter{text-align:left;white-space:pre-wrap;max-width:520px;font-size:16px;line-height:1.85}.letter b{color:var(--yellow)}.ledger{text-align:left;width:100%;max-width:520px;font-size:14px}.ledger div{border-bottom:1px solid #ffffff26;justify-content:space-between;padding:6px 0;display:flex}.ledger div span:last-child{color:var(--yellow);font-variant-numeric:tabular-nums;font-weight:900}.gallery{grid-template-columns:repeat(3,1fr);gap:8px;width:100%;max-width:520px;display:grid}.gallery img{aspect-ratio:1;object-fit:cover;border:3px solid var(--white);border-radius:12px;width:100%}.confetti{z-index:9;pointer-events:none;border-radius:2px;width:10px;height:16px;animation:linear both fall;position:fixed;top:-20px}.pick{gap:14px;width:100%;max-width:520px;display:flex}.pick .who{cursor:pointer;background:#0000002e;border:3px solid #0000;border-radius:22px;flex:1;padding:14px 8px;transition:transform .1s,border-color .15s}.pick .who img{height:150px}.pick .who.on{border-color:var(--yellow);background:#00000047}.pick .who:active{transform:scale(.97)}.pick .who .nm{margin-top:6px;font-weight:900}.pick .who .lk{opacity:.8;font-size:12px}.aim{background:var(--yellow);transform-origin:0;pointer-events:none;border-radius:2px;height:4px;display:none;position:absolute;top:0;left:0;box-shadow:0 0 0 2px #0003}.progress{justify-content:center;gap:5px;display:flex}.progress i{background:#ffffff4d;border-radius:4px;width:18px;height:8px}.progress i.on{background:var(--yellow)}