:root{--ink: #38243a;--void: #171021;--glass: rgba(26, 17, 34, .9);--glass-lt: rgba(38, 26, 48, .72);--wood-lo: #5d4030;--wood: #7d573c;--wood-hi: #a37a52;--brass-lo: #6e5a3e;--brass: #9c8258;--brass-hi: #d1ac72;--amber: #ffc76b;--cream: #fff1c9;--rim: #ffb15e;--parch: #f2e4c2;--parch-lo: #e2cd9d;--well: #241628;--uncommon: #9ad86b;--disp: "Baloo 2", "Arial Rounded MT Bold", "Nunito Variable", "Trebuchet MS", sans-serif;--grain: repeating-linear-gradient(94deg, rgba(56, 36, 58, .14) 0 2px, transparent 2px 7px, rgba(255, 241, 201, .05) 7px 8px, transparent 8px 13px)}.k-rivet{position:absolute;width:9px;height:9px;border-radius:50%;z-index:5;background:radial-gradient(circle at 35% 30%,var(--brass-hi),var(--brass) 55%,var(--brass-lo));border:1.5px solid var(--ink)}.k-rivet.tl{top:-5px;left:-5px}.k-rivet.tr{top:-5px;right:-5px}.k-rivet.bl{bottom:-5px;left:-5px}.k-rivet.br{bottom:-5px;right:-5px}.k-lantern{position:relative;width:13px;height:13px;border-radius:50%;flex:none;background:radial-gradient(circle at 50% 42%,var(--cream) 0 18%,var(--amber) 52%,#d98f3e 100%);border:1.5px solid var(--ink);box-shadow:0 0 10px 2px #ffc76b99,0 0 26px 8px #ffb15e42}.k-lantern:after{content:"";position:absolute;inset:-9px;border-radius:50%;pointer-events:none;background:radial-gradient(circle,#ffbe6e80,#ffb15e00 70%);animation:k-flicker 3.4s ease-in-out infinite}@keyframes k-flicker{0%,to{opacity:.85}38%{opacity:.55}52%{opacity:1}71%{opacity:.68}}.k-panel{position:relative;border-radius:14px;background:linear-gradient(rgba(255,241,201,.045),transparent 46px),var(--glass);border:3px solid var(--wood-lo);box-shadow:0 0 0 2px var(--ink),inset 0 0 0 1.5px #a37a528c,0 18px 44px #08030c99,0 2px 10px #08030c80}.k-panel:before{content:"";position:absolute;inset:-3px;border-radius:14px;padding:3px;pointer-events:none;background:var(--grain);opacity:.5;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.k-panel.k-open{animation:k-hang .7s cubic-bezier(.28,1.5,.5,1) both}@keyframes k-hang{0%{opacity:0;transform:translateY(-14px) rotate(-1.6deg)}60%{transform:translateY(2px) rotate(.5deg)}to{opacity:1;transform:none}}.k-panel-header{display:flex;align-items:center;gap:10px;padding:11px 14px 10px;background:var(--grain),linear-gradient(178deg,var(--wood-hi),var(--wood) 55%,var(--wood-lo));border-bottom:2px solid var(--ink);border-radius:10px 10px 0 0;box-shadow:inset 0 1px #fff1c94d,inset 0 -3px 6px #17102159}.k-panel-header h3{margin:0;font-family:var(--disp);font-size:15px;letter-spacing:.14em;font-weight:700;color:var(--cream);text-shadow:0 1.5px 0 rgba(35,20,12,.65)}.k-close{margin-left:auto;width:24px;height:24px;border-radius:50%;cursor:pointer;border:2px solid var(--ink);color:#2e1f14;font-weight:900;font-size:12px;line-height:20px;text-align:center;padding:0;flex:none;background:radial-gradient(circle at 38% 30%,var(--brass-hi),var(--brass) 60%,var(--brass-lo));box-shadow:inset 0 1px #fff1c980;transition:transform .12s,box-shadow .18s}.k-close:hover{transform:scale(1.1);box-shadow:0 0 12px #ffc76b8c,inset 0 1px #fff1c999}.k-panel-body{padding:14px 14px 16px}.k-section{display:flex;align-items:center;gap:9px;margin:18px 0 10px;font-family:var(--disp);font-size:11.5px;letter-spacing:.2em;color:var(--amber);font-weight:700}.k-section:first-child{margin-top:2px}.k-section:before{content:"";width:7px;height:7px;flex:none;background:var(--amber);transform:rotate(45deg);box-shadow:0 0 7px #ffc76bb3}.k-section:after{content:"";flex:1;border-top:2px dashed rgba(209,172,114,.4);margin-top:1px}.k-slot{--rc: rgba(176, 160, 180, .5);--rg: transparent;position:relative;width:var(--sz, 48px);height:var(--sz, 48px);border-radius:11px;cursor:pointer;background:radial-gradient(circle at 50% 38%,var(--well),#1a0f22 78%);border:2px solid var(--rc);box-shadow:0 0 0 1.5px var(--ink),inset 0 3px 7px #08030cbf,inset 0 -1px #fff1c90f,0 0 11px var(--rg);display:grid;place-items:center;transition:transform .13s cubic-bezier(.34,1.6,.64,1),box-shadow .18s}.k-slot:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 0 0 1.5px var(--ink),inset 0 3px 7px #08030cbf,0 0 16px var(--rg),0 0 14px #ffc76b59}.k-slot.empty{opacity:.65}.k-slot>canvas{max-width:82%;max-height:82%}.k-slot.r-un{--rc: var(--uncommon);--rg: rgba(154, 216, 107, .28)}.k-slot.r-ra{--rc: var(--rare);--rg: rgba(79, 216, 235, .3)}.k-slot.r-ep{--rc: var(--epic);--rg: rgba(199, 125, 255, .32)}.k-slot.r-my{--rc: var(--mythic);--rg: rgba(255, 159, 67, .36)}.k-slot.r-relic{--rc: #ff6b9d;--rg: rgba(255, 107, 157, .34)}.k-sheen{position:absolute;inset:0;border-radius:9px;overflow:hidden;pointer-events:none}.k-sheen:after{content:"";position:absolute;top:0;bottom:0;left:-70%;width:55%;background:linear-gradient(115deg,transparent,rgba(255,241,201,.3) 50%,transparent);animation:k-shimmer 3.2s ease-in-out infinite}@keyframes k-shimmer{0%,60%{transform:translate(0)}to{transform:translate(320%)}}.k-slot .k-key{position:absolute;left:-4px;top:-7px;font-size:9px;font-weight:800;color:#2e1f14;background:linear-gradient(var(--parch),var(--parch-lo));border:1.5px solid var(--ink);border-radius:5px;padding:0 4px;line-height:12px;box-shadow:0 1px 2px #08030c80;z-index:4}.k-slot .k-count{position:absolute;right:4px;bottom:2px;font-size:10.5px;font-weight:800;color:var(--cream);text-shadow:0 1px 2px #120b1c,0 0 6px #120b1c;font-variant-numeric:tabular-nums;z-index:4}.k-slot .k-cd{position:absolute;inset:0;border-radius:9px;display:none;place-items:center;background:conic-gradient(rgba(18,11,28,.85) 0 62%,transparent 62%);font-family:var(--disp);font-weight:800;font-size:15px;color:var(--cream);text-shadow:0 0 8px #120b1c;z-index:3}.k-gem{width:15px;height:15px;transform:rotate(45deg);border-radius:3px;border:1.5px solid var(--ink);background:linear-gradient(135deg,rgba(255,255,255,.53) 0%,transparent 45%),var(--c, #ffd98c);box-shadow:0 0 9px color-mix(in srgb,var(--c, #ffd98c) 70%,transparent)}.k-vial{position:relative;height:17px;border-radius:999px;background:#211327;border:2px solid var(--ink);overflow:hidden;box-shadow:inset 0 2px 4px #08030ccc,inset 0 -1px #fff1c912}.k-vial .k-ghost{position:absolute;inset:0 auto 0 0;width:var(--w, 70%);background:#fff1c961;transition:width .9s ease .45s}.k-vial .k-fill{position:absolute;inset:0 auto 0 0;width:var(--w, 70%);border-radius:0 999px 999px 0;background:linear-gradient(180deg,color-mix(in srgb,var(--c) 55%,#fff1c9) 0%,var(--c) 45%,color-mix(in srgb,var(--c) 62%,#171021) 100%);transition:width .35s ease;box-shadow:0 0 10px color-mix(in srgb,var(--c) 55%,transparent)}.k-vial .k-fill:after{content:"";position:absolute;inset:2px 3px auto;height:4px;border-radius:999px;background:linear-gradient(90deg,#fff1c9a6,#fff1c926)}.k-vial .k-txt{position:absolute;inset:0;display:grid;place-items:center;font-size:11px;font-weight:800;color:var(--cream);text-shadow:0 1px 2px rgba(18,11,28,.9);font-variant-numeric:tabular-nums;letter-spacing:.03em;z-index:2}.k-vial .k-spark{position:absolute;top:50%;left:var(--w, 41%);width:6px;height:6px;margin:-3px 0 0 -3px;border-radius:50%;background:var(--cream);box-shadow:0 0 8px 2px var(--exp);z-index:2;animation:k-flicker 2.6s ease-in-out infinite;transition:left .35s ease}.k-vial.slim{height:9px}.k-vial.slim .k-fill:after{display:none}.k-vial .k-shield{position:absolute;top:0;left:0;height:100%;width:0;background:#8cdcff80;z-index:1;transition:width .15s}.k-btn{display:inline-flex;align-items:center;gap:8px;cursor:pointer;user-select:none;font-family:var(--disp);font-weight:700;font-size:13px;letter-spacing:.05em;color:#2e1f14;padding:8px 18px;border-radius:10px;border:2px solid var(--ink);background:var(--grain),linear-gradient(178deg,var(--brass-hi),var(--brass) 60%,var(--brass-lo));box-shadow:inset 0 1.5px #fff1c980,inset 0 -4px 6px #2e1f144d,0 3px 0 var(--ink),0 6px 12px #08030c73;transition:transform .1s,box-shadow .15s,filter .15s}.k-btn:hover:not(:disabled){filter:brightness(1.08);box-shadow:inset 0 1.5px #fff1c999,inset 0 -4px 6px #2e1f144d,0 3px 0 var(--ink),0 0 16px #ffc76b80,0 6px 12px #08030c73}.k-btn:active:not(:disabled){transform:translateY(2px);box-shadow:inset 0 1.5px #fff1c966,0 1px 0 var(--ink)}.k-btn.gold{background:var(--grain),linear-gradient(178deg,#ffe3a1,var(--amber) 55%,#d98f3e)}.k-btn.quiet{color:var(--ui-text, #f4ecdc);background:linear-gradient(178deg,#a37a524d,#5d40304d);box-shadow:inset 0 0 0 1.5px #a37a5280,0 3px 0 var(--ink)}.k-btn.plus{padding:4px 10px;border-radius:9px;font-size:15px;line-height:1}.k-btn.sm{padding:3px 9px;border-radius:8px;font-size:11px}.k-btn:disabled{opacity:.4;cursor:default;filter:none}.k-input{background:#140c1ce0;border:2px solid var(--ink);border-radius:9px;color:var(--ui-text);font-family:var(--font);font-weight:600;font-size:12px;padding:6px 10px;outline:none;box-shadow:inset 0 0 0 1px #ffc76b1f,inset 0 2px 4px #0006;transition:box-shadow .15s,border-color .15s}.k-input::placeholder{color:var(--ui-dim);opacity:.7}.k-input:focus{border-color:#ffc76b66;box-shadow:inset 0 0 0 1px #ffc76b42,0 0 0 3px #ffc76b24}.k-tip{position:fixed;z-index:200;width:215px;padding:12px 14px 11px;border-radius:4px 12px 12px;pointer-events:none;color:#3b2a22;background:linear-gradient(168deg,#f7ecd2,var(--parch) 55%,var(--parch-lo));border:2px solid var(--ink);transform:rotate(-.6deg);box-shadow:0 10px 24px #08030c8c,inset 0 0 22px #7d573c2e}.k-tip:before{content:"";position:absolute;top:-7px;left:14px;width:10px;height:10px;border-radius:50%;border:1.5px solid var(--ink);background:radial-gradient(circle at 35% 30%,var(--brass-hi),var(--brass-lo))}.k-tip h4{margin:0 0 2px;font-family:var(--disp);font-size:14px;color:#134f5c}.k-tip .kind{font-size:10px;letter-spacing:.14em;font-weight:800;color:#8a6f47;text-transform:uppercase}.k-tip p{margin:7px 0 0;font-size:12px;line-height:1.5}.k-tip .stat{font-weight:800;color:#7c3f2b}.k-tip .flavor{font-style:italic;color:#6d5a49;margin-top:9px;padding-top:7px;border-top:1.5px dashed rgba(110,90,62,.45)}.k-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:999px;background:var(--glass-lt);border:2px solid var(--ink);box-shadow:inset 0 0 0 1.5px #a37a5273,0 4px 10px #08030c66;font-family:var(--disp);font-size:11px;letter-spacing:.06em;color:var(--cream);font-weight:700}.k-chip .k-chip-gem{width:6px;height:6px;flex:none;transform:rotate(45deg)}.k-chip.sm{padding:2px 8px;font-size:9px}.k-toast{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:11px;background:var(--glass);border:2px solid var(--ink);box-shadow:inset 0 0 0 1.5px #a37a5273,0 8px 20px #08030c80;font-family:var(--disp);font-size:12.5px;font-weight:700;color:var(--cream)}.k-toast.lvl{box-shadow:inset 0 0 0 1.5px #ffc76b99,0 0 22px #ffc76b4d,0 8px 20px #08030c80}.k-invite{position:absolute;left:50%;top:80px;transform:translate(-50%);z-index:40;display:none;text-align:center;padding:12px 16px 13px;border-radius:13px;color:var(--ui-text);background:linear-gradient(rgba(255,241,201,.05),transparent 30px),var(--glass);border:3px solid var(--wood-lo);box-shadow:0 0 0 2px var(--ink),inset 0 0 0 1.5px #a37a5280,0 14px 34px #08030c99}.k-shelf{display:flex;gap:9px;align-items:center;padding:11px 14px;background:var(--grain),linear-gradient(178deg,var(--wood-hi),var(--wood) 45%,var(--wood-lo));border:3px solid var(--wood-lo);border-radius:15px;box-shadow:0 0 0 2px var(--ink),inset 0 1px #fff1c94d,inset 0 -5px 10px #17102166,0 14px 30px #08030c8c}.k-shelf .k-shelf-div{width:2px;height:38px;border-radius:2px;background:#38243a80;box-shadow:1px 0 #fff1c91f}@media(prefers-reduced-motion:reduce){.k-lantern,.k-lantern:after,.k-slot,.k-sheen:after,.k-vial .k-fill,.k-vial .k-ghost,.k-vial .k-spark,.k-panel.k-open,.k-btn,.k-close,.k-vial .k-shield{animation:none!important;transition:none!important}}@font-face{font-family:"Baloo 2 Variable";font-style:normal;font-display:swap;font-weight:400 800;src:url(/assets/baloo-2-devanagari-wght-normal-B4j4n2PV.woff2) format("woff2-variations");unicode-range:U+0900-097F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:"Baloo 2 Variable";font-style:normal;font-display:swap;font-weight:400 800;src:url(/assets/baloo-2-vietnamese-wght-normal-C4ZonJY6.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:"Baloo 2 Variable";font-style:normal;font-display:swap;font-weight:400 800;src:url(/assets/baloo-2-latin-ext-wght-normal-Dz43yst_.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Baloo 2 Variable";font-style:normal;font-display:swap;font-weight:400 800;src:url(/assets/baloo-2-latin-wght-normal-B_TVFhwJ.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-cyrillic-ext-wght-normal-D4X5GqEv.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-cyrillic-wght-normal-CY6AOgYE.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-vietnamese-wght-normal-U01xdrZh.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-latin-ext-wght-normal-CXYtwYOx.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-latin-wght-normal-BzFMHfZw.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}