:root{--bg:#000;--fg:#fff;--dim:#777;--accent:#ffd84a;--frame:#fff;--gap:8px}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--fg);-webkit-text-size-adjust:100%;margin:0;font-family:DotGothic16,ui-monospace,monospace;font-size:18px;line-height:1.5}#screen{max-width:560px;padding:12px 12px calc(12px + env(safe-area-inset-bottom));gap:var(--gap);flex-direction:column;min-height:100dvh;margin:0 auto;display:flex}.win{border:3px double var(--frame);border-radius:6px;padding:8px 12px}.head h1{text-align:center;margin:0;font-size:1.1rem;font-weight:400}.body{min-height:5.5em}.body p{white-space:pre-wrap;margin:0}.body .title-big{text-align:center;letter-spacing:.1em;margin:.6em 0 .2em;font-size:2rem}.body .title-sub{text-align:center;color:var(--dim);font-size:.8rem}.menu{flex-direction:column;padding:4px;display:flex}.menu:empty{display:none}.item{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:4px;align-items:center;gap:8px;min-height:44px;padding:6px 8px 6px 28px;display:flex;position:relative}.item.sel:before{content:"▶";color:var(--accent);position:absolute;left:6px}.item:disabled,.item.disabled{color:var(--dim);cursor:default}.item .label{flex:auto}.item .value{color:var(--dim);text-align:right;font-size:.85rem}.item.stepper .value{color:var(--fg);min-width:2.2em;font-size:1rem}.step{border:2px solid var(--frame);width:40px;height:36px;color:inherit;font:inherit;cursor:pointer;background:0 0;border-radius:4px}.step:active{background:#333}.input{gap:8px;padding:6px 4px;display:flex}.input input{min-width:0;color:var(--fg);border:2px solid var(--frame);font:inherit;background:#111;border-radius:4px;flex:auto;padding:6px 8px}.input button,.back{color:var(--fg);border:2px solid var(--frame);font:inherit;cursor:pointer;background:0 0;border-radius:4px;min-height:44px;padding:6px 14px}table{border-collapse:collapse;width:100%;font-size:.9rem}th{color:var(--dim);text-align:left;font-weight:400}td,th{white-space:nowrap;padding:1px 4px}td.n,th.n{text-align:right}.party td:nth-child(2){white-space:normal}.sheet .name{font-size:1.1rem}.sheet .sub{color:var(--dim);margin-bottom:4px}.sheet .cols{grid-template-columns:auto 1fr;gap:0 20px;display:grid}.sheet dl{grid-template-columns:auto auto;gap:0 10px;margin:0;display:grid}.sheet dt{color:var(--dim)}.sheet dd{text-align:right;margin:0}.sheet .spells,.sheet .items{margin-top:6px}.sheet .items{columns:2}.orig{color:var(--dim);white-space:nowrap;margin-left:.5em;font-size:max(.7em,11px)}.item .label .orig,.sheet .items .orig{margin-left:0;line-height:1.25;display:block}.sheet .items p{break-inside:avoid}.foot{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.keys{color:var(--dim);margin:0;font-size:.7rem}@media (hover:none){.keys{display:none}}@media (width<=420px){html,body{font-size:16px}.sheet .cols{grid-template-columns:1fr}}.maze{aspect-ratio:82/80;border:1px solid var(--dim);width:min(100%,328px);margin:0 auto 6px;position:relative}.maze svg{width:100%;height:100%;display:block}.maze line{stroke:var(--fg);stroke-width:1px;stroke-linecap:square;vector-effect:none;shape-rendering:crispedges}.maze .caption{white-space:pre;margin:0;font-size:.8rem;position:absolute;top:4px;left:6px}