*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#202921;color:#f1eee6;font:14px/1.45 Segoe UI,sans-serif}button{font:inherit;cursor:pointer;border:1px solid #ffffff30;color:inherit;background:#18201ed9;border-radius:4px;padding:10px 16px;transition:background .15s}button:hover{background:#3c5146}button:focus-visible{outline:2px solid #dfbb72;outline-offset:3px}button:disabled{opacity:.45;cursor:default}kbd{font:10px monospace;color:#bdbfb0;padding-left:8px}canvas{display:block;width:100%;height:100%;outline:none;touch-action:none}#hud{position:absolute;inset:0;pointer-events:none;text-shadow:0 2px 8px #0008}#hud button{pointer-events:auto}header{position:absolute;top:26px;left:32px;right:32px;display:flex;justify-content:space-between;align-items:start}.brand{font-weight:750;letter-spacing:5px;font-size:22px}.brand span{display:block;font-size:8px;letter-spacing:3px;color:#cbcaba;margin-top:3px}.top-actions{display:flex;gap:7px}.top-actions button{font-size:12px;background:#17251c90;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}#route-info{position:absolute;left:32px;top:114px}#place,.eyebrow{font-size:10px;font-weight:600;letter-spacing:2.6px;color:#d9c597}h1{font-weight:400;font-size:28px;margin:5px 0}#route-sub{font-size:12px;color:#d6d8cb;margin:0;max-width:260px}#status{position:absolute;left:32px;bottom:154px;width:176px}.stat{margin:10px 0;display:flex;align-items:center;gap:9px;font-size:11px}.stat>span{width:43px;color:#ccc9ba;letter-spacing:1px}.stat b{font-weight:400}.meter{height:3px;background:#ffffff30;width:80px}.meter i{display:block;background:#dcc082;height:100%;width:100%;transition:width .15s}#notice{position:absolute;bottom:156px;left:50%;transform:translate(-50%);max-width:440px;text-align:center;font-size:13px;background:#18221bbe;padding:9px 17px;border-radius:4px;opacity:0;transition:opacity .15s}#notice.visible{opacity:1}#hold-label{position:absolute;background:#17231fdf;padding:7px 11px;border:1px solid #c8ae7130;border-radius:4px;font-size:11px;display:none}#limbs{position:absolute;bottom:78px;left:50%;transform:translate(-50%);display:flex;gap:7px}#limbs button{width:118px;font-size:12px;color:#d6d8cb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#14231d99}#limbs button span{margin-left:8px}#limbs button.selected{border-color:#dcc082;color:#fff0cb;background:#3e4b33dd}footer{position:absolute;bottom:22px;left:32px;right:32px;display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#d1d2c4}footer button{font-size:12px}#perf{position:absolute;right:32px;bottom:75px;font:10px monospace;color:#c5caba88}dialog{color:#f0eee4;background:#17241ff5;border:1px solid #9da48b55;border-radius:8px;padding:30px;max-width:750px;width:calc(100% - 36px);box-shadow:0 30px 100px #0008;max-height:86vh;overflow:auto}dialog::backdrop{background:#10161188;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}h2{font-weight:400;font-size:30px;margin:7px 0 20px}.dialog-head{display:flex;justify-content:space-between;align-items:start}.dialog-head button{font-size:25px;line-height:1;padding:4px 11px}.muted{font-size:11px;color:#abb5a4}.region-title{font-size:10px;letter-spacing:2px;color:#d7c390;margin:21px 0 8px}#route-list .line{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;border-bottom:1px solid #fff1;padding:8px 0}.line button{padding:9px 12px;text-align:left;width:100%;background:#26332bbb;border:0}.line small{display:block;color:#a7b3a1;font-size:11px}.line .record{font-size:11px;text-align:right;color:#d7c390;min-width:85px}dl{display:grid;grid-template-columns:185px 1fr;gap:12px;font-size:12px}dt{color:#dcc082}dd{margin:0;color:#c6d0c0}#begin{margin-top:10px;background:#526044}.result-actions{display:flex;gap:9px}#result{max-width:480px}#result-copy{white-space:pre-line;color:#cbd3c4}@media(max-width:700px){header{left:16px;right:16px;top:16px}.brand{font-size:16px;letter-spacing:3px}.brand span{font-size:6px}.top-actions button{padding:7px 8px;font-size:10px}.top-actions kbd{display:none}#route-info{left:16px;top:80px}h1{font-size:23px}#route-sub{font-size:10px;max-width:220px}#status{left:16px;bottom:133px;width:150px}#limbs{bottom:63px;width:calc(100% - 32px);gap:4px}#limbs button{width:25%;padding:9px 2px;font-size:11px}#limbs button span{display:block;margin:0;font-size:9px}footer{left:16px;right:16px;bottom:13px}#hint{max-width:220px;font-size:9px}footer button{padding:7px 10px}#notice{bottom:140px;left:auto;right:16px;max-width:210px;transform:none;font-size:11px}#perf{right:16px;bottom:122px}dl{grid-template-columns:1fr;gap:5px}dd{margin-bottom:9px}dialog{padding:22px}}#body-controls{position:absolute;right:32px;bottom:148px;display:flex;gap:4px}#body-controls button{padding:6px 10px;font-size:13px;background:#17251cbb}#body-controls #dyno{font-size:10px;min-width:86px}@media(max-width:700px){#body-controls{right:16px;bottom:126px;gap:3px}#body-controls button{padding:5px 8px}#body-controls #dyno{min-width:68px;font-size:9px}#notice{bottom:178px}#perf{bottom:110px}}#guidance{position:absolute;left:50%;bottom:202px;transform:translate(-50%);text-align:center}#guidance>span{font-size:9px;letter-spacing:2px;color:#ecd8a8}#guidance>div{display:flex;gap:4px;margin-top:5px}#guidance button{padding:7px 10px;font-size:11px;background:#18221ddd}#guidance #suggested-edge{min-width:270px;color:#fff0c5}#guidance button:disabled{opacity:.65}@media(max-width:700px){#guidance{bottom:173px;max-width:calc(100% - 32px);width:360px}#guidance>div{width:100%}#guidance #suggested-edge{min-width:0;flex:1;font-size:10px;padding:7px 4px}#guidance>span{font-size:8px}#notice{bottom:230px}}@media(max-width:700px){#status{bottom:230px}#notice{max-width:195px}}#route-info{padding:10px 16px 14px;margin-left:-16px;background:linear-gradient(90deg,#10201bc9,transparent)}.brand{text-shadow:0 1px 3px #000,0 0 14px #10201bcc}@media(max-width:700px){.top-actions{max-width:210px;flex-wrap:wrap;justify-content:flex-end;gap:4px}}#hand-grip{padding:4px 8px;margin:0 -8px;background:linear-gradient(90deg,#10201bb3,transparent)}.hand-reading{margin:4px 0 9px}.hand-row{display:flex;gap:8px;align-items:center;font-size:11px}.hand-row>span{flex:0 0 43px;white-space:nowrap;letter-spacing:.7px;color:#ccc9ba}.hand-row .meter{flex:1}.hand-row b{font-weight:400;min-width:30px;text-align:right}.hand-reading small{display:block;font-size:9px;margin-top:3px;color:#cbd1c4}.hand-reading[data-tone=critical] small{color:#ffc0a8}.hand-reading[data-tone=critical] .meter i{background:#e89577}.hand-reading[data-tone=loaded] .meter i{background:#d4a363}.hand-reading[data-tone=recovering] .meter i{background:#99b7a2}#limbs button[data-hand-tone=loaded]{box-shadow:inset 3px 0 #d4a363}#limbs button[data-hand-tone=critical]{box-shadow:inset 3px 0 #e89577}#limbs button[data-hand-tone=critical] span{color:#ffc0a8}