:root{color-scheme:dark;--ink:#071019;--panel:#101e2a;--text:#edf4fc;--muted:#a8bdcb;--green:#b5ff78;--cyan:#63dce8;--line:#2d485b}*{box-sizing:border-box}body{margin:0;background:var(--ink);color:var(--text);font-family:Manrope,system-ui,sans-serif}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,.online-link{min-height:48px;border-radius:12px;border:1px solid var(--line);padding:10px 18px;color:var(--text);background:#183043;cursor:pointer;font-weight:700}button:disabled{opacity:.5;cursor:default}button.primary,.online-link.primary{color:#14211a;background:var(--green);border-color:var(--green)}a{color:var(--cyan)}:focus-visible{outline:3px solid var(--cyan);outline-offset:4px}header{border-bottom:1px solid var(--line);background:#0b1823}.online-nav{max-width:1240px;margin:auto;padding:16px 24px;display:flex;align-items:center;gap:18px;flex-wrap:wrap}.online-brand{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:800;color:var(--text);text-decoration:none}.online-brand img{width:42px;height:42px}.online-nav>a:nth-child(2){margin-left:auto}.language-switch{display:flex;gap:6px}.language-switch button{padding:6px;min-width:44px;font-size:23px;background:transparent}.language-switch button[aria-pressed=true]{border-color:var(--cyan);background:#183043}main{max-width:1160px;padding:42px 24px 64px;margin:auto;min-height:70vh}.online-kicker{color:var(--cyan);text-transform:uppercase;font-size:12px;letter-spacing:.15em;font-weight:800}h1{font-size:clamp(30px,5vw,56px);margin:10px 0 14px;line-height:1.08}h2{margin:0 0 14px}.online-intro{max-width:650px;color:var(--muted);line-height:1.65}.online-games{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:28px 0}.online-game{background:var(--panel);border:1px solid var(--line);border-radius:20px;overflow:hidden;display:flex;flex-direction:column}.online-game img{width:100%;aspect-ratio:400/260;object-fit:cover;background:#081320}.online-game>div{padding:16px;display:flex;flex-direction:column;gap:10px;flex:1}.online-game h2{font-size:19px;margin:0}.online-game p{font-size:14px;color:var(--muted);line-height:1.5;margin:0 0 6px;flex:1}.online-lobby-form{display:flex;gap:14px;align-items:end;flex-wrap:wrap}.online-lobby-form label{display:flex;flex-direction:column;gap:8px;font-size:14px;color:var(--muted)}input{min-height:48px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:#081320;color:var(--text);max-width:100%}.online-join{margin-top:26px;padding-top:26px;border-top:1px solid var(--line)}#roomCode{text-transform:uppercase;letter-spacing:.08em}.online-note{color:var(--muted);font-size:13px;line-height:1.6}.online-alert{color:#ffce89;min-height:24px;line-height:1.5}.online-room-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.online-room-head h1{font-size:32px}.room-share{display:flex;gap:10px;flex-wrap:wrap;align-items:center;background:var(--panel);border:1px solid var(--line);padding:14px;border-radius:14px}.room-share strong{letter-spacing:.13em;font-size:20px}.room-share input{flex:1;min-width:190px}.online-match{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:28px;margin-top:24px}.online-board-wrap{padding:18px;border-radius:22px;border:1px solid var(--line);background:#0d1b28;align-self:start}.online-board{display:grid;gap:5px;margin:auto;width:min(100%,540px)}.online-board button{min-height:0;padding:0;aspect-ratio:1;border-radius:8px;font-size:clamp(20px,5vw,48px);background:#122b3d;opacity:1;color:var(--text);touch-action:manipulation}.online-board button[data-piece="1"]{color:var(--green)}.online-board button[data-piece="2"]{color:var(--cyan)}.online-board.connect button,.online-board.reversi button{position:relative;font-size:0}.online-board.connect button:after,.online-board.reversi button:after{content:'';position:absolute;inset:14%;border-radius:50%;background:#06111c}.online-board button[data-piece="1"]:after{background:var(--green)}.online-board button[data-piece="2"]:after{background:var(--cyan)}.online-board button[data-legal="true"]{border-color:var(--green);box-shadow:inset 0 0 0 1px #b5ff7870}.online-board button[data-last="true"]{outline:2px solid #fff;outline-offset:-3px}.online-players{display:grid;gap:10px;margin-bottom:16px}.online-player{padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--panel);overflow-wrap:anywhere}.online-player[data-turn="true"]{border-color:var(--green)}.online-player b{display:block;margin-top:6px}.online-player small{color:var(--muted)}#turnStatus{font-weight:800;line-height:1.55;font-size:20px;margin-top:0}.online-rules{font-size:14px;line-height:1.65;color:var(--muted)}#rematch{width:100%}.nim-pile{font-size:clamp(42px,12vw,86px);text-align:center;color:var(--green);font-weight:800;grid-column:1/-1;padding:24px}.online-board.nim{grid-template-columns:repeat(3,1fr)}.online-board.nim button{aspect-ratio:auto;min-height:64px;font-size:20px}.online-board button:disabled[data-piece="0"]{cursor:default}.online-connection{font-size:13px;color:var(--muted);min-height:20px}.online-link{text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.online-banner{margin:20px 0 28px;display:flex;gap:20px;align-items:center;justify-content:space-between;padding:20px 24px;background:linear-gradient(115deg,#153242,#102315);border:1px solid #426b55;border-radius:18px}.online-banner h2{font-size:24px;margin:0 0 6px}.online-banner p{color:#b8cbd7;margin:0;line-height:1.5}.online-banner a{white-space:nowrap;background:#b5ff78;color:#14211a;text-decoration:none;border-radius:12px;padding:13px 18px;font-weight:800}.online-banner .online-kicker{color:#63dce8;margin-bottom:5px}.online-board-wrap[aria-busy=true]{opacity:.8}.arcade-footer .home-button{display:inline-flex;align-items:center;justify-content:center}.profiledialog{border:1px solid var(--line);border-radius:18px;padding:24px;background:var(--panel);color:var(--text);max-width:min(90vw,500px)}.profileheading{display:flex;justify-content:space-between;gap:20px}.profiledialog::backdrop{background:#000a}[hidden]{display:none!important}@media(max-width:800px){.online-games{grid-template-columns:repeat(2,1fr)}.online-match{grid-template-columns:1fr}.online-match aside{grid-row:1}.online-players{grid-template-columns:1fr 1fr}.online-rules{margin:12px 0}.online-board-wrap{padding:10px}.online-nav{padding:12px 16px}.online-brand{font-size:16px}.online-nav>a:nth-child(2){font-size:13px}main{padding:28px 16px 44px}.online-banner{margin:16px 0;flex-wrap:wrap;padding:18px}.online-banner a{width:100%;text-align:center}.online-board{gap:4px}.online-room-head h1{font-size:28px}}@media(prefers-reduced-motion:no-preference){.online-game{transition:border-color .15s,transform .15s}.online-game:hover{border-color:var(--cyan);transform:translateY(-3px)}}
.online-invite-note{padding:16px;border:1px solid #426b55;border-radius:14px;background:#142e25;color:#b5ff78;line-height:1.6}
/* Online match refinements, version 70. */
.online-resume{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 20px;margin:24px 0;border:1px solid #426b55;border-radius:16px;background:#132b26}.online-resume p{color:var(--muted);margin:6px 0 0;font-size:14px}.online-resume button{flex-shrink:0}.connection-row{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:48px;margin:8px 0}.connection-row .online-connection{margin:0;display:flex;align-items:center;gap:9px}.online-connection:before{content:'';width:8px;height:8px;flex-shrink:0;border-radius:50%;background:#ffce89}.online-connection[data-connected=true]:before{background:var(--green)}.online-series{padding:12px 16px;border-radius:12px;background:#122330;border:1px solid var(--line);font-size:14px;line-height:1.6;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.online-player{position:relative;padding-left:36px}.online-player:before{content:'';position:absolute;left:14px;top:18px;width:11px;height:11px;border-radius:50%;background:var(--green)}.online-player[data-seat="2"]:before{background:var(--cyan)}.room-share button{font-size:14px}.online-board.tic{max-width:430px}.online-board.nim .nim-pile{padding:35px 10px}.online-players b{font-size:18px}.online-match aside>p{overflow-wrap:anywhere}@media(max-width:600px){.online-resume{align-items:stretch;flex-direction:column;padding:16px}.online-resume button{width:100%}.room-share{gap:8px}.room-share input{flex-basis:100%;order:2}.room-share button{flex:1;padding:10px 12px}.online-series{font-size:13px}.online-player{padding:12px 12px 12px 30px}.online-player:before{left:11px;top:16px}.online-players b{font-size:16px}.online-board-wrap{border-radius:16px}}@media(prefers-reduced-motion:no-preference){.online-player{transition:border-color .2s,background .2s}.online-player[data-turn=true]{background:#173126}.online-board button[data-last=true]{animation:online-last .35s ease-out}@keyframes online-last{from{filter:brightness(1.8)}to{filter:brightness(1)}}}