:root{--text:#f4f1ea;--text-dim:#b9b3a6;--shadow:#000;--accent:#c9a443;--hurt:#c0392b;--overlay:#080a09c7;--font-caption:"PT Serif", "Times New Roman", Georgia, serif;--font-ui:"PT Mono", "Courier New", monospace}*{box-sizing:border-box}html,body{height:100%;color:var(--text);font-family:var(--font-ui);background:#000;margin:0;overflow:hidden}#app{position:fixed;inset:0}.game-canvas{width:100%;height:100%;image-rendering:pixelated;cursor:crosshair;display:block}.hud{pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute;inset:0}.hud-corner{letter-spacing:.06em;text-shadow:2px 2px 0 var(--shadow);font-size:15px;position:absolute;top:16px}.hud-corner--right{text-align:right;right:16px}.hud-hearts{color:var(--hurt);letter-spacing:.1em;font-size:30px}.hud-score{font-size:22px;font-weight:700}.hud-wave{color:var(--text-dim);margin-top:4px}.hud-caption{text-align:center;width:min(92vw,900px);font-family:var(--font-caption);color:var(--text);text-shadow:0 0 2px var(--shadow), 3px 3px 0 var(--shadow), 0 .32em 0 #00000059;opacity:0;font-size:clamp(28px,5.2vw,60px);font-weight:700;line-height:1.1;transition:opacity .15s;position:absolute;bottom:14%;left:50%;transform:translate(-50%)}.hud-caption--visible{opacity:1}.hud-combo{font-family:var(--font-caption);color:var(--accent);text-shadow:3px 3px 0 var(--shadow);opacity:0;font-size:34px;font-weight:700;transition:opacity .3s;position:absolute;top:40%;right:16px}.hud-combo--visible{opacity:1}.hud-combo--pop{animation:.25s ease-out combo-pop}@keyframes combo-pop{0%{transform:scale(1.6)}to{transform:scale(1)}}.screen{background:var(--overlay);cursor:pointer;justify-content:center;align-items:center;padding:16px;display:none;position:absolute;inset:0}.screen--visible{display:flex}.screen-box{text-align:center;max-width:560px}.screen-portrait{width:120px;height:auto;image-rendering:pixelated;border:3px solid var(--accent);filter:contrast(1.15)saturate(.8)}.screen-title{font-family:var(--font-caption);letter-spacing:.04em;text-shadow:4px 4px 0 var(--shadow);margin:12px 0 4px;font-size:clamp(32px,7vw,64px)}.screen-subtitle{font-family:var(--font-caption);color:var(--accent);margin-bottom:16px;font-size:22px}.screen-lines{color:var(--text-dim);margin:0 0 20px;padding:0;line-height:1.8;list-style:none}.screen-hint{letter-spacing:.12em;font-size:18px;animation:1.1s steps(2,end) infinite blink}@keyframes blink{50%{opacity:.35}}.screen-credit{color:var(--text-dim);margin-top:28px;font-size:13px;line-height:1.5}.screen-credit-link{color:var(--accent)}.screen-credit-dev{letter-spacing:.08em;margin-top:6px}.hud-board{min-width:190px;margin:10px 0 0;padding:0;font-size:14px;list-style:none}.hud-board-row{color:var(--text-dim);justify-content:space-between;gap:12px;display:flex}.hud-board-row--me{color:var(--accent)}.hud-big{font-family:var(--font-caption);text-shadow:5px 5px 0 var(--shadow);opacity:0;font-size:clamp(60px,14vw,140px);font-weight:700;position:absolute;top:30%;left:50%;transform:translate(-50%)}.hud-big--visible{opacity:1}.hud-prompt{letter-spacing:.12em;white-space:nowrap;border:1px solid var(--text-dim);text-shadow:2px 2px 0 var(--shadow);background:#0000008c;padding:6px 14px;font-size:15px;animation:1.1s steps(2,end) infinite blink;display:none;position:absolute;bottom:6%;left:50%;transform:translate(-50%)}.hud-prompt--visible{display:block}.screen{overflow-y:auto}.screen-box--menu{max-width:720px}.screen-buttons{flex-wrap:wrap;justify-content:center;gap:10px;margin:8px 0 18px;display:flex}.btn{font:inherit;letter-spacing:.08em;color:var(--text);border:2px solid var(--text-dim);cursor:pointer;box-shadow:3px 3px 0 var(--shadow);background:#1b1f1c;padding:10px 16px;font-size:15px}.btn:hover,.btn:focus-visible{border-color:var(--accent);color:var(--accent);outline:none}.btn--primary{border-color:var(--accent);background:#3a2f12}.screen-table{text-align:left;counter-reset:place;max-width:420px;margin:0 auto 18px;padding:0;list-style:none}.screen-row{counter-increment:place;border-bottom:1px solid #ffffff1f;justify-content:space-between;align-items:center;gap:16px;padding:6px 10px;display:flex}.screen-row:before{content:counter(place) ".";width:2ch;color:var(--text-dim)}.screen-row--me{color:var(--accent)}.screen-row-who{flex-direction:column;flex:1;display:flex}.screen-row-name{font-size:17px}.screen-row-sub{color:var(--text-dim);font-size:12px}.screen-row-score{font-size:20px;font-weight:700}.screen-invite{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-bottom:14px;display:flex}.screen-invite-label{width:100%;color:var(--text-dim)}.screen-invite-url,.menu-name-input{font:inherit;color:var(--text);border:2px solid var(--text-dim);background:#0d0f0e;min-width:0;padding:8px 10px;font-size:15px}.screen-invite-url{width:min(340px,100%)}.picker{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:8px 0 16px;display:grid}.picker-card{font:inherit;color:var(--text-dim);cursor:pointer;background:#111412;border:2px solid #333;flex-direction:column;align-items:center;gap:6px;padding:6px 4px 8px;font-size:12px;display:flex}.picker-card--active{border-color:var(--accent);color:var(--accent);background:#2a2410}.picker-face{aspect-ratio:1;object-fit:cover;width:100%;image-rendering:pixelated;filter:contrast(1.1)saturate(.85)}.menu-name{align-items:center;gap:8px;margin-bottom:8px;display:inline-flex}.menu-name-input{width:220px}.menu-error{color:#e46a5a;margin-bottom:12px}.screen-lines--small{font-size:13px;line-height:1.6}@media (width<=560px){.picker{grid-template-columns:repeat(3,minmax(0,1fr))}.hud-board{min-width:0;font-size:12px}}.picker-card--taken{cursor:not-allowed;opacity:.4}.picker-card--taken .picker-face{filter:grayscale()contrast(1.1)}html,body{touch-action:pan-x pan-y;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;overscroll-behavior:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.game-canvas{touch-action:none}input{-webkit-user-select:text;user-select:text}.hud{z-index:1}.touch{z-index:2;display:none;position:absolute;inset:0}.touch--visible{display:block}.touch-zone{touch-action:none;position:absolute;top:0;bottom:0}.touch-zone--move{width:45%;left:0}.touch-zone--look{width:55%;right:0}.touch-stick{pointer-events:none;background:#00000040;border:2px solid #f4f1ea59;border-radius:50%;width:120px;height:120px;margin:-60px 0 0 -60px;display:none;position:absolute}.touch-stick--visible{display:block}.touch-stick-knob{width:52px;height:52px;box-shadow:2px 2px 0 var(--shadow);background:#c9a443bf;border-radius:50%;margin:-26px 0 0 -26px;position:absolute;top:50%;left:50%}.touch-attack{right:calc(24px + env(safe-area-inset-right));bottom:calc(24px + env(safe-area-inset-bottom));width:92px;height:92px;font-family:var(--font-caption);color:var(--text);text-shadow:2px 2px 0 var(--shadow);border:3px solid var(--accent);box-shadow:3px 3px 0 var(--shadow);touch-action:none;background:#7c1616b8;border-radius:50%;font-size:20px;font-weight:700;position:absolute}.touch-attack--down{background:#aa2222e6;transform:scale(.92)}.touch-pause{top:calc(8px + env(safe-area-inset-top));width:46px;height:36px;font:inherit;color:var(--text);border:2px solid var(--text-dim);touch-action:manipulation;background:#00000073;font-size:14px;position:absolute;left:50%;transform:translate(-50%)}.screen{z-index:3}.hud-corner{top:calc(16px + env(safe-area-inset-top))}.hud-corner--left{left:calc(16px + env(safe-area-inset-left))}.hud-corner--right{right:calc(16px + env(safe-area-inset-right))}@media (height<=500px){.hud-corner{top:calc(8px + env(safe-area-inset-top));font-size:12px}.hud-hearts{font-size:20px}.hud-score{font-size:16px}.hud-wave{font-size:11px}.hud-board{min-width:0;margin-top:4px;font-size:11px}.hud-caption{font-size:clamp(20px,7vh,34px);bottom:22%}.hud-combo{font-size:24px}.hud-big{font-size:22vh;top:22%}.screen{padding:10px calc(12px + env(safe-area-inset-right)) 10px calc(12px + env(safe-area-inset-left));align-items:flex-start}.screen-box,.screen-box--menu{max-width:640px;margin:auto}.screen-title{margin:4px 0 2px;font-size:clamp(24px,9vh,40px)}.screen-subtitle{margin-bottom:8px;font-size:15px}.screen-portrait{width:64px}.picker{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin:4px 0 8px}.picker-card{padding:4px 3px 5px;font-size:10px}.picker-face{max-height:18vh}.menu-name{margin-bottom:4px;font-size:13px}.menu-name-input,.screen-invite-url{padding:5px 8px;font-size:13px}.screen-buttons{gap:6px;margin:4px 0 8px}.btn{padding:7px 11px;font-size:12px}.screen-table{margin-bottom:8px}.screen-row{padding:2px 8px}.screen-row-name{font-size:13px}.screen-row-sub{font-size:10px}.screen-row-score{font-size:15px}.screen-lines{margin-bottom:8px;font-size:11px;line-height:1.5}.screen-hint{font-size:13px}.screen-invite{margin-bottom:6px}.screen-invite-label{font-size:12px}.screen-credit{margin-top:8px;font-size:10px}.touch-attack{width:80px;height:80px;font-size:17px}}.menu-ios-hint{color:var(--accent);margin:-4px 0 12px;font-size:12px}