:root{--bg: #0d0f13;--panel: #171b22;--panel-2: #1f242d;--line: #2b323d;--ink: #e8ecf2;--dim: #96a0b0;--accent: #ffb037;--you: #4ea3ff;--foe: #ff5f6d;--good: #46d18b;--bad: #ff6b6b;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.45 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-text-size-adjust:100%}.wrap{max-width:560px;margin:0 auto;padding:16px 16px calc(16px + var(--safe-bottom))}h1,h2,h3{margin:0 0 12px;line-height:1.2}h1{font-size:24px;letter-spacing:-.01em}h2{font-size:18px}p{margin:0 0 12px}.muted{color:var(--dim)}.small{font-size:13px}.center{text-align:center}.row{display:flex;gap:10px;align-items:center}.col{display:flex;flex-direction:column;gap:10px}.spread{justify-content:space-between}.grow{flex:1}.card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:14px}button{font:inherit;font-weight:600;color:var(--bg);background:var(--accent);border:0;border-radius:12px;padding:14px 18px;min-height:52px;cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}button.ghost{background:transparent;color:var(--ink);border:1px solid var(--line)}button.danger{background:var(--bad);color:#fff}button.wide{width:100%}input{font:inherit;width:100%;color:var(--ink);background:var(--panel-2);border:1px solid var(--line);border-radius:12px;padding:13px 14px;min-height:50px}label{display:block;font-size:13px;color:var(--dim);margin:0 0 5px}.err{background:#ff6b6b1f;border:1px solid rgba(255,107,107,.4);color:#ffc9c9;border-radius:12px;padding:11px 13px;font-size:14px}.fighter{display:flex;gap:11px;align-items:center}.face{width:44px;height:44px;border-radius:50%;background:var(--panel-2);border:2px solid var(--line);object-fit:cover;flex:none}.fighter.you .face{border-color:var(--you)}.fighter.foe .face{border-color:var(--foe)}.bar{height:10px;background:var(--panel-2);border-radius:99px;overflow:hidden}.bar>i{display:block;height:100%;border-radius:99px;transition:width .4s ease}.you .bar>i{background:var(--you)}.foe .bar>i{background:var(--foe)}.pill{display:inline-block;padding:3px 9px;border-radius:99px;background:var(--panel-2);border:1px solid var(--line);font-size:12px;color:var(--dim)}.pill.live{color:var(--accent);border-color:var(--accent)}.pill.info{color:var(--accent);border-color:#ffb03757;background:#ffb0371f}.sm{font-size:13px}.qback{background:none;border:0;padding:0;min-height:0;color:var(--accent);font-size:15px;font-weight:500;cursor:pointer}.flow-actions{display:flex;flex-direction:column;gap:12px;margin-top:18px}.hand{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.skill{text-align:left;color:var(--ink);background:var(--panel-2);border:1px solid var(--line);border-radius:12px;padding:11px;min-height:0;font-weight:500}.skill.on{border-color:var(--accent)}.skill .n{font-weight:700;display:block;margin-bottom:3px}.skill .t{font-size:12px;color:var(--dim)}.challenge-check-screen{height:calc(100dvh - 32px - var(--safe-bottom));min-height:0;display:flex;flex-direction:column;overflow:hidden}.challenge-check-screen>.spread{flex:0 0 auto}.challenge-camera-toggle{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:42px;height:42px;flex:0 0 42px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,176,55,.38);border-radius:50%;padding:0;min-height:0;background:#ffb03724;color:var(--accent);cursor:pointer}.challenge-camera-toggle svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.challenge-camera-toggle svg .swap{stroke-width:1.4}.challenge-camera-toggle:disabled{opacity:.42;cursor:default}.challenge-camera-toggle:focus-visible{outline:2px solid rgba(255,176,55,.78);outline-offset:3px}.challenge-capture-prompt{flex:0 0 auto;padding:10px 0 12px}.challenge-capture-prompt p{margin:9px 0 5px;color:var(--ink);font-size:15px;line-height:1.45}.challenge-capture-prompt small{display:block;color:var(--dim);font-size:11px;line-height:1.35}.challenge-capture-stage{position:relative;isolation:isolate;width:calc(100% + 32px);min-height:280px;flex:1 1 auto;margin:0 -16px calc(-16px - var(--safe-bottom));overflow:hidden;background:#000}.challenge-live-video,.challenge-pose-overlay,.challenge-reference-media,.challenge-capture-shade{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.challenge-live-video{z-index:0;display:block;object-fit:cover;transform-origin:center}.challenge-pose-overlay{z-index:1;opacity:0;pointer-events:none}.challenge-reference-media{z-index:2;display:block;border:0;object-fit:contain;opacity:.4;mix-blend-mode:screen;pointer-events:none;transform-origin:center}.challenge-capture-stage.mirrored .challenge-live-video,.challenge-capture-stage.mirrored .challenge-reference-media{transform:scaleX(-1)}.challenge-capture-shade{z-index:3;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.18),transparent 22%,transparent 64%,rgba(0,0,0,.7))}.challenge-capture-count{position:absolute;z-index:5;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#fff;font-size:92px;font-weight:500;line-height:1;text-shadow:0 4px 24px rgba(0,0,0,.8);pointer-events:none}.challenge-capture-status{position:absolute;z-index:5;right:20px;bottom:calc(18px + var(--safe-bottom));left:20px;display:flex;align-items:center;justify-content:space-between;gap:12px;color:#fff;font-size:12px;text-shadow:0 1px 5px rgba(0,0,0,.9);pointer-events:none}.challenge-capture-status b{flex:0 0 auto;letter-spacing:.06em}.challenge-capture-status span{overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap}.challenge-capture-error{position:absolute;z-index:7;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:28px;background:#08080ee6;text-align:center}.challenge-capture-error p{max-width:340px;margin:0;color:var(--ink);font-size:13px;line-height:1.5}.challenge-capture-error .btn{width:auto;min-width:160px}.challenge-camera-switch{position:absolute;z-index:6;bottom:calc(18px + var(--safe-bottom));left:50%;transform:translate(-50%)}.challenge-capture-stage.sigil .challenge-camera-switch{right:24px;bottom:calc(64px + var(--safe-bottom));left:auto;transform:none}.challenge-capture-stage:not(.sigil) .challenge-capture-status{bottom:calc(74px + var(--safe-bottom))}.challenge-switch-error{position:absolute;z-index:6;right:20px;bottom:calc(114px + var(--safe-bottom));left:20px;margin:0;padding:8px 10px;border-radius:9px;background:#11121bd6;color:#fff;font-size:11px;line-height:1.35;text-align:center}.sigil-shot{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;object-fit:contain;background:#000}.sigil-shutter{position:absolute;z-index:6;bottom:calc(52px + var(--safe-bottom));left:50%;width:68px;height:68px;min-height:0;padding:0;transform:translate(-50%);border:4px solid rgba(255,255,255,.92);border-radius:50%;background:#ffffff3d;box-shadow:0 6px 22px #0000008c;cursor:pointer}.sigil-shutter:active{background:#fff9;transform:translate(-50%) scale(.94)}.sigil-shutter:focus-visible{outline:2px solid rgba(255,176,55,.78);outline-offset:3px}.challenge-capture-stage.sigil .challenge-reference-media{opacity:.28}.challenge-capture-stage.sigil .challenge-switch-error{bottom:calc(134px + var(--safe-bottom))}@media (hover: hover) and (pointer: fine){.challenge-camera-toggle:not(:disabled):hover{border-color:#ffb037b8;background:#ffb03733;transform:translateY(-1px)}}.log{display:flex;flex-direction:column;gap:7px}.entry{display:flex;gap:9px;font-size:13px;align-items:baseline}.entry .w{width:40px;flex:none;color:var(--dim);font-variant-numeric:tabular-nums}.hit{color:var(--bad)}.miss,.resisted{color:var(--dim)}.buff{color:var(--good)}