@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=Noto+Sans+JP:wght@400;600;700;900&display=swap');
:root{--ink:#11110f;--paper:#e8e0cf;--ivory:#f1dca6;--ruby:#b52b3b;--gold:#e2aa23;--line:#4e4a40;--muted:#918a79}*{box-sizing:border-box}body{margin:0;background:#11110f;color:#eee9dc;font-family:'Noto Sans JP',sans-serif;min-height:100vh;background-image:linear-gradient(#ffffff03 1px,transparent 1px),linear-gradient(90deg,#ffffff03 1px,transparent 1px);background-size:32px 32px}button{font:inherit}button:disabled{cursor:not-allowed}.hidden{display:none!important}header{height:66px;border-bottom:1px solid #34322c;display:flex;align-items:center;padding:0 4vw;gap:28px;background:#10100ee8;position:relative;z-index:5}.brand{font:900 22px 'Barlow Condensed';letter-spacing:.12em;color:#f7f1e5;text-decoration:none}.brand span{color:var(--gold)}.title{font:700 12px 'Barlow Condensed';letter-spacing:.2em;color:#9e9786}.title i{font-style:normal;color:var(--ruby);margin-left:7px}header button,.gamebar button{margin-left:auto;border:1px solid #49463e;background:transparent;color:#b8b1a2;padding:8px 16px;cursor:pointer;font-size:11px}.landing{min-height:calc(100vh - 66px);display:grid;grid-template-columns:minmax(360px,.9fr) minmax(540px,1.1fr);align-items:center;gap:8vw;padding:56px clamp(28px,7vw,120px);max-width:1720px;margin:auto}.eyebrow{font:700 10px 'Barlow Condensed';letter-spacing:.25em;color:var(--gold)}.intro h1{font:900 clamp(72px,8.3vw,138px)/.73 'Barlow Condensed';letter-spacing:-.035em;margin:34px 0;color:#f3eee2}.intro h1 em{font-style:normal;color:transparent;-webkit-text-stroke:1px #b52b3b}.lead{max-width:550px;color:#aaa394;line-height:2;font-size:14px;margin:38px 0}.facts{display:flex;gap:34px;color:#777266;font:600 10px 'Barlow Condensed';letter-spacing:.18em}.facts b{font-size:27px;color:#eee8db;margin-right:7px}.entry-panel{border:1px solid #49453c;background:#e8e0cf;color:#171612;padding:34px;box-shadow:18px 18px 0 #080807}.panel-head{display:flex;justify-content:space-between;align-items:end;padding-bottom:17px;border-bottom:2px solid #22201b;margin-bottom:18px}.panel-head span{font:700 10px 'Barlow Condensed';letter-spacing:.2em;color:#9d7415}.panel-head b{font-size:15px}.rooms{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.room{border:1px solid #c2b9a6;background:#ded5c4;padding:13px 14px;text-align:left;min-height:67px;cursor:pointer;color:#575144}.room:hover:not(:disabled),.room.selected{border-color:#8e6912;background:#f4ead5}.room.selected{box-shadow:inset 4px 0 var(--gold)}.room:disabled{opacity:.42}.room>span{float:right;font-size:9px;color:#a1303d}.room b,.room small{display:block}.room b{font:800 17px 'Barlow Condensed';letter-spacing:.08em;color:#211f1a}.room small{font:600 9px 'Barlow Condensed';letter-spacing:.08em;margin-top:5px}.choice-label{font:700 9px 'Barlow Condensed';letter-spacing:.18em;color:#827b6d;margin:23px 0 9px}.side-choice{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:18px}.side-choice input{position:absolute;opacity:0}.side-choice label>span{display:grid;grid-template-columns:32px 1fr;grid-template-rows:auto auto;border:1px solid #bcb19c;padding:12px;cursor:pointer}.side-choice input:checked+span{border-color:#161511;box-shadow:inset 0 -3px var(--gold);background:#f4ead5}.side-choice label.unavailable{opacity:.35;pointer-events:none}.side-choice b{font:800 15px 'Barlow Condensed';letter-spacing:.1em}.side-choice small{font-size:9px;color:#827b6d}.pawn-icon{grid-row:1/3;width:20px;height:25px;border-radius:50% 50% 42% 42%;align-self:center;box-shadow:inset -3px -4px #0002,0 2px 3px #0004}.pawn-icon.ivory{background:var(--ivory)}.pawn-icon.ruby{background:var(--ruby)}.primary,.secondary{width:100%;padding:15px 18px;border:0;display:flex;justify-content:space-between;cursor:pointer;font-weight:800;font-size:12px}.primary{background:#171612;color:#eee7da}.primary:hover:not(:disabled){background:#9c2634}.primary:disabled{opacity:.38}.secondary{margin-top:8px;background:transparent;border:1px solid #aaa08c;color:#4d493f}.error{height:18px;color:#a31d30;font-size:10px}.muted{color:#8c867a;font-size:11px}.game{padding:24px clamp(18px,4vw,66px) 50px}.gamebar{height:62px;border:1px solid #3d3a33;display:flex;align-items:center;padding:0 20px;gap:45px;max-width:1480px;margin:0 auto 25px}.gamebar>div small,.wall-counts small{display:block;font:600 8px 'Barlow Condensed';letter-spacing:.2em;color:#736e63}.gamebar>div>b{font:800 16px 'Barlow Condensed';letter-spacing:.1em}.gamebar .ivory{color:var(--ivory)}.gamebar .ruby{color:#e74a5c}.wall-counts{display:flex!important;gap:28px;margin-left:auto}.wall-counts span b{font:800 18px 'Barlow Condensed'}.gamebar button{margin-left:0}.lobby{max-width:760px;margin:9vh auto;border:1px solid #454139;padding:45px}.lobby h2{font:800 36px 'Barlow Condensed';letter-spacing:.02em}.seats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:28px 0}.seat{border:1px dashed #49453c;padding:18px;display:grid;grid-template-columns:38px 1fr;grid-template-rows:1fr 1fr;opacity:.45}.seat.occupied{border-style:solid;opacity:1}.seat i{grid-row:1/3}.seat b{font:800 16px 'Barlow Condensed'}.seat span{font:600 9px 'Barlow Condensed';color:#857e70}.play{max-width:1480px;margin:auto;display:grid;grid-template-columns:minmax(210px,.55fr) minmax(500px,720px) minmax(200px,.48fr);gap:34px;align-items:start}.status-panel,.log-panel{border-top:2px solid #615b4d;padding-top:18px}.status-panel h2{font:900 38px 'Barlow Condensed';margin:10px 0}.status-panel>p:not(.eyebrow){color:#a39c8e;font-size:11px;line-height:1.8;min-height:42px}.actions{display:grid;gap:7px;margin:25px 0}.actions button{display:grid;grid-template-columns:30px 1fr;text-align:left;border:1px solid #3d3a33;background:#171714;color:#aaa397;padding:11px;cursor:pointer}.actions button:hover:not(:disabled),.actions button.active{border-color:var(--gold);background:#242116}.actions button i{grid-row:1/3;font:800 10px 'Barlow Condensed';color:#9d7415}.actions button b{font-size:11px;color:#e8e1d4}.actions button span{font-size:8px;color:#756f63;margin-top:3px}.actions button:disabled{opacity:.35}.mini-rules{margin-top:24px;border-top:1px solid #38352e;padding-top:14px;display:grid;gap:6px;color:#827c70;font:600 9px 'Barlow Condensed';letter-spacing:.1em}.mini-rules b{color:var(--gold)}.board-column{position:relative}.board-shell{aspect-ratio:1;padding:24px;background:#26231d;border:1px solid #514a3d;box-shadow:0 22px 55px #0008,inset 0 0 0 6px #171612}.board{width:100%;height:100%;display:grid;grid-template-columns:repeat(8,minmax(0,1fr) 8px) minmax(0,1fr);grid-template-rows:repeat(8,minmax(0,1fr) 8px) minmax(0,1fr);position:relative;background:#181715}.cell{position:relative;border:1px solid #554e40;background:linear-gradient(145deg,#40392e,#2b2822);padding:0;color:#766e60}.cell small{position:absolute;left:4px;top:3px;font:500 7px 'Barlow Condensed';opacity:.45}.cell.legal{cursor:pointer;border-color:#d5a528;background:#55461f;box-shadow:inset 0 0 15px #e3ad2830}.cell.legal:after{content:'';position:absolute;inset:35%;border-radius:50%;background:#efbd3f;box-shadow:0 0 12px #efbd3f}.pawn{position:absolute;width:42%;height:52%;border-radius:50% 50% 40% 40%;left:29%;top:23%;z-index:5;box-shadow:inset -7px -8px #0003,0 5px 7px #0009}.pawn:before{content:'';position:absolute;width:65%;height:45%;border-radius:50%;left:17%;top:-18%;background:inherit}.pawn.ivory{background:var(--ivory);filter:drop-shadow(0 0 5px #f1dca677)}.pawn.ruby{background:var(--ruby);filter:drop-shadow(0 0 5px #b52b3b88)}.placed-wall{z-index:8;display:block;background:#dfa91f;border:1px solid #ffd766;box-shadow:0 2px 5px #0009,inset 0 -2px #90670b;border-radius:2px}.placed-wall.ruby{background:#a92536;border-color:#ed5869;box-shadow:0 2px 5px #0009,inset 0 -2px #66121e}.wall-target{z-index:10;border:1px dashed #e6b83f;background:#e6b83f22;cursor:pointer;padding:0}.wall-target:hover{background:#e6b83f;border-style:solid;box-shadow:0 0 14px #e6b83f}.goal-label{text-align:center;font:700 8px 'Barlow Condensed';letter-spacing:.22em;padding:7px;color:#736e63}.ruby-goal{color:#bd4653}.ivory-goal{color:#d4bd81}.log-panel #logs{border:1px solid #36332d;max-height:560px;overflow:auto}.log-panel #logs div{padding:12px;border-bottom:1px solid #2d2b26;color:#918a7c;font-size:10px}.log-panel #logs div:first-child{color:#ddd5c7}.toast{position:absolute;left:50%;bottom:42px;transform:translate(-50%,15px);background:#eee4d0;color:#2b2923;border-left:4px solid var(--ruby);padding:11px 16px;font-size:10px;opacity:0;pointer-events:none;transition:.18s;z-index:20;white-space:nowrap}.toast.show{opacity:1;transform:translate(-50%,0)}dialog{width:min(650px,calc(100% - 24px));background:#e8e0cf;color:#1c1a16;border:0;padding:40px;box-shadow:0 30px 80px #000b}dialog::backdrop{background:#080807d9}.close{position:absolute;right:18px;top:16px;border:0;background:none;font-size:24px;cursor:pointer}dialog h2{font:900 42px 'Barlow Condensed';margin:12px 0 25px}dialog ol{padding:0;list-style:none;display:grid;gap:18px}dialog li{display:grid;grid-template-columns:35px 1fr;gap:12px}dialog li>i{font:800 11px 'Barlow Condensed';color:#a77b17}dialog li b,dialog li span{display:block}dialog li b{font-size:13px}dialog li span{font-size:10px;color:#6f685b;line-height:1.7;margin-top:4px}
@media(max-width:1050px){.landing{grid-template-columns:1fr;max-width:760px}.intro h1{font-size:90px}.play{grid-template-columns:190px minmax(440px,1fr)}.log-panel{grid-column:1/-1}.log-panel #logs{max-height:150px}}@media(max-width:720px){header{padding:0 18px}.landing{padding:36px 16px}.intro h1{font-size:72px}.entry-panel{padding:22px}.rooms{grid-template-columns:1fr 1fr}.play{display:flex;flex-direction:column}.status-panel,.board-column,.log-panel{width:100%}.board-shell{padding:14px}.game{padding:15px 10px}.gamebar{gap:17px;padding:0 12px}.wall-counts{gap:12px}.gamebar>div>b{font-size:12px}.gamebar button{padding:7px 10px}.actions{grid-template-columns:repeat(3,1fr)}.actions button{grid-template-columns:1fr}.actions button i{grid-row:auto}.actions button span{display:none}.log-panel{display:none}.pawn{width:52%;height:60%;left:24%;top:20%}}