@font-face{font-family:Cinzel;font-style:normal;font-display:swap;font-weight:600;src:url(./cinzel-latin-ext-600-normal-BEFdM_VE.woff2) format("woff2"),url(./cinzel-latin-ext-600-normal-BY9Mq9iK.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Cinzel;font-style:normal;font-display:swap;font-weight:600;src:url(./cinzel-latin-600-normal-Dd5YO2UX.woff2) format("woff2"),url(./cinzel-latin-600-normal-CH_LB4su.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Cinzel;font-style:normal;font-display:swap;font-weight:700;src:url(./cinzel-latin-ext-700-normal-C24KFjuG.woff2) format("woff2"),url(./cinzel-latin-ext-700-normal-CORa-yIv.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Cinzel;font-style:normal;font-display:swap;font-weight:700;src:url(./cinzel-latin-700-normal-Dkw14w9r.woff2) format("woff2"),url(./cinzel-latin-700-normal-C-gK7hA8.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Cinzel;font-style:normal;font-display:swap;font-weight:900;src:url(./cinzel-latin-ext-900-normal-CWXxiu5r.woff2) format("woff2"),url(./cinzel-latin-ext-900-normal-BlZZvP7K.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Cinzel;font-style:normal;font-display:swap;font-weight:900;src:url(./cinzel-latin-900-normal-BI3z7Tow.woff2) format("woff2"),url(./cinzel-latin-900-normal-t_fSDEbn.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(./inter-cyrillic-ext-400-normal-BQZuk6qB.woff2) format("woff2"),url(./inter-cyrillic-ext-400-normal-DQukG94-.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(./inter-cyrillic-400-normal-obahsSVq.woff2) format("woff2"),url(./inter-cyrillic-400-normal-HOLc17fK.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(./inter-greek-ext-400-normal-DGGRlc-M.woff2) format("woff2"),url(./inter-greek-ext-400-normal-KugGGMne.woff) format("woff");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(./inter-greek-400-normal-B4URO6DV.woff2) format("woff2"),url(./inter-greek-400-normal-q2sYcFCs.woff) format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(./inter-vietnamese-400-normal-DMkecbls.woff2) format("woff2"),url(./inter-vietnamese-400-normal-Bbgyi5SW.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(./inter-latin-ext-400-normal-C1nco2VV.woff2) format("woff2"),url(./inter-latin-ext-400-normal-77YHD8bZ.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(./inter-latin-400-normal-C38fXH4l.woff2) format("woff2"),url(./inter-latin-400-normal-CyCys3Eg.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(./inter-cyrillic-ext-600-normal-Dfes3d0z.woff2) format("woff2"),url(./inter-cyrillic-ext-600-normal-Bcila6Z-.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(./inter-cyrillic-600-normal-CWCymEST.woff2) format("woff2"),url(./inter-cyrillic-600-normal-4D_pXhcN.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(./inter-greek-ext-600-normal-DRtmH8MT.woff2) format("woff2"),url(./inter-greek-ext-600-normal-B8X0CLgF.woff) format("woff");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(./inter-greek-600-normal-plRanbMR.woff2) format("woff2"),url(./inter-greek-600-normal-BZpKdvQh.woff) format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(./inter-vietnamese-600-normal-Cc8MFFhd.woff2) format("woff2"),url(./inter-vietnamese-600-normal-BuLX-rYi.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(./inter-latin-ext-600-normal-D2bJ5OIk.woff2) format("woff2"),url(./inter-latin-ext-600-normal-CIVaiw4L.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(./inter-latin-600-normal-LgqL8muc.woff2) format("woff2"),url(./inter-latin-600-normal-CiBQ2DWP.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg-0: #05060d;--bg-1: #0b0f1f;--bg-2: #121833;--panel: linear-gradient(180deg, rgba(18, 23, 44, .97), rgba(9, 11, 23, .97));--gold: #d6b06a;--gold-bright: #f3d898;--gold-dim: rgba(214, 176, 106, .45);--gold-faint: rgba(214, 176, 106, .18);--blue: #5aa8ff;--blue-deep: #1f4fa8;--violet: #9b6cff;--text: #e6e4f0;--text-dim: #9a9cb8;--text-faint: #6a6d8a;--hp: #e0344a;--xp: #3f8cff;--danger: #ff4f5e;--rift-core: #f2e4ff;--rift-glow: #9b5cff;--rift-edge: #4ab0ff;--heading: "Cinzel", "Trajan Pro", Georgia, "Times New Roman", serif;--body: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--r-common: #c9ccd6;--r-uncommon: #5fe08a;--r-rare: #4fa6ff;--r-epic: #b66dff;--r-legendary: #ffa13d;--r-mythic: #ff4f7b}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--bg-0);color:var(--text);font-family:var(--body);font-size:15px;-webkit-font-smoothing:antialiased;user-select:none}button{font:inherit;color:inherit}#app{position:fixed;inset:0}#game-canvas{position:absolute;inset:0;display:block;width:100%;height:100%}#ui-root{position:absolute;inset:0;pointer-events:none}#boot-screen{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;font-family:var(--heading);letter-spacing:.3em;color:var(--gold);background:var(--bg-0);transition:opacity .6s}.rift-tear{width:26px;height:150px;filter:drop-shadow(0 0 8px var(--rift-glow)) drop-shadow(0 0 22px var(--rift-edge));animation:rift-breathe 2.6s ease-in-out infinite}.rift-tear i{display:block;width:100%;height:100%;background:linear-gradient(90deg,transparent 4%,var(--rift-glow) 30%,var(--rift-core) 50%,var(--rift-glow) 70%,transparent 96%);clip-path:polygon(50% 0%,60% 13%,54% 25%,68% 39%,58% 53%,66% 68%,55% 83%,50% 100%,45% 85%,34% 71%,43% 57%,32% 43%,46% 29%,38% 15%)}@keyframes rift-breathe{0%,to{transform:scaleX(.75);opacity:.85}50%{transform:scaleX(1.15);opacity:1}}@media(prefers-reduced-motion:reduce){.rift-tear{animation:none}}.screen{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .25s ease,visibility 0s linear .25s}.screen.is-open{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .25s ease,visibility 0s}.screen.passthrough.is-open{pointer-events:none}.screen.passthrough.is-open .interactive{pointer-events:auto}.backdrop{background:radial-gradient(ellipse at center,#080a188c,#03040ad9);backdrop-filter:blur(2px)}.center{display:grid;place-items:center}.panel{position:relative;background:var(--panel);border:1px solid var(--gold-dim);border-radius:6px;box-shadow:0 0 0 1px #000000b3,0 24px 70px #000000a6,inset 0 0 50px #506edc0f}.panel.ornate:before,.panel.ornate:after{content:"";position:absolute;left:50%;width:12px;height:12px;background:linear-gradient(135deg,var(--gold-bright),#8a6a2c);transform:translate(-50%) rotate(45deg);box-shadow:0 0 10px #f3d89880}.panel.ornate:before{top:-7px}.panel.ornate:after{bottom:-7px}.panel-title{font-family:var(--heading);font-weight:700;letter-spacing:.12em;color:var(--gold-bright);text-transform:uppercase;text-align:center;text-shadow:0 0 18px rgba(243,216,152,.35);margin:0}.title-flourish{display:flex;align-items:center;gap:14px;justify-content:center}.title-flourish:before,.title-flourish:after{content:"";height:1px;width:60px;background:linear-gradient(90deg,transparent,var(--gold))}.title-flourish:after{transform:scaleX(-1)}.subtle{color:var(--text-dim);font-size:13px}.btn{position:relative;cursor:pointer;padding:10px 22px;font-family:var(--heading);font-weight:600;letter-spacing:.08em;font-size:15px;color:var(--text);background:linear-gradient(180deg,#1c2443,#121830);border:1px solid rgba(214,176,106,.35);border-radius:4px;transition:transform .12s,border-color .15s,box-shadow .15s,background .15s,color .15s}.btn:hover:not(:disabled){border-color:var(--gold);color:#fff;box-shadow:0 0 16px #5aa8ff40,inset 0 0 12px #5aa8ff26}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.btn.primary{background:linear-gradient(180deg,#2f6ad8,#1a3f8f);border-color:#a0c8ffb3;color:#fff;box-shadow:0 0 18px #3f8cff59,inset 0 1px #ffffff40}.btn.primary:hover:not(:disabled){background:linear-gradient(180deg,#3a7af0,#2050a8);box-shadow:0 0 26px #3f8cff8c}.btn.danger{border-color:#ff4f5e8c}.btn.danger:hover:not(:disabled){border-color:var(--danger);box-shadow:0 0 16px #ff4f5e4d}.btn.small{padding:6px 12px;font-size:12px}.btn.wide{width:100%}.icon-btn{cursor:pointer;width:32px;height:32px;display:grid;place-items:center;border:1px solid var(--gold-faint);border-radius:4px;background:#0000004d;color:var(--text-dim);font-size:18px;line-height:1}.icon-btn:hover{color:#fff;border-color:var(--gold)}kbd{display:inline-block;min-width:20px;padding:1px 6px;text-align:center;font-family:var(--body);font-size:11px;font-weight:600;color:var(--gold-bright);border:1px solid var(--gold-dim);border-bottom-width:2px;border-radius:3px;background:#0006}#main-menu{background:linear-gradient(90deg,#03040cd9,#03040c80 30%,#03040c00 55%),linear-gradient(0deg,#03040cb3,#03040c00 25%)}.menu-left{position:absolute;left:6vw;top:0;bottom:48px;display:flex;flex-direction:column;justify-content:center;gap:22px;width:min(420px,40vw)}.logo-block{width:max-content;display:grid;justify-items:center}.logo-crest{width:34px;height:34px;margin-bottom:-4px;transform:rotate(45deg);border:2px solid var(--gold-bright);background:radial-gradient(circle,#c9a2ff,#6a3cd8 45%,#160a32 80%);box-shadow:0 0 0 3px #06040ee6,0 0 0 4px #d6b06a8c,0 0 26px #966effd9;display:grid;place-items:center}.logo-crest span{width:8px;height:8px;background:#fff;box-shadow:0 0 10px #fff,0 0 18px #b48cff}.logo{font-family:var(--heading);font-weight:900;font-size:clamp(44px,5.6vw,86px);letter-spacing:.04em;line-height:1.05;margin:0;white-space:nowrap;padding:0 .08em;background:linear-gradient(180deg,#fffbe9,#f6dfa2 32%,#d9a94c 62%,#9a6f26 88%,#5e4012);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 20px rgba(140,100,255,.55)) drop-shadow(0 2px 0 rgba(30,18,4,.95));animation:logo-glow 4s ease-in-out infinite}@keyframes logo-glow{0%,to{filter:drop-shadow(0 0 16px rgba(140,100,255,.45)) drop-shadow(0 2px 0 rgba(30,18,4,.95))}50%{filter:drop-shadow(0 0 30px rgba(170,120,255,.8)) drop-shadow(0 2px 0 rgba(30,18,4,.95))}}@media(prefers-reduced-motion:reduce){.logo{animation:none}}.logo-sub{font-family:var(--heading);letter-spacing:.5em;font-size:12px;color:var(--gold);margin-top:8px;text-transform:uppercase}.menu-buttons{display:flex;flex-direction:column;gap:12px}#main-menu.is-open .logo-block{animation:menu-in .7s ease-out backwards}#main-menu.is-open .menu-buttons>*{animation:menu-in .5s ease-out backwards}#main-menu.is-open .menu-buttons>:nth-child(1){animation-delay:.15s}#main-menu.is-open .menu-buttons>:nth-child(2){animation-delay:.25s}#main-menu.is-open .menu-buttons>:nth-child(3){animation-delay:.35s}#main-menu.is-open .profile-card{animation:menu-in .5s ease-out .45s backwards}@keyframes menu-in{0%{opacity:0;transform:translate(-14px)}}@media(prefers-reduced-motion:reduce){#main-menu.is-open .logo-block,#main-menu.is-open .menu-buttons>*,#main-menu.is-open .profile-card{animation:none}}.menu-group{display:flex;flex-direction:column;gap:4px}.menu-btn{cursor:pointer;text-align:left;display:flex;flex-direction:column;gap:2px;padding:9px 20px;font-family:var(--heading);font-weight:600;font-size:15px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim);background:linear-gradient(90deg,#141a32cc,#141a3200);border:none;border-left:2px solid rgba(214,176,106,.3);transition:color .15s,background .2s,border-color .15s,padding-left .2s}.menu-btn:hover,.menu-btn:focus-visible{outline:none;color:#fff;padding-left:28px;border-left-color:var(--gold);background:linear-gradient(90deg,#2f6ad8bf,#2f6ad800);text-shadow:0 0 12px rgba(150,200,255,.6)}.menu-btn.play{padding:15px 22px;font-size:22px;letter-spacing:.2em;color:#fff;border-left:3px solid var(--gold-bright);background:linear-gradient(90deg,#2f6ad8b3,#4c2eaa59 60%,#2f6ad800);box-shadow:inset 0 1px #ffffff14}.menu-btn.play:hover,.menu-btn.play:focus-visible{padding-left:30px}.menu-btn-hint{font-family:var(--body, inherit);font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:none;color:#d6b06ad9}.profile-card{padding:12px 16px;display:grid;gap:8px;width:100%}.profile-row{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:13px;color:var(--text-dim)}.profile-row strong{color:var(--text);font-weight:600}.profile-grid-mini{display:grid;grid-template-columns:auto 1fr;gap:3px 14px;font-size:13px;color:var(--text-dim)}.profile-grid-mini strong{color:var(--text);font-weight:600;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rank-bar{height:5px;background:#00000080;border-radius:3px;overflow:hidden;border:1px solid rgba(255,255,255,.06)}.rank-bar>div{height:100%;width:0;background:linear-gradient(90deg,#8a5cff,#5aa8ff);transition:width .4s}.menu-footer{position:absolute;left:20px;right:24px;bottom:14px;display:flex;justify-content:space-between;align-items:center;gap:16px;pointer-events:none}.version-label{font-size:12px;color:var(--text-faint);letter-spacing:.08em}.menu-tagline{font-family:var(--heading);font-size:11px;letter-spacing:.5em;text-transform:uppercase;color:#d6b06a99;text-align:right}@media(max-height:700px){.menu-left{gap:14px}.logo-crest{display:none}.menu-btn{padding:7px 18px;font-size:14px}.menu-btn.play{padding:11px 20px;font-size:19px}.profile-grid-mini span:nth-of-type(n+4),.profile-grid-mini strong:nth-of-type(n+4){display:none}}.modal{padding:28px 32px;width:min(520px,92vw);max-height:88vh;overflow:auto}.modal h2{font-size:24px;margin-bottom:20px}.modal-actions{display:flex;gap:10px;justify-content:center;margin-top:22px;flex-wrap:wrap}.credits-panel{width:min(560px,94vw)}.credits-body{display:grid;gap:6px;text-align:left}.credits-body .col-title{margin:12px 0 2px}.credit-row{display:flex;justify-content:space-between;gap:18px;font-size:13px;color:var(--text-dim);border-bottom:1px solid rgba(255,255,255,.04);padding-bottom:4px}.credit-row span:last-child{color:var(--text);text-align:right}.confirm-details{max-height:180px;overflow:auto;margin:10px 0 0;padding:8px 12px 8px 28px;background:#0000004d;border:1px solid rgba(214,176,106,.18);border-radius:4px;text-align:left;font-size:13px;line-height:1.6}.modal p{line-height:1.55;color:var(--text-dim)}.close-x{position:absolute;top:12px;right:12px}.pause-panel{width:min(400px,94vw);padding:30px 30px 22px;display:grid;grid-template-columns:minmax(0,1fr);gap:12px}.pause-panel .panel-title{font-size:30px;margin-bottom:2px}.pause-info{text-align:center;font-size:13px;color:var(--text-dim);letter-spacing:.04em;margin-bottom:4px}.pause-resume{padding:13px 22px;font-size:17px;margin-bottom:4px}.pause-section{display:grid;gap:7px}.pause-section-title{margin:4px 0 0;display:flex;align-items:center;gap:10px;font-family:var(--heading);font-size:11px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);opacity:.85}.pause-section-title:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,rgba(214,176,106,.35),transparent)}.pause-section-buttons{display:grid;gap:7px}.pause-section-buttons.two{grid-template-columns:1fr 1fr}.pause-section-buttons.two .btn:last-child:nth-child(odd){grid-column:1 / -1}.pause-section .btn{padding:9px 12px;font-size:14px}.pause-more{display:none;padding:7px;border-radius:4px;background:#00000040;border:1px solid rgba(214,176,106,.15)}.pause-more.open{display:grid}.pause-more-toggle{color:var(--text-dim)}.pause-note{text-align:center;margin-top:4px;font-size:12px}@media(max-height:640px){.pause-panel{padding:22px 24px 14px;gap:8px}.pause-panel .panel-title{font-size:24px}.pause-resume{padding:9px 18px;font-size:15px}.pause-section{gap:5px}.pause-section .btn{padding:6px 10px;font-size:13px}.pause-note{display:none}}.pause-emblem{width:46px;height:46px;margin:-52px auto 4px;display:grid;place-items:center;border:1px solid var(--gold);background:var(--bg-1);transform:rotate(45deg);box-shadow:0 0 20px #5aa8ff59}.pause-emblem span{transform:rotate(-45deg);color:var(--blue);font-size:20px;text-shadow:0 0 10px var(--blue)}.setting{display:grid;grid-template-columns:1fr 190px;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid rgba(255,255,255,.05)}.setting label{font-size:14px}.setting .hint{display:block;font-size:12px;color:var(--text-faint);margin-top:2px}.setting input[type=range]{width:100%;accent-color:var(--blue);cursor:pointer}.setting a.btn{justify-self:end;text-decoration:none;text-align:center}.setting-language{grid-template-columns:1fr}.setting-language select{width:100%}.hl-xp{color:#5fc8ff}.hl-danger{color:#ff8a6a}.segmented{display:flex;border:1px solid var(--gold-faint);border-radius:4px;overflow:hidden}.segmented button{flex:1;cursor:pointer;padding:6px 0;font-size:12px;border:none;background:#0000004d;color:var(--text-dim)}.segmented button.active{background:linear-gradient(180deg,#2f6ad8,#1a3f8f);color:#fff}.toggle{justify-self:end;width:46px;height:24px;border-radius:12px;border:1px solid var(--gold-faint);background:#0006;position:relative;cursor:pointer}.toggle:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:var(--text-faint);transition:transform .15s,background .15s}.toggle.on{background:#2f6ad899;border-color:var(--blue)}.toggle.on:after{transform:translate(22px);background:#fff}.danger-zone{margin-top:18px;padding:14px;border:1px solid rgba(255,79,94,.3);border-radius:4px;background:#ff4f5e0d;display:flex;align-items:center;justify-content:space-between;gap:12px}.danger-zone p{margin:0;font-size:12px}.howto-grid{display:grid;grid-template-columns:auto 1fr;gap:10px 16px;align-items:center;font-size:14px}.howto-grid div:nth-child(odd){text-align:right}#hud .hud-top-left,#town-hud .hud-top-left{position:absolute;top:16px;left:16px;display:grid;gap:8px;justify-items:start}.hud-chip{display:flex;align-items:center;gap:10px;padding:7px 14px;background:linear-gradient(180deg,#0e1224d9,#080a16d9);border:1px solid var(--gold-faint);border-radius:4px;font-size:13px}.hud-chip .label{color:var(--text-dim);font-size:11px;letter-spacing:.08em;text-transform:uppercase}.hud-chip .value{font-weight:700;color:var(--text)}.gold-icon{width:14px;height:14px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff2b0,#ffc94a 45%,#a0701a);box-shadow:0 0 8px #ffc94a99}.gold-value{color:#ffd36a!important}.wave-panel{position:absolute;top:16px;right:16px;min-width:230px;padding:12px 16px;background:linear-gradient(180deg,#0e1224e0,#080a16e0);border:1px solid var(--gold-faint);border-left:2px solid var(--gold);border-radius:4px}.wave-title{font-family:var(--heading);font-weight:700;font-size:18px;letter-spacing:.08em;color:var(--gold-bright)}.wave-obj{font-size:13px;color:var(--text);margin-top:6px;display:flex;align-items:center;gap:6px}.wave-obj:before{content:"›";color:var(--gold);font-weight:700}.wave-sub{font-size:12px;color:var(--text-dim);margin-top:4px}.boss-bar{position:absolute;top:18px;left:50%;transform:translate(-50%);width:min(560px,50vw);text-align:center;opacity:0;transition:opacity .4s}.boss-bar.visible{opacity:1}.boss-name{font-family:var(--heading);font-weight:700;letter-spacing:.15em;font-size:16px;color:#ffb27a;text-shadow:0 0 14px rgba(255,106,42,.6);margin-bottom:6px}.boss-track{height:14px;border:1px solid rgba(255,140,90,.6);background:#0a0404d9;border-radius:2px;overflow:hidden;box-shadow:0 0 16px #ff3c284d}.boss-fill{height:100%;width:100%;background:linear-gradient(180deg,#ff5a3a,#a01a1a);transition:width .15s;box-shadow:inset 0 1px #ffffff59}.action-bar{position:absolute;left:50%;bottom:14px;transform:translate(-50%);display:flex;align-items:flex-end;gap:14px}.orb{position:relative;width:96px;height:96px;border-radius:50%;border:3px solid #6a5430;background:#0a0606;overflow:hidden;box-shadow:0 0 0 2px #1a140a,0 0 0 4px #d6b06a80,0 8px 24px #000000b3,inset 0 0 20px #000000e6}.orb-fill{position:absolute;left:0;right:0;bottom:0;height:100%;transition:height .12s}.orb.hp .orb-fill{background:radial-gradient(circle at 40% 30%,#ff7a7a,#c8102e 45%,#4a0010)}.orb.xp .orb-fill{background:radial-gradient(circle at 40% 30%,#8ac4ff,#1f5fd8 45%,#0a1a5a)}.orb:after{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 35% 25%,#ffffff59,#fff0 40%)}.orb-text{position:absolute;inset:0;display:grid;place-items:center;text-align:center;z-index:1;font-weight:700;font-size:14px;text-shadow:0 1px 3px #000,0 0 6px #000;line-height:1.15}.orb-text small{display:block;font-size:10px;font-weight:600;color:#ffffffbf;letter-spacing:.1em}.orb.low{animation:orb-pulse .8s ease-in-out infinite}@keyframes orb-pulse{50%{box-shadow:0 0 0 2px #1a140a,0 0 0 4px #ff3c3ce6,0 0 30px #ff1e1e99}}.skill-row-wrap{display:grid;gap:6px;margin-bottom:6px;position:relative}.cast-hint{position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%,4px);padding:4px 12px;border-radius:3px;white-space:nowrap;pointer-events:none;font-size:13px;font-weight:600;color:#ffe2b0;background:#08060ee0;border:1px solid rgba(214,176,106,.4);opacity:0;transition:opacity .15s,transform .15s}.cast-hint.show{opacity:1;transform:translate(-50%)}.skill-row{display:flex;gap:6px;padding:7px;background:linear-gradient(180deg,#0e1224e6,#060810eb);border:1px solid var(--gold-dim);border-radius:4px}.slot{position:relative;width:50px;height:50px;border-radius:3px;border:1px solid rgba(214,176,106,.35);background:radial-gradient(circle at 50% 40%,#1a2040,#080a14);display:grid;place-items:center;overflow:hidden}.slot svg{width:86%;height:86%}.slot .key,.slot .stack{z-index:1}.slot .key{position:absolute;bottom:1px;right:3px;font-size:10px;font-weight:700;color:var(--gold-bright);text-shadow:0 1px 2px #000}.slot .stack{position:absolute;top:1px;right:3px;font-size:11px;font-weight:700;color:#fff;text-shadow:0 1px 2px #000}.slot .cooldown{position:absolute;inset:0;background:#000000a6;transform-origin:bottom;transform:scaleY(0)}.slot.upgrade svg{width:60%;height:60%}.slot.empty{opacity:.35}.xp-strip{height:6px;border-radius:3px;background:#000000b3;border:1px solid rgba(255,255,255,.07);overflow:hidden}.xp-strip>div{height:100%;width:0;background:linear-gradient(90deg,#2f6ad8,#7ab8ff);box-shadow:0 0 8px #3f8cff;transition:width .15s}.hud-hints{position:absolute;left:16px;bottom:16px;display:grid;gap:6px;font-size:12px;color:var(--text-dim);text-shadow:0 1px 3px rgba(0,0,0,.95),0 0 8px rgba(0,0,0,.7)}.hud-hints div{display:flex;align-items:center;gap:8px}.bag-alert{display:flex;align-items:center;gap:8px;padding:5px 10px;border-radius:3px;cursor:pointer;font:inherit;font-size:13px;font-weight:700;color:#ffd36a;background:#281806d9;border:1px solid rgba(255,190,90,.6);animation:bag-alert 1.6s ease-in-out infinite}@keyframes bag-alert{50%{box-shadow:0 0 14px #ffbe5a73}}@media(prefers-reduced-motion:reduce){.bag-alert{animation:none}}.banner{position:absolute;top:24%;left:0;right:0;text-align:center;pointer-events:none;opacity:0;transform:translateY(10px);transition:opacity .4s,transform .4s}.banner.show{opacity:1;transform:none}.banner-main{font-family:var(--heading);font-weight:900;font-size:clamp(34px,4.6vw,60px);letter-spacing:.14em;color:var(--gold-bright);text-shadow:0 0 30px rgba(243,216,152,.5),0 3px 0 rgba(0,0,0,.8)}.banner.boss .banner-main{color:#ff9a6a;text-shadow:0 0 36px rgba(255,80,40,.75),0 3px 0 rgba(0,0,0,.8)}.banner-sub{font-family:var(--heading);letter-spacing:.4em;font-size:14px;color:var(--text);margin-top:6px;text-transform:uppercase}.tutorial{position:absolute;bottom:140px;left:50%;transform:translate(-50%);padding:10px 18px;font-size:13px;color:var(--text);display:flex;gap:16px;align-items:center;background:#080a16d9;border:1px solid var(--gold-faint);border-radius:4px;transition:opacity .6s}.toasts{pointer-events:none;position:absolute;right:16px;top:140px;display:flex;flex-direction:column;gap:8px;align-items:flex-end;width:330px}.toast{display:flex;gap:10px;align-items:center;padding:8px 14px 8px 8px;width:100%;background:linear-gradient(90deg,#0e1224f2,#080a16eb);border:1px solid var(--gold-faint);border-left:3px solid var(--rc, var(--gold));border-radius:4px;font-size:13px;animation:toast-in .3s ease-out;transition:opacity .4s,transform .4s}.toast.out{opacity:0;transform:translate(30px)}.toast .slot{width:40px;height:40px;flex:none}.toast-title{font-weight:700;color:var(--rc, var(--text))}.toast-sub{font-size:12px;color:var(--text-dim)}@keyframes toast-in{0%{opacity:0;transform:translate(40px)}}.world-layer{position:absolute;inset:0;overflow:hidden;pointer-events:none}.wnum{position:absolute;left:0;top:0;white-space:nowrap;will-change:transform,opacity;font-weight:800;font-size:15px;color:#fff;text-shadow:0 2px 0 rgba(0,0,0,.85),0 0 6px rgba(0,0,0,.6)}.wnum-crit{color:#ffd36a;font-size:21px;text-shadow:0 2px 0 #4a2a00,0 0 12px rgba(255,170,40,.8)}.wnum-hurt{color:#ff5a6a;font-size:18px}.wnum-heal{color:#6effb0}.wnum-gold{color:#ffd36a;font-size:13px}.wlabel{position:absolute;left:0;top:0;padding:3px 10px;text-align:center;white-space:nowrap;background:#060810d1;border:1px solid var(--rc);border-radius:3px;box-shadow:0 0 14px color-mix(in srgb,var(--rc) 40%,transparent)}.wl-rarity{display:block;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--rc);opacity:.85}.wl-name{display:block;font-family:var(--heading);font-weight:700;font-size:13px;color:var(--rc)}.wlabel.claiming{visibility:hidden}.wlabel.waiting:after{content:"Bag full · B to make room";display:block;font-size:10px;font-weight:700;color:#ffd36a;letter-spacing:.04em}.rarity-common{--rc: var(--r-common)}.rarity-uncommon{--rc: var(--r-uncommon)}.rarity-rare{--rc: var(--r-rare)}.rarity-epic{--rc: var(--r-epic)}.rarity-legendary{--rc: var(--r-legendary)}.rarity-mythic{--rc: var(--r-mythic)}.choice-screen{background:radial-gradient(ellipse at 50% 46%,#060814d6,#03040af0 70%);backdrop-filter:blur(3px)}.choice-screen:focus{outline:none}#rift-event.choice-screen{background:radial-gradient(ellipse at 50% 46%,#140822d6,#03040af0 70%)}#ui-root:has(.choice-screen.is-open) #hud .banner,#ui-root:has(.choice-screen.is-open) #hud .tutorial{visibility:hidden}.levelup-wrap{display:grid;justify-items:center;gap:6px;padding:0 16px}.levelup-title{font-size:clamp(34px,4vw,52px)}.levelup-sub{font-size:14px;letter-spacing:.06em;color:var(--text-dim)}.choose-hint{margin-top:18px;font-size:12px;color:var(--text-faint);letter-spacing:.03em}.choose-hint kbd{font-size:11px}.levelup-cards,.event-cards{display:flex;gap:22px;margin-top:24px;flex-wrap:wrap;justify-content:center}.upgrade-card,.event-card{position:relative;cursor:pointer;font:inherit;color:inherit;text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px;border-radius:6px;transition:transform .18s,box-shadow .18s,border-color .18s;animation:card-in .4s ease-out backwards}.upgrade-card{width:214px;min-height:304px;padding:26px 18px 14px;background:linear-gradient(180deg,color-mix(in srgb,var(--cc) 14%,transparent),transparent 34%),linear-gradient(180deg,#14182efa,#080a14fa);border:1px solid #8a6a2c;box-shadow:0 0 0 1px #000,inset 0 0 0 3px #05060ce6,inset 0 0 0 4px #d6b06a47,0 16px 40px #0009}@keyframes card-in{0%{opacity:0;transform:translateY(24px) scale(.96)}}.upgrade-card:before,.upgrade-card:after{content:"";position:absolute;left:50%;width:12px;height:12px;transform:translate(-50%) rotate(45deg);background:linear-gradient(135deg,var(--gold-bright),#8a6a2c);box-shadow:0 0 8px #f3d89866}.upgrade-card:before{top:-7px}.upgrade-card:after{bottom:-7px}.upgrade-card:hover,.upgrade-card.kb-selected{outline:none;transform:translateY(-8px);border-color:var(--gold-bright);box-shadow:0 0 0 1px #000,inset 0 0 0 3px #05060ce6,inset 0 0 0 4px #f3d89899,0 0 34px color-mix(in srgb,var(--uc) 45%,transparent),0 22px 50px #000000b3}.upgrade-card:focus,.event-card:focus{outline:none}.upgrade-card.kb-selected:after{animation:kb-pulse 1.1s ease-in-out infinite}@keyframes kb-pulse{50%{box-shadow:0 0 16px #ffe6a0f2}}.upgrade-card.kb-selected .card-key kbd,.event-card.kb-selected .card-key kbd{color:#10131f;background:var(--gold-bright)}.card-cat{font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--cc, var(--gold))}.card-emblem{width:92px;height:92px;border-radius:50%;display:grid;place-items:center;flex:none;background:radial-gradient(circle at 50% 42%,color-mix(in srgb,var(--uc) 60%,#000),#05060c 72%);border:2px solid rgba(214,176,106,.65);box-shadow:0 0 0 4px #05060ce6,0 0 0 5px color-mix(in srgb,var(--cc) 55%,transparent),0 0 26px color-mix(in srgb,var(--uc) 55%,transparent),inset 0 0 18px #000c}.card-emblem svg{width:52px;height:52px;fill:#fff;stroke:#fff;filter:drop-shadow(0 0 8px var(--uc))}.card-name{font-family:var(--heading);font-weight:700;font-size:17px;color:var(--text);line-height:1.25}.card-desc{font-size:13px;color:var(--text-dim);line-height:1.45;flex:1}.upgrade-card .card-req{font-size:11px;color:#8fd8ff}.card-ribbon{position:absolute;top:9px;right:-6px;padding:2px 9px 2px 10px;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#06120c;background:#6effb0;clip-path:polygon(0 0,100% 0,100% 100%,0 100%,6px 50%);box-shadow:0 2px 6px #00000080}.card-foot{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;min-height:22px}.card-rank{display:flex;gap:5px}.card-rank .pip{width:9px;height:9px;transform:rotate(45deg);border:1px solid rgba(214,176,106,.55);background:#00000080}.card-rank .pip.on{background:var(--gold);border-color:var(--gold-bright)}.card-rank .pip.next{background:color-mix(in srgb,var(--uc) 70%,#fff);border-color:#fff;box-shadow:0 0 6px var(--uc)}.card-key{margin-left:auto}.card-key kbd{transition:background .15s,color .15s}.card-once{font-size:11px;letter-spacing:.06em;color:var(--gold)}.card-sheen{position:absolute;inset:0;border-radius:inherit;overflow:hidden;pointer-events:none}.card-sheen:before{content:"";position:absolute;top:-20%;bottom:-20%;width:40%;left:-60%;background:linear-gradient(100deg,transparent,rgba(255,240,200,.16),transparent);transform:skew(-12deg)}.upgrade-card:hover .card-sheen:before,.upgrade-card.kb-selected .card-sheen:before{animation:card-sheen 1.6s ease-in-out infinite}@keyframes card-sheen{0%{left:-60%}60%,to{left:130%}}.upgrade-card.chosen{animation:card-chosen .38s ease-out forwards}.upgrade-card.dismissed{animation:card-dismiss .3s ease-in forwards;pointer-events:none}@keyframes card-chosen{0%{transform:translateY(-8px) scale(1)}40%{transform:translateY(-14px) scale(1.06);box-shadow:0 0 0 1px #000,0 0 60px color-mix(in srgb,var(--uc) 80%,#fff),0 0 120px color-mix(in srgb,var(--uc) 45%,transparent);filter:brightness(1.35)}to{transform:translateY(-18px) scale(1.04);opacity:0}}@keyframes card-dismiss{to{transform:translateY(26px) scale(.92);opacity:0}}@media(prefers-reduced-motion:reduce){.upgrade-card,.event-card{animation:none}.upgrade-card:hover .card-sheen:before,.upgrade-card.kb-selected .card-sheen:before{animation:none}.upgrade-card.chosen,.upgrade-card.dismissed{animation:none;opacity:0}}.armory{width:min(1080px,96vw);height:min(680px,92vh);display:flex;flex-direction:column;padding:18px 22px 16px}.armory-header{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}.tabs{display:flex;gap:4px}.tab{cursor:pointer;padding:8px 18px;font-family:var(--heading);font-weight:600;letter-spacing:.08em;font-size:14px;background:transparent;border:1px solid transparent;border-bottom:2px solid transparent;color:var(--text-dim)}.tab.active{color:var(--gold-bright);border-bottom-color:var(--gold)}.tab:hover{color:#fff}.armory-body{flex:1;display:grid;grid-template-columns:250px 1fr 290px;gap:16px;min-height:0}.armory-col{background:#00000040;border:1px solid rgba(214,176,106,.14);border-radius:4px;padding:14px;min-height:0;overflow:auto}.armory-col.bag-col{display:flex;flex-direction:column;overflow:hidden}.bag-tools{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:10px}.bag-tools .small-tabs{margin-bottom:0}.bag-search,.bag-sort{font:inherit;font-size:12px;color:var(--text);background:#00000073;border:1px solid var(--gold-faint);border-radius:3px;padding:5px 8px;min-width:0}.bag-search{flex:1 1 110px}.bag-sort{flex:0 1 auto}.bag-search:focus-visible,.bag-sort:focus-visible{outline:1px solid var(--gold-bright)}.bag-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:2px}.bag-col .bag-footer{flex:none}.bag-slot .fav-star,.paper-slot .fav-star{position:absolute;top:0;left:3px;font-size:12px;color:#ffd36a;text-shadow:0 1px 2px #000;z-index:1}.bag-grid.picking .bag-slot.filled{cursor:pointer}.bag-slot.picked{outline:2px solid #ff7a6a;outline-offset:1px}.bag-slot .pick-mark{position:absolute;inset:auto 2px 2px auto;font-size:13px;font-weight:900;color:#ff9a8a;text-shadow:0 1px 2px #000}.bag-slot.protected{opacity:.55;cursor:not-allowed}.salvage-bar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between;width:100%}.salvage-bar .warn{color:#ffb36a;font-weight:700}.run-lock-note{margin-bottom:10px;padding:7px 10px;border-radius:3px;font-size:13px;color:#ffd36a;background:#28180699;border:1px solid rgba(255,190,90,.45)}.bagpanel{width:min(860px,96vw);max-height:92vh;display:flex;flex-direction:column;padding:18px 22px 16px}.bagpanel-body{flex:1;min-height:0;overflow:auto;display:flex;flex-direction:column;gap:10px}.bagpanel-cols{display:grid;grid-template-columns:1fr 1fr;gap:14px;min-height:0}.bagpanel-cols .bag-scroll{max-height:260px}.bagpanel-choice{margin:10px 0 4px;font-size:13px}.bagpanel-choice b{color:var(--rc)}.col-title{font-family:var(--heading);font-size:12px;letter-spacing:.15em;color:var(--gold);text-transform:uppercase;margin:0 0 10px}.equip-slot{width:100%;aspect-ratio:1.15;cursor:pointer;display:grid;place-items:center;position:relative;border:2px solid var(--rc, var(--gold-dim));border-radius:4px;background:radial-gradient(circle at 50% 45%,color-mix(in srgb,var(--rc, #345) 30%,#0a0d1c),#05060c 75%);box-shadow:inset 0 0 26px #000000b3,0 0 18px color-mix(in srgb,var(--rc, #000) 30%,transparent)}.equip-slot svg{width:64%;height:64%}.equip-name{margin-top:10px;font-family:var(--heading);font-weight:700;color:var(--rc);text-align:center}.equip-meta{text-align:center;font-size:12px;color:var(--text-dim);margin-top:2px}.stat-list{margin-top:14px;display:grid;gap:5px;font-size:13px}.stat-list div{display:flex;justify-content:space-between;color:var(--text-dim)}.stat-list b{color:var(--text);font-weight:600}.bag-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:7px}.bag-slot{aspect-ratio:1;cursor:pointer;position:relative;display:grid;place-items:center;padding:0;border:1px solid rgba(214,176,106,.2);border-radius:3px;background:radial-gradient(circle at 50% 40%,#141a33,#07080f);transition:border-color .12s,box-shadow .12s,transform .12s}.bag-slot.filled{border-color:color-mix(in srgb,var(--rc) 75%,transparent);background:radial-gradient(circle at 50% 40%,color-mix(in srgb,var(--rc) 22%,#0e1226),#06070e 80%)}.bag-slot.filled:hover{box-shadow:0 0 14px color-mix(in srgb,var(--rc) 50%,transparent);transform:translateY(-1px)}.bag-slot.selected{outline:2px solid var(--gold-bright);outline-offset:1px}.bag-slot svg{width:80%;height:80%}.bag-slot .lvl{position:absolute;bottom:1px;right:3px;font-size:10px;color:var(--text-dim)}.bag-slot .better{position:absolute;top:1px;left:3px;font-size:11px;color:#6effb0;font-weight:800}.bag-footer{display:flex;justify-content:space-between;align-items:center;margin-top:12px;gap:10px;flex-wrap:wrap}.bag-footer .actions{display:flex;gap:6px;flex-wrap:wrap}.gold-display{display:flex;align-items:center;gap:8px;font-weight:700;color:#ffd36a}.detail-empty{color:var(--text-faint);font-size:13px;text-align:center;margin-top:40px;line-height:1.6}.detail-actions{display:grid;gap:8px;margin-top:14px}.item-card{font-size:13px}.item-card .ic-head{border-bottom:1px solid color-mix(in srgb,var(--rc) 40%,transparent);padding-bottom:8px;margin-bottom:8px}.item-card .ic-name{font-family:var(--heading);font-weight:700;font-size:17px;color:var(--rc);line-height:1.2}.item-card .ic-type{color:var(--rc);opacity:.8;font-size:12px;margin-top:2px}.item-card .ic-stats{display:grid;gap:3px}.item-card .ic-stats div{display:flex;justify-content:space-between;color:var(--text-dim)}.item-card .ic-stats b{color:var(--text)}.item-card .ic-affixes{margin-top:8px;display:grid;gap:3px;color:#8fc4ff}.item-card .ic-flavor{margin-top:10px;font-style:italic;color:var(--text-faint);font-size:12px}.item-card .ic-compare{margin-top:10px;padding-top:8px;border-top:1px solid rgba(255,255,255,.07);font-size:12px}.up{color:#6effb0}.down{color:#ff6a7a}.equipped-tag{display:inline-block;margin-left:6px;font-size:10px;letter-spacing:.1em;color:var(--gold);border:1px solid var(--gold-dim);padding:0 5px;border-radius:2px;vertical-align:middle}.tooltip{position:fixed;z-index:50;width:270px;padding:12px 14px;pointer-events:none;background:linear-gradient(180deg,#141028fa,#080812fa);border:1px solid var(--rc, var(--gold-dim));border-radius:4px;box-shadow:0 10px 40px #000000b3,0 0 18px color-mix(in srgb,var(--rc, #000) 25%,transparent);opacity:0;transition:opacity .1s}.tooltip.visible{opacity:1}.altar{grid-column:1 / -1;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px;align-content:start;overflow:auto}.altar-intro{grid-column:1 / -1;color:var(--text-dim);font-size:13px;margin:0 0 4px;line-height:1.5}.talent{display:grid;gap:8px;padding:14px 16px;border:1px solid rgba(214,176,106,.2);border-radius:4px;background:linear-gradient(180deg,#181c3699,#080a1499)}.talent-name{font-family:var(--heading);font-weight:700;color:var(--gold-bright)}.talent-desc{font-size:13px;color:var(--text-dim)}.pips{display:flex;gap:4px}.pip{width:14px;height:6px;border-radius:1px;background:#ffffff1a}.pip.on{background:linear-gradient(90deg,#8a5cff,#5aa8ff);box-shadow:0 0 6px #5aa8ff99}.talent-row{display:flex;justify-content:space-between;align-items:center;gap:10px}#defeat{background:radial-gradient(ellipse at center,#28060c8c,#040206eb)}.defeat-panel{width:min(560px,94vw);max-height:92vh;padding:26px 30px 20px;text-align:center;display:flex;flex-direction:column}.defeat-head{flex:none}.defeat-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:0 4px;margin:0 -4px}.defeat-scroll:focus-visible{outline:1px solid var(--gold-dim);outline-offset:2px}.defeat-actions{flex:none;margin-top:16px;padding-top:14px;border-top:1px solid rgba(214,176,106,.15)}.defeat-ground{margin:4px 0 14px;padding:10px 12px;border:1px solid rgba(255,190,90,.45);border-radius:4px;background:#28180659;text-align:left}.defeat-ground .col-title{margin-top:0}.ground-list{display:grid;gap:6px;margin-top:8px}.ground-row{display:flex;align-items:center;gap:10px}.ground-row .bag-slot{width:40px;flex:none;cursor:default}.ground-name{flex:1;min-width:0;display:flex;flex-direction:column}.ground-name b{color:var(--rc);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.defeat-title{white-space:nowrap;font-size:clamp(26px,3.2vw,40px);color:#ff8a8a!important;text-shadow:0 0 30px rgba(255,60,60,.45)!important}.defeat-title.victory{color:var(--gold-bright)!important;text-shadow:0 0 30px rgba(255,200,90,.45)!important}.defeat-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:22px 0 16px}.defeat-stat{padding:10px 6px;background:#0000004d;border:1px solid rgba(214,176,106,.15);border-radius:4px}.defeat-stat .v{font-size:22px;font-weight:800;color:var(--text)}.defeat-stat .k{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);margin-top:2px}.defeat-loot{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;min-height:20px}.defeat-loot .bag-slot{width:44px;cursor:default}.defeat-confirm{margin-top:10px;font-size:13px;line-height:1.5;color:var(--text-dim);min-height:1.5em}.defeat-confirm.ok{color:#6effb0}.defeat-confirm.wait{color:#ffd36a}.defeat-confirm.bad{color:#ff8a8a}.pending-gold{font-size:11px;font-weight:600;color:#ffd36a;opacity:.8;margin-left:4px}.fade-overlay{position:absolute;inset:0;z-index:60;pointer-events:none;background:radial-gradient(ellipse at center,#0d0a24,#020208 70%);opacity:0;transition:opacity .33s ease}.fade-overlay.show{opacity:1;pointer-events:auto}.fade-overlay:before,.fade-overlay:after{content:"";position:absolute;left:50%;top:50%;pointer-events:none}.fade-overlay:before{width:46vh;height:70vh;border-radius:50%;background:radial-gradient(ellipse at center,rgba(155,92,255,.28),rgba(74,176,255,.08) 45%,transparent 70%);transform:translate(-50%,-50%) scale(.5);transition:transform .5s ease-out}.fade-overlay:after{width:4.2vh;height:44vh;background:linear-gradient(90deg,transparent 4%,var(--rift-glow) 30%,var(--rift-core) 50%,var(--rift-glow) 70%,transparent 96%);clip-path:polygon(50% 0%,60% 13%,54% 25%,68% 39%,58% 53%,66% 68%,55% 83%,50% 100%,45% 85%,34% 71%,43% 57%,32% 43%,46% 29%,38% 15%);transform:translate(-50%,-50%) scale(.15,.55);transition:transform .45s cubic-bezier(.2,.8,.2,1)}.fade-overlay.show:before{transform:translate(-50%,-50%) scale(1)}.fade-overlay.show:after{transform:translate(-50%,-50%) scale(1)}.wlabel.nameplate{--rc: var(--gold);pointer-events:auto;cursor:pointer;padding:3px 12px 4px;background:#060812b8;border-color:#d6b06a73;box-shadow:0 4px 14px #00000080;transition:border-color .15s,box-shadow .15s,background .15s}.wlabel.nameplate.npc{--rc: #9fd0ff;border-color:#78b4ff73}.wlabel.nameplate:hover,.wlabel.nameplate.in-range{background:#0e1228eb;border-color:var(--gold-bright);box-shadow:0 0 18px #f3d89859,0 4px 14px #00000080}.np-name{display:block;font-family:var(--heading);font-weight:700;font-size:13px;color:var(--rc);letter-spacing:.04em}.np-title{display:block;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim)}.np-key{display:none;margin-top:3px}.wlabel.nameplate.in-range .np-key{display:block;animation:key-bob 1.2s ease-in-out infinite}@keyframes key-bob{50%{transform:translateY(-2px)}}.interact-prompt{position:absolute;left:50%;bottom:96px;transform:translate(-50%,8px);display:flex;align-items:center;gap:10px;padding:10px 20px;cursor:pointer;font-family:var(--heading);font-weight:600;font-size:16px;letter-spacing:.06em;color:#fff;background:linear-gradient(180deg,#141a34f0,#080a16f0);border:1px solid var(--gold);border-radius:4px;box-shadow:0 0 22px #5aa8ff40,0 10px 30px #0009;opacity:0;visibility:hidden;transition:opacity .18s,transform .18s,visibility 0s linear .18s}.interact-prompt.visible{opacity:1;visibility:visible;transform:translate(-50%);transition:opacity .18s,transform .18s}.interact-prompt kbd{font-size:13px;padding:2px 8px}.interact-prompt span{font-family:var(--body);font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim)}.interact-prompt:hover{border-color:var(--gold-bright)}.hud-chip .rank-bar.mini{width:70px;height:4px}.town-panel{max-width:290px}.town-quests{margin-top:10px;display:grid;gap:4px}.town-quests-title{font-family:var(--heading);font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:var(--gold)}.town-quest{display:flex;justify-content:space-between;gap:10px;font-size:12px;color:var(--text)}.town-quest span{color:var(--text-dim);white-space:nowrap}.town-quest.done,.town-quest.done span{color:#6effb0}.town-menu-btn{position:absolute;right:16px;bottom:16px}#ui-root[data-mode=town] .toasts{top:210px}.station-window{width:min(640px,96vw);max-height:92vh;display:flex;flex-direction:column;padding:18px 22px 14px}.station-window.wide{width:min(940px,96vw);height:min(640px,92vh)}.station-window.medium{width:min(720px,96vw)}.station-window.narrow{width:min(500px,94vw)}.station-header{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid var(--gold-faint)}.station-header>div:first-child{flex:1}.station-title{text-align:left;font-size:24px}.station-sub{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim);margin-top:3px}.station-body{flex:1;min-height:0;overflow:auto;display:flex;flex-direction:column}.station-content{flex:1;min-height:0;display:flex;flex-direction:column}.station-tabs{margin-bottom:12px}.station-cols{flex:1;min-height:0;display:grid;grid-template-columns:1fr 320px;gap:16px}.station-col{background:#00000040;border:1px solid rgba(214,176,106,.14);border-radius:4px;padding:14px;min-height:0;overflow:auto}.station-hint{font-size:12px;line-height:1.5;color:var(--text-dim);margin:0 0 12px}.station-footer{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:12px;padding-top:10px;border-top:1px solid var(--gold-faint)}.station-footer:empty{display:none}.npc-quote{font-style:italic;font-size:13px;color:var(--text-dim)}.xp-value{color:#8ac4ff}.bag-slot .temper{position:absolute;top:1px;right:3px;font-size:10px;font-weight:800;color:var(--gold-bright);text-shadow:0 1px 2px #000}.bag-slot .equipped-badge{position:absolute;top:1px;left:3px;font-size:10px;font-weight:800;color:var(--blue);text-shadow:0 1px 2px #000}.forge-preview{margin-top:14px;padding-top:12px;border-top:1px solid rgba(255,255,255,.07);display:grid;gap:7px}.forge-row{display:grid;grid-template-columns:1fr auto 20px auto;align-items:center;gap:6px;font-size:13px;color:var(--text-dim)}.forge-row b{color:var(--text);text-align:right}.forge-row b.up{color:#6effb0}.forge-row .arrow{text-align:center;color:var(--gold)}.forge-cost{font-size:13px;color:var(--text-dim);margin:6px 0 2px}.forge-note{font-size:11px}.forge-maxed{text-align:center;color:var(--gold-bright);font-family:var(--heading);line-height:1.6;padding:8px 0}.shop-list{display:grid;gap:8px}.shop-card{display:flex;align-items:center;gap:12px;padding:8px 10px;cursor:pointer;border:1px solid color-mix(in srgb,var(--rc, var(--gold)) 45%,transparent);border-radius:4px;background:linear-gradient(90deg,color-mix(in srgb,var(--rc, #345) 14%,rgba(10,12,26,.9)),#080a1499);transition:border-color .12s,box-shadow .12s}.shop-card:hover{box-shadow:0 0 14px color-mix(in srgb,var(--rc, var(--gold)) 35%,transparent)}.shop-card.selected{outline:2px solid var(--gold-bright);outline-offset:1px}.shop-card.satchel{cursor:default;--rc: var(--gold)}.shop-card .slot{flex:none;border-color:var(--rc, var(--gold-dim))}.shop-info{flex:1;min-width:0}.shop-name{font-family:var(--heading);font-weight:700;color:var(--rc, var(--gold-bright));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quest-list{display:grid;gap:10px}.quest-card{display:flex;align-items:center;gap:16px;padding:14px 16px;border:1px solid rgba(214,176,106,.22);border-radius:4px;background:linear-gradient(180deg,#28201659,#0a0a1499)}.quest-card.done{border-color:#6effb080;box-shadow:0 0 16px #6effb01f}.quest-seal{flex:none;width:30px;height:30px;margin:0 4px;display:grid;place-items:center;font-size:14px;line-height:1;border:1px solid var(--gold-dim);transform:rotate(45deg);color:var(--gold);background:#00000059}.quest-seal span{transform:rotate(-45deg)}.quest-card.done .quest-seal{color:#6effb0;border-color:#6effb0}.quest-main{flex:1;min-width:0;display:grid;gap:5px}.quest-title{font-family:var(--heading);font-weight:700;color:var(--gold-bright)}.quest-desc{font-size:13px;color:var(--text)}.quest-progress{height:6px;border-radius:3px;background:#0000008c;border:1px solid rgba(255,255,255,.06);overflow:hidden}.quest-progress>div{height:100%;background:linear-gradient(90deg,#c9a35a,#ffd36a);transition:width .3s}.quest-card.done .quest-progress>div{background:linear-gradient(90deg,#2fae6a,#6effb0)}.quest-meta{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:12px;color:var(--text-dim)}.quest-status{flex:none;width:90px;text-align:center}.zone-card{display:grid;gap:10px;padding:16px;border:1px solid var(--gold-dim);border-radius:4px;background:radial-gradient(ellipse at 50% 0%,#6e46dc40,#080a1699 70%)}.zone-name{font-family:var(--heading);font-weight:700;font-size:20px;color:#d8c4ff;text-shadow:0 0 14px rgba(160,110,255,.5)}.zone-desc{margin:0;font-size:13px;line-height:1.5;color:var(--text-dim)}.zone-features{margin:0;padding-left:18px;font-size:13px;color:var(--text);display:grid;gap:3px}.zone-record{font-size:12px;color:var(--text-dim)}.dialogue-screen{display:flex;align-items:flex-end;justify-content:center;padding-bottom:36px;background:linear-gradient(0deg,#03040ab3,#03040a00 45%)}.dialogue-box{width:min(820px,94vw);display:flex;gap:18px;padding:20px 22px}.dialogue-portrait{flex:none;width:96px;height:96px;border:2px solid var(--gold-dim);border-radius:4px;overflow:hidden;box-shadow:0 0 20px #966eff4d}.dialogue-portrait svg{width:100%;height:100%;display:block}.dialogue-main{flex:1;min-width:0}.dialogue-speaker{font-family:var(--heading);font-weight:700;font-size:18px;color:#d8c4ff}.dialogue-speaker span{font-family:var(--body);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim);margin-left:8px}.dialogue-text{font-size:15px;line-height:1.6;color:var(--text);margin:8px 0 14px;min-height:3.2em}.dialogue-text.fade{animation:dialogue-in .35s ease-out}@keyframes dialogue-in{0%{opacity:0;transform:translateY(4px)}}.dialogue-topics{display:flex;flex-wrap:wrap;gap:8px}.dialogue-topics .btn.active{border-color:var(--gold);color:var(--gold-bright)}.form-error,.form-info{margin:0 0 12px;padding:9px 12px;border-radius:4px;font-size:13px;line-height:1.45}.form-error{color:#ffc2c8;background:#ff4f5e1a;border:1px solid rgba(255,79,94,.45)}.form-info{color:#c8ffe0;background:#6effb014;border:1px solid rgba(110,255,176,.4)}.busy{opacity:.65;pointer-events:none;transition:opacity .15s}.small-tabs{flex-wrap:wrap;margin-bottom:10px}.small-tabs .tab{padding:5px 11px;font-size:12px}.data-table{width:100%;border-collapse:collapse;font-size:13px;margin-bottom:16px}.data-table th{text-align:left;font-weight:600;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--gold);padding:6px 8px;border-bottom:1px solid var(--gold-faint)}.data-table td{padding:6px 8px;border-bottom:1px solid rgba(255,255,255,.05);color:var(--text)}.data-table tbody tr:hover{background:#5aa8ff0d}.data-table tr.mine td{background:#d6b06a1a;color:var(--gold-bright)}.data-table.compare td:first-child{color:var(--text-dim)}.pager{display:flex;align-items:center;justify-content:center;gap:12px;margin:10px 0;font-size:13px;color:var(--text-dim)}input:not([type=range]):not([type=checkbox]),select{font:inherit;font-size:14px;color:var(--text);padding:7px 10px;min-width:0;background:#0006;border:1px solid rgba(214,176,106,.3);border-radius:4px;user-select:text}input:focus,select:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 2px #5aa8ff33}select option{background:var(--bg-1)}.affinity{font-family:var(--body);font-size:11px;font-weight:700;letter-spacing:.06em;color:var(--gold-bright);text-transform:none;text-shadow:0 0 8px rgba(243,216,152,.5)}.bound-tag{display:inline-block;margin-left:6px;font-family:var(--body);font-size:10px;letter-spacing:.1em;color:#ffb27a;border:1px solid rgba(255,178,122,.5);padding:0 5px;border-radius:2px;vertical-align:middle}.legacy-gold{margin-left:8px;font-size:12px;font-weight:600;color:#e8c17a;opacity:.85}.tag{display:inline-block;padding:2px 8px;font-size:11px;letter-spacing:.06em;color:var(--tc, var(--text-dim));border:1px solid color-mix(in srgb,var(--tc, #9a9cb8) 45%,transparent);border-radius:10px;background:#00000040}.slot.ability,.slot.potion-slot{cursor:pointer}.slot.potion-slot .potion-icon{width:70%;height:70%;display:grid;place-items:center}.slot.potion-slot .potion-icon svg{width:100%;height:100%}.slot.potion-slot.empty{opacity:.55}.slot.ability svg{width:70%;height:70%}.slot.ability .cd-text{position:absolute;inset:0;display:grid;place-items:center;z-index:1;font-weight:800;font-size:15px;color:#fff;text-shadow:0 1px 3px #000,0 0 6px #000}.slot.ability.ready{border-color:#f3d898bf;box-shadow:inset 0 0 12px #5aa8ff40}.slot.ability-r{border-color:#b66dff80}.slot.ability-r.ready{border-color:#d6a8ff;animation:ult-ready 1.4s ease-in-out infinite}.slot.ability.denied{animation:slot-denied .35s ease-out}@keyframes slot-denied{0%,to{transform:translate(0)}25%{transform:translate(-3px);border-color:#ff6a6a}75%{transform:translate(3px);border-color:#ff6a6a}}@media(prefers-reduced-motion:reduce){.slot.ability.denied{animation:none;border-color:#ff6a6a}}@keyframes ult-ready{50%{box-shadow:0 0 16px #b66dffcc,inset 0 0 14px #b66dff80}}.slot .evo-badge{position:absolute;top:1px;left:3px;z-index:1;font-size:12px;color:#ffd36a;text-shadow:0 0 6px #ff9a2a}.slot.upgrade.more{font-size:12px;font-weight:700;color:var(--text-dim)}.class-meter{display:flex;align-items:center;gap:8px;padding:0 2px;font-size:11px;font-weight:600;letter-spacing:.06em;color:var(--text-dim);text-shadow:0 1px 2px #000}.class-meter span{text-transform:uppercase;white-space:nowrap}.class-meter b{color:var(--text);font-size:12px;min-width:38px;text-align:right}.meter-track{flex:1;height:6px;border-radius:3px;background:#000000a6;border:1px solid rgba(255,255,255,.08);overflow:hidden}.meter-track>div{height:100%;transition:width .15s}.run-effects{position:absolute;top:120px;right:16px;display:flex;flex-direction:column;align-items:flex-end;gap:4px;max-width:260px}.run-effects .fx{padding:3px 10px;font-size:12px;font-weight:600;color:var(--fc, var(--text));background:#080a16cc;border:1px solid color-mix(in srgb,var(--fc, #fff) 40%,transparent);border-left:2px solid var(--fc, var(--gold));border-radius:3px}.orb-shield{position:absolute;left:0;right:0;bottom:0;height:0;z-index:0;background:linear-gradient(0deg,#8fd8ff8c,#8fd8ff26);transition:height .12s}.orb.hp.shielded{box-shadow:0 0 0 2px #1a140a,0 0 0 4px #8fd8ffd9,0 0 22px #8fd8ff80,inset 0 0 20px #000000e6}.orb-text .shield-text{color:#bfe9ff}.item-card .ic-head{display:flex;gap:10px;align-items:center}.item-card .ic-icon{flex:none;width:46px;height:46px;display:grid;place-items:center;border-radius:4px;border:1px solid color-mix(in srgb,var(--rc) 60%,transparent);background:radial-gradient(circle at 50% 40%,color-mix(in srgb,var(--rc) 25%,#0e1226),#06070e 80%)}.item-card .ic-icon svg{width:82%;height:82%}.item-card .ic-unique{margin-top:10px;padding:8px 10px;border-radius:4px;border:1px solid color-mix(in srgb,var(--rc) 45%,transparent);background:color-mix(in srgb,var(--rc) 8%,transparent);color:var(--text);display:grid;gap:3px}.item-card .ic-unique-name{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--rc)}.item-card .ic-set{margin-top:10px;padding:8px 10px;border-radius:4px;border:1px solid color-mix(in srgb,var(--sc) 45%,transparent);display:grid;gap:3px;color:var(--text-faint)}.item-card .ic-set-name{font-family:var(--heading);font-weight:700;color:var(--sc)}.item-card .ic-set .active{color:var(--sc)}.item-card .ic-req{margin-top:8px;font-size:12px;font-weight:600;color:#ffb27a}.item-card .ic-delta{margin-top:10px;padding-top:8px;border-top:1px solid rgba(255,255,255,.07);display:grid;gap:3px;font-size:12px}.item-card .ic-delta>div:not(.ic-delta-title):not(.subtle){display:flex;justify-content:space-between;gap:10px;color:var(--text-dim)}.item-card .ic-delta b{color:var(--text);font-weight:600}.item-card .ic-delta-title{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--gold);margin-bottom:2px}.bag-slot .set-dot{position:absolute;bottom:3px;left:4px;width:6px;height:6px;border-radius:50%;background:#6effb0;box-shadow:0 0 6px #6effb0}.levelup-cards.four .upgrade-card{width:190px}.upgrade-card.evolution{border-color:#ffd36a;background:radial-gradient(ellipse at 50% 0%,#ffbe5038,#080a14f7 65%);box-shadow:0 0 0 1px #000,0 0 34px #ffc85a59,0 16px 40px #0009}.upgrade-card.evolution .card-ribbon{background:#ffd36a;color:#1a1205}.event-card{width:230px;min-height:286px;padding:26px 18px 14px;gap:10px;background:linear-gradient(180deg,color-mix(in srgb,var(--ec) 12%,rgba(16,18,38,.97)),#080a14f7);border:2px solid color-mix(in srgb,var(--ec) 60%,#3a2c14);box-shadow:0 0 0 1px #000,0 16px 40px #0009}.event-card:hover,.event-card.kb-selected{outline:none;transform:translateY(-8px);border-color:var(--ec);box-shadow:0 0 0 1px #000,0 0 34px color-mix(in srgb,var(--ec) 45%,transparent),0 20px 50px #000000b3}.event-card.disabled{opacity:.5;cursor:not-allowed;transform:none}.event-card .card-foot{margin-top:auto}.event-card.safe:after{content:"SAFE";position:absolute;top:10px;right:10px;font-size:10px;font-weight:700;letter-spacing:.1em;color:#6effb0}.event-portal{width:86px;height:86px;border-radius:50%;display:grid;place-items:center;font-size:34px;color:#fff;background:radial-gradient(circle,color-mix(in srgb,var(--ec) 70%,#fff),color-mix(in srgb,var(--ec) 45%,#000) 45%,#05060c 72%);box-shadow:0 0 30px color-mix(in srgb,var(--ec) 60%,transparent),inset 0 0 18px #0009;animation:portal-spin 6s linear infinite}.event-portal span{animation:portal-spin 6s linear infinite reverse;text-shadow:0 0 12px var(--ec)}@keyframes portal-spin{to{transform:rotate(360deg)}}.event-name{font-family:var(--heading);font-weight:700;font-size:18px;color:var(--ec)}.event-benefit,.event-cost{font-size:13px;line-height:1.45;color:var(--text);text-align:left;width:100%}.event-cost{color:var(--text-dim)}.event-benefit b{color:#6effb0}.event-cost b{color:#ff8a8a}.event-card .card-req{font-size:12px;font-weight:700;color:#ff8a8a}.hero-chips{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:10px}.hero-chip{cursor:pointer;padding:3px 9px;font-size:11px;font-weight:600;border-radius:10px;color:var(--text-dim);background:#0000004d;border:1px solid color-mix(in srgb,var(--hc) 35%,transparent)}.hero-chip:hover{color:#fff}.hero-chip.active{color:#fff;border-color:var(--hc);background:color-mix(in srgb,var(--hc) 25%,transparent)}.paperdoll{display:grid;grid-template-columns:1fr 1fr;gap:6px}.paper-slot{position:relative;display:flex;align-items:center;gap:8px;height:46px;padding:4px 8px 4px 4px;font:inherit;text-align:left;border:1px solid rgba(214,176,106,.18);border-radius:4px;background:#0000004d;color:var(--text-faint);font-size:11px}.paper-slot>svg,.paper-slot .ghost{flex:none;width:38px;height:38px}.paper-slot .ghost svg{width:100%;height:100%;opacity:.5}.paper-slot.filled{cursor:pointer;color:var(--rc);border-color:color-mix(in srgb,var(--rc) 65%,transparent);background:linear-gradient(90deg,color-mix(in srgb,var(--rc) 18%,#0c1024),#06070ecc)}.paper-slot.filled:hover{box-shadow:0 0 12px color-mix(in srgb,var(--rc) 45%,transparent)}.paper-slot.selected{outline:2px solid var(--gold-bright);outline-offset:1px}.paper-slot .temper{position:absolute;top:2px;left:30px;font-size:10px;font-weight:800;color:var(--gold-bright)}.set-row{font-size:12px;color:var(--text-dim);padding:3px 0 3px 8px;border-left:2px solid var(--sc);margin-bottom:4px}.set-row b{color:var(--sc)}.effect-row{font-size:12px;line-height:1.4;color:#ffc98a;padding:3px 0 3px 8px;border-left:2px solid var(--r-legendary);margin-bottom:4px}.heroes-panel{width:min(1180px,97vw);height:min(720px,94vh);display:flex;flex-direction:column;padding:18px 22px 16px}.heroes-body{flex:1;min-height:0;display:grid;grid-template-columns:200px 300px 1fr;gap:16px}.hero-roster{display:flex;flex-direction:column;gap:6px;overflow:auto}.roster-card{cursor:pointer;display:grid;gap:2px;padding:9px 12px;text-align:left;font:inherit;color:var(--text);background:linear-gradient(90deg,color-mix(in srgb,var(--hc) 14%,rgba(12,14,30,.9)),#080a1499);border:1px solid rgba(214,176,106,.16);border-left:3px solid var(--hc);border-radius:4px;transition:border-color .12s,background .12s}.roster-card:hover{border-color:color-mix(in srgb,var(--hc) 70%,transparent)}.roster-card.active{border-color:var(--gold);border-left-color:var(--hc);box-shadow:0 0 14px color-mix(in srgb,var(--hc) 30%,transparent)}.roster-card.locked{filter:grayscale(.7);opacity:.7}.roster-name{font-family:var(--heading);font-weight:700;font-size:15px}.roster-class{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--hc)}.roster-meta{font-size:11px;color:var(--text-dim)}.roster-meta b{color:var(--gold-bright)}.hero-center{display:flex;flex-direction:column;gap:8px;min-height:0;overflow:auto}.hero-title{font-family:var(--heading);font-weight:900;font-size:24px;color:var(--hc);text-shadow:0 0 18px color-mix(in srgb,var(--hc) 40%,transparent);line-height:1.1}.hero-title span{display:block;font-size:13px;font-weight:600;letter-spacing:.1em;color:var(--text-dim);text-shadow:none}.hero-tags{display:flex;flex-wrap:wrap;gap:4px}.hero-preview-wrap{position:relative;display:grid;place-items:center;min-height:200px;border-radius:6px;background:radial-gradient(ellipse at 50% 70%,rgba(110,70,220,.18),transparent 70%)}.hero-preview-canvas{display:block;width:100%;max-width:250px;height:auto;aspect-ratio:300 / 360}.unlock-box{display:grid;gap:6px;padding:10px 12px;font-size:13px;border:1px dashed var(--gold-dim);border-radius:4px;background:#0000004d}.unlock-box b{font-family:var(--heading);color:var(--gold-bright);letter-spacing:.08em}.mastery-line{font-size:12px;color:var(--text-dim)}.hero-weapon b{color:var(--text)}.hero-right{display:flex;flex-direction:column;min-height:0}.hero-tab-body{flex:1;min-height:0;overflow:auto;padding-right:4px}.ability-row{display:flex;gap:12px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.05)}.ability-key{flex:none;width:38px;height:38px;display:grid;place-items:center;border-radius:4px;font-family:var(--heading);font-weight:900;font-size:17px;color:#fff;background:radial-gradient(circle at 50% 40%,color-mix(in srgb,var(--ac) 55%,#000),#05060c 80%);border:1px solid color-mix(in srgb,var(--ac) 70%,transparent);box-shadow:0 0 12px color-mix(in srgb,var(--ac) 35%,transparent)}.ability-row.passive .ability-key{border-radius:50%}.ability-name{font-family:var(--heading);font-weight:700;color:var(--text)}.ability-desc{font-size:13px;line-height:1.5;color:var(--text-dim);margin-top:2px}.class-blurb{margin-top:10px;font-size:13px;line-height:1.5;padding:10px 12px;border-radius:4px;background:#00000040;border:1px solid var(--gold-faint)}.skill-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:4px 0 10px;font-size:13px}.skill-head b{color:var(--gold-bright);font-size:16px}.skill-tree{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.skill-branch{display:flex;flex-direction:column;gap:6px;padding:8px;border-radius:4px;background:#00000040;border:1px solid rgba(214,176,106,.12)}.skill-branch-title{font-family:var(--heading);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);text-align:center}.skill-tier{display:flex;flex-direction:column;gap:4px;padding-bottom:6px;border-bottom:1px dashed rgba(255,255,255,.06)}.skill-tier:last-child{border-bottom:none}.skill-tier:empty{display:none}.skill-node{display:flex;justify-content:space-between;align-items:center;gap:6px;padding:6px 8px;font:inherit;font-size:12px;text-align:left;color:var(--text-faint);background:#00000059;border:1px solid rgba(255,255,255,.08);border-radius:3px;cursor:default}.skill-node.available{cursor:pointer;color:var(--text);border-color:#5aa8ff99;box-shadow:inset 0 0 10px #5aa8ff26}.skill-node.available:hover{border-color:var(--blue);box-shadow:0 0 12px #5aa8ff66}.skill-node.owned{color:var(--gold-bright);border-color:var(--gold);background:linear-gradient(180deg,#d6b06a33,#d6b06a0f)}.skill-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.skill-cost{flex:none;font-weight:700;font-size:11px}.hero-lore{font-style:italic;line-height:1.6;color:var(--text-dim);margin-top:6px}.mastery-list{margin:0 0 10px;padding-left:18px;display:grid;gap:4px;font-size:13px}.cape-row{display:flex;flex-wrap:wrap;gap:6px}.cape-chip{cursor:pointer;display:flex;align-items:center;gap:6px;padding:5px 10px;font:inherit;font-size:12px;color:var(--text);background:#0000004d;border:1px solid var(--gold-faint);border-radius:4px}.cape-chip span{width:14px;height:14px;border-radius:2px;border:1px solid rgba(255,255,255,.3)}.cape-chip.active{border-color:var(--gold-bright);box-shadow:0 0 10px #f3d8984d}.cape-chip:disabled{opacity:.45;cursor:not-allowed}.chronicle{width:min(980px,96vw);height:min(680px,92vh);display:flex;flex-direction:column;padding:18px 22px 16px}.chronicle-body{flex:1;min-height:0;overflow:auto;padding-right:4px}.chronicle-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:12px;font-size:13px}.title-pick{display:flex;align-items:center;gap:8px;color:var(--text-dim)}.ach-list{display:grid;gap:8px;margin-bottom:12px}.ach-row{display:flex;align-items:center;gap:14px;padding:10px 14px;border:1px solid rgba(214,176,106,.16);border-radius:4px;background:#00000038}.ach-row.ready{border-color:#ffd36a99;box-shadow:0 0 14px #ffd36a1f}.ach-row.claimed{opacity:.7}.ach-seal{flex:none;width:30px;height:30px;margin:0 4px;display:grid;place-items:center;font-size:14px;line-height:1;border:1px solid var(--gold-dim);transform:rotate(45deg);color:var(--gold);background:#00000059}.ach-seal span{transform:rotate(-45deg)}.ach-row.claimed .ach-seal{color:#6effb0;border-color:#6effb0}.ach-row.ready .ach-seal{color:#ffd36a;border-color:#ffd36a;box-shadow:0 0 10px #ffd36a66}.ach-main{flex:1;min-width:0;display:grid;gap:4px}.ach-name{font-family:var(--heading);font-weight:700;color:var(--gold-bright)}.ach-desc{font-size:13px;color:var(--text-dim)}.lb-table{min-height:120px}.account-panel{width:min(760px,96vw);max-height:92vh;display:flex;flex-direction:column;padding:18px 22px}.account-body{flex:1;min-height:0;overflow:auto}.account-body .tabs{margin-bottom:14px}.account-form{display:grid;gap:12px;max-width:420px}.account-form label{display:grid;gap:5px;font-size:13px;color:var(--text-dim)}.account-form.inline{display:flex;gap:8px;align-items:center;max-width:none;margin-top:10px}.account-form.inline input{flex:1}.account-note{margin-top:18px;padding:12px 14px;font-size:13px;line-height:1.55;color:var(--text-dim);border-left:2px solid var(--gold-dim);background:#0003}.account-note p{margin:0 0 6px}.account-note p:last-child{margin-bottom:0}.account-note b{color:var(--text)}.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.profile-grid p{font-size:13px;line-height:1.55;color:var(--text-dim)}.stat-list b.up{color:#6effb0}.stat-list b.down{color:#ffb27a}.account-chip{gap:8px;font-size:12px}.conn{width:8px;height:8px;border-radius:50%;background:var(--text-faint);flex:none}.conn-online{background:#6effb0;box-shadow:0 0 8px #6effb0}.conn-connecting{background:#ffd36a;animation:conn-blink 1s ease-in-out infinite}.conn-offline{background:#ff8a5a;animation:conn-blink 1.4s ease-in-out infinite}.conn-signedOut,.conn-unconfigured{background:#9a9cb8}@keyframes conn-blink{50%{opacity:.35}}.station-window.exchange-window{width:min(1040px,97vw);height:min(700px,94vh)}.market-filters{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px}.market-filters input[name=text],.market-filters input[name=name]{flex:1;min-width:160px}.market-filters label{display:flex;align-items:center;gap:6px}.listing-list{display:grid;gap:6px}.listing-row{display:flex;align-items:center;gap:10px;padding:6px 10px;cursor:pointer;border:1px solid color-mix(in srgb,var(--rc, var(--gold)) 40%,transparent);border-radius:4px;background:linear-gradient(90deg,color-mix(in srgb,var(--rc, #345) 12%,rgba(10,12,26,.9)),#080a1499)}.listing-row:hover{box-shadow:0 0 12px color-mix(in srgb,var(--rc, var(--gold)) 30%,transparent)}.listing-row.selected{outline:2px solid var(--gold-bright);outline-offset:1px}.listing-row .slot{flex:none;width:42px;height:42px;border-color:var(--rc, var(--gold-dim))}.listing-main{flex:1;min-width:0}.listing-price{flex:none;display:flex;align-items:center;gap:8px;font-size:13px}.listing-price b{font-size:15px}.sell-form{display:grid;gap:10px;margin-top:12px}.sell-form label{display:grid;gap:5px;font-size:13px;color:var(--text-dim)}.sell-preview{font-size:13px;line-height:1.5;color:var(--text-dim)}.duration-pick{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.duration-btn{cursor:pointer;display:grid;gap:2px;padding:8px 6px;font:inherit;font-size:12px;text-align:center;color:var(--text-dim);background:#00000059;border:1px solid var(--gold-faint);border-radius:4px}.duration-btn b{font-family:var(--heading);font-size:13px;color:var(--text)}.duration-btn:hover{border-color:var(--gold);color:#fff}.duration-btn.active{border-color:var(--gold-bright);background:linear-gradient(180deg,#2f6ad873,#1a3f8f73);color:#fff}.bag-grid.small{grid-template-columns:repeat(auto-fill,minmax(44px,1fr))}.exchange-window .bag-grid{grid-template-columns:repeat(auto-fill,minmax(56px,1fr))}.station-content>.col-title:not(:first-child),.station-col>.col-title:not(:first-child){margin-top:16px}.trade-window{flex:1;min-height:0;display:grid;grid-template-columns:1fr 1fr;gap:16px}.trade-side{display:flex;flex-direction:column;gap:8px;min-height:0;overflow:auto;padding:14px;border-radius:4px;background:#00000040;border:1px solid rgba(214,176,106,.14)}.trade-side label{display:grid;gap:5px;font-size:13px;color:var(--text-dim)}.offer-list{display:grid;gap:4px;min-height:40px}.offer-item{display:flex;align-items:center;gap:8px;padding:4px 8px;font-size:13px;color:var(--rc);border:1px solid color-mix(in srgb,var(--rc) 40%,transparent);border-radius:3px;background:#0000004d}.offer-item svg{width:28px;height:28px;flex:none}.offer-gold{font-size:13px;color:var(--text-dim)}.trade-confirm{margin-top:auto;display:grid;gap:8px;padding-top:10px;border-top:1px solid var(--gold-faint)}.trade-confirm p{margin:0;font-size:13px;line-height:1.5;color:var(--text-dim)}.station-window.portal-window{width:min(980px,96vw);height:min(660px,92vh)}.portal-layout{flex:1;min-height:0;display:grid;grid-template-columns:250px 1fr;gap:16px}.biome-list{display:flex;flex-direction:column;gap:8px;overflow:auto}.biome-tab{cursor:pointer;display:grid;gap:3px;padding:12px 14px;text-align:left;font:inherit;color:var(--text);border:1px solid color-mix(in srgb,var(--b1) 40%,transparent);border-radius:4px;background:linear-gradient(120deg,color-mix(in srgb,var(--b1) 28%,rgba(8,10,22,.9)),#080a16b3);transition:border-color .12s,box-shadow .12s}.biome-tab:hover{border-color:var(--b2)}.biome-tab.active{border-color:var(--gold-bright);box-shadow:0 0 16px color-mix(in srgb,var(--b1) 45%,transparent)}.biome-tab.locked{filter:grayscale(.6);opacity:.7}.biome-tab-name{font-family:var(--heading);font-weight:700;font-size:15px}.biome-tab-sub{font-size:11px;color:var(--text-dim)}.biome-detail{display:flex;flex-direction:column;gap:10px;min-height:0;overflow:hidden;padding:16px;border-radius:4px;border:1px solid color-mix(in srgb,var(--b1) 45%,transparent);background:radial-gradient(ellipse at 50% 0%,color-mix(in srgb,var(--b1) 30%,transparent),#080a16a6 70%)}.biome-banner .zone-name{color:color-mix(in srgb,var(--b2) 60%,#fff);text-shadow:0 0 14px color-mix(in srgb,var(--b1) 60%,transparent)}.biome-subtitle{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--text-dim);margin-top:2px}.biome-facts{display:grid;gap:4px;font-size:13px;color:var(--text-dim)}.biome-facts b{display:inline-block;min-width:78px;color:var(--gold);font-weight:600}.diff-row{display:flex;flex-wrap:wrap;gap:6px}.diff-btn{cursor:pointer;padding:6px 12px;font:inherit;font-size:13px;font-weight:600;color:var(--text-dim);background:#00000059;border:1px solid var(--gold-faint);border-radius:4px}.diff-btn:hover:not(:disabled){color:#fff;border-color:var(--gold)}.diff-btn.active{color:#fff;border-color:var(--gold-bright);background:linear-gradient(180deg,#2f6ad899,#1a3f8f99)}.diff-btn:disabled{opacity:.45;cursor:not-allowed}.portal-hero{display:flex;align-items:center;gap:5px;flex-wrap:wrap;font-size:13px;padding:8px 10px;border-radius:4px;background:#0000004d}.portal-hero .btn{margin-left:auto}.biome-scroll{flex:1;min-height:0;overflow:auto;display:flex;flex-direction:column;gap:10px;padding-right:4px}.portal-go{display:grid;gap:8px;padding-top:10px;border-top:1px solid rgba(214,176,106,.18)}.enter-btn{font-size:17px;padding:13px 22px}.diff-rules{margin:-4px 0 0;padding-left:18px;display:grid;gap:2px;font-size:12px;color:#e8c9a0}.power-advice{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;font-size:12px;padding:6px 10px;border-radius:4px;background:#0000004d;border-left:3px solid var(--pa, #9aa3b8)}.power-advice b{color:var(--text);margin-right:4px}.power-advice .readiness{margin-left:auto;font-weight:600;color:var(--pa, #9aa3b8)}.power-advice.under{--pa: #ff7a6a}.power-advice.challenge{--pa: #ffc94a}.power-advice.ready{--pa: #6ee08a}.power-advice.easy{--pa: #9ab8d8}.power-chip{display:inline-flex;align-items:baseline;gap:6px;font-size:13px}.power-chip b{font-family:var(--font-title, serif);color:var(--gold-bright);font-size:16px}.pact-summary{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:13px;padding:8px 10px;border-radius:4px;background:#3c145052;border:1px solid rgba(200,140,255,.25)}.pact-summary b{color:#e0a0ff;margin-right:4px}.pact-summary .btn{margin-left:auto}.pact-bonus{display:block;font-size:11px;color:var(--gold)}.pact-page{--b1: #8a3ad8;--b2: #e0a0ff}.pact-locked{font-size:13px;padding:8px 10px;border-radius:4px;background:#00000059;color:var(--text-dim)}.pact-list{display:grid;gap:8px}.pact-card{cursor:pointer;display:grid;grid-template-columns:22px 1fr auto;align-items:center;gap:12px;padding:10px 12px;text-align:left;font:inherit;color:var(--text);border:1px solid rgba(200,140,255,.25);border-radius:5px;background:linear-gradient(110deg,#280e3ad9,#0a0816cc);transition:border-color .12s,box-shadow .12s,background .12s}.pact-card:hover:not(:disabled),.pact-card:focus-visible{border-color:#e0a0ff;box-shadow:0 0 14px #be6eff59;outline:none}.pact-card.on{border-color:#ffb0ff;background:linear-gradient(110deg,#601a78e6,#1e0a2cd9);box-shadow:0 0 18px #c85aff66,inset 0 0 12px #ff78ff26}.pact-card:disabled{cursor:not-allowed;opacity:.55;filter:grayscale(.4)}.pact-check{width:18px;height:18px;border-radius:3px;border:1.5px solid rgba(224,160,255,.7);display:grid;place-items:center}.pact-card.on .pact-check{background:#c86aff;border-color:#ffd0ff}.pact-card.on .pact-check:after{content:"✓";font-size:13px;font-weight:700;color:#fff}.pact-main{display:grid;gap:2px}.pact-name{font-family:var(--heading);font-weight:700;font-size:14px;color:#f0d0ff}.pact-text{font-size:12.5px;color:var(--text)}.pact-tests{font-size:11px;color:var(--text-dim);font-style:italic}.pact-reward{display:grid;justify-items:end;font-weight:700;font-size:16px;color:var(--gold-bright)}.pact-reward small{font-size:10.5px;font-weight:500;color:var(--text-dim)}.pact-total{font-size:13px;color:var(--gold);text-align:center}.fatal-error{position:fixed;inset:0;z-index:100;display:grid;place-items:center;background:#03040af0;pointer-events:auto}.fatal-error .panel{padding:26px 30px;max-width:560px}.fatal-error pre{white-space:pre-wrap;font-size:12px;color:#ff9aa4;background:#0006;padding:10px;border-radius:4px;max-height:200px;overflow:auto}@media(max-width:1100px){.heroes-body{grid-template-columns:170px 250px 1fr}.skill-tree{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:900px){.armory-body{grid-template-columns:1fr;overflow:auto}.armory-col.bag-col{overflow:visible}.bag-scroll{max-height:50vh}.bagpanel-cols{grid-template-columns:1fr}.heroes-body,.portal-layout,.trade-window,.profile-grid{grid-template-columns:1fr;overflow:auto}.heroes-panel,.chronicle,.station-window.portal-window,.station-window.exchange-window{height:auto;max-height:94vh}.station-cols{grid-template-columns:1fr}.station-window.wide{height:auto}.town-panel{display:none}.menu-left{width:80vw}.orb{width:76px;height:76px}.slot{width:40px;height:40px}.station-window.portal-window{height:min(660px,94vh)}.portal-layout{display:flex;flex-direction:column;overflow:hidden}.biome-list{flex:0 0 auto;flex-direction:row;overflow-x:auto;overflow-y:hidden;padding-bottom:2px}.biome-tab{flex:0 0 auto;padding:8px 12px}.biome-detail{flex:1}}.tab-row,.mode-row{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.tab-btn,.mode-btn{cursor:pointer;padding:6px 12px;font:inherit;font-size:13px;font-weight:600;color:var(--text-dim);background:#00000059;border:1px solid var(--gold-faint);border-radius:4px}.tab-btn:hover,.mode-btn:hover{color:#fff;border-color:var(--gold)}.tab-btn.active,.mode-btn.active{color:#fff;border-color:var(--gold-bright);background:linear-gradient(180deg,#2f6ad899,#1a3f8f99)}.tab-btn:focus-visible,.mode-btn:focus-visible,.prefix-card:focus-visible{outline:2px solid var(--gold-bright);outline-offset:2px}.form-ok{margin:0 0 10px;padding:8px 12px;border-radius:4px;font-size:13px;color:#c8f5d4;background:#5fe08a1a;border:1px solid rgba(95,224,138,.4)}.workbench-scroll{flex:1;min-height:0;overflow:auto;padding-right:4px}.recipe-list{display:grid;gap:8px}.recipe-row{display:flex;gap:12px;align-items:center;padding:10px 12px;border-radius:5px;background:#00000052;border:1px solid rgba(214,176,106,.14)}.recipe-row.locked{opacity:.6}.recipe-row.selected{border-color:var(--gold-bright)}.recipe-main{flex:1;min-width:0;display:grid;gap:4px}.recipe-name{font-weight:700;font-size:14px}.recipe-text{font-size:12.5px;color:var(--text-dim)}.recipe-inputs,.mat-row{display:flex;flex-wrap:wrap;gap:5px}.recipe-side{display:flex;flex-wrap:wrap;gap:6px;align-items:center;justify-content:flex-end;max-width:40%}.recipe-why{width:100%;text-align:right;font-size:11.5px;color:var(--text-faint)}.mat-chip{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:10px;font-size:12px;color:var(--text);background:#0006;border:1px solid color-mix(in srgb,var(--mc, #888) 55%,transparent)}.mat-chip:before{content:"";width:8px;height:8px;border-radius:2px;transform:rotate(45deg);background:var(--mc, #888)}.mat-chip.gold-chip:before{display:none}.mat-chip.short{border-color:#ff4f5eb3;color:#ffc2c8}.mat-group{display:grid;gap:4px;margin-bottom:8px}.mat-group-name{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-faint)}.skill-bar{display:grid;gap:4px;margin-bottom:10px}.skill-bar-head{display:flex;justify-content:space-between;font-size:13px}.skill-bar-head b{color:var(--sc, var(--gold-bright))}.skill-track{height:7px;border-radius:4px;background:#00000080;border:1px solid rgba(255,255,255,.08);overflow:hidden}.skill-track>div{height:100%;background:var(--sc, var(--gold));transition:width .3s}.skill-bar-sub{font-size:11.5px;color:var(--text-dim)}.skill-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:8px 16px;margin-bottom:12px}.skill-card{padding:8px 10px;border-radius:5px;background:#00000047;font-size:12px}.skill-card .skill-bar{margin-bottom:4px}.pantry-meal{padding:9px 12px;border-radius:5px;background:#ffd36a14;border:1px solid rgba(255,211,106,.3);font-size:13px;margin-bottom:8px}.prefix-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px}.prefix-card{cursor:pointer;display:grid;gap:3px;text-align:left;padding:7px 9px;font:inherit;font-size:12px;color:var(--text-dim);background:#00000059;border:1px solid var(--gold-faint);border-radius:4px}.prefix-card:hover{border-color:var(--gold)}.prefix-card.active{border-color:var(--gold-bright);background:#2f6ad840}.stall-clock{margin-bottom:8px}.plot-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:8px}.plot,.decor-socket{display:grid;gap:5px;padding:8px 10px;border-radius:5px;background:#00000052;border:1px solid rgba(214,176,106,.14);font-size:12.5px}.decor-socket{margin-bottom:6px}.plot.ready{border-color:#5fe08a99}.plot .skill-track>div{background:#8dff6a}.plot-seeds{display:flex;flex-wrap:wrap;gap:5px}.saved-runs{display:grid;gap:6px;margin-top:10px}.saved-run{display:grid;gap:5px;padding:8px;border-radius:5px;background:#00000059;border:1px solid rgba(214,176,106,.2);font-size:12.5px}.saved-run-text .subtle{display:block}.saved-run-actions{display:flex;gap:5px;flex-wrap:wrap}@media(max-width:900px){.recipe-row{flex-direction:column;align-items:stretch}.recipe-side{max-width:none;justify-content:flex-start}.recipe-why{text-align:left}.plot-grid{grid-template-columns:1fr}.saved-runs{min-width:220px}}.bazaar{display:grid;grid-template-columns:minmax(220px,290px) 1fr;gap:14px;min-height:0;height:100%}.bazaar-list{overflow:auto;display:grid;align-content:start;gap:8px;padding-right:4px}.bz-group{display:grid;gap:3px}.bz-mat{cursor:pointer;display:grid;grid-template-columns:1fr auto;gap:0 6px;text-align:left;padding:5px 8px;font:inherit;font-size:12.5px;color:var(--text);background:#0000004d;border:1px solid rgba(214,176,106,.12);border-radius:4px}.bz-mat:hover{border-color:var(--gold)}.bz-mat.active{border-color:var(--gold-bright);background:#2f6ad840}.bz-mat:focus-visible{outline:2px solid var(--gold-bright);outline-offset:1px}.bz-name{font-weight:600}.bz-have{color:var(--text-dim);text-align:right}.bz-prices{grid-column:1 / -1;font-size:11.5px;color:var(--gold-bright)}.bazaar-detail{overflow:auto;display:grid;align-content:start;gap:8px;padding-right:4px}.bz-head{display:grid;gap:2px}.bz-head .col-title{margin:0}.bz-book{display:grid;grid-template-columns:1fr 1fr;gap:10px}.bz-book tr.ask td:first-child{color:#ff9a8a}.bz-book tr.bid td:first-child{color:#8dff9a}.bz-form{display:grid;grid-template-columns:repeat(2,minmax(120px,1fr));gap:8px;padding:10px;border-radius:5px;background:#0000004d;border:1px solid rgba(214,176,106,.18)}.bz-form label{display:grid;gap:3px;font-size:12.5px;color:var(--text-dim)}.bz-form input{font:inherit;padding:6px 8px;color:var(--text);background:#00000073;border:1px solid var(--gold-faint);border-radius:4px}.bz-form input:focus-visible{outline:2px solid var(--gold-bright)}.bz-total,.bz-buttons,.bz-form p{grid-column:1 / -1;margin:0}.bz-buttons{display:flex;flex-wrap:wrap;gap:6px}.daily-panel{width:min(760px,96vw)}.daily-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin:10px 0 12px}.daily-card{position:relative;display:grid;align-content:start;gap:4px;min-height:104px;padding:8px 6px;border-radius:6px;text-align:center;font-size:12px;background:#00000059;border:1px solid rgba(214,176,106,.18)}.daily-card.today{border-color:var(--gold-bright);box-shadow:0 0 18px #f3d89840}.daily-card.done{opacity:.6}.daily-day{font-family:var(--heading);color:var(--gold-bright);font-size:13px}.daily-mark{position:absolute;top:4px;right:6px;color:#8dff9a;font-weight:700}@media(max-width:900px){.bazaar{grid-template-columns:1fr;height:auto}.bazaar-list{max-height:34vh}.bz-book{grid-template-columns:1fr}.daily-grid{grid-template-columns:repeat(4,1fr)}}.town-chat{position:absolute;left:16px;bottom:190px;width:min(380px,calc(100vw - 32px));display:grid;gap:4px;pointer-events:auto}.town-chat:not(.is-open){display:none}.chat-status{font-size:11px;color:var(--text-faint);text-shadow:0 1px 2px #000}.chat-list{max-height:168px;overflow-y:auto;display:grid;gap:2px;padding:6px 8px;border-radius:6px;background:#04060e73;font-size:12.5px;line-height:1.35;scrollbar-width:thin}.town-chat.typing .chat-list,.town-chat:hover .chat-list{background:#04060ec7}.chat-list:empty{display:none}.chat-line{color:var(--text);text-shadow:0 1px 2px #000;overflow-wrap:anywhere}.chat-line.whisper{color:#ffb3e6}.chat-line.party{color:#9cffb0}.chat-line.notice{color:var(--gold-bright)}.chat-line.error{color:#ff9a9a}.chat-line.choice .btn{margin-left:4px;padding:1px 8px}.chat-tag{color:var(--text-dim)}.chat-name{cursor:pointer;padding:0;font:inherit;font-weight:700;color:#9fd0ff;background:none;border:0}.chat-name:hover,.chat-name:focus-visible{text-decoration:underline;outline:none}.chat-input{display:none;font:inherit;font-size:13px;padding:7px 10px;color:var(--text);background:#04060ee6;border:1px solid var(--gold);border-radius:5px}.town-chat.typing .chat-input{display:block}.chat-input:focus-visible{outline:2px solid var(--gold-bright)}.wlabel.nameplate.player-plate{--rc: #b9ffcf;border-color:#78dca073}.wlabel.nameplate.player-plate.guest{--rc: #c9ccd6;border-color:#c9ccd659}.np-bubble{display:none;max-width:220px;margin-top:2px;font-size:11.5px;font-weight:500;color:var(--text);white-space:normal;overflow-wrap:anywhere}.np-bubble.show{display:block}.name-menu{position:fixed;z-index:55;display:grid;gap:4px;min-width:160px;padding:8px;border-radius:6px;background:#0a0d1cf7;border:1px solid var(--gold-faint);box-shadow:0 8px 26px #0009}.name-menu[hidden]{display:none}.name-menu-title{font-family:var(--heading);color:var(--gold-bright);font-size:13px;padding:0 2px 4px}.social-status{margin-bottom:6px}.social-form{display:flex;gap:6px;margin:4px 0 10px}.social-form input,.report-form input,.report-form select,.report-form textarea{font:inherit;font-size:13px;padding:6px 8px;color:var(--text);background:#00000073;border:1px solid var(--gold-faint);border-radius:4px}.social-form input{flex:1;min-width:0}.report-form{display:grid;gap:10px;max-width:520px}.report-form label{display:grid;gap:4px;font-size:13px;color:var(--text-dim)}.check-row{display:flex;gap:8px;align-items:center;font-size:13px;margin-bottom:8px}.region-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px}.region-block{display:grid;gap:4px;padding:8px 10px;border-radius:5px;background:#0000004d;border:1px solid rgba(214,176,106,.14)}.region-head{display:flex;justify-content:space-between;font-size:13px}.room-row{display:flex;gap:8px;align-items:center;justify-content:space-between;padding:3px 0;font-size:12.5px}.room-row.current{color:var(--gold-bright)}@media(max-width:900px){.town-chat{bottom:176px}.chat-list{max-height:110px}}