:root{--safe-top:max(env(safe-area-inset-top), calc(var(--tg-safe-area-inset-top,0px) + var(--tg-content-safe-area-inset-top,0px)));--safe-left:max(env(safe-area-inset-left), var(--tg-safe-area-inset-left,0px));--safe-right:max(env(safe-area-inset-right), var(--tg-safe-area-inset-right,0px));--ink:#f2ecdf;--gold:#c8a24a;--blood:#b3261e;--panel:#0c0e14b8;font-family:Cinzel,Georgia,Times New Roman,serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%;color:var(--ink);overscroll-behavior:none;-webkit-user-select:none;user-select:none;background:#1a1f2b;margin:0;overflow:hidden}#stage{transform-origin:0 0;width:100vw;height:100vh;position:fixed;top:0;left:0;overflow:hidden}#view{width:100%;height:100%;display:block;position:absolute;inset:0}#ui{touch-action:none;position:absolute;inset:0}.touch-overlay{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.hud-flip{pointer-events:auto;opacity:.75;padding:6px 10px;font-size:13px;display:none;position:absolute;top:44px;left:50%;transform:translate(-50%)}body.rotated .hud-flip{display:block}.menu{z-index:10;text-align:center;background:radial-gradient(at 50% 35%,#2830468c,#08090eeb);flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:16px;display:flex;position:fixed;inset:0}.menu.hidden{display:none}.menu h1{letter-spacing:.3em;text-shadow:0 4px 30px #b3261e80;margin:0;font-size:clamp(40px,9vw,84px);font-weight:700}.menu .tag{opacity:.7;letter-spacing:.2em;margin:0 0 12px;font-style:italic}.menu-buttons{flex-wrap:wrap;justify-content:center;gap:8px;max-width:720px;display:flex}button{font:inherit;letter-spacing:.06em;color:var(--ink);background:var(--panel);cursor:pointer;border:1px solid #c8a24a80;border-radius:4px;padding:10px 16px;font-size:15px}button.primary{border-color:var(--gold);background:linear-gradient(#7a1c1c,#4e1010)}button:hover{border-color:var(--gold)}.join{gap:6px;display:flex}.join input{font:inherit;text-transform:uppercase;text-align:center;letter-spacing:.2em;background:var(--panel);width:96px;color:var(--ink);border:1px solid #c8a24a80;border-radius:4px}.howto{opacity:.8;max-width:680px;margin-top:12px;font-family:system-ui,sans-serif;font-size:13px;line-height:1.55}.status{min-height:20px;color:var(--gold);font-family:system-ui,sans-serif;font-size:14px}.hud{pointer-events:none;font-family:system-ui,sans-serif;position:absolute;inset:0}.hud-top{top:calc(8px + var(--safe-top));left:calc(12px + var(--safe-left));right:calc(12px + var(--safe-right));justify-content:space-between;align-items:flex-start;display:flex;position:absolute}.hud-side{flex-direction:column;gap:4px;width:min(36vw,340px);display:flex}.hud-side.right{align-items:flex-end}.hud-name{letter-spacing:.15em;text-shadow:0 1px 4px #000;font-family:Cinzel,Georgia,serif;font-size:13px}.bar{background:#0000008c;border:1px solid #ffffff2e;border-radius:2px;width:100%;height:12px;position:relative;overflow:hidden}.bar.st{height:5px}.bar .fill{background:linear-gradient(#d9443a,#8e1a14);transition:width 60ms linear;position:absolute;top:0;bottom:0;left:0}.bar .fill.ghost{background:#ffdcbe8c}.bar.st .fill{background:linear-gradient(#e9cf6a,#a88a2a)}.shield-row{align-items:center;gap:5px;width:62%;transition:opacity .3s;display:flex}.hud-side.right .shield-row{flex-direction:row-reverse}.shield-icon{color:#d8c28a;text-shadow:0 1px 3px #000;font-size:14px;line-height:1}.shield-row.up .shield-icon{color:#fff3cf;text-shadow:0 0 6px #e3c16f}.bar.sh{flex:1;height:7px}.bar.sh .fill{background:linear-gradient(#b08a55,#6b4a2a);box-shadow:inset 0 -1px #0006}.bar.sh .fill.low{background:linear-gradient(#d9743a,#8e3514)}.shield-row.broken{opacity:.35}.shield-row.broken .shield-icon{color:#b3261e}.hud-side.right .bar .fill{left:auto;right:0}.bar .fill.bleeding{animation:.8s infinite pulse}@keyframes pulse{50%{filter:brightness(1.6)}}.pips{color:var(--gold);letter-spacing:3px;font-size:13px}.hud-timer{text-shadow:0 2px 8px #000;text-align:center;min-width:50px;font-family:Cinzel,Georgia,serif;font-size:26px}.hud-banner{text-align:center;letter-spacing:.25em;opacity:0;text-shadow:0 4px 24px #000c;font-family:Cinzel,Georgia,serif;font-size:clamp(34px,7vw,72px);transition:opacity .25s,transform .25s;position:absolute;top:30%;left:0;right:0;transform:scale(1.2)}.hud-banner.show{opacity:1;transform:scale(1)}.hud-sub{text-align:center;opacity:.85;text-shadow:0 2px 6px #000;padding:0 20px;font-size:15px;position:absolute;top:calc(30% + clamp(46px,9vw,90px));left:0;right:0}.hud-label{letter-spacing:.12em;color:#ffcf7a;opacity:0;text-shadow:0 2px 6px #000;font-family:Cinzel,Georgia,serif;font-size:20px;transition:opacity .3s;position:absolute;bottom:14%;right:8%}.hud-label.show{opacity:1}.hud-end{pointer-events:auto;justify-content:center;gap:12px;display:flex;position:absolute;bottom:18%;left:0;right:0}body.rotated .hud-top{top:8px;left:28px;right:28px}.hud-cam{top:calc(44px + var(--safe-top));pointer-events:auto;opacity:.7;padding:5px 10px;font-family:system-ui,sans-serif;font-size:12px;position:absolute;left:50%;transform:translate(-50%)}body.rotated .hud-cam{top:78px}.hud.cine>*{transition:opacity .3s;opacity:0!important}.replay{pointer-events:none;opacity:0;transition:opacity .35s;position:absolute;inset:0}.replay.show{opacity:1}.replay .bar{background:#000;height:11%;transition:transform .4s;position:absolute;left:0;right:0}.replay .bar.top{top:0;transform:translateY(-100%)}.replay .bar.bottom{bottom:0;transform:translateY(100%)}.replay.show .bar{transform:none}.replay .tag{top:3%;left:calc(18px + var(--safe-left));letter-spacing:.3em;color:#e8d3a0;font-family:Cinzel,Georgia,serif;font-size:14px;position:absolute}.replay .tag:first-letter{color:#d9443a}.replay .skip{bottom:3.5%;right:calc(18px + var(--safe-right));opacity:.6;font-family:system-ui,sans-serif;font-size:12px;position:absolute}