@font-face{font-family:PixelMplus12;src:url(/fonts/PixelMplus12-Regular.ttf)format("truetype");font-display:block}@font-face{font-family:PixelMplus10;src:url(/fonts/PixelMplus10-Regular.ttf)format("truetype");font-display:block}:root{--bg:#000;--win:#10186c;--win-top:#3848c0;--win-bottom:#080c48;--win2:#2030a0;--line:#f8f8f8;--line-dark:#6870a8;--text:#f8f8f8;--dim:#8888a8;--gold:#f8d878;--hp:#58d858;--hp-low:#f8b800;--hp-crit:#e83030;--mp:#6888fc;--accent:#fca044;--bad:#f87858;--good:#b8f818;--sel:#3cbcfc}*{box-sizing:border-box}html,body{background:var(--bg);touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;height:100%;margin:0;overflow:hidden}#viewport{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#screen{background:var(--bg);width:270px;height:480px;color:var(--text);transform-origin:50%;-webkit-font-smoothing:none;font-smooth:never;flex:none;font-family:PixelMplus12,monospace;font-size:12px;line-height:14px;position:relative;overflow:hidden}#screen canvas{image-rendering:pixelated;image-rendering:crisp-edges;display:block}.small{font-family:PixelMplus10,monospace;font-size:10px;line-height:12px}.dim{color:var(--dim)}.gold{color:var(--gold)}.good{color:var(--good)}.bad{color:var(--bad)}.accent{color:var(--accent)}.center{text-align:center}.right{text-align:right}.row{align-items:center;gap:4px;display:flex}.between{justify-content:space-between;align-items:center;gap:4px;display:flex}.col{flex-direction:column;gap:4px;display:flex}.grow{flex:1;min-width:0}.pre{white-space:pre-wrap}.screen{flex-direction:column;gap:4px;padding:6px;display:flex;position:absolute;inset:0}.win{background:linear-gradient(180deg, var(--win-top) 0%, var(--win) 45%, var(--win-bottom) 100%);border:2px solid var(--line);box-shadow:0 0 0 1px #000, inset 0 0 0 1px var(--line-dark), 2px 2px 0 1px #00000073;text-shadow:1px 1px #000;border-radius:4px;padding:4px 6px}.win.scroll{scrollbar-width:none;overflow-y:auto}.win.scroll::-webkit-scrollbar{display:none}.win h2{color:var(--gold);margin:0 0 4px;font-size:12px;font-weight:400}button.btn,.menu-item{all:unset;cursor:pointer;color:var(--text);font:inherit;padding:2px 2px 2px 12px;display:block;position:relative}.menu-item:hover:before,.menu-item:focus-visible:before,.menu-item.sel:before{content:"▶";font-size:10px;position:absolute;left:0}.menu-item.disabled{color:var(--dim);cursor:default}.menu-item.disabled:before{content:none}.chip,button.btn{all:unset;cursor:pointer;border:1px solid var(--line);text-align:center;background:linear-gradient(180deg, #5868d8 0%, var(--win2) 55%, #101870 100%);text-shadow:1px 1px #000;font:inherit;border-radius:3px;padding:2px 4px;box-shadow:inset 0 1px #ffffff59,0 1px #000}.chip:active,button.btn:active{box-shadow:none;transform:translateY(1px)}.chip.on{background:linear-gradient(180deg, #a8e8fc 0%, var(--sel) 60%, #1888c8 100%);color:#000;text-shadow:none}.chip:disabled{color:var(--dim);border-color:var(--dim);cursor:default}.bar{background:#303030;height:3px;position:relative}.bar>i{background:var(--hp);position:absolute;top:0;bottom:0;left:0}.bar.mp>i{background:var(--mp)}input.text{all:unset;font:inherit;border-bottom:1px solid var(--line);-webkit-user-select:text;user-select:text;width:100%;padding:2px}textarea.text{font:inherit;color:var(--text);border:1px solid var(--line);resize:none;-webkit-user-select:text;user-select:text;background:#000;width:100%;font-size:10px}.blink{animation:.8s step-end infinite blink}@keyframes blink{50%{opacity:0}}.toast-layer{z-index:20;pointer-events:none;justify-content:center;align-items:center;padding:16px;display:flex;position:absolute;inset:0}.toast{pointer-events:auto;text-align:center;min-width:160px;max-width:100%;padding:8px 10px;animation:.15s ease-out pop}@keyframes pop{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.grid5{grid-template-columns:repeat(5,1fr);gap:2px;display:grid}.cell{border:1px dashed var(--dim);cursor:pointer;text-align:center;flex-direction:column;justify-content:center;align-items:center;height:40px;padding:1px;font-size:10px;line-height:11px;display:flex}.cell.filled{border-style:solid;border-color:var(--line);background:var(--win2)}.cell.sel{outline:2px solid var(--sel)}.cell.reach{border-color:var(--good)}.cell.noreach{border-color:var(--bad)}.backbar{flex:none;justify-content:center;margin-top:auto;padding-top:2px;display:flex}.backbar .btn{min-width:96px;padding:4px 8px}.btn-row{gap:4px;margin-top:6px;display:flex}.btn-row>.btn,.btn-row>.chip{flex:1;padding:4px}.section{margin-top:6px}.section:first-child{margin-top:0}.section-title{color:var(--gold);border-bottom:1px solid var(--line-dark);margin-bottom:2px;font-size:10px;line-height:12px}.stats2{grid-template-columns:1fr 1fr;gap:1px 6px;display:grid}.stats3{grid-template-columns:1fr 1fr 1fr;gap:1px 6px;display:grid}.stats2>span,.stats3>span{justify-content:space-between;display:flex}.stats2>span>b,.stats3>span>b{font-weight:400}.char-grid{grid-template-columns:1fr 1fr;gap:2px 8px;display:grid}.char-cell{border-bottom:1px dashed var(--line-dark);min-width:0;padding:1px 0}.ellipsis{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}