:root{--wood-dark: #2a1a10;--wood: #4a2f1a;--wood-light: #6b4426;--bronze: #b07a3a;--bronze-hi: #e0a95a;--steel: #8a93a0;--parch: #e8d6a8;--parch-alt: #d9c48f;--ink: #3a2614;--cream: #f4e8c8;--orange: #ff8a2a;--gold: #ffc83d;--red: #c8372d;--green: #6fd35a;--blue: #4f9bff;--navy: #1b2438;--tap: 44px;--font-head: "Cinzel", serif;--font-body: "Nunito", sans-serif;--ash: #1c1415;--ash-2: #2b1f1e;--ember: #ff6a1a;--ember-glow: #ff8a2a66;--veil: rgba(12, 7, 8, .72);--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--fs-xs: 11px;--fs-sm: 12px;--fs-md: 14px;--fs-lg: 18px;--fs-xl: 24px;--radius: 6px;--edge: 16px;--top-h: 56px}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;background:#000;color:var(--cream);font-family:var(--font-body);font-weight:700;font-variant-numeric:tabular-nums;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;overscroll-behavior:none;overflow:hidden}.viewport{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden}.stage{position:absolute;left:50%;top:50%;width:960px;height:540px;transform-origin:center center;overflow:hidden;background:#000}.fill{position:absolute;top:0;right:0;bottom:0;left:0}.abs{position:absolute}.rotate-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#0b0705;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;font-family:var(--font-head);font-size:22px;color:var(--cream)}.rotate-icon{font-size:72px;animation:rot 2.4s ease-in-out infinite}@keyframes rot{0%,20%{transform:rotate(0)}60%,to{transform:rotate(-90deg)}}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none;padding:0}button:disabled{cursor:default}.art{display:inline-flex;align-items:center;justify-content:center;line-height:1}.art img{image-rendering:pixelated;width:100%;height:100%;object-fit:contain}.panel-wood{position:relative;background:linear-gradient(var(--wood-light),var(--wood-dark));border:3px solid var(--bronze);border-radius:6px;box-shadow:0 2px #000a,inset 0 0 0 1px var(--bronze-hi);color:var(--cream)}.panel-wood:before,.panel-wood:after{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;pointer-events:none;background:radial-gradient(circle at 0 0,var(--bronze-hi) 0 2.5px,transparent 3px) top left / 100% 100% no-repeat,radial-gradient(circle at 100% 0,var(--bronze-hi) 0 2.5px,transparent 3px) top left / 100% 100% no-repeat,radial-gradient(circle at 0 100%,var(--bronze-hi) 0 2.5px,transparent 3px) top left / 100% 100% no-repeat,radial-gradient(circle at 100% 100%,var(--bronze-hi) 0 2.5px,transparent 3px) top left / 100% 100% no-repeat}.panel-wood:after{display:none}.panel-parch{position:relative;background:var(--parch);border:2px solid var(--bronze);border-radius:6px;color:var(--ink);box-shadow:0 2px #000a}.group-head{background:linear-gradient(var(--wood-light),var(--wood));color:var(--cream);font-family:var(--font-head);font-size:12px;letter-spacing:1px;padding:2px 8px}.row{display:flex;justify-content:space-between;gap:8px;padding:2px 8px;font-size:13px}.row:nth-child(2n){background:var(--parch-alt)}.row .val{font-family:var(--font-body)}.row .val.up{color:#2f8a1f}.btn-round{display:flex;flex-direction:column;align-items:center;gap:2px;position:relative;min-width:var(--tap);min-height:var(--tap)}.btn-round .disc{width:var(--d, 56px);height:var(--d, 56px);border-radius:50%;background:radial-gradient(circle at 35% 30%,var(--bronze-hi),var(--bronze) 55%,#6a4519);border:3px solid #2a1a10;box-shadow:0 2px #000a,inset 0 0 0 1px #ffe0a0aa;display:flex;align-items:center;justify-content:center;font-size:calc(var(--d, 56px) * .46)}.btn-round .disc .art{width:66%;height:66%}.btn-round .lbl{font-size:11px;color:var(--cream);text-shadow:0 1px 1px #000}.btn-round:active:not(:disabled) .disc{transform:translateY(2px)}.btn-round:disabled{filter:grayscale(.7)}.badge-dot{position:absolute;top:0;right:2px;width:14px;height:14px;border-radius:50%;background:var(--red);border:2px solid var(--cream)}.btn-primary{min-height:max(48px,var(--tap));min-width:140px;padding:0 28px;border-radius:24px;background:linear-gradient(#ffa24a,#d9531e);border:3px solid #5a2a0e;box-shadow:0 2px #000a,inset 0 1px #ffd9a8;color:var(--cream);font-family:var(--font-head);font-size:18px;text-shadow:0 1px 1px #000a}.btn-primary:active:not(:disabled){transform:translateY(2px)}.btn-primary:disabled{filter:grayscale(.7)}.btn-secondary{min-height:max(44px,var(--tap));min-width:110px;padding:0 20px;border-radius:22px;background:linear-gradient(var(--wood-light),var(--wood-dark));border:3px solid var(--bronze);box-shadow:0 2px #000a;color:var(--cream);font-family:var(--font-head);font-size:15px}.btn-secondary:active:not(:disabled){transform:translateY(2px)}.btn-secondary:disabled{filter:grayscale(.7);opacity:.7}.bar{position:relative;height:18px;background:#1a1008;border:2px solid var(--bronze);border-radius:9px;overflow:hidden}.bar>.fill-bar{position:absolute;left:0;top:0;bottom:0}.bar.xp>.fill-bar{background:linear-gradient(#ffb25a,#e0661a)}.bar.hp>.fill-bar{background:linear-gradient(#e85a4a,#a82419)}.bar.stage>.fill-bar{background:linear-gradient(#ffe27a,#d9a21f)}.bar>.num{position:absolute;top:0;right:0;bottom:0;left:0;text-align:center;font-size:12px;line-height:14px;text-shadow:1px 1px 0 #000}.gold-plate{display:flex;align-items:center;gap:6px}.gold-plate .coin{font-size:30px;filter:drop-shadow(0 2px 0 #000a)}.gold-plate .plate{min-width:96px;padding:3px 12px;font-size:18px;text-align:right;color:var(--gold)}.gold-plate .gain{color:var(--orange);font-size:14px;text-shadow:1px 1px 0 #000}.slot{position:relative;width:var(--sz, 56px);height:var(--sz, 56px);background:var(--navy);border:2px solid var(--steel);border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:calc(var(--sz, 56px) * .5);flex:none}.slot.empty{border-color:#5a6270}.slot.empty .art{opacity:.28;filter:grayscale(1)}.slot.sel{box-shadow:0 0 0 2px var(--gold)}.slot .pip{position:absolute;top:-1px;right:-1px;width:0;height:0;border-top:12px solid var(--pip, #fff);border-left:12px solid transparent}.slot .eflag{position:absolute;left:2px;bottom:0;font-size:11px;color:var(--gold);text-shadow:1px 1px 0 #000}.slot .lockflag{position:absolute;right:2px;bottom:1px;display:flex;filter:drop-shadow(1px 1px 0 #000)}.slot .newtag{position:absolute;left:1px;top:0;font-size:9px;color:#fff;background:var(--red);border-radius:3px;padding:0 3px}.slot .ilvl{position:absolute;right:3px;bottom:0;font-size:10px;color:var(--cream);text-shadow:1px 1px 0 #000}.lpc-icon{filter:drop-shadow(0 0 1px #000)}.slot.up7{animation:slot-glow 2s ease-in-out infinite}.slot.up10{animation:slot-glow-strong 1.3s ease-in-out infinite}.slot.sel.up7,.slot.sel.up10{outline:2px solid var(--gold)}@keyframes slot-glow{0%,to{box-shadow:0 0 2px #ffd45a40}50%{box-shadow:0 0 8px 1px #ffd45ab3}}@keyframes slot-glow-strong{0%,to{box-shadow:0 0 5px 1px #fff2b080}50%{box-shadow:0 0 14px 4px #fff2b0f2}}button.slot:active{transform:translateY(1px)}.backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0009;z-index:50;display:flex;align-items:center;justify-content:center}.modal-title{font-family:var(--font-head);font-size:var(--fs-xl);color:var(--gold);text-align:center;margin:0 0 var(--sp-2);text-shadow:0 2px 0 #0006}.run-canvas{position:absolute;left:0;top:0;width:960px;height:540px;display:block}.stage-bar{position:absolute;left:300px;top:12px;width:520px;height:52px}.stage-bar .label{font-family:var(--font-head);font-size:12px;text-shadow:1px 1px 0 #000;position:absolute;left:0;right:0;top:0;text-align:center}.stage-bar .line{position:absolute;left:0;right:28px;top:30px;height:6px;background:#1a1008;border:1px solid var(--bronze);border-radius:3px}.stage-bar .line>i{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(#ffe27a,#d9a21f)}.stage-bar .cp{position:absolute;top:18px;width:26px;margin-left:-13px;text-align:center;font-size:20px;filter:grayscale(1) brightness(.8);line-height:26px}.stage-bar .cp.done{filter:none}.stage-bar .marker{position:absolute;top:36px;margin-left:-7px;width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:11px solid var(--orange)}.stats-panel{position:absolute;left:24px;top:140px;width:190px;font-size:13px;overflow:hidden}.stats-panel .head{width:100%;display:flex;justify-content:space-between;min-height:28px;align-items:center}.skill-strip{position:absolute;left:230px;top:446px;width:510px;height:56px;display:flex;gap:6px;padding:4px 6px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.skill-strip::-webkit-scrollbar{display:none}.skill-card{flex:none;width:118px;height:46px;display:flex;align-items:center;gap:5px;text-align:left;color:var(--ink);background:var(--parch-alt);border:1px solid var(--bronze);border-radius:4px;padding:2px 4px}.skill-card .txt{font-size:10px;line-height:11px;overflow:hidden;display:flex;flex-direction:column}.skill-card .rk{font-size:9px;color:#7a5a2a}.xp-row{position:absolute;left:230px;top:508px;width:510px;height:26px}.xp-row .lvl{position:absolute;left:0;top:-4px;width:32px;height:32px;border-radius:50%;border:3px solid var(--orange);background:#1a1008;text-align:center;line-height:26px;font-size:14px;z-index:2}.xp-row .bar{position:absolute;left:20px;right:0;top:3px;height:18px}.potion-grid{position:absolute;right:24px;bottom:24px;display:grid;grid-template-columns:repeat(2,64px);grid-auto-rows:64px;gap:8px}.potion{--sz: 64px}.potion.locked{opacity:.45}.hero-plate{position:absolute;display:flex;gap:4px;font-size:12px}.cards{display:flex;gap:16px}.lv-card{width:200px;height:240px;background:var(--parch);border:3px solid var(--bronze);border-radius:8px;color:var(--ink);display:flex;flex-direction:column;align-items:center;overflow:hidden;text-align:center;box-shadow:0 4px #000a}.lv-card:active{transform:translateY(2px)}.lv-card .band{width:100%;padding:3px 0;font-size:12px;font-family:var(--font-head);color:#fff;text-shadow:1px 1px 0 #000a}.lv-card .ico{font-size:56px;margin:14px 0 4px}.lv-card .nm{font-family:var(--font-head);font-size:18px}.lv-card .rank{font-size:12px;color:#7a5a2a;margin:2px 0 8px}.lv-card .ds{font-size:14px;padding:0 10px}.lv-card .syn{font-size:11px;color:#a8481a;margin-top:6px;padding:0 8px}.result{width:560px;padding:16px 24px 20px;display:flex;flex-direction:column;gap:12px;align-items:center}.result .stats{display:flex;gap:28px}.result .stats div{display:flex;flex-direction:column;align-items:center}.result .stats b{font-size:22px}.result .stats span{font-size:11px;color:#7a5a2a}.loot-row{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;min-height:56px;max-height:128px;overflow-y:auto;padding:2px}.btn-row{display:flex;gap:12px}.pause-box{width:320px;padding:20px;display:flex;flex-direction:column;gap:12px;align-items:center}.node{position:absolute;width:56px;height:56px;margin:-28px 0 0 -28px;z-index:2;border-radius:50%;border:3px solid #2a1a10;display:flex;align-items:center;justify-content:center;font-size:26px;box-shadow:0 3px #000a}.node.boss{width:72px;height:72px;margin:-36px 0 0 -36px;font-size:34px}.node.open{animation:pulse 1.6s ease-in-out infinite}.node.cleared{box-shadow:0 3px #000a,0 0 8px #ffd23f88}.node.sel{animation:bounce .7s ease-in-out infinite;outline:3px solid var(--cream)}.node .num{position:absolute;bottom:-19px;font-size:var(--fs-sm);text-shadow:1px 1px 0 #000;white-space:nowrap}@keyframes pulse{0%,to{box-shadow:0 3px #000a,0 0 6px 2px #ffd27a88}50%{box-shadow:0 3px #000a,0 0 16px 6px #ffd27acc}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.hero-token{position:absolute;z-index:2;font-size:40px;margin:-64px 0 0 -20px;filter:drop-shadow(0 3px 0 #0008);pointer-events:none}.belt-pick{display:inline-flex;align-items:center;gap:6px}.title-plate{position:absolute;left:50%;top:8px;transform:translate(-50%);min-height:44px;padding:0 var(--sp-5);display:flex;align-items:center;font-family:var(--font-head);font-size:var(--fs-lg);letter-spacing:1px;white-space:nowrap;z-index:4}.pill{display:inline-flex;align-items:center;gap:4px;min-height:40px;padding:0 var(--sp-3);border-radius:20px;border:2px solid var(--bronze);background:#1a1008;color:var(--cream);font-size:var(--fs-sm)}.pill.on{background:linear-gradient(var(--wood-light),var(--wood));border-color:var(--bronze-hi)}.pill:active:not(:disabled){transform:translateY(1px)}.map-bd{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:#140c1c}.map-bd svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.map-bd .embers{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.ember{position:absolute;bottom:24px;border-radius:50%;opacity:0;animation:ember-rise 10s linear infinite;will-change:transform,opacity}@keyframes ember-rise{0%{transform:translate(0);opacity:0}10%{opacity:.9}to{transform:translate(var(--dx, 40px),-380px);opacity:0}}.snowflake{position:absolute;top:-10px;border-radius:50%;opacity:0;animation:snow-fall 10s linear infinite;will-change:transform,opacity}@keyframes snow-fall{0%{transform:translate(0);opacity:0}10%{opacity:.85}to{transform:translate(var(--dx, 40px),560px);opacity:0}}.region-lock{position:absolute;left:50%;top:84px;transform:translate(-50%);padding:8px 16px;background:#1c1618dd;border:2px solid #6d6468;border-radius:var(--radius);color:var(--cream);font-size:var(--fs-sm);pointer-events:none;z-index:2;display:flex;align-items:center;gap:8px}.arrow-btn .arrow-lock{position:absolute;right:-4px;top:-4px}.arrow-btn:not(:disabled){opacity:.95;cursor:pointer}@media(prefers-reduced-motion:reduce){.snowflake{animation:none;opacity:.5;top:120px}.ember{animation:none;opacity:.45;bottom:120px}.node.open,.node.sel{animation:none}}.map-top{position:absolute;left:0;right:0;top:0;height:var(--top-h);padding:0 var(--edge);display:flex;align-items:center;justify-content:space-between;background:linear-gradient(#0c0708ee,#0c070800);pointer-events:none;z-index:4}.map-top>*{pointer-events:auto}.map-top .title-plate{top:6px}.mt-side{display:flex;align-items:center;gap:var(--sp-3);width:300px}.mt-side.right{justify-content:flex-end}.mt-side .key-plate{margin:0}.arrow-btn{position:absolute;top:214px;width:44px;height:64px;background:linear-gradient(#6d6468,#3a3338);border:3px solid #1c1618;border-radius:var(--radius);font-size:28px;color:var(--cream);opacity:.5;z-index:3}.lv-info{position:absolute;left:72px;right:72px;bottom:96px;padding:var(--sp-2) var(--sp-3) var(--sp-3);display:flex;flex-direction:column;gap:var(--sp-2);font-size:var(--fs-sm);background:linear-gradient(#4a2f1af2,#2a1a10f2);z-index:3}.lv-head{display:flex;align-items:center;gap:var(--sp-3)}.lv-head h3{margin:0;flex:1;min-width:0;font-family:var(--font-head);font-size:var(--fs-lg);line-height:1.1;display:flex;flex-direction:column}.lv-head h3 small{font-family:var(--font-body);font-size:var(--fs-sm);color:#c9b48a}.tier-row{display:inline-flex;gap:var(--sp-2)}.lv-start{min-height:44px;min-width:120px;padding:0 var(--sp-5);font-size:var(--fs-lg)}.lv-body{display:flex;align-items:stretch;gap:var(--sp-4);min-height:44px}.lv-cell{display:flex;flex-direction:column;justify-content:center;gap:1px;padding:0 var(--sp-3) 0 0;border-right:1px solid #b07a3a55;font-size:var(--fs-md)}.lv-cell:last-child{border-right:0;margin-left:auto;padding-right:0}.lv-cell>span:first-child{color:#c9b48a;font-size:var(--fs-xs)}.lv-cell em{font-style:normal}.lv-body.kits{gap:var(--sp-3)}.kit-card{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:2px;padding:2px var(--sp-3);border-left:3px solid var(--bronze);background:#0003;border-radius:4px}.kit-line{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-1) var(--sp-2);font-size:var(--fs-sm)}.kit-line>b{color:var(--gold);font-family:var(--font-head);font-size:var(--fs-md)}.kit-sub{font-size:var(--fs-xs);color:#c9b48a}.dock{position:absolute;left:var(--edge);right:var(--edge);bottom:8px;height:80px;padding:0 var(--sp-3);display:flex;align-items:stretch;justify-content:space-between;gap:var(--sp-3);background:linear-gradient(#3a2416f5,#1c110af5);border:3px solid var(--bronze);border-radius:var(--radius);box-shadow:0 2px #000a,inset 0 0 0 1px var(--bronze-hi);z-index:3}.dock-group{display:flex;flex-direction:column;justify-content:center;gap:2px}.dock-group+.dock-group{border-left:1px solid #b07a3a66;padding-left:var(--sp-3)}.dock-label{font-family:var(--font-head);font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--bronze-hi);opacity:.85;line-height:1}.dock-btns{display:flex;gap:2px}.dock-btns .btn-round{min-width:50px;min-height:0;gap:1px}.dock-btns .btn-round .lbl{font-size:10px}.inv-left{position:absolute;left:24px;top:20px;width:250px;height:500px;overflow-y:auto;scrollbar-width:thin;font-size:13px}.inv-left .sec{margin-bottom:6px}.bonus-line{color:#2f8a1f;padding:1px 8px;font-size:12px}.set-block{padding:3px 8px 5px;font-size:12px}.set-block .tier{opacity:.45}.set-block .tier.on{opacity:1}.doll-col{position:absolute;display:flex;flex-direction:column;gap:10px}.doll{position:absolute;left:346px;top:40px;width:160px;height:330px;display:flex;align-items:center;justify-content:center;font-size:120px;filter:drop-shadow(0 6px 0 #0006)}.doll-info{position:absolute;left:290px;top:392px;width:270px;display:flex;flex-direction:column;gap:6px;font-size:12px}.inv-right{position:absolute;left:564px;top:76px;width:372px;height:440px;padding:10px 12px;display:flex;flex-direction:column;gap:8px}.inv-head{position:absolute;left:564px;top:20px;width:372px;display:flex;align-items:center;justify-content:space-between}.tabs{display:flex;gap:4px}.tab{min-height:var(--tap);padding:0 10px;font-family:var(--font-head);font-size:12px;border-radius:4px;background:var(--wood-dark);border:2px solid var(--bronze);color:var(--cream)}.tab.on{background:var(--bronze);color:#2a1a10}.quick-banner{flex:none;min-height:24px;padding:0 6px;font-family:var(--font-head);font-size:11px;color:#fff;background:var(--red);border:2px solid var(--gold);border-radius:4px;text-align:center;animation:quickpulse 1.4s ease-in-out infinite}@keyframes quickpulse{50%{box-shadow:0 0 8px var(--gold)}}.clean-panel{position:absolute;left:8px;right:8px;bottom:52px;z-index:5;display:flex;flex-direction:column;gap:6px;padding:8px;background:var(--wood-dark);border:3px solid var(--bronze);border-radius:8px;box-shadow:0 4px #000a}.clean-row{display:flex;flex-wrap:wrap;align-items:center;gap:4px}.clean-row .tab{min-height:30px;padding:0 7px;font-size:11px}.clean-prev{color:var(--cream)}.btn-secondary.on{background:var(--bronze);color:#2a1a10}.grid{display:grid;grid-template-columns:repeat(5,64px);grid-auto-rows:64px;gap:6px;overflow-y:auto;overflow-x:hidden;flex:1;align-content:start;scrollbar-width:thin}.grid .slot{--sz: 64px}.tooltip{position:absolute;z-index:40;display:flex;gap:8px;padding:8px;background:var(--wood-dark);border:3px solid var(--bronze);border-radius:8px;box-shadow:0 4px #000a}.inv-tip{max-height:472px;overflow-y:auto;scrollbar-width:thin}.inv-tip .tip-actions{position:sticky;bottom:-8px;margin:0 -8px -8px;padding:8px;background:var(--wood-dark);border-top:2px solid var(--bronze);z-index:1;flex-direction:row}.inv-tip .tip-actions>button{width:auto;flex:0 0 auto}.tip-col{width:250px;padding:8px 10px;font-size:13px;background:var(--parch);color:var(--ink);border-radius:4px;border:2px solid var(--bronze)}.tip-col h4{margin:0;font-family:var(--font-head);font-size:15px;text-shadow:0 0 1px #000,0 0 1px #000}.tip-col .sub{font-size:11px;color:#7a5a2a}.tip-col .imp{margin-top:4px}.tip-col .afx{color:#1f5fa8}.tip-col .set{margin-top:4px;font-size:12px}.tip-col .delta{font-size:12px;display:flex;justify-content:space-between}.up{color:#2f8a1f}.down{color:#b8271d}.tip-actions{display:flex;flex-direction:column;gap:8px;justify-content:flex-end}.close-btn{position:absolute;right:var(--edge);top:8px;z-index:5}.stub{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.stub .panel-wood{width:420px;padding:24px;text-align:center;display:flex;flex-direction:column;gap:14px;align-items:center}.muted{opacity:.7;font-size:13px}.lv-card{height:276px;border-color:var(--rc, var(--bronze));box-shadow:0 4px #000a,0 0 14px color-mix(in srgb,var(--rc, #000) 55%,transparent)}.lv-card.r-epic{box-shadow:0 4px #000a,0 0 22px color-mix(in srgb,var(--rc) 80%,transparent)}.lv-card .ico{margin:12px 0 4px;filter:drop-shadow(0 2px 2px #0008)}.lv-card .ico .art{border:2px solid var(--rc);border-radius:8px;background:#1b2438}.kw{color:#a8481a;font-weight:900}.skill-card{border-color:var(--rc, var(--bronze))}.skill-card.sel{box-shadow:0 0 0 2px #fff8}.skill-card .kw{color:#8a3a10}.skill-strip.compact{display:grid;grid-auto-flow:column;grid-template-rows:repeat(2,22px);grid-auto-columns:148px;gap:4px;align-content:center;overflow-x:auto;scrollbar-width:thin}.skill-strip.compact .skill-card{width:auto;height:22px;padding:0 4px;gap:4px}.skill-strip.compact .skill-card .txt{flex-direction:row;align-items:center;gap:4px;white-space:nowrap;min-width:0}.skill-strip.compact .skill-card .rk{display:none}.talent-node{position:absolute;width:64px;height:64px;margin:-32px 0 0 -32px;border-radius:10px;background:#1b2438;border:3px solid var(--bc, var(--bronze));display:flex;align-items:center;justify-content:center}.talent-node.locked{filter:grayscale(1) brightness(.55)}.talent-node.sel{box-shadow:0 0 0 3px #fff8,0 0 16px var(--bc)}.talent-node .rk{position:absolute;right:-4px;bottom:-8px;background:#1a1008;color:var(--cream);border:2px solid var(--bc);border-radius:8px;font-size:11px;padding:0 4px}.talent-branch{position:absolute;top:70px;width:260px;margin-left:-130px;text-align:center;font-family:var(--font-head);font-size:20px;color:var(--bc);text-shadow:1px 1px 0 #000}.talent-info{position:absolute;left:50%;bottom:12px;width:560px;margin-left:-280px;padding:8px 14px;display:flex;gap:12px;align-items:center;font-size:14px}.settings-box{position:absolute;left:50%;top:50%;width:720px;height:440px;margin:-200px 0 0 -360px;padding:16px 20px;display:flex;flex-direction:column;gap:10px;overflow-y:auto}.credits-list{overflow-y:auto;flex:none;max-height:150px;font-size:13px;display:flex;flex-direction:column;gap:8px}.credit-row{padding:6px 10px;background:#0003;border-radius:4px}.credit-row a{color:var(--gold);word-break:break-all}.elem-row{display:inline-flex;align-items:center;gap:3px}.shard-row{display:flex;gap:12px;justify-content:center;font-size:14px}.vein-row{position:absolute;left:40px;top:90px;right:40px;display:flex;gap:12px;justify-content:center}.vein{position:relative;width:130px;height:170px;border-radius:10px;background:linear-gradient(var(--wood-light),var(--wood-dark));border:3px solid var(--bronze);color:var(--cream);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;font-size:14px}.vein.on{border-color:var(--bc);box-shadow:0 0 14px var(--bc)}.vein .pile{font-size:12px;color:#c9b48a}.vein .mining{position:absolute;top:-10px;background:var(--bc);color:#1a1008;font-size:11px;padding:1px 8px;border-radius:8px}.split-ico{display:flex;flex-wrap:wrap;width:66px;height:56px;justify-content:center;align-content:center;gap:2px}.mine-panel{position:absolute;left:60px;bottom:30px;width:420px;padding:12px 16px;display:flex;flex-direction:column;gap:8px;font-size:14px}.mine-panel .rowline,.up-row{display:flex;justify-content:space-between;gap:10px;align-items:center}.mine-upgrades{position:absolute;right:60px;bottom:30px;width:360px;padding:12px 16px;display:flex;flex-direction:column;gap:14px;font-size:14px}.muted{color:#c9b48a}.rune-tabs{display:flex;gap:8px}.rune-tabs .on{outline:3px solid var(--gold)}.rune-cols{position:absolute;left:20px;top:78px;width:650px;height:450px;display:flex;gap:6px;overflow-y:auto;overflow-x:hidden;align-items:flex-start}.rune-col{width:126px;flex:none;border:2px solid var(--bc);border-radius:8px;background:#0008;padding-bottom:8px}.col-head{position:sticky;top:0;z-index:2;background:#1a1008f0;display:flex;flex-direction:column;align-items:center;padding:4px 0;border-bottom:2px solid var(--bc);font-size:12px}.col-head .ename{font-family:var(--font-head);color:var(--bc);font-size:15px}.chain{display:flex;flex-direction:column;gap:4px;padding:6px 4px 0}.rnode{position:relative;display:flex;align-items:center;gap:5px;height:52px;padding:2px 4px;border-radius:8px;background:#1b2438;border:2px solid #ffffff22;color:var(--cream);text-align:left;filter:grayscale(.9) brightness(.6)}.rnode .orb{flex:none;width:38px;height:38px;border-radius:50%;border:2px solid var(--bc);display:flex;align-items:center;justify-content:center;background:#000a}.rnode .lab{font-size:11px;line-height:1.1}.rnode.forge{background:linear-gradient(var(--parch),var(--parch-alt));color:var(--ink);height:58px}.rnode.owned{filter:none;border-color:var(--bc)}.rnode.next{filter:grayscale(.3);border-color:var(--gold)}.rnode.can{filter:none;box-shadow:0 0 8px var(--gold)}.rnode .cost{position:absolute;right:3px;bottom:-2px;background:#1a1008;color:var(--gold);border:2px solid var(--bc);border-radius:8px;font-size:11px;padding:0 4px}.rnode .tick{position:absolute;right:4px;top:0;color:var(--green);font-size:13px}.rune-panel{position:absolute;right:20px;top:90px;width:250px;height:430px;padding:10px;display:flex;flex-direction:column;gap:8px}.rune-panel .head{text-align:center;font-family:var(--font-head);font-size:14px}.rune-panel .rows{flex:1;overflow-y:auto;background:#0004;border-radius:4px}.rune-panel .prow{display:flex;justify-content:space-between;padding:3px 8px;font-size:13px}.rune-panel .prow:nth-child(odd){background:#ffffff10}.rune-panel .proc{font-size:12px;text-align:center;min-height:48px}.sel-row{display:flex;gap:4px;justify-content:space-between}.emblem{position:relative;width:44px;height:52px;border-radius:50%;border:2px solid var(--bc);background:#000a;padding:0;opacity:.6;display:flex;align-items:flex-start;justify-content:center}.emblem.on{opacity:1;box-shadow:0 0 10px var(--bc)}.emblem .act{position:absolute;bottom:-14px;font-size:11px;color:var(--cream);text-shadow:1px 1px 0 #000}.stage-bar .fork-node{position:absolute;top:40px;width:16px;height:16px;margin-left:-8px;border-radius:50%;border:2px solid var(--bronze);background:#1a1008;color:var(--cream);font-size:10px;line-height:12px;text-align:center;display:flex;align-items:center;justify-content:center}.stage-bar .fork-node.taken{background:var(--wood-dark);border-color:var(--gold)}.path-box{width:520px;padding:14px 20px 16px;display:flex;flex-direction:column;gap:8px;align-items:stretch}.path-box .btn-primary{align-self:center}.path-text{margin:0 0 4px;font-size:15px;line-height:20px;text-align:center}.path-choice{width:100%;min-height:40px;font-size:15px;display:flex;align-items:center;justify-content:center;gap:6px}.path-lines{margin:0;padding:0 0 0 18px;color:var(--gold);font-size:15px}.path-foot{text-align:center;font-size:13px;color:#c9b48a}.potion{cursor:pointer;overflow:hidden}.potion.empty{opacity:.35}.potion.active{border-color:var(--gold);box-shadow:0 0 10px 2px #ffd23faa}.potion .pcount{position:absolute;right:4px;bottom:2px;font-size:15px;font-family:var(--font-head);text-shadow:1px 1px 0 #000,-1px -1px 0 #000}.potion .pcd{position:absolute;left:0;right:0;bottom:0;background:#000a}.potion .pcdt{position:absolute;left:0;right:0;top:18px;text-align:center;font-size:18px;text-shadow:1px 1px 0 #000}.potion .pbuff{position:absolute;left:3px;top:1px;font-size:11px;color:var(--gold);text-shadow:1px 1px 0 #000}.mod-row{position:absolute;left:24px;top:108px;width:190px;display:flex;flex-wrap:wrap;gap:3px}.mod-chip{width:24px;height:24px;border-radius:50%;border:2px solid #000a;font-family:var(--font-head);font-size:16px;line-height:18px;color:#fff;text-shadow:1px 1px 0 #000}.mod-chip.good{background:#3e8f3e}.mod-chip.bad{background:#a82a2a}.speed-btn{width:44px;height:44px;border-radius:50%;border:3px solid #000a;background:#5b4630;color:var(--cream);font-family:var(--font-head);font-size:17px;text-shadow:1px 1px 0 #000}.speed-btn.fast{background:#c9822a;color:#fff}.tip-col .pwr{margin-top:4px;color:#ff8a2a;font-weight:800;text-shadow:0 0 1px #000}.tier-btn{border-color:color-mix(in srgb,var(--tc, #b07a3a) 55%,#000);opacity:.75}.tier-btn.on{opacity:1;border-color:var(--tc);box-shadow:0 0 8px color-mix(in srgb,var(--tc) 70%,transparent);color:var(--tc)}.tier-btn:disabled{opacity:.4;filter:grayscale(.6)}.daily-btn{position:relative;min-height:40px;padding:0 16px;font-size:15px}.daily-btn .dot{position:absolute;right:-4px;top:-4px;width:12px;height:12px;border-radius:50%;background:var(--red);border:2px solid var(--cream)}.daily-box{width:440px;padding:14px 20px 16px;display:flex;flex-direction:column;gap:4px;font-size:14px}.daily-box .rowline{display:flex;justify-content:space-between;gap:12px}.daily-box .rowline>span:first-child{color:#c9b48a}.daily-box .btn-row{justify-content:center}.ach-panel{position:absolute;left:30px;right:30px;top:78px;bottom:16px;padding:10px 14px 6px;display:flex;flex-direction:column;gap:4px}.ach-grid{flex:1;display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:44px;align-content:start;gap:4px 14px;min-height:0;overflow-y:auto;padding-right:4px}.ach-row{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:2px 8px;border:1px solid #0006;border-radius:6px;background:#0003;min-height:0}.ach-row.done{border-color:var(--gold);background:#ffc83d18}.ach-row.claimed{opacity:.55}.ach-main{display:flex;flex-direction:column;min-width:0;flex:1;font-size:13px;line-height:1.15}.ach-desc{font-size:11px;color:#c9b48a}.ach-bar{position:relative;height:9px;margin-top:2px;background:#1a1008;border:1px solid var(--bronze);border-radius:5px;overflow:hidden}.ach-bar i{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(#8fe36a,#3f9a2a)}.ach-bar em{position:absolute;top:0;right:0;bottom:0;left:0;font-style:normal;font-size:8px;line-height:9px;text-align:center;text-shadow:1px 1px 0 #000}.ach-side{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex:none;font-size:11px;text-align:right}.ach-reward{color:var(--gold);white-space:nowrap}.ach-claim{min-height:22px;height:22px;min-width:70px;padding:0 10px;font-size:12px}.ach-got{color:var(--green);font-weight:800}.pet-row{position:absolute;left:40px;right:40px;top:90px;display:flex;gap:18px;justify-content:center}.pet-card{width:270px;padding:12px 14px 14px;display:flex;flex-direction:column;align-items:center;gap:5px}.pet-card.on{border-color:var(--gold);box-shadow:0 0 16px #ffc83d88}.pet-card .bar,.pet-card>div{width:100%}.pet-note{position:absolute;left:50%;bottom:18px;transform:translate(-50%);padding:8px 18px;font-size:13px}.key-plate{display:inline-flex;align-items:center;gap:5px;margin-top:2px;padding:2px 10px 2px 6px;border-radius:12px;border:2px solid var(--bronze);background:#1a1008;color:var(--cream);font-size:13px}.key-plate b{color:var(--gold);font-size:15px}.dg-grid{position:absolute;left:30px;right:30px;top:100px;bottom:14px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:1fr 1fr;gap:10px}.dg-card{padding:8px 12px;display:flex;flex-direction:column;gap:4px;min-height:0;font-size:12px}.dg-head{display:flex;align-items:center;gap:8px;font-family:var(--font-head);font-size:17px}.dg-best{margin-left:auto;font-family:var(--font-body);font-size:12px;color:var(--gold)}.dg-desc{color:#c9b48a;line-height:1.2;min-height:28px}.dg-note{font-size:11px}.dg-tiers{display:flex;flex-wrap:wrap;gap:3px}.dg-tier{flex:0 0 calc(20% - 3px);min-width:0;height:22px;padding:0;border-radius:4px;border:2px solid var(--bronze);background:#1a1008;color:var(--cream);font-size:11px}.dg-tier.beat{border-color:#6fd35a}.dg-tier.on{background:var(--bronze);color:#fff}.dg-tier:disabled{opacity:.35}.dg-reward{color:var(--gold);min-height:15px}.dg-foot{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:6px}.dg-go{min-height:40px;min-width:96px;padding:0 14px;font-size:14px}.login-box{width:760px;padding:14px 20px 16px;font-size:13px}.login-days{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.login-day{display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 4px;min-height:112px;border:2px solid #0006;border-radius:6px;background:#0003;text-align:center;font-size:11px;line-height:1.15}.login-day b{font-family:var(--font-head);font-size:13px}.login-day em{margin-top:auto;font-style:normal;color:#c9b48a}.login-day.done{opacity:.55}.login-day.today{border-color:var(--gold);background:#ffc83d22}.login-day.today em{color:var(--gold)}.login-ms{margin-top:8px;text-align:center;color:#c9b48a}.login-got{margin-top:6px;text-align:center;color:var(--green)}.quest-box{width:560px;padding:14px 20px 16px;display:flex;flex-direction:column;gap:6px;font-size:14px}.quest-row{display:flex;align-items:center;gap:10px;padding:6px 10px;border:1px solid #0006;border-radius:6px;background:#0003}.quest-row.done{border-color:var(--gold);background:#ffc83d18}.quest-row.claimed{opacity:.55}.quest-main{flex:1;display:flex;flex-direction:column;min-width:0}.quest-main .ach-bar{height:12px}.quest-main .ach-bar em{font-size:10px;line-height:12px}.login-box .btn-row,.quest-box .btn-row{justify-content:center}.tower-left{position:absolute;left:30px;top:96px;width:270px;bottom:24px;padding:10px 14px;display:flex;flex-direction:column;gap:8px;font-size:12px}.tower-big{display:flex;justify-content:space-between;align-items:baseline;font-size:14px}.tower-big b{font-family:var(--font-head);font-size:28px;color:var(--gold)}.tower-starts{display:flex;flex-wrap:wrap;gap:4px}.tower-starts .dg-tier{flex:0 0 calc(25% - 4px)}.tower-note{color:#c9b48a;line-height:1.3}.tower-go{margin-top:auto;align-self:center;min-width:140px}.tower-right{position:absolute;left:316px;right:30px;top:96px;bottom:24px;padding:10px 14px;font-size:12px}.tower-row{display:grid;grid-template-columns:34px 120px 1fr 48px 48px 90px;align-items:center;gap:4px;min-height:28px;border-bottom:1px solid #ffffff1a}.tower-row.head{color:#c9b48a;min-height:22px}.tower-row.cur{background:#ffffff14}.tower-stairs{width:600px}.tower-boons{display:flex;gap:8px}.tower-boons .path-choice{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;min-height:56px;font-size:14px}.tower-boons .path-choice small{font-size:11px;color:#c9b48a}.tower-boons .path-choice.on{border-color:var(--gold)}.par-tabs{display:flex;gap:6px}.par-tab{padding:4px 16px;border-radius:6px;border:2px solid var(--bronze);background:#1a1008;color:var(--cream);font-family:var(--font-head);font-size:15px}.par-tab.on{background:var(--bronze);color:#fff}.par-main{position:absolute;left:30px;right:30px;top:96px;bottom:24px;padding:10px 16px;display:flex;flex-direction:column;gap:8px}.par-head{display:flex;align-items:center;gap:16px;font-size:13px}.par-head .par-lvl{font-family:var(--font-head);font-size:26px;color:var(--gold)}.par-stat{display:grid;grid-template-columns:120px minmax(0,1fr) 96px auto;align-items:center;gap:8px;min-height:52px;border-bottom:1px solid #ffffff1a;font-size:13px}.par-stat button{min-height:40px;min-width:0;padding:0 8px}.par-btns{display:flex;gap:4px}.castle-res{position:absolute;left:24px;right:24px;top:66px;padding:6px 14px;display:flex;gap:18px;align-items:center;font-size:14px;white-space:nowrap}.castle-res .cc-builders{margin-left:auto}.castle-grid{position:absolute;left:24px;right:24px;top:112px;bottom:12px;overflow-y:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;align-content:start;padding-right:4px}.castle-card{padding:8px 12px;display:flex;flex-direction:column;gap:5px;min-height:132px;font-size:13px}.castle-card.locked{opacity:.55;filter:grayscale(.6)}.cc-head{display:flex;align-items:center;gap:8px;font-size:15px}.cc-ico{font-size:24px}.cc-lv{margin-left:auto;color:var(--gold)}.cc-eff{line-height:1.25}.cc-cost{display:flex;gap:10px;flex-wrap:wrap}.cc-cost .bad{color:#ff7a6a}.cc-btns{display:flex;gap:8px;margin-top:auto;justify-content:flex-end}.castle-card .btn-primary,.castle-card .btn-secondary{min-height:40px;min-width:0;padding:0 14px;font-size:13px;border-radius:17px}.gem-ico{display:block;flex:none}.slot .sdots{position:absolute;right:2px;bottom:2px;display:flex;gap:2px}.slot .sdot{width:8px;height:8px;border-radius:50%;border:1px solid #000;background:#0008;box-shadow:0 0 0 1px #aeb6c4}.sock-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.sock-btn{width:34px;height:40px;padding:0;display:flex;align-items:center;justify-content:center;background:var(--navy);border:2px solid #5a6270;border-radius:4px;cursor:pointer}.sock-btn.on{box-shadow:0 0 0 2px var(--gold)}.gem-list{display:grid;grid-template-columns:1fr 1fr;gap:3px;max-height:96px;overflow-y:auto;scrollbar-width:thin;width:100%}.gem-list button{display:flex;align-items:center;gap:6px;min-height:28px;min-width:0;padding:0 6px;font-size:12px;text-align:left}.tip-col .gemline{display:flex;align-items:center;gap:5px;font-size:12px;margin-top:2px}.tip-col .gemline.empty{color:#7a5a2a}.jeweler-box{width:760px;padding:12px 18px 14px;display:flex;flex-direction:column;gap:8px;font-size:13px}.jeweler-box h2{margin:0;font-size:22px;color:var(--gold)}.jw-cols{display:grid;grid-template-columns:300px 1fr;gap:14px}.jw-cut{display:flex;flex-direction:column;gap:6px}.jw-colors{display:flex;gap:4px}.jw-colors button{width:40px;height:40px;padding:0;display:flex;align-items:center;justify-content:center;background:var(--navy);border:2px solid #5a6270;border-radius:4px;cursor:pointer}.jw-colors button.on{box-shadow:0 0 0 2px var(--gold)}.jw-bag{border-collapse:collapse;width:100%}.jw-bag th{font-size:11px;font-weight:400;color:#c9b48a}.jw-bag td{text-align:center;height:36px;border:1px solid #0006;cursor:pointer;background:#0003}.jw-bag td.zero{opacity:.35}.jw-bag td.on{box-shadow:inset 0 0 0 2px var(--gold)}.jw-bag td>span{display:inline-flex;align-items:center;gap:3px}.jw-bag .name{text-align:left;padding-right:6px;cursor:default;background:none;border:none}.res-line{padding:1px 8px;font-size:12px}.castle-tabs{position:absolute;left:24px;top:108px;display:flex;gap:8px}.castle-tabs .btn-secondary{min-height:40px;min-width:0;padding:0 16px;font-size:13px;border-radius:16px}.castle-tabs .btn-secondary.active{background:linear-gradient(var(--bronze-hi),var(--bronze));color:var(--wood-dark)}.castle-grid.tabbed{top:148px}.castle-pane{position:absolute;left:24px;right:24px;top:148px;bottom:12px;overflow-y:auto;display:flex;flex-direction:column;gap:10px;padding-right:4px}.pane-head{display:flex;gap:18px;align-items:center;font-size:14px;flex-wrap:wrap}.pane-head .right{margin-left:auto}.unit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.unit-card{padding:8px 10px;display:flex;flex-direction:column;gap:4px;font-size:12px;line-height:1.25}.unit-card .u-top{display:flex;align-items:center;gap:8px;font-size:15px}.unit-card .u-own{margin-left:auto;color:var(--gold)}.unit-card .bad,.rival-card .bad{color:#ff7a6a}.unit-card .btn-primary,.rival-card .btn-primary,.rival-card .btn-secondary{min-height:40px;min-width:0;padding:0 14px;font-size:13px;border-radius:16px}.queue-row{display:flex;gap:8px;flex-wrap:wrap;font-size:13px}.queue-chip{padding:4px 10px;border:2px solid var(--bronze);border-radius:12px;background:#1a1008}.rival-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.rival-card{padding:8px 10px;display:flex;gap:8px;font-size:12px;line-height:1.3;min-height:150px}.rival-card .r-pic{flex:none;width:64px}.rival-card .r-body{flex:1;display:flex;flex-direction:column;gap:3px;min-width:0}.rival-card .r-body b{font-size:14px}.rival-card .r-btn{margin-top:auto;display:flex;justify-content:flex-end;gap:8px}.log-row{padding:6px 12px;display:flex;gap:10px;align-items:baseline;font-size:13px}.log-row .win{color:#8be06a}.log-row .lose{color:#ff7a6a}.army-pick{width:400px;padding:16px 20px;display:flex;flex-direction:column;gap:10px;align-items:stretch}.army-pick .pick-row{display:flex;align-items:center;gap:10px;font-size:15px}.army-pick .pick-row .grow{flex:1}.army-pick .pick-row button{min-width:34px;min-height:40px;padding:0;border-radius:17px}.bv-round{position:absolute;top:62px;left:0;right:0;text-align:center;color:var(--cream);font-size:14px;text-shadow:1px 1px 0 #000}.bv-arena{position:absolute;left:14px;right:14px;top:88px;height:330px;display:flex;align-items:center;justify-content:space-between}.bv-side{display:flex;gap:12px;align-items:center}.bv-col{display:flex;flex-direction:column;gap:8px;justify-content:center}.bv-vs{font-family:var(--font-head);font-size:30px;color:var(--gold);text-shadow:2px 2px 0 #000}.bv-tile{position:relative;width:96px;display:flex;flex-direction:column;gap:2px;transition:transform .25s}.bv-tile.big{width:180px}.bv-tile.act-r{transform:translate(30px)}.bv-tile.act-l{transform:translate(-30px)}.bv-tile.dead{opacity:.3;filter:grayscale(1)}.bv-pic{height:62px;display:flex;justify-content:center;align-items:flex-end}.bv-wall{font-size:46px;line-height:58px}.bv-count{position:absolute;top:0;right:4px;padding:0 6px;border-radius:8px;background:#000a;color:var(--cream);font-size:12px}.bv-name{font-size:11px;text-align:center;color:var(--cream);text-shadow:1px 1px 0 #000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bv-pop{position:absolute;left:50%;top:10px;transform:translate(-50%);white-space:nowrap;font-weight:800;font-size:16px;text-shadow:1px 1px 0 #000,-1px -1px 0 #000;pointer-events:none;z-index:5;animation:bv-pop .9s ease-out forwards}.bv-pop.hit{color:#ff6a5a}.bv-pop.crit{color:var(--gold);font-size:20px}.bv-pop.block{color:#b8c4d8}.bv-pop.dodge{color:var(--cream);font-style:italic}@keyframes bv-pop{0%{opacity:1;top:14px}to{opacity:0;top:-22px}}.bv-left-stats,.bv-right-stats{position:absolute;bottom:14px;width:250px}.bv-left-stats{left:16px}.bv-right-stats{right:16px}.bv-stats{padding:6px 10px;font-size:12px}.bv-grid{display:grid;grid-template-columns:auto 1fr;column-gap:12px}.bv-grid span:nth-child(2n){text-align:right;color:var(--gold)}.bv-action{position:absolute;left:280px;right:280px;bottom:24px;display:flex;flex-direction:column;align-items:center;gap:8px}.bv-line{min-height:40px;width:100%;padding:6px 10px;border-radius:8px;background:#0007;color:var(--cream);font-size:14px;text-align:center}.bv-result{z-index:60}.bv-panel{width:420px;padding:18px 24px 22px;display:flex;flex-direction:column;gap:12px;align-items:center}.bv-panel h2{margin:0;font-family:var(--font-head);font-size:30px}.bv-panel h2.win{color:#2f7d1e}.bv-panel h2.lose{color:#a82419}.bv-lines{display:flex;flex-direction:column;gap:3px;text-align:center;font-size:14px}.ach-claim,.dg-tier,.gem-list button{position:relative}.ach-claim:after,.dg-tier:after,.gem-list button:after{content:"";position:absolute;top:-9px;right:-4px;bottom:-9px;left:-4px}.btn-round.locked{opacity:.5;filter:grayscale(.7)}.btn-round .lock-pip{position:absolute;top:0;right:4px;width:18px;height:18px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#1c110a;border:1px solid var(--bronze-hi)}.daily-btn.locked{opacity:.55}.lock-toast{position:absolute;left:50%;bottom:96px;transform:translate(-50%);padding:6px 14px;background:#1c110af2;border:2px solid var(--bronze);border-radius:var(--radius);color:var(--cream);font-size:14px;z-index:6;pointer-events:none}.unlock-box{width:380px;text-align:center}.unlock-box .unlock-new{font-family:var(--font-head);font-size:12px;letter-spacing:3px;text-transform:uppercase;color:var(--gold)}.unlock-box .unlock-name{font-family:var(--font-head);font-size:30px;color:var(--cream);margin:4px 0;text-shadow:0 0 14px var(--gold);animation:unlock-pop .5s ease-out}@keyframes unlock-pop{0%{transform:scale(.5);opacity:0}70%{transform:scale(1.12);opacity:1}to{transform:scale(1)}}.slot.godlike{background:radial-gradient(#4a1418,var(--navy) 75%);animation:godlike-glow 1.6s ease-in-out infinite}.slot.godlike.sel{outline:2px solid #ff3b3b}@keyframes godlike-glow{0%,to{box-shadow:0 0 4px 1px #ff3b3b73}50%{box-shadow:0 0 12px 3px #ff3b3be6}}.tip-col.godlike{box-shadow:0 0 10px 2px #ff3b3bb3,inset 0 0 14px #ff3b3b40;background:linear-gradient(#f0d4c4,var(--parch))}.tip-col.godlike .pwr{color:#d5201f}.relics-btn{position:absolute;left:345px;top:470px;width:180px;min-height:40px;min-width:0;padding:0 12px;font-size:14px;border-color:#8a2a2a}.relics-btn.ready{border-color:#ff3b3b;box-shadow:0 0 10px 2px #ff3b3bbf;color:#ffd6d0}.relics-box{width:880px;padding:10px 16px 12px}.relic-row{display:flex;gap:8px;margin:8px 0}.relic-tile{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 4px;border:2px solid #5a4630;border-radius:6px;background:#1a1008;text-align:center;font-size:12px;opacity:.6}.relic-tile.have{opacity:1;border-color:var(--fc);box-shadow:0 0 10px var(--fc)}.relic-tile b{font-size:12px;color:var(--fc);line-height:1.1}.relic-ico{font-size:28px;line-height:1.1}.relic-from{font-size:10px;color:#c9b48a;line-height:1.1;min-height:22px}.relic-count{font-family:var(--font-head);font-size:16px;color:var(--cream)}.relic-tile.have .relic-count{color:var(--gold)}.recipe-row{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.recipe-card{display:flex;flex-direction:column;gap:3px;padding:8px;border:2px solid #8a2a2a;border-radius:6px;background:linear-gradient(#2a0f10,#1a1008);font-size:12px;min-height:150px}.recipe-card b{font-family:var(--font-head);font-size:15px;text-shadow:0 0 8px rgba(255,59,59,.6)}.recipe-sub{font-size:11px;color:#c9b48a}.recipe-pwr{color:#ffb0a0;line-height:1.2}.recipe-go{margin-top:auto;min-height:36px;min-width:0;font-size:14px}.relic-made{display:flex;align-items:center;gap:10px;margin-top:8px;justify-content:center}.relic-fx{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:60;overflow:hidden}.relic-beam{position:absolute;left:50%;top:0;bottom:0;width:120px;margin-left:-60px;background:linear-gradient(90deg,transparent,rgba(255,59,59,.55),#ffffffcc 50%,rgba(255,59,59,.55),transparent);animation:relic-beam 3.4s ease-out forwards;opacity:0}@keyframes relic-beam{0%{opacity:0;transform:scaleX(.2)}12%{opacity:1;transform:scaleX(1)}70%{opacity:.55}to{opacity:0;transform:scaleX(1.6)}}.relic-banner{position:absolute;left:50%;top:150px;transform:translate(-50%);display:flex;align-items:center;gap:12px;padding:10px 22px;border:3px solid #ff3b3b;border-radius:10px;background:linear-gradient(#3a0f12f2,#1a0808f2);box-shadow:0 0 24px 6px #ff3b3bb3;animation:relic-banner 3.6s ease-out forwards}.relic-banner .relic-ico{font-size:40px}.relic-banner em{display:block;font-style:normal;font-size:11px;letter-spacing:3px;text-transform:uppercase;color:#ff8a7a}.relic-banner b{font-family:var(--font-head);font-size:24px;color:var(--fc, #fff);text-shadow:0 0 12px var(--fc, #ff3b3b)}@keyframes relic-banner{0%{opacity:0;transform:translate(-50%) scale(.6)}10%{opacity:1;transform:translate(-50%) scale(1.08)}16%{transform:translate(-50%) scale(1)}82%{opacity:1}to{opacity:0;transform:translate(-50%) translateY(-14px)}}.wk-info{position:absolute;left:30px;right:30px;top:76px;height:36px;padding:0 14px;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13px}.wk-pips i{display:inline-block;width:12px;height:12px;margin-left:4px;border-radius:50%;border:2px solid var(--bronze);background:#1a1008;vertical-align:-2px}.wk-pips i.on{background:var(--gold);box-shadow:0 0 6px var(--gold)}.wk-chain{position:absolute;left:30px;right:30px;top:122px;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.wk-card{padding:8px 10px;display:flex;flex-direction:column;gap:4px;font-size:12px;min-height:236px}.wk-head{display:flex;align-items:center;gap:8px;font-family:var(--font-head);font-size:16px}.wk-num{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:var(--bronze);color:#fff;font-size:14px}.wk-sub{color:var(--gold)}.wk-line{display:flex;align-items:center;gap:4px}.wk-skills{color:#c9b48a;line-height:1.25}.wk-mult{margin-top:auto;color:#ffb0a0}.wk-foot{position:absolute;left:30px;right:30px;bottom:14px;height:100px;padding:8px 14px;display:flex;align-items:center;justify-content:space-between;gap:16px}.wk-rewards{display:flex;flex-direction:column;gap:4px;font-size:14px}.wk-rewards b{color:var(--gold)}.wk-go{min-width:150px;min-height:52px;font-size:18px}.rank-badge{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 10px 0 8px;border:2px solid var(--rk, #888);border-radius:14px;background:linear-gradient(#2a1a10,#140c08);color:var(--rk, #fff);font-family:var(--font-head);font-size:13px;white-space:nowrap;box-shadow:0 0 6px color-mix(in srgb,var(--rk, #888) 50%,transparent)}.rank-gem{width:10px;height:10px;transform:rotate(45deg);background:var(--rk, #888);box-shadow:0 0 6px var(--rk, #888)}.rank-badge.wide{height:32px;padding-right:12px}.rank-bar{position:relative;width:80px;height:8px;border-radius:4px;background:#0006;overflow:hidden}.rank-bar b{position:absolute;left:0;top:0;bottom:0;background:var(--rk, #888)}.rep-line{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:8px;font-size:12px;color:#c9b48a}.rankup-box .rankup-hero{display:flex;justify-content:center;margin:4px 0}.rankup-box .btn-row{justify-content:center}button.rank-badge.tappable{cursor:pointer}button.rank-badge.tappable:active{transform:translateY(1px)}.mk-head{position:absolute;left:24px;right:24px;height:26px;display:flex;align-items:center;gap:12px;z-index:2}.mk-title{font-family:var(--font-head);font-size:16px;color:var(--gold);letter-spacing:1px}.mk-msg{font-size:12px;color:var(--green);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.mk-refresh{margin-left:auto;min-height:28px;height:28px;min-width:0;padding:0 14px;font-size:13px;display:inline-flex;align-items:center;gap:4px}.mk-grid{position:absolute;left:24px;right:24px;display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.mk-grid.daily{grid-auto-rows:112px}.mk-grid.special{grid-auto-rows:152px}.mk-card{position:relative;display:flex;flex-direction:column;gap:4px;padding:6px 8px;border:2px solid var(--rc, var(--bronze));border-radius:8px;background:linear-gradient(#3a2416,#1c110a);box-shadow:0 2px #000a,0 0 10px color-mix(in srgb,var(--rc, #000) 35%,transparent);min-width:0}.mk-card.locked{filter:saturate(.4);opacity:.85}.mk-card.sold{opacity:.55}.mk-top{display:flex;gap:8px;align-items:flex-start;flex:1;min-height:0}.mk-art{flex:none;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:6px;background:#0006;border:1px solid color-mix(in srgb,var(--rc, #888) 60%,transparent)}.mk-txt{display:flex;flex-direction:column;min-width:0;line-height:1.15}.mk-txt b{font-family:var(--font-head);font-size:13px;color:var(--rc, var(--cream));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mk-desc{font-size:11px;color:#d9c8a0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.mk-grid.daily .mk-desc{-webkit-line-clamp:2}.mk-mid{display:flex;align-items:center;justify-content:space-between;gap:6px;height:26px;font-size:11px}.mk-stock{color:#c9b48a;white-space:nowrap}.mk-stock.out{color:var(--red)}.mk-need{font-size:12px;font-weight:800}.mk-pick{min-height:24px;height:24px;padding:0 8px;font-size:11px;max-width:130px;white-space:nowrap}.mk-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.mk-foot{display:flex;align-items:center;justify-content:space-between;gap:6px}.mk-price{display:inline-flex;align-items:center;gap:4px;font-family:var(--font-head);font-size:15px}.mk-buy{min-height:28px;height:28px;min-width:78px;padding:0 14px;font-size:14px}.pf-col{position:absolute;top:64px;bottom:16px;padding:10px 14px;display:flex;flex-direction:column;gap:6px}.pf-hero{left:24px;width:250px;align-items:center;border-color:var(--rk, var(--bronze));background:radial-gradient(ellipse at 50% 28%,color-mix(in srgb,var(--rk, #888) 28%,transparent),transparent 62%),linear-gradient(var(--wood-light),var(--wood-dark))}.pf-portrait{width:190px;height:190px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:radial-gradient(#0008,#0003 70%,transparent)}.pf-rank{font-family:var(--font-head);font-size:26px;letter-spacing:2px;line-height:1.1}.pf-rep{width:100%;display:flex;flex-direction:column;gap:3px;align-items:center;margin-top:4px}.pf-rep .bar{width:100%;height:18px}.pf-power{margin-top:auto;width:100%;display:flex;flex-direction:column;align-items:center;padding:6px 0 2px;border-top:1px solid #b07a3a66;font-size:12px;color:#c9b48a;text-transform:uppercase;letter-spacing:2px}.pf-power b{font-family:var(--font-head);font-size:34px;color:var(--gold);letter-spacing:1px;line-height:1.1;text-shadow:0 0 12px #ffc83d66}.pf-mid{left:286px;width:330px}.pf-right{left:628px;right:24px}.pf-h{margin:0 0 2px;font-family:var(--font-head);font-size:14px;letter-spacing:2px;text-transform:uppercase;color:var(--bronze-hi)}.pf-row{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding:5px 8px;border-radius:5px;background:#0003;font-size:13px}.pf-row span{color:#c9b48a}.pf-row b{font-family:var(--font-head);font-size:15px;text-align:right}.pf-mid .pf-row{padding:8px 10px}.pf-ach{margin-top:auto;display:flex;flex-direction:column;gap:4px}.pf-ach .bar{height:16px}.pf-card{display:flex;align-items:center;gap:8px;padding:4px 8px;border:2px solid var(--rc, var(--bronze));border-radius:6px;background:#0004;box-shadow:0 0 8px color-mix(in srgb,var(--rc, #000) 40%,transparent)}.pf-card-name{flex:1;min-width:0;font-family:var(--font-head);font-size:14px;color:var(--rc, var(--cream));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pf-card b{font-family:var(--font-head);font-size:16px;color:var(--cream)}.pf-set{margin-top:2px}.pf-empty{padding:8px 4px}.pf-totals{display:flex;flex-direction:column;gap:3px}.pf-totals .pf-row{padding:3px 8px}.sound-box{display:flex;flex-direction:column;gap:8px}.vol-row{display:flex;align-items:center;gap:12px;font-size:15px}.vol-row span{width:70px}.vol-row input[type=range]{flex:1;accent-color:#ffc83d;height:28px}.vol-row b{width:32px;text-align:right}.cross{width:880px;text-align:center}.cross-title{font-family:var(--font-head);font-size:30px;letter-spacing:3px;text-transform:uppercase;color:#f1e2b8;margin:0 0 2px;text-shadow:0 2px 0 #000a}.cross-sub{font-size:14px;color:#cdd3e6;margin-bottom:8px}.cross-scene{position:relative;width:880px;border-radius:10px;overflow:hidden;border:2px solid #0b0d18;box-shadow:0 6px 24px #000a}.cross-bg{position:absolute;top:0;right:0;bottom:0;left:0}.cross-glow{animation:cross-flick 1.1s ease-in-out infinite alternate}.cross-camp{position:absolute;left:30px;width:80px}.cross-you{font-family:var(--font-head);font-size:13px;color:#f1e2b8;margin-top:-6px}.cross-flame{transform-origin:40px 62px;animation:cross-flick .5s ease-in-out infinite alternate}.cross-flame2{transform-origin:40px 62px;animation:cross-flick .35s ease-in-out infinite alternate-reverse}@keyframes cross-flick{0%{opacity:.75;transform:scale(.94,.9)}to{opacity:1;transform:scale(1.04,1.08)}}.cross-branch{position:absolute;left:0;width:880px;padding:0;margin:0;border:0;background:transparent;cursor:pointer;text-align:left;font-family:var(--font-body);color:#fff}.cross-road{position:absolute;left:0;top:0;overflow:visible;pointer-events:none}.road-edge{fill:none;stroke:#2c2218;stroke-width:30;stroke-linecap:butt}.road-dirt{fill:none;stroke:#8a6b45;stroke-width:24}.road-glow{fill:none;stroke:var(--dc);stroke-width:6;stroke-dasharray:14 10;opacity:.35}.cross-branch:hover .road-dirt,.cross-branch:active .road-dirt,.cross-branch:focus-visible .road-dirt{stroke:#c29a62}.cross-branch:hover .road-glow,.cross-branch:active .road-glow,.cross-branch:focus-visible .road-glow{opacity:1;animation:cross-march .8s linear infinite}@keyframes cross-march{to{stroke-dashoffset:-24}}.cross-branch:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 30%,color-mix(in srgb,var(--dc) 35%,transparent));opacity:0;transition:opacity .15s}.cross-branch:hover:before,.cross-branch:active:before,.cross-branch:focus-visible:before{opacity:1}.cross-branch:active{filter:brightness(1.15)}.cross-sign{position:absolute;left:540px;right:12px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:2px;padding:6px 10px 7px;background:#3b2a18;border:2px solid var(--dc);border-radius:4px;box-shadow:0 3px #0008}.cross-sign:before{content:"";position:absolute;left:-14px;top:50%;width:14px;height:6px;margin-top:-3px;background:#5a3b20}.cross-sign-name{font-family:var(--font-head);font-size:17px;font-weight:700;color:var(--gold);text-transform:uppercase;letter-spacing:1px}.cross-sign-hint{font-size:13px;font-weight:800;color:var(--dc);filter:brightness(1.5)}.cross-sign-desc{font-size:13px;line-height:16px;color:#e9ddc4}.cross-branch:hover .cross-sign{background:#4d3820}.eyes{animation:cross-blink 3.2s infinite}@keyframes cross-blink{0%,92%,to{opacity:1}95%{opacity:.1}}.orb,.lantern,.flame{animation:cross-flick .9s ease-in-out infinite alternate}.shrine-aura{animation:cross-flick 1.8s ease-in-out infinite alternate}.qmark{animation:cross-flick 1.6s ease-in-out infinite alternate}.orb,.lantern,.flame,.shrine-aura,.qmark,.cross-glow,.cross-flame,.cross-flame2{transform-box:fill-box;transform-origin:center bottom}.orb,.lantern,.shrine-aura,.qmark,.cross-glow{transform-origin:center}.seg-row{display:flex;gap:8px;flex:1}.seg-row button{flex:1;min-height:44px}.bal-screen{position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;display:flex;flex-direction:column;background:#1b1410f2;color:#f4ead5;padding:8px 14px;gap:6px}.bal-top{display:flex;align-items:center;justify-content:space-between}.bal-top h2{margin:0;font-family:var(--font-head)}.bal-x{min-height:44px;min-width:96px}.bal-read{background:#0005;border-radius:6px;padding:6px 10px;font-size:14px;line-height:1.35}.bal-note{font-size:12px;opacity:.75}.bal-list{flex:1;overflow-y:auto;min-height:0;-webkit-overflow-scrolling:touch}.bal-list h3{font-family:var(--font-head);margin:10px 0 4px;color:var(--gold)}.bal-knob{display:flex;align-items:center;gap:10px;padding:5px 8px;border-radius:6px;background:#0003;margin-bottom:4px}.bal-knob.on{background:#5a3d0a66}.bal-name{flex:1 1 40%;min-width:0;display:flex;flex-direction:column;font-size:14px}.bal-name span{font-size:11px;opacity:.7}.bal-ctl{flex:1 1 60%;display:flex;align-items:center;gap:6px}.bal-ctl input[type=range]{flex:1;min-width:0;accent-color:#ffc83d;height:36px}.bal-step{width:44px;height:44px;font-size:24px;border-radius:8px;border:2px solid #0008;background:#6b4a2a;color:#fff}.bal-step:disabled{opacity:.4}.bal-val{width:44px;text-align:center;font-size:15px}.bal-reset{height:44px;min-width:64px;border-radius:8px;border:2px solid #0008;background:#3a2c20;color:#fff}.bal-reset:disabled{opacity:.3}.bal-foot{display:flex;align-items:center;gap:10px}.bal-foot button{min-height:48px;min-width:130px}.bal-msg{font-size:13px;opacity:.85}.bal-json{width:100%;height:56px;font-size:12px;font-family:monospace}