:root{--ink:#070b12;--cream:#f2e6cd;--brass:#c9a227;--brass-dim:#8a6d16;--signal:#ff3b30;--line:#c9a22747;--panel:#090e18c7;--sans:ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--serif:Georgia, "Times New Roman", serif}*{box-sizing:border-box}html,body{background:var(--ink);height:100%;color:var(--cream);font-family:var(--sans);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;margin:0;padding:0;overflow:hidden}#stage{touch-action:none;cursor:pointer;width:100%;height:100%;display:block;position:fixed;inset:0}#hud{pointer-events:none;padding:calc(12px + env(safe-area-inset-top)) calc(16px + env(safe-area-inset-right)) calc(12px + env(safe-area-inset-bottom)) calc(16px + env(safe-area-inset-left));-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:space-between;transition:opacity .25s;display:flex;position:fixed;inset:0}#hud.hidden-chrome{opacity:0}.top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.bottom{pointer-events:none;align-items:flex-end;gap:12px;display:flex}.age{background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);border-radius:10px;flex-direction:column;gap:1px;min-width:0;padding:8px 14px 9px;display:flex}.age-top{white-space:nowrap;align-items:baseline;gap:5px;display:flex}.age b{font-family:var(--serif);letter-spacing:.02em;color:var(--cream);text-shadow:0 0 18px #ffd28259;font-variant-numeric:tabular-nums;font-size:34px;line-height:.95;transition:color .3s}.age-unit{letter-spacing:.18em;text-transform:uppercase;color:#f2e6cd73;font-size:10px}.age .name{letter-spacing:.22em;color:var(--cream);margin-top:1px;font-size:12px;display:block}.age .rule{letter-spacing:.1em;text-transform:uppercase;color:var(--brass);font-size:10px}.life{background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);border-radius:10px;flex:1;min-width:150px;padding:10px 14px 11px}.life-bar{background:#ffffff17;border-radius:5px;height:9px;position:relative;overflow:hidden}.life-bar i{background:linear-gradient(90deg,#6f8fd0 0%,#b9d4ff 32%,#e5c98a 62%,#c98a6a 100%);border-radius:5px;width:0%;height:100%;transition:width .25s linear;display:block}.life-bar .marks{pointer-events:none;position:absolute;inset:0}.life-bar .marks b{background:#070b128c;width:1px;height:100%;position:absolute;top:0}.life-bar .marks b.past{background:#070b1240}.bar-meta{letter-spacing:.18em;color:#f2e6cd8c;justify-content:space-between;margin-top:5px;font-size:10px;display:flex}.hint-line{text-align:center}#charge{border:1px solid var(--line);opacity:0;background:#ffffff1a;border-radius:4px;height:5px;margin-top:7px;transition:opacity .14s}#charge.live{opacity:1}#charge i{background:linear-gradient(90deg, #7cf2c4, #ffd166, var(--signal));border-radius:4px;width:0%;height:100%;display:block}#toast{left:50%;bottom:calc(16% + env(safe-area-inset-bottom));font-family:var(--serif);letter-spacing:.06em;color:#f2e6cdeb;text-shadow:0 2px 14px #000000e6;opacity:0;text-align:center;max-width:70vw;font-size:15px;transition:opacity .3s;position:fixed;transform:translate(-50%)}#toast.live{opacity:1}#pips{align-items:center;gap:6px;padding-left:4px;display:flex}#pips b{background:#f2e6cd29;border:1px solid #f2e6cd42;border-radius:50%;width:7px;height:7px;transition:background .25s,box-shadow .25s,transform .25s}#pips b.done{background:var(--brass-dim);border-color:var(--brass)}#pips b.now{background:var(--cream);border-color:var(--cream);transform:scale(1.5);box-shadow:0 0 12px #f2e6cd99}.card{text-align:center;border:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);pointer-events:auto;background:#070b12e6;border-radius:14px;width:min(560px,88vw);padding:30px 32px 22px;transition:opacity .22s,transform .22s;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)scale(1);box-shadow:0 30px 70px #000000a6,inset 0 1px #ffffff0d}.card.hidden{opacity:0;pointer-events:none;transform:translate(-50%,-50%)scale(.965)}#card-kicker{letter-spacing:.34em;color:var(--brass);margin-bottom:12px;font-size:10px;display:block}.card h2{font-family:var(--serif);letter-spacing:.04em;color:var(--cream);text-shadow:0 0 26px #ffc8784d;text-wrap:balance;margin:0 0 12px;font-size:clamp(26px,5.4vw,42px);line-height:1.05}.card.death h2{color:#ffd9d4;text-shadow:0 0 26px #ff3c3066}.card.win h2{color:#fff6dc;text-shadow:0 0 34px #ffd2828c}.card p{color:#f2e6cdc7;max-width:44ch;margin:0 auto;font-size:14px;line-height:1.6}.card .keys{color:#f2e6cda8;flex-wrap:wrap;justify-content:center;gap:8px 16px;margin:18px 0 0;font-size:12px;display:flex}.card .keys div{white-space:nowrap}#card-hint{letter-spacing:.24em;color:#f2e6cd94;text-transform:uppercase;margin-top:16px;font-size:10px;display:block}.tools{background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);pointer-events:auto;border-radius:10px;flex:none;align-items:center;gap:8px;padding:7px 9px;display:flex}.tools span{letter-spacing:.18em;text-transform:uppercase;color:#f2e6cd80;font-variant-numeric:tabular-nums;white-space:nowrap;padding:0 5px 0 3px;font-size:10px}.tools button{appearance:none;color:#f2e6cde6;cursor:pointer;touch-action:manipulation;background:#ffffff0d;border:1px solid #f2e6cd29;border-radius:8px;place-items:center;width:32px;height:32px;padding:0;transition:background .16s,border-color .16s,color .16s,transform .1s;display:grid}.tools button svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px;display:block}#sex .i-female,#mute .i-off,#sex.female .i-male,#mute.active .i-on{display:none}#sex.female .i-female,#mute.active .i-off{display:block}.tools button:hover{color:var(--cream);background:#ffffff1c;border-color:#f2e6cd52}.tools button:active{background:#ffffff29;transform:translateY(1px)}.tools button:focus-visible{outline:2px solid var(--brass);outline-offset:2px}#mute.active{color:var(--brass);border-color:var(--line);background:#c9a22724}kbd{min-width:17px;font-family:var(--sans);text-align:center;color:var(--cream);background:#ffffff14;border:1px solid #ffffff24;border-bottom-width:2px;border-radius:4px;margin:0 1px;padding:1px 5px;font-size:10px;display:inline-block}.teen-only{display:none}html.teen .teen-only{display:inline}#hint-touch{display:none}@media (pointer:coarse){#hint-key{display:none}#hint-touch{display:block}html.teen .teen-only{margin-top:4px;display:block}.tools button{width:44px;height:44px}.tools button svg{width:22px;height:22px}}@media (width<=760px){.life{padding:8px 11px 9px}.age b{font-size:26px}.age{padding:6px 11px 7px}.tools span,.hint-line{display:none}}@media (height<=480px){.hint-line{display:none}.age b{font-size:19px}}@media (height<=560px){.card{padding:20px 26px 16px;top:50%;transform:translate(-50%,-50%)scale(.86)}.card.hidden{transform:translate(-50%,-50%)scale(.83)}.card h2{margin-bottom:8px;font-size:28px}.card .keys,#card-hint{margin-top:12px}}@media (prefers-reduced-motion:reduce){.card,.bar i,#toast,#pips b{transition:none}}