:root{color:#293d32;font-synthesis:none;--ink:#293d32;--muted:#76816f;--line:#dfe5d7;--lime:#c7ed62;--peach:#eca78c;--paper:#fffefa;--forest:#293e32;background:#f6f7f2;font-family:Avenir Next,Avenir,system-ui,sans-serif}*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;margin:0}button,input,select{font:inherit}button,a,select{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{cursor:default;opacity:.45}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible{outline-offset:4px;outline:3px solid #7d982e}[hidden]{display:none!important}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.game-shell{max-width:1320px;margin:0 auto;padding:0 40px}.site-bar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;height:82px;display:flex}.game-brand{letter-spacing:-1px;align-items:center;gap:11px;font-size:21px;font-weight:800;display:flex}.game-brand .brand-h{background:var(--lime);border-radius:9px;place-items:center;width:32px;height:35px;font-size:31px;line-height:1;display:grid;transform:rotate(-8deg)}.game-brand b{font-weight:450}.site-bar .edition{letter-spacing:1.8px;color:var(--muted);font-size:9px}.quiet{min-height:44px;color:var(--muted);background:0 0;border:0;align-items:center;gap:9px;padding:10px 0;font-size:11px;display:inline-flex}.quiet:hover{color:var(--ink)}.quiet .circled{border:1px solid #aebaa0;border-radius:50%;place-items:center;width:19px;height:19px;font-size:11px;display:grid}.title-row{justify-content:space-between;align-items:flex-end;gap:18px;padding:34px 0 28px;display:flex}.kicker{letter-spacing:1.7px;color:#7b8b6b;align-items:center;gap:8px;margin:0 0 12px;font-size:9px;font-weight:750;display:flex}.kicker .dot{background:#8ca747;border-radius:50%;width:6px;height:6px}h1{letter-spacing:-3px;margin:0;font-size:58px;font-weight:800;line-height:1}h1 em{color:#839d4b;font-style:normal}.title-aside{color:var(--muted);margin:0 0 2px;font-size:12px;line-height:1.8}.round-tag{letter-spacing:1.4px;color:#839174;font-size:8px}.card{background:var(--paper);border:1px solid var(--line);border-radius:17px}.section-label{letter-spacing:1.2px;color:#81916e;font-size:9px;font-weight:700}.primary,.secondary{border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:23px;min-height:47px;padding:12px 17px;font-size:12px;font-weight:700;transition:transform .15s,background .15s;display:inline-flex}.primary{color:#fffefa;background:var(--forest)}.primary:hover{background:#405743;transform:translateY(-1px)}.primary.lime{color:var(--forest);background:var(--lime)}.primary.lime:hover{background:#d8fa83}.secondary{color:#576b4b;background:0 0;border-color:#c9d3bd}.secondary:hover{background:#eef2e5}.primary span,.secondary span{font-size:18px;font-weight:400}.full{width:100%}.pill{color:#687f4e;letter-spacing:.5px;background:#eaf0dc;border-radius:99px;align-items:center;gap:6px;padding:6px 10px;font-size:9px;display:inline-flex}.segmented{background:#eef1e7;border-radius:9px;gap:4px;padding:4px;display:flex}.segmented button{color:#7d8c70;background:0 0;border:1px solid #0000;border-radius:6px;flex:1;min-height:40px;padding:7px 5px;font-size:10px;font-weight:600}.segmented button[aria-pressed=true]{color:var(--ink);background:#fffefa;border-color:#dce3d2;box-shadow:0 2px 4px #293d3208}.game-footer{border-top:1px solid var(--line);color:#8d987f;letter-spacing:1.2px;justify-content:space-between;align-items:center;gap:15px;margin-top:30px;padding:23px 0 25px;font-size:8px;display:flex}.game-footer a{letter-spacing:0;color:#687e54;font-size:10px}.help-panel{color:#718369;margin-top:18px;padding:22px 25px;font-size:12px;line-height:1.9}.help-panel h2{letter-spacing:-.5px;color:var(--ink);margin:0 0 10px;font-size:19px}.help-panel p{margin:7px 0}.status-note{color:#6b8056;font-size:11px;line-height:1.6}.toast{color:#5f7749;background:#eef3e5;border:1px solid #dbe5cc;border-radius:8px;padding:10px 14px;font-size:11px;line-height:1.6}.toolbar{justify-content:space-between;align-items:center;gap:10px;display:flex}.toolbar .quiet{font-size:10px}dialog{border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:18px;max-width:calc(100vw - 28px);padding:26px;box-shadow:0 30px 100px #15251d30}dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#1c3028a6}.dialog-top{justify-content:space-between;align-items:center;gap:15px;display:flex}.dialog-top h2{letter-spacing:-.7px;margin:0;font-size:23px}.close-dialog{background:#edf1e5;border:0;border-radius:50%;width:40px;height:40px;font-size:20px}.dialog-copy{color:#748267;font-size:12px;line-height:1.8}kbd{background:#edf1e5;border:1px solid #dce3d3;border-radius:4px;padding:2px 5px;font:10px system-ui}noscript p{background:#fff0df;border-radius:8px;padding:18px;font-size:13px}@media (width<=1000px){.game-shell{padding:0 25px}h1{font-size:50px}.title-row{padding-top:29px}.title-aside{font-size:11px}}@media (width<=680px){.game-shell{padding:0 16px}.site-bar{height:66px}.site-bar .edition{display:none}.game-brand{gap:9px;font-size:18px}.game-brand .brand-h{width:28px;height:31px;font-size:27px}.title-row{align-items:center;padding:25px 0 22px}h1{letter-spacing:-2.5px;font-size:43px}.kicker{letter-spacing:1.3px;margin-bottom:10px;font-size:7px}.title-aside{max-width:125px;font-size:10px}.game-footer{letter-spacing:.7px;flex-wrap:wrap;margin-top:24px;font-size:6px}.game-footer>span:first-child{display:none}.game-footer a{font-size:9px}.help-panel{padding:18px;font-size:11px}.primary,.secondary{min-height:46px;padding:11px 14px;font-size:11px}dialog{padding:20px}.dialog-top h2{font-size:21px}}@media (width<=360px){.title-aside{display:none}h1{font-size:42px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}:root{--cross:#d99a80;--circle:#8ca46b}.rivals-layout{grid-template-columns:285px minmax(0,1fr);align-items:start;gap:25px;display:grid}.rivals-rail{padding:23px}.rail-heading{justify-content:space-between;align-items:center;gap:10px;margin-bottom:25px;display:flex}.rail-heading h2{letter-spacing:-.5px;margin:0;font-size:16px}.rail-heading>span{letter-spacing:1px;color:#909d80;white-space:nowrap;font-size:6px}.rivals-rail fieldset{border:0;min-width:0;margin:0 0 22px;padding:0}.rivals-rail legend{letter-spacing:1px;color:#8b997a;margin-bottom:10px;padding:0;font-size:7px;font-weight:700}.opponent-options{flex-direction:column;gap:8px;display:flex}.opponent-options button{text-align:left;background:#f7f8f0;border:1px solid #e1e7d7;border-radius:9px;align-items:center;gap:12px;min-height:67px;padding:11px 13px;display:flex}.opponent-options button[aria-pressed=true]{background:#edf3df;border-color:#99af75}.opponent-options button>span:nth-child(2){font-size:12px;font-weight:650}.opponent-options small{color:#899c73;margin-top:5px;font-size:8px;font-weight:400;display:block}.opponent-symbol{color:#8ba363;text-align:center;width:30px;font-size:29px}.opponent-options i{color:#8fa573;margin-left:auto;font-size:12px;font-style:normal}.mark-options{gap:7px;display:flex}.mark-options button{background:#fafbf5;border:1px solid #dfe6d4;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:9px;min-height:46px;padding:5px;font-size:9px;display:flex}.mark-options button[aria-pressed=true]{background:#f0f3e8;border-color:#b0bd98}.symbol{font-size:26px;font-weight:650;line-height:1}.x{color:var(--cross)}.o{color:var(--circle)}.setting-note{color:#9aa58d;margin:-8px 0 20px;font-size:8px;line-height:1.7}.match-score{border-top:1px solid #e6ebdc;border-bottom:1px solid #e6ebdc;padding:21px 0 23px}.match-score>.section-label{font-size:7px}.match-score>div{justify-content:space-between;gap:8px;margin-top:17px;display:flex}.match-score>div>div{text-align:center;flex-direction:column;gap:7px;min-width:45px;display:flex}.match-score span:not(.section-label){letter-spacing:1px;color:#8b977d;font-size:6px}.match-score .x-score-label{color:#bc8e75!important}.match-score .o-score-label{color:#7f995d!important}.match-score strong{letter-spacing:-1px;font-size:30px;font-weight:550}.little-rule{padding-top:23px}.rule-art{float:right;color:#a6bb75;margin-top:3px;font-size:35px;line-height:1.1;position:relative;rotate:-10deg}.rule-art>span{color:#c0ccac;margin-left:16px;font-size:29px;display:block}.little-rule h3{letter-spacing:-.7px;margin:0 0 12px;font-size:20px;line-height:1.2}.little-rule p{color:#8b9b79;margin:0 0 18px;font-size:10px;line-height:1.85}.little-rule .secondary{font-size:10px}.board-card{padding:23px 27px 18px;position:relative}.board-top{justify-content:space-between;align-items:center;gap:15px;margin-bottom:21px;display:flex}.board-top .round-tag{font-size:7px}.board-top h2{letter-spacing:-.85px;margin:8px 0 6px;font-size:26px;line-height:1.1}.board-top p{color:#8b9a7b;margin:0;font-size:11px;line-height:1.6}.turn-token{background:#f5e7da;border-radius:14px;flex-shrink:0;place-items:center;width:59px;height:59px;font-size:51px;font-weight:650;line-height:.9;display:grid;transform:rotate(7deg)}.turn-token.o{background:#e8eedc}.turn-token.thinking{animation:1.3s ease-in-out infinite bot-breathe}.macro-board{background:#edf1e5;border:1px solid #e2e8d8;border-radius:12px;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;max-width:645px;margin:0 auto;padding:14px;display:grid}.mini-board{isolation:isolate;background:#f9faf3;border:1.5px solid #d8e1cc;border-radius:8px;min-width:0;padding:7px;transition:background .15s,border-color .15s;position:relative}.mini-board.available{background:#fffefa;border-color:#a6b989}.mini-board.forced{background:#f5f9ea;border:2px solid #839c54;padding:6.5px;box-shadow:0 0 0 3px #aec77a22}.mini-board:not(.available):not(.closed){background:#e8eddf}.mini-grid{aspect-ratio:1;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;display:grid}.cell{aspect-ratio:1;color:#a9b993;cursor:default;background:#f0f3e8;border:0;border-radius:4px;place-items:center;width:100%;min-width:0;min-height:0;padding:0;display:grid;position:relative}.available .cell[aria-disabled=false]{cursor:pointer;background:#f3f6ec}.available .cell[aria-disabled=false]:hover{background:#e8efdb}.cell:focus-visible{z-index:3;outline-offset:0;outline:3px solid #7d982e}.cell .mark{width:64%;height:64%;animation:.22s cubic-bezier(.2,.7,.3,1.3) mark-in;display:block}.mark-x{stroke:var(--cross)}.mark-o{stroke:var(--circle)}.mark{fill:none;stroke-width:8px;stroke-linecap:round;stroke-linejoin:round}.cell.last:after{content:"";background:#9aab79;border-radius:50%;width:3px;height:3px;position:absolute;bottom:3px;left:50%;translate:-50%}.board-number{color:#8c9c75;pointer-events:none;font-size:5px;line-height:1;position:absolute;top:1px;left:2px}.mini-cover{pointer-events:none;z-index:1;background:#f6e8dbe8;border-radius:6px;place-items:center;animation:.35s claim-in;display:grid;position:absolute;inset:0}.mini-cover.o{background:#e5eddae8}.mini-cover.draw{color:#9dab8a;letter-spacing:2px;background:#e6ebdfe8;font-size:21px}.mini-cover .mark{stroke-width:7px;width:57%;height:57%}.mini-board.macro-win{z-index:2;box-shadow:0 0 0 3px #d9b37c}.mini-board.macro-win:after{content:"✦";color:#a49457;z-index:3;font-size:17px;position:absolute;top:-7px;right:-5px}.board-bottom{justify-content:space-between;align-items:center;gap:12px;margin-top:16px;display:flex}.board-legend{color:#8d9c7a;align-items:center;gap:7px;font-size:8px;display:flex}.board-legend i{border:1.5px solid #9eb27e;border-radius:2px;flex-shrink:0;width:7px;height:7px}.move-count{letter-spacing:1.1px;color:#97a388;font-size:7px}.board-actions{justify-content:space-between;align-items:center;gap:10px;margin-top:14px;display:flex}.board-actions>div{align-items:center;gap:17px;display:flex}.board-actions .quiet{font-size:10px}.board-actions .primary,.board-actions .secondary{min-height:43px;font-size:11px}.input-note{color:#95a385;text-align:center;margin:14px 0 0;font-size:9px}.mobile-note{display:none}.result-banner{border-top:1px solid #e4ead8;align-items:center;gap:14px;margin-top:20px;padding:20px 0 0;display:flex}.result-banner>span{color:#99b069;font-size:35px}.result-banner h2{letter-spacing:-.6px;margin:0 0 4px;font-size:21px}.result-banner p{color:#92a080;margin:0;font-size:10px;line-height:1.6}.result-banner .primary{flex-shrink:0;margin-left:auto}.zoom-grid{grid-template-columns:repeat(3,1fr);gap:9px;width:min(330px,100vw - 70px);margin:20px auto 22px;display:grid}.zoom-cell{aspect-ratio:1;background:#f2f6e8;border:1px solid #dae3ca;border-radius:10px;place-items:center;min-height:62px;padding:18px;display:grid}.zoom-cell .mark{width:100%;height:100%}.zoom-cell:disabled{opacity:.7}.zoom-cell.last{background:#faf0dd;border-color:#c1b58c}.zoom-navigation{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:13px;padding-top:16px;display:flex}.zoom-navigation>.section-label{width:100%;font-size:7px}.zoom-map{flex-shrink:0;grid-template-columns:repeat(3,1fr);gap:3px;width:117px;display:grid}.zoom-map button{color:#788e5f;background:#f2f5eb;border:1px solid #ccd8bc;border-radius:4px;place-items:center;min-width:36px;min-height:36px;padding:5px;font-size:12px;display:grid}.zoom-map button.selected{background:#e3edcf;border:2px solid #859e54}.zoom-map button:disabled{opacity:.4}.zoom-map .mark{width:20px;height:20px}.zoom-navigation>p{color:#8b9b79;max-width:155px;font-size:10px;line-height:1.7}.zoom-dialog-done .zoom-grid{opacity:.5}#zoom-dialog{width:395px}#zoom-player{margin-bottom:7px;font-size:7px;display:block}#zoom-detail{min-height:20px;font-size:11px}#tutorial-dialog{width:480px}#tutorial-dialog>h2{letter-spacing:-1px;margin:22px 0 0;font-size:28px;line-height:1.15}#tutorial-feedback{min-height:36px;margin:16px 0}.tutorial-demo{background:#edf2e3;border-radius:10px;grid-template-columns:repeat(3,1fr);gap:7px;max-width:290px;margin:20px auto 12px;padding:13px;display:grid}.demo-board{aspect-ratio:1;background:#fffefa;border:1px solid #d5dfc8;border-radius:5px;grid-template-columns:repeat(3,1fr);gap:3px;padding:5px;display:grid;position:relative}.demo-board.highlight{background:#edf5d9;border:2px solid #8ca95b;padding:4px}.demo-cell{aspect-ratio:1;background:#edf2e3;border:0;border-radius:2px;place-items:center;min-width:0;padding:2px;display:grid}.demo-cell .mark{width:100%;height:100%}.demo-cell.target{background:#c7ed62;box-shadow:0 0 0 2px #9eb950}.demo-board.claimed:after{content:"×";color:#d2987b;background:#f3dfceec;border-radius:5px;place-items:center;font-size:53px;font-weight:700;display:grid;position:absolute;inset:0}@keyframes mark-in{0%{opacity:0;scale:.65}to{opacity:1;scale:1}}@keyframes claim-in{0%{opacity:0;scale:.85}to{opacity:1;scale:1}}@keyframes bot-breathe{50%{opacity:.65;transform:rotate(-5deg)}}@media (width<=1100px){.rivals-layout{grid-template-columns:255px minmax(0,1fr);gap:18px}.rivals-rail{padding:20px 18px}.board-card{padding:21px}.board-top h2{font-size:23px}.macro-board{gap:8px;padding:10px}.mini-board{border-radius:6px;padding:5px}.mini-board.forced{padding:4.5px}.mini-grid{gap:3px}.rail-heading{gap:5px}.rail-heading h2{font-size:15px}.rail-heading>span{font-size:5px}.turn-token{width:50px;height:50px;font-size:44px}.cell.last:after{width:2px;height:2px;bottom:2px}.board-actions>div{gap:12px}.board-actions .quiet{font-size:9px}.result-banner{gap:10px}.result-banner h2{font-size:18px}.result-banner .primary{gap:8px;padding:11px;font-size:10px}.result-banner p{font-size:9px}}@media (width<=800px){.rivals-layout{grid-template-columns:1fr}.rivals-play{order:-1}.rivals-rail{grid-template-columns:1fr 1fr;gap:0 22px;padding:20px;display:grid}.rail-heading{grid-column:1/-1;margin-bottom:19px}.rail-heading h2{font-size:18px}.rail-heading>span{font-size:7px}.rivals-rail>fieldset{grid-column:1}.opponent-options button{min-height:61px}.rivals-rail #bot-options{grid-area:2/2/span 2}.rivals-rail fieldset{margin-bottom:17px}.setting-note{grid-column:1/-1;margin:0 0 18px}.match-score{border-bottom:0;grid-column:1;padding-bottom:0}.little-rule{border-top:1px solid #e6ebdc;grid-column:2;padding-top:20px}.little-rule h3{font-size:18px}.little-rule p{font-size:9px}.little-rule .rule-art{font-size:26px}.little-rule .rule-art>span{font-size:24px}.little-rule .secondary{min-height:42px;padding:10px;font-size:9px}.match-score strong{font-size:27px}.board-card{padding:20px}.macro-board{max-width:585px}.board-top{max-width:585px;margin:0 auto 19px}.board-top h2{font-size:25px}.board-bottom{max-width:585px;margin-left:auto;margin-right:auto}.input-note{font-size:8px}.board-actions{margin-top:13px}}@media (width<=600px){.board-card{border-radius:14px;padding:17px 13px 14px}.board-top{margin-bottom:18px}.board-top h2{font-size:23px}.board-top p{max-width:235px;font-size:10px}.turn-token{border-radius:11px;width:44px;height:44px;font-size:39px}.macro-board{border-radius:9px;gap:7px;padding:8px}.mini-board{border-radius:5px;padding:4px}.mini-board.forced{padding:3.5px;box-shadow:0 0 0 2px #aec77a22}.mini-grid{gap:3px}.cell{border-radius:2px}.cell .mark{stroke-width:9px;width:70%;height:70%}.board-number{font-size:4px}.board-bottom{gap:8px;margin-top:13px}.board-legend{gap:5px;font-size:7px}.move-count{white-space:nowrap;font-size:6px}.board-actions .secondary{padding:10px 12px;font-size:10px}.board-actions .primary{gap:12px;padding:10px 12px;font-size:10px}.board-actions .quiet{gap:5px;font-size:8px}.board-actions>div{gap:10px}.desktop-note{display:none}.mobile-note{display:inline}.result-banner{flex-wrap:wrap;gap:10px;margin-top:17px;padding-top:17px}.result-banner>span{font-size:29px}.result-banner h2{font-size:19px}.result-banner .primary{flex-basis:100%;min-height:42px;margin-top:5px}.rivals-rail{gap:0 15px;padding:18px}.rivals-rail legend{font-size:6px}.opponent-options button{gap:7px;padding:9px}.opponent-options button>span:nth-child(2){font-size:10px}.opponent-options small{font-size:6px}.opponent-symbol{width:24px;font-size:23px}.opponent-options i{display:none}.rivals-rail .segmented button{min-height:38px;padding:7px 2px;font-size:8px}.mark-options{gap:5px}.mark-options button{gap:3px;min-height:42px;font-size:7px}.symbol{font-size:23px}.little-rule p{font-size:8px}.little-rule h3{font-size:16px}.little-rule .rule-art{display:none}.little-rule .secondary{gap:9px;min-height:40px;padding:8px;font-size:8px}.match-score>.section-label{font-size:6px}.match-score span:not(.section-label){font-size:5px}.match-score>div>div{min-width:30px}.match-score strong{font-size:25px}.match-score>div{gap:4px}.setting-note{font-size:7px}.cell .mark{animation-duration:.17s}#tutorial-dialog>h2{font-size:25px}.tutorial-demo{max-width:270px}}@media (pointer:coarse){.desktop-note{display:none}.mobile-note{display:inline}}@media (height<=600px){#zoom-dialog{max-height:calc(100svh - 18px);overflow:auto}.zoom-grid{gap:6px;width:min(240px,100vw - 70px);margin-top:12px}.zoom-cell{min-height:50px;padding:13px}#tutorial-dialog{max-height:calc(100svh - 18px);overflow:auto}.tutorial-demo{max-width:210px}}@media (width>=801px){.macro-board{width:min(100%,max(350px,100svh - 235px));max-width:645px}.board-top,.board-bottom{max-width:645px;margin-left:auto;margin-right:auto}}.title-online{align-items:center;gap:24px;display:flex}.title-online .secondary{min-height:44px;font-size:11px}.room-panel{border-top:1px solid #dfe6d4;padding:19px 0 18px}.room-panel p{color:#718466;margin:10px 0 14px;font-size:10px;line-height:1.75}.room-panel>.room-footnote{color:#819172;margin:15px 0 0;font-size:8px;line-height:1.7}.room-panel .primary{font-size:11px}.room-or{letter-spacing:1px;color:#8c9b7c;text-align:center;align-items:center;gap:9px;margin:18px 0;font-size:7px;display:flex}.room-or:before,.room-or:after{content:"";background:#e0e6d7;flex:1;height:1px}.join-room-row{gap:7px;margin-top:8px;display:flex}.room-panel form label{color:#6d805f;font-size:10px}.join-room-row input{letter-spacing:1px;color:#3c563a;text-transform:uppercase;background:#f8faf2;border:1px solid #c6d4b4;border-radius:7px;width:100%;min-width:0;max-width:150px;padding:10px 9px;font-size:13px}.join-room-row .primary{gap:8px;min-height:44px;padding:10px}.room-code{letter-spacing:2px;text-align:center;color:#4b653b;cursor:text;background:#eff5e3;border:1px solid #becfa5;border-radius:9px;width:100%;margin:11px 0 10px;padding:13px 5px;font-size:23px;font-weight:700;display:block}.room-share{gap:7px;display:flex}.room-share .secondary{flex:1;gap:8px;min-height:39px;padding:9px 10px;font-size:9px}.room-panel .room-your-mark{color:#546e43;margin-top:16px;font-size:10px;font-weight:600}.room-panel .room-connection{color:#87975f;background:#f4f4e6;border:1px solid #e5e6d0;border-radius:8px;padding:10px 11px;font-size:10px}.room-panel .room-connection[data-connected=true]{color:#587540;background:#edf3e3;border-color:#d7e3c5}.room-panel .room-error{color:#976b4e;overflow-wrap:anywhere;background:#fff1e5;border:1px solid #dec3ac;border-radius:7px;padding:10px 12px;font-size:10px}.online-banner{color:#58723f;background:#edf4df;border:1px solid #cbdab7;border-radius:9px;margin-bottom:13px;padding:12px 15px;font-size:11px;line-height:1.7}.online-mode .little-rule,.online-mode.in-room .opponent-options{display:none}.online-mode.in-room .rivals-rail>fieldset{margin-bottom:6px}.online-mode.in-room .rivals-rail>fieldset legend{display:none}.online-mode.in-room .rail-heading{margin-bottom:18px}.online-mode .board-legend{color:#6f8457}.online-mode #undo{display:none}.online-mode .board-actions>div{margin-left:auto}.online-mode .match-score{border-bottom:0}#reconnect-room{color:#5b7840;padding:4px 0 12px;font-size:10px}@media (width<=1000px){.title-online{gap:14px}.title-online .secondary{padding:11px;font-size:10px}.room-code{letter-spacing:1.5px;font-size:20px}.room-panel .room-share .secondary{padding:8px;font-size:8px}}@media (width<=800px){.rivals-layout.online-mode .rivals-rail{flex-direction:column;order:-2;display:flex}.online-mode .opponent-options{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.online-mode .opponent-options button{gap:7px;padding:9px 7px}.online-mode .opponent-symbol{width:24px;font-size:23px}.online-mode .opponent-options i{display:none}.online-mode .opponent-options button>span:nth-child(2){font-size:10px}.online-mode .opponent-options small{font-size:7px;line-height:1.5}.online-mode .rivals-rail>fieldset{margin-bottom:16px}.online-mode .room-panel{padding:17px 0 0}.online-mode .setting-note{order:2;margin:9px 0 0}.online-mode .match-score{border-top:0;padding:14px 0 0}.online-mode .match-score>div{justify-content:flex-start;gap:40px;margin-top:10px}.online-mode .match-score>div>div{flex-direction:row;align-items:center;gap:9px}.online-mode .match-score strong{font-size:22px}.online-mode .room-share{max-width:320px;margin:auto}.online-mode .room-code{max-width:320px;margin-left:auto;margin-right:auto;font-size:25px}.online-mode #room-lobby{grid-template-columns:1fr 1fr;gap:0 18px;display:grid}.online-mode #room-lobby>.section-label,.online-mode #room-lobby>p{grid-column:1/-1}.online-mode .room-or{display:none}.online-mode #create-room{grid-column:1;align-self:end;min-height:44px;margin-bottom:0}.online-mode #join-room-form{grid-column:2}.online-mode .join-room-row input{letter-spacing:.5px;max-width:none;font-size:12px}.online-mode.in-room #room-seat{grid-template-columns:1fr 1fr;align-items:center;gap:0 18px;display:grid}.online-mode.in-room #room-seat>.section-label{grid-column:1}.online-mode.in-room #room-code{grid-area:2/1}.online-mode.in-room .room-share{grid-area:3/1;width:100%}.online-mode.in-room .room-your-mark{grid-area:1/2/span 2;margin:0}.online-mode.in-room .room-connection{grid-area:3/2;margin:0}.online-mode.in-room #leave-room{grid-area:4/2;min-height:40px;margin-top:10px;font-size:10px}.online-mode.in-room #reconnect-room{grid-column:2}.online-mode.in-room .rail-heading{margin-bottom:10px}.online-banner{margin-bottom:10px;font-size:10px}}@media (width<=600px){.title-online>.title-aside{display:none}.title-online .secondary{gap:10px;padding:10px 11px;font-size:10px}.title-online{flex-shrink:0}.rivals-layout.online-mode .rivals-rail{padding:17px 14px}.online-mode .opponent-options button{flex-direction:column;align-items:flex-start;gap:6px;min-height:95px}.online-mode .opponent-options small{font-size:6px}.online-mode #room-lobby{grid-template-columns:1fr}.online-mode #create-room,.online-mode #join-room-form{grid-column:1}.online-mode #create-room{margin-bottom:17px}.online-mode .join-room-row input{max-width:none;font-size:15px}.online-mode.in-room #room-seat{grid-template-columns:1fr 1fr;gap:0 10px}.online-mode.in-room .room-code{letter-spacing:1px;padding:13px 2px;font-size:17px}.online-mode.in-room .room-share{flex-direction:column;gap:5px}.online-mode.in-room .room-share .secondary{min-height:35px;font-size:9px}.online-mode.in-room .room-your-mark{font-size:9px}.online-mode.in-room .room-connection{padding:9px;font-size:9px}.online-mode .match-score>div{justify-content:space-between;gap:12px}.online-mode .match-score>div>div{gap:7px}.online-mode .room-footnote{font-size:7px}.online-mode.in-room #leave-room{grid-area:5/1/auto/-1;margin-top:12px}.online-mode #room-error{font-size:10px}.online-banner{overflow-wrap:anywhere;padding:10px 12px;font-size:9px}}