:root{color-scheme:light dark;--monster-bg:#f2f4ef;--monster-surface:#fff;--monster-text:#151816;--monster-muted:#596457;--monster-accent:#5b9834;--monster-border:#d8dfd4;font-family:system-ui,Microsoft YaHei,sans-serif;background:var(--monster-bg);color:var(--monster-text)}*{box-sizing:border-box}body{margin:0}button,input,a{font:inherit}button,a{touch-action:manipulation}button{min-height:40px;border:1px solid var(--monster-border);border-radius:10px;padding:8px 14px;color:var(--monster-text);background:var(--monster-surface);cursor:pointer}button:disabled{opacity:.5;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--monster-accent);outline-offset:3px}a{color:inherit}.monster-host-header{height:52px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px max(12px,env(safe-area-inset-left));border-bottom:1px solid var(--monster-border);background:var(--monster-surface)}.monster-host-header a{font-size:13px;min-height:40px;display:flex;align-items:center}.monster-host-header span{font-weight:600;font-size:14px}.monster-host-header small{display:block;font-size:11px;font-weight:400;color:var(--monster-muted)}main{max-width:640px;margin:auto}#monsterFrame{position:relative;width:100%!important;height:calc(100dvh - 158px)!important;min-height:360px;background:#090909;overflow:hidden}#monsterCanvas{display:block}.monster-controls{display:flex;gap:6px;padding:8px 10px;justify-content:center}.monster-controls button{flex:1;padding:8px 4px;font-size:13px;white-space:nowrap}#monsterStatus{margin:0;padding:0 12px;min-height:22px;font-size:12px;color:var(--monster-muted)}.monster-save-line{min-height:22px;margin:0;padding:0 12px 4px;font-size:11px;color:var(--monster-muted)}.monster-save-line button{min-height:24px;padding:2px 8px;font-size:11px;margin-left:8px}.monster-save-line[data-error=true]{color:#b33b30}dialog{max-width:min(92vw,560px);max-height:85dvh;overflow:auto;padding:22px;border:1px solid var(--monster-border);border-radius:18px;background:var(--monster-surface);color:var(--monster-text)}dialog::backdrop{background:#0009}dialog h1,dialog h2{font-size:20px;margin:0 0 18px}dialog label{display:block;margin-bottom:8px}dialog input{min-height:44px;width:100%;padding:10px;border:1px solid var(--monster-border);border-radius:10px;background:var(--monster-bg);color:inherit}.monster-dialog-actions,.monster-dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px}.monster-dialog-heading{margin-top:0;margin-bottom:12px}.monster-dialog-heading h2{margin:0}.monster-dialog-actions button[type=submit]{background:var(--monster-accent);color:#fff;border-color:transparent}.monster-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px 20px}.monster-stats div{display:flex;justify-content:space-between;gap:20px;font-size:14px;padding:5px 0}.monster-items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:16px}.monster-item{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:0;font-size:12px;text-align:center;overflow-wrap:anywhere}.monster-item img{width:56px;height:56px;object-fit:contain;background:#10110f;border-radius:8px}.monster-item span{max-width:100%}@media(prefers-color-scheme:dark){:root{--monster-bg:#0d100f;--monster-surface:#171b19;--monster-text:#f0f4ef;--monster-muted:#a6afa8;--monster-accent:#8bc95f;--monster-border:#30392e}.monster-dialog-actions button[type=submit]{color:#10200d}.monster-save-line[data-error=true]{color:#ff9589}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}