:root{color-scheme:dark;font-family:Georgia,serif;background:#121c21;color:#e7e5d9}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% 0,#273b3e,transparent 70%)}main{max-width:1060px;margin:auto;padding:30px 25px}header{text-align:center}h1{font-weight:400;font-size:clamp(40px,6vw,68px);margin:10px 0}h1 em{color:#dfb57c}h2{font-size:20px;font-weight:400;margin:0 0 14px}.eyebrow,.seat>span{font:11px system-ui;letter-spacing:2px;color:#b6bcb3}.intro{color:#bdc5bd;margin:12px 0 24px;font-style:italic}.toolbar{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-bottom:26px;font:13px system-ui;align-items:center}button,select{font:inherit;color:inherit;background:#263a3e;border:1px solid #52625f;border-radius:7px;padding:9px 12px;cursor:pointer}button:hover,select:hover{border-color:#e1ba7d}button:focus-visible,select:focus-visible{outline:3px solid #f4c773;outline-offset:3px}button:disabled{opacity:.45;cursor:default}.layout{display:grid;grid-template-columns:minmax(300px,580px) minmax(230px,300px);gap:30px;justify-content:center}.arena{max-width:580px;width:100%}.hand{display:flex;gap:12px;margin:10px 0}.card{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;padding:9px 12px;min-width:0;font:14px system-ui;background:#1c2e35}.card.selected{border-color:#f3c37a;box-shadow:0 0 0 2px #d8a65c66;background:#3b3a30}.card-name{min-width:50px}.pattern{width:55px;height:55px;display:grid;grid-template-columns:repeat(5,1fr);gap:2px;flex-shrink:0}.dot{background:#385057;border-radius:1px}.dot.origin{background:#e4d4b7}.red .dot.move{background:#ee9584}.blue .dot.move{background:#75bacb}.dot.move{background:#d2b575}#board{display:grid;grid-template-columns:repeat(5,1fr);aspect-ratio:1;gap:3px;background:#32464a;padding:7px;border:1px solid #64706a;border-radius:10px;box-shadow:0 20px 45px #0005}#board button{position:relative;border:0;border-radius:3px;padding:0;font-size:clamp(22px,4vw,40px);background:#d5cbb4;display:flex;align-items:center;justify-content:center;aspect-ratio:1}#board button:nth-child(even){background:#beb69f}.piece{display:flex;align-items:center;justify-content:center;width:68%;height:68%;border-radius:50%;font:inherit;border:2px solid #fff5;box-shadow:0 4px 3px #0005;z-index:1}.piece.red{background:linear-gradient(140deg,#d8957e,#a94f43);color:#fff2d8}.piece.blue{background:linear-gradient(140deg,#7fa7b6,#385e71);color:#e0f0f3}#board button.chosen{box-shadow:inset 0 0 0 4px #8b492e}#board button.legal{background:#99b493;box-shadow:inset 0 0 0 3px #d1ef9e}#board button.legal:after{content:'•';color:#35513d;position:absolute;font-size:45px}#board button.last{outline:3px solid #e2b54d;outline-offset:-4px}.temple{position:absolute;color:#6c7061;font-size:38px;opacity:.7}#status{text-align:center;font:14px system-ui;padding:9px;color:#e4c28a;min-height:37px}.seat>span{display:block;margin-top:16px}.panel{border-top:1px solid #657266;padding:20px 0 10px}.panel p,.panel li{font:14px/1.65 system-ui;color:#bdc8c3}.panel ol{padding-left:20px}#tip{color:#e5bf84}.log{max-height:240px;overflow:auto}.log li{font-size:12px}footer{font:12px/1.9 system-ui;color:#8ea3a0;text-align:center;margin:30px 0 8px}a{color:#cdb389}.panel .card{cursor:default}@media(max-width:720px){main{padding:18px 14px}.layout{grid-template-columns:1fr;gap:18px}.arena{margin:auto}aside{display:grid;grid-template-columns:1fr 1.5fr;gap:20px}.log{grid-column:1/-1}.card{padding:7px}.pattern{width:48px;height:48px}.intro{font-size:15px}}@media(max-width:420px){aside{display:block}.toolbar{font-size:12px}.card-name{min-width:0}.pattern{width:44px;height:44px}.card{font-size:12px}}