:root{color-scheme:light;--paper:#f3ead7;--ink:#253d32;--muted:#6e7565;--jade:#244d3b;--gold:#d4a847;--line:#d4cbb5;--board-size:min(61vw,calc(100svh - 318px),650px);font-family:Inter,Avenir,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper)}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 8% 1%,#fff9e980,transparent 60%),var(--paper)}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}button{min-height:44px;border:1px solid var(--line);background:#faf5e9;color:var(--ink);border-radius:7px;padding:10px 14px;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s,transform .15s}button:hover:not(:disabled){background:#e9e2cf}button:active:not(:disabled){transform:translateY(1px)}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #c58f32;outline-offset:3px}button:disabled{opacity:.42;cursor:default}button.primary{background:var(--jade);border-color:var(--jade);color:#fff8e7}button.primary:hover:not(:disabled){background:#33634c}a{color:inherit;text-decoration:none}input{min-height:44px;min-width:0;border:1px solid #bdb79f;background:#fffaf0;border-radius:7px;padding:10px 12px;color:var(--ink)}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.chess-app{max-width:1260px;margin:auto;padding:0 40px 24px}.chess-header{height:100px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line)}.wordmark{display:flex;gap:12px;align-items:center;font-family:Georgia,serif;font-size:24px;white-space:nowrap}.wordmark em{font-weight:400;font-style:normal;color:#6b775b}.brand-mark{height:36px;width:31px;display:grid;place-items:center;font-family:Georgia,serif;font-size:25px;color:#fff5d9;background:var(--jade);clip-path:polygon(0 0,100% 0,100% 75%,50% 100%,0 75%)}.mode-tabs{display:flex;border:1px solid #cec6b0;border-radius:9px;background:#e8e1cf;padding:3px;gap:2px}.mode-tabs button{border:0;box-shadow:none;background:transparent;white-space:nowrap;min-height:40px;padding:9px 16px;color:#69715e}.mode-tabs button.active{color:#234b38;background:#fffaf0;box-shadow:0 2px 5px #4b3d1a10}.header-tools{display:flex;align-items:center;gap:7px}.header-tools button{background:transparent;border-color:transparent;min-width:44px;font-size:20px;padding:8px}.header-tools a{font-size:12px;font-weight:600;padding:12px 0 12px 10px;white-space:nowrap}.header-tools #back-camp{font-size:12px;border-color:var(--line)}
.chess-workspace{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:54px;align-items:start;padding-top:22px}.board-column{min-width:0;width:100%;max-width:calc(var(--board-size) + 26px);justify-self:center}.player-line{display:flex;align-items:center;min-height:54px;gap:10px}.player-line strong{display:block;font-size:13px;font-weight:600;line-height:1.5}.eyebrow{font-size:9px;letter-spacing:1.7px;font-weight:750;color:#77806b}.player-monogram{width:39px;height:44px;background:#e5ddc8;border-radius:6px;display:grid;place-items:center}.player-monogram svg{width:38px;height:39px}.presence{margin-left:auto;font-size:10px;color:#68775f;border:1px solid #c9cebb;border-radius:20px;padding:5px 9px;white-space:nowrap}.self-line{padding-top:5px}.board-frame{padding:10px 12px 11px;background:linear-gradient(130deg,#553e2d,#806044 25%,#624830 70%,#3e3024);box-shadow:0 15px 35px #45321b26,0 2px 3px #45321b40;border-radius:5px;position:relative;border:1px solid #604b32}.board-band{height:6px;opacity:.6;background:repeating-linear-gradient(45deg,transparent 0 7px,#d4b77f 7px 9px,transparent 9px 15px),repeating-linear-gradient(-45deg,transparent 0 7px,#d4b77f 7px 9px,transparent 9px 15px);margin:0 0 5px}.band-bottom{margin:5px 0 0}.chess-board{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));aspect-ratio:1;width:100%;border:1px solid #35291e;box-shadow:0 0 0 1px #c49a60;isolation:isolate}.square{position:relative;display:grid;place-items:center;aspect-ratio:1;min-height:0;width:100%;padding:0;border:0;border-radius:0;background:linear-gradient(105deg,#e4c99b,#d9b985 70%,#dfc18e);cursor:pointer;overflow:visible;transition:background .16s;touch-action:manipulation}.square.dark{background:linear-gradient(105deg,#9f7850,#89623e 65%,#99724b)}.square:hover:not(:disabled){background:#e7cb8a}.square.dark:hover:not(:disabled){background:#b38c58}.square:active:not(:disabled){transform:none}.square:focus-visible{outline:3px solid #f7df83;outline-offset:-4px;z-index:4}.square.last-move{box-shadow:inset 0 0 0 999px #d8c75040}.square.selected{box-shadow:inset 0 0 0 3px #f5de85,inset 0 0 0 999px #eec55444;z-index:2}.square.in-check{box-shadow:inset 0 0 0 3px #b42f25,inset 0 0 0 999px #cf44234d}.square .piece-art{width:88%;height:88%;filter:drop-shadow(0 2px 1px #302b2350);pointer-events:none;transition:transform .16s;position:relative;z-index:1}.square.selected .piece-art{transform:translateY(-3%)}.square.arrived .piece-art{animation:arrive .2s ease-out}.square .coordinate{position:absolute;font-size:9px;font-weight:700;line-height:1;color:#6d4c2d;z-index:3;pointer-events:none}.square.dark .coordinate{color:#f6e1b6}.file-coordinate{right:4px;bottom:3px}.rank-coordinate{left:4px;top:4px}.legal-dot{width:19%;height:19%;border-radius:50%;background:#234d3b90;position:absolute;z-index:2;pointer-events:none;box-shadow:0 0 0 2px #f4e6bb60}.capture-ring{position:absolute;inset:5%;border:4px solid #234d3ba6;border-radius:50%;z-index:2;pointer-events:none}.board-hint{font-size:10px;color:#81826d;margin:7px 0 0;text-align:center}
.table-panel{padding-top:9px;min-width:0}.panel-heading h1{font-family:Georgia,serif;font-size:38px;font-weight:400;line-height:1.06;letter-spacing:-1.3px;margin:13px 0 12px}.panel-heading>p{font-size:12px;line-height:1.6;color:var(--muted);max-width:225px;margin:0}.turn-state{border-block:1px solid var(--line);margin:23px 0 17px;padding:17px 0;display:flex;gap:11px;align-items:center;min-height:76px}.turn-light{width:9px;height:9px;background:#426744;box-shadow:0 0 0 4px #42674412;border-radius:50%;flex:none}.turn-light.waiting{background:#bda25e}.turn-light.over{background:#8d594a}.turn-state strong{font-size:15px}.turn-state p{font-size:11px;line-height:1.5;color:var(--muted);margin:5px 0 0}.friend-setup>p{font-size:12px;line-height:1.6;color:var(--muted)}.friend-setup>.primary{width:100%;text-align:left;display:flex;justify-content:space-between}.join-row{display:flex;gap:7px;margin:8px 0 16px}.join-row input{width:100%;font-size:12px;text-transform:uppercase}.join-row button{padding-inline:13px}.invitation{padding:0 0 15px}.code-row{display:flex;align-items:center;justify-content:space-between;margin:6px 0}.code-row>strong{letter-spacing:4px;font-size:21px}.code-row button{font-size:10px;padding-inline:10px}.invitation>a{font-size:11px;text-decoration:underline;text-underline-offset:3px;display:inline-flex;align-items:center;min-height:34px}.invitation p{font-size:11px;line-height:1.5;color:var(--muted);margin:6px 0 0}.offer-banner{background:#e2e7d4;border:1px solid #b7c6a4;border-radius:6px;padding:12px;margin-bottom:12px}.offer-banner p{font-size:12px;line-height:1.5;margin:0 0 10px}.offer-banner>div{display:flex;gap:8px}.table-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}.table-actions button{font-size:11px;padding:9px 8px;white-space:nowrap}.table-actions span{font-size:17px;vertical-align:-1px;margin-right:4px}.move-section{margin-top:23px}.move-heading{display:flex;justify-content:space-between;align-items:baseline;border-bottom:1px solid var(--line);padding-bottom:9px}.move-heading h2{font-size:12px;margin:0;font-weight:600}.move-heading>span{font-size:10px;color:#89907a}.move-scroll{max-height:128px;min-height:52px;overflow:auto;scrollbar-width:thin;scrollbar-color:#bcb79f transparent}.empty-moves{font-family:Georgia,serif;font-style:italic;font-size:13px;color:#99937d;margin:16px 0}#move-list{padding:0;margin:4px 0;list-style:none}#move-list li{display:grid;grid-template-columns:30px 1fr 1fr;font-size:12px;padding:7px 4px;border-radius:3px;font-variant-numeric:tabular-nums}#move-list li:nth-child(even){background:#e8e1cf70}.move-number{color:#93927c;font-size:10px}.latest-san{font-weight:700;color:var(--jade)}.notice{font-size:11px;line-height:1.6;color:#8c4d2d;min-height:18px;margin:12px 0 0}.panel-foot{margin-top:20px;display:flex;gap:12px;align-items:center;color:#8e947f}.foot-motif{font-size:16px;letter-spacing:2px;color:#9c9c80;white-space:nowrap}.panel-foot p{font-size:9px;line-height:1.7;margin:0}
.chess-dialog{border:1px solid #bdbaa0;border-radius:12px;padding:28px;background:#f8f1e0;color:var(--ink);width:min(440px,calc(100vw - 28px));max-height:calc(100svh - 28px);box-shadow:0 20px 90px #23372d40;overflow:auto}.chess-dialog::backdrop{background:#152e26a8;backdrop-filter:blur(4px)}.chess-dialog h2{font-family:Georgia,serif;font-size:27px;font-weight:400;margin:0 0 12px;line-height:1.1}.chess-dialog p{font-size:13px;line-height:1.7;color:#69715f;margin:0 0 17px}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:25px}.dialog-close{position:absolute;right:10px;top:10px;border:0;background:transparent;font-size:25px;min-width:44px}.help-dialog{padding-top:38px}.help-dialog>.eyebrow{display:block;margin-bottom:14px}.help-dialog kbd{font:inherit;border:1px solid var(--line);padding:1px 4px;border-radius:3px}.promotion-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:20px 0}.promotion-options button{display:flex;flex-direction:column;align-items:center;padding:6px 2px;font-size:10px}.promotion-options svg{width:100%;max-width:75px}.quiet{border:0;background:transparent}.embedded .chess-app{max-width:1100px}.embedded .header-tools #back-adventure{display:none}.embedded .header-tools #back-camp{display:block}.embedded .panel-heading h1{font-size:32px}.embedded .chess-header{height:78px}.embedded{--board-size:min(58vw,calc(100svh - 296px),610px)}
@keyframes arrive{from{transform:translateY(-8%);opacity:.7}to{transform:translateY(0);opacity:1}}
@media(min-width:1400px){:root{--board-size:min(60vw,calc(100svh - 318px),690px)}}
@media(max-width:1000px){.chess-app{padding-inline:24px}.chess-workspace{gap:30px;grid-template-columns:minmax(0,1fr) 245px}.panel-heading h1{font-size:32px}.header-tools #back-adventure{display:none}.wordmark{font-size:22px}.mode-tabs button{padding-inline:12px}}
@media(max-width:700px) and (min-height:501px){:root,.embedded{--board-size:calc(100vw - 46px)}.chess-app{padding:0 12px 24px}.chess-header,.embedded .chess-header{height:auto;min-height:105px;gap:8px;flex-wrap:wrap;padding:12px 0 9px}.wordmark{font-size:21px;gap:8px}.brand-mark{height:29px;width:25px;font-size:20px}.header-tools{margin-left:auto;gap:0}.header-tools button{padding-inline:7px;font-size:18px}.header-tools #back-camp{font-size:10px;padding-inline:7px;max-width:67px}.mode-tabs{order:3;width:100%;justify-content:center}.mode-tabs button{flex:1;font-size:12px;min-height:37px}.chess-workspace{display:flex;flex-direction:column;gap:18px;padding-top:7px}.board-column{max-width:100%}.player-line{min-height:46px}.player-monogram{width:30px;height:35px}.player-monogram svg{width:30px;height:33px}.player-line strong{font-size:12px}.eyebrow{font-size:8px;letter-spacing:1.4px}.presence{font-size:9px;padding:4px 8px}.board-frame{padding:6px 8px}.board-band{height:4px;margin-bottom:3px}.band-bottom{margin:3px 0 0}.square .coordinate{font-size:8px}.file-coordinate{right:3px;bottom:2px}.rank-coordinate{left:3px;top:3px}.capture-ring{border-width:3px}.board-hint{font-size:9px;margin-top:5px}.table-panel{width:100%;padding:0 3px}.panel-heading{display:none}.turn-state{margin:0 0 12px;padding:12px 0;min-height:67px}.table-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.table-actions button{font-size:10px;padding-inline:4px}.table-actions span{margin-right:1px;font-size:14px}.move-section{margin-top:18px}.move-scroll{max-height:100px}.panel-foot{margin-top:10px}.notice{margin-top:8px}.friend-setup>.primary{font-size:12px}.join-row{margin-bottom:12px}.code-row{justify-content:flex-start;gap:22px}.invitation{padding-bottom:12px}.chess-dialog{padding:24px 18px}.help-dialog{padding-top:39px}}
@media(max-height:600px) and (min-width:601px){:root,.embedded{--board-size:calc(100svh - 152px)}.chess-app{padding:0 16px 10px;max-width:1100px}.chess-header,.embedded .chess-header{height:54px;gap:10px}.wordmark{font-size:19px;gap:7px}.brand-mark{height:26px;width:23px;font-size:20px}.header-tools button{min-width:40px;min-height:44px;padding:7px;font-size:18px}.mode-tabs{padding:2px}.mode-tabs button{min-height:36px;font-size:11px;padding:8px 12px}.chess-workspace{padding-top:3px;grid-template-columns:minmax(0,1fr) minmax(215px,280px);gap:22px;align-items:start}.board-column{max-width:calc(var(--board-size) + 20px)}.player-line{min-height:29px;gap:7px}.player-monogram{width:24px;height:26px}.player-monogram svg{width:23px;height:25px}.player-line strong{font-size:10px;display:inline}.player-line .eyebrow{font-size:7px;margin-right:5px;letter-spacing:1px}.presence{font-size:8px;padding:3px 6px}.board-frame{padding:4px 7px}.board-band{height:3px;margin-bottom:3px}.band-bottom{margin:3px 0 0}.board-hint{display:none}.self-line{padding-top:2px}.table-panel{padding-top:6px;max-height:calc(100svh - 65px);overflow:auto;scrollbar-width:thin;padding-right:5px}.panel-heading{display:none}.turn-state{margin:0 0 9px;padding:8px 0;min-height:55px}.turn-state strong{font-size:13px}.turn-state p{font-size:10px;margin-top:3px}.table-actions button{font-size:10px;padding:7px 5px}.move-section{margin-top:14px}.move-scroll{max-height:75px;min-height:40px}.panel-foot{display:none}.notice{font-size:10px;margin-top:6px}.invitation{padding-bottom:8px}.code-row>strong{font-size:18px}.friend-setup>p{font-size:10px;margin:4px 0 8px}.friend-setup>.primary{font-size:11px}.join-row{margin-bottom:8px}.square .coordinate{font-size:7px}.file-coordinate{right:2px;bottom:2px}.rank-coordinate{left:3px;top:3px}.capture-ring{border-width:3px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.mode-tabs button{min-height:44px}.chess-app:fullscreen{background:var(--paper)}
.well-played-note{font-family:Georgia,serif;font-style:italic;font-size:13px;line-height:1.6;color:var(--jade);margin:12px 0 0}
@media(max-width:700px) and (min-height:501px){.embedded .wordmark{font-size:18px;gap:6px}.embedded .header-tools #back-camp{font-size:9px;max-width:58px;padding-inline:4px}.embedded .header-tools button{min-width:40px}.mode-tabs button{min-height:44px}}