@import"https://fonts.googleapis.com/css2?family=Fredoka:wght@400;500;600;700&family=Baloo+2:wght@600;700;800&family=Space+Mono:wght@400;700&display=swap";:root{--bg: #2db2ff;--bg-sunken: #f0f5fc;--fg: #1a1f3d;--fg-soft: #4a5478;--muted: #8c95b8;--muted-soft: #b8c0d6;--on-bg: #ffffff;--on-bg-soft: rgba(255, 255, 255, .85);--accent: #ff3b5c;--accent-2: #ffc933;--accent-3: #1ec486;--accent-4: #ff7a2e;--accent-soft: #ffd4dc;--accent-tint: #fff0f3;--accent-fg: #ffffff;--warn: #ff7a2e;--ok: #1ec486;--card: #ffffff;--border: #e3eaf5;--border-soft: #eef2f8;--font-serif: "Baloo 2", "Fredoka", system-ui, sans-serif;--font-sans: "Fredoka", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "Space Mono", ui-monospace, "SF Mono", Menlo, monospace;--radius-sm: 6px;--radius: 12px;--radius-lg: 18px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--font-sans);font-weight:450;font-size:16px;line-height:1.55;letter-spacing:-.005em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;position:relative}body:before{content:"";position:fixed;top:-10vmax;right:-10vmax;bottom:-10vmax;left:-10vmax;pointer-events:none;z-index:-1;background-image:radial-gradient(circle at 50% 50%,rgba(255,255,255,.18) 0 16px,transparent 17px),radial-gradient(circle at 50% 50%,rgba(26,31,61,.22) 0 4px,transparent 5px);background-size:96px 96px;background-position:0 0;animation:cells-drift 18s linear infinite}@keyframes cells-drift{0%{background-position:0 0}to{background-position:96px 96px}}@media (prefers-reduced-motion: reduce){body:before{animation:none}}#root{position:relative;z-index:1}input,button,textarea,select{font:inherit;color:inherit;touch-action:manipulation}::selection{background:var(--accent-soft);color:var(--fg)}.screen{max-width:640px;margin:0 auto;padding:56px 24px 48px;display:flex;flex-direction:column;gap:28px}.screen--host{max-width:1320px;padding:32px 32px 48px;gap:24px;display:grid;grid-template-columns:minmax(0,1fr) 320px;align-items:start}.host-main{display:flex;flex-direction:column;gap:18px;min-width:0}.screen--player{max-width:980px;padding:20px 18px 36px;gap:18px;display:grid;grid-template-columns:minmax(0,1fr) 320px;align-items:stretch}.player-main{display:flex;flex-direction:column;gap:16px;min-width:0}.screen--player .chat--rail{position:static;height:auto;min-height:460px;max-height:calc(100vh - 64px)}.screen--join{max-width:none;width:100%;padding:48px 32px;gap:40px;flex-direction:row;align-items:center;justify-content:space-between;min-height:100vh}.join-center{flex:0 1 440px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;min-width:0}.join-center .hero-tag{align-self:center}.hero-tag{font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--on-bg);background:#ffffff2e;border:1.5px solid rgba(255,255,255,.35);border-radius:999px;padding:6px 14px 6px 12px;margin:0;display:inline-flex;align-items:center;gap:8px;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.hero-tag-dot{width:8px;height:8px;border-radius:50%;background:var(--accent-3);box-shadow:0 0 0 3px #1ec48659;animation:pulse-dot 1.6s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.9)}}.echo-mark{flex-shrink:0;display:flex;flex-direction:column;align-items:flex-start;margin:0;font-family:var(--font-serif);font-weight:800;font-size:clamp(96px,14.5vw,200px);line-height:.88;letter-spacing:-.05em;color:var(--on-bg);-webkit-user-select:none;user-select:none}.echo-mark-line{display:block;position:relative;transition:transform .6s cubic-bezier(.34,1.56,.64,1),opacity .4s ease}.echo-mark-line:nth-child(1){opacity:1;transform:translate(0);text-shadow:0 .025em 0 #c8243f,0 .05em 0 #c8243f,0 .075em 0 #c8243f,0 .1em .02em rgba(26,31,61,.55),0 .16em .18em rgba(26,31,61,.4);color:var(--on-bg);z-index:4}.echo-mark-line:nth-child(2){opacity:.78;transform:translate(.36em);color:var(--accent-2);text-shadow:0 .04em 0 rgba(26,31,61,.3);z-index:3}.echo-mark-line:nth-child(3){opacity:.45;transform:translate(.72em);color:var(--on-bg);z-index:2}.echo-mark-line:nth-child(4){opacity:.18;transform:translate(1.08em);color:var(--on-bg);z-index:1}.echo-mark-line{animation:echo-in .7s cubic-bezier(.34,1.56,.64,1) backwards}.echo-mark-line:nth-child(4){animation-delay:0s}.echo-mark-line:nth-child(3){animation-delay:.1s}.echo-mark-line:nth-child(2){animation-delay:.2s}.echo-mark-line:nth-child(1){animation-delay:.32s}@keyframes echo-in{0%{opacity:0;transform:translate(-.5em)}}.echo-mark:hover .echo-mark-line:nth-child(2){transform:translate(.18em)}.echo-mark:hover .echo-mark-line:nth-child(3){transform:translate(.36em)}.echo-mark:hover .echo-mark-line:nth-child(4){transform:translate(.54em)}@media (prefers-reduced-motion: reduce){.echo-mark-line{animation:none;transition:none}}.join-center .subtitle{margin:4px 0 0;font-size:clamp(22px,2.2vw,28px);font-weight:800;line-height:1.18;color:var(--on-bg);letter-spacing:-.015em;max-width:22ch;text-align:center}.join-center .join-blurb{color:var(--on-bg-soft);font-size:14px;font-weight:500;line-height:1.55;margin:0 0 8px;max-width:42ch;text-align:center}.clipboard{position:relative;width:100%;max-width:380px;align-self:center;background:#d4b489;border:3px solid var(--fg);border-radius:6px;padding:38px 18px 18px;margin:12px auto 0;box-shadow:0 10px #1a1f3d26,0 18px 30px -10px #1a1f3d59;transform:rotate(-1.5deg);transform-origin:center top;transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.clipboard:hover{transform:rotate(0)}.clipboard:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:repeating-linear-gradient(90deg,rgba(0,0,0,.04) 0 1px,transparent 1px 14px);pointer-events:none;border-radius:4px}.clipboard-clip{position:absolute;top:-16px;left:50%;transform:translate(-50%);width:110px;height:32px;background:linear-gradient(180deg,#e3e6ee,#b6bcca 35%,#6b7388 65%,#b6bcca);border:3px solid var(--fg);border-radius:8px 8px 14px 14px;display:flex;align-items:center;justify-content:center;z-index:2}.clipboard-clip-rivet{width:10px;height:10px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#5a6378,#1a1f3d);box-shadow:0 1px #fff6}.clipboard-paper{position:relative;background:#fffcf0;border:2px solid rgba(26,31,61,.15);border-radius:4px;padding:22px;display:flex;flex-direction:column;gap:14px;z-index:1;background-image:repeating-linear-gradient(0deg,transparent 0 28px,rgba(45,178,255,.08) 28px 29px)}.clipboard-header{font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.12em;color:var(--accent);margin:0 0 4px;border-bottom:2px solid var(--fg);padding-bottom:8px}.clipboard-paper .field{gap:4px}.clipboard-paper .field span{font-family:var(--font-mono);color:var(--fg);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.clipboard-paper .field input{background:transparent;border:none;border-bottom:2px dashed rgba(26,31,61,.35);border-radius:0;font-family:var(--font-serif);font-size:22px;font-weight:700;padding:6px 4px 8px;color:var(--fg)}.clipboard-paper .field input:focus{border-bottom-color:var(--accent);box-shadow:none;background:transparent}.clipboard-paper .field input::placeholder{color:#1a1f3d4d;font-weight:500}.clipboard-paper .error{font-family:var(--font-mono);color:var(--accent);font-size:12px;font-weight:700;letter-spacing:.05em;margin:-2px 0 0}.clipboard-paper .actions{margin-top:8px;gap:10px}.clipboard-paper .btn{font-family:var(--font-serif);font-size:17px;font-weight:800;padding:14px 18px;border-radius:10px;border:2px solid var(--fg);letter-spacing:-.01em}.clipboard-paper .btn--primary{background:var(--accent);color:var(--card);box-shadow:0 4px 0 var(--fg)}.clipboard-paper .btn--primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 5px 0 var(--fg);background:var(--accent)}.clipboard-paper .btn--primary:active:not(:disabled){transform:translateY(2px);box-shadow:0 1px 0 var(--fg)}.clipboard-paper .btn--ghost{background:transparent;color:var(--fg);box-shadow:0 4px 0 var(--fg)}.clipboard-paper .btn--ghost:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 5px 0 var(--fg);background:#1a1f3d0d}.steel-wall{position:relative;flex-shrink:0;width:clamp(320px,33vw,440px);align-self:stretch;margin:-48px -32px -48px 0;padding:56px 36px;display:flex;align-items:center;justify-content:center;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='34' height='34' viewBox='0 0 34 34'><g><rect x='2' y='4' width='12' height='3' rx='1.5' transform='rotate(-32 8 5.5)' fill='%23ffffff' fill-opacity='0.28'/><rect x='2' y='6.5' width='12' height='2.4' rx='1.2' transform='rotate(-32 8 7.7)' fill='%23000000' fill-opacity='0.35'/><rect x='19' y='4' width='12' height='3' rx='1.5' transform='rotate(-32 25 5.5)' fill='%23ffffff' fill-opacity='0.28'/><rect x='19' y='6.5' width='12' height='2.4' rx='1.2' transform='rotate(-32 25 7.7)' fill='%23000000' fill-opacity='0.35'/><rect x='10' y='21' width='12' height='3' rx='1.5' transform='rotate(32 16 22.5)' fill='%23ffffff' fill-opacity='0.28'/><rect x='10' y='23.5' width='12' height='2.4' rx='1.2' transform='rotate(32 16 24.7)' fill='%23000000' fill-opacity='0.35'/><rect x='-6' y='21' width='12' height='3' rx='1.5' transform='rotate(32 0 22.5)' fill='%23ffffff' fill-opacity='0.28'/><rect x='-6' y='23.5' width='12' height='2.4' rx='1.2' transform='rotate(32 0 24.7)' fill='%23000000' fill-opacity='0.35'/><rect x='27' y='21' width='12' height='3' rx='1.5' transform='rotate(32 33 22.5)' fill='%23ffffff' fill-opacity='0.28'/><rect x='27' y='23.5' width='12' height='2.4' rx='1.2' transform='rotate(32 33 24.7)' fill='%23000000' fill-opacity='0.35'/></g></svg>"),linear-gradient(180deg,#a8aebd,#7e8497 28%,#595f72 52%,#7e8497 78%,#a8aebd);background-size:34px 34px,100% 100%;background-repeat:repeat,no-repeat;border-left:4px solid #1a1f3d;box-shadow:inset 12px 0 24px -8px #00000073,inset -2px 0 #ffffff2e}.steel-wall:before{content:"";position:absolute;top:0;bottom:0;left:14px;width:1px;background:linear-gradient(180deg,transparent,rgba(0,0,0,.25) 12%,rgba(0,0,0,.25) 88%,transparent);pointer-events:none}.steel-wall-plate{position:absolute;top:22px;left:50%;transform:translate(-50%);font-family:var(--font-mono);font-size:9px;font-weight:700;letter-spacing:.18em;color:#1a1f3d8c;text-transform:uppercase;text-shadow:0 1px 0 rgba(255,255,255,.35);white-space:nowrap}.steel-wall-screw{position:absolute;width:22px;height:22px;border-radius:50%;background:radial-gradient(circle at 35% 28%,#f0f2f7,#b0b6c4 35%,#6c7283 75%,#3a4053);border:2px solid #1a1f3d;box-shadow:inset 0 -1.5px 2px #00000073,inset 0 1px 1px #fff9,0 1.5px 2px #00000059}.steel-wall-screw:before,.steel-wall-screw:after{content:"";position:absolute;top:50%;left:18%;right:18%;height:2.5px;background:#0a0e1c;border-radius:1px;transform:translateY(-50%);box-shadow:0 1px #ffffff2e}.steel-wall-screw:after{transform:translateY(-50%) rotate(90deg)}.steel-wall-screw--tl{top:14px;left:14px}.steel-wall-screw--tl:before{transform:translateY(-50%) rotate(28deg)}.steel-wall-screw--tl:after{transform:translateY(-50%) rotate(118deg)}.steel-wall-screw--tr{top:14px;right:14px}.steel-wall-screw--tr:before{transform:translateY(-50%) rotate(-22deg)}.steel-wall-screw--tr:after{transform:translateY(-50%) rotate(68deg)}.steel-wall-screw--bl{bottom:14px;left:14px}.steel-wall-screw--bl:before{transform:translateY(-50%) rotate(-40deg)}.steel-wall-screw--bl:after{transform:translateY(-50%) rotate(50deg)}.steel-wall-screw--br{bottom:14px;right:14px}.steel-wall-screw--br:before{transform:translateY(-50%) rotate(15deg)}.steel-wall-screw--br:after{transform:translateY(-50%) rotate(105deg)}.chat{display:flex;flex-direction:column;border:3px solid var(--fg);border-radius:14px;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='34' height='34' viewBox='0 0 34 34'><g><rect x='2' y='4' width='12' height='3' rx='1.5' transform='rotate(-32 8 5.5)' fill='%23ffffff' fill-opacity='0.28'/><rect x='2' y='6.5' width='12' height='2.4' rx='1.2' transform='rotate(-32 8 7.7)' fill='%23000000' fill-opacity='0.35'/><rect x='19' y='4' width='12' height='3' rx='1.5' transform='rotate(-32 25 5.5)' fill='%23ffffff' fill-opacity='0.28'/><rect x='19' y='6.5' width='12' height='2.4' rx='1.2' transform='rotate(-32 25 7.7)' fill='%23000000' fill-opacity='0.35'/><rect x='10' y='21' width='12' height='3' rx='1.5' transform='rotate(32 16 22.5)' fill='%23ffffff' fill-opacity='0.28'/><rect x='10' y='23.5' width='12' height='2.4' rx='1.2' transform='rotate(32 16 24.7)' fill='%23000000' fill-opacity='0.35'/><rect x='-6' y='21' width='12' height='3' rx='1.5' transform='rotate(32 0 22.5)' fill='%23ffffff' fill-opacity='0.28'/><rect x='-6' y='23.5' width='12' height='2.4' rx='1.2' transform='rotate(32 0 24.7)' fill='%23000000' fill-opacity='0.35'/><rect x='27' y='21' width='12' height='3' rx='1.5' transform='rotate(32 33 22.5)' fill='%23ffffff' fill-opacity='0.28'/><rect x='27' y='23.5' width='12' height='2.4' rx='1.2' transform='rotate(32 33 24.7)' fill='%23000000' fill-opacity='0.35'/></g></svg>"),linear-gradient(180deg,#a8aebd,#7e8497 28%,#595f72 52%,#7e8497 78%,#a8aebd);background-size:34px 34px,100% 100%;background-repeat:repeat,no-repeat;box-shadow:inset 0 2px #ffffff2e,inset 0 -2px #0006,0 12px 28px -8px #00000073;overflow:hidden}.chat--rail{position:sticky;top:32px;height:78vh;min-height:560px;max-height:calc(100vh - 64px)}.chat--dock{margin-top:4px}.chat-header{display:flex;align-items:center;gap:8px;padding:10px 14px;font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.16em;color:var(--accent-2);background:#00000073;border-bottom:2px solid var(--fg);text-transform:uppercase}.chat-header-led{width:8px;height:8px;border-radius:50%;background:var(--accent-3);box-shadow:0 0 6px var(--accent-3),inset 0 0 2px #ffffff80;animation:pulse-dot 1.6s ease-in-out infinite}.chat-feed{flex:1;min-height:0;overflow-y:auto;padding:12px 14px;background:#0e1626;background-image:repeating-linear-gradient(0deg,transparent 0 2px,rgba(94,234,212,.04) 2px 3px);display:flex;flex-direction:column;gap:10px;scrollbar-width:thin;scrollbar-color:rgba(94,234,212,.3) transparent}.chat--dock .chat-feed{max-height:200px;min-height:120px}.chat-feed::-webkit-scrollbar{width:6px}.chat-feed::-webkit-scrollbar-thumb{background:#5eead44d;border-radius:3px}.chat-empty{margin:auto;font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;color:#5eead473;text-transform:uppercase;text-align:center}.chat-msg{display:flex;flex-direction:column;gap:1px}.chat-msg-name{font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.1em;color:var(--accent-2);text-transform:uppercase}.chat-msg-text{font-family:var(--font-sans);font-size:14px;font-weight:500;line-height:1.4;color:#e9eef7;word-break:break-word}.chat-msg--me .chat-msg-name{color:var(--accent-3)}.chat-input{display:flex;gap:6px;padding:8px 10px;background:#00000059;border-top:2px solid var(--fg)}.chat-input input{flex:1;min-width:0;background:#0e1626;border:1.5px solid #000;border-radius:6px;padding:8px 10px;color:#5eead4;font-family:var(--font-mono);font-size:13px;font-weight:500;outline:none;caret-color:#5eead4;box-shadow:inset 0 1px 3px #0009}.chat-input input::placeholder{color:#5eead459}.chat-input input:focus{border-color:var(--accent-3);box-shadow:inset 0 1px 3px #0009,0 0 0 2px #1ec4864d}.chat-send{background:linear-gradient(180deg,#6dffaf,#1ec486 55%,#0e9362);color:#042818;border:2px solid #053d28;border-radius:6px;padding:0 12px;font-family:var(--font-mono);font-weight:700;font-size:14px;cursor:pointer;box-shadow:0 2px #053d28,inset 0 1px #ffffff80;transition:transform .06s ease,box-shadow .06s ease}.chat-send:hover:not(:disabled){background:linear-gradient(180deg,#88ffc1,#2ed692 55%,#14a36f)}.chat-send:active:not(:disabled){transform:translateY(2px);box-shadow:0 0 #053d28,inset 0 1px #fff6}.chat-send:disabled{opacity:.4;cursor:not-allowed;filter:grayscale(.4)}.keypad{flex-shrink:0;width:280px;padding:16px 16px 18px;background:linear-gradient(180deg,#5a6378,#3d4659 22%,#2a3245,#3d4659 78%,#5a6378);border:3px solid var(--fg);border-radius:16px;box-shadow:inset 0 2px #ffffff2e,inset 0 -2px #0006,0 14px 32px -6px #0000008c,0 2px #00000080;display:flex;flex-direction:column;gap:14px;position:relative}.keypad:before{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;border-radius:12px;background:repeating-linear-gradient(180deg,rgba(255,255,255,.04) 0 1px,transparent 1px 4px);pointer-events:none}.keypad-header{display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.14em;color:#ffffffbf;text-transform:uppercase;padding:0 4px;position:relative;z-index:1}.keypad-led{width:8px;height:8px;border-radius:50%;background:var(--accent-3);box-shadow:0 0 8px var(--accent-3),inset 0 0 2px #ffffff80;animation:keypad-led-pulse 1.4s ease-in-out infinite}@keyframes keypad-led-pulse{0%,to{opacity:1}50%{opacity:.4}}.keypad-screen{background:#0e1626;border:2px solid #000;border-radius:6px;padding:14px 14px 12px;display:flex;align-items:baseline;justify-content:center;gap:4px;font-family:var(--font-mono);font-weight:700;font-size:26px;color:#5eead4;text-shadow:0 0 8px rgba(94,234,212,.7);letter-spacing:.04em;box-shadow:inset 0 2px 6px #0009,inset 0 -1px #5eead426;position:relative;z-index:1;background-image:repeating-linear-gradient(0deg,transparent 0 2px,rgba(94,234,212,.04) 2px 3px)}.keypad-screen-prefix{color:#5eead48c;font-size:18px;margin-right:4px}.keypad-screen-digits{display:inline-flex;gap:6px}.keypad-screen-digit{display:inline-block;min-width:.7em;text-align:center;color:#5eead44d}.keypad-screen-digit--filled{color:#5eead4;text-shadow:0 0 10px rgba(94,234,212,.9)}.keypad-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;position:relative;z-index:1}.keypad-key{position:relative;font-family:var(--font-mono);font-weight:700;font-size:22px;color:var(--fg);background:radial-gradient(120% 80% at 50% 0%,#ffffff73,#fff0 60%),linear-gradient(180deg,#f8fafd,#dde2eb 38%,#b9bfcc 78%,#9aa1b0);border:2px solid #1a1f3d;border-radius:10px;padding:14px 0 12px;cursor:pointer;box-shadow:0 4px #1a1f3d,0 6px 10px -2px #00000059,inset 0 1.5px #ffffffe6,inset 0 -2.5px #0000002e,inset 0 0 0 1px #ffffff59;transition:transform .06s ease,box-shadow .06s ease,background .12s ease;isolation:isolate}.keypad-key:before{content:"";position:absolute;top:3px;left:5px;right:5px;height:36%;border-radius:7px 7px 14px 14px/7px 7px 20px 20px;background:linear-gradient(180deg,#ffffffd9,#ffffff40 60%,#fff0);pointer-events:none;z-index:1}.keypad-key:after{content:"";position:absolute;bottom:6px;left:50%;width:14px;height:2px;border-radius:2px;background:#1a1f3d2e;transform:translate(-50%);pointer-events:none}.keypad-key:hover:not(:disabled){background:radial-gradient(120% 80% at 50% 0%,#ffffff8c,#fff0 60%),linear-gradient(180deg,#fff,#e6ebf3 38%,#c4cad7 78%,#a6adbc)}.keypad-key:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px #1a1f3d,0 2px 4px -1px #0000004d,inset 0 1px #fff9,inset 0 -1px #00000026,inset 0 0 0 1px #ffffff40}.keypad-key--util{background:radial-gradient(120% 80% at 50% 0%,#ffffff73,#fff0 60%),linear-gradient(180deg,#ffd680,#f0a020 45%,#c47506);color:#2a1700;box-shadow:0 4px #5c3500,0 6px 10px -2px #00000059,inset 0 1.5px #ffffffb3,inset 0 -2.5px #00000038,inset 0 0 0 1px #ffc86466;border-color:#5c3500}.keypad-key--util:hover:not(:disabled){background:radial-gradient(120% 80% at 50% 0%,#ffffff8c,#fff0 60%),linear-gradient(180deg,#ffe8a0,#ffb030 45%,#d68a08)}.keypad-key--util:active:not(:disabled){box-shadow:0 1px #5c3500,0 2px 4px -1px #0000004d,inset 0 1px #ffffff80,inset 0 -1px #0000002e,inset 0 0 0 1px #ffc8644d}.keypad-key--enter{background:radial-gradient(120% 80% at 50% 0%,#ffffff73,#fff0 60%),linear-gradient(180deg,#7af0b3,#1ec486,#0d8a5d);color:#042818;font-size:26px;box-shadow:0 4px #053d28,0 6px 10px -2px #00000059,inset 0 1.5px #ffffffb3,inset 0 -2.5px #00000038,inset 0 0 0 1px #b4ffdc66;border-color:#053d28}.keypad-key--enter:hover:not(:disabled){background:radial-gradient(120% 80% at 50% 0%,#ffffff8c,#fff0 60%),linear-gradient(180deg,#95ffc8,#2ed692,#14a36f)}.keypad-key--enter:active:not(:disabled){box-shadow:0 1px #053d28,0 2px 4px -1px #0000004d,inset 0 1px #ffffff80,inset 0 -1px #0000002e,inset 0 0 0 1px #b4ffdc4d}.keypad-key:disabled{opacity:.4;cursor:not-allowed;filter:grayscale(.5);transform:none}.title{font-family:var(--font-serif);font-size:clamp(80px,14vw,160px);font-weight:800;line-height:.9;letter-spacing:-.04em;margin:0;color:var(--on-bg);text-shadow:.05em .05em 0 rgba(255,255,255,.5),.1em .1em 0 rgba(255,255,255,.28),.15em .15em 0 rgba(255,255,255,.14)}.subtitle{color:var(--on-bg);margin:4px 0 0;font-size:22px;font-weight:700;line-height:1.3;letter-spacing:-.01em;max-width:28ch}.muted{color:var(--muted)}.field{display:flex;flex-direction:column;gap:6px}.field span{color:var(--on-bg-soft);font-size:13px;font-weight:600;letter-spacing:.01em}.field input,.broadcast-input input{background:#fffcf0;border:2.5px dashed rgba(26,31,61,.4);border-radius:6px;padding:12px 14px;font-family:var(--font-serif);font-size:18px;font-weight:600;color:var(--fg);outline:none;box-shadow:inset 0 2px 4px #00000014;transition:border-color .15s ease,border-style .15s ease,box-shadow .15s ease}.field input::placeholder,.broadcast-input input::placeholder{color:#1a1f3d52;font-weight:500}.field input:focus,.broadcast-input input:focus{border-color:var(--accent);border-style:solid;box-shadow:inset 0 2px 4px #0000000f,0 0 0 3px #ff3b5c2e}.actions{display:flex;flex-direction:column;gap:8px;margin-top:4px}.btn{border:1px solid transparent;border-radius:var(--radius);padding:11px 18px;font-family:var(--font-sans);font-size:15px;font-weight:600;letter-spacing:-.005em;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,transform .05s ease}.btn:disabled{opacity:.4;cursor:not-allowed}.btn--primary{background:var(--accent);color:var(--accent-fg)}.btn--primary:hover:not(:disabled){background:#b8553a}.btn--primary:active:not(:disabled){transform:translateY(1px)}.btn--ghost{background:transparent;color:var(--fg);border-color:var(--border)}.btn--ghost:hover:not(:disabled){background:var(--card);border-color:var(--border-soft)}.btn--big{font-family:var(--font-mono);font-size:18px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:18px 36px;min-width:280px;border:3px solid var(--fg);border-radius:12px;background:radial-gradient(120% 80% at 50% 0%,#fff6,#fff0 60%),linear-gradient(180deg,var(--accent) 0%,var(--accent) 50%,#d12a4b 100%);color:#fff;box-shadow:0 6px #8a1c33,0 10px 18px -4px #00000059,inset 0 1.5px #ffffff80,inset 0 -2px #0003;transition:transform .08s ease,box-shadow .08s ease,background .12s ease}.btn--big:hover:not(:disabled){background:radial-gradient(120% 80% at 50% 0%,#ffffff80,#fff0 60%),linear-gradient(180deg,#ff5874,#ff4068,#e23854);transform:translateY(-1px);box-shadow:0 7px #8a1c33,0 12px 22px -4px #0006,inset 0 1.5px #ffffff80,inset 0 -2px #0003}.btn--big:active:not(:disabled){transform:translateY(4px);box-shadow:0 2px #8a1c33,0 3px 6px -1px #0000004d,inset 0 1.5px #fff6,inset 0 -1px #0000002e}.btn--big:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(.4)}.btn--abort{margin-top:6px;font-size:13px;font-weight:500;color:var(--muted);background:transparent;border:1px solid transparent;padding:6px 14px}.btn--abort:hover{color:var(--accent)}.error{color:var(--accent);font-size:14px;margin:0}.phase{position:relative;background:var(--card);border:3px solid var(--fg);border-radius:var(--radius-lg);padding:38px 22px 22px;display:flex;flex-direction:column;gap:16px;box-shadow:0 6px #1a1f3d2e,0 14px 28px -10px #1a1f3d4d}.phase>.phase-eyebrow{position:absolute;top:0;left:0;right:0;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.16em;font-size:10px;font-weight:700;color:var(--fg);background:var(--accent-2);padding:6px 18px;border-bottom:2px solid var(--fg);border-radius:calc(var(--radius-lg) - 3px) calc(var(--radius-lg) - 3px) 0 0}.phase-eyebrow{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;font-size:11px;font-weight:700;color:var(--accent)}.phase-title{font-family:var(--font-serif);font-size:32px;font-weight:800;line-height:1.1;letter-spacing:-.015em;margin:0;color:var(--fg)}.phase-subtitle{color:var(--fg-soft);margin:0;font-size:15px;line-height:1.55}.phase-question{font-family:var(--font-serif);font-size:28px;font-weight:700;line-height:1.25;letter-spacing:-.01em;margin:0;color:var(--fg)}.phase-progress{font-family:var(--font-mono);margin:0;color:var(--muted);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.player-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.player-list li{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px 12px 32px;font-size:16px;font-weight:600;color:var(--fg);background:var(--bg-sunken);border:1.5px solid var(--border);border-radius:10px;position:relative}.player-list li:before{content:"";position:absolute;left:12px;top:50%;width:8px;height:8px;border-radius:50%;background:var(--ok);box-shadow:0 0 6px #1ec486b3;transform:translateY(-50%)}.player-list li.player--gone:before{background:var(--muted);box-shadow:none}.player-list li.player--target{background:#ffc9332e;border-color:var(--accent-2)}.player-list li.player--target:before{background:var(--accent-2);box-shadow:0 0 8px #ffc933cc}.player-row{display:flex;justify-content:space-between;align-items:center;gap:12px}.player--gone{opacity:.4}.player--me,.player--target{color:var(--accent);font-weight:700}.player-list li.player--me{border-color:var(--accent);background:var(--accent-tint)}.player-list li.player--me:before{background:var(--accent);box-shadow:0 0 8px #ff3b5cb3}.player-role{font-family:var(--font-mono);color:var(--muted);text-transform:uppercase;font-size:10px;letter-spacing:.1em;font-weight:700}.role-box{position:relative;margin-top:12px;padding:42px 20px 20px;background:var(--bg-sunken);border:2.5px solid var(--fg);border-radius:14px;display:flex;flex-direction:column;gap:10px;box-shadow:0 4px #1a1f3d2e}.role-box-tag{position:absolute;top:0;left:0;right:0;font-family:var(--font-mono);font-size:9px;font-weight:700;letter-spacing:.18em;color:var(--fg);background:var(--muted-soft);padding:5px 14px;text-transform:uppercase;border-bottom:2px solid var(--fg);border-radius:11px 11px 0 0}.role-box[data-role=host] .role-box-tag{background:var(--accent-3)}.role-box[data-role=target] .role-box-tag{background:var(--accent);color:#fff}.role-box[data-role=spectator] .role-box-tag{background:var(--accent-2)}.role-box-header{display:flex;align-items:center;gap:10px}.role-box-led{width:10px;height:10px;border-radius:50%;background:var(--muted);flex-shrink:0;animation:pulse-dot 1.6s ease-in-out infinite}.role-box[data-role=host] .role-box-led{background:var(--accent-3);box-shadow:0 0 8px var(--accent-3)}.role-box[data-role=target] .role-box-led{background:var(--accent);box-shadow:0 0 8px var(--accent)}.role-box[data-role=spectator] .role-box-led{background:var(--accent-2);box-shadow:0 0 8px var(--accent-2)}.role-box-label{font-family:var(--font-serif);font-size:26px;font-weight:800;letter-spacing:-.015em;color:var(--fg);line-height:1}.role-box-description{margin:0;font-size:14.5px;line-height:1.5;color:var(--fg-soft);font-weight:500}.pill{font-family:var(--font-mono);padding:4px 10px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;background:transparent;border:1px solid var(--border);color:var(--fg-soft)}.pill--ok{border-color:var(--ok);color:var(--ok);background:#5c8a4f14}.pill--warn{border-color:var(--warn);color:var(--warn);background:#b8732f14}.host-control-strip{position:relative;padding:38px 32px 28px;border:4px solid var(--fg);border-radius:18px;margin-bottom:8px;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='34' height='34' viewBox='0 0 34 34'><g><rect x='2' y='4' width='12' height='3' rx='1.5' transform='rotate(-32 8 5.5)' fill='%23ffffff' fill-opacity='0.28'/><rect x='2' y='6.5' width='12' height='2.4' rx='1.2' transform='rotate(-32 8 7.7)' fill='%23000000' fill-opacity='0.35'/><rect x='19' y='4' width='12' height='3' rx='1.5' transform='rotate(-32 25 5.5)' fill='%23ffffff' fill-opacity='0.28'/><rect x='19' y='6.5' width='12' height='2.4' rx='1.2' transform='rotate(-32 25 7.7)' fill='%23000000' fill-opacity='0.35'/><rect x='10' y='21' width='12' height='3' rx='1.5' transform='rotate(32 16 22.5)' fill='%23ffffff' fill-opacity='0.28'/><rect x='10' y='23.5' width='12' height='2.4' rx='1.2' transform='rotate(32 16 24.7)' fill='%23000000' fill-opacity='0.35'/><rect x='-6' y='21' width='12' height='3' rx='1.5' transform='rotate(32 0 22.5)' fill='%23ffffff' fill-opacity='0.28'/><rect x='-6' y='23.5' width='12' height='2.4' rx='1.2' transform='rotate(32 0 24.7)' fill='%23000000' fill-opacity='0.35'/><rect x='27' y='21' width='12' height='3' rx='1.5' transform='rotate(32 33 22.5)' fill='%23ffffff' fill-opacity='0.28'/><rect x='27' y='23.5' width='12' height='2.4' rx='1.2' transform='rotate(32 33 24.7)' fill='%23000000' fill-opacity='0.35'/></g></svg>"),linear-gradient(180deg,#a8aebd,#7e8497 28%,#595f72 52%,#7e8497 78%,#a8aebd);background-size:34px 34px,100% 100%;background-repeat:repeat,no-repeat;box-shadow:inset 0 2px #ffffff2e,inset 0 -2px #0006,0 14px 32px -10px #00000073}.host-control-strip .steel-wall-screw{position:absolute}.host-control-strip .steel-wall-screw--tl{top:12px;left:12px}.host-control-strip .steel-wall-screw--tr{top:12px;right:12px}.host-control-strip .steel-wall-screw--bl{bottom:12px;left:12px}.host-control-strip .steel-wall-screw--br{bottom:12px;right:12px}.host-control-strip .steel-wall-plate{position:absolute;top:14px;left:50%;transform:translate(-50%);font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.18em;color:#1a1f3d99;text-transform:uppercase;text-shadow:0 1px 0 rgba(255,255,255,.4);white-space:nowrap}.host-header{display:flex;justify-content:space-between;align-items:stretch;gap:18px;padding:0}.host-id-display{flex:1;background:#0e1626;border:2px solid #000;border-radius:10px;padding:14px 22px 16px;box-shadow:inset 0 2px 8px #000000b3,inset 0 -1px #5eead433;background-image:repeating-linear-gradient(0deg,transparent 0 2px,rgba(94,234,212,.04) 2px 3px);display:flex;flex-direction:column;gap:2px;min-width:0}.host-id-label{font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.18em;color:#5eead48c;text-transform:uppercase}.host-room-code{font-family:var(--font-mono);font-size:clamp(48px,7vw,88px);font-weight:700;letter-spacing:.04em;line-height:1;margin:2px 0 0;color:#5eead4;text-shadow:0 0 8px rgba(94,234,212,.7),0 0 24px rgba(94,234,212,.35)}.host-join-url{font-family:var(--font-mono);color:#5eead48c;font-size:12px;font-weight:700;margin:6px 0 0;letter-spacing:.06em;text-transform:uppercase}.host-header-right{display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;gap:8px;flex-shrink:0}.host-phase-display{background:#0e1626;border:2px solid #000;border-radius:10px;padding:12px 18px 14px;display:flex;align-items:center;gap:12px;min-width:200px;box-shadow:inset 0 2px 8px #000000b3,inset 0 -1px #ffc93333;background-image:repeating-linear-gradient(0deg,transparent 0 2px,rgba(255,201,51,.04) 2px 3px)}.host-phase-led{width:12px;height:12px;border-radius:50%;background:var(--accent-2);box-shadow:0 0 10px var(--accent-2),inset 0 0 3px #fff9;animation:pulse-dot 1.6s ease-in-out infinite;flex-shrink:0}.host-phase-display .phase-eyebrow{font-family:var(--font-mono);color:#ffc9338c;font-size:10px;letter-spacing:.18em;margin-bottom:1px}.host-phase{font-family:var(--font-mono);font-size:22px;font-weight:700;letter-spacing:.04em;color:var(--accent-2);text-shadow:0 0 8px rgba(255,201,51,.5);text-transform:uppercase}.host-control-strip .pill{align-self:flex-end;background:#00000040;border-color:#0006}.host-control-strip .pill--ok{border-color:var(--ok);color:var(--ok);background:#1ec48626}.host-control-strip .pill--warn{border-color:var(--warn);color:var(--warn);background:#ff7a2e26}.room-code-small{font-family:var(--font-serif);font-size:20px;letter-spacing:.02em;font-weight:800}.host-section{position:relative;background:var(--card);border:3px solid var(--fg);border-radius:var(--radius-lg);padding:38px 26px 26px;margin-bottom:16px;box-shadow:0 6px #1a1f3d33,0 14px 28px -10px #1a1f3d4d}.host-section h2{position:absolute;top:0;left:0;right:0;font-family:var(--font-mono);margin:0;font-size:10px;color:var(--fg);background:var(--accent-2);font-weight:700;text-transform:uppercase;letter-spacing:.16em;padding:6px 22px;border-bottom:2px solid var(--fg);border-radius:calc(var(--radius-lg) - 3px) calc(var(--radius-lg) - 3px) 0 0}.host-big{font-family:var(--font-serif);font-size:36px;font-weight:800;letter-spacing:-.015em;margin:0}.host-question{font-family:var(--font-serif);font-size:44px;font-weight:800;line-height:1.1;letter-spacing:-.015em;margin:0 0 16px;color:var(--fg)}.host-advance{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:12px}.host-pending-hint{text-align:center;margin-top:12px;color:var(--muted);font-size:13px}.host-seed-progress{font-family:var(--font-serif);font-size:26px;font-weight:800;color:var(--muted);margin:0}.host-seed-progress--done{color:var(--ok)}.broadcast-input{display:flex;gap:8px;margin-bottom:12px}.broadcast-input input{flex:1}.broadcast-log{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px;max-height:240px;overflow-y:auto}.broadcast-log li{padding:8px 12px;background:var(--bg-sunken);border-radius:var(--radius-sm);font-size:14px;color:var(--fg-soft)}.player-header{display:flex;justify-content:space-between;align-items:center}.player-strip{display:flex;align-items:stretch;gap:10px;padding:10px;border:3px solid var(--fg);border-radius:14px;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='34' height='34' viewBox='0 0 34 34'><g><rect x='2' y='4' width='12' height='3' rx='1.5' transform='rotate(-32 8 5.5)' fill='%23ffffff' fill-opacity='0.28'/><rect x='2' y='6.5' width='12' height='2.4' rx='1.2' transform='rotate(-32 8 7.7)' fill='%23000000' fill-opacity='0.35'/><rect x='19' y='4' width='12' height='3' rx='1.5' transform='rotate(-32 25 5.5)' fill='%23ffffff' fill-opacity='0.28'/><rect x='19' y='6.5' width='12' height='2.4' rx='1.2' transform='rotate(-32 25 7.7)' fill='%23000000' fill-opacity='0.35'/><rect x='10' y='21' width='12' height='3' rx='1.5' transform='rotate(32 16 22.5)' fill='%23ffffff' fill-opacity='0.28'/><rect x='10' y='23.5' width='12' height='2.4' rx='1.2' transform='rotate(32 16 24.7)' fill='%23000000' fill-opacity='0.35'/><rect x='-6' y='21' width='12' height='3' rx='1.5' transform='rotate(32 0 22.5)' fill='%23ffffff' fill-opacity='0.28'/><rect x='-6' y='23.5' width='12' height='2.4' rx='1.2' transform='rotate(32 0 24.7)' fill='%23000000' fill-opacity='0.35'/><rect x='27' y='21' width='12' height='3' rx='1.5' transform='rotate(32 33 22.5)' fill='%23ffffff' fill-opacity='0.28'/><rect x='27' y='23.5' width='12' height='2.4' rx='1.2' transform='rotate(32 33 24.7)' fill='%23000000' fill-opacity='0.35'/></g></svg>"),linear-gradient(180deg,#a8aebd,#7e8497 28%,#595f72 52%,#7e8497 78%,#a8aebd);background-size:34px 34px,100% 100%;background-repeat:repeat,no-repeat;box-shadow:inset 0 2px #ffffff2e,inset 0 -2px #0006,0 8px 18px -6px #0006}.player-id-display{flex:1;background:#0e1626;border:2px solid #000;border-radius:8px;padding:8px 14px;display:flex;flex-direction:column;gap:1px;min-width:0;background-image:repeating-linear-gradient(0deg,transparent 0 2px,rgba(94,234,212,.04) 2px 3px);box-shadow:inset 0 2px 6px #0009,inset 0 -1px #5eead42e}.player-id-label{font-family:var(--font-mono);font-size:9px;font-weight:700;letter-spacing:.18em;color:#5eead480;text-transform:uppercase}.player-strip .room-code-small{font-family:var(--font-mono);font-size:22px;font-weight:700;letter-spacing:.06em;color:#5eead4;text-shadow:0 0 6px rgba(94,234,212,.65);line-height:1}.player-status{display:flex;align-items:center;gap:8px;padding:0 12px;background:#0000004d;border:2px solid #000;border-radius:8px;flex-shrink:0}.player-status-led{width:9px;height:9px;border-radius:50%;background:var(--ok);box-shadow:0 0 6px var(--ok),inset 0 0 2px #fff9;animation:pulse-dot 1.6s ease-in-out infinite}.player-status-led--warn{background:var(--warn);box-shadow:0 0 6px var(--warn),inset 0 0 2px #fff9}.player-status-name{font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.1em;color:var(--on-bg);text-transform:uppercase;max-width:12ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.answer-form{display:flex;flex-direction:column;gap:10px}.answer-form textarea{background-color:#fffcf0;background-image:repeating-linear-gradient(transparent 0 27px,#2db2ff29 27px,#2db2ff29 28px);background-size:100% 28px;border:2.5px dashed rgba(26,31,61,.4);border-radius:6px;padding:12px 14px;font-family:var(--font-serif);color:var(--fg);font-size:18px;font-weight:600;line-height:28px;resize:vertical;min-height:112px;outline:none;box-shadow:inset 0 2px 4px #00000014;transition:border-color .15s ease,border-style .15s ease,box-shadow .15s ease}.answer-form textarea::placeholder{color:#1a1f3d52;font-weight:500}.answer-form textarea:focus{border-color:var(--accent);border-style:solid;box-shadow:inset 0 2px 4px #0000000f,0 0 0 3px #ff3b5c2e}.vote-buttons{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:8px}.btn--vote{background:var(--card);color:var(--fg);border:1px solid var(--border);font-family:var(--font-serif);font-size:72px;font-weight:800;letter-spacing:-.02em;padding:36px 0;border-radius:var(--radius-lg);cursor:pointer;transition:border-color .15s ease,background-color .15s ease,color .15s ease,transform .05s ease}.btn--vote:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.btn--vote-on{background:var(--accent);color:var(--accent-fg);border-color:var(--accent)}.btn--vote-on:hover:not(:disabled){color:var(--accent-fg)}.leaderboard{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.leaderboard li{display:grid;grid-template-columns:28px 1fr auto;align-items:baseline;gap:16px;padding:14px 4px;font-size:16px;font-weight:500;color:var(--fg);border-bottom:1px solid var(--border-soft)}.leaderboard li:last-child{border-bottom:none}.leaderboard-rank{color:var(--muted);font-weight:700;font-size:18px;font-variant-numeric:tabular-nums}.leaderboard-score{font-family:var(--font-serif);font-weight:800;font-size:22px;color:var(--accent);font-variant-numeric:tabular-nums}.leaderboard--big li{font-size:18px;padding:16px 4px}.leaderboard--big .leaderboard-score{font-size:22px}.vote-tally{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:16px 0}.vote-tally-cell{background:var(--bg-sunken);border:1px solid var(--border-soft);border-radius:var(--radius-lg);padding:24px;text-align:center}.vote-tally-label{font-family:var(--font-serif);font-size:40px;color:var(--muted);font-weight:800;letter-spacing:-.015em;margin-bottom:8px}.vote-tally-count{font-family:var(--font-serif);font-size:72px;font-weight:800;color:var(--fg);letter-spacing:-.02em;font-variant-numeric:tabular-nums;line-height:1}.vote-tally-cell--correct{border-color:var(--ok);background:#5c8a4f14}.vote-tally-cell--correct .vote-tally-label{color:var(--ok)}.answers-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:12px}.answer-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;display:flex;flex-direction:column;gap:14px;min-height:200px}.answer-card-label{font-family:var(--font-serif);font-size:44px;font-weight:800;color:var(--accent);letter-spacing:-.015em;line-height:1}.answer-card-source{font-family:var(--font-mono);margin-top:auto;font-size:11px;color:var(--muted);letter-spacing:.1em;font-weight:700;text-transform:uppercase}.stream{font-size:20px;font-weight:500;line-height:1.5;margin:0;white-space:pre-wrap;word-break:break-word;color:var(--fg)}.stream-empty{font-size:15px;line-height:1.5;margin:0;color:var(--muted);font-style:italic}.stream-cursor{display:inline-block;width:.5ch;height:.95em;background:var(--accent);margin-left:2px;vertical-align:text-bottom;animation:blink 1s steps(2,start) infinite}@keyframes blink{to{visibility:hidden}}.answer-pending{font-size:16px;color:var(--muted);font-style:italic}.answer-pending--ready{color:var(--ok);font-style:normal;font-weight:600}.answer-pending .dot-1,.answer-pending .dot-2,.answer-pending .dot-3,.syncing .dot-1,.syncing .dot-2,.syncing .dot-3{display:inline-block;animation:pending-dot 1.4s infinite}.answer-pending .dot-2,.syncing .dot-2{animation-delay:.2s}.answer-pending .dot-3,.syncing .dot-3{animation-delay:.4s}@keyframes pending-dot{0%,60%,to{opacity:.2}30%{opacity:1}}.seed-clipboard{position:relative;width:100%;margin-top:22px;background:#d4b489;border:3px solid var(--fg);border-radius:8px;padding:38px 18px 18px;box-shadow:0 8px #1a1f3d2e,0 16px 32px -10px #1a1f3d59}.seed-clipboard:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:repeating-linear-gradient(90deg,rgba(0,0,0,.04) 0 1px,transparent 1px 14px);pointer-events:none}.seed-clipboard-clip{position:absolute;top:-16px;left:50%;transform:translate(-50%);width:130px;height:32px;background:linear-gradient(180deg,#e3e6ee,#b6bcca 35%,#6b7388 65%,#b6bcca);border:3px solid var(--fg);border-radius:8px 8px 14px 14px;display:flex;align-items:center;justify-content:center;z-index:2}.seed-clipboard-clip-rivet{width:10px;height:10px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#5a6378,#1a1f3d);box-shadow:0 1px #fff6}.seed-clipboard-paper{position:relative;z-index:1;background-color:#fffcf0;background-image:repeating-linear-gradient(transparent 0 27px,#2db2ff29 27px,#2db2ff29 28px);background-size:100% 28px;border:2px solid rgba(26,31,61,.18);border-radius:4px;padding:24px 24px 20px;display:flex;flex-direction:column;gap:16px}.seed-clipboard-header{font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.16em;color:var(--accent);margin:0;text-transform:uppercase;border-bottom:2px solid var(--fg);padding-bottom:8px}.seed-clipboard-title{font-family:var(--font-serif);font-size:32px;font-weight:800;letter-spacing:-.02em;line-height:1;margin:0;color:var(--fg)}.seed-clipboard-subtitle{margin:0;font-size:14px;font-weight:500;line-height:1.55;color:var(--fg-soft)}.seed-list{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:22px;counter-reset:seed}.seed-item{background:transparent;border:none;padding:0;display:grid;grid-template-columns:36px 1fr;align-items:start;gap:8px 12px;counter-increment:seed;position:relative}.seed-item:before{content:"Q" counter(seed,decimal-leading-zero);font-family:var(--font-mono);color:var(--accent);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding-top:2px;grid-column:1;grid-row:1}.seed-q{grid-column:2;grid-row:1;font-family:var(--font-serif);margin:0;font-size:18px;font-weight:700;line-height:1.3;letter-spacing:-.005em;color:var(--fg)}.seed-item textarea{grid-column:1 / -1;grid-row:2;background:transparent;border:none;border-bottom:2.5px dashed rgba(26,31,61,.45);border-radius:0;padding:4px 4px 6px;font-family:var(--font-serif);color:var(--fg);font-size:17px;font-weight:600;line-height:28px;resize:vertical;outline:none;box-shadow:none;transition:border-color .15s ease,border-style .15s ease}.seed-item textarea::placeholder{color:#1a1f3d4d;font-weight:500}.seed-item textarea:focus{border-bottom-color:var(--accent);border-bottom-style:solid}.seed-item .btn--primary{grid-column:1 / -1;grid-row:3;justify-self:end;font-family:var(--font-mono);font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:8px 18px;border:2px solid var(--fg);border-radius:6px;background:var(--accent);color:#fff;box-shadow:0 3px 0 var(--fg);transition:transform .08s ease,box-shadow .08s ease}.seed-item .btn--primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 0 var(--fg)}.seed-item .btn--primary:active:not(:disabled){transform:translateY(2px);box-shadow:0 1px 0 var(--fg)}.seed-item .btn--primary:disabled{opacity:.4;filter:grayscale(.4)}.seed-a{grid-column:1 / -1;grid-row:2;margin:0;padding:4px 4px 6px;border-bottom:2.5px solid rgba(30,196,134,.55);font-family:var(--font-serif);font-size:17px;font-weight:600;color:var(--fg);line-height:28px}.seed-item--locked{opacity:.85}.seed-item--locked:before{color:var(--ok)}.results-reveal{display:flex;flex-direction:column}.results-reveal-row{display:flex;align-items:baseline;gap:14px;font-size:16px;font-weight:500;padding:12px 0;border-bottom:1px solid var(--border-soft);color:var(--fg)}.results-reveal-row:last-child{border-bottom:none}.results-label{font-family:var(--font-serif);font-size:26px;font-weight:800;color:var(--accent);min-width:24px;letter-spacing:-.015em}.score-delta{color:var(--ok);font-size:.8em;font-weight:600;margin-left:4px}.join-blurb{color:var(--fg-soft);font-size:15px;line-height:1.6;margin:0;max-width:52ch}.disconnect-banner{background:var(--accent-tint);color:var(--fg);font-weight:500;font-size:14px;text-align:center;padding:10px 16px;border-radius:var(--radius);border:1px solid var(--accent-soft);margin-bottom:4px;animation:pulse-banner 2s ease-in-out infinite}@keyframes pulse-banner{0%,to{opacity:1}50%{opacity:.75}}.music-player{display:flex;align-items:center;gap:8px;padding:6px 12px;background:var(--card);border:1px solid var(--border);border-radius:999px;font-size:13px;color:var(--fg-soft);align-self:flex-end;max-width:420px}.music-btn{background:transparent;border:none;color:var(--fg);font-size:16px;cursor:pointer;padding:2px 6px;border-radius:var(--radius-sm)}.music-btn:hover{background:var(--bg-sunken)}.music-title{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--muted);font-size:12px;font-weight:500}.music-volume{width:70px;accent-color:var(--accent)}.round-progress{display:flex;flex-direction:column;gap:8px;padding:12px 16px;background:#0000002e;border:1.5px solid rgba(0,0,0,.3);border-radius:10px}.round-progress-label{font-family:var(--font-mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--on-bg);font-weight:700}.round-progress-track{display:flex;gap:6px}.round-progress-seg{flex:1;height:10px;border-radius:3px;background:#ffffff2e;border:1px solid rgba(0,0,0,.3);transition:background .3s,box-shadow .3s}.round-progress-seg--done{background:var(--accent);box-shadow:0 0 6px #ff3b5c80}.round-progress-seg--active{background:var(--accent-3);box-shadow:0 0 10px #1ec486cc,inset 0 1px #ffffff80;animation:pulse-dot 1.4s ease-in-out infinite}.player-row-actions{display:flex;gap:8px;align-items:center}.btn--kick{color:var(--warn);border-color:var(--warn);opacity:.7}.btn--kick:hover{opacity:1}@media (max-width: 1080px){.screen--join{flex-direction:column;min-height:auto;padding:28px 20px 40px;gap:24px;justify-content:flex-start;align-items:center}.join-center{align-items:center;text-align:center;flex-basis:auto;width:100%;max-width:420px}.steel-wall{width:100%;max-width:380px;align-self:center;margin:0;padding:30px 22px 24px;border:4px solid var(--fg);border-left-width:4px;border-radius:18px;box-shadow:inset 0 2px #ffffff2e,inset 0 -2px #0006,0 12px 28px -8px #1a1f3d73}.steel-wall:before{display:none}.steel-wall-plate{top:10px;font-size:8px}.steel-wall-screw{width:18px;height:18px}.steel-wall-screw--tl{top:10px;left:10px}.steel-wall-screw--tr{top:10px;right:10px}.steel-wall-screw--bl{bottom:10px;left:10px}.steel-wall-screw--br{bottom:10px;right:10px}.keypad{width:100%;max-width:none}}@media (max-width: 640px){.screen--join{padding:22px 16px 36px;gap:22px}.echo-mark{align-self:center;align-items:center;font-size:clamp(72px,19vw,120px);letter-spacing:-.045em;line-height:.9}.echo-mark-line:nth-child(2),.echo-mark-line:nth-child(3),.echo-mark-line:nth-child(4){display:none}.echo-mark-line:nth-child(1){transform:none;text-shadow:0 .022em 0 #c8243f,0 .044em 0 #c8243f,0 .066em 0 #c8243f,0 .09em .02em rgba(26,31,61,.5),0 .14em .16em rgba(26,31,61,.35)}.hero-tag{font-size:10px;padding:5px 12px 5px 10px}.hero-tag-dot{width:7px;height:7px}.join-center .subtitle{font-size:clamp(20px,5.6vw,24px);max-width:18ch}.join-center .join-blurb{font-size:13.5px;max-width:36ch}.clipboard{max-width:340px;padding:36px 16px 16px;transform:rotate(-1deg)}.clipboard-paper{padding:18px}.clipboard-paper .field input{font-size:20px;padding:6px 4px 8px}.clipboard-paper .btn{font-size:16px;padding:12px 16px}.steel-wall{max-width:340px;padding:24px 16px 20px;border-radius:16px}.steel-wall-plate{font-size:8px;letter-spacing:.14em}.keypad{padding:12px 12px 14px;gap:12px}.keypad-screen{font-size:22px;padding:12px 10px 10px}.keypad-screen-prefix{font-size:16px}.keypad-grid{gap:7px}.keypad-key{font-size:19px;padding:12px 0 10px;border-radius:9px}.keypad-key--enter{font-size:22px}}@media (max-width: 380px){.echo-mark{font-size:clamp(60px,22vw,92px)}.clipboard,.steel-wall{max-width:100%}}@media (max-width: 980px){.screen--host{grid-template-columns:1fr}.chat--rail{position:static;height:380px}}@media (max-width: 760px){.screen--player{grid-template-columns:1fr}.screen--player .chat--rail{height:320px}}@media (max-width: 720px){.answers-grid{grid-template-columns:1fr}.host-question{font-size:28px}.host-control-strip{padding:36px 16px 24px}.host-header{flex-direction:column;gap:14px}.host-header-right{align-items:stretch}.host-phase-display{min-width:0}.host-id-display{padding:12px 16px}.btn--big{font-size:15px;padding:16px 24px;min-width:0;width:100%;letter-spacing:.08em}}@media (max-width: 480px){.screen{padding:36px 18px 32px;gap:22px}.screen--player{padding:16px 14px 28px;gap:14px}.phase{padding:36px 18px 18px}.phase-title{font-size:24px}.phase-question{font-size:21px}.btn--vote{font-size:44px;padding:32px 0}.answer-form textarea,.seed-item textarea{min-height:96px;font-size:16px}.vote-buttons{gap:10px}}