.board-room{color:#f6eddb;background:radial-gradient(at 25% 40%,#29433e 0,#142924 45%,#0c1b19 80%);min-height:100svh;padding-bottom:30px;font-family:inherit}.board-room *{box-sizing:border-box}.board-header{border-bottom:1px solid #a6b9a51c;justify-content:space-between;align-items:center;gap:16px;padding:24px 3vw;font-size:14px;display:flex}.board-header a{color:#dfd3b9;align-items:center;gap:9px;text-decoration:none;display:flex}.board-header>span{letter-spacing:.2em;color:#c4b48e;font-size:12px}.board-header i{color:#7b8e7f;padding:0 14px;font-style:normal}.board-layout{grid-template-columns:minmax(0,1fr) 360px;gap:32px;max-width:1540px;margin:auto;padding:32px 3vw;display:grid}.board-stage{min-width:0;position:relative}.board-stage-heading{text-align:center;z-index:1;pointer-events:none;position:relative}.board-stage-heading>span{letter-spacing:.22em;color:#b3c1ad;font-size:11px}.board-stage-heading h1{margin:10px 0;font-family:Georgia,serif;font-size:clamp(35px,4vw,58px);font-weight:400}.board-stage-heading p{color:#cbd9c5;margin:0;font-size:16px}.board-canvas{touch-action:none;height:clamp(320px,100svh - 330px,560px);margin-top:-28px}.board-canvas canvas{width:100%;height:100%;display:block}.board-canvas.hidden{visibility:hidden;height:0;margin:0;overflow:hidden}.board-player{z-index:1;pointer-events:none;align-items:center;gap:20px;width:min(470px,85%);margin:auto;display:flex;position:relative}.board-player.opponent{margin-top:20px;margin-bottom:-18px}.board-player.self{margin-top:-10px}.board-player span{color:#dfdfce;flex:1;font-size:15px}.board-player b{letter-spacing:.04em;font-variant-numeric:tabular-nums;color:#8d9f95;text-align:center;background:#0a1816ac;border:1px solid #a4be9d22;border-radius:10px;min-width:110px;padding:8px 20px;font-size:28px;font-weight:500}.board-player b.running{color:#193029;background:#e2c58c;border-color:#e2c58c;box-shadow:0 0 30px #d1b57618}.board-view-controls{justify-content:center;gap:12px;margin:25px 0 0;display:flex}.board-room button{cursor:pointer;font-family:inherit}.board-view-controls button{color:#d2dbca;background:#60786a1c;border:1px solid #a4be9d22;border-radius:8px;align-items:center;gap:7px;padding:9px 12px;font-size:13px;display:flex}.board-help{color:#a1b6a6;text-align:center;font-size:14px;line-height:1.5}.board-panel{background:linear-gradient(145deg,#172c27f2,#11211ef2);border:1px solid #aac19b26;border-radius:18px;align-self:start;padding:26px;box-shadow:0 16px 80px #0003}.board-kicker{letter-spacing:.15em;color:#c0ae88;font-size:11px}.board-panel h2{margin:13px 0 24px;font-family:Georgia,serif;font-size:29px;font-weight:400}.board-panel h3{margin:25px 0 14px;font-size:17px;font-weight:500}.board-panel h3 small{color:#b7c7b5;background:#adbd9e1a;border-radius:10px;padding:2px 8px}.board-panel p{font-size:16px;line-height:1.6}.board-kind{border:1px solid #aac19b33;border-radius:12px;gap:4px;padding:4px;display:flex}.board-kind button{color:#bbc8b9;background:0 0;border:0;border-radius:8px;flex:1;padding:11px 5px;font-size:15px}.board-kind button[aria-pressed=true]{color:#ead8b1;background:#b7c7a821}.board-tabs{border-bottom:1px solid #b6c1a529;justify-content:space-between;margin:18px 0 24px;display:flex}.board-tabs button{color:#9caf9f;background:0 0;border:0;border-bottom:2px solid #0000;padding:12px 7px;font-size:15px}.board-tabs button[aria-pressed=true]{color:#eed39f;border-bottom-color:#d4b275}.board-primary,.board-secondary,.board-resume{border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;padding:14px 12px;font-size:15px;line-height:1.35;text-decoration:none;display:flex}.board-primary{color:#162a22;background:#dfc38e;border:1px solid #dfc38e;font-weight:600;box-shadow:0 6px 24px #0002}.board-secondary{color:#d0daca;background:#243c3040;border:1px solid #99b18c40;margin-top:10px}.board-resume{color:#d9f5df;background:#84bd9933;border:1px solid #7fb89a80;margin-bottom:15px}.board-room button:disabled{opacity:.5;cursor:default}.board-room button:hover:not(:disabled),.board-room a:hover{filter:brightness(1.1)}:is(.board-room button:focus-visible,.board-room a:focus-visible,.board-room input:focus-visible,.board-room select:focus-visible){outline-offset:3px;outline:2px solid #ebce91}.board-control-label{color:#c2cdbd;font-size:14px;display:block}.board-control-label select{color:#f1e7d0;background:#0e211c;border:1px solid #abc19b3d;border-radius:9px;width:100%;margin-top:9px;padding:12px;font-size:15px;display:block}.board-rated{align-items:center;gap:10px;margin:19px 0;font-size:14px;display:flex}.board-rated input{accent-color:#dfc38e;width:17px;height:17px}.board-panel .board-fine{color:#a0b19f;font-size:14px;line-height:1.6}.board-open-table{color:#e1e6d3;text-align:left;background:0 0;border:0;border-bottom:1px solid #b1c19c20;justify-content:space-between;align-items:center;gap:14px;width:100%;padding:13px 0;font-size:15px;display:flex}.board-open-table small,.board-leaders small{color:#99b09e;margin-top:5px;font-size:12px;display:block}.board-own-rating{color:#e5c687;flex-wrap:wrap;align-items:center;gap:12px;display:flex}.board-own-rating strong{font-family:Georgia,serif;font-size:42px;font-weight:400}.board-own-rating span{color:#a6b7a2;width:100%;font-size:14px}.board-leaders{padding-left:20px}.board-leaders li{color:#dfe6d3;padding:13px 0}.board-leaders li span{vertical-align:middle;width:75%;display:inline-block}.board-leaders li>b{color:#e2c78b}.board-moves>div{background:#0b19167a;border-radius:10px;max-height:250px;padding:6px 12px;overflow:auto}.board-moves p{grid-template-columns:28px 1fr 1fr;gap:9px;margin:5px 0;font-size:14px;display:grid}.board-moves p span{color:#6f8c79}.board-moves b{overflow-wrap:anywhere;font-weight:500}.board-actions{flex-wrap:wrap;gap:9px;display:flex}.board-actions>button{color:#dfe6d3;background:#29443680;border:1px solid #aac19b33;border-radius:8px;align-items:center;gap:7px;padding:10px;font-size:14px;display:flex}.board-actions>p{width:100%;margin:8px 0}.board-invite{color:#becdb9;background:#0c1b16;border:1px solid #b0c19c38;border-radius:8px;width:100%;margin-top:12px;padding:10px;font-size:13px}.board-rating-change{color:#e4c58c;margin:16px 0;font-size:30px}.board-rules{color:#a7bba6;margin-top:25px;font-size:14px}.board-rules summary{cursor:pointer}.board-rules p{font-size:14px}.board-error{color:#ffd6be;background:#743a253d;border-radius:8px;padding:12px}.board-notice{color:#c3efce;background:#3163494a;border-radius:8px;padding:12px}.board-flat{aspect-ratio:1;border:8px solid #64482c;grid-template-columns:repeat(8,1fr);width:min(100%,550px);margin:40px auto 20px;display:grid;box-shadow:0 14px 40px #0005}.board-flat button{aspect-ratio:1;border:0;min-width:0;padding:0;font-family:Georgia,serif;font-size:clamp(24px,3.7vw,51px);position:relative}.board-flat .dark{background:#496a60}.board-flat .light{background:#ded6bc}.board-flat .white-piece{color:#fff5d9;text-shadow:0 1px 2px #000,1px 0 #000,-1px 0 #000}.board-flat .black-piece{color:#182b25;text-shadow:0 1px #c9cdaf}.board-flat small{color:#192c26;opacity:.7;text-shadow:none;font-family:system-ui;font-size:9px;position:absolute;bottom:1px;left:3px}.board-flat .selected{box-shadow:inset 0 0 0 4px #f4c16d}.board-flat .hint:after{content:"";pointer-events:none;border:4px solid #32e2a09c;border-radius:50%;position:absolute;inset:25%}.board-promotion{z-index:4;text-align:center;background:#152d26f5;border:1px solid #dec791;border-radius:15px;width:min(95%,440px);padding:24px;position:absolute;top:38%;left:50%;transform:translate(-50%);box-shadow:0 15px 60px #000a}.board-promotion h2{margin:0 0 14px;font:26px Georgia}.board-promotion>div{justify-content:center;gap:8px;display:flex}.board-promotion button{color:#142821;background:#dfc38e;border:0;border-radius:8px;padding:10px;font-size:44px}.board-promotion small{font:12px system-ui;display:block}.board-promotion>button{color:#ded7ba;background:0 0;margin-top:15px;font-size:15px}@media (max-width:1000px){.board-layout{grid-template-columns:minmax(0,1fr) 320px;gap:15px;padding:24px 2vw}.board-panel{padding:20px}.board-canvas{height:clamp(320px,100svh - 330px,480px)}}@media (max-width:760px){.board-header>span{display:none}.board-header{padding:20px}.board-layout{flex-direction:column;gap:22px;padding:20px 12px;display:flex}.board-canvas{height:440px;margin-top:-10px}.board-panel{width:100%}.board-player{width:85%}.board-player.opponent{margin-bottom:-8px}.board-stage-heading h1{font-size:38px}.board-flat button{font-size:clamp(23px,7vw,42px)}.board-player b{padding:6px 15px;font-size:23px}.board-help{padding:0 10px}.board-view-controls{gap:6px}.board-view-controls button{font-size:12px}.board-stage-heading>span{font-size:10px}}@media (prefers-reduced-motion:reduce){.board-room *{scroll-behavior:auto}}