:root{color:#171717;background:#eceae4;font-family:Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans KR,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #171717;--paper: #f6f4ef;--red: #ef4934;--red-dark: #c52f23;--line: #c9c5bb;--muted: #747169;--board: #c98a4c;--board-dark: #7b4428}*{box-sizing:border-box}html{min-width:320px;min-height:100%;background:#eceae4}body{margin:0;min-width:320px;min-height:100vh}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible{outline:3px solid rgba(239,73,52,.35);outline-offset:2px}.app-shell{min-height:100vh;background:linear-gradient(rgba(23,23,23,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(23,23,23,.035) 1px,transparent 1px),#eceae4;background-size:28px 28px}.game-loading-page{width:min(960px,calc(100% - 40px));min-height:100vh;margin:0 auto;display:grid;place-content:center;justify-items:center;gap:24px;animation:game-loading-reveal .16s ease-out .18s both}.game-loading-brand{display:flex;align-items:center;gap:12px}.game-loading-brand .brand-mark{width:44px;height:44px}.game-loading-brand strong,.game-loading-brand small{display:block}.game-loading-brand strong{font-family:Arial Black,Noto Sans KR,sans-serif;font-size:20px}.game-loading-brand small{margin-top:3px;color:var(--muted);font-size:9px;font-weight:900}.game-loading-status{min-width:160px;padding-top:12px;display:grid;gap:9px;border-top:1px solid var(--line);color:var(--muted);font-size:10px;text-align:center}.game-loading-status>span{width:100%;height:2px;overflow:hidden;position:relative;background:var(--line)}.game-loading-status>span:after{content:"";width:42%;position:absolute;inset:0 auto 0 -42%;background:var(--red);animation:game-loading-line .9s ease-in-out infinite}@keyframes game-loading-line{to{transform:translate(338%)}}@keyframes game-loading-reveal{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.game-loading-page,.game-loading-status>span:after{animation:none}}.auth-page{width:min(960px,calc(100% - 40px));min-height:100vh;margin:0 auto;padding:56px 0;display:flex;flex-direction:column;justify-content:center}.auth-brand{margin-bottom:26px;display:flex;align-items:center;gap:18px}.auth-brand h1{margin:0;font-family:Arial Black,Noto Sans KR,sans-serif;font-size:48px;line-height:1}.auth-brand .platform-home-link{margin-left:auto;flex:0 0 44px}.auth-layout{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(360px,1fr);border:1px solid var(--ink);background:var(--paper);box-shadow:9px 9px 0 var(--ink)}.auth-intro{min-height:430px;padding:42px;display:flex;flex-direction:column;border-right:1px solid var(--ink);background:var(--ink);color:#fff}.auth-index{width:44px;height:44px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.72);color:#ff7865;font-family:Arial Black,sans-serif;font-size:13px}.auth-intro>p{margin:auto 0 7px;color:#ff7865;font-family:Arial Black,sans-serif;font-size:12px}.auth-intro>strong{font-size:29px}.auth-intro dl{margin:30px 0 0;display:grid;grid-template-columns:1fr 1fr;border-top:1px solid rgba(255,255,255,.34)}.auth-intro dl div{padding-top:17px}.auth-intro dt{color:#ffffff9e;font-size:11px}.auth-intro dd{margin:5px 0 0;font-size:16px;font-weight:800}.auth-form{padding:42px;display:grid;align-content:center;gap:22px}.auth-mode{min-height:46px;display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--ink)}.auth-mode button{display:flex;align-items:center;justify-content:center;gap:8px;border:0;background:transparent;font-size:13px;font-weight:800;cursor:pointer}.auth-mode button+button{border-left:1px solid var(--ink)}.auth-mode button.active{background:var(--ink);color:#fff}.pin-input{min-height:54px;display:flex;align-items:center;border:1px solid var(--line);background:#fff}.pin-input:focus-within{outline:3px solid rgba(239,73,52,.35);outline-offset:2px}.pin-input svg{margin-left:16px;color:var(--muted)}.field .pin-input input{min-width:0;border:0;outline:0}.auth-message{min-height:18px;color:var(--red-dark);font-size:12px;font-weight:700}.auth-submit{margin-top:0}.auth-platform-entry{justify-items:start}.auth-platform-entry>svg{color:var(--red)}.auth-platform-entry h2{margin:5px 0 0;font-size:24px}.auth-platform-entry .auth-submit{width:100%;min-height:52px;padding:0 15px;text-decoration:none}.lobby{width:min(1040px,calc(100% - 40px));min-height:100vh;margin:0 auto;padding:68px 0;display:flex;flex-direction:column;justify-content:center}.lobby-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:28px}.lobby-heading-actions{display:flex;align-items:stretch;gap:9px}.lobby-account{min-width:214px;padding:8px 12px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:6px 14px;border:1px solid var(--ink);background:var(--paper)}.lobby-account>div{min-width:0;display:grid}.lobby-account strong{overflow:hidden;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.lobby-account span,.lobby-account small{color:var(--muted);font-size:10px;font-weight:700}.lobby-account small{color:var(--red-dark);white-space:nowrap}.lobby-brand{display:flex;align-items:center;gap:18px}.brand-mark{width:68px;height:68px}.eyebrow{margin:0 0 3px;color:var(--red-dark);font-family:Arial Black,sans-serif;font-size:12px}.lobby h1{margin:0;font-family:Arial Black,Noto Sans KR,sans-serif;font-size:clamp(36px,6vw,60px);line-height:1}.lobby-layout{border:1px solid var(--ink);background:var(--paper);box-shadow:8px 8px 0 var(--ink)}.lobby-form{padding:36px}.lobby-create-row{display:grid;grid-template-columns:minmax(0,1fr) 220px;align-items:start;gap:14px}.authenticated-player{min-height:64px;padding:9px 16px;display:grid;align-content:center;border-left:4px solid var(--red);background:#ebe8e0}.authenticated-player span{color:var(--red-dark);font-family:Arial Black,sans-serif;font-size:9px}.authenticated-player strong{margin-top:1px;font-size:17px}.authenticated-player small{color:var(--muted);font-size:11px;font-weight:700}.authenticated-player+.primary-button{min-height:64px;margin-top:0}.guide-open-button{min-height:44px;padding:0 15px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--ink);background:var(--paper);font-size:13px;font-weight:800;cursor:pointer}.platform-home-link{width:44px;min-height:44px;display:grid;place-items:center;border:1px solid var(--ink);background:var(--paper);color:var(--ink);text-decoration:none}.platform-home-link:hover{background:var(--ink);color:#fff}.guide-open-button:hover{color:#fff;background:var(--ink)}.field{display:grid;gap:9px}.field span{color:var(--muted);font-size:13px;font-weight:700}.field input{width:100%;min-height:54px;padding:0 16px;border:1px solid var(--line);border-radius:0;background:#fff;font-size:16px}.field.invalid input{border-color:var(--red)}.field small{color:var(--red-dark);font-size:11px;font-weight:700}.primary-button{width:100%;min-height:56px;margin:22px 0 0;padding:0 18px;display:flex;align-items:center;justify-content:space-between;border:1px solid var(--ink);background:var(--red);color:#fff;font-weight:800;cursor:pointer}.primary-button:hover:not(:disabled){background:var(--red-dark)}.primary-button:disabled{background:#b8b5ae;cursor:not-allowed}.connection-line{margin-top:18px;display:flex;align-items:center;gap:7px;color:var(--muted);font-size:12px}.connection-line.open{color:#16734a}.game-guide-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;padding:24px;display:grid;place-items:center;background:#091119b3}.game-guide-dialog{width:min(640px,100%);max-height:min(760px,calc(100vh - 48px));overflow:auto;border:1px solid var(--ink);background:var(--paper);box-shadow:9px 9px #1717177a}.game-guide-header{position:sticky;top:0;z-index:1;min-height:86px;padding:20px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--ink);background:var(--paper)}.game-guide-header h2{margin:0;font-size:25px}.game-guide-content{padding:4px 24px 28px}.guide-section{padding-top:24px}.guide-section h3{margin:0 0 12px;font-size:14px}.guide-steps,.guide-win-list{margin:0;padding:0;list-style:none;border-top:2px solid var(--ink)}.guide-steps li{padding:16px 0;display:grid;grid-template-columns:42px 1fr;gap:14px;border-bottom:1px solid var(--line)}.guide-steps li>b{color:var(--red-dark);font-family:Arial Black,sans-serif;font-size:11px}.guide-steps strong,.guide-steps span{display:block}.guide-steps span{margin-top:5px;color:var(--muted);font-size:13px;line-height:1.55}.guide-win-list{display:grid;grid-template-columns:repeat(3,1fr)}.guide-win-list li{min-width:0;padding:18px 14px;border-right:1px solid var(--line)}.guide-win-list li:last-child{border-right:0}.guide-win-list b,.guide-win-list span{display:block}.guide-win-list b{color:var(--red-dark);font-size:13px}.guide-win-list span{margin-top:7px;color:var(--muted);font-size:12px;line-height:1.45}.room-browser{margin-top:42px}.room-browser-header{min-height:66px;display:flex;align-items:flex-end;justify-content:space-between;gap:20px;border-bottom:2px solid var(--ink)}.room-browser-header .eyebrow{margin-bottom:1px}.room-browser-header h2{margin:0 0 12px;font-size:24px}.room-browser-header .icon-button{margin-bottom:12px}.room-browser-header .icon-button:disabled{cursor:not-allowed;opacity:.45}.room-list{border:1px solid var(--ink);border-top:0;background:var(--paper)}.room-list-empty{min-height:150px;padding:28px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--muted);text-align:center}.room-list-empty strong{margin-top:10px;color:var(--ink);font-size:15px}.room-list-empty span{margin-top:4px;font-size:12px}.room-row{min-height:94px;padding:17px 18px;display:grid;grid-template-columns:minmax(0,1fr) 120px auto;align-items:center;gap:22px;border-bottom:1px solid var(--line)}.room-row:last-child{border-bottom:0}.room-summary{min-width:0}.room-title-line{display:flex;align-items:center;gap:9px}.room-title-line>strong{font-family:Arial Black,monospace;font-size:18px}.room-phase{padding:3px 6px;border:1px solid var(--line);color:var(--muted);background:#fff;font-size:10px;font-weight:800}.room-phase.waiting{border-color:#e86756;color:var(--red-dark)}.room-phase.playing,.room-phase.setup{border-color:#4e9071;color:#16734a}.room-summary p{margin:7px 0 0;display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px}.room-summary p span{display:grid;gap:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-summary p small{overflow:hidden;color:var(--muted);font-size:9px;font-weight:600;text-overflow:ellipsis}.room-summary p .black-player{color:var(--ink);font-weight:700}.room-summary p b{flex:0 0 auto;color:var(--red-dark);font-family:Arial Black,sans-serif;font-size:9px}.room-meta{display:grid;gap:5px;color:var(--muted);font-size:11px}.room-actions{display:flex;gap:7px}.room-action{min-width:72px;min-height:40px;padding:0 11px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--ink);background:#fff;font-size:12px;font-weight:800;cursor:pointer}.room-action.join{color:#fff;background:var(--ink)}.room-action:hover{color:#fff;background:var(--red-dark)}.room-action:disabled{cursor:not-allowed;opacity:.45}.game-page{width:min(1240px,calc(100% - 32px));margin:0 auto;padding:24px 0 48px}.game-page.mini-mode{position:fixed;left:50%;top:50%;right:auto;bottom:auto;z-index:100;width:min(340px,calc(100vw - 20px));max-height:calc(100vh - 20px);max-height:calc(100dvh - 20px);margin:0;padding:0 10px 10px;overflow:auto;border:1px solid var(--ink);background:#eceae4;box-shadow:7px 8px #17171740;scrollbar-width:thin;transform:translate(-50%,-50%)}.game-header{min-height:58px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--ink)}.mini-mode .game-header{position:sticky;top:0;z-index:20;min-height:48px;background:#eceae4}.mini-mode .compact-brand{gap:7px}.mini-mode .compact-brand img{width:30px;height:30px}.mini-mode .compact-brand p{font-size:13px}.mini-mode .compact-brand span{font-size:8px}.mini-mode .header-actions{gap:4px}.mini-mode .icon-button,.mini-mode .icon-text-button{min-height:32px}.mini-mode .icon-button,.mini-mode .icon-text-button{width:32px;padding:0;justify-content:center}.mini-mode .icon-text-button span{display:none}.compact-brand{display:flex;align-items:center;gap:10px}.compact-brand img{width:38px;height:38px}.compact-brand p,.compact-brand span{margin:0}.compact-brand p{font-weight:900}.compact-brand span{display:block;color:var(--muted);font-family:Arial Black,monospace;font-size:10px}.header-actions{display:flex;gap:7px}.icon-button,.icon-text-button{min-height:38px;border:1px solid var(--line);background:#ffffffa6;cursor:pointer}.icon-button{width:38px;padding:0;display:grid;place-items:center}.icon-text-button{padding:0 12px;display:flex;align-items:center;gap:7px;font-size:12px;font-weight:700}.icon-button:disabled,.icon-text-button:disabled{cursor:not-allowed;opacity:.42}.mini-restart-action{display:none}.mini-mode .mini-restart-action{display:grid}.match-bar{min-height:114px;display:grid;grid-template-columns:1fr minmax(270px,1fr) 1fr;align-items:center;border-bottom:1px solid var(--line)}.mini-mode .match-bar{min-height:80px;grid-template-columns:minmax(0,1fr) 116px minmax(0,1fr)}.mini-mode .player{gap:5px}.mini-mode .player-stone{width:26px;height:26px;border-width:1px}.mini-mode .player small{font-size:8px}.mini-mode .player strong{max-width:70px;font-size:11px}.mini-mode .player-profile-meta,.mini-mode .presence{display:none}.mini-mode .match-status{padding:0 4px}.mini-mode .match-status .status-label{font-size:8px}.mini-mode .match-status strong{font-size:13px}.mini-mode .match-status small{display:none}.player{min-width:0;display:flex;align-items:center;gap:11px}.player.white{flex-direction:row-reverse;text-align:right}.player-stone{width:42px;height:42px;flex:0 0 auto;border:2px solid #111;border-radius:50%;box-shadow:inset 0 -7px 10px #0000004d}.player-stone.black{background:#202020}.player-stone.white{background:#f8f5ed}.player small,.player strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player small{color:var(--muted);font-size:11px;font-weight:700}.player strong{font-size:16px}.player .player-profile-meta{display:block;margin-top:3px;color:var(--red-dark);font-size:9px;font-weight:800;white-space:nowrap}.player.active .player-stone{box-shadow:0 0 0 4px var(--red),inset 0 -7px 10px #0000004d}.presence{width:7px;height:7px;flex:0 0 auto;border-radius:50%;background:#9d9990}.presence.online{background:#25a76e;box-shadow:0 0 0 3px #25a76e21}.match-status{padding:10px 20px;text-align:center}.status-label{display:block;color:var(--muted);font-family:Arial Black,sans-serif;font-size:10px}.match-status strong,.match-status small{display:block}.match-status strong{margin:3px 0;font-size:19px}.match-status small{color:var(--muted);font-size:12px}.match-status.turn .status-label,.match-status.win .status-label{color:var(--red-dark)}.match-status.lose{opacity:.68}.spectator-mode .status-label{color:#3d6688}.game-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:32px;margin-top:28px}.mini-mode .game-layout{display:block;margin-top:5px}.board-area{min-width:0}.board-toolbar{min-height:48px;margin-bottom:16px;display:flex;align-items:center;gap:10px;justify-content:flex-end}.mini-mode .board-toolbar{min-height:24px;margin-bottom:3px}.mini-mode .live-state{font-size:9px}.mini-mode .live-state svg{width:13px;height:13px}.live-state{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:11px;font-weight:700}.live-state.open{color:#16734a}.setup-rule-indicator{min-height:32px;margin-right:auto;padding:0 10px;display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);border-left:3px solid var(--red-dark);background:#fff;font-size:10px}.setup-rule-indicator span{color:var(--muted);font-weight:700}.setup-rule-indicator strong{color:var(--ink);font-size:10px;white-space:nowrap}.mini-mode .setup-rule-indicator{min-height:22px;padding:0 6px}.mini-mode .setup-rule-indicator span{display:none}.mini-mode .setup-rule-indicator strong{font-size:8px}.result-view-trigger{min-height:32px;padding:0 10px;display:inline-flex;align-items:center;gap:6px;border:1px solid var(--ink);background:#fff;color:var(--ink);font-size:10px;font-weight:800;cursor:pointer}.result-view-trigger:hover{background:#eceae4}.mini-mode .result-view-trigger{min-height:22px;padding:0 7px;gap:4px;font-size:8px}.mini-mode .result-view-trigger svg{width:12px;height:12px}.board-stage{position:relative;width:min(100%,680px);margin:0 auto}.mini-mode .board-stage{width:min(100%,278px)}.board-stage .board-frame{width:100%}.pregame-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:8;padding:24px;display:grid;place-items:center;background:#151f28c2}.pregame-panel{width:min(390px,100%);padding:24px;border:1px solid var(--ink);background:#f8f7f3;box-shadow:6px 7px #0000004d}.pregame-heading{padding-bottom:16px;border-bottom:1px solid var(--ink);text-align:center}.pregame-heading span,.pregame-heading strong,.pregame-heading small{display:block}.pregame-heading span{color:var(--red-dark);font-family:Arial Black,sans-serif;font-size:9px}.pregame-heading strong{margin:4px 0;font-size:19px}.pregame-heading small{color:var(--muted);font-size:11px}.ready-player-list{margin:7px 0 16px}.ready-player{min-height:58px;display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;border-bottom:1px solid var(--line)}.ready-player-stone{width:30px;height:30px;border:2px solid #111;border-radius:50%;box-shadow:inset 0 -5px 8px #00000040}.ready-player-stone.black{background:#202020}.ready-player-stone.white{background:#f8f5ed}.ready-player small,.ready-player strong{display:block}.ready-player small{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:9px}.ready-player small b{display:inline-flex;align-items:center;gap:3px;color:#8a5a1f;font-size:8px}.ready-player strong{max-width:170px;overflow:hidden;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.ready-player-profile{display:block;margin-top:2px;color:var(--red-dark);font-size:8px;font-weight:700;white-space:nowrap}.ready-player-state{min-width:52px;padding:4px 6px;border:1px solid var(--line);color:var(--muted);font-size:9px;font-weight:800;text-align:center}.ready-player.ready .ready-player-state{border-color:#47946e;background:#e8f4ed;color:#16734a}.pregame-actions{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.pregame-actions>small{grid-column:1 / -1;color:var(--muted);font-size:10px;text-align:center}.pregame-actions.spectator-join{grid-template-columns:1fr}.pregame-color-swap,.pregame-spectate{min-height:34px;grid-column:1 / -1;display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid #8d8a82;background:transparent;color:var(--ink);font-size:9px;font-weight:800;cursor:pointer}.pregame-color-swap:disabled,.pregame-spectate:disabled{cursor:not-allowed;opacity:.42}.pregame-spectate{border-color:#5f7990;color:#294c68}.pregame-primary,.pregame-secondary{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--ink);font-size:11px;font-weight:800;cursor:pointer}.pregame-primary{grid-column:1 / -1;background:var(--ink);color:#fff}.pregame-primary.ready{background:#245c42}.pregame-primary:disabled{cursor:not-allowed;opacity:.42}.pregame-primary+.pregame-secondary{grid-column:1 / -1}.pregame-secondary{background:transparent}.pregame-spectator-note{margin:0;color:var(--muted);font-size:10px;text-align:center}.mini-mode .pregame-overlay{padding:8px}.mini-mode .pregame-panel{padding:12px;box-shadow:3px 4px #00000042}.mini-mode .pregame-heading{padding-bottom:8px}.mini-mode .pregame-heading strong{margin:2px 0;font-size:14px}.mini-mode .pregame-heading small{font-size:8px}.mini-mode .ready-player-list{margin:4px 0 8px}.mini-mode .ready-player{min-height:44px;grid-template-columns:26px minmax(0,1fr) auto;gap:7px}.mini-mode .ready-player-stone{width:23px;height:23px;border-width:1px}.mini-mode .ready-player strong{max-width:110px;font-size:10px}.mini-mode .ready-player-profile{display:none}.mini-mode .ready-player-state{min-width:45px;font-size:8px}.mini-mode .pregame-primary,.mini-mode .pregame-secondary,.mini-mode .pregame-color-swap,.mini-mode .pregame-spectate{min-height:34px;font-size:9px}.board-frame{position:relative;width:min(100%,680px);margin:0 auto;padding:18px;border:8px solid var(--ink);background:var(--board-dark);box-shadow:8px 10px #1717173b,inset 0 0 0 2px #e6aa68}.mini-mode .board-frame{padding:7px;border-width:4px;box-shadow:3px 4px #1717173b}.board{position:relative;width:100%;aspect-ratio:550 / 480;overflow:hidden;background:radial-gradient(circle at 50% 46%,rgba(255,214,155,.1),transparent 42%),repeating-linear-gradient(105deg,rgba(255,255,255,.025) 0 1px,transparent 1px 9px),#243342}.board:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;clip-path:polygon(13.6% 38.1%,20.9% 26.3%,28.2% 22.3%,35.5% 18.3%,42.7% 14.4%,50% 18.3%,57.3% 14.4%,64.5% 18.3%,71.8% 22.3%,79.1% 26.3%,86.4% 38.1%,86.4% 61.9%,79.1% 73.7%,71.8% 77.7%,64.5% 81.7%,57.3% 85.6%,50% 81.7%,42.7% 85.6%,35.5% 81.7%,28.2% 77.7%,20.9% 73.7%,13.6% 61.9%);background:#0d151d33}.board-lines{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible;pointer-events:none}.board-lines line{stroke:#eed8b757;stroke-width:1.15;vector-effect:non-scaling-stroke}.board-cell{position:absolute;left:var(--cell-x);top:var(--cell-y);width:7.4%;aspect-ratio:1;padding:0;overflow:visible;border:0;border-radius:50%;background:transparent;transform:translate(-50%,-50%);cursor:pointer}.board-cell:disabled{cursor:default}.board-cell:not(:disabled):hover{background-color:#fff0c226}.board-cell.selected{z-index:4;background:#fff1c433;box-shadow:0 0 0 3px #fff2aa}.board-cell.valid-target:after{content:"";position:absolute;z-index:5;top:4%;right:4%;bottom:4%;left:4%;border:2px dashed #ffe786;border-radius:50%;filter:drop-shadow(0 0 3px rgba(255,231,134,.65));pointer-events:none}.board-cell.last-action{box-shadow:0 0 0 3px #ef4934d1}.grid-point{position:absolute;left:50%;top:50%;width:54%;height:54%;border-radius:50%;border:1px solid rgba(248,229,199,.36);background:#879293;box-shadow:0 2px 4px #00000057,inset 0 1px 2px #fff3;transform:translate(-50%,-50%)}.center-cell .grid-point{background:#59686a;box-shadow:0 0 0 2px #f6725b4d,inset 0 1px 2px #ffffff24}.stone-stack{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2}.stone{--stone-size: 78%;position:absolute;left:50%;top:50%;width:var(--stone-size);aspect-ratio:1;border:2px solid #121212;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 4px 8px #1d120c61,inset 0 4px 7px #ffffff2e}.stone.black{background:linear-gradient(#343434,#101010)}.stone.white{background:linear-gradient(#fffef9,#d7d1c4)}.stone-level{position:absolute;left:50%;top:50%;color:#ffffffb8;font-family:Arial Black,sans-serif;font-size:clamp(8px,1.2vw,11px);transform:translate(-50%,-50%)}.stone.white .stone-level{color:#17171794}.selectable-source:hover .stone{filter:brightness(1.12)}.board-hint{min-height:22px;margin:17px 0 0;color:var(--muted);font-size:12px;text-align:center}.mini-mode .board-hint{min-height:16px;margin-top:7px;font-size:9px}.game-sidebar{padding-left:28px;border-left:1px solid var(--line)}.mini-mode .game-sidebar{display:none}.side-section{margin-bottom:30px}.side-heading{padding-bottom:11px;display:flex;justify-content:space-between;border-bottom:1px solid var(--ink)}.side-heading span{font-size:13px;font-weight:800}.side-heading b{color:var(--red-dark);font-family:Arial Black,sans-serif;font-size:9px}.win-item{padding:14px 0;display:grid;grid-template-columns:34px 1fr;border-bottom:1px solid var(--line)}.win-item>span{color:var(--red-dark);font-family:Arial Black,sans-serif;font-size:11px}.win-item strong,.win-item small{display:block}.win-item strong{font-size:13px}.win-item small{margin-top:2px;color:var(--muted);font-size:11px}.game-facts{margin:0}.game-facts>div{padding:11px 0;display:flex;justify-content:space-between;border-bottom:1px solid var(--line);font-size:12px}.game-facts dt{color:var(--muted)}.game-facts dd{margin:0;font-weight:700}.spectator-list{max-height:148px;margin:0;padding:0;overflow-y:auto;list-style:none;scrollbar-width:thin}.spectator-list li{min-height:42px;display:grid;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:7px;border-bottom:1px solid var(--line)}.spectator-list svg{color:#3d6688}.spectator-list strong{overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.spectator-list small{color:var(--muted);font-size:9px;font-weight:700;white-space:nowrap}.spectator-empty{min-height:52px;margin:0;display:grid;place-items:center;border-bottom:1px solid var(--line);color:var(--muted);font-size:10px}.restart-button{width:100%;min-height:46px;display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--ink);background:var(--paper);font-size:12px;font-weight:800;cursor:pointer}.restart-button:hover:not(:disabled){color:#fff;background:var(--ink)}.restart-button:disabled{cursor:not-allowed;opacity:.45}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.chat-toggle-button{position:relative}.chat-unread-badge{position:absolute;top:-5px;right:-5px;min-width:18px;height:18px;padding:0 4px;display:grid;place-items:center;border:2px solid #eceae4;border-radius:9px;background:var(--red-dark);color:#fff;font-family:Arial,sans-serif;font-size:9px;font-weight:800;line-height:1}.chat-panel{height:330px;margin-top:28px;display:grid;grid-template-rows:42px minmax(0,1fr) 58px;overflow:hidden;border:1px solid var(--ink);background:#ffffffc2}.chat-panel-header{padding:0 11px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#eceae4}.chat-panel-header>div{min-width:0;display:flex;align-items:center;gap:7px}.chat-panel-header strong{font-size:12px}.chat-panel-header span{min-width:20px;color:var(--muted);font-size:10px;text-align:center}.chat-close-button{width:30px;height:30px;display:grid;place-items:center;border:0;background:transparent;cursor:pointer}.chat-close-button:hover{background:#17171714}.chat-messages{min-height:0;padding:11px;overflow-y:auto;display:flex;flex-direction:column;gap:10px;scrollbar-width:thin}.chat-empty{min-height:100%;display:grid;place-content:center;justify-items:center;gap:8px;color:var(--muted);text-align:center}.chat-empty strong{font-size:11px}.chat-message{max-width:88%;align-self:flex-start}.chat-message.mine{align-self:flex-end}.chat-message-meta{margin-bottom:3px;display:flex;align-items:center;gap:5px;color:var(--muted);font-size:9px}.chat-message.mine .chat-message-meta{justify-content:flex-end}.chat-message-meta strong{max-width:100px;overflow:hidden;color:var(--ink);text-overflow:ellipsis;white-space:nowrap}.chat-message-meta span{padding:1px 4px;border:1px solid #8ca2b5;color:#3d6688;font-size:8px}.chat-message-meta time{margin-left:auto}.chat-message.mine .chat-message-meta time{margin-left:0}.chat-message p{margin:0;padding:8px 9px;overflow-wrap:anywhere;border:1px solid var(--line);background:#fff;font-size:11px;line-height:1.45}.chat-message.mine p{border-color:#243342;background:#243342;color:#fff}.chat-message.spectator:not(.mine) p{border-color:#a9bfd0;background:#eef4f7}.chat-form{position:relative;padding:9px 43px 15px 9px;border-top:1px solid var(--line);background:#eceae4}.chat-form label,.chat-form input{width:100%;height:34px}.chat-form input{padding:0 9px;border:1px solid var(--line);border-radius:0;outline:none;background:#fff;color:var(--ink);font:inherit;font-size:11px}.chat-form input:focus{border-color:var(--ink)}.chat-form button{position:absolute;top:9px;right:9px;width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--ink);background:var(--ink);color:#fff;cursor:pointer}.chat-form button:disabled{cursor:not-allowed;opacity:.35}.chat-form small{position:absolute;right:48px;bottom:2px;color:var(--muted);font-size:8px}.compact-chat-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:240;padding:12px;display:grid;place-items:center;background:#1717174d}.compact-chat-layer .chat-panel{width:min(420px,100%);height:min(520px,calc(100vh - 24px));height:min(520px,calc(100dvh - 24px));margin:0;background:#f8f7f3;box-shadow:6px 7px #17171747}.compact-chat-layer.inside-mini-mode{position:absolute;top:48px;right:0;bottom:0;left:0;z-index:30;padding:8px;background:#17171747}.compact-chat-layer.inside-mini-mode .chat-panel{width:100%;height:100%;max-height:none;box-shadow:none}.game-result-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:320;padding:16px;display:grid;place-items:center;background:#1717179e}.game-result-dialog{width:min(420px,100%);padding:30px;border:1px solid var(--ink);background:#f8f7f3;box-shadow:8px 9px #00000057;text-align:center}.result-icon{width:54px;height:54px;margin:0 auto 12px;display:grid;place-items:center;border:1px solid var(--ink);background:#eceae4}.game-result-dialog.victory .result-icon{border-color:#16734a;background:#e8f4ed;color:#16734a}.game-result-dialog.defeat .result-icon{border-color:var(--red-dark);background:#faeae7;color:var(--red-dark)}.game-result-dialog.spectator .result-icon{border-color:#3d6688;background:#eef4f7;color:#3d6688}.result-kicker{color:var(--muted);font-family:Arial Black,sans-serif;font-size:10px}.game-result-dialog.victory .result-kicker{color:#16734a}.game-result-dialog.defeat .result-kicker{color:var(--red-dark)}.game-result-dialog h2{margin:4px 0 6px;font-size:26px}.game-result-dialog>p{margin:0;color:var(--muted);font-size:12px}.rating-result{min-height:46px;margin-top:18px;padding:9px 12px;display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line);background:#fff;font-size:10px}.rating-result strong{color:var(--red-dark);font-family:Arial Black,sans-serif;font-size:16px}.rating-result.recorded span{color:var(--muted);font-weight:700}.rating-result.pending{color:var(--muted)}.rating-result.failed{border-color:#dc786b;background:#faeae7;color:var(--red-dark);font-weight:700}.result-restart-status{margin-top:20px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:7px 12px;text-align:left}.result-restart-status strong{font-size:11px}.result-restart-status span{color:var(--red-dark);font-family:Arial Black,sans-serif;font-size:9px}.result-restart-status i{grid-column:1 / -1;width:100%;height:3px;display:block;background:var(--red-dark);transform:scaleX(var(--result-restart-progress));transform-origin:left center;transition:transform .2s linear}.game-result-actions{margin-top:24px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.game-result-actions button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--ink);font-size:11px;font-weight:800;cursor:pointer}.game-result-actions button:disabled{cursor:not-allowed;opacity:.45}.result-primary{background:var(--ink);color:#fff}.result-secondary{background:transparent}.result-board-action{grid-column:1 / -1;background:#fff}.result-board-action:hover,.result-secondary:hover{background:#eceae4}.game-result-dialog.spectator .result-secondary{grid-column:1 / -1}.toast-region{position:fixed;left:50%;top:50%;z-index:400;width:min(440px,calc(100% - 32px));display:grid;gap:10px;pointer-events:none;transform:translate(-50%,-50%)}.app-toast{position:relative;min-height:58px;padding:13px 14px;overflow:hidden;display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:10px;border:1px solid #a9bfd0;background:#162430;color:#fff;box-shadow:6px 6px #1717174d;pointer-events:auto;animation:toast-in .18s ease-out}.app-toast.error{border-color:#ff9b8d;background:#351917}.app-toast.success{border-color:#63b98f;background:#123326}.app-toast.warning{border-color:#f4a95b;background:#382415}.toast-icon{width:30px;height:30px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.42)}.toast-content{min-width:0}.toast-content strong{display:block;font-size:12px;line-height:1.45}.toast-actions{display:flex;gap:6px}.toast-actions button{min-height:34px;padding:0 10px;display:inline-flex;align-items:center;justify-content:center;gap:4px;border:1px solid rgba(255,255,255,.5);background:transparent;color:#fff;font-size:11px;font-weight:800;cursor:pointer}.toast-actions button:hover,.toast-actions button.accept,.toast-actions button.danger{border-color:#fff;background:#fff;color:var(--ink)}.toast-progress{position:absolute;left:0;bottom:0;width:100%;height:3px;background:#fffc;transform-origin:left center;animation:toast-progress var(--toast-duration) linear forwards}.restart-toast,.color-swap-toast{--toast-duration: 10s}.restart-countdown{margin-top:7px;display:flex;align-items:center;gap:8px}.restart-rating-note{display:block;margin-top:4px;color:#ffd7ae;font-size:9px;line-height:1.35}.restart-countdown>span{min-width:24px;color:#ffd7ae;font-family:Arial Black,sans-serif;font-size:10px}.restart-countdown>div{height:3px;flex:1;overflow:hidden;background:#fff3}.restart-countdown i{display:block;width:100%;height:100%;background:#ffd7ae;transform:scaleX(var(--restart-progress));transform-origin:left center;transition:transform .2s linear}@keyframes toast-in{0%{opacity:0;transform:translateY(10px)}}@keyframes toast-progress{to{transform:scaleX(0)}}@media(max-width:860px){.game-layout{grid-template-columns:1fr}.game-sidebar{padding:24px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:24px;border-top:1px solid var(--line);border-left:0}.restart-button{grid-column:1 / -1}}@media(max-width:680px){.auth-page{width:min(100% - 24px,520px);padding:30px 0}.auth-brand{gap:12px;margin-bottom:20px}.auth-brand h1{font-size:36px}.auth-layout{grid-template-columns:1fr;box-shadow:5px 5px 0 var(--ink)}.auth-intro{min-height:172px;padding:22px;border-right:0;border-bottom:1px solid var(--ink)}.auth-index{display:none}.auth-intro>p{margin:0 0 4px}.auth-intro>strong{font-size:23px}.auth-intro dl{margin-top:20px}.auth-form{padding:24px;gap:18px}.lobby{width:min(100% - 24px,520px);padding:36px 0}.toast-region{width:calc(100% - 24px)}.app-toast{grid-template-columns:28px minmax(0,1fr);padding:11px 12px}.toast-actions{grid-column:1 / -1;justify-content:flex-end}.toast-actions button{min-width:68px}.lobby-heading{align-items:flex-start;flex-direction:column;gap:12px}.lobby-heading-actions{width:100%}.lobby-account{min-width:0;flex:1}.lobby-brand{gap:12px}.brand-mark{width:54px;height:54px}.guide-open-button{min-width:44px;padding:0}.guide-open-button span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.lobby-layout{box-shadow:5px 5px 0 var(--ink)}.lobby-form{padding:24px}.lobby-create-row{grid-template-columns:1fr;gap:12px}.primary-button{margin-top:0}.game-guide-overlay{padding:12px}.game-guide-dialog{max-height:calc(100vh - 24px);box-shadow:5px 5px #1717177a}.game-guide-header{min-height:74px;padding:16px 18px}.game-guide-content{padding:2px 18px 22px}.guide-win-list{grid-template-columns:1fr}.guide-win-list li{display:grid;grid-template-columns:86px 1fr;gap:12px;border-right:0;border-bottom:1px solid var(--line)}.guide-win-list li:last-child{border-bottom:0}.guide-win-list span{margin-top:0}.room-browser{margin-top:32px}.room-row{padding:16px;grid-template-columns:minmax(0,1fr) auto;gap:14px}.room-meta{grid-column:1;grid-row:2;grid-template-columns:auto auto;justify-content:start;gap:13px}.room-actions{grid-column:2;grid-row:1 / span 2;flex-direction:column}.room-action{min-width:68px;min-height:36px}.game-page{width:min(100% - 20px,560px);padding-top:10px}.game-header{min-height:54px}.icon-text-button span{display:none}.icon-text-button{width:38px;padding:0;justify-content:center}.match-bar{min-height:142px;grid-template-columns:1fr 1fr;padding:12px 0}.match-status{grid-column:1 / -1;grid-row:1;padding:2px 10px 12px}.player{grid-row:2}.player-stone{width:32px;height:32px}.player strong{max-width:120px;font-size:13px}.player .player-profile-meta{max-width:120px;overflow:hidden;text-overflow:ellipsis}.board-toolbar{min-height:34px}.live-state span{display:none}.board-frame{width:min(100%,430px);padding:10px;border-width:5px;box-shadow:4px 5px #1717173b}.pregame-overlay{padding:12px}.pregame-panel{padding:18px}.game-result-dialog{padding:24px 20px;box-shadow:5px 6px #0000004d}.game-result-dialog h2{font-size:23px}.stone{border-width:1px;box-shadow:0 3px #1d120c73,0 5px 8px #1d120c4d}.game-sidebar{grid-template-columns:1fr;gap:0}.restart-button{grid-column:auto}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}