:root{color-scheme:light;--paper:#f4e9c9;--ink:#614634;--edge:#b4a17e}*{box-sizing:border-box}body{margin:0;background:#eee9df;color:#302e27;font-family:Georgia,'Songti SC',serif}button,select{font:inherit;color:inherit;border:1px solid #a79d8655;border-radius:9px;padding:9px 12px;background:#fffa;cursor:pointer}button:disabled{opacity:.45}header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px}a{color:inherit;text-decoration:none;font-size:13px}main{max-width:1040px;margin:auto;padding:25px 20px 40px}h1{font-size:clamp(24px,5vw,40px);font-weight:500}small{letter-spacing:.1em;color:#82745c}.choices242{display:flex;gap:8px;flex-wrap:wrap}.choices242 label{font-size:12px;display:flex;gap:5px;align-items:center}#guide242{font-size:13px;line-height:1.8;color:#786c58}.play242{display:grid;grid-template-columns:1.2fr 1fr;gap:30px;margin:25px 0}.play242>section{min-width:0}.play242 aside{max-height:600px;overflow:auto}.play242 h2{font-size:15px;font-weight:500}.play242 ol{list-style:none;padding:0;display:grid;gap:5px}.play242 li button{text-align:start;display:block;width:100%;font-size:13px;line-height:1.7}.play242 [aria-current=true]{background:#e0d1aa}#board242,#mini242{display:grid;background:#b7aa91;gap:1px;padding:1px;aspect-ratio:var(--cols)/var(--rows);width:100%;touch-action:manipulation}#board242 button,#mini242 button{position:relative;border:0;border-radius:0;padding:0;aspect-ratio:1;background:var(--paper);color:var(--ink);min-width:0;overflow:hidden}#board242 button.active242{box-shadow:inset 0 0 0 2px #b28a43;background:#fff2c7}#board242 button small{position:absolute;top:1px;left:2px;font:9px sans-serif;color:#74694f;z-index:1;letter-spacing:0}#board242 canvas{width:100%;height:100%;display:block}#status242{font-size:12px}#mini242{position:absolute;top:68px;left:50%;transform:translateX(-50%);width:95px;z-index:3;opacity:.8}#mini242 button{font-size:7px}#mini242 .active242{background:#d9ae5b}dialog{border:1px solid #ffffff88;border-radius:18px;background:#f5f0e3ed;backdrop-filter:blur(25px);color:#302e27}dialog::backdrop{background:#171814b5;backdrop-filter:blur(8px)}#ink242{position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;border-radius:0;overflow:hidden;background:var(--paper)}#ink242 header{gap:6px;padding-top:max(10px,env(safe-area-inset-top));height:60px}#clue242{font-size:12px;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inkSurface242{height:calc(100dvh - 205px);display:flex;align-items:center;justify-content:center}#canvas242{display:block;max-width:100%;max-height:100%;aspect-ratio:1;object-fit:contain;touch-action:none}#inkStatus242{font-size:12px;text-align:center;height:20px;margin:3px 8px}#candidates242{display:flex;justify-content:center;gap:5px;overflow-x:auto;height:42px}#candidates242 button{font-size:22px;padding:2px 9px}#candidates242 [aria-pressed=true]{background:#b89d67;color:white}#ink242 footer{display:flex;justify-content:center;gap:8px;padding:9px 0 max(9px,env(safe-area-inset-bottom));font-size:12px}#result242{width:min(90vw,400px);text-align:center}#result242 h2{font-size:22px}@media(max-width:640px){main{padding:16px 14px 30px}.play242{grid-template-columns:1fr;gap:10px}.play242 aside{max-height:none;display:grid;grid-template-columns:1fr 1fr;gap:0 10px}.play242 aside h2{grid-row:1}.play242 ol{grid-row:2;align-content:start}.play242 li button{font-size:12px;padding:8px}.choices242{gap:5px}.choices242 select{max-width:145px;padding:8px}header{padding:10px 14px}#board242 button small{font-size:8px}}
#canvas242{width:min(100vw,calc(100dvh - 205px));height:auto;max-height:none;flex:none}#ink242[hidden]{display:none}

#board242,#mini242{direction:ltr}

h1{font-size:20px;margin:5px 0}.choices242{margin:6px 0}main>small{font-size:9px}#guide242{font-size:11px;margin:5px 0}.play242{margin:12px 0;grid-template-columns:minmax(0,1.8fr) minmax(190px,1fr);gap:18px}#board242{border:5px double var(--ink);padding:12px;background:var(--paper);border-radius:3px}#board242>i{background:transparent}#board242>button{border:1px solid color-mix(in srgb,var(--ink) 45%,transparent);background-image:linear-gradient(45deg,transparent 49.5%,#98836633 50%,transparent 50.5%),linear-gradient(-45deg,transparent 49.5%,#98836633 50%,transparent 50.5%),linear-gradient(90deg,transparent 49.5%,#98836633 50%,transparent 50.5%),linear-gradient(transparent 49.5%,#98836633 50%,transparent 50.5%)}#board242[data-shape=route]{border-color:#9e4038;background:linear-gradient(155deg,#c7ad792b,transparent 40%,#ba534127),var(--paper)}#board242[data-shape=orbit]{border-radius:35px;background:radial-gradient(ellipse,#5c699522,transparent 65%),var(--paper);box-shadow:0 0 0 7px #6a739322}#board242[data-shape=book]{border-radius:3px 18px 18px 3px;box-shadow:-8px 0 #856c4533,3px 4px #856c4533}#board242[data-shape=paw]{border-radius:28px 28px 55px 55px;border-color:#4f725a}#board242[data-shape=mountain]{border-top:12px double #9d7954;border-radius:35px 35px 3px 3px}#board242[data-shape=fan]{border-radius:55px 55px 8px 8px;background:repeating-conic-gradient(from -60deg at 50% 120%,#9d79540d 0 8deg,transparent 8deg 16deg),var(--paper)}#board242[data-shape=wings]{border-inline:14px double #64796c;box-shadow:0 5px 0 #64796c44}#board242[data-shape=film]{border-block:14px dotted #544b3f;box-shadow:0 0 0 3px #544b3f}#gameExport243{position:fixed;inset:0;width:100vw;height:100dvh;border:0;background:var(--paper);z-index:9999}#gameExport243[hidden]{display:none}.inkSurface242{height:calc(100dvh - 170px)}#canvas242{width:min(100vw,calc(100dvh - 170px))}#mini242{left:auto;right:8px;top:65px;transform:none;opacity:.55}#ink242 header{height:45px;font-size:10px}#ink242 footer{padding:4px}#inkStatus242{font-size:10px}body>header select{max-width:80px;font-size:10px;padding:5px}#mood243{font-size:11px;padding:6px}@media(max-width:640px){.play242{grid-template-columns:1fr}.play242 aside{max-height:260px;overflow:auto}h1{font-size:18px}main{padding:8px 10px}.choices242 label{font-size:10px}.choices242 select{padding:5px}#board242{padding:8px}body>header{padding:7px 12px}}
