:root{--bg:#16100cc7;--bg2:#241b14eb;--fg:#f6ecdf;--mut:#c8b8a2;--acc:#ffb648;--ok:#61e08f;--bad:#ff6b55;--warn:#ffd166;--r:14px;--sa-t:env(safe-area-inset-top,0px);--sa-b:env(safe-area-inset-bottom,0px);--sa-l:env(safe-area-inset-left,0px);--sa-r:env(safe-area-inset-right,0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%;color:var(--fg);touch-action:none;-webkit-user-select:none;user-select:none;background:#1b1410;margin:0;font:15px/1.35 -apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,system-ui,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;overflow:hidden}canvas#c{touch-action:none;width:100vw;height:100vh;display:block;position:fixed;top:0;bottom:0;left:0;right:0}.hidden{display:none!important}button{font:inherit;color:var(--fg);background:var(--bg);cursor:pointer;border:1px solid #ffffff1f;border-radius:12px;padding:8px 12px}button:active{transform:scale(.97)}#loading{z-index:50;background:radial-gradient(circle at 50% 40%,#4a2f1b,#140e0a);flex-direction:column;justify-content:center;align-items:center;gap:18px;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.logo{letter-spacing:2px;color:#ffe2b0;text-shadow:0 4px #7a3d12,0 10px 30px #00000080;font-size:64px;font-style:italic;font-weight:900}.logo span{color:var(--acc)}#loading .bar{background:#ffffff1f;border-radius:4px;width:220px;height:6px;overflow:hidden}#loading .bar i{background:var(--acc);width:5%;height:100%;transition:width .3s;display:block}#loadtxt{color:var(--mut);font-size:14px}#hud{pointer-events:none;z-index:5;position:fixed;top:0;bottom:0;left:0;right:0}#hud>*{pointer-events:auto}#top{top:calc(8px + var(--sa-t));left:calc(8px + var(--sa-l));right:calc(8px + var(--sa-r));pointer-events:none;align-items:center;gap:6px;display:flex;position:absolute}#top>*{pointer-events:auto}#top .sp{pointer-events:none;flex:1}.pill{background:var(--bg);white-space:nowrap;border:1px solid #ffffff1a;border-radius:999px;padding:7px 11px;font-size:14px;font-weight:700}.pill.job{color:var(--mut);text-overflow:ellipsis;max-width:46vw;font-weight:500;overflow:hidden}.neg{color:var(--bad)!important}.ib{width:40px;height:36px;padding:0;font-size:15px;font-weight:700}#chips{top:calc(52px + var(--sa-t));left:calc(8px + var(--sa-l));pointer-events:none;flex-wrap:wrap;gap:5px;max-width:70vw;display:flex;position:absolute}#chips span{color:var(--fg);background:#16100c99;border-radius:999px;padding:4px 9px;font-size:12px}#compass{top:calc(52px + var(--sa-t));right:calc(8px + var(--sa-r));pointer-events:none;width:84px;height:84px;position:absolute}#side{right:calc(8px + var(--sa-r));top:calc(150px + var(--sa-t));flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute}.sb{width:52px;padding:7px 2px;font-size:11px;font-weight:600;line-height:1.1}#hwrap{background:var(--bg);border:1px solid #ffffff1a;border-radius:12px;justify-content:center;align-items:center;width:52px;height:150px;display:flex}#height{writing-mode:vertical-lr;width:30px;height:136px;accent-color:var(--acc);direction:rtl}#tools{left:50%;bottom:calc(10px + var(--sa-b));background:var(--bg);border:1px solid #ffffff1a;border-radius:18px;gap:6px;padding:6px;display:flex;position:absolute;transform:translate(-50%)}.tb{background:#ffffff0a;border-color:#0000;flex-direction:column;justify-content:center;align-items:center;gap:1px;width:58px;height:56px;padding:2px;font-size:22px;display:flex}.tb small{color:var(--mut);font-size:10px}.tb.on{background:linear-gradient(#ffb648,#e9862a);border-color:#ffd28a}.tb.on small{color:#2a1708;font-weight:700}#guidebar{left:calc(8px + var(--sa-l));bottom:calc(80px + var(--sa-b));flex-direction:column;align-items:flex-start;gap:6px;display:flex;position:absolute}.gb{padding:6px 10px;font-size:12px}#presets{flex-wrap:wrap;gap:4px;max-width:260px;display:flex}#presets button{border-radius:9px;padding:5px 7px;font-size:11px}#presets button.on{background:#3d7c52;border-color:#7be0a0}#readout{left:calc(8px + var(--sa-l));top:calc(86px + var(--sa-t));background:var(--bg);border:1px solid #ffffff14;border-radius:12px;min-width:170px;max-width:60vw;padding:8px 10px;font-size:12.5px;position:absolute}#readout:empty{display:none}#readout b{color:var(--acc);font-weight:700}#readout .row{justify-content:space-between;gap:10px;display:flex}#readout .g{color:var(--ok)}#readout .w{color:var(--warn)}#readout .r{color:var(--bad)}#stress{left:50%;bottom:calc(80px + var(--sa-b));text-align:center;width:200px;color:var(--mut);font-size:11px;display:none;position:absolute;transform:translate(-50%)}#stress .track{background:#0006;border-radius:4px;height:6px;margin-top:3px;overflow:hidden}#stress i{background:linear-gradient(90deg,#61e08f,#ffd166,#ff6b55);width:0;height:100%;display:block}#btnPull{right:calc(70px + var(--sa-r));bottom:calc(82px + var(--sa-b));background:#3d6c8c;font-weight:700;position:absolute}#tension{right:calc(70px + var(--sa-r));bottom:calc(128px + var(--sa-b));background:var(--bg);border-radius:10px;padding:6px 10px;font-size:12px;position:absolute}#toasts{top:calc(100px + var(--sa-t));z-index:20;pointer-events:none;flex-direction:column;align-items:center;gap:6px;display:flex;position:fixed;left:50%;transform:translate(-50%)}.toast{background:var(--bg2);border:1px solid #ffffff1f;border-radius:999px;padding:8px 14px;font-size:14px;font-weight:600;animation:.25s ease-out tin}.toast.bad{border-color:var(--bad);color:#ffd6cf}.toast.ok{border-color:var(--ok)}.toast.warn{border-color:var(--warn)}@keyframes tin{0%{opacity:0;transform:translateY(-8px)}}#tip,#tut{left:50%;top:calc(140px + var(--sa-t));background:var(--bg2);border-radius:var(--r);z-index:15;border:1px solid #ffb64880;width:min(420px,92vw);padding:12px 14px;position:fixed;transform:translate(-50%);box-shadow:0 10px 30px #0006}#tip{border-color:#ff6b5599}#tip button,#tut button{margin-top:8px}#tut .tstep{letter-spacing:.08em;text-transform:uppercase;color:var(--acc);font-size:11px;font-weight:700}#tut .trow{justify-content:space-between;display:flex}.ghost{color:var(--mut);background:0 0;border-color:#ffffff26}#screen{z-index:30;-webkit-overflow-scrolling:touch;touch-action:pan-y;padding:calc(14px + var(--sa-t)) calc(14px + var(--sa-r)) calc(30px + var(--sa-b)) calc(14px + var(--sa-l));background:linear-gradient(#140e0a8c,#140e0ae6 40%);position:fixed;top:0;bottom:0;left:0;right:0;overflow-y:auto}#screen.clear{background:linear-gradient(#140e0a00 30%,#140e0ad9)}.wrap{max-width:760px;margin:0 auto}.title{text-align:center;margin-top:8vh}.title .logo{font-size:78px}.title .tag{color:var(--mut);margin-top:-4px}.menu{flex-direction:column;gap:10px;width:min(340px,90vw);margin:34px auto 0;display:flex}.menu button{background:var(--bg2);border-radius:16px;padding:14px;font-size:17px;font-weight:700}.menu button.pri{color:#2a1708;background:linear-gradient(#ffb648,#e3781d);border-color:#ffd28a}.menu .sub{opacity:.75;font-size:12px;font-weight:500;display:block}h2{margin:6px 0 10px;font-size:24px}h3{color:var(--acc);margin:14px 0 8px;font-size:16px}.hdr{align-items:center;gap:8px;display:flex}.hdr .sp{flex:1}.filters{grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:10px;display:grid}.filters label{color:var(--mut);flex-direction:column;gap:2px;font-size:11px;display:flex}select{font:inherit;color:var(--fg);background:var(--bg2);border:1px solid #ffffff26;border-radius:9px;padding:7px 6px;font-size:13px}.jobs{flex-direction:column;gap:9px;display:flex}.job{background:var(--bg2);border:1px solid #ffffff14;border-radius:16px;grid-template-columns:1fr auto;gap:4px 10px;padding:12px;display:grid}.job .t{font-size:16px;font-weight:700}.job .a{color:var(--mut);font-size:12px}.job .pay{color:var(--ok);text-align:right;font-size:22px;font-weight:800}.job .stars{color:var(--acc);letter-spacing:1px;text-align:right;font-size:13px}.tags{flex-wrap:wrap;grid-column:1/3;gap:4px;margin-top:4px;display:flex}.tags span{background:#ffffff12;border-radius:999px;padding:3px 8px;font-size:11.5px}.tags span.h{background:#ff6b552e}.tags span.n{background:#ffd16626}.job button{color:#2a1708;background:linear-gradient(#ffb648,#e3781d);border:0;grid-column:1/3;margin-top:6px;font-weight:800}.card{background:var(--bg2);border:1px solid #ffffff14;border-radius:16px;margin-bottom:10px;padding:14px}.bars .b{margin:6px 0}.bars .lab{justify-content:space-between;font-size:13px;display:flex}.bars .tr{background:#ffffff14;border-radius:5px;height:8px;overflow:hidden}.bars .tr i{background:linear-gradient(90deg,#e3781d,#ffd166);height:100%;display:block}.big{text-align:center;font-size:46px;font-weight:900}.stars3{text-align:center;letter-spacing:6px;color:var(--acc);font-size:34px}.row2{flex-wrap:wrap;gap:8px;display:flex}.row2 button{flex:1;min-width:120px;padding:12px;font-weight:700}.pri{color:#2a1708!important;background:linear-gradient(#ffb648,#e3781d)!important;border-color:#ffd28a!important}ul.notes{color:var(--mut);margin:6px 0;padding-left:18px;font-size:13.5px}.shop .tier{border-top:1px solid #ffffff0f;align-items:center;gap:8px;padding:8px 0;display:flex}.shop .tier .n{flex:1}.shop .tier .s{color:var(--mut);font-size:12px}.shop .tier button{min-width:92px}.shop .tier button.eq{background:#2f5d3e}.kv{grid-template-columns:auto 1fr;gap:3px 12px;font-size:14px;display:grid}.kv div:nth-child(odd){color:var(--mut)}.share img{border-radius:12px;width:100%;display:block}.small{color:var(--mut);font-size:12px}@media (max-width:520px){.filters{grid-template-columns:repeat(2,1fr)}.tb{width:50px;height:52px;font-size:20px}#readout{min-width:150px;font-size:11.5px}.title .logo{font-size:60px}}@media (max-height:500px){#side{top:calc(60px + var(--sa-t))}#hwrap{height:100px}#height{height:90px}#compass{display:none}}
