@charset "UTF-8";
.board-welcome{position:absolute;inset:35% 10% auto;z-index:8;text-align:center;background:var(--card);border:1px solid var(--line);box-shadow:0 12px 35px #172c2730;border-radius:14px;padding:22px 12px}.board-welcome small{font-size:8px;letter-spacing:2px;color:var(--muted)}.board-welcome strong{display:block;font:clamp(18px,2.2vw,27px) Georgia,serif;margin:7px 0 15px}.board-welcome .primary{padding:10px 19px}.game-panel{scroll-margin-top:18px}
@media(max-width:760px){.board-column{width:min(100%,max(280px,calc(100dvh - 370px)));margin-inline:auto}.board-welcome{padding:15px 9px}.board-welcome strong{font-size:20px;margin:6px 0 12px}}
:root{--page:#f5f3ee;--card:#fffefb;--text:#253b36;--muted:#7b837c;--line:#e7e5de;--green:#244e42;--green-hover:#193f34;--gold:#cf9d5f;--gold-soft:#f5ebd8;--side:#172c27;--light-square:#eddcc0;--dark-square:#a98059;--select:#e5bd58;--shadow:0 8px 30px #20332808;--radius:16px;color-scheme:light}
*{box-sizing:border-box}body{margin:0;background:var(--page);color:var(--text);font-family:Inter,"Segoe UI",Arial,sans-serif;font-size:14px;line-height:1.5}button,input,select{font:inherit}button,a,input{ -webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--gold);outline-offset:3px}a{color:inherit;text-decoration:none}button{border:0}button,dialog{transition:background .18s,box-shadow .18s,transform .18s}button:active:not(:disabled){transform:translateY(1px)}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.sidebar{position:fixed;inset:0 auto 0 0;width:228px;background:var(--side);color:#e9eee9;padding:33px 22px;display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;gap:12px;padding:2px 9px;font-family:Georgia,serif;font-size:34px;letter-spacing:-1.8px;line-height:1}.brand img{width:43px;height:43px}.brand-sub{display:block;font:9px/1.5 "Segoe UI",sans-serif;letter-spacing:3px;color:#a7b9af;margin-top:9px}.brand-dot{width:6px;height:6px;border-radius:50%;background:var(--gold);margin-left:-7px;margin-top:12px}.nav-caption{font-size:8px;font-weight:700;letter-spacing:2px;color:#91a69a;margin:55px 10px 17px}.main-nav{display:grid;gap:9px}.nav-item{background:transparent;display:flex;align-items:center;gap:13px;border-radius:10px;width:100%;padding:13px 15px;text-align:left;color:#b9c8bd;font-size:13px}.nav-item:hover{background:#ffffff09;color:#fff}.nav-item.active{background:#f9f5e8;color:#233d32;font-weight:700;box-shadow:0 4px 14px #0001}.nav-icon{font-size:25px;line-height:1;width:25px;text-align:center}.nav-arrow{margin-left:auto;color:#8f7951}.sidebar-bottom{margin-top:auto;padding:35px 9px 0}.sidebar-art{position:relative;height:100px;display:flex;gap:7px;align-items:flex-end;color:#38554a;font-size:61px;line-height:1}.sidebar-art span:nth-child(2){font-size:89px;color:#73907c}.sidebar-art span:last-child{font-size:68px;color:#b5986b}.sidebar-bottom p{font-size:13px;color:#8fa89a;line-height:1.7;margin:20px 0 28px}.sidebar-bottom strong{color:#c7d5c8;font-weight:500}.cotnas-link{border-top:1px solid #365047;padding-top:17px;display:flex;justify-content:space-between;font-size:11px;color:#a4bcae}.sidebar-credits{font-size:10px!important;color:#789082!important;margin-top:16px;padding:0!important}
.main{margin-left:228px;padding:0 42px;max-width:1720px}.topbar{height:91px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:20px}.breadcrumb{font-size:9px;letter-spacing:1.7px;color:var(--muted)}.breadcrumb span{margin:0 14px;color:#bebfb5}.breadcrumb strong{font-weight:500;color:var(--text);letter-spacing:0;font-size:12px}.top-actions{display:flex;align-items:center;gap:11px}.live-count{font-size:10px;color:var(--muted);display:flex;align-items:center;gap:7px;margin-right:10px}.live-count i,.connection-pill i,.game-status i{width:6px;height:6px;display:inline-block;background:#74a17c;border-radius:50%}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:9px;background:transparent;font-size:18px;color:var(--muted);padding:0}.icon-button:hover{background:var(--line);color:var(--text)}.account-button{border:1px solid var(--line);background:var(--card);padding:9px 15px;border-radius:9px;font-size:11px;font-weight:600;display:flex;align-items:center;gap:16px}.account-button span{color:var(--gold);font-size:15px}.mobile-brand{display:none}.page-heading{padding:32px 0 26px;display:flex;align-items:center;justify-content:space-between;gap:20px}.eyebrow{font-size:8px;font-weight:700;letter-spacing:2.3px;color:#8c947e;display:flex;align-items:center;gap:8px}.little-line{height:1px;width:22px;background:var(--gold)}h1{font-size:clamp(25px,2.5vw,38px);font-weight:500;line-height:1.2;letter-spacing:-1.4px;margin:10px 0 9px}h1 em{font-family:Georgia,serif;font-weight:400;color:#6d806c}p{margin:0}.page-heading p,.secondary-view>p{font-size:11px;color:var(--muted)}.connection-pill{font-size:9px;background:#e9eee5;padding:7px 12px;border-radius:20px;display:flex;align-items:center;gap:7px;white-space:nowrap;align-self:flex-end;margin-bottom:4px}.connection-pill.offline{background:#f7e8da;color:#9b6836}.connection-pill.offline i{background:#bc8154}.arena{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:29px;align-items:start;max-width:1175px}.board-column{min-width:0;max-width:720px}.player-line{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px;height:46px;gap:10px}.player-id{display:flex;gap:11px;align-items:center;min-width:0}.avatar{height:40px;width:40px;display:flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:11px;font-size:29px;line-height:1;flex-shrink:0}.opponent-avatar{background:#e9e7df;color:#33443a}.own-avatar{background:#e6eadf;color:#465c3e}.player-id strong{display:block;font-size:12px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:230px}.player-id span{display:block;font-size:9px;color:var(--muted);margin-top:3px}.clock{min-width:105px;padding:8px 14px;border:1px solid var(--line);border-radius:9px;background:#e8e7e1;color:#686f65;font-size:24px;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:-.7px;line-height:1.1;display:flex;gap:14px;align-items:center;justify-content:space-between}.clock-symbol{font-size:17px;font-weight:400;color:inherit}.clock.active{background:var(--green);color:#fff;border-color:var(--green);box-shadow:0 3px 9px #254e4220}.clock.low{background:#eacb8a;color:#704315;border-color:#d7b56d}.clock.urgent{background:#b84b3b;border-color:#b84b3b;color:white;animation:clockPulse 1s infinite}.clock.critical{animation:clockPulse .5s infinite}.clock.unlimited .clock-value{font-size:28px}.board-frame{position:relative;padding:10px 10px 22px;background:#4e3b2d;border-radius:11px;box-shadow:0 10px 27px #3227191a,0 1px 2px #3e2a2433}.board{position:relative;width:100%;aspect-ratio:1;touch-action:none;user-select:none;overflow:hidden;border-radius:3px;box-shadow:0 0 0 1px #38271944}.squares{display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);position:absolute;inset:0}.square{position:relative;padding:0;border:0;border-radius:0;background:var(--light-square);touch-action:none}.square.dark{background:var(--dark-square)}.square.last:after{content:"";position:absolute;inset:0;background:#e7cc3290;pointer-events:none}.square.selected:after{content:"";position:absolute;inset:0;background:#eed665ba}.square.legal:before{content:"";position:absolute;width:24%;height:24%;border-radius:50%;background:#254b4460;left:38%;top:38%;z-index:3;pointer-events:none}.square.capture:before{width:83%;height:83%;left:8.5%;top:8.5%;background:transparent;border:5px solid #264c4460;box-sizing:border-box}.square.check{background:radial-gradient(ellipse,#e66e54 0,#d65a48 35%,#b77e52 78%)}.square:focus-visible{outline:3px solid #2f665b;outline-offset:-3px;z-index:3}.rank-label{position:absolute;left:4px;top:2px;font-size:9px;font-weight:700;color:#8f6545;z-index:4;pointer-events:none}.dark .rank-label{color:#f0dfc1}.pieces{position:absolute;inset:0;pointer-events:none}.piece{position:absolute;width:12.5%;height:12.5%;left:0;top:0;padding:6%;object-fit:contain;box-sizing:content-box;width:10.1%;height:10.1%;padding:1.2%;box-sizing:border-box;width:12.5%;height:12.5%;filter:drop-shadow(0 3px 1px #32251935);transition:transform .16s cubic-bezier(.2,.75,.35,1),opacity .13s;will-change:transform}.piece.fading{opacity:0}.piece.drag-source{opacity:.17}.drag-ghost{position:fixed;pointer-events:none;z-index:90;filter:drop-shadow(0 8px 5px #0003);object-fit:contain}.board-files{position:absolute;bottom:3px;left:10px;right:10px;display:grid;grid-template-columns:repeat(8,1fr);color:#e9d9c4;font-size:9px;text-align:center;font-weight:500}.own-line{margin:14px 0 10px}.board-toolbar{display:flex;justify-content:space-between;align-items:center;padding:0 2px}.game-status{display:flex;gap:7px;align-items:center;font-size:10px;color:var(--muted);min-width:0}.game-status span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.board-tools{display:flex;gap:4px}.board-tools .icon-button{width:27px;height:27px;font-size:17px}.game-result{border:1px solid #d3dfd0;background:#e9eee4;border-radius:12px;padding:15px;margin-top:12px}.game-result strong{font-family:Georgia,serif;font-size:23px;font-weight:500;display:block}.game-result p{font-size:12px;color:var(--muted);margin-top:5px}.game-result button{margin-top:12px}.game-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:12px}.game-actions button{font-size:11px;border:1px solid var(--line);background:var(--card);border-radius:8px;padding:8px 12px}.game-actions .danger{color:#a75946}.replay-tools{display:flex;align-items:center;gap:8px;margin-top:12px;border-top:1px solid var(--line);padding-top:12px}.replay-tools button{background:transparent;color:var(--muted);padding:4px;font-size:12px}.replay-tools input{min-width:20px;flex:1;accent-color:var(--green)}.replay-tools span{font-size:10px;min-width:35px;color:var(--muted)}
.game-panel{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;margin-top:0}.panel-tabs{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--line);padding:0 17px;height:57px}.panel-tabs button{position:relative;background:transparent;font-size:11px;color:var(--muted);padding:0 8px}.panel-tabs .selected{color:var(--text);font-weight:700}.panel-tabs .selected:after{content:"";position:absolute;bottom:-1px;height:2px;background:var(--green);left:13px;right:13px}.panel-tabs span{font-size:9px;border-radius:4px;background:var(--page);padding:1px 5px;margin-left:4px}.panel-section{padding:20px 21px 0}.section-label{display:flex;align-items:center;justify-content:space-between;font-size:8px;font-weight:700;letter-spacing:1.1px;margin-bottom:11px}.section-label span+span{font-size:8px;font-weight:400;letter-spacing:0;color:var(--muted)}.time-options{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.time-options button{border:1px solid var(--line);background:var(--card);padding:9px 0 7px;border-radius:9px;font-size:8px;color:var(--muted);line-height:1.4}.time-options button>span{display:block;font-family:Georgia,serif;color:var(--text);font-size:24px;line-height:1.3}.time-options button.selected{border-color:#8aa087;background:#eff2e9;box-shadow:0 0 0 1px #8aa08722}.time-options button.selected>span{color:var(--green)}.mode-section{padding-top:21px}.mode-card{display:flex;align-items:center;gap:11px;text-align:left;width:100%;border-radius:10px;padding:13px 12px;margin-bottom:9px}.online-card{background:var(--green);color:white}.online-card:hover{background:var(--green-hover)}.invite-card{background:var(--gold-soft);color:#70562f}.mode-symbol{font-size:28px;font-weight:400;line-height:1;opacity:.8;min-width:28px;text-align:center}.mode-card strong{display:block;font-size:12px;font-weight:600}.mode-card small{display:block;font-size:9px;margin-top:3px;opacity:.65}.mode-card>b{margin-left:auto;font-size:18px;font-weight:400}.ranked-option{display:flex;align-items:center;gap:6px;font-size:9px;color:var(--muted);padding-top:3px}.ranked-option input{accent-color:var(--green);width:12px;height:12px;margin:0}.ranked-option small{margin-left:auto;font-size:8px}.bot-section{padding-top:23px}.bot-list{display:grid;gap:3px}.bot-card{display:flex;gap:10px;align-items:center;width:100%;padding:8px;border:1px solid transparent;text-align:left;border-radius:9px;background:transparent}.bot-card.selected{background:#f1f0e9;border-color:#e1dfd4}.bot-card:hover{background:var(--page)}.bot-face{width:34px;height:34px;border-radius:9px;display:flex;align-items:center;justify-content:center;background:#eae8da;flex-shrink:0}.bot-face img{width:28px;height:28px;filter:drop-shadow(0 1px 1px #0001)}.bot-card:nth-child(2) .bot-face{background:#e2e9dc}.bot-card:nth-child(3) .bot-face{background:#e6e1ed}.bot-card:nth-child(4) .bot-face{background:#f0dfd1}.bot-card:nth-child(5) .bot-face{background:#243e34}.bot-card strong{font-size:11px;display:block;line-height:1.4}.bot-card small{font-size:8px;color:var(--muted);display:block}.difficulty-bars{display:flex;gap:3px;margin-left:auto;align-items:center;height:17px}.difficulty-bars i{width:3px;height:8px;border-radius:2px;background:#dedfd5}.difficulty-bars i.on{background:#a3a88f}.difficulty-bars i:nth-child(2){height:10px}.difficulty-bars i:nth-child(3){height:12px}.difficulty-bars i:nth-child(4){height:14px}.difficulty-bars i:nth-child(5){height:16px}.color-select{display:flex;align-items:center;gap:5px;flex-wrap:wrap;margin:14px 0 0}.color-select>span{font-size:9px;color:var(--muted);margin-right:auto}.color-select>button:not(.primary){background:var(--page);border:1px solid var(--line);border-radius:6px;width:29px;height:28px;font-size:18px;display:flex;align-items:center;justify-content:center}.color-select>button.selected:not(.primary){border-color:var(--green);background:#e9eddf}.primary{background:var(--green);color:white;padding:12px 17px;border-radius:9px;font-size:12px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:15px}.primary:hover{background:var(--green-hover)}.secondary{border:1px solid var(--line);background:var(--card);padding:10px 15px;border-radius:9px;font-size:11px}.start-bot{margin-top:8px;width:100%;display:flex;justify-content:space-between}.panel-note{display:flex;align-items:center;gap:11px;padding:17px 21px;border-top:1px solid var(--line);margin-top:20px;color:var(--muted);font-size:9px;line-height:1.8;background:#fcfbf7}.panel-note>span{font-size:25px;color:#aa9268}.panel-note strong{color:#797e6c;font-weight:600}.under-board{max-width:1175px;display:flex;justify-content:space-between;gap:20px;font-size:9px;color:var(--muted);margin:21px 0 0;padding-bottom:24px}.under-board strong{font-weight:500;color:#697965}.moves-title{display:flex;justify-content:space-around;padding:15px 22px 11px;color:var(--muted);font-size:8px;letter-spacing:1.5px}.move-list{max-height:530px;overflow:auto}.move-row{display:grid;grid-template-columns:35px 1fr 1fr;align-items:center;border-top:1px solid var(--line);font-size:12px;padding:3px 17px}.move-row:nth-child(even){background:var(--page)}.move-row>span{font-size:9px;color:var(--muted)}.move-row button{background:transparent;padding:9px;text-align:left;border-radius:5px;font-weight:500}.move-row .current{background:var(--gold-soft);color:#8a693b}.moves-note{font-size:10px;color:var(--muted);padding:16px 20px}.empty-state{text-align:center;color:var(--muted);font-size:12px;padding:42px 23px;line-height:1.8}.empty-state strong{display:block;font-size:20px;color:var(--text);font-family:Georgia,serif;font-weight:400;margin-bottom:8px}.queue-card,.invite-box,.resume-box{margin:15px 21px 0;background:var(--page);border:1px solid var(--line);border-radius:10px;padding:14px;font-size:11px}.queue-card>strong{font-size:12px}.queue-card p,.invite-box p{font-size:10px;color:var(--muted);margin:8px 0 12px}.spinner{display:inline-block;width:12px;height:12px;border:2px solid #bdcbbb;border-top-color:var(--green);border-radius:50%;animation:spin .7s linear infinite;margin-right:7px;vertical-align:middle}.invite-url{width:100%;border:1px solid var(--line);background:var(--card);border-radius:6px;padding:8px;font-size:10px;color:var(--muted);margin:3px 0 8px}.invite-buttons{display:flex;gap:6px}.invite-buttons button{flex:1}.resume-box>strong{display:block;font-size:10px;letter-spacing:.5px;margin-bottom:7px}.resume-item{font-size:10px;display:flex;justify-content:space-between;gap:8px;text-align:left;width:100%;padding:7px 0;background:transparent;border-top:1px solid var(--line)}.resume-item span{color:var(--muted)}
.secondary-view{padding-top:40px;min-height:calc(100vh - 160px)}.secondary-view h1{margin:13px 0 15px}.content-card{background:var(--card);border:1px solid var(--line);border-radius:15px;box-shadow:var(--shadow);margin-top:25px;overflow:hidden}.ranking-options{display:flex;gap:10px;margin-top:22px}.chip{font-size:11px;background:transparent;border:1px solid var(--line);border-radius:20px;padding:8px 14px}.chip.selected{background:var(--green);border-color:var(--green);color:white}.data-table{width:100%;border-collapse:collapse;text-align:left;font-size:12px}.data-table th{font-size:9px;font-weight:600;color:var(--muted);padding:15px 20px;border-bottom:1px solid var(--line);background:var(--page)}.data-table td{padding:14px 20px;border-bottom:1px solid var(--line)}.data-table tr:last-child td{border-bottom:0}.data-table .rank-number{font-family:Georgia,serif;font-size:24px;color:var(--gold)}.data-table .me-row{background:#ecf0e5}.player-cell{display:flex;align-items:center;gap:11px}.player-cell img{height:29px;width:29px}.badge{font-size:9px;padding:3px 7px;background:var(--gold-soft);color:#8c734e;border-radius:5px;white-space:nowrap}.game-history-row{display:flex;align-items:center;gap:18px;justify-content:space-between;padding:17px 23px;border-bottom:1px solid var(--line);cursor:pointer}.game-history-row:hover{background:var(--page)}.game-history-row strong{display:block;font-size:12px}.game-history-row small{display:block;font-size:10px;color:var(--muted);margin-top:4px}.history-result{font-size:20px;font-family:Georgia,serif;white-space:nowrap}.history-result.win{color:var(--green)}.history-result.lose{color:#a7664c}.fine-print{font-size:10px!important;line-height:1.8;margin-top:17px!important;max-width:800px}.profile-top{padding:30px;display:flex;align-items:center;gap:19px}.profile-top>img{height:65px;width:65px;border-radius:18px;background:var(--gold-soft);padding:10px}.profile-top h2{font-family:Georgia,serif;font-size:28px;font-weight:400;margin:0 0 5px}.profile-top p{font-size:11px;color:var(--muted)}.profile-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border-block:1px solid var(--line)}.profile-stat{padding:22px;background:var(--card);text-align:center}.profile-stat strong{display:block;font-size:28px;font-family:Georgia,serif;font-weight:400}.profile-stat span{font-size:10px;color:var(--muted)}.profile-detail{padding:25px 30px;font-size:12px}.avatar-choices{display:flex;gap:10px;margin-top:15px;flex-wrap:wrap}.avatar-choice{width:47px;height:47px;border:1px solid var(--line);border-radius:10px;background:var(--page);padding:6px}.avatar-choice img{width:100%;height:100%}.avatar-choice.selected{border-color:var(--green);background:#e5edde}.profile-detail .secondary{margin-top:20px}.text-button{background:transparent;padding:4px;font-size:11px;color:var(--muted)}footer{display:flex;align-items:center;gap:20px;border-top:1px solid var(--line);font-size:8px;letter-spacing:1.5px;color:#9b9f91;padding:20px 0;margin-top:12px}footer span{font-size:9px;letter-spacing:0}footer button{margin-left:auto;font-size:9px!important}.mobile-nav{display:none}dialog{background:var(--card);color:var(--text);border:1px solid var(--line);border-radius:18px;box-shadow:0 25px 100px #0003;width:440px;max-width:calc(100% - 28px);padding:23px;max-height:85dvh;overflow:auto}dialog::backdrop{background:#10271d66;backdrop-filter:blur(4px)}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:15px}.modal-header>strong{font-family:Georgia,serif;font-size:25px;font-weight:400}.modal-header .icon-button{font-size:26px}.modal-body-copy{font-size:12px;color:var(--muted);line-height:1.9}.modal-buttons{display:flex;gap:9px;justify-content:flex-end;margin-top:22px}.modal-buttons a{display:inline-flex}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:12px;padding:13px 0;border-bottom:1px solid var(--line)}.settings-row input[type=checkbox]{accent-color:var(--green);width:17px;height:17px}.settings-row input[type=range]{accent-color:var(--green);max-width:140px}.settings-row small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.promotion-options{display:flex;gap:12px;justify-content:center;margin:18px 0}.promotion-options button{width:70px;height:85px;border:1px solid var(--line);border-radius:11px;background:var(--page);padding:8px;display:flex;align-items:center;flex-direction:column;font-size:9px}.promotion-options img{width:52px;height:52px}.credits-copy{font-size:12px;line-height:1.8;color:var(--muted)}.credits-copy h3{font-size:13px;color:var(--text);margin:18px 0 5px}.credits-copy a{text-decoration:underline;color:var(--green)}#toast{position:fixed;bottom:25px;left:calc(50% + 80px);transform:translateX(-50%);z-index:100;background:#1d382f;color:#fff;border-radius:12px;box-shadow:0 8px 30px #0002;padding:13px 21px;font-size:12px;max-width:calc(100% - 40px);width:max-content}#toast.error{background:#8c493b}
[data-theme=dark]{--page:#17201e;--card:#202d28;--text:#e0e5d8;--muted:#9ba799;--line:#33423b;--green:#446e54;--green-hover:#527f60;--gold:#d0ab73;--gold-soft:#3e3828;--side:#111f19;--light-square:#c2bc9f;--dark-square:#758a70;--shadow:0 8px 30px #0001;color-scheme:dark}[data-theme=dark] .bot-card.selected,[data-theme=dark] .panel-note{background:#28342b}[data-theme=dark] .time-options button.selected,[data-theme=dark] .color-select>button.selected:not(.primary),[data-theme=dark] .avatar-choice.selected{background:#364a38}[data-theme=dark] .connection-pill,[data-theme=dark] .game-result{background:#304333}[data-theme=dark] .opponent-avatar,[data-theme=dark] .own-avatar{background:#364a38;color:#e1e7d5}[data-theme=dark] .clock:not(.active):not(.low):not(.urgent){background:#344039;color:#b5c1ad}[data-theme=dark] .board-frame{background:#293e2e}[data-theme=dark] .me-row{background:#304633}
@keyframes clockPulse{0%,100%{box-shadow:0 0 0 0 #bd4f3b00}50%{box-shadow:0 0 0 4px #bd4f3b25}}@keyframes spin{to{transform:rotate(360deg)}}
@media(min-width:1500px){.main{padding:0 66px}.arena{grid-template-columns:minmax(0,1fr) 365px;gap:39px}.panel-section{padding-left:24px;padding-right:24px}.board-column{max-width:700px}.page-heading{max-width:1175px}}
@media(max-width:1180px){.sidebar{width:190px;padding:28px 15px}.main{margin-left:190px;padding:0 25px}.arena{grid-template-columns:minmax(0,1fr) 300px;gap:20px}.panel-section{padding-left:16px;padding-right:16px}.topbar{height:80px}.live-count{display:none}.page-heading{padding:25px 0 22px}.player-id strong{max-width:150px}.clock{font-size:21px;min-width:93px}.nav-caption{font-size:7px;letter-spacing:1.5px}.brand{font-size:30px}.brand img{width:37px}.panel-note{padding:15px 16px}.bot-section{padding-top:18px}}
@media(max-width:930px){.sidebar{width:80px;align-items:center;padding:25px 10px}.brand{padding:0}.brand>span,.brand-dot,.nav-caption,.nav-item>span:not(.nav-icon),.sidebar-bottom{display:none}.brand img{width:40px;height:40px}.main-nav{margin-top:46px;gap:16px}.nav-item{width:48px;padding:13px 10px;justify-content:center}.main{margin-left:80px;padding:0 25px}.arena{grid-template-columns:minmax(0,1fr) 287px;gap:20px}.breadcrumb{font-size:8px}.connection-pill{font-size:8px;padding:6px 9px}.page-heading p{font-size:10px}.page-heading h1{font-size:30px}.account-button{padding:8px 10px}.top-actions{gap:6px}.bot-card{padding:6px}.panel-tabs{height:50px}.panel-section{padding-top:16px}.panel-note{margin-top:16px}.under-board>span:last-child{display:none}}
@media(max-width:760px){.sidebar{display:none}.main{margin-left:0;padding:0 18px 75px}.topbar{height:69px}.breadcrumb{display:none}.mobile-brand{display:flex;align-items:center;gap:7px;font:26px Georgia,serif;letter-spacing:-1px}.mobile-brand img{width:31px;height:31px}.mobile-brand small{font:7px "Segoe UI",sans-serif;letter-spacing:1.3px;margin-top:7px;color:var(--muted)}.top-actions{gap:3px}.top-actions .icon-button{width:29px;height:29px}.account-button{font-size:10px;padding:8px 9px;gap:7px;max-width:150px;overflow:hidden;white-space:nowrap}.page-heading{padding:22px 0 20px;align-items:flex-start;gap:10px}.page-heading h1{font-size:29px;letter-spacing:-1.1px;margin:8px 0 7px}.eyebrow{font-size:7px;letter-spacing:1.9px}.little-line{width:16px}.page-heading p{font-size:10px;line-height:1.6;max-width:260px}.connection-pill{font-size:0;padding:0;width:7px;height:7px;align-self:flex-start;margin-top:8px;background:transparent!important}.connection-pill i{width:7px;height:7px}.arena{grid-template-columns:1fr;gap:20px}.board-column{max-width:none}.player-line{height:41px;margin-bottom:10px}.avatar{height:36px;width:36px;font-size:26px;border-radius:9px}.player-id{gap:9px}.player-id strong{font-size:12px;max-width:210px}.player-id span{font-size:9px}.clock{font-size:22px;min-width:96px;padding:7px 11px;border-radius:8px}.clock-symbol{font-size:16px}.board-frame{padding:7px 7px 20px;border-radius:9px;box-shadow:0 7px 18px #30261b1a}.board-files{left:7px;right:7px;bottom:3px;font-size:8px}.rank-label{font-size:8px;left:3px;top:1px}.own-line{margin:11px 0 6px}.game-status{font-size:10px}.board-tools .icon-button{width:28px;height:28px}.game-panel{border-radius:13px}.panel-tabs{height:51px}.panel-section{padding:19px 20px 0}.section-label{font-size:9px}.section-label span+span{font-size:9px}.time-options{gap:9px}.time-options button{font-size:9px;padding:9px 0}.time-options button>span{font-size:26px}.mode-card{padding:14px}.mode-card strong{font-size:13px}.mode-card small{font-size:10px}.mode-symbol{font-size:29px}.ranked-option{font-size:10px}.ranked-option small{font-size:9px}.bot-list{gap:4px}.bot-card{padding:8px}.bot-card strong{font-size:12px}.bot-card small{font-size:9px}.bot-face{height:37px;width:37px}.bot-face img{width:30px;height:30px}.color-select>span{font-size:10px}.color-select>button:not(.primary){width:34px;height:32px}.start-bot{padding:13px 16px;font-size:13px}.panel-note{font-size:10px;padding:18px 20px;margin-top:20px}.under-board{font-size:9px;margin-top:17px;line-height:1.8;padding-bottom:5px}.mobile-nav{position:fixed;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);background:var(--card);z-index:30;padding:6px 8px max(7px,env(safe-area-inset-bottom));box-shadow:0 -4px 20px #172c2706}.mobile-nav button{background:transparent;display:flex;flex-direction:column;align-items:center;font-size:25px;color:var(--muted);line-height:1.1;border-radius:8px;padding:3px}.mobile-nav button span{font-size:9px;margin-top:3px}.mobile-nav button.active{color:var(--green);background:var(--page)}footer{padding:19px 0 9px;gap:10px}footer span{display:none}.secondary-view{padding-top:27px;min-height:calc(100dvh - 180px)}.secondary-view h1{font-size:31px;max-width:300px}.secondary-view>p{line-height:1.8}.content-card{margin-top:20px}.data-table th,.data-table td{padding:12px 10px;font-size:10px}.data-table th:nth-child(4),.data-table td:nth-child(4){display:none}.data-table .rank-number{font-size:20px}.player-cell{gap:6px}.player-cell img{height:24px;width:24px}.game-history-row{padding:15px;gap:10px}.game-history-row strong{font-size:11px}.history-result{font-size:18px}.profile-top{padding:23px}.profile-top h2{font-size:25px}.profile-stat{padding:15px 5px}.profile-stat strong{font-size:24px}.profile-stat span{font-size:9px}.profile-detail{padding:22px}.modal-header>strong{font-size:24px}dialog{padding:20px}#toast{left:50%;bottom:86px;max-width:calc(100% - 30px);font-size:11px}.game-result strong{font-size:22px}.game-actions button{font-size:11px}.replay-tools{gap:9px}.fine-print{font-size:9px!important}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
[data-board=forest]{--light-square:#e5e6ca;--dark-square:#779568}[data-theme=dark][data-board=forest]{--light-square:#bdc8a7;--dark-square:#567550}
.takeback-note{font-size:11px;color:var(--green);width:100%;padding:4px 0}.game-actions #undo-button{border-color:#9aac8d;background:#edf1e4;color:var(--green);font-weight:600}
@media(min-width:761px){
 .main{max-width:none}
 .topbar,.page-heading,.arena,.under-board{max-width:calc(clamp(280px,100dvh - 420px,660px) + 356px);margin-inline:auto}
 .topbar{height:60px}
 .page-heading{padding:16px 0 14px}
 .page-heading h1{font-size:30px;margin:6px 0}
 .arena{grid-template-columns:minmax(0,1fr) 328px;gap:28px}
 .board-column{max-width:none}
 .game-panel{max-height:calc(100dvh - 185px);overflow-y:auto;scrollbar-width:thin}
 .game-actions{margin-top:8px}
 .replay-tools{margin-top:8px;padding-top:8px}
}
@media(min-width:761px) and (max-width:1000px){.arena{grid-template-columns:minmax(0,1fr) 287px;gap:20px}}