:root{--bg: #141019;--fg: #f4efe6;--accent: #ffd23a;color-scheme:dark}html,body,#app{height:100%;margin:0;background:var(--bg);color:var(--fg);overflow:hidden}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}#sw{position:relative;width:100%;height:100%;min-height:420px;overflow:hidden;background:#223;outline:none;user-select:none;-webkit-user-select:none;touch-action:none;font-family:system-ui,-apple-system,Segoe UI,sans-serif}#sw button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}#hudL{position:absolute;top:10px;left:12px;z-index:2;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.9);pointer-events:none;font-size:13px;line-height:1.4}#breed{font-size:15px;font-weight:500}.hpwrap{width:170px;height:12px;background:#00000073;border-radius:6px;margin-top:5px;overflow:hidden;border:1px solid rgba(255,255,255,.5)}#hpbar{height:100%;width:100%;background:#5ad05a;transition:width .2s}#stats{margin-top:4px;white-space:pre}#buffs{margin-top:2px;color:#ffe27a}#skinbtn{pointer-events:auto;margin-top:6px;padding:4px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.6);background:#00000073;color:#fff;font-size:12px;cursor:pointer}#mini{position:absolute;top:10px;right:12px;width:110px;height:110px;z-index:2;border-radius:50%;pointer-events:none}#bossui{display:none;position:absolute;top:12px;left:50%;transform:translate(-50%);z-index:2;text-align:center;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.9);pointer-events:none;width:40%}#bossname{font-size:14px;font-weight:500}.bosswrap{height:10px;background:#00000080;border-radius:5px;overflow:hidden;margin-top:4px;border:1px solid rgba(255,255,255,.5)}#bossbar{height:100%;width:100%;background:#e84a4a}#banner{position:absolute;top:30%;left:0;right:0;text-align:center;font-size:26px;font-weight:500;color:#fff;text-shadow:0 2px 6px rgba(0,0,0,.9);opacity:0;transition:opacity .4s;pointer-events:none;z-index:2;padding:0 16px}#toast{position:absolute;top:42%;left:0;right:0;text-align:center;font-size:18px;font-weight:500;color:#ffe27a;text-shadow:0 2px 5px rgba(0,0,0,.9);opacity:0;transition:opacity .3s;pointer-events:none;z-index:2}#dialog{position:absolute;left:50%;bottom:62px;transform:translate(-50%);width:max-content;max-width:78%;background:#fffffff0;color:#2a2a2a;padding:10px 14px;border-radius:12px;font-size:14px;line-height:1.45;display:none;z-index:2;pointer-events:none}#prompt{position:absolute;left:50%;bottom:32px;transform:translate(-50%);color:#fff;background:#00000080;padding:5px 12px;border-radius:14px;font-size:13px;display:none;z-index:2;pointer-events:none;white-space:nowrap}#hurt{position:absolute;inset:0;pointer-events:none;z-index:1;box-shadow:inset 0 0 90px 30px #ff00008c;opacity:0;transition:opacity .25s}#fade{position:absolute;inset:0;pointer-events:none;z-index:3;background:#000;opacity:0;transition:opacity .5s}#keys{position:absolute;left:12px;bottom:10px;color:#fff;font-size:12px;z-index:2;pointer-events:none;text-shadow:0 1px 3px rgba(0,0,0,.9)}#abil{position:absolute;right:14px;bottom:34px;display:flex;gap:8px;z-index:2;pointer-events:none}.chip{background:#00000073;color:#fff;border-radius:10px;padding:5px 9px;font-size:12px;border:1px solid rgba(255,255,255,.6)}.chip b{color:#ffd23a}.chip .cd{color:#aaa}#joy{position:absolute;left:18px;bottom:18px;width:110px;height:110px;border-radius:50%;background:#ffffff2e;border:2px solid rgba(255,255,255,.45);z-index:2;touch-action:none}#knob{position:absolute;left:33px;top:33px;width:44px;height:44px;border-radius:50%;background:#ffffffbf;pointer-events:none}.touch-buttons{position:absolute;right:16px;bottom:18px;display:flex;gap:10px;align-items:flex-end;z-index:2}.tb{border-radius:50%;border:none;font-weight:500;line-height:1.1}.tb-talk{width:58px;height:58px;background:#78dc8cd9;color:#123;font-size:13px}.tb-jump{width:58px;height:58px;background:#fffc;color:#222;font-size:13px}.tb-js{display:none;width:66px;height:66px;background:#ff9632eb;color:#3a1a0a;font-size:12px}.tb-atk{width:76px;height:76px;background:#ffc83ce6;color:#3a2a0a;font-size:13px}.touch-mode #keys{display:none}.touch-mode #dialog{bottom:150px;max-width:60%}.touch-mode #prompt{bottom:138px}#ov{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:#141028b8;color:#fff;text-align:center;padding:20px;z-index:4;font-size:15px;line-height:1.5}#ov .t30{font-size:30px;font-weight:500}#ov .t26{font-size:26px;font-weight:500}#ov .t24{font-size:24px;font-weight:500}#ov .t13{font-size:13px;opacity:.9}#ov .w470{max-width:470px}#ov .w440{max-width:440px}#ov .w420{max-width:420px}#ov label{font-size:14px}#ov select{margin-left:6px;color:#222}.btn{padding:10px 22px;border-radius:12px;border:none;font-size:16px;font-weight:500;cursor:pointer;background:#ffffffe0;color:#3a2a0a}.btn.primary{background:#ffd23a}.skins{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:8px;width:100%;max-width:600px;max-height:330px;overflow:auto;padding:4px}.skin{padding:8px 4px;border-radius:12px;border:2px solid rgba(255,255,255,.25);background:#ffffff0a;color:#fff;font-size:12px;cursor:default}.skin.unlocked{background:#ffffff1f;cursor:pointer}.skin.on{border-color:#ffd23a}.swatch{width:34px;height:34px;border-radius:50%;margin:0 auto 5px;border:3px solid #444;background:#333;box-sizing:content-box}.skin .power{color:#ffb060;font-size:11px}.skin .wearing{color:#ffd23a;font-size:11px}#ov.gate{gap:12px}.gate-form{display:flex;flex-direction:column;gap:10px;width:min(340px,100%);text-align:left}.gate-form label{display:flex;flex-direction:column;gap:4px;font-size:14px}.gate-form input{padding:9px 10px;border-radius:10px;border:1px solid rgba(255,255,255,.4);background:#00000059;color:#fff;font-size:16px}.gate-err{min-height:1.4em;color:#ffb0a0;font-size:14px}.linkbtn{background:none;border:none;color:#ffe27a;text-decoration:underline;cursor:pointer;font-size:14px;padding:4px}.players{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;width:min(640px,100%)}.player{border:2px solid rgba(255,255,255,.25);border-radius:14px;padding:8px;background:#ffffff14}.player-main{width:100%;background:none;border:none;color:#fff;cursor:pointer;padding:6px}.player-name{font-size:16px;font-weight:500}.player-tools{display:flex;justify-content:center;gap:6px}