:root{--ink: #12121a;--paper: #fdfbf5;--accent: #ff5d8f;--accent-2: #2ec4b6;--warn: #f9a03f;--panel: rgba(18, 18, 26, .86);--radius: 14px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;height:100%;overflow:hidden;background:var(--ink);color:var(--paper);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overscroll-behavior:none;touch-action:none;user-select:none}#app{position:fixed;inset:0}.game-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none}.touch-layer{position:absolute;inset:0;touch-action:none;pointer-events:none}.touch-layer.active{pointer-events:auto}button{font:inherit;color:inherit;border:none;background:#ffffff1f;border-radius:var(--radius);padding:12px 18px;cursor:pointer;transition:transform .08s ease,background .15s ease;touch-action:manipulation}button:hover:not(:disabled){background:#fff3}button:active:not(:disabled){transform:scale(.96)}button:disabled{opacity:.45;cursor:not-allowed}button.primary{background:var(--accent);color:#fff;font-weight:700}button.primary:hover:not(:disabled){background:#ff7ba5}button.ghost{background:transparent;border:1px solid rgba(255,255,255,.25)}.connection-status{position:absolute;top:calc(72px + var(--safe-top));left:50%;z-index:30;transform:translate(-50%);max-width:min(90vw,460px);padding:10px 16px;border-radius:999px;background:#12121af0;border:1px solid rgba(255,255,255,.22);box-shadow:0 8px 28px #0006;font-weight:700;text-align:center;pointer-events:none}.connection-status[data-state=resumed]{border-color:var(--accent-2)}.connection-status[data-state=draining]{border-color:var(--warn)}input,select{font:inherit;color:inherit;background:#ffffff1a;border:1px solid rgba(255,255,255,.18);border-radius:10px;padding:11px 13px;width:100%}input:focus,select:focus{outline:2px solid var(--accent-2);outline-offset:1px}select option{background:var(--ink)}.screen{position:absolute;inset:0;display:flex;align-items:flex-start;justify-content:center;padding:calc(16px + var(--safe-top)) calc(16px + var(--safe-right)) calc(16px + var(--safe-bottom)) calc(16px + var(--safe-left));background:radial-gradient(circle at 50% 30%,#2b2b3d,#101018 70%);overflow-y:auto;z-index:20}.screen[hidden]{display:none}.card{width:min(460px,100%);margin:auto;background:var(--panel);border-radius:22px;padding:26px;box-shadow:0 20px 60px #00000080;backdrop-filter:blur(10px)}.logo{font-size:46px;font-weight:900;letter-spacing:-1.5px;margin:0 0 4px;background:linear-gradient(92deg,#ff5d8f,#f9a03f 45%,#2ec4b6);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.tagline{margin:0 0 22px;opacity:.72;font-size:14px}.row{display:flex;gap:8px;align-items:center}.row>input{flex:1}.stack{display:flex;flex-direction:column;gap:10px}.field-label{font-size:12px;text-transform:uppercase;letter-spacing:.09em;opacity:.6;margin-bottom:5px}.divider{height:1px;background:#ffffff1f;margin:18px 0}.muted{opacity:.62;font-size:13px}.error{color:#ff8080;font-size:13px;min-height:18px}.privacy-link{display:block;width:fit-content;margin:18px auto 0;color:#fdfbf5b8;font-size:13px}.privacy-link:hover{color:var(--accent-2)}.privacy-link:focus-visible{outline:2px solid var(--accent-2);outline-offset:3px;border-radius:2px}.dice{flex:0 0 auto;width:46px;padding:12px 0;font-size:19px;text-align:center}.room-list{max-height:190px;overflow-y:auto;display:flex;flex-direction:column;gap:6px}.room-row{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:9px 12px;background:#ffffff12;border-radius:10px;font-size:14px}.hud{position:absolute;inset:0;pointer-events:none;z-index:10}.hud[hidden]{display:none}.hud>*{pointer-events:auto}.topbar{position:absolute;top:calc(10px + var(--safe-top));left:50%;transform:translate(-50%);display:flex;gap:10px;align-items:center;background:var(--panel);border-radius:999px;padding:7px 16px;font-variant-numeric:tabular-nums;font-size:14px;white-space:nowrap}.timer{font-weight:800;font-size:18px}.badge{padding:3px 10px;border-radius:999px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.badge.spotter{background:var(--warn);color:#211500}.badge.blendie{background:var(--accent-2);color:#00201d}.exposure-indicator{color:#ffe4a8;font-size:11px;font-weight:750;letter-spacing:.04em;text-transform:uppercase}.exposure-indicator:before{content:"◆";margin-right:5px;color:var(--warn)}.corner-buttons{position:absolute;top:calc(10px + var(--safe-top));right:calc(10px + var(--safe-right));display:flex;gap:6px}.corner-buttons button{padding:9px 12px;font-size:15px;background:var(--panel)}.zoom-controls{position:absolute;top:calc(52px + var(--safe-top));right:calc(10px + var(--safe-right));display:flex;gap:6px}.zoom-controls[hidden]{display:none}.zoom-controls button{min-width:40px;min-height:40px;padding:8px 10px;font-size:15px;background:var(--panel)}.zoom-controls button:focus-visible{outline:2px solid var(--accent-2);outline-offset:2px}.fullscreen-button{min-width:40px;min-height:40px}.fullscreen-button:focus-visible{outline:2px solid var(--accent-2);outline-offset:2px}.landing-fullscreen-button{position:absolute;top:calc(10px + var(--safe-top));right:calc(10px + var(--safe-right));padding:9px 12px;font-size:15px;background:var(--panel)}.landing-settings-button{position:absolute;top:calc(10px + var(--safe-top));right:calc(58px + var(--safe-right));min-width:40px;min-height:40px;padding:9px 12px;font-size:15px;background:var(--panel)}.settings-panel{position:absolute;z-index:25;top:calc(58px + var(--safe-top));right:calc(10px + var(--safe-right));width:min(340px,calc(100% - 20px - var(--safe-left) - var(--safe-right)));max-height:calc(100% - 76px - var(--safe-top) - var(--safe-bottom));overflow-y:auto;padding:16px;border:1px solid rgba(255,255,255,.22);border-radius:18px;background:#12121a;box-shadow:0 16px 46px #00000080}.settings-panel[hidden]{display:none}.settings-header,.settings-field-line{display:flex;align-items:center;justify-content:space-between;gap:12px}.settings-header h2{margin:1px 0 0;font-size:19px}.settings-kicker{color:var(--accent-2);font-size:10px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.settings-close{min-width:40px;min-height:40px;padding:8px}.settings-panel h3{margin:13px 0 4px;font-size:15px}.settings-field{display:grid;gap:6px;margin-top:12px;font-size:12px;font-weight:750}.settings-field output{font-variant-numeric:tabular-nums}.settings-check{display:flex;align-items:center;gap:9px;margin:14px 0;font-size:13px;font-weight:700}.settings-divider{height:1px;margin-top:14px;background:#ffffff21}.settings-help{margin:0;color:#ffffffb8;font-size:11px;line-height:1.4}.accessibility-preview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding-top:3px}.accessibility-preview-item{display:flex;align-items:center;gap:7px;min-width:0;font-size:10px;text-transform:capitalize}.accessibility-preview-chip{width:25px;height:25px;flex:0 0 auto;border:2px solid #fff;border-radius:6px}.settings-button[aria-expanded=true]{box-shadow:inset 0 0 0 2px #fff}.reticle{position:absolute;left:50%;top:50%;width:22px;height:22px;margin:-11px 0 0 -11px;pointer-events:none}.reticle:before,.reticle:after{content:"";position:absolute;background:#fff;box-shadow:0 0 3px #000000e6}.taunt-direction{position:absolute;left:50%;top:42%;width:44px;height:44px;margin:-22px 0 0 -22px;color:#fff;font-size:38px;line-height:44px;text-align:center;pointer-events:none;text-shadow:0 2px 6px #000,0 0 12px rgba(255,93,143,.9);transform-origin:50% 50%}.taunt-direction[hidden]{display:none}#taunt-direction-button[aria-pressed=true]{color:var(--accent-2);box-shadow:inset 0 0 0 2px var(--accent-2)}.reticle:before{left:50%;top:0;width:2px;height:100%;margin-left:-1px}.reticle:after{top:50%;left:0;height:2px;width:100%;margin-top:-1px}.action-buttons{position:absolute;right:calc(14px + var(--safe-right));bottom:calc(20px + var(--safe-bottom));display:flex;flex-direction:column;gap:9px;align-items:flex-end}.action-buttons button{min-width:108px;background:var(--panel);font-weight:700}.action-buttons button.accuse{background:var(--warn);color:#211500}.action-buttons .hide-assist-button{min-width:176px;min-height:48px;background:linear-gradient(135deg,var(--accent),#7b5cff);box-shadow:0 5px 18px #7b5cff47}.action-buttons .hide-assist-button:focus-visible{outline:3px solid #fff;outline-offset:3px}.action-buttons .hide-assist-button:disabled{box-shadow:none}.chat{position:absolute;left:calc(12px + var(--safe-left));bottom:calc(14px + var(--safe-bottom));width:min(330px,46vw);display:flex;flex-direction:column;gap:6px;pointer-events:none}.chat-log{max-height:145px;overflow-y:auto;pointer-events:auto;display:flex;flex-direction:column;gap:3px;font-size:13px;scrollbar-width:thin}.chat-line{background:#12121a9e;border-radius:8px;padding:4px 9px;width:fit-content;max-width:100%;word-break:break-word}.chat-line .who{font-weight:700;opacity:.85}.chat-channel{font-size:10px;font-weight:800;opacity:.82}.chat-line.spotters .who{color:var(--warn)}.chat-line.blendies .who{color:var(--accent-2)}.chat-line.system{opacity:.6;font-style:italic}.chat-input{pointer-events:auto}.chat-input[hidden]{display:none}@media(pointer:coarse){.chat-log{pointer-events:none}}.paint-panel{position:absolute;left:calc(16px + var(--safe-left));top:50%;transform:translateY(-50%);width:min(540px,calc(100vw - 32px - var(--safe-left) - var(--safe-right)));color:#f8fbff;background:radial-gradient(circle at 12% -10%,rgba(110,231,214,.22),transparent 32%),radial-gradient(circle at 95% 15%,rgba(255,93,143,.18),transparent 30%),linear-gradient(145deg,#181a2cfa,#0a0c19fa);border:1px solid rgba(255,255,255,.14);border-radius:24px;padding:16px;display:flex;flex-direction:column;gap:12px;z-index:12;box-shadow:0 24px 70px #0000007a,inset 0 1px #ffffff14;max-height:min(760px,calc(100dvh - 24px - var(--safe-top) - var(--safe-bottom)));overflow:hidden}.paint-panel[hidden]{display:none}.paint-panel-header{display:flex;align-items:center;justify-content:space-between;gap:16px;flex:0 0 auto;padding:2px 2px 0}.paint-panel-header h2{margin:1px 0 0;font-size:22px;line-height:1.05;letter-spacing:-.025em}.paint-kicker{color:#6ee7d6;font-size:10px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.paint-mode-badge{flex:0 0 auto;padding:7px 10px;color:#dbe5ff;background:#ffffff12;border:1px solid rgba(255,255,255,.11);border-radius:999px;font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.paint-panel-tools{display:block;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;touch-action:pan-y;min-height:0;padding:2px 5px 2px 2px;scrollbar-color:rgba(110,231,214,.5) transparent}.paint-workspaces{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:12px;align-items:start}.paint-workspace-stack{display:grid;gap:10px}.paint-section{min-width:0;padding:12px;background:#ffffff0e;border:1px solid rgba(255,255,255,.085);border-radius:16px}.paint-section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:10px}.paint-section-heading h3{margin:0;font-size:13px;letter-spacing:.01em}.paint-section-heading>span,.mini-label{color:#e8eeff94;font-size:10px}.mini-label{margin:10px 0 5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.paint-exit{flex:0 0 auto;min-height:50px;border-radius:14px;font-size:14px;font-weight:900;letter-spacing:.02em}.paint-exit-compact,.paint-mobile-priority,.paint-tabs{display:none}@media(max-width:1200px),(max-height:560px){.paint-panel{width:min(330px,calc(100vw - 24px - var(--safe-left) - var(--safe-right)));display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"priority exit" "tabs tabs" "tools tools";grid-template-rows:auto auto minmax(0,1fr);gap:8px}.paint-panel-header{display:none}.paint-mobile-priority{grid-area:priority;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;min-width:0}.compact-current-colour{min-width:0;min-height:46px;padding:6px 9px;display:flex;align-items:center;gap:8px;background:#ffffff13}.compact-colour-chip{width:30px;height:30px;flex:0 0 auto;border:2px solid rgba(255,255,255,.8);border-radius:9px}.compact-colour-value{overflow:hidden;font-size:12px;text-overflow:ellipsis;text-transform:uppercase}.compact-undo{min-width:74px;min-height:46px;padding:7px 10px}.paint-tabs{grid-area:tabs;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.paint-tab{min-width:0;min-height:44px;padding:7px 4px;color:#eef3ffc2;background:#04061061;border:1px solid rgba(255,255,255,.1);font-size:11px;font-weight:800}.paint-tab.selected{color:#fff;background:#6ee7d62e;border-color:#6ee7d6b8}.paint-panel-tools{grid-area:tools;flex:1 1 auto}.paint-workspaces,.paint-workspace-stack{display:contents}.paint-section{display:none}.paint-panel[data-workspace=tools] [data-paint-workspace=tools],.paint-panel[data-workspace=colour] [data-paint-workspace=colour],.paint-panel[data-workspace=brush] [data-paint-workspace=brush],.paint-panel[data-workspace=more] [data-paint-workspace=more]{display:block}.paint-section+.paint-section{margin-top:8px}.paint-panel[data-workspace=tools] .paint-section,.paint-panel[data-workspace=colour] .paint-section,.paint-panel[data-workspace=brush] .paint-section{padding:8px}.paint-panel[data-workspace=tools] .paint-section-heading,.paint-panel[data-workspace=colour] .paint-section-heading,.paint-panel[data-workspace=brush] .paint-section-heading{display:none}.paint-panel[data-workspace=tools] .tool-grid button{min-height:44px}.paint-exit{grid-area:exit;min-width:72px;min-height:46px;padding:7px 10px}.paint-exit-full{display:none}.paint-exit-compact{display:inline}}.tool-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.tool-grid button{position:relative;min-width:0;min-height:52px;padding:7px 8px;display:grid;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:5px;text-align:left;background:#0507115c;border:1px solid rgba(255,255,255,.1)}.tool-grid button.selected{background:linear-gradient(135deg,#ff5d8f59,#ff5d8f29);border-color:#ff87afad;box-shadow:inset 3px 0 #ff5d8f}.tool-icon{display:grid;place-items:center;width:24px;height:24px;color:#f7fbff;background:#ffffff1a;border-radius:9px;font-size:16px}.tool-copy{min-width:0;display:flex;flex-direction:column;line-height:1.1}.tool-copy strong{overflow:hidden;font-size:11px;text-overflow:ellipsis}.tool-copy small{margin-top:3px;color:#e8eeff85;font-size:9px}.tool-check{position:absolute;top:5px;right:6px;color:transparent;font-size:12px;font-weight:900}.tool-grid button.selected .tool-check{color:#ff9dbc}#tool-eyedropper.armed{background:linear-gradient(135deg,#6ee7d66b,#6ee7d626);border-color:#6ee7d6;color:#fff;animation:eyedropper-armed-pulse 1.1s ease-in-out infinite}#tool-eyedropper.armed .eyedropper-ready{color:#6ee7d6}@keyframes eyedropper-armed-pulse{0%,to{opacity:1}50%{opacity:.6}}.shape-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.shape-grid button{min-height:48px;padding:7px 8px;display:grid;grid-template-columns:22px 1fr;align-items:center;gap:6px;background:#0507115c;border:1px solid rgba(255,255,255,.1);text-align:left}.shape-grid button[aria-pressed=true]{background:#6ee7d62b;border-color:#6ee7d6b8;font-weight:700}.shape-icon{color:#dfe7ff;font-size:15px;text-align:center}.selected-word{display:none;grid-column:1 / -1;color:#6ee7d6;font-size:8px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.shape-grid button[aria-pressed=true] .selected-word{display:block}.finish-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.finish-button{min-height:50px;padding:8px;display:flex;flex-direction:column;align-items:flex-start;background:#0507115c;border:1px solid rgba(255,255,255,.1)}.finish-button strong{font-size:11px}.finish-button small{margin-top:3px;color:#e8eeff85;font-size:8px}.finish-button.selected{background:#6ee7d62b;border-color:#6ee7d6b8;box-shadow:inset 0 -3px #6ee7d6}.swatches{display:grid;grid-template-columns:repeat(8,1fr);gap:5px}.swatch{aspect-ratio:1;min-height:24px;border-radius:8px;border:2px solid transparent;cursor:pointer;padding:0;min-width:0;color:#fff;font-size:9px;font-weight:900;text-shadow:0 1px 3px #000,0 0 2px #000}.swatch.selected{border-color:#fff;box-shadow:0 0 0 2px #12121a,0 0 0 4px #fff}.exact-colour-name,.compact-colour-name{text-transform:capitalize}.exact-colour-name{color:#fff;font-size:12px;font-weight:800}.compact-colour-copy{min-width:0;display:flex;flex-direction:column;align-items:flex-start;line-height:1.05}.compact-colour-name{max-width:120px;overflow:hidden;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.recent-swatches:empty:before,.recent-swatches .muted{font-size:12px}#color-input{width:48px;height:34px;padding:2px;flex:0 0 auto}#hex-input{width:100%;min-width:0;min-height:40px;font-variant-numeric:tabular-nums;text-transform:lowercase}#hex-input[aria-invalid=true]{border-color:#ff6b6b;box-shadow:0 0 0 2px #ff6b6b2e}.sv-field{--hue: 0;position:relative;width:100%;height:176px;overflow:hidden;border:2px solid rgba(255,255,255,.24);border-radius:14px;background:linear-gradient(to top,#000,transparent),linear-gradient(to right,#fff,transparent),hsl(var(--hue) 100% 50%);cursor:crosshair;touch-action:none;box-shadow:inset 0 0 24px #0000002e}.sv-field:focus-visible{outline:3px solid #6ee7d6;outline-offset:2px}.sv-marker{position:absolute;width:18px;height:18px;border:3px solid #fff;border-radius:50%;box-shadow:0 0 0 2px #11172c,0 3px 8px #0009;transform:translate(-50%,-50%);pointer-events:none}.hue-row{margin-top:10px;display:grid;grid-template-columns:34px 1fr;align-items:center;gap:9px;color:#e8eeffb8;font-size:10px;font-weight:800;text-transform:uppercase}#hue-slider{height:28px;border-radius:999px;background:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}#hue-slider::-webkit-slider-thumb{width:22px;height:22px;border:3px solid #fff;border-radius:50%;background:transparent;box-shadow:0 0 0 2px #11172c;appearance:none}.colour-value-row{margin-top:9px;display:grid;grid-template-columns:1fr auto;gap:7px}.colour-value-row button{min-height:40px}.colour-precision{margin-top:8px;padding:8px 9px;background:#0000002e;border-radius:10px}.colour-precision summary{color:#e8eeffb3;cursor:pointer;font-size:10px;font-weight:800}.rgb-grid{margin-top:8px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.rgb-grid label{display:grid;grid-template-columns:12px 1fr;align-items:center;gap:3px;color:#e8eeffa6;font-size:9px}.rgb-grid input{width:100%;min-width:0;padding:7px 5px}.native-colour-fallback{margin-top:8px;display:flex;align-items:center;justify-content:space-between;color:#e8eeffa6;font-size:9px}.brush-preset-row{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.brush-preset-row button{min-width:0;min-height:36px;padding:6px 2px;font-size:9px}.current-color{display:flex;align-items:center;gap:12px;margin-bottom:10px}.current-color .chip{width:76px;height:62px;border-radius:14px;border:3px solid rgba(255,255,255,.76);box-shadow:0 0 0 2px #00000073,0 8px 20px #00000047;flex:0 0 auto}.current-color-copy{min-width:0;display:flex;flex-direction:column}.current-color-copy>span{color:#e8eeff9e;font-size:9px;font-weight:900;letter-spacing:.09em;text-transform:uppercase}.current-color-copy strong{margin-top:3px;font-size:21px;font-variant-numeric:tabular-nums;letter-spacing:.025em;text-transform:uppercase}.current-color-copy small{margin-top:2px;color:#e8eeff7a;font-size:9px}.brush-footprint{position:relative;min-height:86px;margin:8px 0;display:grid;place-items:center;overflow:hidden;background:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),#05071157;background-size:14px 14px;border:1px solid rgba(255,255,255,.08);border-radius:12px}.brush-footprint-mark{display:block;background:var(--accent);border:2px solid #fff;box-shadow:0 0 0 3px #ff5d8f42;transition:width .12s ease,height .12s ease,border-radius .12s ease}.brush-footprint-mark.round{border-radius:50%}.brush-footprint-mark.square{border-radius:3px}.brush-footprint-label{position:absolute;right:7px;bottom:5px;color:#e8eeff94;font-size:9px;font-variant-numeric:tabular-nums}.history-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.history-row button{min-height:42px}.history-row button:disabled{opacity:.36;filter:grayscale(1)}input[type=range]{width:100%;padding:0;background:transparent;border:none;accent-color:var(--accent)}.pose-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.pose-grid button{min-height:38px;padding:7px 4px;font-size:9px;line-height:1.25}.pose-grid button.selected{background:var(--accent-2);color:#00201d;font-weight:700}.results-table{width:100%;border-collapse:collapse;font-size:14px}.results-table th,.results-table td{text-align:left;padding:7px 8px;border-bottom:1px solid rgba(255,255,255,.09)}.results-table th{font-size:11px;text-transform:uppercase;letter-spacing:.07em;opacity:.6}.results-table td.num{text-align:right;font-variant-numeric:tabular-nums}.award{background:#ff5d8f29;border-left:3px solid var(--accent);border-radius:8px;padding:9px 12px;margin-bottom:7px;font-size:13px}.award .title{font-weight:800;display:block}.toast{position:absolute;bottom:calc(16px + var(--safe-bottom));left:50%;display:flex;align-items:center;gap:9px;width:max-content;max-width:min(560px,calc(100% - 32px - var(--safe-left) - var(--safe-right)));transform:translate(-50%);background:var(--panel);border:1px solid rgba(255,255,255,.14);border-radius:14px;padding:10px 10px 10px 14px;box-shadow:0 10px 32px #00000061;font-size:13px;font-weight:700;line-height:1.25;z-index:30;pointer-events:none;animation:toast-in .25s ease}.toast[hidden]{display:none}.toast-text{min-width:0;display:grid;gap:2px}.toast-primary,.toast-detail{display:block}.toast-detail{color:#ffffffb8;font-size:11px;font-weight:500}.toast-detail[hidden]{display:none}.toast-dismiss{flex:0 0 auto;min-width:32px;min-height:32px;padding:4px;border-radius:9px;background:#ffffff1a;font-size:14px;pointer-events:auto}.toast-dismiss:focus-visible{outline:2px solid var(--accent-2);outline-offset:2px}@keyframes toast-in{0%{opacity:0}to{opacity:1}}.notice-paint-open>.toast{right:calc(184px + var(--safe-right));left:auto;max-width:340px;transform:none}@media(max-width:559px){.toast{left:calc(10px + var(--safe-left));max-width:calc(100% - 134px - var(--safe-left) - var(--safe-right));transform:none;padding:8px 8px 8px 11px;font-size:12px}.toast-detail{display:none}.toast-dismiss{min-width:30px;min-height:30px}}@media(max-width:900px)and (min-height:561px){.notice-paint-open>.toast{top:calc(62px + var(--safe-top));right:auto;bottom:auto;left:calc(10px + var(--safe-left));max-width:min(340px,calc(100% - 20px - var(--safe-left) - var(--safe-right)))}}@media(max-height:560px)and (min-width:560px){.toast{bottom:calc(10px + var(--safe-bottom));left:60%;max-width:240px}.toast-detail{display:none}.notice-paint-open>.toast{top:auto;right:calc(108px + var(--safe-right));bottom:calc(10px + var(--safe-bottom));left:auto;max-width:220px}}@media(max-width:900px),(max-height:560px){.paint-panel{inset:auto 0 0;width:100%;transform:none;border-radius:20px 20px 0 0;padding:12px;padding-bottom:calc(12px + var(--safe-bottom));padding-left:calc(12px + var(--safe-left));padding-right:calc(12px + var(--safe-right));max-height:40vh;max-height:40dvh;overflow:hidden;gap:8px}.paint-panel-header h2{font-size:18px}.paint-mode-badge{padding:5px 8px;font-size:8px}.paint-panel-tools{padding-right:3px}.paint-workspaces{grid-template-columns:minmax(0,1fr)}.paint-section{padding:10px}.sv-field{height:152px}.paint-panel .field-label{margin-bottom:2px}.paint-panel .swatches{grid-template-columns:repeat(10,1fr)}.paint-panel .tool-grid button{min-height:50px}.paint-panel .pose-grid{grid-template-columns:repeat(6,1fr)}.chat{width:min(260px,60vw);bottom:calc(96px + var(--safe-bottom))}.chat-log{max-height:96px}.action-buttons button{min-width:92px;padding:13px 14px}.logo{font-size:38px}}@media(min-width:901px)and (max-width:1200px)and (max-height:900px){.paint-panel{width:min(330px,32vw)}.paint-workspaces{grid-template-columns:minmax(0,1fr)}.sv-field{height:148px}}.countdown-overlay{position:absolute;inset:0;z-index:16;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;pointer-events:none;text-shadow:0 4px 24px rgba(0,0,0,.65)}.countdown-overlay[hidden]{display:none}.countdown-number{font-size:clamp(72px,22vmin,200px);font-weight:800;line-height:1;color:var(--paper);font-variant-numeric:tabular-nums}.countdown-caption{font-size:clamp(12px,2.4vmin,18px);letter-spacing:.16em;text-transform:uppercase;color:var(--accent-2)}.countdown-number.pop{animation:countdown-pop .42s cubic-bezier(.2,.9,.3,1.4)}@keyframes countdown-pop{0%{transform:scale(1.7);opacity:.15}to{transform:scale(1);opacity:1}}@media(prefers-reduced-motion:reduce){.countdown-number.pop{animation:none}}.match-summary{position:absolute;top:calc(58px + var(--safe-top));left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px;padding:5px 12px;border-radius:999px;background:var(--panel);font-size:12px;white-space:nowrap;max-width:calc(100% - 24px - var(--safe-left) - var(--safe-right));overflow:hidden}.match-summary[hidden]{display:none}.hud:has(.host-panel:not([hidden])) .match-summary{display:none}.match-summary-map{font-weight:700}.room-code{color:var(--accent-2);font-variant-numeric:tabular-nums;letter-spacing:.08em;white-space:nowrap}.room-code[hidden]{display:none}.host-panel{position:absolute;left:calc(10px + var(--safe-left));top:calc(64px + var(--safe-top));width:210px;background:var(--panel);border-radius:16px;padding:13px;display:flex;flex-direction:column;gap:8px;max-height:calc(100vh - 300px - var(--safe-top));max-height:calc(100dvh - 300px - var(--safe-top));overflow-y:auto}.host-panel[hidden]{display:none}.match-row{display:flex;flex-direction:column;gap:3px}.match-row-label{display:flex;flex-direction:column}.match-row-label strong{font-size:12px}.match-row-label small{font-size:10px;opacity:.62;line-height:1.25}@media(max-width:720px){.host-panel{width:min(210px,46vw)}}.action-buttons button#run-button:active,.action-buttons button#climb-button:active{background:var(--accent-2);color:#00201d}.player-list{position:absolute;top:calc(58px + var(--safe-top));right:calc(10px + var(--safe-right));width:210px;max-height:46vh;max-height:46dvh;overflow-y:auto;background:var(--panel);border-radius:14px;padding:12px;font-size:13px}.player-list[hidden]{display:none}.player-row{display:flex;align-items:center;gap:7px;padding:4px 0}.player-row .team-mark{width:11px;flex:0 0 auto;color:var(--accent-2);font-size:10px;text-align:center}.player-row .team-mark.spotter{color:var(--warn)}.player-row .team-word{width:46px;flex:0 0 auto;font-size:9px;font-weight:800;text-transform:uppercase}.captured-word{font-size:9px;font-weight:800}.player-row .you{font-weight:800}@media(max-height:560px)and (min-width:560px){.settings-panel{top:calc(8px + var(--safe-top));bottom:calc(8px + var(--safe-bottom));max-height:none}.paint-panel{left:calc(8px + var(--safe-left));right:auto;top:calc(8px + var(--safe-top));bottom:calc(8px + var(--safe-bottom));width:min(300px,34vw);max-height:none;transform:none;border-radius:16px;padding:10px;overflow:hidden}.paint-panel-header h2{font-size:16px}.paint-panel-header .paint-mode-badge{display:none}.paint-workspaces{grid-template-columns:minmax(0,1fr)}.sv-field{height:126px}.paint-panel .swatches{grid-template-columns:repeat(6,1fr)}.paint-panel .pose-grid{grid-template-columns:repeat(3,1fr)}.action-buttons{gap:6px;bottom:calc(10px + var(--safe-bottom))}.action-buttons button{min-width:88px;padding:8px 12px;font-size:13px}.chat{width:min(240px,34vw);bottom:calc(10px + var(--safe-bottom))}.chat-log{max-height:68px}.player-list{top:calc(50px + var(--safe-top));max-height:62vh;max-height:62dvh}.host-panel{left:50%;right:auto;transform:translate(-50%);top:calc(48px + var(--safe-top));width:auto;max-width:calc(100% - 24px - var(--safe-left) - var(--safe-right));flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:center;gap:6px;padding:6px 10px;font-size:12px}.host-panel .field-label,.match-row-label{display:none}.match-row{flex:0 1 auto;min-width:0}.host-panel select{width:auto;flex:0 1 auto;min-width:0;padding:5px 7px;font-size:12px}.topbar{padding:5px 12px;font-size:13px}.timer{font-size:16px}.hud:has(.host-panel:not([hidden])) .zoom-controls{display:none}}@media(prefers-reduced-motion:reduce){button,.brush-footprint-mark,.toast{transition:none;animation:none}}