.ksanctum{--jk-gold: #F5A623;--jk-gold-2: #FFD037;--jk-gold-3: #C88415;--jk-fg-1: #fff;--jk-fg-3: #cccccc;--jk-fg-muted: #888;--jk-fg-dim: #555;--jk-bg-1: #0A0A0A;--jk-bg-2: #0D0D0D;--jk-font-sans: "Inter", system-ui, sans-serif;--jk-font-serif: "Cinzel", serif;--jk-font-display: "Cinzel Decorative", "Cinzel", serif;--jk-font-mono: "Space Mono", monospace;position:fixed;top:0;right:0;bottom:0;left:0;background:#000;color:#fff;font-family:var(--jk-font-sans);overflow:hidden;z-index:1}.ksanctum *,.ksanctum *:before,.ksanctum *:after{box-sizing:border-box}.ksanctum button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit;padding:0}.ksanctum button:focus-visible{outline:1px solid var(--jk-gold);outline-offset:2px}.ksanctum ::-webkit-scrollbar{width:4px;height:4px}.ksanctum ::-webkit-scrollbar-track{background:transparent}.ksanctum ::-webkit-scrollbar-thumb{background:rgba(245,166,35,.3);border-radius:2px}@keyframes sanctumTarotPulse{0%,to{box-shadow:0 0 #facc1500}50%{box-shadow:0 0 0 6px #facc152e}}@keyframes sanctumScreenIn{0%{opacity:0;transform:translateY(8px) scale(.99);filter:blur(2px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@keyframes sanctumKrFlash{0%{transform:scale(1);background:rgba(8,8,8,.7)}35%{transform:scale(1.06);background:rgba(250,204,21,.35)}to{transform:scale(1);background:rgba(8,8,8,.7)}}@keyframes sanctumDockPulse{0%,to{opacity:1}50%{opacity:.55}}@keyframes sanctumChipFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-2px) scale(1.04)}}@keyframes sanctumWelcomePulse{0%,to{box-shadow:0 0 20px #f5a6234d;transform:scale(1)}50%{box-shadow:0 0 40px #f5a623b3,0 0 60px #f5a6234d;transform:scale(1.03)}}.ksanctum .pack-tile{cursor:pointer}.ksanctum .pack-tile:hover{transform:translateY(-12px)}.ksanctum .pack-tile:active{transform:translateY(-6px) scale(.98);transition:all 80ms ease}@keyframes sanctumMountFade{0%{opacity:0}to{opacity:1}}.ksanctum .app-shell{animation:sanctumMountFade .5s ease both}.ksanctum .hud-pill{transition:all .2s ease}.ksanctum .hud-pill:hover{transform:translateY(-1px);box-shadow:0 4px 16px #f5a6232e}.ksanctum .hud-avatar:hover{transform:scale(1.06)}.ksanctum .inv-cell:not(.locked):hover{transform:translateY(-2px) scale(1.04);z-index:2}.ksanctum .dock-btn{transition:all .22s cubic-bezier(.16,1,.3,1)}.ksanctum .dock-btn:not(.active):hover{transform:translateY(-2px)}.ksanctum .dock-btn:active{transform:translateY(0) scale(.96)}.ksanctum .modal-card,.modal-back .modal-card{animation:sanctumModalIn .4s cubic-bezier(.16,1,.3,1) both}@keyframes sanctumModalIn{0%{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.ksanctum .modal-card *::-webkit-scrollbar{width:6px;height:6px}.ksanctum .modal-card *::-webkit-scrollbar-track{background:transparent}.ksanctum .modal-card *::-webkit-scrollbar-thumb{background:rgba(245,166,35,.35);border-radius:99px}.ksanctum .modal-card *::-webkit-scrollbar-thumb:hover{background:rgba(245,166,35,.55)}.ksanctum .btn-prim,.ksanctum .btn-ghost{transition:all .22s cubic-bezier(.16,1,.3,1)}.ksanctum .btn-prim:not(:disabled):hover,.ksanctum .btn-ghost:not(:disabled):hover{transform:translateY(-1px)}.ksanctum .btn-prim:not(:disabled):active,.ksanctum .btn-ghost:not(:disabled):active{transform:translateY(0) scale(.97)}@media (prefers-reduced-motion: reduce){.ksanctum *,.ksanctum *:before,.ksanctum *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.app-shell{position:relative;width:100%;height:100%;overflow:hidden;isolation:isolate}.hud-top{position:absolute;top:0;left:0;right:0;z-index:30;padding:22px 32px;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(180deg,rgba(0,0,0,.85),transparent);pointer-events:none}.hud-top>*{pointer-events:auto}.hud-logo{display:flex;align-items:center;gap:12px}.hud-logo img{width:38px;height:38px;filter:drop-shadow(0 0 14px rgba(245,166,35,.5))}.hud-logo .name{font-family:Cinzel,serif;font-weight:700;font-size:13px;letter-spacing:4px;color:#fff9;text-transform:uppercase}.hud-logo img{width:30px!important;height:30px!important}.hud-stats{display:flex;gap:14px;align-items:center}.hud-pill{display:flex;align-items:center;gap:10px;padding:10px 18px;background:rgba(8,8,8,.7);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(245,166,35,.25);border-radius:999px;font-family:var(--jk-font-serif);font-weight:700;letter-spacing:1.5px;font-size:13px;text-transform:uppercase;transition:border-color .2s}.hud-pill:hover{border-color:#f5a62399}.hud-pill .ico{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-weight:900;font-size:11px;color:#0a0a0a}.hud-pill.ka .ico{background:linear-gradient(135deg,#FFE066,#F5A623);box-shadow:0 0 14px #f5a62399}.hud-pill.kr .ico{background:linear-gradient(135deg,#F6ECD2,#C88415)}.hud-pill .num{color:#fff}.hud-avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#6B461A,#20160C);border:1.5px solid rgba(245,166,35,.5);display:grid;place-items:center;font-family:Cinzel,serif;font-weight:900;font-size:14px;color:var(--jk-gold);letter-spacing:1px;cursor:pointer;transition:all .2s}.hud-avatar:hover{border-color:var(--jk-gold);box-shadow:0 0 20px #f5a62366}.dock{position:absolute;bottom:24px;left:50%;transform:translate(-50%);z-index:30;display:flex;gap:6px;padding:10px;background:rgba(5,5,5,.85);backdrop-filter:blur(20px) saturate(140%);-webkit-backdrop-filter:blur(20px) saturate(140%);border:1px solid rgba(245,166,35,.18);border-radius:999px;box-shadow:0 20px 60px #000000b3,inset 0 1px #f5a6231a}.dock-btn{position:relative;display:flex;align-items:center;gap:10px;padding:14px 24px;border-radius:999px;font-family:Cinzel,serif;font-weight:700;letter-spacing:2px;font-size:11px;text-transform:uppercase;color:#ffffff73;transition:all .28s cubic-bezier(.16,1,.3,1)}.dock-btn:hover{color:#ffffffd9}.dock-btn .glyph{font-size:18px;line-height:1}.dock-btn.active{color:#0a0a0a;background:linear-gradient(135deg,#FFE066,#F5A623);box-shadow:0 0 30px #f5a62380,inset 0 1px #fff6}.dock-btn .badge{position:absolute;top:6px;right:6px;min-width:18px;height:18px;padding:0 5px;border-radius:99px;background:#EF4444;color:#fff;font-size:9px;font-weight:900;display:grid;place-items:center;letter-spacing:0;box-shadow:0 0 10px #ef444499}.screen{position:absolute;top:0;right:0;bottom:0;left:0;display:block;overflow:hidden}.screen-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.screen-bg img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center 90%;object-position:center 90%;opacity:.55}.screen-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#000 0%,rgba(5,5,5,.96) 22%,rgba(5,5,5,.55) 45%,rgba(5,5,5,.5) 60%,rgba(0,0,0,.92) 90%,#000 100%),radial-gradient(ellipse 80% 50% at 50% 50%,transparent,rgba(0,0,0,.5) 100%)}.screen-bg.bg-flat img{display:none}.screen-bg.bg-open img{-o-object-position:center 130%;object-position:center 130%;opacity:.5}.screen-bg.bg-flat:after{background:radial-gradient(ellipse at 50% 30%,rgba(60,40,18,.35),transparent 65%),radial-gradient(ellipse at 50% 100%,rgba(245,166,35,.1),transparent 60%),#0a0805}.embers{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1;overflow:hidden}.ember{position:absolute;bottom:-10px;width:3px;height:3px;border-radius:50%;background:var(--jk-gold);box-shadow:0 0 6px var(--jk-gold);animation:emberRise var(--dur, 8s) linear infinite;animation-delay:var(--del, 0s);opacity:0}@keyframes emberRise{0%{transform:translate(0) scale(1);opacity:0}10%{opacity:.8}to{transform:translate(var(--x, 30px),-100vh) scale(.2);opacity:0}}.screen-content{position:relative;z-index:5;width:100%;height:100%;padding:96px 32px 130px;display:flex;flex-direction:column;min-height:0;max-width:100%;overflow:hidden;gap:10px}.screen-content>*{flex-shrink:0}.screen-content>.page-title{margin:0 0 4px}.page-eyebrow{margin-bottom:6px}.page-headline{font-size:clamp(28px,3.6vw,44px);padding:0 12px}.page-title{text-align:center;margin:12px 0 24px;flex-shrink:0}.page-eyebrow{font-family:Cinzel,serif;font-weight:700;font-size:10px;letter-spacing:5px;color:var(--jk-gold);text-transform:uppercase;margin-bottom:14px;display:flex;align-items:center;justify-content:center;gap:14px;line-height:1}.page-eyebrow:before,.page-eyebrow:after{content:"";width:32px;height:1px;background:linear-gradient(90deg,transparent,var(--jk-gold))}.page-eyebrow:after{background:linear-gradient(-90deg,transparent,var(--jk-gold))}.page-headline{font-family:Cinzel Decorative,serif;font-weight:900;font-size:clamp(34px,4.4vw,60px);letter-spacing:2px;text-transform:uppercase;line-height:1.1;background:linear-gradient(135deg,#FFE066 0%,#FDBB2A 35%,#F5A623 65%,#C88415 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 4px 20px rgba(0,0,0,.6));padding:0 12px}:root{--rar-common-1: #8a8a8a;--rar-common-2: #cccccc;--rar-rare-1: #2E81A0;--rar-rare-2: #7AC0DA;--rar-epic-1: #8C4FEB;--rar-epic-2: #C9A4FF;--rar-legend-1: #F5A623;--rar-legend-2: #FFD037;--rar-myth-1: #FF4500;--rar-myth-2: #FFA060}.rar-common{--rar1: var(--rar-common-1);--rar2: var(--rar-common-2)}.rar-rare{--rar1: var(--rar-rare-1);--rar2: var(--rar-rare-2)}.rar-epic{--rar1: var(--rar-epic-1);--rar2: var(--rar-epic-2)}.rar-legend{--rar1: var(--rar-legend-1);--rar2: var(--rar-legend-2)}.rar-myth{--rar1: var(--rar-myth-1);--rar2: var(--rar-myth-2)}.shop-row{display:flex;gap:clamp(10px,2vw,24px);align-items:center;justify-content:center;flex:1 1 0;padding:8px 0;min-height:0;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden}.tabs-wrap{flex-shrink:0}.tabs{margin:0 auto 8px}.pack-tile .pack-img{max-height:min(28vh,220px);-o-object-fit:contain;object-fit:contain;flex:0 1 auto;min-height:100px}.pack-tile{position:relative;width:clamp(150px,18vw,210px);flex-shrink:1;flex-grow:0;cursor:pointer;transition:transform .38s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;max-height:100%}.pack-tile:hover{transform:translateY(-12px)}.pack-tile .pack-img{width:100%;filter:drop-shadow(0 30px 50px rgba(0,0,0,.7));transition:filter .38s}.pack-tile:hover .pack-img{filter:drop-shadow(0 40px 70px var(--rar1)) drop-shadow(0 0 30px var(--rar2))}.pack-tile .pack-aura{position:absolute;top:30%;left:50%;transform:translate(-50%,-50%);width:80%;aspect-ratio:1;background:radial-gradient(circle,var(--rar1),transparent 65%);filter:blur(40px);opacity:0;transition:opacity .38s;z-index:-1}.pack-tile:hover .pack-aura{opacity:.9}.pack-meta{margin-top:12px;text-align:center;flex-shrink:0;flex-grow:0;min-height:130px}.pack-rar-tag{display:inline-block;font-family:Cinzel,serif;font-weight:700;font-size:9px;letter-spacing:3px;text-transform:uppercase;color:var(--rar2);padding:3px 10px;border:1px solid var(--rar1);border-radius:999px;margin-bottom:8px;background:rgba(0,0,0,.5)}.pack-name{font-family:Cinzel Decorative,serif;font-weight:900;font-size:18px;letter-spacing:1px;text-transform:uppercase;color:#fff;margin-bottom:6px;text-shadow:0 2px 10px rgba(0,0,0,.8)}.pack-sub{font-family:Space Mono,monospace;font-size:10px;letter-spacing:1.5px;color:#ffffff80;text-transform:uppercase;margin-bottom:14px}.pack-buy{display:inline-flex;align-items:center;gap:8px;padding:10px 22px;background:linear-gradient(135deg,rgba(255,224,102,.15),rgba(245,166,35,.1));border:1px solid var(--rar1);border-radius:999px;color:#fff;font-family:Cinzel,serif;font-weight:700;font-size:11px;letter-spacing:1.5px;text-transform:uppercase;transition:all .24s}.pack-tile:hover .pack-buy{background:linear-gradient(135deg,var(--rar2),var(--rar1));color:#0a0a0a;box-shadow:0 0 24px var(--rar1)}.tabs{display:inline-flex;background:rgba(8,8,8,.7);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(245,166,35,.18);border-radius:999px;padding:4px;gap:4px;margin:0 auto 24px}.tabs button{padding:10px 24px;font-family:Cinzel,serif;font-weight:700;letter-spacing:2.5px;font-size:11px;text-transform:uppercase;color:#fff6;border-radius:999px;transition:all .24s;display:flex;align-items:center;gap:8px}.tabs button.active{background:linear-gradient(135deg,rgba(255,208,55,.15),rgba(245,166,35,.2));color:#fff;box-shadow:inset 0 0 0 1px #f5a62366}.tabs-wrap{display:flex;justify-content:center}.opening-stage{position:relative;width:100%;height:100%;display:grid;place-items:center}.opening-pack{position:relative;height:min(58vh,600px);cursor:pointer;transition:transform .32s cubic-bezier(.16,1,.3,1)}.opening-pack img{height:100%;filter:drop-shadow(0 40px 80px rgba(245,166,35,.5));animation:floatPack 5s ease-in-out infinite}@keyframes floatPack{0%,to{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-20px) rotate(1deg)}}.opening-pack:hover img{filter:drop-shadow(0 40px 80px rgba(245,166,35,.9)) drop-shadow(0 0 30px rgba(255,224,102,.6))}.runic-circle{position:absolute;width:90vh;height:90vh;max-width:900px;max-height:900px;border:1px solid rgba(245,166,35,.15);border-radius:50%;pointer-events:none}.runic-circle.r2{width:60vh;height:60vh;max-width:600px;max-height:600px;border-color:#f5a62340;border-style:dashed}.runic-circle.r3{width:40vh;height:40vh;max-width:400px;max-height:400px;border-color:#f5a62366}@keyframes spinSlow{to{transform:rotate(360deg)}}.runic-circle.spin-cw{animation:spinSlow 60s linear infinite}.runic-circle.spin-ccw{animation:spinSlow 80s linear infinite reverse}.tap-hint{position:absolute;top:8%;bottom:auto;font-family:Cinzel,serif;font-weight:700;letter-spacing:6px;font-size:11px;text-transform:uppercase;color:#f5a623b3;animation:pulseFade 2.4s ease-in-out infinite}@keyframes pulseFade{0%,to{opacity:.4}50%{opacity:1}}@keyframes packBurst{0%{transform:scale(1);opacity:1;filter:brightness(1)}30%{transform:scale(1.15);filter:brightness(1.6)}60%{transform:scale(1.5);filter:brightness(3) blur(4px);opacity:.7}to{transform:scale(2.4);filter:brightness(5) blur(20px);opacity:0}}.bursting img{animation:packBurst 1.4s cubic-bezier(.4,0,.6,1) forwards!important}.reveal-spread{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.kard{width:180px;height:270px;border-radius:14px;background:linear-gradient(180deg,var(--rar1),rgba(0,0,0,.95));border:2px solid var(--rar2);padding:16px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 0 50px var(--rar1),inset 0 0 30px #00000080;position:relative;overflow:hidden;transform-style:preserve-3d}.kard:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 30%,rgba(255,255,255,.2),transparent 60%);pointer-events:none}@keyframes kardIn{0%{transform:rotateY(180deg) scale(.4);opacity:0}60%{opacity:1}to{transform:rotateY(0) scale(1);opacity:1}}.kard.appearing{animation:kardIn .8s cubic-bezier(.16,1,.3,1) both}.kard-rar{font-family:Cinzel,serif;font-weight:700;font-size:9px;letter-spacing:2.5px;color:var(--rar2);text-transform:uppercase}.kard-art{display:grid;place-items:center;font-size:70px;color:var(--rar2);filter:drop-shadow(0 0 16px var(--rar1))}.kard-name{font-family:Cinzel Decorative,serif;font-weight:900;font-size:14px;letter-spacing:1px;text-transform:uppercase;color:#fff;margin-bottom:4px}.kard-stat{font-family:Space Mono,monospace;font-size:9px;letter-spacing:1.5px;color:var(--rar2)}.inv-shell{display:grid;grid-template-columns:minmax(200px,240px) 1fr minmax(220px,280px);gap:16px;flex:1;min-height:0;max-width:1400px;width:100%;margin:0 auto;overflow:hidden}.inv-panel{background:rgba(8,8,8,.65);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(245,166,35,.18);border-radius:18px;padding:18px;display:flex;flex-direction:column;overflow:hidden;min-height:0}.inv-panel-title{font-family:Cinzel,serif;font-weight:700;font-size:11px;letter-spacing:3px;color:var(--jk-gold);text-transform:uppercase;margin-bottom:16px;padding-bottom:14px;border-bottom:1px solid rgba(245,166,35,.12)}.avatar-stage{flex:1;display:grid;place-items:center;position:relative}.avatar-frame{width:min(360px,100%);aspect-ratio:3/4;max-height:100%;border-radius:16px;background:radial-gradient(ellipse at center,rgba(245,166,35,.2),transparent 70%),linear-gradient(180deg,rgba(60,40,20,.4),rgba(0,0,0,.9));border:1px solid rgba(245,166,35,.28);display:grid;place-items:center;position:relative;overflow:hidden}.avatar-frame:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 110%,rgba(245,166,35,.4),transparent 60%);pointer-events:none}.avatar-glyph{font-size:180px;background:linear-gradient(135deg,#FFE066,#F5A623,#6B461A);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 30px rgba(245,166,35,.5))}.avatar-name{position:absolute;bottom:24px;left:0;right:0;text-align:center;font-family:Cinzel Decorative,serif;font-weight:900;font-size:22px;letter-spacing:3px;text-transform:uppercase;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.8)}.avatar-tag{position:absolute;top:18px;left:50%;transform:translate(-50%);font-family:Space Mono,monospace;font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--jk-gold)}.equip-slots{display:grid;grid-template-columns:1fr 1fr;gap:10px}.equip-slots-wrap{flex:1;overflow-y:auto;min-height:0}.inv-panel-foot{margin-top:16px;padding-top:14px;border-top:1px solid rgba(245,166,35,.12);flex-shrink:0}.equip-slot{aspect-ratio:1;border:1px solid rgba(245,166,35,.18);border-radius:12px;background:linear-gradient(180deg,rgba(20,20,20,.5),rgba(0,0,0,.8));display:flex;flex-direction:column;justify-content:space-between;padding:12px;position:relative;cursor:pointer;transition:all .24s}.equip-slot:hover{border-color:var(--rar1, var(--jk-gold));transform:translateY(-2px)}.equip-slot.empty{border-style:dashed;border-color:#f5a6231f}.equip-slot.empty .glyph{opacity:.2}.equip-slot .label{font-family:Cinzel,serif;font-size:8px;letter-spacing:2px;text-transform:uppercase;color:var(--jk-fg-muted);font-weight:700}.equip-slot .glyph{font-size:36px;text-align:center;color:var(--rar2, var(--jk-gold));filter:drop-shadow(0 0 8px var(--rar1))}.equip-slot .item-name{font-family:Cinzel,serif;font-size:9px;letter-spacing:1px;font-weight:700;text-transform:uppercase;color:var(--rar2, #fff)}.inv-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;flex:1;overflow-y:auto;min-height:0;align-content:start}.inv-cell{aspect-ratio:1;border:1px solid rgba(245,166,35,.15);border-radius:10px;background:linear-gradient(180deg,rgba(20,20,20,.6),rgba(0,0,0,.9));display:grid;place-items:center;position:relative;cursor:pointer;transition:all .18s}.inv-cell:hover{border-color:var(--rar1, var(--jk-gold));transform:scale(1.04)}.inv-cell .ico{font-size:24px;color:var(--rar2);filter:drop-shadow(0 0 4px var(--rar1))}.inv-cell .qty{position:absolute;bottom:4px;right:6px;font-family:Space Mono,monospace;font-size:9px;font-weight:700;color:#fff;background:rgba(0,0,0,.8);padding:1px 5px;border-radius:4px}.inv-cell.locked{opacity:.3;border-style:dashed}.stat-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid rgba(245,166,35,.06)}.stat-row:last-child{border-bottom:none}.stat-row .label{font-family:Cinzel,serif;font-size:10px;letter-spacing:2px;text-transform:uppercase;color:#ffffff80}.stat-row .value{font-family:Cinzel Decorative,serif;font-weight:900;font-size:16px;color:var(--jk-gold);letter-spacing:1px}.ach-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;flex:1;overflow-y:auto;min-height:0;padding:4px 4px 20px;max-width:1400px;width:100%;margin:0 auto;align-content:start}.ach-card{position:relative;background:linear-gradient(180deg,rgba(15,15,15,.65),rgba(0,0,0,.85));backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(245,166,35,.18);border-radius:14px;padding:18px;display:flex;gap:14px;align-items:flex-start;transition:all .28s cubic-bezier(.16,1,.3,1)}.ach-card:hover{transform:translateY(-4px);border-color:var(--rar1);box-shadow:0 16px 40px var(--rar1)}.ach-card.locked{opacity:.5;filter:grayscale(.6)}.ach-card.completed{border-color:var(--rar1);background:linear-gradient(180deg,rgba(15,15,15,.65),rgba(0,0,0,.85)),linear-gradient(135deg,var(--rar1),transparent 60%);background-blend-mode:normal,overlay}.ach-icon{flex-shrink:0;width:52px;height:52px;border-radius:12px;background:linear-gradient(135deg,var(--rar1),rgba(0,0,0,.6));border:1px solid var(--rar2);display:grid;place-items:center;font-size:22px;filter:drop-shadow(0 0 10px var(--rar1))}.ach-body{flex:1;min-width:0}.ach-title{font-family:Cinzel Decorative,serif;font-weight:900;font-size:16px;letter-spacing:1px;text-transform:uppercase;color:#fff;margin-bottom:4px}.ach-desc{font-family:Outfit,sans-serif;font-size:12px;line-height:1.5;color:#ffffff8c;margin-bottom:12px}.ach-progress{height:4px;background:rgba(245,166,35,.08);border-radius:99px;overflow:hidden;margin-bottom:8px}.ach-progress-fill{height:100%;background:linear-gradient(90deg,var(--rar1),var(--rar2));box-shadow:0 0 8px var(--rar1);transition:width .8s cubic-bezier(.16,1,.3,1)}.ach-progress-text{display:flex;justify-content:space-between;font-family:Space Mono,monospace;font-size:9px;letter-spacing:1.5px;text-transform:uppercase}.ach-progress-text .pct{color:var(--rar2);font-weight:700}.ach-progress-text .reward{color:#fff6}.modal-back{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.85);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:100;display:grid;place-items:center;animation:fadeIn .24s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-card{width:min(440px,90vw);background:linear-gradient(180deg,rgba(15,15,15,.95),rgba(0,0,0,.98));border:1px solid rgba(245,166,35,.4);border-radius:20px;padding:32px;text-align:center;box-shadow:0 30px 80px #f5a62326;animation:popIn .36s cubic-bezier(.16,1,.3,1)}@keyframes popIn{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.toast-stack{position:fixed;top:86px;left:50%;transform:translate(-50%);z-index:200;display:flex;flex-direction:column;gap:10px;pointer-events:none}.toast{display:flex;align-items:center;gap:14px;padding:14px 22px;background:rgba(0,0,0,.88);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--rar1, var(--jk-gold));border-radius:999px;box-shadow:0 0 30px var(--rar1, rgba(245,166,35,.4));animation:toastIn 4s cubic-bezier(.16,1,.3,1) forwards}@keyframes toastIn{0%{transform:translateY(-24px);opacity:0}10%,88%{transform:translateY(0);opacity:1}to{transform:translateY(-24px);opacity:0}}.toast .ico{font-size:18px;color:var(--rar2, var(--jk-gold))}.toast .txt{font-family:Cinzel,serif;font-weight:700;font-size:12px;letter-spacing:2px;text-transform:uppercase;color:#fff}.btn-prim{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 28px;background:linear-gradient(135deg,#FFE066,#F5A623);color:#0a0a0a;font-family:Cinzel,serif;font-weight:800;letter-spacing:2.5px;text-transform:uppercase;font-size:11px;border-radius:999px;transition:all .28s;box-shadow:0 0 20px #f5a6234d}.btn-prim:hover{background:#fff;box-shadow:0 0 50px #f5a62399;transform:translateY(-2px)}.btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 24px;background:transparent;border:1px solid rgba(245,166,35,.4);color:var(--jk-gold);font-family:Cinzel,serif;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;font-size:10px;border-radius:999px;transition:all .24s}.btn-ghost:hover{border-color:var(--jk-gold);background:rgba(245,166,35,.08)}.shop-track{display:flex;gap:28px;overflow-x:auto;overflow-y:hidden;padding:40px 24px 20px;scroll-snap-type:x mandatory;scrollbar-width:thin}.shop-track::-webkit-scrollbar{height:4px}.shop-track>*{scroll-snap-align:center}@media (max-width: 900px){.inv-shell{grid-template-columns:1fr;gap:14px;overflow-y:auto}.inv-panel{min-height:240px}.dock-btn{padding:12px 16px;font-size:10px;letter-spacing:1.5px}.dock-btn span:not(.glyph){display:none}.hud-top{padding:14px 18px}.hud-logo .name{display:none}.screen-content{padding:76px 16px 100px}.pack-tile{width:clamp(140px,38vw,180px)}.pack-tile .pack-img{max-height:22vh}.page-headline{font-size:clamp(28px,8vw,38px)}}@media (max-width: 480px){.hud-pill{padding:8px 12px;font-size:11px}.hud-pill .num{font-size:12px}.hud-avatar{width:36px;height:36px;font-size:11px}.dock{gap:2px;padding:6px}.dock-btn{padding:10px 12px}.shop-row{gap:10px;padding:8px 0}.pack-meta{min-height:auto}.pack-name{font-size:14px}.runic-circle{display:none}.runic-circle.r2,.runic-circle.r3{display:block}.opening-pack{height:min(48vh,400px)}.modal-card{padding:22px 18px}}.ksanctum .kamp-zone{font-family:inherit}.ksanctum .kamp-zone:hover{transform:translateY(-3px);box-shadow:0 12px 28px #000000d9,0 0 22px #f5a62340!important}.ksanctum .kamp-zone:active{transform:translateY(-1px)}.ksanctum .kamp-flame{font-size:56px;line-height:1;filter:drop-shadow(0 0 18px rgba(255,140,0,.85)) drop-shadow(0 0 36px rgba(255,80,0,.55));animation:kampFlameFlicker 1.4s ease-in-out infinite;transform-origin:50% 90%}@keyframes kampFlameFlicker{0%{transform:scale(1) rotate(-2deg);opacity:1}25%{transform:scale(1.06) rotate(1deg);opacity:.92}50%{transform:scale(.96) rotate(-1deg);opacity:1}75%{transform:scale(1.04) rotate(2deg);opacity:.95}to{transform:scale(1) rotate(-2deg);opacity:1}}@keyframes kampSkollDrift{0%{transform:translate(-50%) translate(0) scale(1)}25%{transform:translate(-50%) translate(-18px,-6px) scale(1.04)}50%{transform:translate(-50%) translateY(-12px) scale(1.02)}75%{transform:translate(-50%) translate(20px,-4px) scale(1.04)}to{transform:translate(-50%) translate(0) scale(1)}}@keyframes carteTreasureDraw{0%{stroke-dashoffset:5}to{stroke-dashoffset:0}}@keyframes carteTreasurePulse{0%{transform:scale(1);opacity:.18}50%{transform:scale(1.15);opacity:.32}to{transform:scale(1);opacity:.18}}@keyframes carteKoloPulse{0%{opacity:.55}50%{opacity:1}to{opacity:.55}}@keyframes carteAttackDash{0%{stroke-dashoffset:0}to{stroke-dashoffset:-2}}@keyframes kampSmoke{0%{opacity:0;transform:translate(0) scale(.6)}20%{opacity:.8;transform:translate(-4px,-16px) scale(.85)}60%{opacity:.45;transform:translate(8px,-42px) scale(1.3)}to{opacity:0;transform:translate(-6px,-72px) scale(1.7)}}@keyframes kampEmberRise{0%{opacity:0;transform:translate(0) scale(1)}10%{opacity:.9;transform:translate(2px,-4px) scale(1)}60%{opacity:.7;transform:translate(-3px,-32px) scale(.9)}to{opacity:0;transform:translate(4px,-68px) scale(.6)}}@keyframes kabalienWalk{0%{transform:translateY(0) rotate(0)}25%{transform:translateY(-2px) rotate(-3deg)}50%{transform:translateY(0) rotate(0)}75%{transform:translateY(-2px) rotate(3deg)}to{transform:translateY(0) rotate(0)}}@keyframes kabalienBob{0%{transform:translateY(0)}50%{transform:translateY(-1.5px)}to{transform:translateY(0)}}@keyframes kabalienJump{0%{transform:translateY(0) scale(1) rotate(0)}35%{transform:translateY(-22px) scale(1.05) rotate(-6deg)}70%{transform:translateY(-10px) scale(.96) rotate(3deg)}to{transform:translateY(0) scale(1) rotate(0)}}.frame{--frame-cream-1: #f3e8c8;--frame-cream-2: #ebd9b0;--frame-cream-edge: #c9b690;--frame-ink-1: #1a1408;--frame-ink-2: #3a2410;--frame-ink-soft: rgba(60,40,15,.55);--frame-rad: 8px;position:relative;font-family:Inter,system-ui,sans-serif}.frame-parchment{background:radial-gradient(circle at 22% 28%,rgba(80,50,20,.06) 0%,transparent 35%),radial-gradient(circle at 78% 72%,rgba(80,50,20,.07) 0%,transparent 35%),radial-gradient(circle at 12% 88%,rgba(80,50,20,.04) 0%,transparent 30%),linear-gradient(135deg,var(--frame-cream-1) 0%,#ead8b5 50%,var(--frame-cream-1) 100%);border:1.5px solid var(--frame-ink-2);border-radius:4px;color:var(--frame-ink-1);box-shadow:0 6px 14px #3c280f2e,inset 0 0 24px #78501e14}.frame-parchment:before,.frame-parchment:after,.frame-parchment>.corner-tl,.frame-parchment>.corner-br{content:"";position:absolute;width:14px;height:14px;pointer-events:none;background-image:linear-gradient(to bottom,transparent 6px,var(--frame-ink-2) 6px,var(--frame-ink-2) 7.5px,transparent 7.5px),linear-gradient(to right,transparent 6px,var(--frame-ink-2) 6px,var(--frame-ink-2) 7.5px,transparent 7.5px);background-size:14px 14px,14px 14px;background-repeat:no-repeat}.frame-parchment:before{top:4px;left:4px;transform:rotate(0)}.frame-parchment:after{top:4px;right:4px;transform:rotate(90deg)}.frame-clean{background:var(--frame-cream-2);border:1px solid var(--frame-ink-2);border-radius:14px;color:var(--frame-ink-1);box-shadow:0 6px 14px #3c280f2e}.frame-glass{background:linear-gradient(160deg,#1a2a22 0%,#0c1612 100%);border:1px solid rgba(245,166,35,.28);border-radius:12px;color:#fef3c7;box-shadow:0 6px 14px #0000008c,inset 0 1px #f5a6232e,inset 0 -1px #0006}.frame-brutalist{background:var(--frame-cream-2);border:2px solid var(--frame-ink-1);border-radius:6px;color:var(--frame-ink-1);box-shadow:6px 6px 0 var(--frame-ink-1)}.frame-ink{background:var(--frame-cream-2);border:2px solid var(--frame-ink-1);border-radius:18px 16px 22px 14px/14px 22px 16px 18px;color:var(--frame-ink-1);box-shadow:0 4px 12px #3c280f2e}.frame-stamp{background:var(--frame-cream-1);border:1.5px dashed var(--frame-ink-soft);border-radius:4px;color:var(--frame-ink-1);padding:18px 20px}.frame-stamp:before,.frame-stamp:after{content:"";position:absolute;width:14px;height:14px;border:2px solid var(--frame-ink-1);pointer-events:none}.frame-stamp:before{top:5px;left:5px;border-right:none;border-bottom:none}.frame-stamp:after{bottom:5px;right:5px;border-left:none;border-top:none}.frame-eyebrow{font-family:Cinzel,serif;font-size:9px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:#3c280f99;margin-bottom:6px;display:flex;align-items:center;gap:6px}.frame-eyebrow .diamond{color:var(--frame-ink-1);font-size:11px}.frame-glass .frame-eyebrow,.frame-glass .frame-eyebrow .diamond{color:#f5a623b3}@media (max-width: 1023px){html,body{overflow-x:hidden}}.modal-back{overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:16px}.modal-card{max-height:min(90vh,calc(100dvh - 32px));overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.modal-box,.modal-inner,.modal-overlay>*{max-height:min(90vh,calc(100dvh - 32px));overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}@media (max-width: 1100px){div[style*="max-width: 1100"],div[style*="max-width:1100"]{max-width:min(1100px,100vw)!important}}@media (max-width: 479px){.shop-row{display:grid!important;grid-template-columns:repeat(2,minmax(140px,1fr))!important;gap:10px!important;flex-wrap:initial!important;overflow-x:visible!important;padding:8px 4px!important}.pack-tile{width:100%!important;min-width:140px}.pack-tile .pack-img{max-height:min(20vh,180px)}.hud-pill{min-height:44px;padding:10px 14px;display:inline-flex;align-items:center}.hud-avatar{min-width:44px;min-height:44px}.dock-btn{min-height:44px;min-width:44px;padding:12px 14px}.btn-prim,.btn-ghost,.inv-cell{min-height:44px}.modal-card{padding:18px 14px;border-radius:14px;max-height:min(92vh,calc(100dvh - 16px))}.modal-back{padding:8px}}@media (min-width: 480px) and (max-width: 767px){.pack-tile{width:clamp(150px,32vw,200px)}.modal-card{padding:22px 18px}.hud-pill,.dock-btn{min-height:44px}}@media (max-width: 767px){div[style*="position: fixed"][style*="width: 260px"],div[style*="position:fixed"][style*="width:260px"]{width:100vw!important;max-width:100vw!important;right:0!important;left:0!important;top:auto!important;bottom:0!important;height:auto!important;max-height:50dvh!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;border-top:2px solid rgba(245,166,35,.4)!important;border-radius:16px 16px 0 0!important;box-shadow:0 -8px 24px #00000080!important;z-index:90!important}button[style*="right: 268"],button[style*="right:268"],div[style*="position: fixed"][style*="width: 24px"][style*="height: 70px"],div[style*="position:fixed"][style*="width:24px"][style*="height:70px"]{display:none!important}}@media (min-width: 768px) and (max-width: 1023px){.pack-tile{width:clamp(160px,24vw,200px)}}@media (min-width: 1400px){.page-headline{font-size:clamp(40px,4vw,64px)}}@media (hover: none) and (pointer: coarse){.pack-tile:hover,.ksanctum .pack-tile:hover,.ksanctum .kamp-zone:hover{transform:none}.btn-prim:hover{transform:none;box-shadow:0 0 28px #f5a62366}.pack-tile:active{transform:scale(.97);transition:transform 80ms ease-out}.btn-prim:active,.btn-ghost:active{transform:scale(.98);transition:transform 80ms ease-out}.dock-btn:active{transform:scale(.95);transition:transform 80ms ease-out}.hud-pill:active{background:rgba(245,166,35,.12)}.hud-avatar:active{transform:scale(.94);transition:transform 80ms ease-out}.inv-cell:active{transform:scale(.96);transition:transform 80ms ease-out}}@media (max-width: 1023px){*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-thumb{background:rgba(245,166,35,.45);border-radius:5px}*::-webkit-scrollbar-thumb:hover{background:rgba(245,166,35,.7)}*::-webkit-scrollbar-track{background:rgba(0,0,0,.25)}.shop-track::-webkit-scrollbar{height:10px}}.page-headline{font-size:clamp(28px,4vw + .5rem,56px)}