:root{color-scheme:dark;font-family:ui-monospace,"Cascadia Code",Consolas,monospace;background:#050b0c;color:#d5e8e1;line-height:1.55;--green:#80ffbc;--cyan:#70dfff;--muted:#91aaa5;--line:#29473f;--red:#ff9eac}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 80% 0%,#12312b66,transparent 55%),linear-gradient(#72ffc405 1px,transparent 1px),linear-gradient(90deg,#72ffc405 1px,transparent 1px);background-size:auto,40px 40px,40px 40px;min-height:100vh}
body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:5;background:repeating-linear-gradient(transparent 0 3px,#00000018 3px 4px);opacity:.3}
header,main,footer{max-width:1200px;margin:auto;padding:22px 30px;position:relative;z-index:1}header{padding-top:30px}header .bar{margin:0}h1{font-family:system-ui,sans-serif;font-size:clamp(2rem,5vw,3.5rem);letter-spacing:-.05em;line-height:1.1;margin:12px 0;color:#ecfff5}h1 span{color:var(--green);text-shadow:0 0 32px #65ffaf44}h2,h3{margin-top:0;letter-spacing:-.03em}h2{font-size:1.25rem}h3{font-size:1rem}header>p{color:var(--muted)}.eyebrow{letter-spacing:.16em;font-size:.68rem;font-weight:700;color:var(--green)}
.card{padding:24px;background:linear-gradient(135deg,#10201eee,#0b1516f5);border:1px solid var(--line);border-top-color:#477962;border-radius:3px;margin-bottom:20px;box-shadow:0 12px 40px #0003;position:relative}.card::before{content:"";position:absolute;left:-1px;top:-1px;width:22px;height:3px;background:var(--green)}.columns{display:grid;grid-template-columns:1fr 1fr;gap:24px}.columns>*{min-width:0}.play{grid-template-columns:310px 1fr}.bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;flex-wrap:wrap}label{display:block;margin:12px 0;font-size:.9rem}input,select,textarea{font:inherit;width:100%;padding:12px;margin-top:6px;border:1px solid #446258;background:#060f10;color:inherit;border-radius:3px}textarea{resize:vertical;line-height:1.5}button{font:inherit;font-size:.9rem;font-weight:700;cursor:pointer;background:var(--green);color:#042517;padding:11px 17px;border:1px solid transparent;border-radius:3px;margin:6px 8px 6px 0;transition:background .15s,box-shadow .15s}button:hover:not(:disabled){background:#b8ffd5;box-shadow:0 0 20px #6affa422}button:disabled{opacity:.45;cursor:default}button.selected{outline:2px solid var(--cyan)}.quiet{background:transparent;color:var(--muted);border:1px solid #426256}.quiet:hover:not(:disabled){background:#193a2b;color:#eafff4}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}
.roster{padding:0;list-style:none}.roster li{padding:9px 12px;margin:7px 0;border:1px solid #29443c;background:#071211;overflow-wrap:anywhere;display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:.87rem}.roster .self{background:#123d31;border-color:var(--green);color:#c9ffe0;font-weight:700}.roster .ally{background:#133847;border-color:var(--cyan);color:#9dedff;font-weight:700;box-shadow:inset 3px 0 var(--cyan)}.tag{display:inline-block;padding:2px 6px;border:1px solid currentColor;font-size:.65rem;letter-spacing:.05em;line-height:1.5;vertical-align:middle;border-radius:2px}.roster small{display:block;color:var(--muted)}.roster .dead{opacity:.65}.roster .dead strong{text-decoration:line-through}.roster button{font-size:.72rem;padding:4px 8px;margin:0 0 0 auto}.ready-control{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid var(--line);background:#091513;cursor:pointer}.ready-control:has(:checked){border-color:var(--green);background:#133728}.ready-control input{width:22px;height:22px;accent-color:var(--green);margin:0}.ready-control small{display:block;color:var(--muted)}
.chat-log{height:410px;overflow:auto;padding:8px 16px;background:#040c0e;border:1px solid #29473f;border-radius:2px;scrollbar-color:#42685b #071110}#lobby-events{height:225px}.event{white-space:pre-wrap;overflow-wrap:anywhere;border-bottom:1px solid #18332a;padding:11px 0;font-size:.92rem}.event strong{color:var(--green)}.event.system{color:var(--muted);font-size:.83rem}.event.match-result{padding:22px 12px;font-size:1.1rem;color:var(--green);font-weight:800;border:1px solid var(--green);background:#133b29}.event.match-result.loss{color:var(--red);border-color:var(--red);background:#381c26}.small,footer{font-size:.75rem;color:var(--muted)}.keyboard-hint{margin:5px 0}.input-error,#error{color:var(--red);font-size:.85rem;white-space:pre-wrap}.input-error:empty,#error:empty{display:none}.input-error{margin:8px 0;border-left:2px solid var(--red);padding:6px 10px;background:#361821}#connection{font-size:.78rem;color:var(--green)}#connection::before{content:"● ";color:var(--green)}details{margin-top:16px}summary{cursor:pointer;color:var(--muted)}#phase{font-size:.75rem;letter-spacing:.13em;color:var(--cyan)}#clock{font-size:1.4rem;color:var(--green);font-variant-numeric:tabular-nums}.notice{padding:12px 18px;border-left:3px solid var(--cyan);background:#102c37;color:#c2edff;font-size:.85rem}
.identity-banner{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 24px;margin:0 0 20px;border:1px solid #4c9272;background:linear-gradient(100deg,#173e2d,#0b1c20);box-shadow:inset 4px 0 var(--green)}#my-alias{font-size:2rem;line-height:1.2;color:#c7ffdd;margin:7px 0 0;overflow-wrap:anywhere}#role{font-size:1.05rem;font-weight:800;color:var(--green);border:1px solid #52906d;padding:10px 16px;margin:0}.identity-banner.anomaly{border-color:var(--cyan);background:linear-gradient(100deg,#14323d,#0b1c20);box-shadow:inset 4px 0 var(--cyan)}.identity-banner.anomaly #role{color:var(--cyan);border-color:var(--cyan)}.result-banner{border:2px solid var(--green);background:#123a2c}.result-banner h2{font-size:clamp(1.5rem,4vw,2.5rem);margin-bottom:4px;color:var(--green)}.result-banner.loss{border-color:var(--red);background:#301c27}.result-banner.loss h2{color:var(--red)}.result-banner.neutral{border-color:var(--cyan);background:#122b34}.result-banner.neutral h2{color:var(--cyan)}
#outcome-overlay{position:fixed;inset:0;display:grid;place-items:center;text-align:center;z-index:10;pointer-events:none;background:#03110bef;backdrop-filter:blur(7px);padding:24px;animation:result-in .45s ease-out}#outcome-overlay>div{width:100%;padding:45px 20px;border-block:1px solid var(--green);background:linear-gradient(90deg,transparent,#1b593777,transparent)}#outcome-title{font:900 clamp(2.5rem,10vw,7rem)/1.1 system-ui,sans-serif;letter-spacing:-.04em;color:var(--green);margin:16px 0;text-shadow:0 0 45px #5cff9266}#outcome-overlay.loss{background:#17080ded}#outcome-overlay.loss>div{border-color:var(--red)}#outcome-overlay.loss #outcome-title{color:var(--red);text-shadow:0 0 40px #ff668844}#outcome-overlay.neutral #outcome-title{color:var(--cyan)}
.matrix{position:fixed;inset:0;overflow:hidden;pointer-events:none;opacity:.12;z-index:0;color:var(--green);font-size:13px;line-height:2.4;letter-spacing:.3em}.matrix span{position:absolute;top:-400px;left:3%;animation:code-fall 26s linear infinite}.matrix span:nth-child(2){left:auto;right:5%;animation-delay:-17s;animation-duration:32s}.matrix span:nth-child(3){left:48%;animation-delay:-9s;animation-duration:38s}h1{animation:signal-drift 23s infinite}@keyframes code-fall{to{transform:translateY(calc(100vh + 450px))}}@keyframes signal-drift{0%,96%,97%,100%{transform:none;text-shadow:none}96.2%{transform:translateX(1px);text-shadow:2px 0 #70dfff66,-2px 0 #80ffbc66}96.5%{transform:translateX(-1px)}96.8%{transform:none;text-shadow:1px 0 #70dfff55}}@keyframes result-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.effects-off *, .effects-off *::before,.effects-off *::after{animation:none!important;transition:none!important}.effects-off .matrix,.effects-off::after{display:none}[hidden]{display:none!important}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.matrix{display:none}}@media(max-width:800px){.columns,.play{grid-template-columns:1fr}header,main,footer{padding:16px}.card{padding:18px}.chat-log{height:340px}.identity-banner{align-items:flex-start;flex-direction:column;gap:12px;padding:18px}#my-alias{font-size:1.7rem}#role{font-size:.95rem}.bar{gap:8px}.eyebrow{font-size:.6rem}}
/* Stable controls and compact lobby activity. */
.input-error{display:block;min-height:2.8em;margin:6px 0 0}.input-error:empty{display:block;visibility:hidden}input[aria-invalid="true"],textarea[aria-invalid="true"],select[aria-invalid="true"]{border-color:var(--red);box-shadow:0 0 0 1px var(--red);background:#25131b}.send-controls{margin-bottom:0}.send-controls button{min-width:145px;margin-right:0;font-variant-numeric:tabular-nums}.share-room{margin:16px 0}.share-room label{margin:0;font-size:.75rem;color:var(--muted)}.share-controls{display:flex;align-items:center;gap:12px}.share-controls input{min-width:0;flex:1}.share-controls button{flex-shrink:0;margin:6px 0 0}#share-status{min-height:1.6em;margin:6px 0}.event.lobby-notice{padding:7px 10px;font-size:.74rem;color:var(--muted);border:0;border-left:2px solid #36564b;margin:5px 0;background:#11221b}.event.host-message{background:#122e2b;border-left:2px solid var(--cyan);padding-inline:12px}.host-message .tag{margin-right:8px;color:var(--cyan)}.event.host-change{color:var(--cyan);border-color:var(--cyan);background:#112d36}.event.host-change.personal{font-weight:700;color:#d2f5ff}#host-notice{margin-top:0}#invite-notice{overflow-wrap:anywhere}@media(max-width:480px){.share-controls{flex-wrap:wrap}.share-controls input{flex-basis:100%}}