:root{--bg: #0b0f14;--panel: rgba(14, 19, 26, .94);--line: #26313d;--text: #e6edf3;--dim: #8b98a5;--accent: #f0a63a;--ok: #4cc38a;--bad: #ef5b5b;--tap: 44px;--safe-l: env(safe-area-inset-left);--safe-r: env(safe-area-inset-right);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--text)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;overflow:hidden;background:var(--bg);overscroll-behavior:none;touch-action:none;user-select:none}#view{position:fixed;inset:0;width:100vw;height:100vh;image-rendering:pixelated;display:block}#ui{position:fixed;inset:0;pointer-events:none}#ui>*{pointer-events:auto}button,select,input,textarea{font:inherit;color:inherit}.btn{min-width:var(--tap);min-height:var(--tap);padding:0 12px;border-radius:12px;border:1px solid var(--line);background:var(--panel);display:inline-flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;font-size:15px}.btn.on{border-color:var(--accent);color:var(--accent)}.btn:active{transform:scale(.96)}.hud{position:fixed;top:8px;left:calc(8px + var(--safe-l));padding:6px 10px;border-radius:12px;background:var(--panel);border:1px solid var(--line);font-size:13px;line-height:1.35;max-width:46vw}.hud b{color:var(--accent);font-weight:600}.hud .warn{color:var(--accent)}.bar{position:fixed;display:flex;gap:6px;flex-wrap:wrap}.bar.top-right{top:8px;right:calc(8px + var(--safe-r))}.bar.bottom-left{bottom:8px;left:calc(8px + var(--safe-l));max-width:60vw}.bar.right{right:calc(8px + var(--safe-r));bottom:8px;flex-direction:column;align-items:flex-end}.panel{position:fixed;top:0;right:0;bottom:0;width:min(560px,62vw);background:#0e131a;z-index:5;border-left:1px solid var(--line);display:flex;flex-direction:column;padding-right:var(--safe-r);transform:translate(105%);transition:transform .18s ease}.panel.open{transform:none}.panel header{display:flex;gap:6px;padding:8px;border-bottom:1px solid var(--line);align-items:center}.panel header h2{margin:0 6px;font-size:16px;flex:1}.panel .body{overflow-y:auto;padding:8px 10px 40px;flex:1;touch-action:pan-y}.search{flex:1;min-height:var(--tap);border-radius:12px;border:1px solid var(--line);background:#0f141a;padding:0 12px}.tabs{display:flex;gap:6px;overflow-x:auto;padding:8px;border-bottom:1px solid var(--line);touch-action:pan-x}.tabs .btn{flex:none}.group{margin:14px 0 6px;color:var(--dim);font-size:12px;text-transform:uppercase;letter-spacing:.08em}.field{padding:8px 0;border-bottom:1px solid #1b232c}.field .row{display:flex;align-items:center;gap:8px}.field .name{flex:1;font-size:14px}.field .val{font-variant-numeric:tabular-nums;color:var(--accent);min-width:70px;text-align:right;font-size:14px}.field .desc{color:var(--dim);font-size:12px;margin-top:2px}.field input[type=range]{width:100%;height:34px;accent-color:var(--accent);touch-action:pan-x}.tag{font-size:10px;padding:1px 6px;border-radius:8px;border:1px solid var(--line);color:var(--dim)}.tag.session{color:var(--accent);border-color:var(--accent)}.tag.planet{color:#7fb3ff;border-color:#7fb3ff}.tag.saved{color:var(--ok);border-color:var(--ok)}.panel .save-status{padding:6px 10px;font-size:13px;border-bottom:1px solid var(--line);color:var(--dim)}.panel .save-status.dirty{color:var(--accent)}.panel .save-status.busy{color:#e3c76b}.panel .save-status.ok{color:var(--ok);background:#7ee78714}.panel .save-status.fail{color:var(--bad);background:#ff7b721f;font-weight:700}.tag.regen{color:#c792ea;border-color:#c792ea}.reset{min-width:34px;min-height:34px;padding:0}.item{border:1px solid var(--line);border-radius:12px;padding:4px 10px;margin:8px 0}.item summary{min-height:var(--tap);display:flex;align-items:center;gap:8px;cursor:pointer}.regen-banner{position:sticky;top:0;z-index:2;margin:0 0 8px}.check{border:1px solid var(--line);border-radius:12px;padding:10px;margin:8px 0}.check h3{margin:0 0 4px;font-size:15px}.check .meta{color:var(--dim);font-size:12px}.items{list-style:none;padding:0;margin:8px 0}.items li{display:flex;gap:10px;padding:8px 0;border-bottom:1px solid #1b232c;align-items:flex-start;font-size:14px}.items li .st{width:26px;flex:none;text-align:center;font-size:18px}.items li .detail{color:var(--dim);font-size:12px}.items input[type=checkbox]{width:26px;height:26px;accent-color:var(--ok);flex:none;margin:0}.pass{color:var(--ok)}.fail{color:var(--bad)}.wait{color:var(--dim)}textarea{width:100%;min-height:70px;border-radius:12px;border:1px solid var(--line);background:#0f141a;padding:8px}.overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#05080c99;font-size:18px;pointer-events:none}.toast{position:fixed;left:50%;bottom:64px;transform:translate(-50%);background:var(--panel);border:1px solid var(--line);padding:8px 14px;border-radius:12px;font-size:14px;margin-bottom:calc(var(--n, 0) * 44px)}#rotate{display:none;position:fixed;inset:0;background:var(--bg);align-items:center;justify-content:center;text-align:center;padding:30px;font-size:20px;z-index:10}@media(orientation:portrait)and (max-width:900px){#rotate{display:flex}}@media(max-height:420px){:root{--tap: 40px}.btn{font-size:14px;padding:0 9px}}.panel.compact{width:min(380px,40vw)}.menu-items{display:contents}.menu-toggle{display:none!important}@media(pointer:coarse),(max-height:500px){.bar.top-right.menu{flex-wrap:nowrap;gap:4px;top:calc(4px + env(safe-area-inset-top));right:calc(4px + var(--safe-r))}.bar.top-right.menu>.btn,.bar.top-right.menu>button{min-width:34px;min-height:34px;padding:0 8px;font-size:15px;background:#0e131a99}.menu-toggle{display:inline-flex!important;order:10}.menu-items{display:none;position:absolute;top:calc(100% + 6px);right:0;z-index:9;flex-direction:column;align-items:stretch;gap:6px;padding:8px;border-radius:12px;background:#0e131a;border:1px solid var(--line);max-height:calc(100vh - 60px);overflow-y:auto;touch-action:pan-y}.bar.menu.open .menu-items{display:flex}.menu-items .achip-menu{position:static;margin-top:6px}#ui .toast{bottom:auto;top:calc(44px + env(safe-area-inset-top));font-size:12px;padding:5px 10px;max-width:60vw;text-align:center;pointer-events:none;margin:calc(var(--n, 0) * 32px) 0 0}#ui .help{font-size:12px;padding:6px 10px;max-width:60vw;bottom:auto;top:calc(6px + env(safe-area-inset-top))}}@font-face{font-family:Pixelify Sans;font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/pixelify-sans-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Pixelify Sans;font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/pixelify-sans-latin-ext-400-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Pixelify Sans;font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/pixelify-sans-latin-700-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--font: "Pixelify Sans", ui-monospace, monospace;font-family:var(--font);-webkit-font-smoothing:none;-moz-osx-font-smoothing:grayscale;font-smooth:never;--px-notch: polygon(0 2px, 2px 2px, 2px 0, calc(100% - 2px) 0, calc(100% - 2px) 2px, 100% 2px, 100% calc(100% - 2px) , calc(100% - 2px) calc(100% - 2px) , calc(100% - 2px) 100%, 2px 100%, 2px calc(100% - 2px) , 0 calc(100% - 2px) );--px-circle: polygon(30% 0, 70% 0, 70% 7%, 84% 7%, 84% 16%, 93% 16%, 93% 30%, 100% 30%, 100% 70%, 93% 70%, 93% 84%, 84% 84%, 84% 93%, 70% 93%, 70% 100%, 30% 100%, 30% 93%, 16% 93%, 16% 84%, 7% 84%, 7% 70%, 0 70%, 0 30%, 7% 30%, 7% 16%, 16% 16%, 16% 7%, 30% 7%)}body,button,select,input,textarea{font-family:var(--font)}#ui *,.ppage *,.panel *{border-radius:0!important}.btn,.search,select.btn,.hud,.ptitle,.xhud,.xprompt,.toast,.help,.ttitle,.bstatus,.bhint,.menu-items,.achip-menu,.item,.check,.prow,.chip,textarea,.tedit,.overlay>div,.xdeath-card{clip-path:var(--px-notch)}.btn,.search,.hud,.ptitle,.xhud,.xprompt,.toast,.help,.ttitle,.bstatus,.bhint,.menu-items,.achip-menu,.tedit{border-width:2px}.btn{font-size:14px;letter-spacing:.02em}.btn:focus-visible,.btn:focus,#ui a:focus,#ui select:focus{outline:none;border-color:var(--accent);box-shadow:inset 0 0 0 2px #f0a63a73}.cbar{border-width:2px;border-color:#000000bf;image-rendering:pixelated}.cbar .fill{background-image:repeating-linear-gradient(90deg,transparent 0 6px,rgba(0,0,0,.18) 6px 7px)!important}.cbar.hp .fill{background-color:#d8484f!important}.cbar.st .fill{background-color:#4fbf63!important}.cbar.en .fill{background-color:#3aa8e8!important}.picon{width:100%;height:100%;display:block;image-rendering:pixelated}.btn .picon{width:18px;height:18px}.planet-disc,.prow .dot,.star{clip-path:var(--px-circle);border-radius:0!important}.touch .tbtn{clip-path:var(--px-circle);border:0!important;background:#dce6f080!important;padding:0}.touch .tbtn:before{content:"";position:absolute;inset:3px;clip-path:var(--px-circle);background:#0a0e149e}.touch .tbtn .picon{position:relative;width:46%;height:46%;color:#e6edf3;filter:drop-shadow(1px 1px 0 #000)}.touch .tbtn.down{background:#f0a63a!important}.touch .tbtn.down:before{background:#78460abf}.touch .tb-lightR .picon,.touch .tb-lightL .picon{color:#ffe2b0}.touch .tb-interactR .picon,.touch .tb-interactL .picon{color:#9fe0a8}.touch .stick{clip-path:var(--px-circle);border:0;background:#dce6f02e}.touch .knob{clip-path:var(--px-circle);border-radius:0;background:#e6edf38c}.touch.edit{background:#05080c59;pointer-events:auto!important}.touch.edit .tbtn{outline:2px dashed rgba(240,166,58,.6);outline-offset:2px;clip-path:none;cursor:move}.touch.edit .tbtn.sel{background:#f0a63a!important}.tedit{position:fixed;top:calc(8px + env(safe-area-inset-top));left:50%;transform:translate(-50%);display:none;gap:6px;align-items:center;padding:6px 8px;background:#0e131a;border:2px solid var(--accent);pointer-events:auto;z-index:9}.touch.edit .tedit{display:flex}.tedit-name{min-width:80px;color:var(--accent);font-size:13px;padding:0 4px}kbd{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 4px;margin-right:6px;vertical-align:middle;font:700 12px/1 var(--font);color:#10151c;background:var(--accent);clip-path:var(--px-notch)}kbd.ki{background:#9fe0a8;padding:2px}kbd .picon{width:16px;height:16px}.xprompt small{font-size:11px;color:var(--dim);margin-right:6px}.xprompt b{color:var(--accent);font-weight:700}.xprompt,.bhint{display:inline-flex;align-items:center;gap:5px;white-space:pre}.xprompt kbd,.bhint kbd,.xprompt small{margin-right:0}.buse{clip-path:var(--px-circle);border:0!important;background:#9fe0a88c!important}.buse .picon{width:46%;height:46%;margin:auto;color:#10151c}.xpack .picon,.menu-toggle .picon{width:20px;height:20px}.tabs .btn.primary{border-color:var(--accent);color:var(--accent)}
