:root{color:#eee9dc;font-synthesis:none;background:#172623;font-family:system-ui,-apple-system,Hiragino Kaku Gothic ProN,sans-serif}*{box-sizing:border-box}body{margin:0}button,select,input{font:inherit}button,a,summary,select{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.45;cursor:default}a{color:#dfc895}button:focus-visible,a:focus-visible,summary:focus-visible{outline-offset:3px;outline:3px solid #8edfc6}.dai-room{max-width:1480px;margin:auto;padding:24px 36px 50px}.masthead{letter-spacing:.08em;border-bottom:1px solid #42524b;justify-content:space-between;align-items:center;gap:16px;padding-bottom:22px;font-size:12px;display:flex}.masthead a{text-decoration:none}.dai-layout{grid-template-columns:minmax(0,1fr) 340px;gap:38px;margin-top:24px;display:grid}.board-heading{justify-content:space-between;align-items:center;display:flex}.overline{color:#b0bdb1;letter-spacing:.16em;margin:0;font-size:10px}h1{margin:8px 0 20px;font-family:serif;font-size:32px;font-weight:500}.seal{writing-mode:vertical-rl;letter-spacing:.2em;color:#e5b987;border:1px solid #a37b51;padding:8px;font-family:serif;font-size:13px}.player-strip{justify-content:space-between;padding:13px 2px;font-size:13px;display:flex}.player-strip span{color:#b5c0b6}.board-scroll{background:#d6b67d;border-radius:6px;padding:8px;overflow-x:auto}.board-frame{min-width:420px}.board-frame.zoom{min-width:900px}.file-labels{text-align:center;color:#5b4229;grid-template-columns:repeat(15,1fr);padding-bottom:5px;font-size:10px;display:grid}.dai-board{background:linear-gradient(100deg,#dcb984,#eed19a,#dcb984);border:1px solid #725432;grid-template-columns:repeat(15,1fr);display:grid}.cell{aspect-ratio:1/1.12;background:0 0;border:1px solid #9b784d;border-top:0;border-left:0;justify-content:center;align-items:center;min-width:0;padding:0;display:flex;position:relative}.cell:nth-child(15n){border-right:0}.cell.zone-edge{border-bottom:2px solid #654a30}.cell.last{background:#f2dbaa;box-shadow:inset 0 0 0 2px #947740}.cell.target{background:#b2cc87}.cell.selected{background:#629871}.cell small{color:#6d5131;font-size:8px;position:absolute;bottom:0;right:1px}.shogi-piece{clip-path:polygon(50% 0,89% 16%,99% 100%,1% 100%,11% 16%);color:#241c15;background:linear-gradient(100deg,#f4e2b4,#ffeac0 55%,#e6c792);justify-content:center;align-items:center;width:83%;height:89%;display:flex;box-shadow:0 2px 2px #513619}.shogi-piece>span{writing-mode:vertical-rl;letter-spacing:-.08em;font-family:Yu Mincho,Hiragino Mincho ProN,serif;font-size:clamp(11px,1.45vw,21px);font-weight:700;line-height:1}.shogi-piece.upside{transform:rotate(180deg)}.shogi-piece.promoted{color:#9b2e26}.dot{background:#355846;border-radius:50%;width:18%;height:16%}.board-buttons{justify-content:flex-end;gap:8px;display:flex}.board-buttons button,.controls button{color:#ece9db;background:#263b33;border:1px solid #536556;border-radius:6px;padding:10px 16px;font-size:12px}.board-caption{color:#bdc6b9;font-size:12px;line-height:1.8}.dai-sidebar{padding-top:14px}h2{margin:0 0 10px;font-size:16px;font-weight:600}.turn-status{color:#e4d0a8;padding:16px 0;font-size:20px}.notice{color:#b8c9bb;min-height:45px;font-size:12px;line-height:1.8}.piece-guide{background:#23392f;border:1px solid #53634c;border-radius:10px;margin:20px 0;padding:18px}.piece-guide p,.rules p{font-size:12px;line-height:1.9}.promotion-note{color:#e9c789}.mode{font-size:12px;display:block}.mode select{color:#e8e6d8;background:#22372f;border:1px solid #526454;border-radius:7px;width:100%;margin-top:8px;padding:11px;display:block}.controls{gap:8px;margin:12px 0 24px;display:flex}.controls button{flex:1}.move-history{border-top:1px solid #44584a;padding-top:20px}.move-history small{float:right;color:#bdc5ba;font-size:12px}.move-history ol{font-variant-numeric:tabular-nums;max-height:180px;padding-left:32px;font-size:12px;line-height:2.2;overflow-y:auto}.move-history p{color:#abbdae;font-size:12px}details{border-top:1px solid #44584a;margin-top:18px;font-size:12px;line-height:1.8}summary{cursor:pointer;color:#d4ddcf;padding:14px 0}.account{border-top:1px solid #44584a;margin-top:20px;padding-top:20px}.account p{color:#bccaba;font-size:12px;line-height:1.9}.account button{color:#f1efd9;background:#30452e;border:1px solid #64765c;border-radius:6px;margin:5px 4px 5px 0;padding:10px;font-size:12px}.account input{color:#fff;background:#14271e;border:1px solid #637a5c;border-radius:6px;width:100%;margin:7px 0;padding:10px;display:block}.account label{display:block}.learning-count{font-weight:700;color:#e4d0a8!important}.route-dialog{color:#f4ebd7;background:#20372c;border:1px solid #91a97b;border-radius:14px;max-width:min(560px,94vw);max-height:85vh;padding:26px;overflow-y:auto}.route-dialog::backdrop{background:#061810bc}.route-dialog p{font-size:13px}.route-dialog button{text-align:left;color:#f0efdb;background:#304d36;border:1px solid #657d58;border-radius:7px;width:100%;margin-top:10px;padding:14px;font-size:13px;line-height:1.7;display:block}.route-dialog .cancel{text-align:center;background:#23372d}.rules a{overflow-wrap:anywhere}@media (width<=1100px){.dai-room{padding:18px}.dai-layout{grid-template-columns:minmax(0,1fr) 290px;gap:22px}.shogi-piece>span{font-size:clamp(11px,1.5vw,18px)}}@media (width<=800px){.dai-layout{display:block}.dai-sidebar{max-width:640px;margin:20px auto}.dai-room{padding:14px 10px}.board-frame{min-width:450px}.shogi-piece>span{font-size:clamp(12px,2.4vw,21px)}h1{font-size:28px}.masthead{font-size:10px}.board-heading{margin-top:12px}.board-frame.zoom .shogi-piece>span{font-size:24px}}