:root{--bone:#e9e0c8;--bone-d:#b8a988;--slate:#1b2230;--slate-2:#2b3648;--ink:#0b0e14;--teal:#7cf5c8;--teal-d:#2e8f76;--crim:#ff3b3b;--gold:#ffcf5c;--violet:#b45cff}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden;background:#07090d}body{user-select:none;-webkit-user-select:none;cursor:default;-webkit-tap-highlight-color:transparent;touch-action:manipulation;overscroll-behavior:none;font-family:Noto Sans SC,PingFang SC,Microsoft YaHei,Heiti SC,sans-serif;color:var(--bone)}img{-webkit-user-drag:none;user-drag:none;image-rendering:pixelated}#game{position:fixed;inset:0}canvas{image-rendering:pixelated}#ui{position:fixed;left:0;top:0;width:100%;height:100%;pointer-events:none;overflow:hidden}#ui *{pointer-events:none}#ui button,#ui .clickable{pointer-events:auto}.hidden{display:none!important}#hud{position:absolute;inset:0}.hud-left{position:absolute;left:calc(18px*var(--s));top:calc(14px*var(--s));display:flex;flex-direction:column;gap:calc(6px*var(--s))}.hp-wrap{position:relative;display:flex;align-items:center;gap:calc(8px*var(--s))}.hp-bar{position:relative;width:calc(260px*var(--s));height:calc(22px*var(--s));background:#150d12;border:calc(3px*var(--s)) solid #0a0c11;box-shadow:0 0 0 calc(2px*var(--s)) #46403a}.hp-fill{height:100%;width:100%;background:linear-gradient(#ff6b5e,#c21f2e);transition:width .12s steps(4)}.hp-notches{position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(24px*var(--s)),#0a0c11 calc(24px*var(--s)),#0a0c11 calc(27px*var(--s)))}.hp-text{font-size:calc(19px*var(--s));letter-spacing:1px;text-shadow:calc(2px*var(--s)) calc(2px*var(--s)) 0 #000}.soul-row{display:flex;align-items:center;gap:calc(6px*var(--s));font-size:calc(24px*var(--s));color:var(--teal);text-shadow:calc(2px*var(--s)) calc(2px*var(--s)) 0 #000}.soul-icon{width:calc(26px*var(--s));height:auto}.shield-row{font-size:calc(19px*var(--s));color:#9fd8ff;text-shadow:calc(2px*var(--s)) calc(2px*var(--s)) 0 #000}.hud-center{position:absolute;left:50%;top:calc(12px*var(--s));transform:translate(-50%);text-align:center}.floor-tag{font-size:calc(21px*var(--s));color:var(--bone-d);letter-spacing:calc(3px*var(--s));text-shadow:calc(2px*var(--s)) calc(2px*var(--s)) 0 #000}.boss-hp{margin-top:calc(6px*var(--s))}.boss-name{font-size:calc(20px*var(--s));color:var(--crim);letter-spacing:calc(2px*var(--s))}.boss-bar{width:calc(520px*var(--s));height:calc(16px*var(--s));background:#150d12;border:calc(3px*var(--s)) solid #0a0c11;box-shadow:0 0 0 calc(2px*var(--s)) #6b2b2b}.boss-fill{height:100%;width:100%;background:linear-gradient(#ff4d4d,#7a0f1f);transition:width .15s steps(4)}.boss-shield{width:calc(520px*var(--s));height:calc(8px*var(--s));margin-top:calc(3px*var(--s));background:#0d1420;border:calc(2px*var(--s)) solid #0a0c11;box-shadow:0 0 0 calc(2px*var(--s)) #2b5a6b}.boss-shield-fill{height:100%;width:100%;background:linear-gradient(#9fe8ff,#2b5a8b);transition:width .15s steps(4)}.hud-right{position:absolute;right:calc(16px*var(--s));top:calc(14px*var(--s))}.minimap{display:grid;gap:calc(3px*var(--s));grid-auto-rows:calc(20px*var(--s))}.mm-cell{width:calc(20px*var(--s));height:calc(20px*var(--s));display:flex;align-items:center;justify-content:center;font-size:calc(13px*var(--s));color:#7d8ba0}.mm-cell.known{background:#232d3e;box-shadow:inset 0 0 0 calc(2px*var(--s)) #3c4a60}.mm-cell.cur{background:var(--teal-d);color:#04120d;box-shadow:inset 0 0 0 calc(2px*var(--s)) var(--teal)}.mm-cell.cleared{background:#1b2430}.mm-cell.boss{color:#ff8080}.hud-bottom{position:absolute;left:calc(18px*var(--s));bottom:calc(38px*var(--s));display:flex;align-items:flex-end;gap:calc(10px*var(--s))}.wslot{position:relative;width:calc(88px*var(--s));height:calc(60px*var(--s));background:#161d29;border:calc(3px*var(--s)) solid #0a0c11;box-shadow:0 0 0 calc(2px*var(--s)) #3c4a60;display:flex;align-items:center;justify-content:center}.wslot.active{box-shadow:0 0 0 calc(2px*var(--s)) var(--teal),0 0 calc(14px*var(--s)) #7cf5c880}.wslot img{max-width:80%;max-height:70%}.wslot b{position:absolute;bottom:calc(-22px*var(--s));left:0;width:100%;text-align:center;font-size:calc(15px*var(--s));font-weight:400;white-space:nowrap}.wkey{position:absolute;top:calc(2px*var(--s));left:calc(4px*var(--s));font-size:calc(13px*var(--s));color:#6a778c}.skill{position:relative;width:calc(64px*var(--s));height:calc(64px*var(--s));background:radial-gradient(circle at 50% 40%,#2c6d5c,#10202b);border:calc(3px*var(--s)) solid #0a0c11;box-shadow:0 0 0 calc(2px*var(--s)) var(--teal-d);overflow:hidden;display:flex;align-items:flex-end;justify-content:center}.skill-cd{position:absolute;left:0;bottom:0;width:100%;height:0%;background:#060a10c7}.sk-name{position:relative;font-size:calc(15px*var(--s));text-shadow:calc(2px*var(--s)) calc(2px*var(--s)) 0 #000;padding-bottom:calc(3px*var(--s))}.sk-cost{position:absolute;top:calc(3px*var(--s));right:calc(5px*var(--s));font-size:calc(14px*var(--s));color:var(--teal)}.skill.ready{box-shadow:0 0 0 calc(2px*var(--s)) var(--teal),0 0 calc(16px*var(--s)) #7cf5c873}.skill-charge{position:absolute;left:0;bottom:0;width:100%;height:0%;background:linear-gradient(transparent,#9fe8ffbf);pointer-events:none}.skill-charge.full{background:linear-gradient(#ffffff4d,#ffffffe6)}.toast{position:absolute;left:50%;top:38%;transform:translate(-50%);font-size:calc(26px*var(--s));letter-spacing:calc(2px*var(--s));text-shadow:calc(3px*var(--s)) calc(3px*var(--s)) 0 #000;opacity:0}.toast.show{animation:toastPop 1.5s steps(12) forwards}@keyframes toastPop{0%{opacity:0;transform:translate(-50%,calc(12px*var(--s)))}12%{opacity:1;transform:translate(-50%)}80%{opacity:1}to{opacity:0}}.hint{position:absolute;left:50%;bottom:calc(124px*var(--s));transform:translate(-50%);font-size:calc(21px*var(--s));color:var(--bone);letter-spacing:calc(2px*var(--s));padding:calc(6px*var(--s)) calc(16px*var(--s));background:#080b10b8;box-shadow:0 0 0 calc(2px*var(--s)) #46556e;opacity:0;transition:opacity .18s steps(3)}.hint.show{opacity:1}.screen{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(11px*var(--s))}.screen.dim{background:#05070bd1}#titleScreen,#selectScreen,#forgeScreen{background:radial-gradient(ellipse at 50% 120%,rgba(124,245,200,.13),transparent 60%),linear-gradient(#070a0f,#0e1420 70%,#160f14)}.logo{width:calc(520px*var(--s));height:auto;filter:drop-shadow(0 calc(6px*var(--s)) 0 rgba(0,0,0,.6));animation:logoFloat 4.5s ease-in-out infinite}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(calc(-8px*var(--s)))}}.subtitle{font-size:calc(22px*var(--s));letter-spacing:calc(10px*var(--s));color:var(--teal-d);margin-top:calc(-6px*var(--s))}.menu{display:flex;flex-direction:column;gap:calc(12px*var(--s));margin-top:calc(10px*var(--s))}.souls-owned{position:absolute;bottom:calc(20px*var(--s));font-size:calc(19px*var(--s));color:var(--teal)}.btn{position:relative;font-family:inherit;color:#2a2113;font-size:calc(22px*var(--s));letter-spacing:calc(4px*var(--s));height:calc(56px*var(--s));min-width:calc(260px*var(--s));padding:0 calc(34px*var(--s));background:transparent;border:0 solid transparent;border-left-width:calc(35px*var(--s));border-right-width:calc(35px*var(--s));border-image:url(./button-plate-DGzrmEIY.png) 0 120 0 120 fill / 0 calc(35px*var(--s));text-shadow:0 calc(1px*var(--s)) 0 rgba(255,255,255,.35);transition:transform .08s steps(2),filter .08s steps(2)}.btn:hover{filter:brightness(1.12) saturate(1.1)}.btn:active{transform:translateY(calc(3px*var(--s)));filter:brightness(.9)}.btn.ghost{filter:grayscale(.55) brightness(.85)}.btn.ghost:hover{filter:grayscale(.2) brightness(1.05)}.btn:disabled{filter:grayscale(.9) brightness(.55);cursor:default}.screen-title{font-size:calc(30px*var(--s));letter-spacing:calc(8px*var(--s));color:var(--bone);text-shadow:calc(3px*var(--s)) calc(3px*var(--s)) 0 #000}.row-btns{display:flex;gap:calc(14px*var(--s));margin-top:calc(8px*var(--s))}.select-body{display:flex;gap:calc(22px*var(--s));align-items:flex-start;margin-top:calc(10px*var(--s))}.hero-row{display:grid;grid-template-columns:repeat(4,calc(128px*var(--s)));gap:calc(9px*var(--s));justify-content:center}.hero-card{pointer-events:auto;position:relative;width:calc(128px*var(--s));height:calc(152px*var(--s));background:linear-gradient(#1a2231,#0c1119);box-shadow:0 0 0 calc(2px*var(--s)) #3c4a60;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;transition:transform .1s steps(2);overflow:hidden}.hero-card:before{content:"";position:absolute;left:0;right:0;bottom:0;height:calc(42px*var(--s));background:linear-gradient(transparent,#04070beb)}.hero-card.clickable:hover{transform:translateY(calc(-4px*var(--s)))}.hero-card.sel{box-shadow:0 0 0 calc(3px*var(--s)) var(--teal),0 0 calc(20px*var(--s)) #7cf5c859}.hero-card img{position:absolute;bottom:calc(26px*var(--s));max-height:78%;max-width:92%;transform-origin:50% 100%;image-rendering:pixelated;animation:heroIdle 2.4s steps(12,end) infinite}.hero-card:nth-child(2n) img{animation-delay:-.6s}.hero-card:nth-child(3n) img{animation-delay:-1.2s}.hero-card:nth-child(5n) img{animation-delay:-1.8s}.hero-card.sel img{animation:heroIdleSel 1.5s steps(10,end) infinite;filter:drop-shadow(0 0 calc(9px*var(--s)) rgba(124,245,200,.6))}@keyframes heroIdle{0%{transform:translateY(0) scaleY(1)}35%{transform:translateY(calc(-3px*var(--s))) scaleY(1.02)}70%{transform:translateY(calc(-1px*var(--s))) scaleY(.995)}to{transform:translateY(0) scaleY(1)}}@keyframes heroIdleSel{0%{transform:translateY(0) scale(1.06) rotate(0)}30%{transform:translateY(calc(-6px*var(--s))) scale(1.055,1.085) rotate(-1deg)}60%{transform:translateY(calc(-2px*var(--s))) scale(1.07,1.05) rotate(1deg)}to{transform:translateY(0) scale(1.06) rotate(0)}}.hero-card .hname{position:absolute;bottom:calc(13px*var(--s));font-size:calc(18px*var(--s));letter-spacing:calc(1px*var(--s));text-shadow:calc(2px*var(--s)) calc(2px*var(--s)) 0 #000;z-index:2}.hero-card .hrole{position:absolute;bottom:calc(3px*var(--s));font-size:calc(11px*var(--s));letter-spacing:calc(1px*var(--s));color:#8fa4b8;z-index:2}.hero-card .hnum{position:absolute;top:calc(3px*var(--s));left:calc(5px*var(--s));font-size:calc(11px*var(--s));color:#6b7b8e;z-index:2}.hero-detail{width:calc(468px*var(--s));min-height:calc(486px*var(--s));padding:calc(18px*var(--s)) calc(20px*var(--s));background:linear-gradient(160deg,#121924f0,#070a0ff0);box-shadow:0 0 0 calc(2px*var(--s)) #46556e;display:flex;flex-direction:column;gap:calc(9px*var(--s));text-align:left}.hd-head{display:flex;align-items:flex-end;gap:calc(12px*var(--s));border-bottom:calc(2px*var(--s)) solid #2b3648;padding-bottom:calc(9px*var(--s))}.hd-portrait{width:calc(104px*var(--s));height:calc(128px*var(--s));flex:none;position:relative;background:linear-gradient(#141c28,#090d13);box-shadow:0 0 0 calc(2px*var(--s)) #3c4a60;display:flex;align-items:flex-end;justify-content:center;overflow:hidden}.hd-portrait img{max-height:94%;max-width:96%;image-rendering:pixelated;filter:drop-shadow(0 0 calc(8px*var(--s)) rgba(0,0,0,.8))}.hd-title{flex:1;min-width:0}.hd-name{font-size:calc(32px*var(--s));letter-spacing:calc(3px*var(--s));line-height:1.15}.hd-sub{font-size:calc(15px*var(--s));color:#93a6ba;margin-top:calc(3px*var(--s))}.hd-tag{display:inline-block;margin-top:calc(6px*var(--s));font-size:calc(11px*var(--s));padding:calc(1px*var(--s)) calc(7px*var(--s));color:#0a1016}.hd-stats{display:flex;flex-direction:column;gap:calc(5px*var(--s))}.hd-stat{display:flex;align-items:center;gap:calc(8px*var(--s));font-size:calc(13px*var(--s));color:#93a6ba}.hd-stat .lb{width:calc(38px*var(--s));flex:none;color:#7f93a8}.hd-bar{flex:1;height:calc(11px*var(--s));background:#0c1119;box-shadow:inset 0 0 0 calc(1px*var(--s)) #33415a;display:flex;gap:calc(2px*var(--s));padding:calc(2px*var(--s))}.hd-seg{flex:1;background:#1b2634}.hd-seg.on{background:var(--teal)}.hd-stat .vv{width:calc(34px*var(--s));flex:none;text-align:right;color:#c3d2e0}.hd-block{background:#090d13cc;box-shadow:0 0 0 calc(1px*var(--s)) #2b3648;padding:calc(8px*var(--s)) calc(10px*var(--s))}.hd-block .bh{display:flex;align-items:center;gap:calc(7px*var(--s));margin-bottom:calc(4px*var(--s))}.hd-block .bk{font-size:calc(11px*var(--s));padding:calc(1px*var(--s)) calc(6px*var(--s));background:#2b3648;color:#c8d6e4;letter-spacing:calc(1px*var(--s))}.hd-block .bn{font-size:calc(18px*var(--s));color:var(--bone)}.hd-block .bd{font-size:calc(14px*var(--s));color:#a6b6c6;line-height:1.6}.hd-meta{display:flex;gap:calc(8px*var(--s));margin-top:calc(5px*var(--s));flex-wrap:wrap}.hd-chip{font-size:calc(11px*var(--s));color:#8fd8c0;background:#7cf5c81a;box-shadow:inset 0 0 0 calc(1px*var(--s)) #7cf5c859;padding:calc(1px*var(--s)) calc(7px*var(--s))}.hd-chip.warn{color:#ffc78a;background:#ff9b2f1a;box-shadow:inset 0 0 0 calc(1px*var(--s)) #ff9b2f66}.forge-souls{font-size:calc(21px*var(--s));color:var(--teal)}.forge-grid{display:grid;grid-template-columns:repeat(3,calc(280px*var(--s)));gap:calc(12px*var(--s))}.forge-item{padding:calc(12px*var(--s));background:#0c1119d9;box-shadow:0 0 0 calc(2px*var(--s)) #46556e;font-size:calc(18px*var(--s));line-height:1.5}.forge-item .fname{font-size:calc(20px*var(--s));color:var(--bone)}.forge-item .flv{color:var(--gold)}.forge-item .fcost{color:var(--teal)}.forge-item.clickable:hover{box-shadow:0 0 0 calc(2px*var(--s)) var(--teal)}.forge-item.max{filter:grayscale(.7) brightness(.8)}.panel{position:relative;min-width:calc(720px*var(--s));max-width:calc(1000px*var(--s));padding:calc(52px*var(--s)) calc(56px*var(--s)) calc(44px*var(--s));display:flex;flex-direction:column;align-items:center;gap:calc(12px*var(--s))}.panel:before{content:"";position:absolute;inset:0;z-index:-1;border:calc(48px*var(--s)) solid transparent;border-image:url(./panel-frame-DAn84D--.png) 200 fill / calc(48px*var(--s)) stretch}.panel-title{font-size:calc(30px*var(--s));letter-spacing:calc(6px*var(--s));text-shadow:calc(3px*var(--s)) calc(3px*var(--s)) 0 #000}.panel-sub{font-size:calc(19px*var(--s));color:var(--bone-d)}.card-row{display:flex;gap:calc(14px*var(--s));flex-wrap:wrap;justify-content:center}.card{position:relative;width:calc(230px*var(--s));min-height:calc(190px*var(--s));padding:calc(14px*var(--s));background:linear-gradient(#1b2433,#0d1319);box-shadow:0 0 0 calc(3px*var(--s)) #46556e;display:flex;flex-direction:column;align-items:center;gap:calc(8px*var(--s));text-align:center;transition:transform .09s steps(2)}.card.clickable:hover{transform:translateY(calc(-6px*var(--s)));box-shadow:0 0 0 calc(3px*var(--s)) var(--teal)}.card.disabled{filter:grayscale(.8) brightness(.6)}.card img{width:calc(86px*var(--s));height:calc(66px*var(--s));object-fit:contain}.card .cname{font-size:calc(21px*var(--s))}.card .cdesc{font-size:calc(17px*var(--s));color:#b9c4d4;line-height:1.5}.card .cprice{font-size:calc(18px*var(--s));color:var(--teal)}.card .ctag{font-size:calc(15px*var(--s));letter-spacing:calc(2px*var(--s))}.q0{color:#e8e8e8}.q1{color:#6fdc6f}.q2{color:#4aa3ff}.q3{color:#b45cff}.q4{color:#ff9b2f}.q5{color:#ff3b3b}.help-body{display:flex;gap:calc(34px*var(--s));font-size:calc(18px*var(--s));line-height:1.75}.help-col{width:calc(330px*var(--s))}.help-col h4{font-size:calc(21px*var(--s));color:var(--gold);letter-spacing:calc(3px*var(--s));margin-bottom:calc(6px*var(--s));font-weight:400}.help-col p{color:#c6cfdb}.over-stats{font-size:calc(20px*var(--s));line-height:1.9;text-align:center;color:#c6cfdb}.over-souls{font-size:calc(24px*var(--s));color:var(--teal)}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}.hub{justify-content:flex-start;padding:0;overflow:hidden}.hub-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;image-rendering:pixelated;filter:brightness(.82) saturate(1.05)}.hub:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 55%,transparent 35%,rgba(5,8,14,.72) 100%);pointer-events:none}.hub-top{position:absolute;top:calc(12px*var(--s));left:calc(16px*var(--s));right:calc(16px*var(--s));display:flex;justify-content:space-between;align-items:center;z-index:3}.hub-hero{display:flex;align-items:center;gap:calc(8px*var(--s));background:#080c12b8;padding:calc(5px*var(--s)) calc(12px*var(--s));box-shadow:0 0 0 calc(2px*var(--s)) #3c4a60}.hub-hero img{height:calc(38px*var(--s));image-rendering:pixelated}.hub-hero span{font-size:calc(15px*var(--s));color:var(--bone)}.hub-souls{background:#080c12b8;padding:calc(6px*var(--s)) calc(14px*var(--s));font-size:calc(16px*var(--s));color:var(--teal);box-shadow:0 0 0 calc(2px*var(--s)) #2c4a52}.hub-stage{position:absolute;inset:0;z-index:2}.hub-npc{pointer-events:auto;position:absolute;transform:translate(-50%,-100%);display:flex;flex-direction:column;align-items:center;cursor:pointer;transition:transform .12s steps(2)}.hub-npc img{height:calc(116px*var(--s));image-rendering:pixelated;animation:npcIdle 2.8s steps(14,end) infinite;filter:drop-shadow(0 calc(3px*var(--s)) calc(5px*var(--s)) rgba(0,0,0,.7))}.hub-npc:nth-child(2n) img{animation-delay:-.7s}.hub-npc:nth-child(3n) img{animation-delay:-1.4s}.hub-npc:nth-child(5n) img{animation-delay:-2.1s}.hub-npc .tag{margin-top:calc(2px*var(--s));font-size:calc(12px*var(--s));color:var(--bone);background:#06090ed1;padding:calc(2px*var(--s)) calc(7px*var(--s));white-space:nowrap;box-shadow:0 0 0 calc(2px*var(--s)) #33404f;opacity:.85}.hub-npc:hover{transform:translate(-50%,-104%)}.hub-npc:hover .tag{opacity:1;color:var(--teal);box-shadow:0 0 0 calc(2px*var(--s)) var(--teal)}.hub-npc:hover img{filter:drop-shadow(0 0 calc(12px*var(--s)) rgba(124,245,200,.7))}.hub-npc .badge{position:absolute;top:calc(-6px*var(--s));right:calc(-4px*var(--s));font-size:calc(12px*var(--s));background:var(--teal);color:#06110d;padding:0 calc(5px*var(--s));box-shadow:0 0 0 calc(2px*var(--s)) #06110d}@keyframes npcIdle{0%{transform:translateY(0) scaleY(1)}40%{transform:translateY(calc(-4px*var(--s))) scaleY(1.025)}75%{transform:translateY(calc(-1px*var(--s))) scaleY(.99)}to{transform:translateY(0) scaleY(1)}}.hub-tip{position:absolute;bottom:calc(74px*var(--s));left:0;right:0;text-align:center;font-size:calc(13px*var(--s));color:#9fb0bd;z-index:3;text-shadow:calc(2px*var(--s)) calc(2px*var(--s)) 0 #000}.hub-foot{position:absolute;bottom:calc(16px*var(--s));left:0;right:0;display:flex;justify-content:center;gap:calc(14px*var(--s));z-index:3}.hub-loadout{position:absolute;left:calc(16px*var(--s));bottom:calc(16px*var(--s));z-index:3;display:flex;flex-direction:column;gap:calc(4px*var(--s));font-size:calc(12px*var(--s));color:#b9c6d2;max-width:calc(260px*var(--s))}.hub-loadout .li{background:#080c12bf;padding:calc(3px*var(--s)) calc(8px*var(--s));box-shadow:0 0 0 calc(2px*var(--s)) #2d3a49}.hub-loadout .li b{color:var(--teal)}.npc-panel{max-width:calc(660px*var(--s))}.npc-head{display:flex;gap:calc(14px*var(--s));align-items:flex-start;margin-bottom:calc(10px*var(--s))}.npc-head img{height:calc(92px*var(--s));image-rendering:pixelated}.npc-line{font-size:calc(14px*var(--s));color:#cbd6e0;line-height:1.55;margin-top:calc(4px*var(--s))}.npc-body{display:flex;flex-direction:column;gap:calc(7px*var(--s));max-height:calc(300px*var(--s));overflow-y:auto;padding-right:calc(4px*var(--s))}.shop-item{pointer-events:auto;display:flex;align-items:center;gap:calc(10px*var(--s));background:linear-gradient(90deg,#1a2231e6,#0e141de6);padding:calc(7px*var(--s)) calc(11px*var(--s));box-shadow:0 0 0 calc(2px*var(--s)) #3c4a60;cursor:pointer;transition:transform .08s steps(2)}.shop-item:hover{transform:translate(calc(4px*var(--s)));box-shadow:0 0 0 calc(2px*var(--s)) var(--teal)}.shop-item.off{opacity:.45;cursor:default}.shop-item.off:hover{transform:none;box-shadow:0 0 0 calc(2px*var(--s)) #3c4a60}.shop-item img{height:calc(42px*var(--s));image-rendering:pixelated}.shop-item .si-main{flex:1}.shop-item .si-name{font-size:calc(15px*var(--s));color:var(--bone)}.shop-item .si-desc{font-size:calc(12px*var(--s));color:#93a2b0;margin-top:calc(2px*var(--s))}.shop-item .si-cost{font-size:calc(15px*var(--s));color:var(--teal);white-space:nowrap}.shop-item .si-cost.no{color:#c0656b}.farm-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:calc(8px*var(--s))}.farm-plot{pointer-events:auto;position:relative;background:linear-gradient(#241c16,#140f0c);box-shadow:0 0 0 calc(2px*var(--s)) #4a3b2c;height:calc(104px*var(--s));display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:transform .08s steps(2)}.farm-plot:hover{transform:translateY(calc(-3px*var(--s)));box-shadow:0 0 0 calc(2px*var(--s)) var(--teal)}.farm-plot img{height:calc(58px*var(--s));image-rendering:pixelated}.farm-plot .fp-state{font-size:calc(11px*var(--s));color:#9fb0bd;margin-top:calc(3px*var(--s))}.farm-plot.ripe{box-shadow:0 0 0 calc(2px*var(--s)) var(--teal),0 0 calc(16px*var(--s)) #7cf5c859}.farm-plot.ripe .fp-state{color:var(--teal)}.farm-plot.ripe img{animation:cropRipe 1.1s steps(6,end) infinite}@keyframes cropRipe{0%{transform:translateY(0)}50%{transform:translateY(calc(-4px*var(--s)))}to{transform:translateY(0)}}.farm-plot .fp-empty{font-size:calc(26px*var(--s));color:#5b6b54}.env-tag{margin-top:calc(3px*var(--s));font-size:calc(14px*var(--s));letter-spacing:calc(1px*var(--s));color:#d8c6ff;background:#28183a9e;border:calc(2px*var(--s)) solid rgba(180,140,255,.45);padding:calc(2px*var(--s)) calc(10px*var(--s));border-radius:calc(3px*var(--s));text-shadow:calc(1px*var(--s)) calc(1px*var(--s)) 0 #000}.codex-wrap{display:grid;grid-template-columns:repeat(3,1fr);gap:calc(14px*var(--s));width:calc(1060px*var(--s));margin:0 auto}.cx-col{background:linear-gradient(180deg,#1a1622f0,#0e0c14f0);border:calc(3px*var(--s)) solid #4a4256;padding:calc(12px*var(--s));box-shadow:inset 0 0 0 calc(2px*var(--s)) #0009;max-height:calc(430px*var(--s));overflow:auto}.cx-col h4{margin:0 0 calc(8px*var(--s));font-size:calc(17px*var(--s));color:#ffcf5c;letter-spacing:calc(2px*var(--s));text-shadow:calc(2px*var(--s)) calc(2px*var(--s)) 0 #000}.cx-row{display:flex;justify-content:space-between;gap:calc(8px*var(--s));font-size:calc(13px*var(--s));color:#9aa6b8;padding:calc(3px*var(--s)) 0;border-bottom:calc(1px*var(--s)) solid rgba(255,255,255,.06)}.cx-row b{color:#e9e0c8;font-weight:400}.opt-body{width:calc(700px*var(--s));max-height:calc(430px*var(--s));overflow-y:auto;display:flex;flex-direction:column;gap:calc(7px*var(--s));padding:calc(4px*var(--s)) calc(2px*var(--s))}.opt-row{display:grid;grid-template-columns:calc(120px*var(--s)) 1fr calc(120px*var(--s));align-items:center;gap:calc(10px*var(--s));background:linear-gradient(180deg,#1e1a26eb,#100e16eb);border:calc(2px*var(--s)) solid #4a4256;padding:calc(8px*var(--s)) calc(12px*var(--s));box-shadow:inset 0 0 0 calc(2px*var(--s)) #0000008c}.opt-name{font-size:calc(15px*var(--s));color:#e9e0c8;letter-spacing:calc(1px*var(--s));text-shadow:calc(2px*var(--s)) calc(2px*var(--s)) 0 #000}.opt-val{font-size:calc(13px*var(--s));color:#ffcf5c;text-align:right;text-shadow:calc(1px*var(--s)) calc(1px*var(--s)) 0 #000}.opt-tip{grid-column:1 / -1;font-size:calc(11px*var(--s));color:#7f8ba0;margin-top:calc(2px*var(--s))}.opt-slider{-webkit-appearance:none;appearance:none;width:100%;height:calc(10px*var(--s));background:#14121a;border:calc(2px*var(--s)) solid #57506a;cursor:pointer}.opt-slider::-webkit-slider-thumb{-webkit-appearance:none;width:calc(16px*var(--s));height:calc(20px*var(--s));background:#d9cfae;border:calc(2px*var(--s)) solid #16131c;box-shadow:0 0 calc(6px*var(--s)) #7cf5c880}.opt-slider::-moz-range-thumb{width:calc(16px*var(--s));height:calc(20px*var(--s));background:#d9cfae;border:calc(2px*var(--s)) solid #16131c;border-radius:0}.opt-toggle{font-family:inherit;font-size:calc(14px*var(--s));color:#9aa6b8;cursor:pointer;background:#14121a;border:calc(2px*var(--s)) solid #57506a;padding:calc(4px*var(--s)) calc(16px*var(--s))}.opt-toggle.on{color:#7cf5c8;border-color:#7cf5c8;text-shadow:0 0 calc(6px*var(--s)) rgba(124,245,200,.6)}