:root{--bg:#f4f1ea;--cd:#fff;--tx:#222;--mu:#777;--ac:#d9651e;--bd:#ddd;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#15131a;--cd:#201d29;--tx:#eee;--mu:#9a95a8;--bd:#332f40}}:root[data-theme=dark]{--bg:#15131a;--cd:#201d29;--tx:#eee;--mu:#9a95a8;--bd:#332f40}html,body{margin:0;background:var(--bg);color:var(--tx);font:15px system-ui,sans-serif}#app{max-width:480px;margin:auto;padding:10px}.c{background:var(--cd);border:1px solid var(--bd);border-radius:12px;padding:10px;margin-bottom:8px}.r{display:flex;justify-content:space-between;align-items:center;gap:8px}.mu{color:var(--mu);font-size:12px}.bar{height:12px;background:var(--bd);border-radius:6px;overflow:hidden;margin:4px 0}.bar i{display:block;height:100%;width:0;background:var(--ac)}.hp i{background:#c0392b}.xp i{background:#3b82f6}.pt i{background:#a855f7}.tabs{display:flex;gap:6px;margin-bottom:8px}button{background:var(--ac);color:#fff;border:0;border-radius:8px;padding:9px 10px;font:inherit;cursor:pointer}button.off{opacity:.4}button.t{background:var(--cd);color:var(--tx);border:1px solid var(--bd)}button.t.on{border-color:var(--ac);color:var(--ac)}.row{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:6px 0;border-top:1px solid var(--bd)}.row:first-child{border:0}#log div{font-size:12px;color:var(--mu);padding:1px 0}canvas{width:100%;display:block;border-radius:10px;margin-bottom:6px;background:#000}.tabs button{flex:1;padding:8px 2px;font-size:13px}.sm{display:flex;gap:4px;flex-direction:column;align-items:flex-end}button.sm,.sm button{padding:5px 8px;font-size:13px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:6px 0}.cell{text-align:center;font-size:12px;background:#7f7f7f26;border-radius:8px;padding:6px}.th{width:56px;height:56px}.dark{filter:brightness(0)}.sq{display:inline-block;width:11px;height:11px;border-radius:2px;margin-left:3px}#sb{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}#sb button{flex:1;padding:7px 4px;font-size:13px}.warn{border-color:#c0392b;background:#c0392b24}.warn .mu{margin:4px 0 8px}#savebox summary{cursor:pointer;font-weight:600;padding:4px 0}#savebox button{min-height:44px}#savebox .sm button{min-height:36px}#savebox textarea{display:block;width:100%;box-sizing:border-box;margin:6px 0;padding:8px;font:16px ui-monospace,monospace;background:var(--bg);color:var(--tx);border:1px solid var(--bd);border-radius:8px}#savebox input[type=file]{display:block;width:100%;margin:8px 0;font:inherit;color:var(--tx)}.sv-sec{border-top:1px solid var(--bd);margin-top:10px;padding-top:8px}.sv-sec>b{display:block;margin-bottom:2px}.sv-row{display:flex;gap:8px;flex-wrap:wrap;margin:6px 0}.sv-row button{flex:1 1 140px}.sv-note{padding:8px;border-radius:8px;margin:8px 0;font-size:13px;border:1px solid var(--bd)}.sv-note.ok{border-color:#2e7d32}.sv-note.error{border-color:#c0392b;background:#c0392b1f}.sv-confirm{background:#d9651e1a;border:1px solid var(--ac);border-radius:10px;padding:10px}button.danger{background:#b3261e}