:root{font-family:system-ui,sans-serif;color:#294739;background:#f7f4eb}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{min-height:44px;border:1px solid #b5c1aa;background:#faf8ef;color:inherit;border-radius:12px;padding:9px 14px;cursor:pointer}button:disabled{opacity:.5;cursor:default}button:focus-visible,a:focus-visible,canvas:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #c69635;outline-offset:3px}a{color:inherit}header,main{max-width:1100px;margin:auto;padding:20px}header{display:flex;justify-content:space-between;align-items:center}.brand{font:700 28px Georgia;text-decoration:none}.brand span{font-weight:400}.eyebrow{font-size:11px;letter-spacing:3px}.intro h1{font:clamp(30px,5vw,48px) Georgia;margin:10px 0}.intro p{line-height:1.6}.game-shell{border:1px solid #ccd1ba;border-radius:24px;background:#fffdf5;padding:16px;margin:24px 0}.toolbar{display:flex;align-items:center;gap:8px;margin-bottom:16px}.toolbar #audio-controls{margin-left:auto}.game-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:24px}.board-caption{display:flex;justify-content:space-between;gap:8px;font-size:14px;padding:0 0 10px}canvas{display:block;width:100%;aspect-ratio:1;border-radius:14px;touch-action:none}aside{text-align:center;align-self:center}#portrait{width:180px;height:125px;object-fit:contain}aside h2{font:27px Georgia;margin:8px 0}aside p{font-size:14px;line-height:1.6}.stats{display:flex;justify-content:space-around;font-size:12px;margin:16px 0}.stats b{display:block;font-size:24px}.dpad{display:grid;grid-template-columns:repeat(3,48px);gap:5px;justify-content:center;margin:14px}.dpad button{font-size:22px}.dpad [data-dir=up]{grid-column:2}.dpad [data-dir=left]{grid-row:2;grid-column:1}.dpad [data-dir=down]{grid-row:2;grid-column:2}.dpad [data-dir=right]{grid-row:2;grid-column:3}.actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.primary{background:#466951;color:#fff}.trail-option{display:block;font-size:13px;margin-top:15px}#save-status{font-size:11px}details{padding:12px;margin-bottom:35px;line-height:1.7}dialog{border:1px solid #b5c1aa;border-radius:18px;max-width:min(440px,94vw);color:inherit;background:#fffdf5}dialog::backdrop{background:#152b2180}dialog label{display:block;margin:16px 0}dialog select,dialog input{max-width:100%;padding:8px}#player-list{display:grid;gap:8px}#player-form{margin:16px 0}.game-expanded{overflow:hidden}.expanded-view{position:fixed;inset:0;z-index:1000;margin:0;border-radius:0;overflow:auto}.game-shell:is(.expanded-view,:fullscreen){width:100%;height:100%;padding:12px;max-width:none}.game-shell:is(.expanded-view,:fullscreen) .game-layout{max-width:1000px;margin:auto}.game-shell:is(.expanded-view,:fullscreen) canvas{max-height:calc(100dvh - 115px);width:auto;max-width:100%;margin:auto}.game-shell:is(.expanded-view,:fullscreen) .board-caption{justify-content:center;gap:20px}@media(max-width:700px){header,main{padding:14px}.intro h1{font-size:32px}.game-shell{padding:10px}.game-layout{grid-template-columns:1fr;gap:6px}#portrait,aside h2{display:none}aside p{margin:8px 0}.stats{margin:8px 0}.dpad{display:flex;margin:8px}.dpad button{width:50px}.toolbar{flex-wrap:wrap}.board-caption{font-size:12px}.intro p:last-child{font-size:14px}}@media(orientation:landscape)and (max-height:540px){.game-shell:is(.expanded-view,:fullscreen) .game-layout{grid-template-columns:minmax(0,1fr) 260px;gap:12px}.game-shell:is(.expanded-view,:fullscreen) #portrait,.game-shell:is(.expanded-view,:fullscreen) aside h2{display:none}.game-shell:is(.expanded-view,:fullscreen) aside p{font-size:11px;margin:4px}.game-shell:is(.expanded-view,:fullscreen) .stats,.game-shell:is(.expanded-view,:fullscreen) .dpad{margin:4px}.game-shell:is(.expanded-view,:fullscreen) .actions button{font-size:11px;min-height:36px;padding:5px 9px}}@media(prefers-color-scheme:dark){button{background:#2e4338;color:#f0efdf;border-color:#607967}.primary{background:#b3cfad;color:#16271d}.game-shell{background:#23342c;border-color:#607967}}