:root{font-family:Segoe UI,Arial,sans-serif;color:#d9ddd9;background:#101516;font-synthesis:none;color-scheme:dark}*{box-sizing:border-box}body{margin:0}button,select,input{font:inherit}button,select{border:1px solid #364044;background:#20292c;color:#d9ddd9;border-radius:4px;padding:10px 13px}button{cursor:pointer}button:hover{border-color:#cc9c65;background:#303739}button:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid #e2b57e;outline-offset:3px}.primary{background:#d9ad78;color:#171b1c;border-color:#d9ad78;font-weight:600}.primary:hover{background:#ebc899}header{height:90px;padding:0 30px;border-bottom:1px solid #303839;display:flex;align-items:center;gap:12px}.brand{display:flex;gap:15px;align-items:center;text-decoration:none;color:#dfb580;font-family:serif;font-size:36px}.brand span{font:600 20px Segoe UI;letter-spacing:5px;color:#e6e5db}.brand small{display:block;font:9px Segoe UI;letter-spacing:2px;color:#899793;margin-top:5px}.chapter{margin-left:auto;margin-right:28px;font-size:11px;letter-spacing:2px;color:#c1cbc6}.chapter span{display:block;font-size:10px;letter-spacing:1px;color:#788883;margin-top:6px}main{display:grid;grid-template-columns:minmax(0,1fr) 320px;max-width:1800px;margin:auto}.workspace{padding:32px;min-width:0}.eyebrow{font-size:10px;letter-spacing:2px;color:#c29d71}h1{font:400 29px Georgia,serif;margin:11px 0}p{color:#91a09b;font-size:13px;line-height:1.6}.stage-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.stage-heading p{margin:0}.live{font-size:9px;color:#9bc5ae;letter-spacing:1px;white-space:nowrap}.viewport{border:1px solid #3b4544;background:#111b20;position:relative;overflow:hidden}.stage-label,.stage-bottom{position:absolute;left:16px;right:16px;z-index:2;display:flex;justify-content:space-between;font:10px Consolas,monospace;letter-spacing:1px;color:#9bafac;pointer-events:none}.stage-label{top:16px}.stage-bottom{bottom:14px}#game{width:100%;aspect-ratio:16/10;max-height:620px;outline:none}canvas{display:block;image-rendering:pixelated}.toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid #303839}.toolbar button,.toolbar select{font-size:11px;padding:7px}.toolbar label{font-size:11px;color:#9baba5;display:flex;align-items:center;gap:6px}.instructions{display:flex;justify-content:space-between;gap:12px;margin:24px 0}.instructions div{font-size:10px;color:#83958e}.instructions span{display:block;margin-top:9px}kbd{font:11px Consolas,monospace;color:#c7d0ca;border:1px solid #3a4642;border-radius:3px;padding:4px 6px;background:#1b2425}.note{border-left:2px solid #9a7956;padding-left:14px;margin-top:28px}.note>span{font-size:9px;color:#c09b71;letter-spacing:2px}.note p{font-size:12px;max-width:660px}#message{color:#b3c8bb;font-size:12px;min-height:30px;margin-top:16px}aside{border-left:1px solid #303839;background:#171e20;padding:28px 24px}.aside-title{display:flex;align-items:center;justify-content:space-between}.aside-title h2{font:23px Georgia,serif;margin:0 0 20px}.aside-title span{color:#6c796f;font-size:25px}.field{font-size:11px;color:#99aaa2;display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.field select,.field input{width:100%;padding:9px;background:#20292c;border:1px solid #364044;border-radius:4px;color:#d9ddd9}.seed-row{display:flex;gap:8px;align-items:center}.seed-row .field{flex:1}.seed-row button{margin-top:3px}details{border-top:1px solid #34403d;padding:17px 0 7px}summary{cursor:pointer;font-size:12px;color:#e2ddd2;letter-spacing:.3px;margin-bottom:17px}summary::marker{color:#c6a575}.slider-label{display:flex;justify-content:space-between;font-size:11px;color:#9bacaa;margin-top:15px}.slider-label output{color:#e1bc8b;font:11px Consolas}input[type=range]{width:100%;accent-color:#cfaa7b;margin:9px 0 2px;cursor:pointer;height:13px}input[type=color]{width:100%;height:30px;border:1px solid #394440;background:none;padding:2px;margin-top:8px}.save-row{display:flex;flex-direction:column;gap:8px;margin-top:20px}.save-row button{font-size:11px}.aside-foot{font-size:10px;color:#7e9087;line-height:1.8}@media(max-width:1000px){header{padding:16px;height:auto;flex-wrap:wrap}.chapter{display:none}.brand{margin-right:auto}main{grid-template-columns:minmax(0,1fr) 280px}.workspace{padding:22px 16px}.live{display:none}h1{font-size:23px}.instructions{flex-wrap:wrap}}@media(max-width:720px){main{display:block}aside{border-left:0;border-top:1px solid #34403d}.brand{width:100%}header button{font-size:12px}.workspace{padding:22px 12px}.toolbar{gap:8px}}.motion-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:14px 0;border-bottom:1px solid #303839}.motion-bar>span{font-size:9px;letter-spacing:1px;color:#a89b86;margin-right:6px}.motion-bar button{font-size:11px;padding:7px 10px}.character-note{font-size:11px;line-height:1.9;margin:0 0 18px}.instructions{flex-wrap:wrap}.workspace{align-self:start}aside{max-height:calc(100vh - 90px);overflow-y:auto;scrollbar-width:thin;position:sticky;top:0}@media(max-width:720px){aside{max-height:none;position:static}}.motion-bar label{display:flex;align-items:center;gap:5px;font-size:10px;color:#9bacaa}.combat-hud{border:1px solid #34403d;background:#182222;margin-top:14px;padding:12px}.combat-summary{display:flex;align-items:center;gap:14px;flex-wrap:wrap;font-size:11px}.combat-summary strong{color:#dec7a4;font-weight:500}.combat-summary>span{color:#a5b9af}.combat-summary label{margin-left:auto;color:#91a399}.combat-counts{display:flex;flex-wrap:wrap;gap:18px;border-top:1px solid #303c38;margin-top:10px;padding-top:10px;font-size:10px;color:#90a49b}.combat-counts b{color:#e5c798;font-size:15px;margin-left:8px}#count-perfect{color:#ffc46b}#count-hurt{color:#d87575}.motion-speed{font:11px Consolas,monospace;color:#e1bc8b;min-width:62px}.tuning-notes{border-left:2px solid #8c775a;padding-left:10px;margin-bottom:20px}.tuning-notes p{font-size:10px;line-height:1.6;margin:7px 0}.instructions span{line-height:1.7}[hidden]{display:none!important}#world-buffer{position:fixed;left:-10000px;top:0;width:640px;height:400px;pointer-events:none}#game{position:relative;max-height:none}#game-view{width:100%;height:100%;outline:none;image-rendering:auto}#debug-panel{position:absolute;left:12px;top:12px;margin:0;padding:10px 12px;background:#080f15df;border:1px solid #384847;color:#c4d4c7;font:11px/1.6 Consolas,monospace;pointer-events:none;z-index:5}#room-banner{position:absolute;right:14px;top:14px;display:flex;align-items:center;gap:12px;padding:7px 10px;background:#111c22dd;border:1px solid #46534c;font-size:11px;z-index:4}#room-banner button{font-size:11px;padding:6px}.screen{min-height:100vh}.home-screen{position:relative;overflow:hidden;background:radial-gradient(ellipse at 77% 62%,#344440 0,#17252a 32%,#0c1318 70%)}.home-screen:after{content:"";position:absolute;bottom:0;right:0;width:60%;height:24%;background:linear-gradient(165deg,transparent 35%,#0c171d 35%);pointer-events:none}.menu-art{position:absolute;right:6%;top:10%;font:clamp(150px,28vw,500px)/1.5 Georgia,serif;color:#8b9b7c12;writing-mode:vertical-rl;-webkit-user-select:none;user-select:none}.menu-content{position:relative;z-index:1;padding:9vh 10vw;max-width:800px}.menu-content h1{font:clamp(75px,9vw,140px)/1.2 Georgia,serif;color:#d6b58a;letter-spacing:12px;margin:32px 0 10px}.menu-subtitle{font:18px Georgia,serif;color:#a1b0a6;margin-bottom:40px}.menu-buttons{display:grid;gap:4px;max-width:390px}.menu-buttons button{text-align:left;background:transparent;border:0;border-bottom:1px solid #384742;border-radius:0;padding:20px 4px;font:24px Georgia,serif}.menu-buttons button:hover{background:#b2987020;padding-left:12px}.menu-buttons button span{font:10px Consolas;color:#a98a66;margin-right:20px}.menu-buttons small{display:block;font:11px Segoe UI;color:#80978d;margin:8px 0 0 38px}.menu-footer{margin-top:36px;font-size:11px;letter-spacing:1px;color:#6d857c}.panel-screen{display:grid;place-items:center;padding:30px;background:radial-gradient(at 80% 0%,#253839,#0c1419 75%)}.panel{width:min(440px,100%);padding:34px;background:#172225;border:1px solid #3b4b47;box-shadow:0 20px 80px #0004}.panel h1{font-size:38px;margin:16px 0 26px}.panel button{margin-right:8px}.panel p{font-size:12px}.check-field{display:flex;align-items:center;gap:10px;font-size:13px}.room-field{margin-top:26px}.panel input:not([type=checkbox]){background:#101b20;border:1px solid #42544c;color:#d9ddd9;padding:10px;border-radius:3px}body[data-mode=solo] .editor-only,body[data-mode=multi] .editor-only{display:none!important}body[data-mode=solo] main,body[data-mode=multi] main{display:block;max-width:none}body[data-mode=solo] .workspace,body[data-mode=multi] .workspace{padding:0}body[data-mode=solo] header,body[data-mode=multi] header{height:70px}body[data-mode=solo] .viewport,body[data-mode=multi] .viewport{border:0;height:calc(100vh - 70px)}body[data-mode=solo] #game,body[data-mode=multi] #game{height:100%;aspect-ratio:auto}.stage-label,.stage-bottom{display:none}#app-shell:fullscreen{background:#101516}#app-shell:fullscreen .viewport{height:calc(100vh - 70px)}#app-shell:fullscreen #game{height:100%;aspect-ratio:auto}.slider-label{gap:10px}.slider-label output{white-space:nowrap}@media(max-width:720px){.menu-content{padding:7vh 8vw}.menu-content h1{margin-top:20px}.menu-buttons button{padding:16px 4px}body[data-mode=solo] header,body[data-mode=multi] header{height:110px}body[data-mode=solo] .viewport,body[data-mode=multi] .viewport{height:calc(100vh - 110px)}.panel{padding:25px}.brand{font-size:26px}.brand small{display:none}#room-banner{top:auto;bottom:14px;font-size:10px}}