:root{--bg: #0b0a09;--bg-2: #15120e;--panel: #1b1712;--line: #3a2f22;--gold: #d9b26a;--gold-2: #f1d59a;--text: #e8e1d5;--muted: #9b907f;--ok: #7fc48b;--bad: #e07a6a;color-scheme:dark}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 50% -10%,#3a2a14 0%,transparent 55%),linear-gradient(180deg,var(--bg-2),var(--bg));color:var(--text);font:15px/1.5 Inter,system-ui,sans-serif}.shell{width:min(480px,100% - 32px);margin:0 auto;padding:48px 0 64px}.brand{text-align:center;margin-bottom:28px}.brand h1{margin:0;font:700 44px/1 Cinzel,serif;letter-spacing:.08em;color:var(--gold);text-shadow:0 2px 18px rgba(217,178,106,.25)}.brand h1 span{color:var(--gold-2)}.sub{margin:8px 0 0;color:var(--muted);font-size:13px;letter-spacing:.04em}.panel{background:linear-gradient(180deg,#211c16,var(--panel));border:1px solid var(--line);border-radius:10px;padding:20px;box-shadow:0 10px 40px #00000080}.panel h2{margin:0 0 14px;font:600 18px Cinzel,serif;color:var(--gold-2);letter-spacing:.05em}.list{list-style:none;margin:0 0 14px;padding:0;display:grid;gap:8px}.list button{width:100%;text-align:left;display:flex;justify-content:space-between;align-items:center;gap:12px}.list .meta{color:var(--muted);font-size:13px}.empty{color:var(--muted);font-size:14px}label{display:grid;gap:6px;margin-bottom:12px;color:var(--muted);font-size:13px}input,select{font:inherit;color:var(--text);background:#0f0d0a;border:1px solid var(--line);border-radius:6px;padding:10px 12px;min-width:0}input:focus,select:focus{outline:2px solid var(--gold);outline-offset:1px}button{font:600 14px Inter,sans-serif;color:#1a1206;background:linear-gradient(180deg,var(--gold-2),var(--gold));border:0;border-radius:6px;padding:10px 16px;cursor:pointer}button:disabled{opacity:.5;cursor:wait}button.ghost{color:var(--gold-2);background:transparent;border:1px solid var(--line)}.list button:not(.ghost){color:var(--text);background:#14110d;border:1px solid var(--line);padding:12px 14px}.list button:hover{border-color:var(--gold)}.row{display:flex;justify-content:space-between;gap:10px}.create{display:grid;grid-template-columns:1fr auto auto;gap:8px;padding-top:14px;border-top:1px solid var(--line)}@media(max-width:420px){.create{grid-template-columns:1fr 1fr}.create input{grid-column:1 / -1}}.stats{display:grid;grid-template-columns:repeat(2,1fr);gap:6px 16px;margin:0 0 16px}.stats div{display:flex;justify-content:space-between;border-bottom:1px dashed var(--line);padding:4px 0}.stats dt{color:var(--muted)}.stats dd{margin:0;font-variant-numeric:tabular-nums}.note{color:var(--muted);font-size:13px}.status{min-height:1.5em;text-align:center;font-size:14px;margin:14px 0}.status.ok{color:var(--ok)}.status.bad{color:var(--bad)}.log{color:var(--muted);font-size:12px}.log summary{cursor:pointer}.log ol{max-height:220px;overflow:auto;font-family:ui-monospace,Consolas,monospace;padding-left:28px;word-break:break-all}#game{position:fixed;inset:0;background:#07070a}#game canvas{display:block}.g-loading{position:absolute;inset:0;display:grid;place-items:center;color:var(--gold);font:600 18px Cinzel,serif}.g-hud{position:absolute;top:12px;left:12px;width:min(300px,calc(100vw - 24px));background:#0c0a08d1;border:1px solid var(--line);border-radius:8px;padding:10px 12px;display:grid;gap:6px;pointer-events:none}.g-name b{color:var(--gold-2);font-family:Cinzel,serif}.g-bar{position:relative;height:16px;background:#2a0d0d;border:1px solid #5a2020;border-radius:3px;overflow:hidden}.g-life{height:100%;width:100%;background:linear-gradient(180deg,#e25a4a,#9c1f18);transition:width .2s}.g-life-text{position:absolute;inset:0;display:grid;place-items:center;font-size:11px;color:#fff;text-shadow:0 1px 2px #000}.g-where,.g-target{color:var(--muted);font-size:12px}.g-target:empty{display:none}.g-log{position:absolute;left:12px;bottom:12px;margin:0;padding:8px 12px 8px 28px;width:min(420px,calc(100vw - 24px));background:#0c0a08b3;border:1px solid var(--line);border-radius:8px;font-size:12px;color:var(--text);pointer-events:none}.g-log:empty{display:none}.g-exit{position:absolute;top:12px;right:12px}.mu-name{position:absolute;transform:translate(-50%,-100%);pointer-events:none;font:700 12px Tahoma,Verdana,sans-serif;color:#fff;text-shadow:1px 1px 0 #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000;white-space:nowrap}.mu-name canvas{vertical-align:-1px}.mu-name-guild{text-align:center;color:#ffd37a;font-size:11px}.mu-name[hidden]{display:none}.mu-name-item{color:#e0e0e0}.mu-name-zen{color:#ffd75a}.mu-name-exc{color:#3cff9a}