@font-face{font-family:DotGothic16;font-style:normal;font-weight:400;font-display:swap;src:url(data:font/woff2;base64,d09GMgABAAAAAAeUABAAAAAAE6wAAAc6AAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGYFWGx4cSAZgAIE6EQgKlHSRJQtQAAE2AiQDgRwEIAWEIgeCfBckGIEaG3QQUVRxnqL4MoFjQw3a7G+IIUBPT66Qeh4wNp9jhPxvhKy5PHi+dOn7uytZWkkHJpTtMLPNlSedky5cefowFRVgFZ7+0oH8p7X2/qnlOyBtQ1SSR9Z0ZseQUCKRUCgV/z/dt7eiVoMHz7k34DO/Q1Sy4Jmtlj9BrBJtoeIvJtKJKcH3l+67jxemYLfeyWKJYLp5Gz/PBDbgulEmoBuxlfxfI3Lq//vf/V5tUmLwPbWt6qlwNerl9TZN8lOi90uQ86uAaAgSFcm6ESogC2TM2E5Puxklty3VE3gkG47Kqi3LmChzftv93yAE2KHFQwZ32tXDM3b63zKHNZZBBmvisAQ7c4c52Fk4msHiAqAx9NFDnWouAApDqUIZIcI6BIh+QehuQwqHJMcENHdSIma3F7qwUf+HhetKXjAQYKn0QlLfvoUBSCbAKbpaP6u4GSekXhMPqHoMwl6kSwH1tEIWGP061uGAOusQgLnolrIBa9ETUMrH5W7FQcDjC81o3j/hRL+2IGHOP2A6UrtpIg5voCp1ARBzAQVooJBGwDB0cUSs/M0i6lyL7rSZTlEznfOYV1OcNtqL47qCVW6OiHme3WiTdVP85SRaX6/0/3T7K/i/Puie/yuzc//FPy4eQ8hkqZkDxcpVctMjMtJk+ZvyQxo8HHwESZYOQE8AC4AR0K9hBgJsFOUAyrsLlMLaWu1WcRVgMg4nqjBjSy1qqi5Udm+VoworC2szm6fqy6fARo2mFQZDN7WXAu8dEpiWI7NjAbmJZbLQYPZjMNdvyI0lwDZ0lV0b8I2j0g4D7cauOEmAhJAmWwwup0Db+IJOapVtKjdKtCKwT9jAVwbaqNkJVFnWknqNa6zt0KHQvBrsVK5UsmDxIQLVSKPplIBJAdI0iNWBVlF5JVogIZDgtw9TgWSR+m02cmvsOjAiCVWLSF1tCFqJaIn0W0aJ0E7r4GBr1C5StRhgY8iVzWFH1xjgr5QG9GQzetLQqqYBgANux4NyEl2h+MbVoZuYgJCmukyvUA0Vqxtyx+WYRQFpQgLvbkXjyr1roDUiZOha6FKA35otTAvYVxZQFewdm/Zu1cUaGkPRiLDQb69TgXSRel2poQKtUCgltdqi01i9Pw4ko8UWKuoKhK+S92Lz+c3n8FhH0ID0n/skDHEoIN8oZ7RDVnTC937xyESgWjmja019wQKhZl4RZL1k9S/Q83Q7HWpJa+yr4tWSOB2v5fequZNVSmvpcr+qEz6UYTbCZ1ByYCgcWHuOVGJyDrvNFqn9R4BTan9sv/rWHkfBpRHZsIGBVSAZaUKDbpCEvQXWefyK2nuJt52KzXs3tSUA+qS9NeAS9/8wI7JH7pU5VJpEk26PSTS0Z6I3hlYbF28F5X6JvzXTMvRwHfd2qjeB2QB7K5qsyvDA5Vu6cyyZP4Dw/nuQONs3tOFvRfdHEwwDL4wYBDSOYeigQq3O0kFL3LR+HAw4Oj/dTn2gz9r9IcdMGO4174h8kYNXygczunAqrQ5G75pGniPn6/wJzOjYNOIcvPkte/ePInRMJ5yZ6osCE/KAZDMmk27cPawO/9a/w+u21PJwOsk/PIyc2964mWstUTsVA4x+77r0znmgT/3rLN3tA8Z88jBjisio85Y9I9DB4ZETnTlppfKVn3Lj1T53/3kWC1HRvpo9ykksMvbcubR3iv46i+x+JS+w8/RP9M8vP9LO4yHxJ9m6dSS0YfS3tVZSQw+MzzTtxg6Fw/0tzM5F7FZWHvZ7E1P3JgJI2YWKxomt9+G4P6kZ+jfgS4/p6Mmf7v9JQt+kOQAuSjrEdPwJJNVJEySLHetZoxojhwT4Pt6IG7CLD8p4sHVxvByGrCvBBOjfUezoAwatc8kuVqckQMsbVZO6KZR1+n2qzK363nq6rlAltQJCyMd57FBFjA889ZeIFYr9jFWk+BCrGedSrKGHE7EO5dbFuvQwgqUKBbton7ik7Bl4vaM8UqKkjeeSoyxH6iApYmVe6MqDC1xcT940lvCsGqG/JQIRI+eQXgVkHMUxC0w2IDiTQQZFySdeKPpdjDXDm3tP9hUsplYiZFNJo/S90iLaHJYFQwwKmmPLaBSsTPHkRSQuFQCRG5MZnuArfuoFvTawsVNimg13orbiijq1A8dK8SlnWVm5WHMmyrKKYQP1pnAlJjKE7Pk893Ydpvp1R1fE8ykS+Oqb7x746Ydf2iNRHHElTzzxxd7F/UVJSVoykif5UiCFUiTFUuKP9YwOfufOlOZxlqw4rTshy1qbNk7GR99fsZ5rR/f+YE+dU1SJwXO/2XfzcnP3xwnJgAg9luS+GDXWX4yhqxQ7ci4TVjlMDk1i9zue5LK/QDAZNU/ljopHm/ZVtS/1nLaXDlf7SfArOaDcuKbJQb2jNu8ZozL1cfXv3rrbikgGyb2U8PsStBUl6wGcC5eG2PrAtia/9VtdILesARBd3obIdc7ljKjihwA=) 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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DotGothic16;font-style:normal;font-weight:400;font-display:swap;src:url(./dotgothic16-latin-BYJEY5oh.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:VT323;font-style:normal;font-weight:400;font-display:swap;src:url(./vt323-latin-ext-iUdYUaX4.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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:VT323;font-style:normal;font-weight:400;font-display:swap;src:url(./vt323-latin-wDgJuOC9.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{--bg: #070a1c;--win-top: #2c40a8;--win-bot: #0c1557;--frame: #e6eaff;--text: #f4f6ff;--muted: #a3add9;--hp: #62d68f;--mp: #72b8ff;--tp: #ffcf4a;--danger: #ff6f6f;--display: "DotGothic16", ui-monospace, "SF Mono", Menlo, monospace;--mono: "VT323", ui-monospace, "SF Mono", Menlo, monospace;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--text);overflow:hidden}body{font-family:var(--display);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}[hidden]{display:none!important}:root{--sat: max(8px, env(safe-area-inset-top));--sar: max(8px, env(safe-area-inset-right));--sab: max(8px, env(safe-area-inset-bottom));--sal: max(8px, env(safe-area-inset-left));--dock-w: 150px;--float-top: rgba(44, 64, 168, .84);--float-bot: rgba(12, 21, 87, .9)}.app{position:fixed;top:0;right:0;bottom:0;left:0}.hud{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:5}.hud>*{pointer-events:auto}.hud>.region,.hud>.hint,.hud>.ticker,.hud>.areatitle{pointer-events:none}.win{background:linear-gradient(180deg,var(--float-top),var(--float-bot));-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:2px solid var(--frame);border-radius:10px;box-shadow:0 0 0 2px #000 inset,0 0 0 1px #000;padding:6px 10px}button{font-family:var(--display);color:var(--text);background:linear-gradient(180deg,var(--win-top),var(--win-bot));border:2px solid var(--frame);border-radius:6px;padding:8px 10px;font-size:calc(14px * var(--ts, 1));cursor:pointer;position:relative;overflow:hidden;touch-action:manipulation}button:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid var(--tp);outline-offset:2px}.padnav :focus{outline:3px solid var(--tp);outline-offset:2px}.padnav [data-pad]:after{content:attr(data-padmod) attr(data-pad);display:inline-block;vertical-align:middle;margin-left:6px;min-width:18px;height:18px;padding:0 4px;box-sizing:border-box;border-radius:9px;border:1px solid #000;background:#555;color:#fff;font:bold 11px/16px var(--mono);text-align:center;pointer-events:none;box-shadow:0 1px 3px #0009}.padnav .pad [data-pad]{position:relative;overflow:visible}.padnav .pad [data-pad]:after{position:absolute;top:-6px;left:-6px;margin:0;z-index:2}.padnav [data-pad=A]:after{background:#3f9b3f}.padnav [data-pad=B]:after{background:#c0392b}.padnav [data-pad=X]:after{background:#2f6fc0}.padnav [data-pad=Y]:after{background:#d4a514;color:#000}.padnav [data-padmod]:after{content:attr(data-padmod) "+" attr(data-pad)}.padhint{position:fixed;z-index:60;left:50%;bottom:calc(var(--sab, 0px) + 6px);transform:translate(-50%);padding:4px 12px;border-radius:12px;background:#0a0c18d9;color:var(--text, #fff);font-size:12px;pointer-events:none}.padhint span:after{margin:0 4px 0 8px}button:disabled{opacity:.45;cursor:default}button.on{border-color:var(--tp);color:var(--tp)}button.small{font-size:calc(12px * var(--ts, 1));padding:5px 8px}.row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.note{font-family:var(--mono);font-size:calc(16px * var(--ts, 1));color:var(--muted);line-height:1.1;margin:6px 0 0}.note.center{text-align:center}.savecode{display:block;width:100%;box-sizing:border-box;margin:6px 0;font-family:var(--mono);font-size:calc(13px * var(--ts, 1));word-break:break-all;background:#00000059;color:inherit;border:1px solid rgba(255,255,255,.2);border-radius:6px;padding:6px;resize:vertical}.mono{font-family:var(--mono);font-size:calc(18px * var(--ts, 1))}.bar{height:5px;width:100%;background:#0000008c;border:1px solid #000}.bar>i{display:block;height:100%;background:var(--hp);width:100%}.bar.swing>i{background:var(--frame);opacity:.7;width:0}.bar.cast>i{background:var(--danger);width:0}.bar.mycast>i{background:var(--mp);width:0}.bar.xp>i{background:var(--mp)}.t{color:#b8d8ff}.y{color:var(--tp)}.r{color:var(--danger)}.g{color:var(--hp)}.b{color:var(--mp)}select{width:100%;min-width:0;font-family:var(--mono);font-size:calc(17px * var(--ts, 1));background:#0a1040;color:var(--text);border:1px solid var(--frame);border-radius:4px;padding:2px 4px}.view{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;background:#000}#gl{display:block;width:100%;height:100%;touch-action:none}.vig{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse 80% 70% at 50% 55%,transparent 60%,rgba(0,0,0,.42))}#labels{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.region{position:absolute;left:var(--sal);top:calc(var(--sat) + 90px);font-size:calc(13px * var(--ts, 1));text-shadow:1px 1px 0 #000,-1px -1px 0 #000}.hint{position:absolute;left:var(--sal);top:calc(var(--sat) + 108px);max-width:min(480px,calc(100% - var(--dock-w) - 24px));padding:3px 6px;border-radius:4px;background:#080a1ecc;font-family:var(--mono);font-size:calc(17px * var(--ts, 1));line-height:1.05;text-shadow:1px 1px 0 #000,-1px 0 0 #000;pointer-events:none}.hint:empty{display:none}.pop{position:absolute;transform:translate(-50%);font-family:var(--mono);font-size:calc(26px * var(--ts, 1));text-shadow:1px 1px 0 #000,-1px -1px 0 #000,1px -1px 0 #000;pointer-events:none;animation:pop .95s ease-out forwards;white-space:nowrap}.pop.heal{color:var(--hp)}.pop.buff{color:var(--tp);font-size:calc(24px * var(--ts, 1));animation-duration:1.6s}.pop.miss{color:var(--muted)}.pop.ws{color:var(--tp);font-size:calc(30px * var(--ts, 1))}.pop.hurt{color:var(--danger)}.pop.magic{font-size:calc(30px * var(--ts, 1))}@keyframes pop{0%{opacity:1;transform:translate(-50%,6px) scale(1.25)}15%{transform:translate(-50%) scale(1)}to{opacity:0;transform:translate(-50%,-40px)}}@media(prefers-reduced-motion:reduce){.pop{animation:none;opacity:0;transition:opacity .9s}}.frames{position:absolute;left:var(--sal);top:var(--sat);right:var(--sar);display:flex;gap:8px;align-items:flex-start;pointer-events:none}.frames>*{pointer-events:auto}.target{flex:0 1 auto;min-width:170px}.target .tn{display:flex;justify-content:space-between;align-items:baseline;gap:6px;font-size:calc(13px * var(--ts, 1))}.target .tc{font-family:var(--mono);font-size:calc(16px * var(--ts, 1));white-space:nowrap}.target .tnext{pointer-events:auto;margin-left:auto;min-width:30px;height:24px;padding:0 6px;border-radius:8px;border:1px solid rgba(255,207,74,.6);background:#070a1cb3;color:var(--tp);font-size:calc(14px * var(--ts, 1));cursor:pointer}.plate.fighting .pb.hp{border-color:#e0605a}.target .ts{font-family:var(--mono);font-size:calc(16px * var(--ts, 1));color:var(--danger);height:15px;line-height:15px;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.target .ts.calm{color:var(--muted);font-size:calc(13px * var(--ts, 1))}.stick{position:absolute;left:calc(var(--sal) + 6px);bottom:calc(var(--sab) + 6px);width:116px;height:116px;border-radius:50%;border:2px solid rgba(230,234,255,.55);background:#070a1c52;touch-action:none;z-index:3}.stick i{position:absolute;left:50%;top:50%;width:48px;height:48px;margin:-24px 0 0 -24px;border-radius:50%;background:linear-gradient(180deg,var(--win-top),var(--win-bot));border:2px solid var(--frame);pointer-events:none}body[data-move=drag] .stick:not(.floating){visibility:hidden}.stick.floating{bottom:auto;pointer-events:none;opacity:.8}body[data-move=drag] .turns{left:calc(var(--sal) + 10px)}.turns{position:absolute;left:calc(var(--sal) + 132px);bottom:calc(var(--sab) + 10px);display:flex;gap:8px}.turns .turn{width:42px;height:42px;padding:0;border-radius:50%;font-size:calc(20px * var(--ts, 1))}.turns .jump{width:54px;border-radius:14px;font-size:calc(13px * var(--ts, 1));touch-action:none}.banner{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;z-index:4;pointer-events:none}.banner span{background:#070a1cd9;border:2px solid var(--frame);padding:8px 16px;border-radius:6px;font-size:calc(20px * var(--ts, 1))}.glerr{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:20px;text-align:center;font-family:var(--mono);font-size:calc(19px * var(--ts, 1));color:var(--muted)}.status{flex:0 0 auto;width:clamp(168px,24vw,230px);display:grid;grid-template-columns:auto 1fr;gap:2px 8px;font-family:var(--mono);font-size:calc(17px * var(--ts, 1));align-items:center;padding:5px 9px 7px}.status .nm{grid-row:span 3;font-family:var(--display);font-size:calc(12px * var(--ts, 1));writing-mode:vertical-rl;transform:rotate(180deg);letter-spacing:.08em;color:var(--muted)}.status .h{color:var(--muted);font-size:calc(13px * var(--ts, 1));margin-right:6px}.meter{display:grid;grid-template-columns:auto 1fr;align-items:baseline;min-width:0}.meter b{font-weight:400;line-height:.9;font-variant-numeric:tabular-nums;white-space:nowrap;text-align:right}.meter .bar{grid-column:1 / -1;height:4px;margin-top:1px}.meter.mp .bar>i{background:var(--mp)}.meter.tp .bar>i{background:var(--tp)}.meter.tp.ready b{color:var(--tp)}.ticker{position:absolute;left:var(--sal);bottom:calc(var(--sab) + 136px);width:min(440px,calc(100% - var(--dock-w) - 24px));margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:2px}.ticker li{font-family:var(--mono);font-size:calc(17px * var(--ts, 1));line-height:1.05;align-self:flex-start;max-width:100%;padding:1px 7px;border-radius:6px;background:#070a1c9e;text-shadow:1px 1px 0 #000;animation:tickin .25s ease-out;transition:opacity .6s}.ticker li.fade{opacity:0}.hud.battle .ticker{bottom:var(--sab)}@keyframes tickin{0%{opacity:0;transform:translateY(6px)}}.padbox{position:absolute;left:50%;transform:translate(-50%);bottom:var(--sab);width:max-content;max-width:calc(100% - 2 * var(--dock-w) - 20px);display:flex;flex-direction:column;align-items:center;gap:5px;pointer-events:none}.padbox>*{pointer-events:auto}[data-box=menu] .padbox{opacity:0;pointer-events:none}[data-box=menu] .padbox>*{pointer-events:none}.padinfo{display:flex;flex-direction:column;align-items:center;gap:2px;padding:2px 10px;border-radius:8px;background:#070a1c9e;text-shadow:1px 1px 0 #000}.worn{display:flex;justify-content:center;align-items:center;gap:10px;font-size:calc(13px * var(--ts, 1));flex-wrap:wrap}.worn .chip{font-family:var(--mono);font-size:calc(19px * var(--ts, 1));border:1px solid var(--frame);border-radius:4px;padding:0 8px;transition:background .15s}.worn .swap-why{font-family:var(--sans);font-size:calc(12px * var(--ts, 1));color:var(--muted);margin-left:6px}.worn .chip.flash{background:var(--tp);color:#000}.buffs{font-family:var(--mono);font-size:calc(16px * var(--ts, 1));color:var(--muted)}.pad{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.pad button{width:64px;padding:5px 2px 4px;display:flex;flex-direction:column;align-items:center;gap:3px;font-size:calc(11px * var(--ts, 1));line-height:1.05;border-radius:10px;box-shadow:0 2px 6px #00000080}.pad .ic{position:relative;display:block;width:36px;height:36px;background:center / 32px 32px no-repeat;image-rendering:pixelated;border-radius:6px;overflow:hidden}.pad .lb{display:block;max-width:100%;overflow-wrap:anywhere}.pad button.locked{opacity:.4}.pad .cd{position:absolute;left:0;right:0;bottom:0;background:#0009;pointer-events:none}.pad .cdt{position:absolute;left:0;right:0;bottom:0;font-family:var(--mono);font-size:calc(15px * var(--ts, 1));line-height:1;color:var(--text);text-shadow:1px 1px 0 #000,-1px 0 0 #000,0 -1px 0 #000;text-align:center}.pad .ws.ready{border-color:var(--tp);color:var(--tp);box-shadow:0 0 10px #ffcf4a80}.pad .spell{border-color:var(--mp)}.pad .mpc{color:var(--mp)}.pad button.queued{border-color:var(--tp);box-shadow:0 0 0 1px var(--tp),0 0 10px #ffcf4a59}.pad .qn{position:absolute;top:2px;right:3px;font-family:var(--mono);font-size:calc(15px * var(--ts, 1));color:#000;background:var(--tp);border-radius:50%;min-width:16px;line-height:16px;text-align:center}.pad .qn:empty{display:none}.padbox .row{display:flex;gap:8px}.padbox .row button{padding:3px 12px;font-size:calc(12px * var(--ts, 1));border-radius:14px}#b-bar.new{border-color:var(--tp);color:var(--tp)}.bared{position:absolute;z-index:12;left:50%;top:calc(var(--sat) + 8px);transform:translate(-50%);width:min(440px,calc(100% - 2 * var(--dock-w) - 16px));min-width:min(300px,calc(100% - 16px));max-height:calc(100% - var(--sat) - var(--sab) - 16px);overflow:auto;display:flex;flex-direction:column;gap:6px;font-size:calc(13px * var(--ts, 1))}.bared[hidden]{display:none}.bared .bh{display:flex;align-items:center;gap:8px}.bared .bh b{white-space:nowrap}.bared .bh span{color:var(--muted);font-family:var(--mono);font-size:calc(16px * var(--ts, 1))}.bared .bh button{margin-left:auto}.bared .slots,.bared .choices{display:grid;grid-template-columns:repeat(auto-fill,minmax(62px,1fr));gap:6px}.bared .tile{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;padding:4px 2px;min-height:58px;border:1px solid var(--frame);border-radius:8px;background:#070a1c80;font-size:calc(10px * var(--ts, 1));line-height:1.05;text-align:center}.bared button.tile{width:100%}.bared .tile .ic{position:relative;display:block;width:32px;height:32px;background:center / 28px 28px no-repeat;image-rendering:pixelated;border-radius:6px}.bared .tile .lb{max-width:100%;overflow-wrap:anywhere}.bared .tile .gate{position:absolute;top:2px;right:2px;font-family:var(--mono);font-size:calc(13px * var(--ts, 1));color:var(--muted);background:#0009;border-radius:4px;padding:0 3px}.bared .tile.empty{justify-content:center;border-style:dashed;color:var(--muted);font-size:calc(20px * var(--ts, 1))}.bared .tile.sel{border-color:var(--tp);box-shadow:0 0 0 1px var(--tp)}.bared .info{padding:6px 8px;border-radius:8px;background:#0000004d;font-size:calc(13px * var(--ts, 1))}.bared .info b{font-family:var(--display);font-weight:400}.bared .info p{margin:3px 0 0}.bared .info .sty{color:var(--tp)}.bared .info .gate{position:static}.bared .info .acts{display:flex;gap:6px;margin-top:6px}.padtip{margin:0;max-width:min(420px,90vw);padding:4px 10px;border-radius:8px;background:#070a1ce0;border:1px solid var(--frame);font-size:calc(13px * var(--ts, 1));line-height:1.2}.pad button{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.bared .note{margin:0;color:var(--muted);font-size:calc(12px * var(--ts, 1))}.bared .bt{color:var(--tp);font-size:calc(12px * var(--ts, 1))}.bared .bf{display:flex;justify-content:flex-end}@media(orientation:portrait)and (max-width:640px){.padbox{bottom:calc(var(--sab) + 128px);max-width:calc(100% - var(--dock-w) - var(--sal) - 8px);left:calc(50% - var(--dock-w) / 2)}.pad{gap:5px}.pad button{width:52px;padding:4px 1px 3px;font-size:calc(10px * var(--ts, 1))}.pad .ic{width:32px;height:32px;background-size:28px 28px}.pad .lb{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.buffs{max-width:70vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:calc(14px * var(--ts, 1))}.worn .swap-why{display:none}}@media(orientation:landscape)and (max-height:480px){.pad button{width:54px;padding:3px 1px;font-size:calc(10px * var(--ts, 1))}.pad .ic{width:28px;height:28px;background-size:24px 24px}.hud.battle .turns{left:calc(var(--sal) + 6px);bottom:calc(var(--sab) + 128px)}}.queue{font-family:var(--mono);font-size:calc(16px * var(--ts, 1));line-height:1.1;color:var(--muted);min-height:0}.queue:empty{display:none}.queue b{color:var(--tp);font-weight:400}.queue i{font-style:normal;color:var(--muted)}.log{font-family:var(--mono);font-size:calc(17px * var(--ts, 1));line-height:1.15;margin:0;padding:0;list-style:none}.log li{padding:1px 0;border-bottom:1px solid rgba(255,255,255,.07)}.log .tm{color:var(--muted);font-variant-numeric:tabular-nums;margin-right:6px}.char{display:grid;grid-template-columns:1fr 1fr;gap:6px 12px;font-size:calc(12px * var(--ts, 1))}.char .lbl{color:var(--muted)}.char .val{font-family:var(--mono);font-size:calc(19px * var(--ts, 1));line-height:1;font-variant-numeric:tabular-nums}.char .full{grid-column:1 / -1;display:flex;gap:8px;align-items:center}.char .bar.sk>i{background:var(--tp)}.skills{display:flex;flex-direction:column;gap:4px}.empty{color:var(--muted);font-family:var(--mono);font-size:calc(17px * var(--ts, 1))}.tablewrap{overflow-x:auto}table{border-collapse:collapse;font-family:var(--mono);font-size:calc(17px * var(--ts, 1));width:100%}th,td{text-align:right;padding:2px 6px;white-space:nowrap;font-variant-numeric:tabular-nums}th{color:var(--muted);font-weight:400;font-size:calc(15px * var(--ts, 1))}th:first-child,td:first-child{text-align:left}.up{color:var(--hp)}.dn{color:var(--danger)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;background:var(--bg);overflow:auto;padding:max(12px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}.overlayin{max-width:520px;margin:0 auto;display:flex;flex-direction:column;gap:10px}.mh{display:flex;justify-content:space-between;align-items:center}.mh b{font-size:calc(20px * var(--ts, 1));font-weight:400}.wt{font-size:calc(13px * var(--ts, 1));color:var(--muted);margin:0 0 6px}.sets{display:flex;gap:6px;flex-wrap:wrap}.sets button{font-size:calc(12px * var(--ts, 1));padding:5px 8px}.muted{color:var(--muted)}.bubbles{position:fixed;z-index:15;right:var(--sar);top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:flex-end;gap:8px}.bubble{display:flex;align-items:center;gap:7px;height:44px;padding:0 14px 0 8px;border-radius:22px;background:linear-gradient(180deg,var(--float-top),var(--float-bot));-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:0 0 0 2px #000 inset,0 4px 12px #00000059;font-size:calc(13px * var(--ts, 1));transition:transform .18s cubic-bezier(.3,1.6,.5,1),border-color .15s,box-shadow .15s}.bubble i{width:28px;height:28px;flex:none;background:center / contain no-repeat;image-rendering:pixelated}.bubble:hover{transform:translate(-3px)}.bubble:active{transform:scale(.94)}.bubble.on{border-color:var(--tp);color:var(--tp);box-shadow:0 0 0 2px #000 inset,0 0 14px #ffcf4a73;transform:translate(-4px)}.bubble.act{margin-top:6px}.box{position:fixed;z-index:16;right:calc(var(--dock-w) + 10px);width:min(360px,calc(100vw - var(--dock-w) - 18px - var(--sal)));max-height:calc(100dvh - var(--sat) - var(--sab));overflow:auto;overscroll-behavior:contain;border-radius:16px;padding:8px 12px 10px;box-shadow:0 0 0 2px #000 inset,0 10px 30px #00000073}.box.wide{width:min(640px,calc(100vw - var(--dock-w) - 18px - var(--sal)))}.box:not(.big) .mh{position:sticky;top:-8px;margin:-8px -12px 6px;padding:8px 12px 6px;background:inherit;border-radius:16px 16px 0 0;z-index:1}.box:not(.big) .mh b{font-size:calc(15px * var(--ts, 1))}.box.big{top:var(--sat);bottom:var(--sab);max-height:none;width:min(500px,calc(100vw - var(--dock-w) - 280px));min-width:min(330px,calc(100vw - var(--dock-w) - 18px));padding:0;border-radius:16px;box-shadow:none}.boxin{display:flex;flex-direction:column;gap:10px;padding-bottom:8px}.box.big .win{border-radius:14px}.box.big .mh.win{position:sticky;top:0;z-index:2}.box.popping{animation:boxpop .42s cubic-bezier(.2,.9,.3,1)}.box.closing{animation:boxshut .16s ease-in forwards}@keyframes boxpop{0%{opacity:0;transform:scale(.3)}55%{opacity:1;transform:scale(1.04)}78%{transform:scale(.985)}to{transform:scale(1)}}@keyframes boxshut{to{opacity:0;transform:scale(.35)}}.lootfly{position:fixed;left:0;top:0;z-index:44;width:40px;height:40px;image-rendering:pixelated;pointer-events:none;will-change:transform}.bubble{position:relative}.bubble.gulp{animation:gulp .45s cubic-bezier(.2,1.8,.4,1)}@keyframes gulp{30%{transform:scale(1.18)}60%{transform:scale(.94)}}.newbadge{position:absolute;top:-5px;left:-5px;min-width:20px;height:20px;padding:0 5px;border-radius:10px;background:var(--tp);color:#000;font-family:var(--mono);font-size:calc(17px * var(--ts, 1));line-height:20px;text-align:center;box-shadow:0 0 0 2px #000}.lootnote{position:fixed;z-index:15;transform:translateY(-50%);display:flex;align-items:center;gap:6px;white-space:nowrap;pointer-events:none;padding:4px 10px 4px 6px;border-radius:14px;background:#070a1cd1;border:1px solid var(--tp);font-size:calc(13px * var(--ts, 1));color:var(--tp);animation:lootnote 2.8s ease-out forwards}.lootnote img{width:24px;height:24px;image-rendering:pixelated}.lootnote b{font-weight:400}@keyframes lootnote{0%{opacity:0;transform:translate(16px,-50%)}10%,75%{opacity:1;transform:translateY(-50%)}to{opacity:0;transform:translate(-8px,-50%)}}@media(prefers-reduced-motion:reduce){.bubble.gulp{animation:none}.lootnote{animation-duration:2.8s;animation-timing-function:steps(1)}}@media(orientation:portrait)and (max-width:640px){.bubble{width:46px;height:46px;padding:0;justify-content:center;border-radius:50%}.bubble span{display:none}.box,.box.wide{left:var(--sal);right:calc(var(--dock-w) + 8px);top:auto!important;bottom:var(--sab);width:auto;max-height:56dvh!important}.box.big{top:auto!important;height:72dvh;max-height:72dvh!important}.doll{gap:4px;padding-bottom:6px}.doll .gbox{width:46px;height:46px}#dollFig{width:min(100%,132px)}.doll .gico{width:32px;height:32px}.dcol{gap:4px}.box.big .bag{max-height:min(26vh,200px)}.hud.battle .ticker{bottom:auto;top:calc(var(--sat) + 84px)}.turns{display:none}}@media(prefers-reduced-motion:reduce){.box.popping,.box.closing,.ticker li{animation:none}.bubble{transition:none}}.plate{position:absolute;left:0;top:0;display:flex;flex-direction:column;align-items:center;gap:2px;white-space:nowrap;will-change:transform;transition:opacity .2s}.plate .pn{font-family:var(--display);font-size:calc(12px * var(--ts, 1));line-height:1;color:#f4e7a8;text-shadow:1px 0 0 #000,-1px 0 0 #000,0 1px 0 #000,0 -1px 0 #000,0 2px 2px rgba(0,0,0,.6)}.plate.hostile .pn{color:#ff9a86}.plate.nm .pn{color:#ffb347;font-size:calc(13px * var(--ts, 1))}.plate.me .pn{color:var(--text)}.plate.npc .pn{color:#b8d8ff;text-align:center}.plate.npc small{display:block;margin-top:2px;font-size:calc(10px * var(--ts, 1));color:var(--muted)}.plate .lv{margin-left:5px}.plate.me .lv{color:var(--muted)}.plate .mk{margin-left:4px;color:#ff5050}.plate.me .mk{color:var(--muted);font-weight:400}.plate.npc .mk{color:var(--tp)}.plate.me.casting .pn{color:var(--mp)}.plate .pb{width:62px;height:6px;background:#070a1cc7;border:1px solid rgba(230,234,255,.9);border-radius:2px;box-shadow:0 0 0 1px #000;overflow:hidden}.plate .pb i{display:block;height:100%;width:100%;transition:width .2s}.plate .pb.hp i{background:linear-gradient(180deg,#ff8f73,#c43a3a)}.plate.me .pb.hp i{background:linear-gradient(180deg,#95f2b4,#3fae6a)}.plate .pb.mp{height:4px}.plate .pb.mp i{background:linear-gradient(180deg,#a6d4ff,#3a78c8)}.plate .pb.cast{height:4px}.plate .pb.cast i{background:var(--tp);transition:none}.plate.me .pb.cast i{background:var(--mp)}.plate .pb.swing{height:3px;border-color:#e6eaff73}.plate .pb.swing i{background:#e6eaffbf;transition:none}.plate.target .pb.hp{border-color:var(--tp);box-shadow:0 0 0 1px #000,0 0 6px #ffcf4ab3}.plate .buffs{display:flex;flex-direction:column;align-items:center;gap:3px;margin-top:3px}.buff{position:relative;overflow:hidden;padding:1px 7px 3px;border-radius:8px;font-family:var(--mono);font-size:calc(15px * var(--ts, 1));line-height:1;background:#070a1cb8;border:1px solid rgba(255,207,74,.8);color:var(--text);text-shadow:1px 1px 0 #000;animation:bob 2.4s ease-in-out infinite,buffin .45s cubic-bezier(.2,1.6,.4,1)}.buff b{font-weight:400;color:var(--tp)}.buff span{color:#ffe9a8}.buff i{position:absolute;left:0;bottom:0;height:2px;background:var(--tp);transition:width .2s linear}.buff.down{border-color:#b07affd9}.buff.down b{color:#c9a2ff}.buff.down span{color:#e2d0ff}.buff.down i{background:#b07aff}.buff.gone{animation:buffout .3s ease-in forwards}@keyframes bob{50%{transform:translateY(-3px)}}@keyframes buffin{0%{transform:scale(.2);opacity:0}}@keyframes buffout{to{transform:scale(.3) translateY(-10px);opacity:0}}@media(prefers-reduced-motion:reduce){.buff,.buff.gone{animation:none}}.plate.target .pn{text-shadow:1px 0 0 #000,-1px 0 0 #000,0 1px 0 #000,0 -1px 0 #000,0 0 6px rgba(255,207,74,.8)}.doll{display:grid;grid-template-columns:auto 1fr auto;gap:6px;align-items:start;padding:2px 0 10px}.dcol{display:flex;flex-direction:column;gap:8px}.dfig{align-self:stretch;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-width:0}#dollFig{width:min(100%,176px);aspect-ratio:1;image-rendering:pixelated;border-radius:50%;background:radial-gradient(circle at 50% 70%,rgba(255,255,255,.14),transparent 62%);transition:filter .2s}#dollFig.trying{filter:drop-shadow(0 0 6px rgba(255,207,74,.75))}#gearWin{position:relative}.picker{position:absolute;z-index:4;width:max-content;box-sizing:border-box;margin:0;padding:6px 8px 8px;border-radius:8px;background:linear-gradient(180deg,var(--win-top),var(--win-bot));box-shadow:inset 0 0 0 2px var(--tp),0 0 0 2px #000,0 10px 24px #0000008c}.picker:before{content:"";position:absolute;top:var(--arrow, 14px);width:0;height:0;border:9px solid transparent}.picker.l:before{left:-9px;border-left:0;border-right-color:var(--tp)}.picker.r:before{right:-9px;border-right:0;border-left-color:var(--tp)}.picker .wt{margin:0 0 5px}.picker.popping{animation:pickpop .26s cubic-bezier(.3,1.5,.5,1)}.picker.l.popping{transform-origin:left center}.picker.r.popping{transform-origin:right center}@keyframes pickpop{0%{opacity:0;transform:scale(.7)}}.ptiles{display:flex;flex-wrap:wrap;gap:6px}.ptiles .gbox{width:48px;height:48px}.ptiles .note{margin:0;max-width:180px}.ptiles .goff{font-size:calc(13px * var(--ts, 1))}.goff{font-family:var(--mono);font-size:calc(16px * var(--ts, 1));line-height:1;color:var(--muted);text-align:center}.gtip{position:fixed;left:0;top:0;z-index:50;max-width:250px;pointer-events:none;display:flex;flex-direction:column;gap:3px;padding:8px 10px;border:2px solid var(--frame);border-radius:6px;background:linear-gradient(var(--win-top),var(--win-bot));box-shadow:0 0 0 2px #000,0 10px 24px #00000080}.gtip b{font-weight:400;font-size:calc(15px * var(--ts, 1))}.gtip small{font-family:var(--mono);font-size:calc(16px * var(--ts, 1));color:var(--muted);line-height:1}.gtip .gdiff{margin-top:2px}@media(prefers-reduced-motion:reduce){.picker.popping{animation:none}}.gcell{display:flex;flex-direction:column;align-items:center;gap:3px}.glbl{font-size:calc(11px * var(--ts, 1));color:var(--muted)}.gbox{--pull: 0;position:relative;width:58px;height:58px;padding:0;display:grid;place-items:center;border:2px solid var(--frame);border-radius:6px;background:radial-gradient(circle at 50% 38%,#24379a,#070b2e 78%);box-shadow:0 0 0 2px #000 inset;touch-action:pan-y;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;transition:box-shadow .15s,opacity .15s,transform .12s,border-color .15s}.gbox:hover{border-color:#fff}.gico{width:40px;height:40px;image-rendering:pixelated;pointer-events:none;display:block}.gico.big{width:48px;height:48px;flex:none}.gbox.empty .gico,.gbox.inh .gico{opacity:.45}.gbox.inh{border-style:dashed}.gbox.sel{outline:2px solid var(--tp);outline-offset:2px}.gbox.on{border-color:var(--tp)}.gbox.low{opacity:.45}.gbox.pressing{transform:scale(1.08)}.gbox.lifted{opacity:.22;border-style:dashed;transform:scale(.94)}.gbox.locked{cursor:not-allowed}.gchk{position:absolute;left:3px;top:-1px;font-family:var(--mono);font-size:calc(16px * var(--ts, 1));color:var(--tp)}.glv,.glock{position:absolute;right:3px;bottom:0;font-family:var(--mono);font-size:calc(13px * var(--ts, 1));color:var(--muted)}.glock{left:0;right:0;text-align:center;color:var(--danger)}.gbox:after{content:"";position:absolute;top:5px;right:5px;bottom:5px;left:5px;border-radius:50%;pointer-events:none;opacity:0;background:conic-gradient(from 0deg,transparent 0 15%,rgba(255,255,255,.5) 25%,transparent 35% 65%,rgba(255,235,160,.45) 75%,transparent 85%)}.dragging .gbox.shut{opacity:.3}.gbox.open{border-color:var(--tp);animation:breathe 1.1s ease-in-out infinite}.gbox.open:after{opacity:.35;animation:swirl 1.4s linear infinite}.gbox.pulling{animation:none;transform:scale(calc(1 + .1 * var(--pull)));box-shadow:0 0 0 2px #000 inset,0 0 calc(8px + 26px * var(--pull)) calc(2px + 8px * var(--pull)) #ffcf4ae6}.gbox.pulling:after{opacity:calc(.4 + .6 * var(--pull));animation-duration:.4s}.gbox.nope{border-color:var(--danger);box-shadow:0 0 0 2px #000 inset,0 0 14px 3px #ff6f6f99}@keyframes breathe{50%{box-shadow:0 0 0 2px #000 inset,0 0 14px 4px #ffcf4a8c}}@keyframes swirl{to{transform:rotate(-360deg)}}.ginfo{display:flex;align-items:center;gap:10px;min-height:66px;padding:8px;margin-bottom:8px;border-radius:6px;background:#00000038}.gtext{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.gtext b{font-size:calc(14px * var(--ts, 1));font-weight:400}.gtext small{font-family:var(--mono);font-size:calc(15px * var(--ts, 1));color:var(--muted);line-height:1}.gdiff{font-family:var(--mono);font-size:calc(16px * var(--ts, 1));display:flex;flex-wrap:wrap;gap:0 8px}.gact{font-family:var(--mono);font-size:calc(16px * var(--ts, 1));flex:none}.bagbar{margin-bottom:4px}.bag{display:grid;grid-template-columns:repeat(auto-fill,minmax(62px,1fr));justify-items:center;gap:8px 4px;max-height:min(40vh,330px);overflow-y:auto;overscroll-behavior:contain;padding:8px 4px;border-radius:6px;background:#00000038;box-shadow:inset 0 0 0 1px #ffffff1a;transition:background .15s,box-shadow .15s}.bag.open{box-shadow:inset 0 0 0 2px #ffffff4d}.bag.pulling{background:#ffcf4a1f;box-shadow:inset 0 0 0 2px var(--tp),inset 0 0 24px #ffcf4a59}.ghost{position:fixed;left:0;top:0;z-index:42;pointer-events:none;display:grid;place-items:center;border:2px solid #fff;border-radius:6px;background:radial-gradient(circle at 50% 38%,#2e44b8,#0a1040 78%);box-shadow:0 0 0 2px #000 inset,0 12px 24px #0000008c;will-change:transform,opacity}.fxlayer{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;z-index:41;pointer-events:none}.fxfloat{position:fixed;z-index:43;pointer-events:none;transform:translate(-50%);white-space:nowrap;opacity:0;font-family:var(--mono);font-size:calc(21px * var(--ts, 1));text-shadow:0 2px 0 #000,0 0 6px #000;animation:floatup 1.2s ease-out forwards}@keyframes floatup{0%{opacity:0;transform:translate(-50%,8px) scale(.7)}15%{opacity:1;transform:translate(-50%) scale(1.15)}30%{transform:translate(-50%,-6px) scale(1)}to{opacity:0;transform:translate(-50%,-40px)}}@media(prefers-reduced-motion:reduce){.gbox.open,.gbox.open:after,.gbox.pulling:after{animation:none}.fxfloat{animation-duration:.01s;animation-delay:0s!important;opacity:1}}.statgrid{display:grid;grid-template-columns:1fr auto auto;gap:0 12px;font-family:var(--mono);font-size:calc(17px * var(--ts, 1))}.statgrid .h{color:var(--muted);font-size:calc(15px * var(--ts, 1))}.rule{display:flex;flex-wrap:wrap;align-items:center;gap:4px 6px;padding:7px 0;border-bottom:1px solid rgba(255,255,255,.12);font-size:calc(12px * var(--ts, 1))}.rule:last-child{border-bottom:0}.rule.off{opacity:.55}.rule .rn{font-family:var(--mono);font-size:calc(17px * var(--ts, 1));color:var(--muted);min-width:1ch}.rule .rw{color:var(--muted)}.rule .rb{margin-left:auto;display:flex;gap:4px}.rule .rb button{padding:3px 8px}select,#setName{font-family:var(--mono);font-size:calc(17px * var(--ts, 1));color:var(--text);background:var(--win-bot);border:1px solid var(--frame);border-radius:4px;padding:2px 4px;max-width:100%}input[type=checkbox]{accent-color:var(--tp);width:16px;height:16px}.sets .newset{border-style:dashed}.ctrl{display:flex;gap:10px;align-items:center;font-size:calc(12px * var(--ts, 1));flex-wrap:wrap}input[type=range]{flex:1;min-width:120px;accent-color:var(--tp)}.title{background:radial-gradient(120% 60% at 50% 0%,#1c2a78 0%,var(--bg) 70%)}.logosub{font-size:clamp(18px,5vw,26px);letter-spacing:.12em;text-align:center;margin:2px 0 0;color:var(--tp);text-shadow:2px 2px 0 #000}.logo{font-weight:400;font-size:clamp(34px,9vw,52px);letter-spacing:.06em;text-align:center;margin:8px 0 0;color:var(--tp);text-shadow:3px 3px 0 #7a4a10,6px 6px 0 #000}.tag{font-family:var(--mono);font-size:calc(20px * var(--ts, 1));text-align:center;color:var(--muted);margin:0}#titleArt{width:100%;height:150px;display:block;image-rendering:pixelated;border:2px solid var(--frame);border-radius:6px}.jobs{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px}.job{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 6px;text-align:center}.job img{image-rendering:pixelated}.job .jn{font-size:calc(13px * var(--ts, 1))}.job .jl{font-family:var(--mono);font-size:calc(16px * var(--ts, 1));color:var(--muted)}.job.soon{opacity:.5}.jobdesc{font-family:var(--mono);font-size:calc(18px * var(--ts, 1));line-height:1.15;margin:8px 0 0}.play{font-size:calc(18px * var(--ts, 1));padding:12px}.pswitch{position:fixed;top:6px;left:50%;transform:translate(-50%);z-index:90;display:flex;gap:2px;padding:2px;border-radius:999px;background:#070a1cb8;box-shadow:0 0 0 1px #ffffff40;opacity:.55;transition:opacity .15s}.pswitch:hover,.pswitch:focus-within,.staged .pswitch{opacity:1}.pswitch button{min-height:0;padding:3px 10px;border:0;border-radius:999px;background:none;color:var(--muted);font:13px/1.2 var(--display);box-shadow:none}.pswitch button[aria-pressed=true]{background:var(--tp);color:#1a1408}body.staged>:not(.pstage):not(.pswitch){display:none!important}.pstage{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 40%,#1c2350,#05060f 75%)}.pphone{position:absolute;left:50%;top:calc(50% + 18px);padding:12px;border-radius:34px;background:#0b0c12;box-shadow:0 0 0 2px #2b2f45,0 30px 80px #0009;box-sizing:content-box}.pphone iframe{display:block;width:100%;height:100%;border:0;border-radius:24px;background:#000}.leftcol{flex:0 0 auto;display:flex;flex-direction:column;gap:6px;align-items:flex-start;pointer-events:none}.leftcol>*{pointer-events:auto}.opening-journal{box-sizing:border-box;width:clamp(168px,24vw,230px);padding:4px 8px 5px;border:1px solid var(--frame);border-radius:8px;background:#070a1cc7;font:12px/1.3 var(--display);transition:width .18s ease-out}.opening-journal.open{width:min(300px,calc(100vw - var(--dock-w) - var(--sal) - 16px));max-height:46dvh;overflow:auto;overscroll-behavior:contain}.opening-journal .qj-head{all:unset;box-sizing:border-box;display:flex;width:100%;align-items:center;justify-content:space-between;gap:6px;min-height:22px;cursor:pointer;color:var(--tp);font-size:calc(12px * var(--ts, 1));letter-spacing:.02em}.opening-journal .qj-head i:after{content:"▸";display:inline-block;color:var(--muted);transition:transform .15s}.opening-journal.open .qj-head i:after{transform:rotate(90deg)}.opening-journal .qj-head:focus-visible{outline:2px solid var(--tp);outline-offset:2px}.opening-journal.done .qj-head{color:var(--muted)}.opening-journal.done .qj-head span:after{content:" ✓";color:var(--hp)}.opening-journal p{margin:2px 0 0}.opening-journal .qj-obj{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.opening-journal.open .qj-obj{display:block}.opening-journal.done:not(.open) .qj-obj{display:none}.opening-journal .qj-where{color:var(--muted);font-size:calc(11px * var(--ts, 1))}.opening-journal:not(.open) .qj-where,.opening-journal:not(.open) .extra{display:none}.opening-journal .qj-acts{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.opening-journal .qj-acts:empty{display:none}.opening-journal .qj-acts button{font-size:calc(11px * var(--ts, 1));padding:4px 8px;min-height:30px;border-radius:14px}.opening-journal .qj-acts button:not(.extra){border-color:var(--tp)}body[data-talk] .opening-journal,body[data-talk] .hud .target{visibility:hidden}html:not(.hud-quest) .opening-journal,html:not(.hud-target) .hud .target,html:not(.hud-self) .hud .status{display:none!important}.tacts{position:absolute;left:0;top:0;display:grid;grid-template-columns:auto auto;gap:4px 5px;align-items:center;will-change:transform;animation:tactsin .16s ease-out}.tacts button{min-height:38px;padding:4px 14px;font-size:calc(14px * var(--ts, 1));border-radius:19px;box-shadow:0 2px 8px #0000008c}.tacts .go{border-color:#83d8ff}.tacts .go.foe{border-color:var(--danger)}.tacts .clr{min-width:38px;padding:4px 0}.tacts small{grid-column:1 / -1;font-family:var(--mono);font-size:calc(15px * var(--ts, 1));line-height:1;color:var(--muted);text-shadow:1px 1px 0 #000,-1px 0 0 #000}.tacts small:empty{display:none}@keyframes tactsin{0%{opacity:0}}@media(prefers-reduced-motion:reduce){.tacts{animation:none}}.target .tn{flex-wrap:wrap}.hud .region{top:calc(var(--sat) + var(--top-stack, 82px) + 8px)}.hud .hint{top:calc(var(--sat) + var(--top-stack, 82px) + 8px + 20px * var(--ts, 1))}.plate[role=button]{pointer-events:auto;cursor:pointer;padding:6px;border-radius:5px}.plate[role=button]:focus-visible{outline:2px solid var(--tp)}.plate.target.npc{outline:1px solid #83d8ff;background:#070a1cb3}.questline{all:unset;box-sizing:border-box;display:flex;flex-direction:column;gap:1px;width:clamp(168px,24vw,240px);padding:4px 8px 5px;border:1px solid rgba(255,207,74,.55);border-radius:8px;background:#070a1cb8;font:calc(12px * var(--ts, 1))/1.3 var(--display);color:var(--text);cursor:pointer;pointer-events:auto}.questline[hidden]{display:none}.questline .ql-head{color:var(--tp);letter-spacing:.02em}.questline .ql-task{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.questline .ql-where{display:none;color:var(--muted);font-size:calc(11px * var(--ts, 1))}.questline.open{width:min(300px,calc(100vw - var(--dock-w) - var(--sal) - 16px))}.questline.open .ql-task{-webkit-line-clamp:unset}.questline.open .ql-where{display:block}.questline.end{border-color:#a3add980}.questline:focus-visible{outline:2px solid var(--tp);outline-offset:2px}.talkbox.story .tn{color:var(--tp)}.talkbox.story{bottom:auto;top:calc(var(--sat, 0px) + 16dvh);max-width:min(620px,calc(100% - 16px));padding:10px 18px 18px;background:linear-gradient(180deg,#0e121edb,#161c2eb8 60%,#1e243a94);border:1px solid rgba(232,206,140,.28);border-radius:12px;box-shadow:0 8px 28px #00000073;-webkit-backdrop-filter:none;backdrop-filter:none}.talkbox.story p{line-height:1.25}.talkskip{position:absolute;top:4px;right:6px;font-size:calc(12px * var(--ts, 1));padding:3px 8px;border-radius:10px;background:#00000059;border:1px solid rgba(255,255,255,.18);color:var(--muted);cursor:pointer}.talkskip:hover,.talkskip:focus-visible{color:#fff;border-color:#ffffff73}.talkbox .tn{padding-right:64px}.talkprompt{position:absolute;left:50%;bottom:calc(var(--sab) + 150px);transform:translate(-50%);font-size:calc(15px * var(--ts, 1));padding:8px 14px;border-radius:18px;pointer-events:auto;box-shadow:0 2px 8px #00000080}.talkprompt b{color:#b8d8ff;font-weight:400}.talkbox{position:absolute;left:50%;bottom:calc(var(--sab) + 40px);transform:translate(-50%);width:max-content;min-width:min(260px,calc(100% - 16px));max-width:min(560px,calc(100% - 2 * var(--dock-w) - 16px));box-sizing:border-box;padding:6px 14px 14px;pointer-events:auto;cursor:pointer}.talkbox .ghost{visibility:hidden}.talkchoices{display:flex;gap:8px;justify-content:flex-end;margin-top:8px}.talkchoices button{font:inherit;font-size:calc(13px * var(--ts, 1));padding:6px 12px;border-radius:10px;background:#00000059;border:1px solid rgba(255,255,255,.25);color:#e8eef8;cursor:pointer}.talkchoices button.foe{border-color:#ff786499;color:#ffb0a0}.talkchoices button:hover,.talkchoices button:focus-visible{border-color:#fff9;color:#fff}.talkbox.speech .talkchoices button{background:#fff;color:#263040;border-color:#a9b3c2}.talkbox.speech .talkchoices button.foe{color:#a8331c;border-color:#d98b78}.talkbox.speech .talkchoices button:hover,.talkbox.speech .talkchoices button:focus-visible{border-color:#263040;background:#eef2f7}.talkbox .tn{font-size:calc(13px * var(--ts, 1));color:#b8d8ff;margin-bottom:4px}.talkbox p{margin:0;font-family:var(--mono);font-size:calc(19px * var(--ts, 1));line-height:1.1;min-height:1.1em;max-height:30dvh;overflow:auto}.talkbox .more{position:absolute;right:12px;bottom:6px;font-size:calc(12px * var(--ts, 1));color:var(--muted);animation:talkmore 1.1s steps(2) infinite}.talkbox.popping{animation:talkin .22s ease-out}@keyframes talkin{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}@keyframes talkmore{50%{opacity:.35}}@media(orientation:portrait)and (max-width:640px){.talkbox{max-width:calc(100% - 16px)}.talkbox p{font-size:calc(17px * var(--ts, 1))}.talkprompt{left:auto;right:calc(var(--sar) + 4px);transform:none;bottom:calc(var(--sab) + 40px)}}body[data-box] .talkprompt{display:none}.crystalprompt{bottom:calc(var(--sab) + 196px)}.crystalprompt b{color:#8ae8ff}.jobstation{position:absolute;left:50%;bottom:calc(var(--sab) + 40px);transform:translate(-50%);width:min(460px,calc(100% - 16px));box-sizing:border-box;padding:8px 12px 12px;pointer-events:auto}.jobstation .wt{margin:0 0 8px}div.job{border:2px solid transparent;border-radius:8px;opacity:.6}div.job.on{border-color:var(--tp);color:var(--tp);opacity:1}.jobstation #b-jobClose{margin-top:8px}.jobstation .subt{margin:10px 0 6px}.jobstation{max-height:calc(100% - var(--sat) - var(--sab) - 56px);overflow-y:auto}.styles{display:flex;flex-direction:column;gap:6px}.styles .tier{display:grid;grid-template-columns:auto 1fr 1fr;gap:6px;align-items:stretch}.styles .lv{font-family:var(--mono);font-size:calc(17px * var(--ts, 1));color:var(--tp);align-self:center}.styles .style{display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left;padding:5px 7px;font-size:calc(12px * var(--ts, 1));line-height:1.15;min-width:0}.styles .style b{font-weight:400;font-size:calc(14px * var(--ts, 1))}.styles .style span{color:var(--muted)}.styles .style.on{border-color:var(--tp);box-shadow:0 0 0 1px var(--tp)}.styles .style.on b{color:var(--tp)}.styles .tier.locked{opacity:.5}.crystalprompt i{font-style:normal;color:var(--tp)}.jobs.mini.subs .job{padding:4px}@media(orientation:portrait)and (max-width:640px){.crystalprompt{bottom:calc(var(--sab) + 86px)}}@media(prefers-reduced-motion:reduce){.talkbox.popping,.talkbox .more{animation:none}}.plate .say{max-width:220px;white-space:normal;text-align:center;margin-bottom:4px;padding:3px 8px;border-radius:8px;background:#f4f6ffeb;color:#1a1c30;font-family:var(--mono);font-size:calc(16px * var(--ts, 1));line-height:1.05;box-shadow:0 1px #000,0 2px 6px #0006;animation:tickin .25s ease-out;transition:opacity .5s}.plate .say.gone{opacity:0}.errands{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;max-height:60vh;overflow-y:auto}.errands li{padding:6px 8px;border:1px solid rgba(230,234,255,.35);border-radius:6px;background:#00001440}.errands li b{font-weight:400;font-size:calc(14px * var(--ts, 1))}.errands li .st{float:right;font-family:var(--mono);font-size:calc(16px * var(--ts, 1));color:var(--muted)}.errands li.ready .st{color:var(--tp)}.errands li.done{opacity:.55}.errands li p{margin:3px 0 0;font-family:var(--mono);font-size:calc(16px * var(--ts, 1));line-height:1.05;color:var(--muted)}.errands li.empty{border:0;background:none;font-family:var(--mono);font-size:calc(16px * var(--ts, 1));color:var(--muted)}body[data-talk] #stick,body[data-talk] #turns,body[data-talk] #hint,body[data-talk] #ticker{visibility:hidden}.areatitle{position:absolute;left:50%;top:calc(var(--sat) + 22%);transform:translate(-50%);font-size:calc(22px * var(--ts, 1));letter-spacing:.12em;color:#f4f0e0;text-shadow:0 2px 0 #000,0 0 12px rgba(0,0,0,.7);opacity:0;pointer-events:none;white-space:nowrap}.areatitle.show{animation:areatitle 3.4s ease-in-out forwards}.hud.battle .areatitle{display:none}@keyframes areatitle{0%{opacity:0}18%{opacity:1}70%{opacity:1}to{opacity:0}}@media(prefers-reduced-motion:reduce){.areatitle.show{animation-duration:2.4s}}.note.build{font-size:calc(13px * var(--ts, 1));opacity:.6;margin-top:4px}.townmap{position:relative;height:min(62dvh,560px);border-radius:12px;overflow:hidden;background:#1c1a14;box-shadow:inset 0 0 0 1px #f0d48a59,0 2px 10px #00000059}.townmap canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab}.map-zoom{position:absolute;right:8px;bottom:8px;display:flex;gap:6px;align-items:center}.map-zoom button{min-width:40px;min-height:40px;font-size:18px}.map-zoom output{min-width:44px;text-align:center;font-size:12px;color:#f2e8d8;text-shadow:0 1px 2px #000}.map-zoom #mapYou[aria-pressed=true]{border-color:#e8c060;color:#e8c060}.map-tabs,.world-map-tools{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:8px 0}.map-tabs button[aria-pressed=true]{background:#75623e;color:#fff4d3}#worldMapCanvas{display:block;width:100%;height:min(49dvh,460px);min-height:220px;background:#172724;border:1px solid #58634d;border-radius:10px;touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none;font-family:system-ui,sans-serif}#worldMapCanvas:active{cursor:grabbing}#worldMapCanvas:focus-visible,.atlas-card:focus-visible{outline:2px solid #ffe1a4}.atlas-route{stroke:#c5b080;stroke-width:3;stroke-dasharray:8 6}.atlas-card{cursor:pointer}.atlas-land{fill:#283e33;stroke:#71826a;stroke-width:2}.atlas-hostile{fill:#44342e;stroke:#b98064;stroke-width:2}.atlas-card[aria-pressed=true]>rect{stroke:#ffe1a4;stroke-width:4}.atlas-name{font-size:17px;font-weight:700;fill:#fff1cd}.atlas-level{font-size:12px;fill:#cfceb9}.world-map-hint{font-size:12px;color:#b9c4b1;margin:6px 0}#worldMapDetail{font-size:14px;line-height:1.45;margin:8px 0}#worldZoomLabel{min-width:42px;text-align:center;font:13px system-ui,sans-serif}.maplegend{display:flex;gap:14px;font-size:calc(12px * var(--ts, 1));margin-top:6px;opacity:.85}.maplegend span:before{content:"";display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:5px;vertical-align:-1px}.maplegend .me:before{background:#fff;box-shadow:0 0 0 2px #c43a3a}.maplegend .mn:before{background:#ffd060}.maplegend .mc:before{background:#8ae8ff}.overlay.title{background:linear-gradient(180deg,#070a1c40,#070a1c8c 45%,#070a1ce6);display:flex}.title .overlayin{width:100%;margin:auto}body.attitle .app>:not(#view),body.attitle #labels,body.attitle #banner,body.attitle .vig{visibility:hidden}#login{gap:14px}#login .play{align-self:center;min-width:200px;margin-top:18vh}#login .play#b-continue+.play{margin-top:0;font-size:calc(14px * var(--ts, 1));min-width:160px}#b-continue .cc{display:block;font-size:calc(12px * var(--ts, 1));color:var(--muted)}.edlink{color:var(--muted);text-decoration:none;display:block}.charlist{display:flex;flex-direction:column;gap:6px}.char{display:flex;align-items:center;gap:10px;padding:6px 10px;text-align:left}.char img{image-rendering:pixelated;flex:none}.char .cn{font-size:calc(15px * var(--ts, 1));display:block}.char .cj{font-family:var(--mono);font-size:calc(17px * var(--ts, 1));color:var(--muted);display:block}.char.on{box-shadow:0 0 0 2px var(--tp) inset}.char.empty{opacity:.45;font-family:var(--mono);font-size:calc(17px * var(--ts, 1));justify-content:center;border-style:dashed}.charbtns{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.charbtns .armed{color:var(--danger);border-color:var(--danger)}.linkish{align-self:center;background:none;box-shadow:none;border:0;color:var(--muted)}.namefield{display:flex;align-items:center;gap:8px;font-size:calc(13px * var(--ts, 1))}.namefield input{flex:1;font-family:var(--mono);font-size:calc(20px * var(--ts, 1));color:var(--text);background:var(--win-bot);border:1px solid var(--frame);border-radius:4px;padding:4px 6px;-webkit-user-select:text;user-select:text}.note.err{color:var(--danger);min-height:1.2em;margin:4px 0}.jobs.mini{grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:6px}.jobs.mini .job{padding:5px 4px;gap:2px}.padbox.field .padinfo,.padbox.field #b-flee,.padbox.field #b-speed,.padbox:not(.field) #b-tuck{display:none}.padbox.tucked .pad,.padbox.tucked #b-bar{display:none}.bgroup{position:relative;display:flex;justify-content:flex-end}.bubble.peek{border-color:var(--tp);transform:translate(-4px)}.flyout{position:absolute;right:calc(100% + 8px);top:50%;transform:translateY(-50%);display:flex;flex-direction:row-reverse;gap:6px;z-index:17}.flyout.popping{animation:flyout .3s cubic-bezier(.2,1.4,.4,1)}@keyframes flyout{0%{opacity:0;transform:translate(24px,-50%) scale(.7)}to{opacity:1;transform:translateY(-50%)}}.bubble.sub{height:40px;font-size:calc(12px * var(--ts, 1));white-space:nowrap}.bubble.sub i{width:24px;height:24px}@media(orientation:portrait)and (max-width:640px){.bubble.sub{width:42px;height:42px}.flyout{gap:4px}}@media(prefers-reduced-motion:reduce){.flyout.popping{animation:none}}.statgrid.five{grid-template-columns:1fr repeat(4,auto)}.statgrid .tot{color:#fff}.statgrid .b{color:#9ad0ff}.buffrows{display:flex;flex-direction:column;gap:3px;font-size:calc(13px * var(--ts, 1))}.buffrows small{font-family:var(--mono);font-size:calc(15px * var(--ts, 1));color:#9ad0ff}#gearWin .bag{display:block;min-height:0;padding:6px 8px}#gearWin .bag .note{margin:0}.tabs{display:flex;gap:6px;margin-bottom:8px}.tabs button.on{border-color:var(--tp);color:var(--tp)}.invgrid{max-height:30vh;margin-bottom:6px}.invgrid .gbox.low{opacity:.5}.gsets{position:absolute;right:-4px;top:-4px;min-width:18px;height:18px;padding:0 4px;border-radius:9px;background:#9ad0ff;color:#000;font-family:var(--mono);font-size:calc(15px * var(--ts, 1));line-height:18px;box-shadow:0 0 0 2px #000}.goods{list-style:none;margin:0 0 8px;padding:0;display:flex;flex-direction:column;gap:4px}.goods li{display:flex;align-items:center;gap:8px;padding:5px 6px;border-radius:6px;background:#00000038}.goods .swatch{width:18px;height:18px;flex:none;border-radius:4px;box-shadow:0 0 0 2px #000}.goods .gname{flex:1;min-width:0;display:flex;flex-direction:column}.goods .gname b{font-weight:400;font-size:calc(13px * var(--ts, 1))}.goods .gname small{color:var(--muted);font-size:calc(11px * var(--ts, 1))}.purse{margin:0 0 6px;font-family:var(--mono)}.purse b{color:var(--gold, #e8c060)}.goods.shop li.low{opacity:.5}.goods.shop .gico{width:32px;height:32px;image-rendering:pixelated}.goods .gcount.price{font-size:calc(14px * var(--ts, 1));color:var(--gold, #e8c060);min-width:3.5em;text-align:right}.goods .gcount{font-family:var(--mono);font-size:calc(18px * var(--ts, 1))}.perfMeter{position:fixed;left:calc(8px + env(safe-area-inset-left));bottom:calc(8px + env(safe-area-inset-bottom));z-index:60;padding:6px 8px;border-radius:6px;background:#080a10b8;color:#cfe6c8;font:12px/1.35 var(--mono);white-space:pre;pointer-events:none}.perfWarn{position:fixed;top:calc(56px + env(safe-area-inset-top));left:50%;transform:translate(-50%);z-index:61;max-width:min(560px,calc(100vw - 32px));padding:10px 14px;border:1px solid #c9a24a;border-radius:8px;background:#1e1608eb;color:#f3e2b4;font:14px/1.4 var(--mono);text-align:left;cursor:pointer}.sliders{display:grid;grid-template-columns:auto 1fr 3.2em;gap:6px 10px;align-items:center;font-size:calc(12px * var(--ts, 1));margin:8px 0 2px}.sliders input[type=range]{min-width:0;width:100%}.sliders output{font-family:var(--mono);font-size:calc(16px * var(--ts, 1));text-align:right;font-variant-numeric:tabular-nums}.seg{gap:6px}.seg button[aria-checked=true]{background:var(--tp);color:#1a1408}.credits summary{cursor:pointer}.credits .ch{margin:8px 0 2px;font-size:calc(12px * var(--ts, 1));color:var(--tp)}.credits .cr{margin:0 0 4px;display:grid;font-size:calc(12px * var(--ts, 1))}.credits .cr span{font-family:var(--mono);font-size:calc(15px * var(--ts, 1));color:var(--muted);line-height:1.05}#pad .ic.potion,.bared .ic.potion{background:radial-gradient(circle at 40% 35%,rgba(255,255,255,.55) 0 12%,transparent 13%),radial-gradient(circle at 50% 58%,var(--pc) 0 34%,transparent 35%),linear-gradient(var(--pc),var(--pc)) 50% 14% / 18% 22% no-repeat}.craft .needs{display:block;margin-top:2px}.craft .needs .up{color:var(--hp)}.craft .needs .dn{color:#ff8a7a}.gearlog{list-style:none;margin:4px 0 8px;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:4px}.gearlog li{display:grid;padding:4px 6px;border-radius:4px;background:#00000040;opacity:.45;font-size:calc(12px * var(--ts, 1))}.gearlog li.got{opacity:1;background:#ffcf4a24}.gearlog li span{font-family:var(--mono);font-size:calc(14px * var(--ts, 1));color:var(--muted);line-height:1}.report summary{cursor:pointer}.seg>span{font-size:calc(12px * var(--ts, 1));color:var(--muted)}.conmark{display:none;font-weight:400}html.marks .conmark{display:inline}.party{width:clamp(150px,20vw,200px);padding:4px 8px 6px;display:flex;flex-direction:column;gap:5px;font-family:var(--mono);font-size:calc(13px * var(--ts, 1))}.party .pm{display:flex;flex-direction:column;gap:2px}.party .pmh{display:flex;gap:6px;align-items:baseline;white-space:nowrap;overflow:hidden}.party .pmh b{font-weight:400;color:#a8f0c0}.party .pml{color:var(--muted);font-size:calc(11px * var(--ts, 1))}.party .pmd{margin-left:auto;color:var(--mp);font-size:calc(11px * var(--ts, 1));overflow:hidden;text-overflow:ellipsis}.party .bar{height:5px}.party .bar.mp{height:3px}.party .bar.hp i{background:linear-gradient(180deg,#95f2b4,#3fae6a)}.party .bar.mp i{background:linear-gradient(180deg,#a6d4ff,#3a78c8)}.party .pm.ko{opacity:.5}.plate.ally .pn{color:#a8f0c0}.plate.ally .pb.hp i{background:linear-gradient(180deg,#95f2b4,#3fae6a)}.plate.ally .mk{color:var(--muted)}.companions{list-style:none;margin:4px 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:6px}.companions li{padding:6px 8px;border-radius:4px;background:#00000040;border:1px solid transparent}.companions li.here{border-color:#3fae6a;background:#3fae6a24}.companions li.locked{opacity:.5}.companions .ch b{font-weight:400;color:#a8f0c0}.companions .cr{color:var(--muted);font-size:calc(12px * var(--ts, 1))}.companions p{margin:4px 0;font-size:calc(12px * var(--ts, 1))}.companions .ca{display:flex;justify-content:flex-end}.chips{display:flex;gap:5px;overflow-x:auto;scrollbar-width:none;margin:0 0 6px;padding-bottom:2px}.chips::-webkit-scrollbar{display:none}.chip{flex:none;font-size:calc(12px * var(--ts, 1));padding:4px 9px;border-radius:14px;white-space:nowrap}.chip .cn{font-family:var(--mono);font-size:calc(14px * var(--ts, 1));color:var(--muted)}.chip.on .cn{color:inherit}.mtools{display:flex;gap:6px;align-items:center;margin-bottom:6px}.mtools input[type=search]{flex:1 1 90px;min-width:0;font-family:var(--mono);font-size:calc(17px * var(--ts, 1));color:var(--text);background:#0a1040;border:1px solid var(--frame);border-radius:4px;padding:3px 6px;-webkit-user-select:text;user-select:text}.mtools select{flex:0 1 auto;width:auto}.mtools [hidden]{display:none}button.more{display:block;margin:0 auto 8px}.wt.sub{font-size:calc(12px * var(--ts, 1));margin:6px 0 2px}.picker.all .ptiles{max-height:min(40vh,260px);overflow-y:auto;overscroll-behavior:contain}.ptiles .gbox.more .goff{line-height:1.1}#jobStation .jobs.mini{max-height:34vh;overflow-y:auto}#coopBody{padding:12px;max-width:540px}#coopBody label{display:block;margin:10px 0}#coopBody input{display:block;box-sizing:border-box;width:100%;margin-top:4px;font:inherit}#coopBody button{min-height:40px;margin-bottom:5px}#coopLive{position:fixed;top:calc(80px + env(safe-area-inset-top));left:max(8px,env(safe-area-inset-left));z-index:12;width:min(260px,45vw);padding:7px;border:1px solid #476d78;border-radius:8px;color:#f4efdb;background:#101b23e8;font-size:12px;pointer-events:auto}#coopLive[hidden]{display:none}#coopLive p{margin:4px 0;line-height:1.3}#coopLive select{width:100%;min-height:36px;font:inherit;margin-top:5px}.in-coop .questline,.in-coop #talkPrompt,.in-coop #openingJournal,.in-coop #hint{display:none!important}body.dual #pad{visibility:hidden}body.dual #stick,body.dual #turns{display:none!important}@media(pointer:coarse){.box button,.overlay button,.bared button,.jobstation button,.talkbox .talkskip,#menu button,.padbox .row button,.tacts button{min-height:44px}.box button.small,.overlay button.small,#menu button.small,.bared button.small,.jobstation button.small{min-height:40px;padding-left:12px;padding-right:12px}.chip{min-height:40px;padding:6px 12px}.chips{gap:8px}.box select,#menu select,.mtools input[type=search]{min-height:40px}.target .tnext{min-width:44px;height:32px}.talkprompt{min-height:48px;padding:10px 18px}.ctrl{gap:8px}}.padnav :focus{outline:3px solid var(--tp);outline-offset:2px;box-shadow:0 0 0 6px #ffcf4a38}.acct{position:fixed;z-index:21;top:max(10px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));display:flex;flex-direction:column;align-items:flex-end;gap:6px;max-width:min(320px,80vw)}.acctchip{display:inline-flex;align-items:center;gap:7px;border-radius:999px;background:#070a1cb8;color:var(--muted);border-color:#ffffff2e}.acctchip i{width:8px;height:8px;border-radius:50%;background:var(--hp);box-shadow:0 0 0 2px #00000080}.acctnote{margin:0;padding:8px 10px;border-radius:10px;background:#070a1ce6;border:1px solid var(--frame);font-family:var(--mono);font-size:calc(16px * var(--ts, 1));line-height:1.15;color:var(--text)}body:not(.attitle) .acct{display:none}.titlego{display:flex;flex-direction:column;gap:10px}.title .play{min-height:56px;border-radius:14px;font-size:calc(19px * var(--ts, 1))}.title .play[data-primary]{border-color:var(--tp);color:var(--tp);box-shadow:0 0 0 2px #000 inset,0 4px 14px #00000073}.charlist .char{min-height:68px;border-radius:12px}.charlist .char img{width:56px;height:56px}.title .linkish{min-height:44px}.jobs:not(.mini) .job{min-height:96px;border-radius:12px}@media(orientation:landscape)and (min-width:600px){.title[data-panel=login] #login{max-width:940px;display:grid;grid-template-columns:1fr minmax(240px,320px);grid-template-areas:"logo go" "sub go" "tag go" "build go";align-items:end;column-gap:32px;row-gap:6px}#login .logo{grid-area:logo;text-align:left}#login .logosub{grid-area:sub;text-align:left}#login .tag{grid-area:tag;text-align:left}#login .build{grid-area:build;text-align:left}#login .titlego{grid-area:go;align-self:end}#login .titlego .play{margin-top:0;min-width:0;width:100%}.title[data-panel=chars] #chars{max-width:940px;display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,340px);align-items:start;column-gap:20px}#chars>.win:first-child{grid-column:1;grid-row:1 / span 3}#chars>#zoneNote,#chars>#charJobBox{grid-column:2}#chars>.titlego{grid-column:2}#chars .charlist{max-height:62vh;overflow-y:auto}.title[data-panel=create] #create{max-width:940px;display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,280px);column-gap:20px;align-items:end}#create .titlego{align-self:end}}@media(orientation:portrait){.title[data-panel=login] #login{min-height:calc(100dvh - 90px)}#login .titlego{order:9;margin-top:auto}#login .titlego .play{margin-top:0;width:min(100%,340px);align-self:center}}.ringbtn{display:none;position:absolute;z-index:16;top:calc(var(--sat) + 6px);right:calc(var(--sar) + 6px);width:52px;height:52px;padding:0;border-radius:50%;font-size:calc(24px * var(--ts, 1));box-shadow:0 0 0 2px #000 inset,0 4px 12px #0006}html.thumbs .ringbtn{display:block}html.thumbs:not(.allmenus) #bubbles{display:none}body.attitle .ringbtn{display:none}.qring{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:#0406129e}.qwheel{--r: min(31vmin, 150px);position:relative;width:calc(var(--r) * 2 + 96px);height:calc(var(--r) * 2 + 96px);border-radius:50%;background:radial-gradient(circle,#131a3aeb 0,#131a3aeb 58%,#131a3a8c 59%,#131a3a8c);border:2px solid var(--frame)}.qslice,.qmid{position:absolute;left:50%;top:50%}.qslice{width:84px;min-height:64px;margin:-32px 0 0 -42px;transform:rotate(var(--a)) translateY(calc(var(--r) * -1)) rotate(calc(var(--a) * -1));display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:6px 2px;border-radius:16px;font-size:calc(12px * var(--ts, 1))}.qslice i{width:30px;height:30px;background:center / contain no-repeat;image-rendering:pixelated}.qslice.aim,.qslice:focus-visible{border-color:var(--tp);color:var(--tp)}.qmid{width:64px;height:64px;margin:-32px 0 0 -32px;padding:0;border-radius:50%;font-size:calc(22px * var(--ts, 1))}.qfoot{display:flex;gap:10px}.qfoot button{min-height:44px;min-width:110px;border-radius:22px}@media(max-height:420px){.qwheel{--r: min(30vh, 130px);width:calc(var(--r) * 2 + 80px);height:calc(var(--r) * 2 + 80px)}.qslice{width:76px;min-height:54px;margin:-27px 0 0 -38px}.qslice i{width:24px;height:24px}.qring{flex-direction:row}.qfoot{flex-direction:column}}@media(prefers-reduced-motion:no-preference){.qring:not([hidden]) .qwheel{animation:qpop .18s cubic-bezier(.3,1.5,.5,1)}@keyframes qpop{0%{transform:scale(.85);opacity:0}}}@media(orientation:landscape){html.thumbs .padbox{left:auto;right:calc(var(--sar) + 6px);transform:none;bottom:calc(var(--sab) + 4px);max-width:min(330px,46vw);align-items:flex-end}html.thumbs .pad{display:grid;grid-template-columns:repeat(4,auto);gap:5px;justify-content:end}html.thumbs .padinfo{align-items:flex-end}html.thumbs .talkprompt{left:auto;right:calc(var(--sar) + 8px);transform:none;bottom:calc(var(--sab) + 152px)}html.thumbs .crystalprompt{bottom:calc(var(--sab) + 206px)}html.thumbs .ticker{width:min(380px,44vw)}}.starters{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px}.starter{display:flex;align-items:center;gap:10px;min-height:84px;padding:8px 10px;border-radius:14px;text-align:left}.starter img{flex:none;image-rendering:pixelated}.starter b{display:block;font-weight:400;font-size:calc(17px * var(--ts, 1))}.starter .sj{display:block;font-size:calc(12px * var(--ts, 1));color:var(--tp)}.starter .sl{display:block;font-family:var(--mono);font-size:calc(16px * var(--ts, 1));color:var(--muted);line-height:1.05;margin-top:2px}.starter.on{border-color:var(--tp);box-shadow:0 0 0 2px var(--tp) inset}#b-alljobs{margin:4px 0}.ucard{position:fixed;z-index:30;left:50%;top:calc(var(--sat, 0px) + 12vh);transform:translate(-50%);width:min(440px,calc(100vw - 24px));padding:12px 14px;border-radius:16px;border:2px solid var(--tp);box-shadow:0 8px 26px #0000008c}.ucard .uhead{margin:0 0 2px;font-size:calc(12px * var(--ts, 1));letter-spacing:.1em;text-transform:uppercase;color:var(--tp)}.ubtns{display:flex;justify-content:flex-end;align-items:center;gap:8px;margin-top:10px;flex-wrap:wrap}.ubtns [data-primary]{min-width:120px;min-height:44px;border-color:var(--tp);color:var(--tp)}.ubtns .linkish{margin-right:auto;min-height:44px}@media(orientation:landscape)and (max-height:480px){.ucard{top:calc(var(--sat, 0px) + 8px)}}@media(prefers-reduced-motion:no-preference){.ucard:not([hidden]){animation:ucin .22s ease-out}@keyframes ucin{0%{opacity:0;transform:translate(-50%,-8px)}}}.gtitle{margin:2px 0 6px;font-weight:400;font-size:calc(19px * var(--ts, 1))}.gflow{display:flex;flex-wrap:wrap;align-items:center;gap:4px 6px;margin:0 0 8px}.gflow span{padding:3px 9px;border-radius:10px;border:1px solid var(--frame);background:#0000004d;font-size:calc(12px * var(--ts, 1))}.gflow b{color:var(--tp);font-weight:400}.glines{margin:0;padding-left:18px;font-family:var(--mono);font-size:calc(17px * var(--ts, 1));line-height:1.15}.glines li{margin-bottom:4px}.gwhere{margin:6px 0 0;font-size:calc(12px * var(--ts, 1));color:var(--muted)}#guideBody{display:flex;flex-direction:column;gap:8px}.glist{display:flex;flex-wrap:wrap;gap:6px}.gpage.on{border-color:var(--tp);color:var(--tp)}.gnew{font-size:.8em;color:var(--muted)}.gdetail{padding:8px 10px;border-radius:10px;background:#00000040;display:flex;flex-direction:column;align-items:flex-start;gap:6px}.gnext{margin:0;font-family:var(--mono);font-size:calc(17px * var(--ts, 1))}.gnext b{font-family:var(--display);font-weight:400;font-size:calc(12px * var(--ts, 1));color:var(--tp);margin-right:6px}.qhelp{margin-left:auto;margin-right:6px;min-width:34px;border-radius:50%}.mh:has(.qhelp){display:flex;align-items:center}.verdict{display:inline-block;margin-right:6px;padding:0 6px;border-radius:6px;font-family:var(--display);font-size:calc(11px * var(--ts, 1));border:1px solid currentColor}.verdict.upgrade{color:var(--hp)}.verdict.downgrade{color:var(--danger)}.verdict.sidegrade{color:var(--tp)}.talkbox.speech{display:block;bottom:auto;transform:translate(-50%,-100%);width:max-content;max-width:min(340px,calc(100vw - 16px));min-width:160px;padding:6px 12px 12px;border-radius:14px;background:#f6f7fff5;color:#1a1c30;border:2px solid #1a1c30;box-shadow:0 3px #00000059,0 6px 14px #00000059;overflow:visible}.talkbox.speech:after{content:"";position:absolute;left:var(--tail, 50%);bottom:-12px;width:18px;height:12px;margin-left:-9px;background:inherit;clip-path:polygon(0 0,100% 0,50% 100%)}.talkbox.speech:before{content:"";position:absolute;left:var(--tail, 50%);bottom:-16px;width:24px;height:15px;margin-left:-12px;background:#1a1c30;clip-path:polygon(0 0,100% 0,50% 100%)}.talkbox.speech .tn{color:#3a4bb0}.talkbox.speech p{font-size:calc(17px * var(--ts, 1));max-height:24dvh}.talkbox.speech .more{color:#5a5f80}.talkbox.speech .talkskip{background:#1a1c3014;color:#3a3f60;border-color:#1a1c3040}.talkbox.speech.popping{animation:none}body.attitle .pswitch,body.attitle .ringbtn,body.attitle .padhint,body.attitle #unlockCard,body.attitle #quickRing{display:none!important}#adminBox .edlink{display:inline-flex;align-items:center;padding:5px 10px;border:2px solid var(--frame);border-radius:6px;color:var(--text);text-decoration:none}
