:root{--fs-xs: 10px;--fs-sm: 11px;--fs-md: 12px;--fs-lg: 14px;--fs-xl: 18px;--fs-2xl: 24px;--fs-3xl: 32px;--fs-display: 40px;--ui: 1;--ro-blue-1: #6f8fd8;--ro-blue-2: #3a5bb4;--ro-blue-3: #24418e;--ro-panel: #f6f8fd;--ro-panel-2: #eaeff9;--ro-line: #d3dbef;--ro-border: #6b7ba8;--ro-text: #24304f;--ro-muted: #6c7896;--ro-title: linear-gradient(180deg, #97b1e6 0%, #7d9ad6 45%, #5f7fc0 55%, #3a559a 100%);--ro-slot: linear-gradient(#f7f8fc, #e3e7f2);--ro-slot-border: #8b96b8;--hud-panel: linear-gradient(180deg, rgba(250, 251, 255, .94), rgba(232, 236, 246, .92));--hud-shadow: 0 2px 8px rgba(0, 0, 0, .35), inset 0 1px 0 #fff;--ready: #8fd0ff;--exp: #3a8ee8;--boss: #c0392b;--outline: 0 1px 1px #000, 0 0 2px #000, 0 0 3px rgba(0, 0, 0, .8)}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#000;font-family:Nunito,Segoe UI,Tahoma,Verdana,sans-serif;font-size:var(--fs-md);font-weight:600;color:var(--ro-text);-webkit-user-select:none;user-select:none;-webkit-font-smoothing:antialiased}b,strong{font-weight:800}#stage,#stage canvas{position:fixed;top:0;right:0;bottom:0;left:0;display:block}.hidden{display:none!important}.ro-window{background:linear-gradient(180deg,#fdfdff,var(--ro-panel) 60%,#eef2fa);border:1px solid var(--ro-border);border-radius:12px;box-shadow:0 0 0 3px #ffffff59,0 12px 32px #00000073;overflow:hidden}.ro-title{position:relative;background:var(--ro-title);color:#fff;font-weight:800;font-size:var(--fs-lg);letter-spacing:.3px;padding:9px 16px;text-shadow:1px 1px 0 #1d2d57;border-bottom:1px solid #2f4a8a;box-shadow:inset 0 1px #ffffff8c}.ro-title:before{content:"";display:inline-block;width:7px;height:7px;margin-right:9px;vertical-align:1px;background:#fff;transform:rotate(45deg);box-shadow:0 0 4px #ffffffe6}.ro-body{padding:12px}.center{text-align:center}hr{border:none;height:1px;margin:10px 0;background:linear-gradient(90deg,transparent,var(--ro-line) 15%,var(--ro-line) 85%,transparent)}.ro-btn{font:inherit;font-weight:800;color:#2a3a6a;background:linear-gradient(#fff,#e2e8f7);border:1px solid #a3b2db;border-radius:10px;padding:7px 18px;margin:4px;cursor:pointer;box-shadow:0 2px #bcc7e6,inset 0 1px #fff;transition:transform .08s,filter .15s,box-shadow .15s,border-color .15s}.ro-btn:hover:not(:disabled){border-color:var(--ro-blue-1);filter:brightness(1.04)}.ro-btn:active:not(:disabled){transform:translateY(2px);box-shadow:0 0 #bcc7e6,inset 0 1px #fff}.ro-btn.primary{color:#fff;background:linear-gradient(#a6c2f7,#6f92e0 50%,#4d6fbf);border-color:#2f4a8a;text-shadow:1px 1px 0 #1d2d57;box-shadow:0 2px #2f4a8a,inset 0 1px #ffffff8c}.ro-btn.primary:active:not(:disabled){box-shadow:0 0 #2f4a8a,inset 0 1px #ffffff8c}.ro-btn.small{padding:4px 10px;margin:2px;border-radius:8px}.ro-btn:disabled{opacity:.45;cursor:default;filter:grayscale(.6)}.ro-btn.active{color:#1d3478;background:linear-gradient(#e3ecff,#b4caf2);border-color:var(--ro-blue-2);box-shadow:0 2px #8fa6d8,inset 0 1px #fff}.btn-row{display:flex;align-items:center;gap:4px;margin-top:10px}.btn-row.center{justify-content:center}.btn-row.pad{padding:10px 12px 12px;margin-top:0;border-top:1px solid var(--ro-line);background:#eaeff999}.spacer{flex:1}.bar{position:relative;flex:1;height:10px;overflow:hidden;background:linear-gradient(#3a3f4c,#555b6a);border:1px solid #2a2e38;border-radius:6px;box-shadow:inset 0 1px 2px #00000080}.bar>div{position:relative;height:100%;width:0;border-radius:inherit;transition:width .15s ease-out}.bar>div:after{content:"";position:absolute;left:0;right:0;top:0;height:48%;background:linear-gradient(#ffffff80,#ffffff14);border-radius:inherit}.bar>span{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:var(--fs-xs);font-weight:800;line-height:1;color:#fff;text-shadow:var(--outline);font-variant-numeric:tabular-nums}.bar.hp>div{--hp-l: 62%;background:linear-gradient(90deg,hsl(216 75% calc(var(--hp-l) - 10%)),hsl(212 85% var(--hp-l)) 70%,hsl(206 95% calc(var(--hp-l) + 14%)))}.bar.hp.low>div{animation:hp-low .7s ease-in-out infinite alternate}@keyframes hp-low{to{filter:brightness(1.35)}}.bar.exp>div{background:linear-gradient(90deg,#2465d6,#3ea2f2 70%,#8ee0ff)}.bar.boss>div{background:linear-gradient(90deg,#7e0f20,#d7303e 60%,#ff7a52)}#hud{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none}#skillbar,.chip,#timer,.hud-bars{background:var(--hud-panel);border:1px solid var(--ro-border);box-shadow:var(--hud-shadow)}#basic-info{position:absolute;left:12px;top:12px;width:310px;display:flex;align-items:center}.hud-portrait{position:relative;z-index:1;flex:none;width:72px;height:72px;border-radius:50%;background:radial-gradient(circle at 50% 35%,#fff,#dfe7f8 55%,#b3c6ec);border:2px solid var(--ro-blue-1);box-shadow:0 0 0 2px #fff,0 3px 8px #0006,inset 0 -6px 12px #3a559a40}.hud-portrait canvas{display:block;width:100%;height:100%;border-radius:50%;image-rendering:pixelated}.hud-lv{position:absolute;left:50%;bottom:-7px;transform:translate(-50%);white-space:nowrap;padding:1px 8px;border-radius:9px;font-size:var(--fs-xs);font-weight:800;color:#fff;background:linear-gradient(#8fb0ee,#4d6fbf);border:1px solid #2f4a8a;text-shadow:1px 1px 0 #1d2d57;box-shadow:0 0 0 1px #fff,0 2px 4px #00000059}.hud-lv b{font-size:var(--fs-md);font-weight:900}.hud-bars{flex:1;min-width:0;margin-left:-36px;padding:0 10px 7px 46px;border-left:none;border-radius:0 12px 12px 0;overflow:hidden}.hud-name{margin:0 -10px 0 -46px;padding:3px 10px 3px 46px;background:var(--ro-title);border-bottom:1px solid #2f4a8a;color:#fff;font-weight:800;font-size:var(--fs-md);text-shadow:1px 1px 0 #1d2d57;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hud-name small{color:#e3ecff;font-size:var(--fs-sm);font-weight:700}#buffs{position:absolute;left:12px;top:92px;display:flex;gap:4px;pointer-events:auto}#dps-toggle{position:absolute;left:4px;bottom:4px;pointer-events:auto}#dps-toggle svg{display:block;margin:auto;fill:currentColor}#dps-toggle.on{border-color:var(--ro-blue-1);color:var(--ro-blue-2)}#dps{position:absolute;right:180px;top:12px;width:190px;max-height:calc(100vh - 290px);overflow-y:auto;pointer-events:auto;font-size:var(--fs-md)}.dps-list{padding:6px;display:flex;flex-direction:column;gap:2px}.dps-empty{color:var(--ro-muted);padding:4px 2px}.dps-row{position:relative;height:19px;display:flex;align-items:center;justify-content:space-between;gap:6px;padding:0 6px;border-radius:4px;background:var(--ro-panel-2);overflow:hidden;font-size:var(--fs-sm)}.dps-fill{position:absolute;inset:0 auto 0 0;box-shadow:inset 0 1px #ffffff59}.dps-name,.dps-val{position:relative;color:var(--ro-text);text-shadow:0 1px 0 rgba(255,255,255,.6);white-space:nowrap}.dps-name{overflow:hidden;text-overflow:ellipsis;font-weight:800}.dps-row.me{box-shadow:inset 3px 0 #3fae6c}.dps-val{flex:none;font-weight:700}.dps-row.dark .dps-name,.dps-row.full .dps-val{color:#fff;text-shadow:0 1px 1px rgba(20,35,80,.7)}.dps-total{display:flex;justify-content:space-between;border-top:1px solid var(--ro-line);padding-top:5px}@media(max-width:720px),(max-height:500px){#dps,#dps-toggle{display:none}}.buff{position:relative;width:30px;height:30px;overflow:hidden;border-radius:8px;display:flex;align-items:center;justify-content:center;background:var(--ro-slot);border:1px solid var(--ro-slot-border);box-shadow:inset 0 0 0 2px var(--c),0 0 6px var(--c),0 1px 2px #0003}.buff img{width:22px;height:22px;image-rendering:pixelated}.buff .bs{position:absolute;left:1px;top:-1px;color:#fff;font-size:var(--fs-xs);font-weight:900;text-shadow:var(--outline)}.buff .cd{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:conic-gradient(rgba(10,14,30,.55) calc(var(--p, 0) * 360deg),transparent 0)}.buff .bt{position:absolute;right:2px;bottom:0;color:#fff;font-size:var(--fs-xs);font-weight:900;text-shadow:var(--outline)}.buff.ending{animation:buff-end .4s ease-in-out infinite alternate}@keyframes buff-end{to{opacity:.35}}#basic-info .bar.hp{height:16px;margin-top:6px;border-radius:8px}.hud-exp{display:flex;align-items:center;gap:5px;margin-top:4px;color:var(--ro-blue-2);font-size:var(--fs-xs);font-weight:900}.hud-exp .bar{height:7px}.hud-exp span:last-child{min-width:36px;text-align:right;color:var(--ro-text);font-variant-numeric:tabular-nums}#timer-box{position:absolute;top:10px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:5px;color:var(--ro-text)}#timer{font-size:var(--fs-2xl);font-weight:900;letter-spacing:1px;line-height:1.15;padding:1px 20px;border-radius:16px;font-variant-numeric:tabular-nums;color:var(--ro-blue-3);text-shadow:0 1px 0 #fff}#timer.loot{color:#c0392b;animation:loot-tick 1s ease-in-out infinite}@keyframes loot-tick{50%{transform:scale(1.08)}}.hud-chips{display:flex;gap:5px}.chip{display:inline-flex;align-items:center;gap:4px;padding:2px 10px;border-radius:12px;font-size:var(--fs-md);font-weight:800;white-space:nowrap;font-variant-numeric:tabular-nums}#zeny{color:var(--ro-blue-2)}#zeny img{width:14px;height:14px;image-rendering:pixelated}#zeny small{color:var(--ro-muted);font-size:var(--fs-xs);font-weight:700;margin-left:2px;padding-left:6px;border-left:1px solid var(--ro-line)}#weather{font-size:var(--fs-sm);font-weight:700;color:#d8e2ff;text-shadow:var(--outline)}#weather:empty{display:none}#skillbar{position:absolute;left:50%;bottom:12px;transform:translate(-50%);display:flex;align-items:center;gap:6px;padding:6px;border-radius:16px}.skill-slot{position:relative;width:34px;height:34px;flex:none;overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--ro-slot);border:1px solid var(--ro-slot-border);border-radius:9px;box-shadow:inset 0 1px #fff,0 1px 2px #0003}.skill-slot img{width:24px;height:24px;image-rendering:pixelated}#skillbar .skill-slot{width:46px;height:46px;border-radius:12px}#skillbar .skill-slot img{width:32px;height:32px}.skill-slot .cd{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:conic-gradient(transparent calc((1 - var(--p, 0)) * 360deg),#0a0e1e9e 0)}.skill-slot.ready .cd{display:none}.skill-slot .cdt{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none;color:#fff;font-weight:900;font-size:var(--fs-lg);text-shadow:var(--outline)}.skill-slot.ready{box-shadow:inset 0 0 0 1px var(--ready),0 0 6px #8fd0ffb3,0 1px 2px #0003}.skill-slot.cast{animation:slot-cast .25s ease-out}@keyframes slot-cast{0%{box-shadow:0 0 14px 4px #d6ecff;filter:brightness(1.7)}to{filter:none}}.skill-slot.basic{border-color:var(--ro-blue-2);background:linear-gradient(#f3f7ff,#d3e0f8)}#skillbar .skill-slot.basic{border-radius:50%}.slot-sep{width:1px;align-self:stretch;margin:4px 2px;background:linear-gradient(transparent,var(--ro-slot-border),transparent)}.skill-slot.passive{border-color:#6fa8cf;background:linear-gradient(#f4faff,#dbecf8)}.skill-slot.empty{background:#ffffff80;border:1px dashed #a9b4d2;box-shadow:none}.skill-slot.empty span{color:#a9b4d2;font-size:18px;font-weight:800}.skill-slot .lvl{position:absolute;right:2px;bottom:2px;min-width:13px;padding:0 3px;border-radius:6px;text-align:center;font-size:var(--fs-xs);font-weight:900;line-height:13px;color:#fff;background:#3a559ad9}#runitems{position:absolute;left:50%;bottom:86px;transform:translate(-50%);display:flex;gap:4px}html:not(.touch) #runitems{pointer-events:auto}.run-slot{position:relative;width:32px;height:32px;border-radius:9px;display:flex;align-items:center;justify-content:center;background:var(--ro-slot);border:1px solid var(--ro-slot-border);box-shadow:inset 0 1px #fff}.run-slot.empty{background:#ffffff80;border:1px dashed #a9b4d2;box-shadow:none}.run-slot.empty span{color:#a9b4d2;font-size:15px;font-weight:800}.run-slot img{width:24px;height:24px;image-rendering:pixelated}.run-slot .lvl{position:absolute;right:1px;bottom:0;font-size:var(--fs-xs);font-weight:900;color:#fff;text-shadow:var(--outline)}.run-slot.r1{border-color:#3cc25c}.run-slot.r2{border-color:#4a82e6}.run-slot.r3{border-color:#a050e0}.run-slot.r4{border-color:#f08a20;box-shadow:inset 0 1px #fff,0 0 6px #f08a208c}#minimap{position:absolute;right:12px;top:12px;width:160px;pointer-events:auto;border-radius:10px;box-shadow:0 0 0 2px #ffffff59,0 3px 10px #0006}#minimap .ro-title{font-size:var(--fs-xs);font-weight:800;padding:3px 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#minimap .ro-title:before{display:none}#minimap-coords{font-weight:700;color:#e3ecff}#minimap canvas{display:block;width:100%;height:auto;aspect-ratio:1;image-rendering:pixelated;background:#10141f}.mm-zoom{position:absolute;right:4px;bottom:4px;display:flex;gap:3px}.mm-zoom .ro-btn,#dps-toggle{margin:0;padding:0;width:22px;height:22px;line-height:1;font-size:14px;border-radius:7px;box-shadow:0 1px 2px #0000004d;opacity:.9}#boss-bar{position:absolute;top:106px;left:50%;transform:translate(-50%);width:440px;text-align:center;display:flex;flex-direction:column;gap:6px}.boss-name{display:inline-flex;align-items:center;gap:8px;padding:3px 34px 4px;margin-bottom:4px;color:#fff;font-weight:900;font-size:var(--fs-lg);letter-spacing:.4px;text-shadow:1px 1px 0 #1d2d57,var(--outline)}.mvp-tag{padding:0 6px;border-radius:5px;font-size:var(--fs-xs);color:#fff;background:linear-gradient(#ff6a5a,#b3142a);text-shadow:0 1px 0 #5a0010}#boss-bar .bar{height:14px;border-radius:8px;box-shadow:0 0 0 2px #fff9,0 2px 8px #0006,inset 0 1px 2px #00000080}.boss-row.mini .mvp-tag{background:linear-gradient(#ffb15a,#d0620e);text-shadow:0 1px 0 #5a2a00}.boss-row.mini .bar{height:10px}.boss-row.mini .bar.boss>div{background:linear-gradient(90deg,#8a3a06,#e5781c 60%,#ffb35a)}#announce{position:absolute;top:30%;left:0;right:0;text-align:center;padding:0 12px;font-size:var(--fs-3xl);font-weight:900;letter-spacing:1px;line-height:1.2;color:#fff;background:linear-gradient(#fff,#dbe7ff 50%,#8fb0ee);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 0 #1d2d57) drop-shadow(0 0 10px rgba(0,0,0,.85));opacity:0;transform:scale(.9);transition:opacity .4s,transform .4s cubic-bezier(.2,1.6,.4,1)}#announce.show{opacity:1;transform:none}#toasts{position:absolute;left:50%;top:24%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:4px}.toast{padding:5px 40px;white-space:nowrap;font-weight:800;font-size:var(--fs-md);color:var(--ro-blue-3);background:linear-gradient(90deg,transparent,rgba(248,249,253,.95) 18%,rgba(248,249,253,.95) 82%,transparent);border-style:solid;border-width:1px 0;border-image:linear-gradient(90deg,transparent,var(--ro-blue-1),transparent) 1;animation:toast 2.6s forwards}@keyframes toast{0%{opacity:0;transform:translateY(8px) scale(.96)}10%{opacity:1;transform:none}80%{opacity:1}to{opacity:0}}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#00000080;z-index:10;animation:fade-in .18s ease-out}.overlay>.ro-window{animation:pop-in .22s cubic-bezier(.2,1.3,.4,1)}@keyframes fade-in{0%{opacity:0}}@keyframes pop-in{0%{opacity:0;transform:translateY(10px) scale(.97)}}.overlay.menu{background:radial-gradient(ellipse 80% 60% at 50% 0%,rgba(255,255,255,.55),transparent 70%),linear-gradient(180deg,#b9cdf2,#8fa8de 55%,#6b86c6)}.brand{display:flex;flex-direction:column;align-items:center;gap:6px;margin-bottom:14px;line-height:1}.brand-name{display:flex;align-items:baseline;gap:16px;text-transform:uppercase}.brand small{color:var(--ro-blue-2);font-size:var(--fs-md);font-weight:800;letter-spacing:1px;text-shadow:0 1px 0 rgba(255,255,255,.8)}.brand span{font-size:var(--fs-display);font-weight:900;letter-spacing:2px;background:linear-gradient(#fff,#9fbbf0 40%,#3f63b8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 0 #24407f) drop-shadow(0 4px 8px rgba(30,50,110,.45))}.brand b{font-size:var(--fs-display);font-weight:900;letter-spacing:2px;background:linear-gradient(#fff,#dbe7ff 45%,#7d9ad6);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 0 #2f4a8a) drop-shadow(0 3px 6px rgba(30,50,110,.4))}#loading{background:linear-gradient(180deg,#b9cdf2,#8fa8de 55%,#6b86c6);color:#fff;font-size:var(--fs-lg);z-index:20;gap:14px}.loading-ring{width:42px;height:42px;border-radius:50%;border:3px solid rgba(255,255,255,.35);border-top-color:#fff;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{font-weight:800;color:#fff;text-shadow:1px 1px 0 #3a559a;animation:pulse 1.2s infinite alternate}@keyframes pulse{0%{opacity:.5}to{opacity:1}}.hint{margin:12px 0 0;color:var(--ro-muted);font-size:var(--fs-sm);text-align:center}.muted{color:var(--ro-muted);font-size:var(--fs-sm)}.levelup-window{width:min(540px,calc(100vw - 24px))}#choices,#chest-choices{display:flex;flex-direction:column;gap:8px}.choice{display:flex;align-items:center;gap:12px;padding:10px 12px;cursor:pointer;background:linear-gradient(#fff,#f2f5fc);border:1px solid var(--ro-line);border-left:4px solid #a4afcb;border-radius:12px;box-shadow:0 2px #dde3f2;transition:transform .12s,box-shadow .12s,border-color .12s}.choice:hover,.choice.focus{transform:translateY(-2px);border-color:var(--ro-blue-1);box-shadow:0 6px 16px #3a5bb438}.choice img{width:24px;height:24px;padding:7px;box-sizing:content-box;flex:none;image-rendering:pixelated;background:var(--ro-slot);border:1px solid var(--ro-slot-border);border-radius:10px}.choice .txt b{display:block;font-size:var(--fs-lg);margin-bottom:1px}.choice .txt small{color:var(--ro-muted);font-size:var(--fs-md);font-weight:600}.choice .new{display:inline-block;margin-left:6px;padding:0 7px;border-radius:8px;font-size:var(--fs-xs);color:#fff;background:var(--ro-blue-2);vertical-align:1px}.rarity{display:inline-block;font-size:var(--fs-xs);font-weight:800;margin-left:6px;padding:0 7px;border-radius:8px;color:#fff;vertical-align:1px}.rarity.r0{background:#f4f5f8;color:#5b6478;box-shadow:inset 0 0 0 1px #c9cfdc}.rarity.r1{background:linear-gradient(#5fd77a,#2fae4c)}.rarity.r2{background:linear-gradient(#5b92f0,#2f62c8)}.rarity.r3{background:linear-gradient(#c27cf5,#8a3fd0)}.rarity.r4{background:linear-gradient(#ffb25a,#f07a12)}.choice.r1{border-left-color:#3cc25c;background:linear-gradient(90deg,#eefbf1,#fff 45%)}.choice.r2{border-left-color:#4a82e6;background:linear-gradient(90deg,#eef4ff,#fff 45%)}.choice.r3{border-left-color:#a050e0;background:linear-gradient(90deg,#f6eeff,#fff 45%)}.choice.r4{border-left-color:#f08a20;background:linear-gradient(90deg,#fff3e4,#fff 45%)}#lu-sockets{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:10px;padding:8px 10px;border-radius:12px;background:var(--ro-panel-2);border:1px solid var(--ro-line)}#lu-sockets>span{font-weight:800;color:var(--ro-blue-2)}#lu-sockets .sockets{display:flex;gap:4px}#lu-sockets small{flex-basis:100%;color:var(--ro-blue-3)}.small-window{width:290px}.small-window .ro-body{display:flex;flex-direction:column;gap:4px;padding:14px 18px}#go-stats{margin:2px 0 12px;display:flex;flex-direction:column;gap:8px;text-align:left}.go-box{padding:8px 10px;border-radius:12px;background:#fff;border:1px solid var(--ro-line);box-shadow:0 1px 2px #24304f14}.go-box-title{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:6px;font-weight:900;font-size:var(--fs-sm);letter-spacing:.6px;text-transform:uppercase;color:var(--ro-blue-2)}.go-box-title b{font-size:var(--fs-md);letter-spacing:0;text-transform:none;color:var(--ro-blue-3)}.go-chips{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:4px}.go-chip{display:flex;flex-direction:column;align-items:center;padding:4px 6px;border-radius:8px;background:var(--ro-panel-2)}.go-chip span{font-size:var(--fs-xs);color:var(--ro-muted)}.go-chip b{font-size:var(--fs-md)}.go-exp{line-height:1.6;font-size:var(--fs-md)}.go-box .loot-row{justify-content:flex-start;margin:0}#go-stats .go-dps{padding:0;gap:3px}.go-dps .dps-row{height:24px;font-size:var(--fs-md);border-radius:6px}.go-dps .dps-val{display:flex;align-items:baseline;gap:8px}.go-dps .dps-val small{font-size:var(--fs-xs);font-weight:700;opacity:.85}.go-dps .dps-val b{min-width:42px;text-align:right;font-size:var(--fs-md);font-weight:900}.select-window{width:min(780px,calc(100vw - 32px))}#slots{display:grid;grid-template-columns:repeat(auto-fill,minmax(124px,1fr));gap:8px}.slot{position:relative;height:158px;cursor:pointer;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding-bottom:8px;background:radial-gradient(ellipse 34% 7% at 50% 66%,rgba(30,50,100,.3),transparent),linear-gradient(180deg,#e8eefc,#fff 70%);border:1px solid var(--ro-line);border-radius:12px;transition:transform .12s,box-shadow .12s,border-color .12s}.slot:hover{border-color:var(--ro-blue-1);transform:translateY(-2px)}.slot.selected{border-color:var(--ro-blue-2);background:radial-gradient(ellipse 36% 8% at 50% 66%,rgba(58,85,154,.35),transparent),radial-gradient(ellipse at 50% 30%,#eef3ff,#fff 70%);box-shadow:0 0 0 2px var(--ro-blue-1),0 6px 16px #3a5bb44d}.slot canvas{image-rendering:pixelated;flex:0 1 auto;min-height:0;max-width:100%;object-fit:contain}.slot .slot-name{font-weight:900;font-size:var(--fs-md)}.slot .slot-job{color:var(--ro-muted);font-size:var(--fs-sm)}.slot.empty{color:#9ba6c2;justify-content:center;padding-bottom:0;background:repeating-linear-gradient(45deg,#f8f9fd,#f8f9fd 7px,#f0f3fa 7px,#f0f3fa 14px);border-style:dashed}.slot.empty:before{content:"+";font-size:30px;font-weight:300;line-height:1;color:#b8c2dc}.slot.empty.selected{border-style:solid}.info-panel{margin-top:10px;padding:8px 12px;min-height:44px;line-height:1.7;background:#fff;border:1px solid var(--ro-line);border-radius:12px;box-shadow:inset 0 1px 3px #24304f0f}.info-panel .grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));column-gap:12px}.create-window{width:min(740px,calc(100vw - 32px));max-height:calc(100vh - 32px);display:flex;flex-direction:column}.create-body{display:flex;gap:14px;overflow:auto}.preview-col{width:214px;flex:none}#cc-preview,#cp-avatar{display:block;image-rendering:pixelated;border:1px solid var(--ro-line);border-radius:12px;background:radial-gradient(ellipse 30% 6% at 50% 90%,rgba(29,45,87,.3),transparent),radial-gradient(ellipse at 50% 85%,#f1f6ff,#c6d7f5,#8fa8de);box-shadow:inset 0 0 18px #0003}#cc-preview{width:200px;height:230px;margin:0 auto}.form-col{flex:1;min-width:0}.cc-stat-left{float:right;font-weight:600;color:var(--ro-text)}.cc-stat-left b{color:#2f6f2f}.cc-stats{display:grid;grid-template-columns:1fr 1fr;gap:4px 10px;margin-top:4px}.cc-stat{display:grid;grid-template-columns:34px 30px 1fr 30px;align-items:center;gap:2px}.cc-stat b{color:var(--ro-blue-2)}.cc-stat span{text-align:center;font-weight:800;color:var(--ro-text)}.cc-stat .ro-btn.small{margin:0;padding:2px 0}.cc-stat .ro-btn:disabled{opacity:.35}.field{display:block;margin-bottom:10px;font-weight:800;font-size:var(--fs-md);color:var(--ro-blue-3)}.field>input{display:block;width:100%;margin-top:4px;font:inherit;font-size:var(--fs-lg);color:var(--ro-text);padding:7px 10px;border:1px solid #a3b2db;border-radius:10px;background:#fff;outline:none;box-shadow:inset 0 1px 3px #24304f1a}.field>input:focus{border-color:var(--ro-blue-2);box-shadow:0 0 0 3px #6f8fd84d}.seg,.stepper{display:flex;align-items:center;gap:4px;margin-top:4px;font-weight:700;color:var(--ro-text)}.stepper span{min-width:64px;text-align:center}#cc-jobs{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;margin-top:4px}.job-btn{display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 2px;font-size:var(--fs-sm);margin:0}.job-btn img{width:24px;height:24px;image-rendering:pixelated}.job-btn{position:relative}.job-btn.locked{color:var(--ro-muted);background:linear-gradient(180deg,#f2f4f9,#e3e8f2)}.job-btn.locked img{filter:grayscale(1);opacity:.5}.job-lock{position:absolute;right:4px;top:3px;font-size:var(--fs-xs);font-style:normal}.swatches{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.swatch{width:36px;height:36px;padding:0;margin:0;display:flex;align-items:center;justify-content:center}.swatch canvas{image-rendering:pixelated}.error{color:#c0392b;min-height:16px;font-weight:800}.tree{display:flex;align-items:center;flex-wrap:wrap;gap:2px;margin-top:3px}.tree span{width:52px;font-size:var(--fs-sm);color:var(--ro-muted)}.tree-icon{width:20px;height:20px;image-rendering:pixelated;vertical-align:-5px}@media(max-width:600px){.create-body{flex-direction:column}.preview-col{width:100%}#cc-jobs{grid-template-columns:repeat(3,1fr)}}.overlay{padding:max(8px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left))}.overlay>.ro-window{flex:0 1 auto;min-height:0;max-height:calc(100vh - 16px);max-height:calc(100dvh - 16px);display:flex;flex-direction:column}.overlay>.brand{flex:none}.select-window .btn-row{position:sticky;bottom:-8px;z-index:1;margin:8px -8px -8px;padding:8px;background:linear-gradient(rgba(246,248,253,.85),var(--ro-panel) 40%);border-top:1px solid var(--ro-line)}.overlay>.ro-window>.ro-body{overflow:auto;-webkit-overflow-scrolling:touch}html:not(.touch) .touch-only{display:none!important}html.touch .desktop-only{display:none!important}html.touch #stage canvas{touch-action:none}html.touch,html.touch body{overscroll-behavior:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}#touch-ui{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:5}.tc-btn{pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;width:46px;height:46px;border-radius:50%;padding:0;display:flex;align-items:center;justify-content:center;color:var(--ro-blue-3);line-height:0;background:var(--hud-panel);border:1px solid var(--ro-border);box-shadow:var(--hud-shadow);opacity:.88;transition:transform .08s}.tc-btn.down{transform:scale(.92);color:#fff;background:linear-gradient(#8fb0ee,#4d6fbf)}.tc-btn svg{display:block;flex:none}.tc-pause{position:absolute;top:max(12px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right))}.tc-rot{position:absolute;right:max(12px,env(safe-area-inset-right));bottom:calc(max(12px,env(safe-area-inset-bottom)) + 62px);display:flex;gap:10px}.joy-base{position:absolute;width:116px;height:116px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,#ffffff14 40%,#ffffff38);border:2px solid rgba(255,255,255,.55);box-shadow:0 0 0 1px #3a559a66}.joy-knob{position:absolute;left:50%;top:50%;width:50px;height:50px;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle at 40% 35%,#fff,#c9d6f6 55%,#8ea6dc);border:2px solid var(--ro-blue-1);box-shadow:0 3px 8px #00000073;opacity:.85}html.touch #basic-info{left:max(10px,env(safe-area-inset-left));top:max(10px,env(safe-area-inset-top))}html.touch #skillbar{bottom:max(10px,env(safe-area-inset-bottom))}html.touch #timer-box{right:calc(max(10px,env(safe-area-inset-right)) + 50px)}@media(max-width:720px),(max-height:500px){#basic-info{width:222px;left:8px;top:8px}.hud-portrait{width:58px;height:58px}.hud-lv{font-size:var(--fs-xs);padding:0 6px;bottom:-6px}.hud-lv b{font-size:var(--fs-xs)}.hud-bars{padding:0 8px 4px 37px;margin-left:-29px}.hud-name{font-size:var(--fs-sm);margin:0 -8px 0 -37px;padding:2px 8px 2px 37px}.hud-name small{font-size:var(--fs-xs)}#basic-info .bar.hp{height:14px}.bar>span{font-size:var(--fs-xs)}.hud-exp{margin-top:3px}#timer-box{left:auto;right:10px;transform:none;align-items:flex-end;top:8px;gap:4px}#timer{font-size:var(--fs-xl);padding:0 14px}.hud-chips{flex-direction:column;align-items:flex-end;gap:3px}.chip{font-size:var(--fs-sm);padding:1px 8px}#runitems{bottom:72px;gap:3px}html.touch #runitems{bottom:calc(max(10px,env(safe-area-inset-bottom)) + 62px)}#minimap{width:108px;top:108px;border-radius:12px}#minimap .ro-title{font-size:var(--fs-xs);padding:2px 6px}.mm-zoom .ro-btn,#dps-toggle{width:20px;height:20px;font-size:13px}.run-slot{width:28px;height:28px;border-radius:8px}.run-slot img{width:20px;height:20px}#skillbar{gap:4px;padding:4px;border-radius:14px}#skillbar .skill-slot{width:38px;height:38px;border-radius:10px}#skillbar .skill-slot img{width:26px;height:26px}.slot-sep{margin:4px 1px}#boss-bar{top:66px;left:8px;right:168px;width:auto;transform:none}#buffs{top:calc(74px + var(--boss-h, 0px));left:8px}#boss-bar{gap:3px}.boss-name{padding:2px 20px 3px;margin-bottom:2px}.boss-name{font-size:var(--fs-md)}#announce{font-size:var(--fs-xl);top:28%}#toasts{top:37%;width:calc(100vw - 24px)}.toast{white-space:normal;text-align:center;font-size:var(--fs-md);padding:4px 28px}.choice{padding:8px;gap:10px}.choice img{padding:5px}.choice .txt b{font-size:var(--fs-md)}.choice .txt small{font-size:var(--fs-sm)}#lu-sockets{gap:6px;margin-bottom:8px;padding:6px 8px}.ro-body{padding:8px}.ro-title{font-size:var(--fs-md);padding:7px 12px}#slots{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:6px}.slot{height:132px}.btn-row{flex-wrap:wrap}.btn-row.pad{padding:8px}.ro-btn{padding:7px 12px}.brand{margin-bottom:8px}.brand span{font-size:var(--fs-xs);letter-spacing:6px}.brand b{font-size:var(--fs-3xl)}}@media(max-width:440px){#basic-info{width:calc(100vw - 196px);min-width:168px}.hud-bars{padding-right:6px}.hud-exp span:last-child{min-width:28px}#buffs{top:calc(78px + var(--boss-h, 0px));left:8px;flex-wrap:wrap;max-width:calc(100vw - 140px)}#zeny{display:grid;grid-template-columns:auto auto;justify-content:end;align-items:center;column-gap:3px}#zeny #chest-cost{grid-column:1 / -1;text-align:right;margin-left:0;padding-left:0;border-left:none}}@media(max-height:500px){.tc-rot{bottom:calc(max(10px,env(safe-area-inset-bottom)) + 4px)}.slot{height:116px}#cc-preview{width:150px;height:172px}.preview-col{width:160px}.brand{display:none}}@media(max-width:720px),(max-height:500px){:root{--col-w: 112px;--col-r: max(10px, env(safe-area-inset-right));--col-t: max(8px, env(safe-area-inset-top))}#minimap{top:var(--col-t);right:var(--col-r);width:var(--col-w)}#timer-box,html.touch #timer-box{top:calc(var(--col-t) + var(--col-w) + 24px);right:var(--col-r);left:auto;width:var(--col-w);transform:none;align-items:stretch;gap:4px}#timer{text-align:center;padding:0;font-size:var(--fs-xl)}.hud-chips{flex-direction:column;align-items:stretch;gap:3px}.hud-chips .chip{justify-content:center;text-align:center}#zeny{display:grid;grid-template-columns:auto auto;justify-content:center;align-items:center;column-gap:4px}#zeny #chest-cost{grid-column:1 / -1;text-align:center;margin-left:0;padding-left:0;border-left:none}#weather{text-align:center;font-size:var(--fs-xs);line-height:1.2}.tc-pause{right:calc(var(--col-r) + var(--col-w) + 8px);top:var(--col-t)}}@media(max-height:500px){:root{--col-w: 92px}}@media(max-width:720px)and (min-height:501px){.tc-rot{bottom:calc(max(12px,env(safe-area-inset-bottom)) + 96px)}}html:not(.touch) #skillbar{pointer-events:auto}.tooltip.skill-tip{width:260px;max-width:calc(100vw - 16px);padding:0;overflow:hidden;z-index:30}.st-head{display:flex;align-items:center;gap:8px;padding:7px 10px;background:var(--ro-title);color:#fff;text-shadow:1px 1px 0 #1d2d57}.st-head img{width:24px;height:24px;padding:3px;image-rendering:pixelated;background:var(--ro-slot);border:1px solid var(--ro-slot-border);border-radius:7px}.skill-tip .st-head b{display:block;font-size:var(--fs-md);color:#fff}.st-head small{display:block;font-size:var(--fs-xs);color:#e3ecff}.st-tags{display:flex;flex-wrap:wrap;gap:3px;padding:6px 10px 0}.st-tags span{font-size:var(--fs-xs);font-weight:800;padding:1px 6px;border-radius:7px;color:var(--ro-blue-2);background:var(--ro-panel-2);border:1px solid var(--ro-line)}.st-desc{padding:7px 10px 4px;color:var(--ro-text)}.st-rows{display:grid;grid-template-columns:1fr auto;gap:2px 10px;margin:2px 10px 0;padding:5px 0;border-top:1px solid var(--ro-line)}.st-rows span{color:var(--ro-muted)}.skill-tip .st-rows b{text-align:right;color:var(--ro-blue-3)}.st-note{margin:0 10px;padding:0 0 7px;font-size:var(--fs-xs);color:var(--ro-muted)}.st-sub{margin:0 10px;padding-top:5px;border-top:1px solid var(--ro-line);font-size:var(--fs-xs);font-weight:900;letter-spacing:.5px;text-transform:uppercase;color:var(--ro-blue-2)}.st-hist{margin:3px 0 8px;padding:0 10px 0 24px}.st-hist li{color:var(--ro-text)}.st-hist li.r1{color:#24994a}.st-hist li.r2{color:#2f62c8}.st-hist li.r3{color:#7a32c0}.st-hist li.r4{color:#d96a0c}.toast.q.r0{color:#5b6478}.toast.q.r1{color:#1f9a43}.toast.q.r2{color:#2f62c8}.toast.q.r3{color:#8a3fd0}.toast.q.r4{color:#e06f08}@media(min-width:1280px)and (min-height:760px){html:not(.touch){--ui: 1.15}}@media(min-width:1600px)and (min-height:880px){html:not(.touch){--ui: 1.35}}@media(min-width:2200px)and (min-height:1200px){html:not(.touch){--ui: 1.55}}@media(min-width:2800px)and (min-height:1500px){html:not(.touch){--ui: 1.85}}#hud>*,.overlay>*,.tooltip{zoom:var(--ui)}.overlay>.ro-window{max-height:calc((100dvh - 16px) / var(--ui))}.overlay>.ro-window.select-window,.overlay>.ro-window.create-window{width:min(780px,calc((100vw - 32px) / var(--ui)))}.tooltip.skill-tip.st-short{width:auto;min-width:170px}.st-item{margin-top:6px}.st-drops{list-style:none;margin:4px 0 8px;padding:0 10px;display:grid;gap:3px}.st-drops li{display:flex;align-items:center;gap:7px;color:var(--ro-text)}.st-drops img{width:24px;height:24px;object-fit:contain;image-rendering:pixelated;flex:none}.st-drops li.card{color:#a03ca0;font-weight:800}.st-drops li.card img{height:30px;border-radius:3px}.st-drops-none{padding-top:5px}.st-drops-sub{margin-top:6px}#run-labels{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:3}.run-mate{position:absolute;left:0;top:0;display:flex;flex-direction:column;align-items:center;gap:2px}.run-mate b{white-space:nowrap;font-size:var(--fs-md);font-weight:800;color:#e8f0ff;text-shadow:1px 1px 0 #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000}.run-mate i{display:block;width:46px;height:5px;border-radius:3px;overflow:hidden;background:#0000008c;border:1px solid rgba(0,0,0,.6)}.run-mate i span{display:block;height:100%;background:linear-gradient(#7de07d,#2fa84a)}.run-mate.down b{padding:2px 12px;border-radius:999px;font-size:var(--fs-lg);font-weight:900;color:#c0281e;text-shadow:none;background:#fff1ef;border:2px solid #e0503f;box-shadow:0 0 #e0503f99,0 2px 6px #00000059;animation:rm-down 1s ease-in-out infinite}.run-mate.down i{width:90px;height:7px}.run-mate.down i span{background:linear-gradient(#ffe08a,#e0a020)}@keyframes rm-down{0%,to{transform:scale(1);box-shadow:0 0 #e0503f99,0 2px 6px #00000059}50%{transform:scale(1.08);box-shadow:0 0 0 8px #e0503f00,0 2px 6px #00000059}}.rm-arrow{display:none}.run-mate.edge .rm-arrow{display:block;font-style:normal;font-size:26px;line-height:1;color:#e0503f;transform:rotate(var(--a));text-shadow:1px 1px 0 #fff,-1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff}#run-party{position:absolute;left:12px;top:136px;width:200px;display:flex;flex-direction:column;gap:6px;zoom:var(--ui)}#run-party:empty{display:none}.rp-row{display:flex;align-items:center}.rp-row[hidden]{display:none}.rp-portrait{position:relative;z-index:1;flex:none;width:44px;height:44px;border-radius:50%;background:radial-gradient(circle at 50% 35%,#fff,#dfe7f8 55%,#b3c6ec);border:2px solid var(--ro-blue-1);box-shadow:0 0 0 2px #fff,0 2px 6px #0006}.rp-portrait canvas{display:block;width:100%;height:100%;border-radius:50%;image-rendering:pixelated}.rp-bars{flex:1;min-width:0;margin-left:-22px;padding:0 7px 5px 28px;border-radius:0 10px 10px 0;overflow:hidden;background:var(--hud-panel);border:1px solid var(--ro-border);border-left:none;box-shadow:var(--hud-shadow)}.rp-name{display:flex;align-items:baseline;gap:4px;margin:0 -7px 0 -28px;padding:2px 7px 2px 28px;background:var(--ro-title);border-bottom:1px solid #2f4a8a;color:#fff;text-shadow:1px 1px 0 #1d2d57;white-space:nowrap}.rp-name span{overflow:hidden;text-overflow:ellipsis;font-size:var(--fs-sm);font-weight:800}.rp-name small{flex:none;color:#e3ecff;font-size:var(--fs-xs);font-weight:700}.rp-name em{flex:none;margin-left:auto;font-style:normal;font-size:var(--fs-xs);font-weight:900}.rp-bars .bar.hp{height:12px;margin-top:4px;border-radius:6px}.rp-bars .bar>span{font-size:10px}.rp-row.busy .rp-name em{color:#fff4cf}.rp-row.down .rp-portrait{border-color:#e0503f}.rp-row.down .rp-portrait canvas{filter:grayscale(1) brightness(.85)}.rp-row.down .rp-bars{background:#fff1ef;border-color:#e0503f;animation:rm-down-row 1s ease-in-out infinite}.rp-row.down .rp-name{background:linear-gradient(#ef6a5a,#c0281e);border-bottom-color:#8a1a12}.rp-row.down .bar.hp>div{background:linear-gradient(#ffe08a,#e0a020)}@keyframes rm-down-row{50%{box-shadow:var(--hud-shadow),0 0 10px #e0503fb3}}@media(max-width:720px),(max-height:500px){#run-party{left:8px;top:calc(118px + var(--boss-h, 0px));width:160px}.rp-portrait{width:36px;height:36px}.rp-bars{margin-left:-18px;padding-left:23px}.rp-name{margin-left:-23px;padding-left:23px}}#party-wait{position:fixed;left:50%;top:70px;translate:-50% 0;z-index:14;zoom:var(--ui);pointer-events:none;display:flex;flex-direction:column;align-items:center;gap:1px;max-width:calc(100vw - 32px);padding:6px 18px;border-radius:14px;text-align:center;color:var(--ro-blue-3);background:var(--hud-panel);border:2px solid var(--ro-blue-2);box-shadow:var(--hud-shadow)}#party-wait small{font-size:var(--fs-xs);font-weight:800;letter-spacing:1px;text-transform:uppercase;color:var(--ro-muted)}#party-wait b{font-size:var(--fs-md);font-weight:900}#party-wait.big{top:30%;padding:12px 30px;gap:4px;border-radius:18px;animation:party-wait-pulse 1.6s ease-in-out infinite}#party-wait.big small{font-size:var(--fs-sm)}#party-wait.big b{font-size:var(--fs-xl)}@keyframes party-wait-pulse{0%,to{box-shadow:var(--hud-shadow),0 0 color-mix(in srgb,var(--ro-blue-2) 45%,transparent)}50%{box-shadow:var(--hud-shadow),0 0 0 10px transparent}}#party-wait.hidden{display:none}#loot-rolls{position:fixed;right:max(12px,env(safe-area-inset-right));top:34%;z-index:11;zoom:var(--ui);display:flex;flex-direction:column;gap:6px;width:250px;pointer-events:none}.lr-row{pointer-events:auto;display:flex;flex-direction:column;gap:5px;padding:7px 8px;border-radius:12px;background:var(--hud-panel);border:1px solid var(--ro-border);box-shadow:var(--hud-shadow);animation:fade-in .2s ease-out}.lr-item{display:flex;align-items:center;gap:8px;min-width:0}.lr-item img{flex:none;width:28px;height:28px;object-fit:contain;image-rendering:pixelated}.lr-item img.card{width:24px;height:34px;border-radius:3px;image-rendering:auto}.lr-item div{display:flex;flex-direction:column;min-width:0}.lr-item b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--fs-md);font-weight:900;text-shadow:0 1px 0 rgba(0,0,0,.25)}.lr-item small{font-size:var(--fs-xs);font-weight:800;color:var(--ro-muted)}.lr-time{height:4px;border-radius:2px;overflow:hidden;background:var(--ro-line)}.lr-time span{display:block;height:100%;background:var(--ro-blue-2);transition:width .25s linear}.lr-row.done .lr-time{display:none}.lr-btns{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.lr-btns .ro-btn{margin:0;min-width:0;padding-left:4px;padding-right:4px}.lr-wait{grid-column:1 / -1;text-align:center;font-size:var(--fs-sm);font-weight:800;color:var(--ro-muted)}.lr-res{grid-column:1 / -1;margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:2px}.lr-res li{display:flex;justify-content:space-between;gap:6px;padding:1px 6px;border-radius:6px;font-size:var(--fs-sm);color:var(--ro-text)}.lr-res li span{font-weight:800;color:var(--ro-muted);white-space:nowrap}.lr-res li.win{background:#fff4cf}.lr-res li.win b{color:#8a5a00}#pk-timer{font-size:var(--fs-lg);font-weight:900;color:#fff;text-shadow:var(--outline)}#pk-timer.urgent{color:#ffb0b0}#pk-timer.hidden{display:none}#lobby-ui{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:4}#lobby-labels{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.lobby-name{position:absolute;left:0;top:0;white-space:nowrap;font-size:var(--fs-md);font-weight:800;color:#fff;text-shadow:1px 1px 0 #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000}.lobby-name.npc{padding:1px 8px;border-radius:8px;color:var(--ro-blue-3);text-shadow:none;background:var(--hud-panel);border:1px solid var(--ro-border);box-shadow:var(--hud-shadow)}#lobby-ui>*{zoom:var(--ui)}#lobby-labels{zoom:1!important}#lobby-place{position:absolute;left:50%;top:12px;transform:translate(-50%);text-align:center;padding:4px 22px;border-radius:14px;background:var(--hud-panel);border:1px solid var(--ro-border);box-shadow:var(--hud-shadow)}#lobby-place b{display:block;font-size:var(--fs-lg);font-weight:900;color:var(--ro-blue-3);letter-spacing:1px}#lobby-place small{font-size:var(--fs-sm);color:var(--ro-muted)}#lobby-online{display:block}#lobby-online:empty{display:none}#lobby-online.online{color:var(--ro-blue-2);font-weight:800}#lobby-online.pick{pointer-events:auto;cursor:pointer}#lobby-online.pick:after{content:" ▾"}#lobby-online.pick:hover{text-decoration:underline}#channel-list{position:absolute;left:50%;top:calc(100% + 6px);transform:translate(-50%);width:230px;pointer-events:auto;text-align:left;padding:6px;border-radius:12px;background:var(--hud-panel);border:1px solid var(--ro-border);box-shadow:var(--hud-shadow);animation:fade-in .12s ease-out}#channel-list .ch-head{padding:0 4px 4px;font-size:var(--fs-sm);font-weight:900;color:var(--ro-blue-3);border-bottom:1px solid var(--ro-line)}#channel-list .ch-rows{display:flex;flex-direction:column;gap:3px;margin-top:4px;max-height:50vh;overflow-y:auto}#channel-list .ch-rows>small{padding:4px}.ch-row{display:grid;grid-template-columns:auto 1fr 40px;grid-template-rows:auto auto;align-items:center;column-gap:8px;white-space:nowrap;padding:4px 6px;border-radius:8px;border:1px solid transparent;background:none;font:inherit;color:var(--ro-text);cursor:pointer;text-align:left}.ch-row:hover{background:var(--ro-hover, rgba(80, 120, 220, .1));border-color:var(--ro-line)}.ch-row b{font-size:var(--fs-sm);font-weight:800}.ch-row small{font-size:var(--fs-xs);color:var(--ro-muted);text-align:right}.ch-row em{grid-column:1 / -1;font-style:normal;font-size:var(--fs-xs);color:var(--ro-muted)}.ch-bar{height:6px;border-radius:3px;background:var(--ro-line);overflow:hidden}.ch-bar i{display:block;height:100%;background:var(--ro-blue-2)}.ch-row.me{background:#5078dc1f;cursor:default}.ch-row.me em{color:var(--ro-blue-2);font-weight:800}.ch-row.full{opacity:.5;cursor:not-allowed}.ch-row.full .ch-bar i{background:#d9706b}.chat-name{cursor:pointer}.chat-name:hover{text-decoration:underline}.lobby-name.other{color:#e8f0ff}.lobby-name.other.party{color:#9ef0b4}.lobby-name.other.party:after{content:" (" attr(data-tag) ")";font-size:var(--fs-sm)}.lobby-name.guest:after{content:" (" attr(data-guest) ")";font-size:var(--fs-sm);opacity:.75}.player-menu{position:absolute;left:0;top:0;pointer-events:auto;display:flex;flex-direction:column;align-items:stretch;gap:4px;min-width:120px;padding:6px;border-radius:12px;background:var(--hud-panel);border:1px solid var(--ro-border);box-shadow:var(--hud-shadow);animation:fade-in .12s ease-out}.player-menu b{padding:0 4px 2px;font-size:12px;font-weight:900;color:var(--ro-blue-3);text-align:center;white-space:nowrap;border-bottom:1px solid var(--ro-line)}.player-menu .ro-btn{margin:0}.player-menu.at{z-index:5}#party-frame{position:absolute;right:max(12px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom));width:210px;pointer-events:auto;display:flex;flex-direction:column;gap:4px;padding:6px;border-radius:12px;background:var(--hud-panel);border:1px solid var(--ro-border);box-shadow:var(--hud-shadow)}#party-frame.hidden{display:none}html.touch #party-frame{right:auto;bottom:auto;left:max(12px,env(safe-area-inset-left));top:calc(max(8px,env(safe-area-inset-top)) + 50px)}.pf-head{display:flex;justify-content:space-between;align-items:baseline;padding:0 4px}.pf-head b{font-size:var(--fs-md);font-weight:900;color:var(--ro-blue-3)}.pf-head span{font-size:var(--fs-sm);font-weight:800;color:var(--ro-muted)}.pf-row{padding:4px 8px;border-radius:9px;background:#fff;border:1px solid var(--ro-line);cursor:default}.pf-row.me{border-color:#9fb6e6;background:#f3f8ff}.pf-row.off{opacity:.6}.pf-name{display:flex;align-items:center;gap:6px;min-width:0}.pf-name b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--fs-md);color:var(--ro-text)}.pf-lead{flex:none;padding:0 6px;border-radius:999px;font-size:var(--fs-xs);font-weight:900;color:#8a5a00;background:#fff4cf;border:1px solid #f0c75a}.pf-info{display:flex;justify-content:space-between;gap:6px;margin-top:3px;font-size:var(--fs-sm);color:var(--ro-muted)}.pf-gs{font-weight:900;color:var(--ro-blue-2);white-space:nowrap}.pf-ready,.pf-wait{flex:none;margin-left:auto;padding:0 6px;border-radius:999px;font-size:var(--fs-xs);font-weight:900}.pf-ready{color:#fff;background:linear-gradient(#5cc08a,#24935a)}.pf-wait{color:var(--ro-muted);background:var(--ro-panel-2);border:1px solid var(--ro-line)}.party-short{margin:6px 0 0;padding-left:18px;text-align:left}.pf-where{display:block;font-size:var(--fs-xs);color:var(--ro-muted)}.pf-hop{margin-left:4px;padding:0 7px;border-radius:8px;border:1px solid var(--ro-border);background:var(--ro-blue-2);color:#fff;font:inherit;font-weight:800;cursor:pointer}.pf-acts{display:flex;gap:4px;margin-top:4px}.pf-acts .ro-btn,.pf-leave{margin:0;flex:1}#party-frame.leader .pf-row:not(.me){cursor:pointer}#lobby-chat{position:absolute;left:max(12px,env(safe-area-inset-left));bottom:max(12px,env(safe-area-inset-bottom));width:min(380px,calc(100vw - 24px));pointer-events:auto;display:flex;flex-direction:column;gap:4px}#chat-log{max-height:150px;overflow-y:auto;padding:6px 9px;border-radius:12px;font-size:var(--fs-md);line-height:1.45;background:#fafbffb8;border:1px solid rgba(107,123,168,.5);box-shadow:0 2px 8px #0003;-webkit-user-select:text;user-select:text;overflow-wrap:anywhere}#chat-log:empty{display:none}#lobby-chat.open #chat-log{max-height:280px;background:#fafbffeb}.chat-line{color:var(--ro-text)}.chat-line b{font-weight:900}.chat-line.self b{color:var(--ro-blue-3)}.chat-line.general{color:#2c4fa8}.chat-line.trade{color:#9a5a00}.chat-line.system{color:var(--ro-muted);font-style:italic}.chat-tag{display:inline-block;margin-right:4px;padding:0 5px;border-radius:6px;font-size:var(--fs-xs);font-weight:900;line-height:15px;vertical-align:1px;color:#fff}.chat-line.general .chat-tag,.chat-ch.general{background:linear-gradient(#6f8fd8,#3a5bb4)}.chat-line.trade .chat-tag,.chat-ch.trade{background:linear-gradient(#e0a040,#b0700c)}.chat-line.party{color:#1f7a4a}.chat-line.party .chat-tag,.chat-ch.party{background:linear-gradient(#5cc08a,#24935a)}#chat-form{display:flex;gap:4px;margin:0}.chat-ch{flex:none;min-width:74px;padding:0 10px;border-radius:10px;font:inherit;font-size:var(--fs-md);font-weight:900;color:#fff;cursor:pointer;border:1px solid rgba(0,0,0,.2);box-shadow:inset 0 1px #fff6;text-shadow:0 1px 0 rgba(0,0,0,.25)}.chat-ch.local{background:linear-gradient(#9aa6c4,#6b7ba8)}#chat-input{flex:1;min-width:0;height:30px;padding:0 10px;border-radius:10px;font:inherit;font-size:var(--fs-md);color:var(--ro-text);background:#ffffffd1;border:1px solid var(--ro-border);outline:none;-webkit-user-select:text;user-select:text}#chat-input:focus{background:#fff;border-color:var(--ro-blue-2);box-shadow:0 0 0 2px #3a5bb440}#chat-input::placeholder{color:var(--ro-muted)}#chat-emote{flex:none;width:34px;height:30px;padding:0;border-radius:10px;font:inherit;font-size:17px;line-height:1;color:var(--ro-blue-3);cursor:pointer;display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--ro-slot);border:1px solid var(--ro-border);box-shadow:inset 0 1px #fff}#chat-emote.on{border-color:var(--ro-blue-2);box-shadow:0 0 0 2px #3a5bb440}#chat-emote .emote-icon{--s: .8 !important}#chat-form{order:2}#emote-panel{order:1;display:grid;grid-template-columns:repeat(auto-fill,minmax(40px,1fr));gap:2px;max-height:190px;overflow-y:auto;padding:6px;border-radius:12px;background:#fafbfff2;border:1px solid var(--ro-border);box-shadow:0 2px 8px #00000040;animation:fade-in .12s ease-out}#emote-panel.hidden{display:none}.emote-cell{height:40px;padding:0;border:0;border-radius:8px;background:none;cursor:pointer;display:flex;align-items:center;justify-content:center;overflow:hidden}.emote-cell:hover,.emote-cell:active{background:var(--ro-panel-2)}.emote-icon{flex:none;background-repeat:no-repeat;image-rendering:pixelated;transform:scale(var(--s, 1))}.chat-bubble{position:absolute;left:0;top:0;max-width:200px;width:max-content;padding:4px 9px;border-radius:10px;font-size:var(--fs-md);font-weight:700;line-height:1.35;color:var(--ro-text);text-align:center;overflow-wrap:anywhere;background:#fff;border:1px solid var(--ro-border);box-shadow:0 2px 6px #0000004d;animation:fade-in .15s ease-out}.chat-bubble:after{content:"";position:absolute;left:50%;bottom:-6px;width:9px;height:9px;margin-left:-5px;transform:rotate(45deg);background:#fff;border-right:1px solid var(--ro-border);border-bottom:1px solid var(--ro-border)}.chat-bubble.party{color:#1f6a40;background:#e9f8ef;border-color:#5cc08a}.chat-bubble.party:after{background:#e9f8ef;border-color:#5cc08a}#lobby-actions{position:absolute;right:12px;top:12px;display:flex;gap:6px;pointer-events:auto}#lobby-actions .ro-btn{margin:0}kbd{display:inline-block;padding:0 5px;border-radius:5px;font:inherit;font-size:var(--fs-xs);font-weight:700;line-height:16px;color:var(--ro-blue-3);text-shadow:none;letter-spacing:.2px;background:#fff;border:1px solid var(--ro-line);box-shadow:0 1px 0 var(--ro-line)}#lobby-prompt{position:absolute;left:50%;bottom:40px;transform:translate(-50%);pointer-events:auto;cursor:pointer;font:inherit;font-size:var(--fs-lg);font-weight:800;color:#fff;padding:9px 22px;border-radius:14px;background:var(--ro-title);border:1px solid #2f4a8a;text-shadow:1px 1px 0 #1d2d57;box-shadow:0 0 0 3px #ffffff80,0 6px 16px #0006;animation:pop-in .2s ease-out}#lobby-prompt kbd{margin-left:8px}body.in-lobby .tc-pause{display:none}.npc-window{width:min(420px,calc(100vw - 24px))}.npc-text{line-height:1.6;font-size:var(--fs-lg)}.npc-text b{color:var(--ro-blue-2)}.diff{display:flex;flex-direction:column;gap:8px}.diff-row{display:grid;grid-template-columns:1fr 110px 44px;align-items:center;gap:8px;font-size:var(--fs-md)}.diff-row input{width:100%;accent-color:var(--ro-blue-2)}.diff-row b{text-align:right}.diff-reward{margin-top:4px;padding:6px 10px;border-radius:8px;background:var(--ro-panel-2);border:1px solid var(--ro-line);text-align:center}@media(max-width:420px){.diff-row{grid-template-columns:1fr 44px}.diff-row input{grid-column:1 / -1;grid-row:2}}@media(max-width:720px),(max-height:500px){#lobby-place{top:8px;padding:3px 14px}#party-frame{width:170px;bottom:calc(max(12px,env(safe-area-inset-bottom)) + 46px)}.pf-where{display:none}.pf-where:has(.pf-hop){display:block}#lobby-place b{font-size:var(--fs-md)}#lobby-actions{top:auto;bottom:max(12px,env(safe-area-inset-bottom));right:auto;left:50%;transform:translate(-50%)}#lobby-prompt{bottom:calc(max(12px,env(safe-area-inset-bottom)) + 180px);white-space:nowrap}#lobby-actions .ro-btn{white-space:nowrap;padding:6px 12px}#lobby-chat{bottom:calc(max(12px,env(safe-area-inset-bottom)) + 46px);width:calc(100vw - 124px)}#chat-log{max-height:84px;font-size:var(--fs-sm);padding:4px 8px}.chat-ch{min-width:0;padding:0 8px;font-size:var(--fs-sm)}#lobby-chat.open{width:auto;right:max(12px,env(safe-area-inset-right))}#lobby-chat.open #chat-log{max-height:48vh;font-size:var(--fs-md);padding:6px 9px}#lobby-chat.typing{bottom:calc(var(--kb, 0px) + 8px)}body:has(#lobby-chat.open) .tc-rot{display:none}#lobby-chat.typing #chat-log{max-height:min(48vh,calc(100vh - var(--kb, 0px) - 140px))}#chat-input{font-size:16px}#emote-panel{max-height:94px}}#lobby-install{position:absolute;left:max(12px,env(safe-area-inset-left));top:max(12px,env(safe-area-inset-top));margin:0;pointer-events:auto}#update-banner{position:fixed;left:max(12px,env(safe-area-inset-left));top:max(12px,env(safe-area-inset-top));z-index:14;max-width:calc(100vw - 24px);display:flex;align-items:center;gap:10px;padding:6px 6px 6px 14px;border-radius:14px;font-size:var(--fs-md);font-weight:800;color:var(--ro-blue-3);background:var(--hud-panel);border:1px solid var(--ro-border);box-shadow:var(--hud-shadow);animation:pop-in .2s ease-out}#update-banner .ro-btn{margin:0;flex:none}body:has(#update-banner) #lobby-install{top:calc(max(12px,env(safe-area-inset-top)) + 52px)}body:has(#hud:not(.hidden)) #update-banner{display:none}#maint-banner{position:fixed;left:50%;top:max(12px,env(safe-area-inset-top));transform:translate(-50%);z-index:40;max-width:calc(100vw - 24px);padding:7px 14px 7px 12px;border-radius:14px;text-align:center;pointer-events:none;font-size:var(--fs-md);font-weight:800;color:var(--ro-blue-3);font-variant-numeric:tabular-nums;background:var(--hud-panel);border:1px solid var(--ro-border);border-left:4px solid var(--ro-blue-1);box-shadow:var(--hud-shadow);animation:pop-in .2s ease-out}body:has(#splash:not(.hidden):not(.menu)) #maint-banner{display:none}#npc-dialog{z-index:15}canvas.ro-cursor{cursor:none!important}#options{z-index:14}.options-window{width:min(520px,calc((100vw - 32px) / var(--ui)))}#opt-tabs{margin-left:auto;margin-right:auto}.opt-version{text-align:center;font-size:var(--fs-sm);color:var(--ro-muted)}#opt-body{display:flex;flex-direction:column;gap:6px;min-height:260px}.opt-row{display:flex;align-items:center;gap:12px;padding:8px 12px;background:#fff;border:1px solid var(--ro-line);border-radius:12px}.opt-row>span:first-child{flex:1;min-width:0;display:flex;flex-direction:column}.opt-row b{color:var(--ro-blue-3);font-weight:800}.opt-row small{color:var(--ro-muted);font-size:var(--fs-sm);font-weight:600}.opt-range.off{opacity:.5}.opt-range input[type=range]{width:150px;accent-color:var(--ro-blue-2);cursor:pointer}.opt-range output{width:38px;text-align:right;font-weight:800;color:var(--ro-text);font-variant-numeric:tabular-nums}.opt-check{cursor:pointer}.opt-check input{position:absolute;opacity:0;pointer-events:none}.opt-switch{position:relative;flex:none;width:40px;height:22px;border-radius:11px;background:#c9d1e6;box-shadow:inset 0 1px 3px #24304f40;transition:background .15s}.opt-switch:after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0000004d;transition:transform .15s}.opt-check input:checked+.opt-switch{background:var(--ro-blue-2)}.opt-check input:checked+.opt-switch:after{transform:translate(18px)}.opt-check input:focus-visible+.opt-switch{box-shadow:0 0 0 3px #6f8fd873}.opt-seg{flex-wrap:wrap;justify-content:flex-end;max-width:260px;margin:0}.opt-langs{display:grid;grid-template-columns:1fr 1fr;gap:8px}.opt-langs .ro-btn{margin:0;padding:12px;font-size:var(--fs-lg)}.opt-note{margin:4px 2px;font-size:var(--fs-md)}.opt-keys{display:grid;grid-template-columns:auto 1fr;gap:8px 14px;align-items:center;padding:10px 12px;background:#fff;border:1px solid var(--ro-line);border-radius:12px}.opt-keys kbd{justify-self:start;font-size:var(--fs-sm);line-height:20px;padding:0 8px}@media(max-width:600px){.opt-row{flex-wrap:wrap}.opt-range input[type=range]{flex:1;width:auto}}#drop-reveal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:12;display:flex;align-items:center;justify-content:center;overflow:hidden;cursor:pointer;background:radial-gradient(circle at 50% 42%,color-mix(in srgb,var(--q) 22%,rgba(14,22,52,.6)),#000000e0 70%);animation:fade-in .25s ease-out}.dr-inner{zoom:var(--ui);display:flex;flex-direction:column;align-items:center;gap:8px;max-width:calc(100vw - 32px)}.dr-stage{position:relative;width:240px;height:290px;display:flex;align-items:center;justify-content:center}.dr-rays{position:absolute;left:50%;top:50%;width:620px;height:620px;margin:-310px 0 0 -310px;border-radius:50%;pointer-events:none;background:repeating-conic-gradient(color-mix(in srgb,var(--q) 55%,transparent) 0deg 5deg,transparent 5deg 16deg);-webkit-mask:radial-gradient(circle,#000 12%,transparent 62%);mask:radial-gradient(circle,#000 12%,transparent 62%);animation:dr-spin 14s linear infinite,fade-in .8s ease-out}.dr-glow{position:absolute;left:50%;top:50%;width:320px;height:320px;margin:-160px 0 0 -160px;border-radius:50%;pointer-events:none;background:radial-gradient(circle,color-mix(in srgb,var(--q) 60%,#fff) 0%,color-mix(in srgb,var(--q) 35%,transparent) 35%,transparent 68%);animation:dr-pulse 1.4s ease-in-out infinite alternate}.dr-card{position:relative;width:168px;height:224px;padding:6px;border-radius:10px;overflow:hidden;background:linear-gradient(#fff,#e6edf9);box-shadow:0 0 0 2px #fff,0 0 0 4px var(--q),0 0 34px var(--q),0 14px 30px #0009;animation:dr-in .95s cubic-bezier(.2,1.15,.3,1) both}.dr-card .art{display:block;width:100%;height:100%;border-radius:6px;object-fit:cover}.dr-card.gear{width:150px;height:150px;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 38%,#fff,#dde6f7 72%)}.dr-card.gear .icon{width:96px;height:96px;image-rendering:pixelated;filter:drop-shadow(0 4px 4px rgba(0,0,0,.35))}.dr-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.85) 48%,transparent 62%);background-size:260% 100%;animation:dr-shine 1.1s .85s ease-out both}.dr-p{position:absolute;left:50%;top:50%;width:7px;height:7px;border-radius:50%;pointer-events:none;background:#fff;box-shadow:0 0 6px #fff,0 0 12px var(--q);opacity:0;animation:dr-burst 1.3s var(--d) cubic-bezier(.1,.7,.3,1) forwards}.dr-name{margin-top:4px;font-size:var(--fs-xl);font-weight:900;text-align:center;color:#fff;text-shadow:0 2px 0 #0b1226,0 0 12px var(--q),var(--outline);animation:pop-in .4s .6s both}.dr-q{font-size:var(--fs-md);font-weight:900;letter-spacing:1px;text-transform:uppercase;color:var(--q);text-shadow:var(--outline);animation:pop-in .4s .7s both}.dr-stats{margin:4px 0 0;padding:8px 14px 8px 30px;min-width:220px;border-radius:12px;color:var(--ro-text);font-weight:700;line-height:1.6;background:var(--hud-panel);border:1px solid var(--ro-border);box-shadow:var(--hud-shadow);animation:pop-in .4s .8s both}.dr-get{margin-top:6px;padding:8px 34px;animation:pop-in .4s .9s both}#drop-reveal.roll{cursor:default}.dr-roll{margin-top:6px;width:300px;max-width:100%;display:flex;flex-direction:column;gap:8px;animation:pop-in .4s .9s both}.dr-roll .lr-time{height:6px;border-radius:3px;background:#ffffff40}.dr-roll-btns{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.dr-roll-btns .ro-btn{margin:0;min-width:0;padding:8px 6px}.dr-stats .dr-note{color:var(--ro-muted);font-style:italic}@keyframes dr-in{0%{opacity:0;transform:perspective(700px) scale(.15) rotate(-210deg) rotateY(180deg)}60%{opacity:1;transform:perspective(700px) scale(1.14) rotate(6deg) rotateY(0)}80%{transform:perspective(700px) scale(.97) rotate(-2deg)}to{transform:none}}@keyframes dr-spin{to{transform:rotate(360deg)}}@keyframes dr-pulse{0%{transform:scale(.9);opacity:.75}to{transform:scale(1.08);opacity:1}}@keyframes dr-shine{0%{background-position:130% 0}to{background-position:-40% 0}}@keyframes dr-burst{0%{opacity:1;transform:translate(-50%,-50%) scale(var(--s))}to{opacity:0;transform:translate(calc(-50% + var(--x)),calc(-50% + var(--y))) scale(.2)}}@media(max-width:720px),(max-height:500px){.dr-stage{width:200px;height:240px}.dr-card{width:138px;height:184px}.dr-card.gear{width:124px;height:124px}.dr-name{font-size:var(--fs-xl)}}@media(max-height:500px){.dr-stage{height:190px}.dr-card{width:108px;height:144px}.dr-stats{padding:4px 12px 4px 26px;line-height:1.4}}.st-hist li.from-talent{color:var(--ro-blue-3)}#picker{position:fixed;top:0;right:0;bottom:0;left:0;z-index:13;display:flex;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(circle at 50% 45%,#101834f0,#000000fa 72%);animation:fade-in .3s ease-out}#picker.hidden{display:none}#pk-aura{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.pk-inner{position:relative;zoom:var(--ui);display:flex;flex-direction:column;align-items:center;gap:14px;max-width:calc(100vw - 32px);max-height:100%;padding:16px 0;overflow-y:auto;scrollbar-width:none}.pk-head{text-align:center;animation:pop-in .4s both}#pk-title{font-size:30px;font-weight:900;letter-spacing:1px;color:#fff;text-shadow:0 2px 0 #0b1226,0 0 18px rgba(127,178,255,.8),var(--outline)}#pk-gain{display:inline-block;margin-top:6px;padding:3px 12px;border-radius:999px;font-size:var(--fs-md);font-weight:800;color:var(--ro-blue-3);background:#f0f6ffeb;border:1px solid var(--ro-line);animation:pop-in .4s .05s both}#pk-gain:before{content:"▲ ";color:var(--ro-blue-1)}#pk-sub{margin-top:2px;font-size:var(--fs-lg);font-weight:800;color:#d3e2fb;text-shadow:var(--outline)}#picker #lu-sockets{margin:0;background:#f0f6ffeb;animation:pop-in .4s .1s both}#pk-cards{display:flex;flex-wrap:wrap;justify-content:center;gap:26px;padding:26px 30px}#pk-hint{font-size:var(--fs-md);font-weight:700;color:#d3e2fbbf;text-shadow:var(--outline);animation:fade-in .4s .8s both}.pk-slot{position:relative;width:210px;animation:pk-float 3.4s calc(var(--i) * -1.1s) ease-in-out infinite alternate}.pk-pop{position:relative;height:100%;animation:dr-in .9s calc(.15s + var(--i) * .12s) cubic-bezier(.2,1.15,.3,1) both}.pk-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;width:100%;min-height:300px;height:100%;padding:26px 14px 14px;border:0;border-radius:14px;font:inherit;color:var(--ro-text);text-align:center;cursor:pointer;background:linear-gradient(180deg,color-mix(in srgb,var(--q) 22%,#ffffff),#fff 38%,#eef3fc);box-shadow:0 0 0 2px #fff,0 0 0 4px var(--q),0 0 22px color-mix(in srgb,var(--q) 55%,transparent),0 16px 32px #0009;transition:transform .18s cubic-bezier(.2,1.4,.4,1),box-shadow .18s}.pk-card:hover,.pk-card:focus-visible{transform:translateY(-8px) scale(1.04);outline:none;box-shadow:0 0 0 2px #fff,0 0 0 4px var(--q),0 0 34px var(--q),0 22px 40px #000000a6}.pk-card:active{transform:translateY(-4px) scale(1.01)}.pk-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.85) 48%,transparent 62%);background-size:260% 100%;animation:dr-shine 1.1s calc(.85s + var(--i) * .12s) ease-out both}.pk-key{position:absolute;left:10px;top:10px;width:20px;height:20px;border-radius:6px;display:grid;place-items:center;font-size:var(--fs-xs);font-weight:900;color:var(--ro-muted);background:#fff;border:1px solid var(--ro-line)}html.touch .pk-key,html.touch #pk-hint{display:none}.pk-badge{position:absolute;left:50%;top:-11px;transform:translate(-50%);padding:2px 12px;border-radius:10px;white-space:nowrap;font-size:var(--fs-sm);font-weight:900;letter-spacing:.6px;text-transform:uppercase;color:#fff;background:var(--q);box-shadow:0 0 0 2px #fff,0 2px 6px #00000059;text-shadow:0 1px 1px rgba(0,0,0,.45)}.pk-art{width:84px;height:84px;flex:none;margin-bottom:4px;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle at 50% 40%,#fff 30%,color-mix(in srgb,var(--q) 30%,#dfe8f8));box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--q) 60%,#fff),0 4px 10px #24304f33}.pk-art img{width:52px;height:52px;image-rendering:pixelated;filter:drop-shadow(0 3px 3px rgba(0,0,0,.3))}.pk-name{font-size:var(--fs-xl);font-weight:900;line-height:1.2;color:var(--ro-blue-3)}.pk-ribbon{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;overflow:hidden;pointer-events:none}.pk-ribbon span{position:absolute;top:18px;right:-34px;width:130px;padding:3px 0;transform:rotate(45deg);text-align:center;font-size:var(--fs-sm);font-weight:900;letter-spacing:1px;color:#fff;text-shadow:0 1px 1px rgba(0,0,0,.4);background:linear-gradient(90deg,#ff5f8a,#ff8fb0 50%,#ff5f8a);background-size:200% 100%;box-shadow:0 0 0 1px #fff,0 2px 6px #0000004d;animation:pk-ribbon 1.6s linear infinite}@keyframes pk-ribbon{to{background-position:-200% 0}}.pk-sub{font-size:var(--fs-md);font-weight:800;color:var(--ro-muted)}.pk-lines{list-style:none;margin:8px 0 0;padding:10px 0 0;width:100%;border-top:1px solid var(--ro-line);display:flex;flex-direction:column;gap:6px}.pk-lines li{font-size:var(--fs-md);font-weight:700;line-height:1.4;color:var(--ro-text)}.pk-lines li .pk-talent{color:var(--ro-blue-3);font-size:var(--fs-sm)}#picker.no-gl .pk-card:hover{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--q),0 0 40px 10px var(--q),0 22px 40px #000000a6}#picker.closing{pointer-events:none;animation:pk-out .4s .42s ease-in forwards}.pk-slot.chosen{z-index:2;animation-play-state:paused}.pk-slot.chosen .pk-pop{animation:pk-chosen .8s cubic-bezier(.3,.9,.4,1) forwards}.pk-slot.chosen .pk-card{transform:none;filter:brightness(1.15)}.pk-slot.gone .pk-pop{animation:pk-gone .42s calc(var(--i) * .04s) ease-in forwards}.pk-slot.pk-landed .pk-art{animation:pk-land .5s cubic-bezier(.2,1.4,.4,1)}#pk-cards.has-acts{row-gap:64px;padding-bottom:60px}.pk-acts{position:absolute;left:0;right:0;top:calc(100% + 12px);display:flex;justify-content:center;gap:6px}#pk-bar{display:flex;justify-content:center;gap:10px;animation:fade-in .4s .5s both}#pk-bar.hidden{display:none}.pk-act{position:relative;height:32px;padding:0 10px;border-radius:10px;font:inherit;font-size:var(--fs-sm);font-weight:900;color:var(--ro-blue-3);background:linear-gradient(#fff,#e2e8f7);border:1px solid #a3b2db;cursor:pointer;box-shadow:0 2px 6px #0006;transition:transform .12s}.pk-act:hover:not(:disabled){transform:translateY(-2px);background:linear-gradient(#fff,#d5e2fb)}.pk-act:disabled{opacity:.45;cursor:default}.pk-act small{position:absolute;top:-8px;right:-8px;min-width:18px;height:18px;padding:0 4px;border-radius:9px;display:grid;place-items:center;font-size:var(--fs-xs);font-weight:900;color:#fff;background:var(--ro-blue-1);box-shadow:0 0 0 2px #fff}.pk-act:disabled small{background:#9aa6c4}#pk-bar .pk-act{height:36px;padding:0 16px;font-size:var(--fs-md)}.pk-mark{position:absolute;top:-10px;left:12px;padding:1px 7px;border-radius:999px;font-size:var(--fs-xs);font-weight:900;color:#8a5a00;background:#fff4cf;border:1px solid #f0c75a}#picker.again,#picker.again .pk-head,#picker.again #pk-gain,#picker.again #lu-sockets,#picker.again #pk-hint,#picker.again #pk-bar{animation:none}.pk-slot.still .pk-pop,.pk-slot.still .pk-card:after{animation:none}@keyframes pk-land{0%{transform:scale(1.5);filter:brightness(1.8)}to{transform:none;filter:none}}.pk-flash{position:absolute;left:50%;top:50%;width:40px;height:40px;margin:-20px 0 0 -20px;border-radius:50%;pointer-events:none;background:radial-gradient(circle,#fff 0%,color-mix(in srgb,var(--q) 70%,#fff) 35%,transparent 70%);animation:pk-flash .6s ease-out forwards}@keyframes pk-float{0%{transform:translateY(-5px) rotate(-.8deg)}to{transform:translateY(5px) rotate(.8deg)}}@keyframes pk-chosen{0%{transform:none}30%{transform:scale(1.18);filter:brightness(1.6) drop-shadow(0 0 24px var(--q))}55%{transform:scale(1.12);opacity:1}to{transform:translateY(-70px) scale(.6);opacity:0;filter:brightness(2.2) drop-shadow(0 0 30px var(--q))}}@keyframes pk-gone{to{transform:translateY(90px) rotate(calc((var(--i) - 1) * 9deg)) scale(.85);opacity:0}}@keyframes pk-flash{0%{transform:scale(.5);opacity:1}to{transform:scale(14);opacity:0}}@keyframes pk-out{to{opacity:0}}@media(max-width:720px)and (orientation:portrait){#pk-title{font-size:24px}#pk-cards{flex-direction:column;flex-wrap:nowrap;gap:18px;padding:14px 6px;width:min(420px,calc(100vw - 24px))}.pk-slot{width:100%}.pk-card{display:grid;grid-template-columns:64px 1fr;grid-template-rows:auto auto 1fr;column-gap:12px;row-gap:2px;align-items:start;min-height:0;padding:16px 12px 12px;text-align:left}.pk-badge{left:14px;transform:none;top:-10px}.pk-mark{left:auto;right:14px}.pk-art{grid-row:1 / span 3;width:64px;height:64px;margin:0;align-self:center}.pk-art img{width:42px;height:42px}.pk-name{font-size:var(--fs-lg)}.pk-lines{margin:4px 0 0;padding:6px 0 0;gap:3px}@keyframes pk-gone{to{transform:translate(calc((var(--i) - 1) * 40px)) translateY(60px) scale(.85);opacity:0}}}@media(max-height:500px)and (orientation:landscape){.pk-inner{gap:6px;padding:8px 0}#pk-title{font-size:20px}#picker #lu-sockets{display:none}#pk-cards{gap:16px;padding:16px 12px;flex-wrap:nowrap}.pk-slot{width:min(190px,calc((100vw - 60px) / var(--n) - 16px))}.pk-card{min-height:0;padding:18px 10px 10px;gap:2px}.pk-art{width:56px;height:56px}.pk-art img{width:36px;height:36px}.pk-name{font-size:var(--fs-lg)}.pk-lines{margin-top:4px;padding-top:6px;gap:3px}.pk-lines li{font-size:var(--fs-sm)}}#chat-toggle{position:absolute;left:max(10px,env(safe-area-inset-left));top:max(8px,env(safe-area-inset-top));z-index:2;width:42px;height:42px;padding:0;border-radius:12px;font-size:20px;line-height:1;cursor:pointer;pointer-events:auto;background:var(--hud-panel);border:1px solid var(--ro-border);box-shadow:var(--hud-shadow)}#chat-toggle.on{background:var(--ro-title);border-color:#2f4a8a}#chat-unread{position:absolute;right:-5px;top:-5px;min-width:18px;height:18px;padding:0 4px;border-radius:9px;font-size:var(--fs-xs);font-weight:900;line-height:18px;color:#fff;background:#d23c3c;box-shadow:0 0 0 2px #fff}html.touch #lobby-chat.collapsed{display:none}html.touch #lobby-chat,html.touch #lobby-chat.open,html.touch #lobby-chat.typing{top:calc(max(8px,env(safe-area-inset-top)) + 68px);bottom:auto;left:max(10px,env(safe-area-inset-left));right:max(10px,env(safe-area-inset-right));width:auto}html.touch #lobby-chat #chat-log,html.touch #lobby-chat.open #chat-log,html.touch #lobby-chat.typing #chat-log{display:block;min-height:52px;max-height:min(20vh,132px);font-size:var(--fs-md);padding:6px 9px;background:#fafbfff0}html.touch #emote-panel{max-height:94px}html.touch body:has(#lobby-chat.open) .tc-rot{display:flex}.q1,.r1{--qc: #2fb550;--qg: rgba(47, 181, 80, .4)}.q2,.r2{--qc: #3a78e6;--qg: rgba(58, 120, 230, .45)}.q3,.r3{--qc: #9a45e0;--qg: rgba(154, 69, 224, .5)}.q4,.r4{--qc: #f08a20;--qg: rgba(240, 138, 32, .55)}@keyframes q-pulse{0%{box-shadow:inset 0 0 8px var(--qg),0 0 0 0 var(--qg)}to{box-shadow:inset 0 0 10px var(--qg),0 0 10px 1px var(--qg)}}.item-cell.q1,.item-cell.q2,.item-cell.q3,.item-cell.q4{border:2px solid var(--qc);background:linear-gradient(225deg,var(--qc) 9px,transparent 9px),linear-gradient(#fff,color-mix(in srgb,var(--qc) 22%,#ffffff));box-shadow:inset 0 0 8px var(--qg)}.item-cell.q3,.item-cell.q4{animation:q-pulse 1.4s ease-in-out infinite alternate}.equip-slot.q1 .ico,.equip-slot.q2 .ico,.equip-slot.q3 .ico,.equip-slot.q4 .ico{border:2px solid var(--qc);box-shadow:inset 0 0 8px var(--qg);background:linear-gradient(225deg,var(--qc) 7px,transparent 7px),linear-gradient(#fff,color-mix(in srgb,var(--qc) 22%,#ffffff))}.equip-slot.q1,.equip-slot.q2,.equip-slot.q3,.equip-slot.q4{border-color:color-mix(in srgb,var(--qc) 55%,#ffffff)}.equip-slot.q1 .nm,.equip-slot.q2 .nm,.equip-slot.q3 .nm,.equip-slot.q4 .nm{color:color-mix(in srgb,var(--qc) 80%,#000000)}.equip-slot.q3 .ico,.equip-slot.q4 .ico{animation:q-pulse 1.4s ease-in-out infinite alternate}.choice.r1,.choice.r2,.choice.r3,.choice.r4{border:2px solid color-mix(in srgb,var(--qc) 50%,#ffffff);border-left:7px solid var(--qc);background:linear-gradient(90deg,color-mix(in srgb,var(--qc) 16%,#ffffff),#fff 55%)}.choice.r1 img,.choice.r2 img,.choice.r3 img,.choice.r4 img{border:2px solid var(--qc);box-shadow:inset 0 0 8px var(--qg)}.choice.r3,.choice.r4{animation:q-pulse 1.4s ease-in-out infinite alternate}.choice.r4{background:linear-gradient(90deg,color-mix(in srgb,var(--qc) 24%,#ffffff),#fffaf2 60%)}.choice .rarity{font-size:var(--fs-xs);letter-spacing:.6px;text-transform:uppercase;padding:1px 8px}.item-cell.sel:is(.q1,.q2,.q3,.q4){box-shadow:inset 0 0 8px var(--qg),0 0 0 3px #3a5bb48c;animation:none}.item-cell.compatible:is(.q1,.q2,.q3,.q4){box-shadow:inset 0 0 8px var(--qg),0 0 0 3px #c95cc9;animation:none}#minimap .ro-title,#dps .ro-title{font-size:var(--fs-sm);padding:4px 10px}#dps .ro-title:before{display:none}.stages-window{width:min(920px,calc(100vw - 24px));height:min(640px,calc(100vh - 24px));display:flex;flex-direction:column}.stages-body{flex:1;min-height:0;display:grid;grid-template-columns:300px minmax(0,1fr);gap:10px}.stg-side{display:flex;flex-direction:column;gap:10px;min-height:0}.stg-gs{font-size:var(--fs-sm);color:var(--ro-muted);padding:0 4px}.stg-gs b{color:var(--ro-blue-2);font-size:var(--fs-md)}.stg-list{display:flex;flex-direction:column;gap:10px;overflow-y:auto;padding:2px}.stg-card{position:relative;display:grid;grid-template-columns:64px 1fr;grid-template-rows:auto auto;align-items:center;gap:2px 10px;min-height:78px;padding:8px 10px 8px 6px;text-align:left;font:inherit;color:var(--ro-text);cursor:pointer;background:linear-gradient(100deg,#f4f8ff,#dfe9fb);border:1px solid var(--ro-line);border-radius:14px;box-shadow:inset 0 1px #fff,0 1px 3px #24304f26;transition:border-color .12s,box-shadow .12s,transform .12s}.stg-card:hover{border-color:var(--ro-blue-1);transform:translate(2px)}.stg-card.sel{border-color:var(--ro-blue-2);box-shadow:0 0 0 2px #3a5bb459,inset 0 1px #fff;background:linear-gradient(100deg,#fff,#d3e2fb)}.stg-face{grid-row:1 / span 2;width:64px;height:64px;display:grid;place-items:center;overflow:hidden;border-radius:12px;background:radial-gradient(circle at 50% 60%,#fff,#c6d7f5);font-size:var(--fs-xl);font-weight:900;color:#a9b4d2}.stg-face img{max-width:60px;max-height:60px;image-rendering:pixelated}.stg-card-info b{display:block;font-size:var(--fs-lg);color:var(--ro-blue-3)}.stg-card-info small{display:block;font-size:var(--fs-sm);color:var(--ro-muted)}.stg-lv{position:absolute;left:8px;bottom:6px;padding:0 6px;border-radius:8px;font-size:var(--fs-xs);font-weight:900;color:#fff;background:var(--ro-title);text-shadow:1px 1px 0 #1d2d57}.stg-state{justify-self:start;font-size:var(--fs-xs);font-weight:900;padding:1px 8px;border-radius:8px;background:#fff;border:1px solid var(--ro-line);color:var(--ro-muted)}.stg-card.open .stg-state{color:#2f5fbf;border-color:#bccdf2}.stg-card.cleared .stg-state{color:#fff;background:var(--ro-blue-2);border-color:var(--ro-blue-3)}.stg-card.locked .stg-state{color:#c0392b;border-color:#f2c2bb}.stg-secret{position:absolute;right:8px;top:8px;width:20px;height:20px;display:grid;place-items:center;border-radius:50%;font-size:var(--fs-xs);font-weight:900;color:#fff;background:radial-gradient(circle at 35% 30%,#b49af0,#7a5cc8);box-shadow:0 0 0 2px #fff,0 0 8px #7a5cc899}.stg-secret.found{width:26px;height:26px;right:6px;top:6px;background:radial-gradient(circle,#fff 40%,#e6ddfb);box-shadow:0 0 0 2px #9b7fe0,0 0 8px #7a5cc880}.stg-secret.found img{width:20px;height:20px}.stg-card.locked,.stg-card.soon{background:linear-gradient(100deg,#f2f4f9,#e3e8f2)}.stg-card.locked .stg-face img,.stg-card.soon .stg-face img{filter:grayscale(.6);opacity:.75}.stg-new,.stg-banner-new{position:absolute;padding:1px 9px;border-radius:9px;font-weight:900;letter-spacing:.4px;color:#fff;white-space:nowrap;background:linear-gradient(135deg,#ff7aa0,#ff4f7e);box-shadow:0 0 0 2px #fff,0 0 10px #ff4f7e99;text-shadow:0 1px 1px rgba(0,0,0,.3);animation:stg-new 1.2s ease-in-out infinite alternate}.stg-new{right:8px;bottom:8px;font-size:var(--fs-xs)}.stg-banner-new{left:50%;top:10px;translate:-50% 0;font-size:var(--fs-sm)}@keyframes stg-new{to{transform:scale(1.08);box-shadow:0 0 0 2px #fff,0 0 16px #ff4f7ed9}}.npc-alert{position:absolute;left:50%;bottom:calc(100% + 2px);translate:-50% 0;pointer-events:none}.emote-loop{position:relative;display:block;scale:1.5;transform-origin:50% 100%}.stg-detail{min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:10px;padding:2px}.stg-banner{position:relative;flex:none;height:190px;overflow:hidden;border-radius:16px;border:1px solid var(--ro-border);background:linear-gradient(180deg,#f0f6ff00 45%,#1d2d5799),var(--art, none) center 60% / cover,linear-gradient(160deg,#cfe0fa,#8fa8de);box-shadow:inset 0 0 0 2px #ffffff80,0 3px 10px #24304f40}.stg-banner-mvp{position:absolute;right:24px;bottom:6px;display:flex;align-items:flex-end;filter:drop-shadow(0 4px 6px rgba(0,0,0,.35))}.stg-banner-mvp img{max-height:176px;image-rendering:pixelated}.stg-banner.nomap .stg-banner-mvp img{filter:brightness(.25) saturate(0);opacity:.6}.stg-banner-lv{position:absolute;left:12px;top:10px;padding:2px 10px;border-radius:10px;font-weight:900;color:#fff;background:var(--ro-title);text-shadow:1px 1px 0 #1d2d57}.stg-banner-state{position:absolute;left:12px;top:38px;padding:1px 9px;border-radius:9px;font-size:var(--fs-sm);font-weight:900;background:#ffffffe6;color:var(--ro-muted)}.stg-banner-state.open{color:#2f5fbf}.stg-banner-state.cleared{color:#fff;background:var(--ro-blue-2)}.stg-banner-state.locked{color:#c0392b}.stg-banner-secret{position:absolute;left:12px;top:64px;padding:1px 9px;border-radius:9px;font-size:var(--fs-sm);font-weight:900;color:#fff;background:linear-gradient(135deg,#a58aea,#7a5cc8);box-shadow:0 0 10px #7a5cc88c}.stg-banner-secret.found{display:flex;align-items:center;gap:4px;padding-left:3px}.stg-banner-secret.found img{width:18px;height:18px;border-radius:50%;background:#fff}.stg-banner-text{position:absolute;left:14px;bottom:10px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.6),var(--outline)}.stg-banner-text b{display:block;font-size:var(--fs-xl)}.stg-banner-text small{font-size:var(--fs-sm);font-weight:700;color:#e3ecff}.stg-sec{flex:none;padding:10px;border-radius:12px;background:#fff;border:1px solid var(--ro-line)}.stg-sec .box-title{margin-bottom:8px}.stg-bosses,.stg-mobs,.stg-loots,.stg-reqs{display:flex;flex-wrap:nowrap;gap:8px;overflow-x:auto;overflow-y:hidden;padding-bottom:2px}.stg-bosses>*,.stg-mobs>*,.stg-loots>*,.stg-reqs>*{flex:none}.stg-boss{width:92px;display:flex;flex-direction:column;align-items:center;text-align:center}.stg-boss-face{width:72px;height:64px;display:grid;place-items:center;overflow:hidden;border-radius:12px;border:1px solid var(--ro-line);background:radial-gradient(circle at 50% 60%,#fff,#dbe6f8)}.stg-boss.mvp .stg-boss-face{border-color:#f08a20;background:radial-gradient(circle at 50% 60%,#fffaf2,#fde0bd);box-shadow:0 0 6px #f08a2073}.stg-boss-face img{max-width:68px;max-height:60px;image-rendering:pixelated}.stg-boss b{margin-top:3px;font-size:var(--fs-sm);line-height:1.2}.stg-boss small{font-size:var(--fs-xs);color:var(--ro-muted)}.stg-boss.mvp small{color:#c76a10;font-weight:800}.stg-mob{width:44px;height:44px;display:grid;place-items:center;overflow:hidden;border-radius:10px;background:var(--ro-panel-2);border:1px solid var(--ro-line)}.stg-mob img{max-width:40px;max-height:40px;image-rendering:pixelated}.stg-loot{width:44px;height:44px;display:grid;place-items:center;border-radius:10px;background:linear-gradient(#f8faff,#e6ebf7);border:1px solid var(--ro-line)}.stg-loot img{width:24px;height:24px;image-rendering:pixelated}.stg-loot.card{border-color:#c95cc9;background:linear-gradient(#fcf6fd,#f0dcf3)}.stg-empty{font-size:var(--fs-sm);color:var(--ro-muted)}.stg-req{padding:1px 8px;border-radius:8px;font-size:var(--fs-sm);font-weight:800;border:1px solid var(--ro-line);background:#fff}.stg-req.ok{color:#2f5fbf;border-color:#bccdf2}.stg-req.no{color:#c0392b;border-color:#f2c2bb}.stg-go{min-width:160px;font-size:var(--fs-lg)}.stg-go:disabled{opacity:.5;filter:grayscale(.6);cursor:default}@media(max-width:720px){.stages-window{height:calc(100vh - 16px)}.stages-body{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr)}.stg-list{flex-direction:row;overflow-x:auto;overflow-y:hidden;padding-bottom:4px}.stg-card{flex:none;width:200px;min-height:70px;grid-template-columns:52px 1fr}.stg-face{width:52px;height:52px}.stg-face img{max-width:48px;max-height:48px}.stg-banner{height:150px}.stg-banner-mvp img{max-height:136px}}.stg-loot.card{width:33px;height:44px;padding:0;overflow:hidden}.stg-loot.card img{width:100%;height:100%;object-fit:cover;image-rendering:auto}.go-loot{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:8px}.go-loot .go-box{min-width:0}.go-items,.go-cards{overflow-x:auto;overflow-y:hidden;padding-bottom:4px}.go-loot .go-box{padding-bottom:4px}.go-items{display:grid;grid-auto-flow:column;grid-template-rows:repeat(2,30px);grid-auto-columns:30px;gap:4px}.go-items img{width:30px;height:30px;box-sizing:border-box;image-rendering:pixelated;border:1px solid var(--ro-blue-1);border-radius:7px;padding:2px;background:linear-gradient(#f3f7ff,#d3e0f8)}.go-items img.q1{border-color:#3cc25c;background:linear-gradient(#f2fcf4,#d2f1da)}.go-items img.q2{border-color:#4a82e6}.go-items img.q3{border-color:#a050e0;background:linear-gradient(#f9f2ff,#e6d5f8)}.go-items img.q4{border-color:#f08a20;background:linear-gradient(#fff7ec,#fde0bd)}.go-cards{display:flex;gap:5px}.go-cards img{flex:none;height:64px;width:auto;aspect-ratio:3 / 4;border-radius:6px;border:1px solid #c95cc9;box-sizing:border-box}@media(max-width:720px){.go-loot{grid-template-columns:minmax(0,1fr)}}::-webkit-scrollbar{width:14px;height:14px}::-webkit-scrollbar-track,::-webkit-scrollbar-corner{background:transparent}::-webkit-scrollbar-thumb{background:#9fb6e4;background-clip:padding-box;border:5px solid transparent;border-radius:7px}::-webkit-scrollbar-thumb:hover{background-color:var(--ro-blue-1)}@supports not selector(::-webkit-scrollbar){*{scrollbar-width:thin;scrollbar-color:#9fb6e4 transparent}}#quest{position:absolute;left:12px;top:136px;max-width:270px;padding:6px 12px 7px;border-radius:10px;background:var(--hud-panel);border:1px solid var(--ro-border);box-shadow:var(--hud-shadow);display:flex;flex-direction:column;gap:1px;transition:transform .3s,box-shadow .3s}#quest small{font-size:var(--fs-xs);font-weight:800;color:var(--ro-blue-2);text-transform:uppercase;letter-spacing:.6px}#quest b{font-size:var(--fs-md);line-height:1.3;color:var(--ro-text)}#quest.flash{transform:scale(1.06);box-shadow:0 0 0 2px #fff,0 0 14px #6f8fd8e6}#story{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;cursor:pointer}.story-bar{position:absolute;left:0;right:0;height:9vh;background:#000;animation:story-bar .4s ease-out both}.story-bar.top{top:0}.story-bar.bottom{bottom:0}@keyframes story-bar{0%{transform:scaleY(0)}}.story-bar.top{transform-origin:top}.story-bar.bottom{transform-origin:bottom}.story-box{zoom:var(--ui);position:absolute;left:50%;bottom:calc(9vh + 14px);transform:translate(-50%);width:min(640px,calc(100vw - 24px));display:flex;gap:12px;align-items:flex-start;padding:12px 14px 22px;border-radius:14px;background:linear-gradient(180deg,#fafbfff7,#e8ecf6f5);border:1px solid var(--ro-border);box-shadow:0 0 0 2px #ffffff80,0 6px 18px #0000008c}.story-box.hidden{display:none}#story-face{flex:none;width:72px;height:72px;border-radius:50%;image-rendering:pixelated;background:radial-gradient(circle at 50% 35%,#fff,#dfe7f8 55%,#b3c6ec);border:2px solid var(--ro-blue-1)}.story-body{flex:1;min-width:0}#story-name{display:block;font-size:var(--fs-lg);font-weight:900;color:var(--ro-blue-2);margin-bottom:3px}#story-text{margin:0;font-size:var(--fs-lg);line-height:1.45;color:var(--ro-text);min-height:3em}.story-next{position:absolute;right:14px;bottom:6px;font-size:var(--fs-xs);font-weight:800;color:var(--ro-muted);animation:story-next 1s ease-in-out infinite}@keyframes story-next{50%{opacity:.35}}#story-fade{position:fixed;top:0;right:0;bottom:0;left:0;z-index:19;background:#000;opacity:0;pointer-events:none;transition:opacity .8s ease-in-out}#story-fade.on{opacity:1}@media(max-width:720px),(max-height:500px){#quest{top:auto;bottom:120px;left:8px;max-width:200px}.story-box{bottom:calc(9vh + 6px);padding:8px 10px 18px}#story-face{width:52px;height:52px}#story-text{font-size:var(--fs-md)}}#hud>*{transition:opacity .35s}body.cutscene #hud>*{opacity:0}.panel-window{width:min(960px,calc((100vw - 24px) / var(--ui)));height:min(940px,calc((100dvh - 16px) / var(--ui)));display:flex;flex-direction:column}.panel-body{overflow:auto;flex:1;scrollbar-gutter:stable}.cp-header{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:6px 12px;margin-bottom:10px;padding:8px 12px;border-radius:12px;background:#fff;border:1px solid var(--ro-line)}.cp-header .cp-lv{color:var(--ro-blue-2);font-size:var(--fs-lg);font-weight:900;white-space:nowrap}.cp-exp{height:10px}.bar.exp.job>div{background:linear-gradient(90deg,#2f9a68,#48c58a 70%,#a3edc4)}#cp-points,#cp-stat-points{font-weight:800;font-size:var(--fs-md);padding:2px 10px;border-radius:10px;white-space:nowrap}#cp-points,#cp-stat-points{color:#2f5fbf;background:#e6eeff;border:1px solid #bccdf2}#cp-points.none,#cp-stat-points.none{color:#888;background:var(--ro-panel-2);border-color:var(--ro-line)}.tabs{display:flex;gap:4px;padding:4px;margin-bottom:10px;width:fit-content;max-width:100%;border-radius:12px;background:var(--ro-panel-2);box-shadow:inset 0 1px 3px #24304f1f}.tab-btn{font:inherit;font-weight:800;color:#5a6a92;background:transparent;border:none;border-radius:9px;padding:6px 20px;cursor:pointer;transition:background .15s,color .15s}.tab-btn:hover{color:var(--ro-blue-3);background:#fff9}.tab-btn.active{color:#fff;background:var(--ro-title);text-shadow:1px 1px 0 #1d2d57;box-shadow:0 2px 4px #3a559a59,inset 0 1px #ffffff73}.equip-layout{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;align-items:stretch}.equip-col{display:flex;flex-direction:column;gap:5px}.equip-slot{display:flex;align-items:center;gap:8px;min-height:40px;padding:4px 8px 4px 4px;cursor:pointer;background:#fff;border:1px solid var(--ro-line);border-radius:10px;transition:border-color .12s,box-shadow .12s}.equip-slot:hover,.equip-slot.sel{border-color:var(--ro-blue-1);box-shadow:0 0 0 2px #6f8fd840}.equip-slot.sel{background:#f1f5ff}.equip-slot .ico{width:32px;height:32px;flex:none;display:flex;align-items:center;justify-content:center;background:var(--ro-slot);border:1px solid var(--ro-slot-border);border-radius:8px}.equip-slot .ico img{width:24px;height:24px;image-rendering:pixelated}.equip-slot .ico:empty{background:var(--ro-panel-2);border:1px dashed #b8c2dc}.equip-slot .lbl{font-size:var(--fs-xs);color:var(--ro-muted);display:block;line-height:1.2}.equip-slot .nm{font-size:var(--fs-md);font-weight:800}.equip-slot .cards{margin-left:auto;color:#b04ab0;font-size:var(--fs-sm);white-space:nowrap}.equip-center{display:flex;align-items:stretch;justify-content:center;min-height:0}#cp-avatar{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;border-radius:12px}#cp-avatar{background:radial-gradient(ellipse 30% 5% at 50% 76%,rgba(29,45,87,.3),transparent),radial-gradient(ellipse at 50% 72%,#f1f6ff,#c6d7f5,#8fa8de)}.stat-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:10px;padding:8px;background:#fff;border:1px solid var(--ro-line);border-radius:12px}.stat-chip{display:flex;align-items:baseline;justify-content:space-between;gap:6px;padding:4px 8px;border-radius:8px;background:var(--ro-panel-2);font-size:var(--fs-sm)}.stat-chip>span{color:var(--ro-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stat-chip>b{font-size:var(--fs-md);white-space:nowrap}.stat-missing{grid-column:1 / -1;text-align:center}.stat-grid{display:grid;grid-template-columns:1fr auto;font-size:var(--fs-sm);text-align:left;gap:1px 8px;margin-top:6px}.stat-grid>span{color:var(--ro-muted)}.stat-grid b{text-align:right}.inv-layout{display:grid;grid-template-columns:2fr 1fr;gap:10px;margin-top:10px}.inv-box{background:#fff;border:1px solid var(--ro-line);border-radius:12px;padding:8px;min-height:84px}.box-title{font-weight:900;font-size:var(--fs-sm);letter-spacing:.6px;text-transform:uppercase;color:var(--ro-blue-2);margin-bottom:6px}.item-grid{display:flex;flex-wrap:wrap;gap:4px}.item-cell{position:relative;width:38px;height:38px;cursor:pointer;display:flex;align-items:center;justify-content:center;background:linear-gradient(#f8faff,#e6ebf7);border:1px solid var(--ro-line);border-radius:9px;transition:border-color .12s,transform .12s}.item-cell img{width:24px;height:24px;image-rendering:pixelated}.item-cell:hover,.item-cell.sel{border-color:var(--ro-blue-1);transform:translateY(-1px)}.item-cell.sel{box-shadow:0 0 0 2px #6f8fd866}.item-cell.equipped:after{content:"E";position:absolute;left:2px;top:2px;width:12px;height:12px;border-radius:4px;font-size:var(--fs-xs);font-weight:900;line-height:12px;text-align:center;color:#fff;background:var(--ro-blue-2)}.item-cell.rare{background:linear-gradient(#f3f7ff,#d3e0f8);border-color:var(--ro-blue-2)}.item-cell.q1{background:linear-gradient(#f2fcf4,#d2f1da);border-color:#3cc25c}.item-cell.q2{background:linear-gradient(#f1f6ff,#d3e2fb);border-color:#4a82e6}.item-cell.q3{background:linear-gradient(#f9f2ff,#e6d5f8);border-color:#a050e0}.item-cell.q4{background:linear-gradient(#fff7ec,#fde0bd);border-color:#f08a20}.item-cell.locked{opacity:.45}.item-cell.compatible{box-shadow:0 0 0 2px #c95cc9}.item-cell .qty{position:absolute;right:2px;bottom:0;font-size:var(--fs-xs);font-weight:900;color:#fff;text-shadow:var(--outline)}.empty-note{color:#9ba6c2;font-size:var(--fs-sm);padding:4px}#cp-detail{min-height:64px}.detail{display:flex;gap:12px}.detail .big{width:48px;height:48px;padding:6px;box-sizing:content-box;image-rendering:pixelated;flex:none;background:var(--ro-slot);border:1px solid var(--ro-slot-border);border-radius:12px}.detail .card-art{width:75px;height:100px;flex:none;border-radius:6px;box-shadow:0 2px 8px #0000004d}.detail ul{margin:3px 0;padding-left:16px}.detail .bon{color:#2f5fbf}.card-slots{display:flex;gap:4px;margin:4px 0}.card-slot{width:30px;height:40px;border:1px dashed #b8a0c8;border-radius:5px;display:flex;align-items:center;justify-content:center;background:#faf6fc;overflow:hidden}.card-slot img{width:30px;height:40px}.card-slot.filled{border-style:solid;cursor:pointer}.status-layout{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:6px}.status-box{background:#fff;border:1px solid var(--ro-line);border-radius:12px;padding:8px 12px}.status-box .stat-grid{font-size:var(--fs-md);gap:3px 8px}@media(min-width:701px){.status-layout>:first-child{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto 1fr auto;column-gap:14px}.status-layout>:first-child>.box-title{grid-column:1 / -1}#cp-radar{grid-row:2 / 4;align-items:center;margin:0;padding:0 14px 0 0;border-bottom:none;border-right:1px solid #eef1f8}#cp-prim{align-self:center}}.prim-row{display:grid;grid-template-columns:38px 1fr 26px 26px 52px;align-items:center;gap:4px;padding:4px 0;border-bottom:1px solid #eef1f8}.prim-row:last-child{border-bottom:none}.prim-name{color:var(--ro-blue-2);font-weight:900}.prim-val{font-weight:900;text-align:right;font-variant-numeric:tabular-nums}.prim-bonus{color:#2f5fbf;font-weight:700}.prim-btn{font:inherit;font-weight:900;width:26px;height:24px;padding:0;color:var(--ro-blue-3);cursor:pointer;border:1px solid #a3b2db;border-radius:7px;background:linear-gradient(#fff,#e2e8f7);box-shadow:0 2px #bcc7e6}.prim-btn[data-d="1"]{color:#fff;background:linear-gradient(#a6c2f7,#4d6fbf);border-color:#2f4a8a;box-shadow:0 2px #2f4a8a;text-shadow:1px 1px 0 #1d2d57}.prim-btn:active:not(:disabled){transform:translateY(2px);box-shadow:none}.prim-btn:disabled{opacity:.35;cursor:default;filter:grayscale(.7)}.prim-cost{font-size:var(--fs-xs);color:var(--ro-muted)}.status-left{margin-top:8px;font-size:var(--fs-md)}.status-left b{color:#2f5fbf}.talent-trees{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.tree-col{background:#fff;border:1px solid var(--ro-line);border-radius:12px;overflow:hidden;padding:0 10px 12px}.tree-head{display:flex;align-items:center;gap:6px;margin:0 -10px 6px;padding:5px 10px;background:var(--ro-title);color:#fff;text-shadow:1px 1px 0 #1d2d57;border-bottom:1px solid #2f4a8a}.tree-head img{width:24px;height:24px;image-rendering:pixelated}.tree-head b{font-size:var(--fs-lg)}.tree-head .pts{margin-left:auto;font-weight:900;color:#fff;background:#fff3;padding:0 8px;border-radius:8px}.tree-desc{font-size:var(--fs-xs);color:var(--ro-muted);margin-bottom:4px;min-height:26px}.tree-col.t0{background:linear-gradient(180deg,#fff,#fbf3ea)}.tree-col.t1{background:linear-gradient(180deg,#fff,#fbeeee)}.tree-col.t2{background:linear-gradient(180deg,#fff,#ebf2fc)}.tree-board{position:relative;margin:0 2px}.tier{position:absolute;left:-8px;right:-8px;border-top:1px dashed rgba(108,120,150,.22);pointer-events:none}.tier span{position:absolute;left:1px;top:2px;font-size:var(--fs-xs);font-weight:800;color:#6c7896b3}.tier.open{border-top-color:transparent}.tier.open span{display:none}.arw{position:absolute;background:#cdd4e6;border-radius:2px;pointer-events:none}.arw.v{width:4px;transform:translate(-50%)}.arw.h{height:4px;transform:translateY(-50%)}.arw.on,.arw-head.on{background:var(--ro-blue-1);border-top-color:var(--ro-blue-1)}.arw-head{position:absolute;width:0;height:0;margin-top:-24px;transform:translate(-50%,-100%);pointer-events:none;border-left:7px solid transparent;border-right:7px solid transparent;border-top:8px solid #cdd4e6}.arw-head.on{background:none}.arw-head.side{margin:0 0 0 -27px;transform:translate(-50%,-50%) rotate(-90deg)}.arw-head.side.left{margin-left:27px;transform:translate(-50%,-50%) rotate(90deg)}.tree-board .talent{position:absolute;transform:translate(-50%,-50%);z-index:1}.tree-board .talent:hover:not(.locked){transform:translate(-50%,calc(-50% - 1px))}.talent{position:relative;width:42px;height:42px;cursor:pointer;-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center;background:var(--ro-slot);border:2px solid var(--ro-slot-border);border-radius:10px;transition:transform .1s,box-shadow .15s}.talent:hover:not(.locked){transform:translateY(-1px)}.talent img{width:28px;height:28px;image-rendering:pixelated;pointer-events:none}.talent.locked{filter:grayscale(1);opacity:.4;cursor:default}.talent.can,.talent.some{border-color:var(--ro-blue-1);box-shadow:0 0 6px #6f8fd873}.talent.maxed{border-color:var(--ro-blue-2);background:linear-gradient(#eef3ff,#c9d9f6);box-shadow:0 0 8px #3a5bb480}.talent .rank{position:absolute;right:-7px;bottom:-7px;background:#fff;border:1px solid var(--ro-slot-border);border-radius:7px;font-size:var(--fs-xs);font-weight:800;padding:0 4px;color:var(--ro-muted)}.talent.some .rank,.talent.can .rank{color:#2f5fbf;border-color:var(--ro-blue-1)}.talent.maxed .rank{color:#fff;background:var(--ro-blue-2);border-color:var(--ro-blue-3)}.talent.cap{grid-column:1 / span 2}.talent.learn{border-color:#5aa86a;border-radius:4px;box-shadow:0 0 0 2px #5aa86a40}.talent.learn.maxed{border-color:#3d8c4f;background:linear-gradient(#f0fbf1,#c8ecce);box-shadow:0 0 8px #3d8c4f80}.talent.learn.maxed .rank{background:#3d8c4f;border-color:#2f6e3d}.tree-jobs,.dev-jobs{grid-column:1 / -1;display:flex;gap:6px;flex-wrap:wrap}.tree-job.active{background:linear-gradient(#eef3ff,#c9d9f6);border-color:var(--ro-blue-2)}.tree-job.soon{color:var(--ro-muted)}.tree-job.soon.active{color:var(--ro-blue-3)}.tree-lock{font-size:var(--fs-xs)}.tree-soon{grid-column:1 / -1;display:flex;flex-direction:column;gap:2px;padding:8px 12px;border-radius:12px;text-align:center;background:linear-gradient(180deg,#fff,var(--ro-panel-2));border:1px dashed #a9b4d2}.tree-soon b{color:var(--ro-blue-2);font-size:var(--fs-lg)}.tree-soon span{color:var(--ro-muted);font-size:var(--fs-sm)}.tree-col.soon .tree-head{opacity:.75}.soon-slot{position:absolute;width:42px;height:42px;transform:translate(-50%,-50%);border-radius:10px;border:1px dashed #b9c3dc;background:#ffffff8c}.tooltip{position:fixed;z-index:30;max-width:270px;padding:8px 10px;pointer-events:none;line-height:1.45;font-size:var(--fs-sm);background:linear-gradient(#fff,#f1f4fb);color:var(--ro-text);border:1px solid var(--ro-border);border-radius:10px;box-shadow:0 6px 18px #00000059}.tooltip b{color:var(--ro-blue-2)}.tooltip .next{color:#2f5fbf}.tooltip .req{color:#c0392b}.tooltip.talent-pop{pointer-events:auto;width:270px;max-width:calc(100vw - 16px)}.tp-btns{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;margin-top:8px;padding-top:8px;border-top:1px solid var(--ro-line)}.tp-btns .ro-btn{margin:0;padding:6px 0;font-size:var(--fs-lg);font-weight:900}.tp-btns span{min-width:44px;text-align:center;font-weight:900;color:var(--ro-blue-2)}.talent.picked{box-shadow:0 0 0 3px #3a5bb48c}.tip-weapon{margin:5px 0 1px;padding:4px 7px;border-radius:7px;font-size:var(--fs-sm);line-height:1.35}.tip-weapon b{color:inherit}.tip-weapon.on{color:#2f6f3f;background:#e8f6ec;border:1px solid #b9dfc3}.tip-weapon.off{color:#a0321f;background:#fdecea;border:1px solid #f2c2bb}.talent .wpn-tag{position:absolute;left:-7px;top:-7px;width:16px;height:16px;display:grid;place-items:center;font-size:var(--fs-xs);line-height:1;border-radius:50%;background:#fff;border:1px solid var(--ro-slot-border);color:var(--ro-blue-2)}.talent.inactive{border-style:dashed;border-color:#c0392b;box-shadow:none}.talent.inactive img{filter:grayscale(.7);opacity:.7}.talent.inactive .wpn-tag{color:#c0392b;border-color:#c0392b}.summary-window{width:min(520px,calc(100vw - 32px));max-height:calc(100vh - 24px);overflow-y:auto}.loot-row{display:flex;flex-wrap:wrap;justify-content:center;gap:5px;margin:8px 0}.loot-row img{width:24px;height:24px;image-rendering:pixelated;border:1px solid var(--ro-blue-1);border-radius:7px;padding:3px;background:linear-gradient(#f3f7ff,#d3e0f8)}.loot-row img.q1{border-color:#3cc25c;background:linear-gradient(#f2fcf4,#d2f1da)}.loot-row img.q2{border-color:#4a82e6}.loot-row img.q3{border-color:#a050e0;background:linear-gradient(#f9f2ff,#e6d5f8)}.loot-row img.q4{border-color:#f08a20;background:linear-gradient(#fff7ec,#fde0bd)}.loot-row img.cardimg{width:36px;height:48px;padding:0;border-color:#c95cc9}.levelup-msg{color:#2f5fbf;font-weight:900}@media(max-width:700px){.equip-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6px}.equip-center{width:auto;grid-column:1 / -1;order:-1}.equip-center{height:180px}.stat-strip{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:4px;padding:6px}.equip-slot{min-width:0}.equip-slot .nm{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.equip-slot>div{min-width:0}.inv-layout,.talent-trees,.status-layout{grid-template-columns:1fr}.prim-row{grid-template-columns:38px 1fr 32px 32px 48px}.prim-btn{width:32px;height:28px}.cp-header{grid-template-columns:auto 1fr;gap:6px 10px}#cp-points,#cp-stat-points{text-align:center}.tabs{width:100%}.gs-total{margin-left:0;width:100%;justify-content:center;padding:9px 12px}.tab-btn{flex:1;padding:6px 8px}}.tree-tabs{display:none;gap:4px;padding:4px;border-radius:12px;background:var(--ro-panel-2);box-shadow:inset 0 1px 3px #24304f1f}.tree-tab{flex:1;min-width:0;display:flex;align-items:center;justify-content:center;gap:4px;padding:5px 4px;font:inherit;font-size:var(--fs-sm);font-weight:800;color:#5a6a92;background:transparent;border:none;border-radius:9px;cursor:pointer}.tree-tab img{width:20px;height:20px;flex:none;image-rendering:pixelated}.tree-tab span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tree-tab b{flex:none;min-width:16px;padding:0 4px;border-radius:7px;font-size:var(--fs-xs);background:#fff;color:var(--ro-blue-2)}.tree-tab.active{color:#fff;background:var(--ro-title);text-shadow:1px 1px 0 #1d2d57;box-shadow:0 2px 4px #3a559a59,inset 0 1px #ffffff73}@media(max-width:700px){.tree-tabs{display:flex}.tree-col:not(.active){display:none}}.radar{display:flex;justify-content:center;margin:2px 0 6px;padding-bottom:6px;border-bottom:1px solid #eef1f8}.radar svg{width:100%;max-width:270px;height:auto;overflow:visible;font-family:inherit}.radar .ring{fill:none;stroke:#d3dbef;stroke-width:1}.radar .ring.outer{fill:#f4f6fc;stroke:#a9b4d2}.radar .spoke{stroke:#dfe5f3;stroke-width:1}.radar .total{fill:#6fb0e81f;stroke:#9cc8ee;stroke-width:1;stroke-linejoin:round}.radar .base{fill:#7d9ad640;stroke:#7d9ad6;stroke-width:1;stroke-linejoin:round}.radar text{text-anchor:middle;font-size:var(--fs-sm);font-weight:800}.radar .lbl{fill:var(--ro-blue-2);font-weight:900}.radar .num{fill:var(--ro-text)}.radar .bon{fill:#2f5fbf}.radar .scale{text-anchor:end;font-size:var(--fs-xs);font-weight:700;fill:var(--ro-muted)}#cp-derived{column-gap:0}#cp-derived>span{padding-right:8px}#cp-derived .hit{animation:stat-hit .6s ease-out}#cp-derived span.hit{margin-left:-6px;padding-left:6px;border-radius:6px 0 0 6px}#cp-derived b.hit{margin-right:-6px;padding-right:6px;border-radius:0 6px 6px 0}#cp-derived .hit.up{background:#e3ecff}#cp-derived b.hit.up{color:#2f5fbf}#cp-derived .hit.down{background:#fbe6e4}#cp-derived b.hit.down{color:#c0392b}@keyframes stat-hit{0%{filter:brightness(.85) saturate(2)}}.box-title .kafra{float:right;padding:0 8px;border-radius:8px;font-size:var(--fs-xs);letter-spacing:0;text-transform:none;color:var(--ro-blue-3);background:var(--ro-panel-2);border:1px solid var(--ro-line)}.item-cell.worn{opacity:.55}.item-cell.worn:after{content:"⇄";position:absolute;left:2px;top:1px;font-size:var(--fs-xs);font-weight:900;color:var(--ro-blue-2)}.worn-note{margin-top:4px;color:var(--ro-blue-2);font-weight:800}.inv-filters{display:flex;flex-wrap:wrap;align-items:center;gap:4px;margin-bottom:8px}.inv-chip{font:inherit;font-size:var(--fs-sm);font-weight:800;color:#5a6a92;padding:3px 9px;border-radius:10px;cursor:pointer;background:var(--ro-panel-2);border:1px solid var(--ro-line);transition:background .12s,color .12s}.inv-chip small{font-size:var(--fs-xs);font-weight:700;opacity:.75}.inv-chip:hover:not(:disabled){color:var(--ro-blue-3);border-color:var(--ro-blue-1)}.inv-chip.active{color:#fff;background:var(--ro-title);border-color:var(--ro-blue-2);text-shadow:1px 1px 0 #1d2d57}.inv-chip:disabled{opacity:.4;cursor:default}.inv-mine{margin-left:auto;display:inline-flex;align-items:center;gap:4px;font-size:var(--fs-sm);font-weight:800;color:var(--ro-blue-2);cursor:pointer}.inv-mine input{accent-color:var(--ro-blue-2);margin:0}.shop-window{width:min(640px,calc(100vw - 24px))}.shop-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.shop-top .tabs{margin-bottom:0}.kafra{padding:2px 10px;border-radius:10px;font-size:var(--fs-md);font-weight:800;white-space:nowrap;color:var(--ro-blue-3);background:var(--ro-panel-2);border:1px solid var(--ro-line)}.shop-grid{min-height:120px;max-height:300px;overflow:auto;padding:8px;background:#fff;border:1px solid var(--ro-line);border-radius:12px;align-content:flex-start}.shop-cell{width:46px;height:50px;align-items:flex-start;padding-top:4px}.shop-cell .price{position:absolute;left:0;right:0;bottom:1px;text-align:center;font-size:var(--fs-xs);font-weight:900;color:var(--ro-blue-2)}.shop-cell.picked{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--ro-blue-3);transform:translateY(-1px);z-index:1}.shop-cell.picked:before{content:"✓";position:absolute;right:-6px;top:-6px;z-index:2;width:16px;height:16px;display:grid;place-items:center;border-radius:50%;font-size:var(--fs-xs);font-weight:900;line-height:1;color:#fff;background:var(--ro-blue-3);box-shadow:0 0 0 2px #fff}.shop-cell .qty{bottom:12px}.shop-total{font-weight:700;color:var(--ro-text)}.shop-total b{color:var(--ro-blue-2)}.ore-list{display:flex;flex-direction:column;gap:4px;margin-bottom:8px}.ore-row{display:grid;grid-template-columns:30px 1fr auto auto;align-items:center;gap:8px;padding:4px 8px 4px 4px;background:#fff;border:1px solid var(--ro-line);border-radius:10px}.ore-row img{width:24px;height:24px;margin:0 auto;image-rendering:pixelated}.ore-buy{display:flex;gap:4px}.chronicle-window{width:min(640px,calc(100vw - 24px))}#chr-perks,#chr-log-tab{height:min(400px,calc(100vh - 190px));display:flex;flex-direction:column}#chr-perks.hidden,#chr-log-tab.hidden{display:none}#chr-perks .chr-list{flex:1;min-height:0;overflow-y:auto;scrollbar-gutter:stable}#chr-perks .info-panel{flex:none}.chr-list{display:flex;flex-direction:column;gap:4px;margin-bottom:8px}.chr-scroll{flex:1;min-height:0;overflow-y:auto;scrollbar-gutter:stable;margin-bottom:0}.chr-perk,.chr-ach{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:8px;padding:6px 10px 6px 6px;background:#fff;border:1px solid var(--ro-line);border-radius:10px}.chr-info{display:flex;flex-direction:column;gap:2px;min-width:0}.chr-info b{color:var(--ro-blue-3)}.chr-info small{font-size:var(--fs-sm);color:var(--ro-muted);line-height:1.35}.chr-check{width:30px;height:30px;margin:0 auto;display:grid;place-items:center;border-radius:50%;font-size:var(--fs-lg);font-weight:900;color:var(--ro-blue-2);background:var(--ro-panel-2);border:1px solid var(--ro-line)}.chr-pips{display:flex;align-items:center;gap:4px;margin-top:2px}.chr-pips i{width:10px;height:10px;border-radius:50%;background:var(--ro-panel-2);border:1px solid var(--ro-border)}.chr-pips i.on{background:var(--ro-blue-2);border-color:var(--ro-blue-3)}.chr-pips span{margin-left:4px;font-size:var(--fs-xs);font-weight:800;color:var(--ro-muted)}.chr-perk{grid-template-columns:1fr auto;padding-left:10px}.chr-perk .ro-btn{margin:0;padding:4px 10px;white-space:nowrap}.chr-maxed{font-size:var(--fs-sm);font-weight:800;color:var(--ro-blue-2)}.chr-ach.done{background:#f3f8ff;border-color:#b9cdf2}.chr-ach.done .chr-check{color:#fff;background:var(--ro-blue-2);border-color:var(--ro-blue-3)}.chr-pts{min-width:34px;padding:2px 8px;border-radius:999px;text-align:center;font-size:var(--fs-sm);font-weight:900;color:var(--ro-blue-3);background:var(--ro-panel-2);border:1px solid var(--ro-line)}.chr-ach:not(.done) .chr-pts{color:var(--ro-muted)}.chr-new{padding:0 6px;border-radius:999px;font-size:var(--fs-xs);font-weight:900;color:#fff;background:linear-gradient(135deg,#ff7aa0,#ff4f7e)}.chr-bar{position:relative;height:14px;margin-top:3px;border-radius:7px;overflow:hidden;background:var(--ro-panel-2);border:1px solid var(--ro-line)}.chr-bar span{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,#8fb4f5,var(--ro-blue-2))}.chr-bar em{position:relative;display:block;text-align:center;font-size:var(--fs-xs);font-style:normal;font-weight:800;line-height:12px;color:var(--ro-text)}#chr-points b{color:var(--ro-blue-2)}#chr-points small{color:var(--ro-muted)}.inspect-window{width:min(400px,calc(100vw - 24px));height:min(540px,calc(100vh - 24px));display:flex;flex-direction:column}.ins-head{display:flex;align-items:center;gap:10px;margin-bottom:8px}.ins-head .cp-lv{color:var(--ro-blue-2);font-size:var(--fs-md);font-weight:900;white-space:nowrap}.ins-head .gs-total{margin-left:auto;padding:3px 10px}.ins-tabs{width:100%;margin-bottom:8px}.ins-tabs .tab-btn{flex:1;padding:5px 8px}.ins-tab.off{display:none}.ins-equip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.ins-equip .equip-col{gap:5px}.ins-equip .equip-slot{min-width:0;min-height:36px;gap:6px;padding:3px 6px 3px 3px}.ins-equip .equip-slot>div{min-width:0}.ins-equip .equip-slot .ico{width:28px;height:28px}.ins-equip .equip-slot .nm{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--fs-sm)}.ins-equip .slot-gs{display:none}#ins-detail,#ins-job-detail{margin-top:8px;min-height:64px}#ins-job-detail .next{color:#2f5fbf}#ins-job-detail .req{color:#c0392b}.ins-stats{display:grid;grid-template-columns:1fr;gap:8px}.ins-stats .status-box{padding:6px 10px}#ins-prim{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px 14px;margin-top:4px}.prim-row.ins-prim{grid-template-columns:1fr auto;padding:2px 0}.prim-row.ins-prim:nth-last-child(-n+3){border-bottom:none}.ins-record{display:grid;grid-template-columns:1fr auto;gap:3px 8px;margin-top:6px;font-size:var(--fs-md);color:var(--ro-muted)}.ins-record b{color:var(--ro-text);text-align:right}.ins-cards{display:flex;gap:4px;margin-top:6px}.ins-cards img{width:30px;height:40px;border-radius:3px}#ins-trees{grid-template-columns:1fr;gap:8px}#ins-trees .tree-tabs{display:flex}#ins-trees .tree-col:not(.active){display:none}.trade-window{width:min(460px,calc(100vw - 24px));max-height:calc(100vh - 24px);display:flex;flex-direction:column}.tr-sides{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.tr-side{min-width:0;padding:6px 8px;border-radius:12px;background:#fff;border:1px solid var(--ro-line)}.tr-side .box-title{display:flex;align-items:center;gap:6px;white-space:nowrap;overflow:hidden}.tr-items{min-height:84px;align-content:flex-start;margin-top:4px}.tr-items .empty-note{width:100%;padding:26px 0;text-align:center}.tr-kafra{display:flex;align-items:center;gap:6px;margin-top:6px;font-size:var(--fs-sm);color:var(--ro-muted);white-space:nowrap}.tr-kafra b{color:var(--ro-text)}#tr-kafra{width:80px;padding:2px 6px;border-radius:8px;font:inherit;font-weight:800;color:var(--ro-text);border:1px solid var(--ro-border);background:#fff}.tr-badge{padding:0 7px;border-radius:7px;font-size:var(--fs-xs);font-weight:900;line-height:16px;color:#fff}.tr-badge.lock{background:linear-gradient(#6f8fd8,#3a5bb4)}.tr-badge.ok{background:linear-gradient(#5ccf7a,#2f9a54)}.tr-note{margin:6px 2px;min-height:2.6em;font-size:var(--fs-sm)}.tr-inv-box{padding:6px 8px}.tr-inv{max-height:96px;overflow-y:auto;margin-top:4px}#trade.tr-locked #tr-inv,#trade.tr-locked #tr-mine-items{opacity:.55;pointer-events:none}.tr-chat{margin-top:8px}.tr-log{height:72px;overflow-y:auto;padding:4px 8px;border-radius:10px;font-size:var(--fs-sm);line-height:1.4;background:#fff;border:1px solid var(--ro-line);overflow-wrap:anywhere}#tr-form{margin:4px 0 0}#tr-input{width:100%;height:30px;padding:0 10px;border-radius:10px;font:inherit;color:var(--ro-text);background:#fff;border:1px solid var(--ro-border);outline:none;-webkit-user-select:text;user-select:text}#tr-input:focus{border-color:var(--ro-blue-2);box-shadow:0 0 0 2px #3a5bb440}.ore-buy .ro-btn{margin:0;padding:2px 8px}@media(max-width:520px){.ore-row{grid-template-columns:30px 1fr auto}.ore-buy{grid-column:2 / -1}}.detail .base-stats{margin-top:2px;font-weight:800;color:#2f5fbf}.equip-center{position:relative}.cp-tabrow{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;margin-bottom:10px}.cp-tabrow .tabs{grid-column:2}.cp-tabrow .gs-total{grid-column:3;justify-self:end}.cp-tabrow .tabs{margin-bottom:0}.gs-total{margin-left:auto;display:flex;align-items:baseline;gap:6px;white-space:nowrap;padding:12px 16px;border-radius:12px;font-size:var(--fs-md);line-height:1;background:var(--ro-panel-2);box-shadow:inset 0 1px 3px #24304f1f}.gs-total span{font-weight:800;color:#5a6a92}.gs-total b{font-weight:900;color:var(--ro-blue-2)}.equip-slot .slot-side{margin-left:auto;display:flex;flex-direction:column;align-items:flex-end;gap:1px;flex:none}.equip-slot .slot-side .cards{margin-left:0}.slot-gs{font-size:var(--fs-xs);font-weight:900;color:var(--ro-blue-2)}.slot-gs:before{content:"GS ";font-weight:700;color:var(--ro-muted)}.eq-work{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:10px;height:310px}.eq-work>.inv-box{min-height:0;overflow-y:auto}@media(min-width:701px){.panel-body{display:flex;flex-direction:column}#cp-tab-equip{display:flex;flex-direction:column;flex:1 0 auto}#cp-tab-equip .eq-work{flex:1 1 0;height:auto;min-height:260px}}.eq-work>.inv-box:last-child{display:flex;flex-direction:column}.eq-work .cand-list{max-height:none;flex:1;min-height:0}.eq-item{display:flex;gap:10px}.eq-item .big{width:40px;height:40px;padding:6px;box-sizing:content-box;image-rendering:pixelated;flex:none;background:var(--ro-slot);border:1px solid var(--ro-slot-border);border-radius:12px}.eq-item .card-art{width:75px;height:100px;flex:none;border-radius:6px;box-shadow:0 2px 8px #0000004d}.eq-info{flex:1;min-width:0}.eq-name{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px}.eq-info .btn-row{margin-top:6px}.bon-list{margin:3px 0;padding-left:16px;color:#2f5fbf}.gs{display:inline-flex;align-items:baseline;gap:4px;padding:0 7px;border-radius:8px;font-size:var(--fs-xs);font-weight:700;color:var(--ro-muted);background:var(--ro-panel-2);border:1px solid var(--ro-line);white-space:nowrap}.gs b{color:var(--ro-blue-3);font-size:var(--fs-sm)}.gs i,.cmp-rows i{font-style:normal;font-weight:900}.gs .up,.cmp-rows .up{color:#2f5fbf}.gs .down,.cmp-rows .down{color:#c0392b}.cmp-head{display:flex;flex-wrap:wrap;align-items:center;gap:4px 6px;margin-bottom:6px;padding-bottom:6px;border-bottom:1px solid var(--ro-line);font-size:var(--fs-sm)}.cmp-rows{display:grid;grid-template-columns:1fr auto auto;gap:2px 8px;font-size:var(--fs-sm)}.cmp-rows>span{color:var(--ro-muted)}.cmp-rows b,.cmp-rows i{text-align:right}.cmp-rows b{font-weight:700;color:var(--ro-muted)}.cmp-hint{color:var(--ro-muted);font-size:var(--fs-sm)}.card-slots.click{cursor:pointer}.card-slots.click:hover .card-slot{border-color:var(--ro-blue-1)}.cand-list,.sock-cards{display:flex;flex-direction:column;gap:4px;max-height:330px;overflow-y:auto}.cand,.sock-card{display:grid;grid-template-columns:34px 1fr auto auto;align-items:center;gap:8px;padding:4px 6px 4px 4px;cursor:pointer;background:#fff;border:1px solid var(--ro-line);border-left-width:3px;border-radius:10px;transition:border-color .12s,box-shadow .12s}.cand:hover,.cand.sel,.sock-card:hover{border-color:var(--ro-blue-1);box-shadow:0 0 0 2px #6f8fd840}.cand.sel{background:#f1f5ff}.cand.q1{border-left-color:#3cc25c}.cand.q2{border-left-color:#4a82e6}.cand.q3{border-left-color:#a050e0}.cand.q4{border-left-color:#f08a20}.cand.worn{opacity:.55;cursor:default}.cand .ico{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--ro-slot);border:1px solid var(--ro-slot-border);border-radius:8px}.cand .ico img{width:24px;height:24px;image-rendering:pixelated}.cand{grid-template-columns:34px 1fr auto}.cand-side{display:flex;flex-direction:column;align-items:flex-end;gap:3px}.cand-side .ro-btn{margin:0;padding:2px 10px}.cand-info{min-width:0}.cand-info b,.cand-info small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cand-info small{color:var(--ro-muted);font-size:var(--fs-xs)}.browse-layout{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;align-items:start}.browse-detail{position:sticky;top:0}.sock-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;align-items:center;justify-content:center;background:#24304f59}.sock-window{width:min(520px,calc(100vw - 24px));max-height:calc(100vh - 40px);display:flex;flex-direction:column}.sock-window .ro-body{overflow-y:auto}.sock-row{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 6px}.sock{width:96px;padding:6px;display:flex;flex-direction:column;align-items:center;gap:2px;cursor:pointer;font:inherit;color:var(--ro-text);background:#faf6fc;border:1px dashed #b8a0c8;border-radius:10px}.sock.filled{border-style:solid;background:#fff}.sock.sel{border-color:var(--ro-blue-2);box-shadow:0 0 0 2px #3a5bb459}.sock img{width:45px;height:60px;border-radius:4px}.sock span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--fs-sm);font-weight:800}.sock small{font-size:var(--fs-xs);color:var(--ro-muted)}.sock .sock-empty{height:60px;display:flex;align-items:center;font-size:var(--fs-2xl);color:#b8a0c8}.sock-hint{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:10px;font-size:var(--fs-sm);color:var(--ro-muted)}.sock-hint .ro-btn{margin:0}.sock-card{grid-template-columns:30px 1fr auto auto}.sock-card img{width:30px;height:40px;border-radius:3px}.smith-window{width:min(780px,calc(100vw - 24px));max-height:calc(100vh - 40px);display:flex;flex-direction:column}.smith-body{display:grid;grid-template-columns:280px 1fr;gap:12px;min-height:0;overflow-y:auto}.smith-side{min-width:0}.smith-side .cand-list{max-height:420px}.smith-detail{min-width:0}@media(max-width:700px){.smith-body{grid-template-columns:1fr}.smith-side .cand-list{max-height:200px}}.ref-ores{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0 8px}.ref-ore{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:6px;padding:6px 8px;cursor:pointer;text-align:left;font:inherit;color:var(--ro-text);background:#fff;border:1px solid var(--ro-line);border-radius:10px}.ref-ore img{width:24px;height:24px;image-rendering:pixelated}.ref-ore.sel{border-color:var(--ro-blue-2);background:#f1f5ff;box-shadow:0 0 0 2px #3a5bb459}.ref-ore:disabled{opacity:.5;cursor:default}.ref-ore .pct{font-size:var(--fs-md);font-weight:900;color:var(--ro-blue-2)}.ref-ladder{display:grid;grid-template-columns:repeat(10,1fr);gap:3px;margin-bottom:8px}.ref-ladder span{padding:2px 0;text-align:center;font-size:var(--fs-xs);font-weight:800;line-height:1.25;color:var(--ro-muted);background:var(--ro-panel-2);border:1px solid var(--ro-line);border-radius:6px}.ref-ladder span b{display:block;color:var(--ro-text)}.ref-ladder span.done{background:#e2f3e6;border-color:#9fd2ab}.ref-ladder span.next{border-color:var(--ro-blue-2);box-shadow:0 0 0 2px #3a5bb44d}.ref-ladder span.risk b{color:#c0392b}.ref-gain{display:grid;grid-template-columns:1fr auto auto;gap:2px 10px;margin:6px 0;font-size:var(--fs-sm)}.ref-gain b{text-align:right}.ref-gain i{font-style:normal;font-weight:800;color:var(--ro-blue-2)}.ref-gain .same{color:var(--ro-muted);font-weight:400}.ref-warn{padding:6px 8px;margin:6px 0;font-size:var(--fs-sm);font-weight:700;color:#b03a2e;background:#fdeeee;border:1px solid #f0c4c0;border-radius:8px}.ref-safe{padding:6px 8px;margin:6px 0;font-size:var(--fs-sm);font-weight:700;color:#2f7d45;background:#eaf7ed;border:1px solid #b8e0c2;border-radius:8px}.ref-result{min-height:20px;margin-top:6px;font-weight:800;text-align:center}.ref-result.ok{color:var(--ro-blue-2)}.ref-result.fail{color:#c0392b}@media(max-width:520px){.ref-ores{grid-template-columns:1fr}.ref-ladder{grid-template-columns:repeat(5,1fr)}}.card-cell{width:44px;height:58px;padding:0;overflow:hidden}.card-cell img{width:42px;height:56px;image-rendering:auto;border-radius:6px}.qty-tag{font-size:var(--fs-xs);font-weight:900;color:var(--ro-muted)}@media(max-width:700px){.eq-work,.browse-layout{grid-template-columns:1fr}.eq-work{height:auto}#cp-eq-cmp{order:3}.eq-work .cand-list{max-height:330px}.browse-detail{position:static}.sock{width:calc(33.3% - 6px)}}.item-tip{max-width:280px}.item-tip .tip-item{display:flex;gap:8px;align-items:flex-start;margin-bottom:3px}.item-tip .tip-icon{width:32px;height:32px;padding:4px;flex:none;image-rendering:pixelated;background:var(--ro-slot);border:1px solid var(--ro-slot-border);border-radius:8px;box-sizing:content-box}.item-tip .tip-card{width:45px;height:60px;flex:none;border-radius:4px}.item-tip .bon-list{margin:3px 0}.item-tip .base-stats{margin-top:2px;font-weight:800;color:#2f5fbf}.tip-price{margin-top:5px;padding-top:4px;border-top:1px solid var(--ro-line);font-weight:900;color:var(--ro-blue-2)}.new-tag{display:inline-block;padding:0 4px;border-radius:5px;font-size:8px;font-weight:900;line-height:12px;letter-spacing:.4px;text-transform:uppercase;color:#fff;background:linear-gradient(#6fb0ff,#2f6fd0);box-shadow:0 0 0 1px #fff,0 1px 3px #24304f59}.item-cell .new-tag,.cand .ico .new-tag{position:absolute;right:-4px;top:-5px}.cand .ico{position:relative}.equip-slot .lbl .new-tag{margin-left:5px;vertical-align:1px}.tab-btn.has-new{position:relative}.tab-btn.has-new:after{content:"";position:absolute;right:6px;top:5px;width:7px;height:7px;border-radius:50%;background:#4a9bff;box-shadow:0 0 0 1.5px #fff}.browse-layout>:first-child,.status-layout>:first-child{grid-column:span 2}@media(max-width:700px){.browse-layout>:first-child,.status-layout>:first-child{grid-column:auto}.cp-tabrow{display:flex;flex-wrap:wrap;gap:6px}.cp-tabrow .tabs{flex:1 1 100%}}.item-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(38px,1fr));gap:4px}.item-grid>.item-cell{width:auto;height:auto;aspect-ratio:1}.item-grid>.empty-note{grid-column:1 / -1}#cp-cards{grid-template-columns:repeat(auto-fill,minmax(44px,1fr))}#cp-cards>.card-cell{aspect-ratio:44 / 58}.card-cell img{width:100%;height:100%;object-fit:cover}.shop-grid{grid-template-columns:repeat(auto-fill,minmax(46px,1fr));align-content:start;gap:6px}.shop-grid>.shop-cell{aspect-ratio:46 / 50}.cp-foot{justify-content:center}.cp-reset-row{position:sticky;bottom:-12px;z-index:2;margin:10px -12px -12px;padding:8px 12px;background:linear-gradient(rgba(246,248,253,.85),var(--ro-panel) 40%);border-top:1px solid var(--ro-line)}.pet-cell img.pet-pic{width:auto;height:auto;max-width:88%;max-height:88%;object-fit:contain}.pet-portrait{width:84px;height:84px;flex:none;display:flex;align-items:center;justify-content:center;background:var(--ro-slot);border:1px solid var(--ro-slot-border);border-radius:12px}.pet-portrait img{max-width:78px;max-height:78px;image-rendering:pixelated}.pet-portrait.locked img{filter:brightness(0) opacity(.3)}.pet-acc{display:flex;align-items:center;gap:6px;margin:6px 0;padding:4px 6px;border-radius:9px;background:var(--ro-panel-2)}.pet-acc img{width:24px;height:24px;image-rendering:pixelated}.pet-acc span{flex:1;min-width:0}.pet-acc small{color:var(--ro-muted)}.pet-acc.off img{opacity:.55}#pk-list{height:min(400px,calc(100vh - 230px));margin-bottom:8px}.pk-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:var(--ro-panel-2);border:1px solid var(--ro-line);overflow:hidden}.pk-icon img{max-width:30px;max-height:30px;image-rendering:pixelated}.pk-locked{color:var(--ro-muted)}#splash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;overflow:hidden;display:grid;grid-template-columns:1fr minmax(0,420px);align-items:center;gap:4vw;padding:max(24px,env(safe-area-inset-top)) max(6vw,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(6vw,env(safe-area-inset-left));background:#c9d8f4;transition:opacity .35s ease-out,visibility .35s}#splash.leaving{opacity:0;visibility:hidden;pointer-events:none}#splash.menu{z-index:9;pointer-events:none}#splash.menu .sp-card,#splash.menu .sp-foot,#splash.menu .sp-logo{display:none}#splash.menu .sp-veil{background:linear-gradient(180deg,#d6e4fae6,#d6e4fa4d,#d6e4fa26 60%,#6f8fd859),radial-gradient(ellipse 60% 55% at 50% 52%,rgba(240,245,255,.5),transparent 75%)}body.sp-backdrop #charselect,body.sp-backdrop #charcreate{background:transparent}body.sp-backdrop #charselect .brand{gap:8px;margin-bottom:12px}body.sp-backdrop #charselect .brand-name{flex-direction:column;align-items:center;gap:0;animation:pk-float 3.4s ease-in-out infinite alternate}body.sp-backdrop #charselect .brand-name span{font:900 clamp(44px,6vw,76px) "Cinzel Decorative",Georgia,serif;letter-spacing:0;line-height:.95;background:linear-gradient(#fff6c8,#ffd54a 45%,#c98512);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(1.5px 0 0 #5a3206) drop-shadow(-1.5px 0 0 #5a3206) drop-shadow(0 -1.5px 0 #5a3206) drop-shadow(0 3px 0 #5a3206) drop-shadow(0 6px 10px rgba(40,30,10,.4))}body.sp-backdrop #charselect .brand-name b{margin-top:.15em;padding:.14em 1.1em .1em;font:900 clamp(17px,2.2vw,28px) Cinzel,Georgia,serif;letter-spacing:.22em;text-indent:.22em;line-height:1.1;color:#fff;-webkit-text-fill-color:#fff;background:linear-gradient(#7f9de0,#3a5bb4 60%,#2f4d9e);clip-path:polygon(0 0,100% 0,94% 50%,100% 100%,0 100%,6% 50%);text-shadow:0 2px 0 #1d3577;filter:drop-shadow(0 6px 8px rgba(20,40,110,.35))}body.sp-backdrop #charselect .brand small{color:var(--ro-blue-3);background:#ffffffbf;padding:4px 12px;border-radius:999px;text-shadow:none}.sp-bg{position:absolute;top:-4%;right:-4%;bottom:-4%;left:-4%;z-index:-3;background:url(../splash/prontera.webp) center 30% / cover no-repeat;animation:sp-drift 38s ease-in-out infinite alternate}@keyframes sp-drift{0%{transform:scale(1) translate(0)}to{transform:scale(1.07) translate(-1.5%,-1%)}}.sp-veil{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;pointer-events:none;background:linear-gradient(180deg,rgba(214,228,250,.95) 0%,rgba(214,228,250,.35) 22%,transparent 42%),radial-gradient(ellipse 55% 65% at 22% 48%,rgba(240,245,255,.7),transparent 70%),linear-gradient(0deg,rgba(111,143,216,.35),transparent 30%)}#sp-parade,#sp-parade-fly{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;width:100%;height:100%;pointer-events:none;image-rendering:pixelated}#sp-parade-fly{z-index:2}.sp-logo{position:relative;z-index:1}.sp-card,.sp-foot{z-index:3}.sp-card{position:relative}.sp-motes{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none}.sp-motes i{position:absolute;bottom:-10px;width:6px;height:6px;border-radius:50%;background:radial-gradient(#fff,#fff0);animation:sp-rise linear infinite;opacity:0}@keyframes sp-rise{0%{transform:translate(0);opacity:0}15%{opacity:.9}to{transform:translate(30px,-70vh);opacity:0}}.sp-logo{justify-self:center;display:flex;flex-direction:column;align-items:center;gap:10px;line-height:.9;text-align:center;animation:sp-in .6s cubic-bezier(.2,1.2,.4,1) both}.sp-logo-name{display:flex;flex-direction:column;align-items:center;text-transform:uppercase;animation:pk-float 3.4s ease-in-out infinite alternate}.sp-logo-name span{font:900 clamp(64px,10vw,150px) "Cinzel Decorative",Georgia,serif;line-height:.95;background:linear-gradient(#fff6c8,#ffd54a 45%,#c98512);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(2px 0 0 #5a3206) drop-shadow(-2px 0 0 #5a3206) drop-shadow(0 -2px 0 #5a3206) drop-shadow(0 4px 0 #5a3206) drop-shadow(0 10px 14px rgba(40,30,10,.4))}.sp-logo-name b{margin-top:.15em;padding:.12em 1.1em .1em;font:900 clamp(24px,3.6vw,54px) Cinzel,Georgia,serif;letter-spacing:.22em;text-indent:.22em;color:#fff;background:linear-gradient(#7f9de0,#3a5bb4 60%,#2f4d9e);clip-path:polygon(0 0,100% 0,94% 50%,100% 100%,0 100%,6% 50%);text-shadow:0 2px 0 #1d3577;filter:drop-shadow(0 8px 10px rgba(20,40,110,.35))}.sp-logo small{font-size:clamp(13px,1.3vw,18px);font-weight:800;color:var(--ro-blue-3);letter-spacing:.5px;background:#ffffffbf;padding:6px 14px;border-radius:999px;box-shadow:0 2px 8px #24418e2e}.sp-tags{display:grid;grid-template-columns:1fr 1fr;gap:6px}.sp-tag{text-align:center;text-transform:uppercase;font-size:var(--fs-sm);font-weight:900;letter-spacing:1px;color:#fff;background:var(--ro-blue-2);border-radius:6px;padding:3px 8px;line-height:1.2;box-shadow:0 2px 6px #24418e40}@supports (text-box: trim-both cap alphabetic){.sp-tag{text-box:trim-both cap alphabetic;padding:5px 8px}}.sp-tag.light{color:var(--ro-blue-3);background:#fff}.sp-card{width:100%;animation:sp-in .6s .12s cubic-bezier(.2,1.2,.4,1) both;box-shadow:0 18px 50px #24418e59,0 2px #fff inset}.sp-card .ro-title{font-size:var(--fs-xl);padding:12px 16px}.sp-card{display:flex;flex-direction:column;max-height:calc(100dvh - 48px)}.sp-card .ro-body{display:flex;flex-direction:column;gap:10px;padding:16px;overflow-y:auto;scrollbar-gutter:stable both-edges}.sp-feat{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;background:var(--ro-panel-2);border:1px solid var(--ro-line);font-size:var(--fs-lg);line-height:1.3}.sp-feat img{width:28px;height:28px;flex:none;image-rendering:pixelated;object-fit:contain}#sp-play{position:relative;overflow:hidden}#sp-play .sp-fill{position:absolute;inset:0 auto 0 0;width:0;background:#ffffff47;transition:width .2s}#sp-play.ready .sp-fill{display:none}#sp-play span{position:relative}#sp-play:disabled{opacity:.85;filter:none}#sp-play.ready.maint{filter:grayscale(.7);opacity:.7;cursor:not-allowed}.sp-status{color:var(--ro-muted);font-size:var(--fs-sm);text-align:center}.sp-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:4px;border-radius:12px;background:var(--ro-panel-2);border:1px solid var(--ro-line)}.sp-tabs button{border:0;background:none;font:inherit;font-weight:800;font-size:var(--fs-lg);color:var(--ro-muted);padding:8px 6px;border-radius:9px;cursor:pointer}.sp-tabs button:hover:not(.active){color:var(--ro-blue-2)}.sp-tabs button.active{background:#fff;color:var(--ro-blue-3);box-shadow:0 1px 4px #24418e2e}.sp-pane{display:flex;flex-direction:column;gap:10px;animation:fade-in .18s ease-out}.sp-form{display:flex;flex-direction:column;gap:10px;margin:0;padding:0;border:0;min-width:0}.sp-form:disabled{opacity:.7;filter:grayscale(.4)}.sp-form:disabled .ro-btn:disabled,.sp-form:disabled input{opacity:1;filter:none;cursor:not-allowed}.sp-form:disabled input{background:var(--ro-panel)}.sp-field{display:flex;flex-direction:column;gap:4px;font-weight:800;font-size:var(--fs-md);color:var(--ro-text)}.sp-field input{font:inherit;font-size:var(--fs-lg);font-weight:700;color:var(--ro-text);-webkit-user-select:text;user-select:text;padding:9px 12px;border-radius:10px;border:1px solid var(--ro-slot-border);background:#fff;outline:none}.sp-field input:focus{border-color:var(--ro-blue-1);box-shadow:0 0 0 3px #6f8fd840}.sp-check{display:flex;align-items:center;gap:8px;font-size:var(--fs-md);cursor:pointer}.sp-check input{width:16px;height:16px;accent-color:var(--ro-blue-2)}.sp-submit{padding:12px 18px;font-size:var(--fs-xl);border-radius:12px}.sp-error{min-height:0;color:var(--boss);font-size:var(--fs-md);font-weight:800}.sp-error:empty{display:none}.sp-note{color:var(--ro-muted);font-size:var(--fs-sm);text-align:center}.sp-maint{display:flex;flex-direction:column;gap:2px;padding:9px 12px;border-radius:10px;background:var(--ro-panel-2);border:1px solid var(--ro-line);border-left:4px solid var(--ro-blue-1)}.sp-maint-when{color:var(--ro-blue-3);font-size:var(--fs-lg);font-weight:900}.sp-maint-left{color:var(--ro-muted);font-size:var(--fs-md);font-weight:700;font-variant-numeric:tabular-nums}#splash.sp-maint-on .sp-tabs,#splash.sp-maint-on [data-sp-pane]{display:none}.sp-maint.maintenance{align-items:center;gap:6px;padding:18px 16px 16px;text-align:center;border-left-width:1px;background:linear-gradient(180deg,#fff,var(--ro-panel-2))}.sp-maint-art{width:96px;height:96px;border-radius:50%;display:grid;place-items:center;margin-bottom:4px;background:radial-gradient(circle at 50% 40%,#fff,#dfe7f8 70%);border:1px solid var(--ro-line);box-shadow:0 6px 18px #24418e26 inset,0 2px #fff}.sp-maint-art canvas{width:96px;height:96px;image-rendering:pixelated}.sp-maint-title{color:var(--ro-blue-3);font-size:var(--fs-xl);font-weight:900}.sp-maint-text{margin:0;max-width:300px;color:var(--ro-muted);font-size:var(--fs-lg);font-weight:700;line-height:1.4}.sp-maint-dots{display:flex;gap:6px;margin-top:6px}.sp-maint-dots i{width:7px;height:7px;border-radius:50%;background:var(--ro-blue-1);animation:sp-maint-dot 1.2s ease-in-out infinite}.sp-maint-retry{align-self:stretch;margin-top:10px}.sp-maint-dots i:nth-child(2){animation-delay:.2s}.sp-maint-dots i:nth-child(3){animation-delay:.4s}@keyframes sp-maint-dot{0%,80%,to{opacity:.25;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.sp-soon{color:var(--ro-blue-3);font-size:var(--fs-md);font-weight:800;text-align:center;background:#fff7d1;border:1px solid #f1d57a;border-radius:10px;padding:8px 10px}.sp-top{position:fixed;z-index:35;top:max(14px,env(safe-area-inset-top));right:max(14px,env(safe-area-inset-right));display:flex;align-items:center;gap:8px}.sp-lang{position:relative}body:not(.sp-on) .sp-top{display:none}.sp-foot .sp-links{display:none}@media(max-width:820px){body:has(#charcreate:not(.hidden)) .sp-top{display:none}.sp-top .sp-top-links{display:none}.sp-foot .sp-links{display:flex}}.sp-top .sp-top-links a,.sp-top .sp-lang-btn{height:30px;padding-top:0;padding-bottom:0}.sp-top .sp-top-links a{padding-left:12px;padding-right:12px}.sp-lang-btn{display:flex;align-items:center;gap:6px;border:0;cursor:pointer;font:inherit;font-weight:900;font-size:var(--fs-md);color:var(--ro-blue-3);padding:6px 12px;border-radius:999px;background:#ffffffe6;box-shadow:0 2px 8px #24418e33}.sp-lang-btn:hover{background:#fff}.sp-caret{width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid var(--ro-blue-2);transition:transform .15s}.sp-lang-btn[aria-expanded=true] .sp-caret{transform:rotate(180deg)}.sp-lang-list{position:absolute;top:calc(100% + 6px);right:0;min-width:160px;margin:0;padding:4px;list-style:none;background:#fff;border:1px solid var(--ro-line);border-radius:12px;box-shadow:0 10px 28px #24418e40;max-height:60vh;overflow-y:auto;animation:fade-in .12s ease-out}.sp-lang-list li{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 10px;border-radius:8px;font-weight:800;font-size:var(--fs-lg);color:var(--ro-text);cursor:pointer}.sp-lang-list li small{font-size:var(--fs-sm);font-weight:900;color:var(--ro-muted)}.sp-lang-list li:hover,.sp-lang-list li:focus{background:var(--ro-panel-2);outline:none}.sp-lang-list li[aria-selected=true]{color:var(--ro-blue-3);background:#e3eafa}.sp-foot{position:absolute;left:0;right:0;bottom:max(10px,env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:center;gap:8px;padding:0 16px;text-align:center}.sp-links{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.sp-links a{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:999px;font-weight:900;font-size:var(--fs-md);text-decoration:none;color:#fff;box-shadow:0 3px #0000002e}.sp-links a.coffee{background:linear-gradient(#fd5,#ffc21a);color:#4a3200}.sp-links a.x{background:linear-gradient(#2b2f36,#0f1115)}.sp-links a.discord{background:linear-gradient(#7884ff,#5865f2)}.sp-links a.off{filter:grayscale(.8);opacity:.6;cursor:default;pointer-events:none}.sp-links a small{font-size:var(--fs-xs);font-weight:800;opacity:.85}.sp-legal{max-width:860px;margin:0;font-size:var(--fs-xs);line-height:1.45;color:var(--ro-text);background:#ffffffb8;padding:6px 12px;border-radius:8px}.sp-meta{margin:-4px 0 0;font-size:var(--fs-sm);font-weight:700;color:var(--ro-text);background:#ffffffb8;padding:4px 12px;border-radius:8px}.sp-meta a{color:var(--ro-blue-2);font-weight:900;text-decoration:none}.sp-meta a:hover{text-decoration:underline}@keyframes sp-in{0%{opacity:0;transform:translateY(16px) scale(.97)}}@media(max-width:820px),(max-height:560px)and (max-width:1100px){#splash{grid-template-columns:1fr;align-content:center;gap:14px;padding-bottom:104px}.sp-card{max-height:calc(100dvh - 280px)}.sp-meta{font-size:var(--fs-xs);padding:4px 8px}.sp-meta a{white-space:nowrap}.sp-tags{display:none}.sp-logo{gap:6px}.sp-links{gap:6px;flex-wrap:nowrap}.sp-links a{padding:6px 10px;font-size:var(--fs-sm);gap:4px;white-space:nowrap}.sp-card{justify-self:center;max-width:420px}.sp-feat{font-size:var(--fs-md);padding:8px 10px}.sp-tabs button{font-size:var(--fs-md);white-space:nowrap;padding:8px 4px}.sp-legal{display:none}}@media(max-width:420px){.sp-links a small{display:none}}@media(max-height:560px)and (max-width:1100px){#splash{grid-template-columns:1fr 1fr;padding-bottom:60px}.sp-feat:nth-of-type(n+2),.sp-status{display:none}.sp-card{max-height:calc(100dvh - 76px)}.sp-card .ro-title{padding:8px 14px;font-size:var(--fs-lg)}.sp-card .ro-body{padding:10px 12px;gap:8px}}@media(prefers-reduced-motion:reduce){.sp-bg,.sp-motes i{animation:none}}#profile-bar{position:absolute;left:max(12px,env(safe-area-inset-left));top:max(12px,env(safe-area-inset-top));width:360px;display:flex;align-items:center}#pb-portrait{position:relative;z-index:1;flex:none;width:78px;height:78px;padding:0;border-radius:50%;cursor:pointer;background:radial-gradient(circle at 50% 35%,#fff,#dfe7f8 55%,#b3c6ec);border:2px solid var(--ro-blue-1);box-shadow:0 0 0 2px #fff,0 3px 8px #0006,inset 0 -6px 12px #3a559a40}#pb-portrait canvas{display:block;width:100%;height:100%;border-radius:50%;image-rendering:pixelated}#pb-portrait:hover{filter:brightness(1.05)}.pb-edit{position:absolute;left:50%;bottom:-7px;transform:translate(-50%);white-space:nowrap;padding:0 8px;border-radius:9px;font-size:var(--fs-sm);font-weight:900;line-height:16px;color:#fff;background:linear-gradient(#8fb0ee,#4d6fbf);border:1px solid #2f4a8a;text-shadow:1px 1px 0 #1d2d57;box-shadow:0 0 0 1px #fff,0 2px 4px #00000059}.pb-panel{flex:1;min-width:0;margin-left:-39px;padding:0 8px 7px 47px;border-radius:0 12px 12px 0;overflow:hidden;background:var(--hud-panel);border:1px solid var(--ro-border);border-left:none;box-shadow:var(--hud-shadow)}.pb-name{margin:0 -8px 0 -47px;padding:2px 10px 2px 47px;background:var(--ro-title);border-bottom:1px solid #2f4a8a;color:#fff;font-weight:800;font-size:var(--fs-md);text-shadow:1px 1px 0 #1d2d57;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pb-name small{color:#e3ecff;font-size:var(--fs-sm);font-weight:700}.pb-ach{display:flex;align-items:center;gap:5px;margin-top:5px;color:var(--ro-blue-2);font-size:var(--fs-xs);font-weight:900;text-transform:uppercase}.pb-ach .bar{height:8px}.pb-ach span:last-child{min-width:36px;text-align:right;color:var(--ro-text);font-variant-numeric:tabular-nums;text-transform:none}.pb-row{display:flex;align-items:center;gap:6px;margin-top:5px}.pb-kafra{font-size:var(--fs-sm);font-weight:800;color:var(--ro-text);white-space:nowrap}.pb-kafra b{color:var(--ro-blue-3);font-weight:900}#profile-bar .ro-btn.small{margin:0;padding:3px 10px}.pb-window{width:min(340px,calc(100vw - 24px))}.pb-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.pb-grid .pb-tile{width:calc((100% - 16px) / 3)}.pb-tile{aspect-ratio:1;padding:0;border-radius:50%;cursor:pointer;overflow:hidden;border:2px solid var(--ro-line);background:radial-gradient(circle at 50% 40%,#fff,#e6edfb 70%,#d0dcf4);transition:transform .12s,border-color .12s}.pb-tile canvas{width:100%;height:100%;display:block;image-rendering:pixelated}.pb-tile:hover{transform:translateY(-2px);border-color:var(--ro-blue-1)}.pb-tile.active{border-color:var(--ro-blue-2);box-shadow:0 0 0 3px #6f8fd859}@media(max-width:820px),(max-height:560px)and (max-width:1100px){#charselect .brand{order:-2}#profile-bar{position:static;order:-1;flex:none;margin:0 0 10px;align-self:center;width:min(780px,calc((100vw - 32px) / var(--ui)))}}#legal-popup{z-index:40}.legal-window{width:min(760px,calc(100vw - 24px))}#legal-body{padding:4px 20px 18px;font-size:var(--fs-lg);line-height:1.55;color:var(--ro-text);scrollbar-gutter:stable;-webkit-user-select:text;user-select:text}#legal-body .lead{margin:14px 0 4px}#legal-body .summary{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:8px;margin:12px 0 4px;padding:0;list-style:none}#legal-body .summary li{margin:0;padding:8px 10px;border-radius:10px;background:#fff;border:1px solid var(--ro-line);font-size:var(--fs-md);line-height:1.4}#legal-body .summary b{display:block;color:var(--ro-blue-3)}#legal-body .part{margin:24px 0 0;padding-top:8px;border-top:2px solid var(--ro-line);font-size:var(--fs-sm);font-weight:900;letter-spacing:1px;text-transform:uppercase;color:var(--ro-muted)}#legal-body h2{margin:16px 0 6px;font-size:var(--fs-xl);font-weight:900;color:var(--ro-blue-3)}#legal-body h3{margin:12px 0 4px;font-size:var(--fs-lg);font-weight:900;color:var(--ro-blue-2)}#legal-body p,#legal-body ul{margin:6px 0}#legal-body ul{padding-left:20px}#legal-body li{margin:3px 0}#legal-body a{color:var(--ro-blue-2);font-weight:800}#legal-body dl.card{display:grid;grid-template-columns:max-content 1fr;gap:6px 14px;margin:6px 0;padding:10px 12px;border-radius:10px;background:var(--ro-panel-2);border:1px solid var(--ro-line)}#legal-body dl.card dt{font-weight:900;color:var(--ro-blue-3)}#legal-body dl.card dd{margin:0}#legal-body .box{background:var(--ro-panel-2);border:1px solid var(--ro-line);border-radius:10px;padding:8px 12px;margin:10px 0}#legal-body .muted{color:var(--ro-muted);font-size:var(--fs-sm)}.legal-open{font-size:var(--fs-md);font-weight:800;color:var(--ro-blue-2);text-decoration:none}.legal-open:hover{text-decoration:underline}@media(max-width:560px){#legal-body{padding:2px 12px 14px;font-size:var(--fs-md)}#legal-body dl.card{grid-template-columns:1fr;gap:2px}#legal-body dl.card dd{margin-bottom:6px}}.sp-news-btn{position:relative;height:30px;padding:0 12px;border:0;border-radius:999px;cursor:pointer;font:inherit;font-weight:900;font-size:var(--fs-md);color:var(--ro-blue-3);background:#ffffffe6;box-shadow:0 2px 8px #24418e33}.sp-news-btn:hover{background:#fff}.sp-news-btn.fresh:after{content:"";position:absolute;top:-2px;right:-2px;width:10px;height:10px;border-radius:50%;background:#e8463a;border:2px solid #fff;animation:sp-ping 1.4s ease-in-out infinite}@keyframes sp-ping{50%{transform:scale(1.25)}}#news-popup{z-index:40}.news-window{width:min(680px,calc(100vw - 24px))}#news-body{padding:4px 20px 18px;font-size:var(--fs-lg);line-height:1.5;color:var(--ro-text);scrollbar-gutter:stable;-webkit-user-select:text;user-select:text}#news-body h2{margin:14px 0 6px;padding:6px 12px;border-radius:10px;font-size:var(--fs-xl);font-weight:900;color:#fff;background:var(--ro-title);text-shadow:1px 1px 0 #1d2d57}#news-body h3{margin:14px 0 4px;font-size:var(--fs-lg);font-weight:900;color:var(--ro-blue-2)}#news-body ul{margin:4px 0;padding-left:20px}#news-body li{margin:4px 0}#news-body code{font-size:.92em;padding:0 4px;border-radius:4px;background:var(--ro-panel-2)}@media(max-width:560px){#news-body{padding:2px 12px 14px;font-size:var(--fs-md)}}.news-tabs{display:flex;gap:4px;padding:8px 12px 0;overflow-x:auto;scrollbar-width:thin;border-bottom:1px solid var(--ro-line);background:var(--ro-panel-2);flex:none}.news-tabs button{flex:none;padding:6px 14px;border:1px solid transparent;border-bottom:none;border-radius:9px 9px 0 0;cursor:pointer;font:inherit;font-weight:900;font-size:var(--fs-md);color:var(--ro-muted);background:none;white-space:nowrap}.news-tabs button:hover:not(.active){color:var(--ro-blue-2)}.news-tabs button.active{color:var(--ro-blue-3);background:#fff;border-color:var(--ro-line);margin-bottom:-1px}#news-body p{margin:6px 0}.news-empty{color:var(--ro-muted);text-align:center;padding:24px 0}