:root{color-scheme:dark;--ink:#dfe8e8;--subtle:#9baeb6;--panel:rgba(12,27,36,.9);--gold:#d2b77d;--aqua:#78caba;font:14px/1.5 system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;background:#101d27;color:var(--ink);overflow:hidden}button,input,select,textarea{font:inherit}button{border:1px solid #51646c;background:#243a46;color:var(--ink);padding:9px 13px;border-radius:5px;cursor:pointer;white-space:nowrap}button:hover:not(:disabled){background:#345361;border-color:var(--aqua)}button:disabled{opacity:.5;cursor:default}button.primary{background:#31685f;border-color:#81b6a4;color:#f1faf6}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--gold);outline-offset:2px}kbd{font:10px system-ui;margin-left:9px;opacity:.7}small{color:var(--subtle)}#game{position:relative;width:100vw;height:100dvh}#canvas{display:block;width:100%;height:100%;outline:none;touch-action:none}.brand,.wavebox,.session{position:absolute;top:24px;background:var(--panel);border:1px solid #6672726b;box-shadow:0 10px 40px #07131a33;pointer-events:none}.brand{left:24px;padding:15px 22px 17px}.brand>span{font-size:9px;letter-spacing:3px;color:var(--gold)}h1{font:38px/1.15 Georgia,serif;letter-spacing:4px;margin:5px 0 0}.brand small{font-size:9px;letter-spacing:2px}.wavebox{left:50%;transform:translateX(-50%);text-align:center;padding:12px 28px;min-width:270px}.wavebox>span{font:20px Georgia,serif;letter-spacing:2px}.wavebox small{display:block;margin-top:4px;color:var(--aqua);font-size:11px}.session{right:24px;padding:12px 18px}.session small{display:block;font-size:11px}.toolbar{position:absolute;bottom:166px;left:50%;transform:translateX(-50%);display:flex;gap:7px;padding:9px;background:var(--panel);border:1px solid #53656e6b;border-radius:8px}.toolbar button{font-size:12px}.heroes{position:absolute;bottom:48px;left:50%;transform:translateX(-50%);display:flex;gap:8px;max-width:calc(100vw - 28px)}.hero{width:142px;min-width:105px;height:100px;text-align:left;background:var(--panel);border:1px solid #75858c70;padding:10px 11px;border-radius:4px;position:relative}.hero.selected{border-color:var(--gold);box-shadow:0 -2px var(--gold)}.hero strong{font:17px Georgia,serif}.hero small{display:block;font-size:9px;letter-spacing:1px;margin:1px 0 7px}.hero .numbers{font-size:10px;color:var(--aqua)}.meter{height:4px;background:#101d27;margin:5px 0}.meter i{display:block;height:100%;background:var(--aqua)}.mana{height:2px;margin-top:4px}.mana i{background:#8c9cd3}.hero.dead{opacity:.45}.hints{position:absolute;bottom:15px;width:100%;text-align:center;color:#c0ccd0;font-size:11px;text-shadow:0 1px 5px #000}.hints span{margin:0 8px;color:var(--gold)}.loading{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:radial-gradient(ellipse at 50% 30%,#284450,#0d1922 75%);z-index:10;padding:24px}.loading h2{font:32px Georgia,serif;color:#ece6d7;font-weight:normal;margin:20px 0 4px}.loading p{color:var(--subtle);max-width:420px}.loading .muted{font-size:12px}.crest{font:52px Georgia,serif;color:var(--gold);border:1px solid var(--gold);width:90px;height:90px;line-height:86px;transform:rotate(-8deg)}progress{width:min(300px,70vw);height:5px;accent-color:var(--aqua);margin:12px 0}.loading[hidden],[hidden]{display:none!important}#notice{position:absolute;top:110px;left:50%;transform:translateX(-50%);max-width:min(700px,90vw);padding:12px 20px;background:var(--panel);border:1px solid #c6ad7766;color:#e8d5a6;font-size:12px;text-align:center;pointer-events:none}.healthbar{position:absolute;width:42px;height:4px;background:#0c2028;transform:translateX(-50%);box-shadow:0 0 0 1px #0005}.healthbar i{display:block;height:100%;background:#7fd2b7}.healthbar.enemy i{background:#cf83b6}#healthbars{position:absolute;inset:0;pointer-events:none}#editor{position:absolute;z-index:15;right:0;top:0;bottom:0;width:min(480px,100vw);background:#101e28;border-left:1px solid #526971;box-shadow:-25px 0 70px #07121b66;display:flex;flex-direction:column;padding:20px}.editor-heading{display:flex;align-items:center;justify-content:space-between}.editor-heading small{font-size:10px;letter-spacing:2px;color:var(--gold)}.editor-heading h2{font:25px Georgia,serif;margin:3px 0 14px}.editor-heading button{font-size:20px;line-height:1;padding:5px 10px}.editor-actions{display:flex;flex-wrap:wrap;gap:7px}.editor-actions button{font-size:12px;padding:7px 10px}.editor-help{font-size:11px;color:var(--subtle);margin:13px 0}.section-label{font-size:11px;color:var(--gold);margin:0 0 5px}input,select,textarea{background:#1c303c;color:var(--ink);border:1px solid #465a66;border-radius:4px;padding:8px;width:100%;min-width:0}select{margin-bottom:8px}#filter{margin-bottom:12px}#fields{flex:1;min-height:0;overflow:auto;padding-right:5px}.field{padding:10px 0;border-bottom:1px solid #31424b;display:grid;grid-template-columns:1fr 115px;gap:8px;align-items:center}.field label{overflow-wrap:anywhere;font-size:12px;line-height:1.4}.field label small{display:block;font-size:9px;color:#8299a4}.field input{font-size:12px;padding:6px}.field input[type=checkbox]{height:20px}.array-field{padding:10px 0;border-bottom:1px solid #31424b;font-size:11px;color:var(--gold)}.array-field textarea{min-height:100px;font:11px/1.4 monospace;margin-top:8px}.editor-message{font-size:12px;color:var(--subtle);margin:10px 0}.stone-buttons{display:flex;gap:5px;flex-wrap:wrap;margin:12px 0}.stone-buttons button{font-size:11px}#editor-status{padding-top:12px;color:var(--gold);font-size:11px;min-height:30px;overflow-wrap:anywhere}.battle-row{padding:8px 0;border-bottom:1px solid #33464e;font-size:11px}.battle-row strong{color:var(--aqua)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}body.detached #game{display:none}body.detached #editor{width:100%;max-width:none}.detached #detach,.detached #editor-close{display:none}@media(max-width:1000px){.session{display:none}.brand{top:15px;left:15px;padding:10px 16px}.brand h1{font-size:29px}.wavebox{left:auto;right:15px;top:15px;transform:none;min-width:205px;padding:10px 15px}.toolbar{bottom:156px;max-width:96vw;flex-wrap:wrap;justify-content:center;width:max-content}.toolbar button{padding:7px 10px}.heroes{gap:5px;bottom:43px}.hero{width:128px;height:94px;min-width:80px;padding:8px}.hero strong{font-size:15px}.hints{font-size:9px}}@media(max-width:600px){.brand>span{font-size:7px;letter-spacing:1.5px}.brand h1{font-size:24px}.brand small{font-size:7px}.wavebox{min-width:160px;padding:10px}.wavebox>span{font-size:16px}.wavebox small{font-size:9px}.heroes{display:grid;grid-template-columns:repeat(3,1fr);width:95%;bottom:40px}.hero{width:100%;height:68px;min-width:0;padding:5px 9px}.hero strong{font-size:14px}.hero small{font-size:8px;display:inline;margin-left:5px}.hero .numbers{display:block;font-size:9px}.meter{margin:3px 0;height:3px}.mana{height:2px}.toolbar{bottom:192px;gap:4px;padding:6px}.toolbar button{padding:6px 8px;font-size:11px}.toolbar kbd{display:none}.hints{bottom:10px;padding:0 12px}.hints span{margin:0 3px}#notice{top:95px}}