.skill-carousel{width:100%;min-width:0;outline-offset:3px}.skill-card-slot{touch-action:pan-y}.is-page-entering{animation:skill-page-in .22s cubic-bezier(.22,1,.36,1)}.skill-card{display:flex;flex-direction:column;align-items:center;margin:0}.skill-card-art{position:relative;display:grid;place-items:center;width:100%;height:176px;isolation:isolate;overflow:hidden;border-radius:var(--r-md);background:radial-gradient(ellipse at center,var(--amber-hi),color-mix(in srgb,var(--gold) 10%,var(--card-inset)) 72%)}.skill-card-art img{position:relative;width:138px;height:138px;object-fit:contain;border-radius:var(--r-lg);filter:drop-shadow(0 6px 0 color-mix(in srgb,var(--ink-amber) 16%,transparent));-webkit-user-select:none;user-select:none}.skill-art-rays{position:absolute;top:-90px;right:-90px;bottom:-90px;left:-90px;background:repeating-conic-gradient(from 12deg,transparent 0deg 24deg,color-mix(in srgb,var(--card-inset) 48%,transparent) 24deg 38deg)}.skill-card-copy{text-align:center;width:100%;padding-top:14px}.skill-card-category,.skill-eyebrow{display:block;font-size:11px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-amber)}.skill-card-category.buff{color:var(--ink-green)}.skill-card-category.debuff{color:var(--ink-red)}.skill-card h3{margin:3px 0;font-size:clamp(23px,5vw,29px);line-height:1.15;color:var(--ink)}.skill-card-duration{margin:6px 0;font-size:13px;font-weight:800;color:var(--ink-amber)}.skill-card-description{margin:8px auto 0;max-width:34ch;min-height:5.4em;font-size:15px;line-height:1.35;color:var(--text)}.skill-pagination{display:flex;align-items:center;justify-content:space-between;gap:4px;margin-top:10px}.skill-pagination>button{width:44px;height:44px;padding:0;border:var(--bw-thin) solid var(--ink);border-radius:50%;background:var(--card-inset);color:var(--ink);font:inherit;font-size:30px;font-weight:800;line-height:1;cursor:pointer}.skill-pagination>button:disabled{opacity:.35;cursor:default}.skill-page-dots{display:flex;justify-content:center;flex:1;min-width:0}.skill-page-dots button{display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;background:transparent;cursor:pointer}.skill-page-dots span{display:block;width:9px;height:9px;border:var(--bw-thin) solid var(--ink-amber);border-radius:50%;background:var(--card-2);transition:transform var(--dur-fast),background var(--dur-fast)}.skill-page-dots [aria-current=page] span{background:var(--amber);transform:scale(1.35)}.skill-page-count{display:block;font-size:12px;text-align:center;color:var(--text-soft);font-weight:700}.skill-choose,.chest-open{display:block;width:100%;min-height:46px;margin-top:12px;border:var(--bw) solid var(--ink-amber);border-radius:999px;background:var(--primary-btn);color:var(--on-amber);box-shadow:var(--shadow-btn);font:inherit;font-size:16px;font-weight:800;cursor:pointer;transition:transform var(--dur-fast),box-shadow var(--dur-fast)}.skill-choose:disabled{cursor:default}.skill-choose:hover:not(:disabled),.chest-open:hover:not(:disabled){transform:translateY(-1px)}.skill-choose:active:not(:disabled),.chest-open:active:not(:disabled){transform:translateY(2px);box-shadow:var(--shadow-btn-pressed)}.is-awarded .skill-card{animation:skill-award .28s cubic-bezier(.22,1,.36,1)}.is-awarded .skill-choose{background:var(--green-hi);color:var(--ink-green);border-color:var(--ink-green)}#skillInfo .skill-reference{width:min(420px,calc(100vw - 24px));max-height:calc(100dvh - 24px);box-sizing:border-box;padding:20px}.skill-reference-heading{margin-bottom:14px;text-align:center}#skillInfo .skill-reference h2{margin:3px 0 5px;font-size:clamp(22px,5vw,27px);color:var(--ink);line-height:1.2}.skill-reference .info-sub{margin:0;font-size:13px}#skillInfo .info-close{position:sticky;bottom:0;min-height:44px;border-radius:999px;margin-top:14px}#rollPanel.treasure-roll{position:fixed;z-index:8;top:50%;bottom:auto;left:50%;right:auto;transform:translate(-50%,-50%);box-sizing:border-box;width:min(360px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow-y:auto;overscroll-behavior:contain;flex-direction:column;align-items:center;gap:0;padding:18px 20px 10px;border:var(--bw) solid var(--ink);border-radius:var(--r-lg);background:linear-gradient(180deg,var(--card),var(--card-2));box-shadow:var(--shadow-pop);color:var(--text)}.treasure-roll h2{margin:0;font-size:25px;text-align:center;line-height:1.15;color:var(--ink)}.reward-subtitle{margin:5px 0 12px;text-align:center;font-size:13px;color:var(--ink-amber);font-weight:700}.treasure-roll .skill-card-art{height:146px}.treasure-roll .skill-card-art img{width:116px;height:116px}.treasure-roll .skill-card-description{min-height:5.4em;font-size:14px}.reward-status{font-size:13px;color:var(--ink-red);text-align:center;margin:10px 0 0}.reward-status:empty{display:none}.reward-later,.reward-skip{background:transparent;border:0;border-radius:999px;min-height:44px;padding:8px 16px;color:var(--ink-amber);font:inherit;font-size:13px;font-weight:800;cursor:pointer}.reward-later{position:sticky;bottom:-10px;flex-shrink:0;margin-top:8px;background:var(--card-2)}.reward-later:hover,.reward-skip:hover{color:var(--ink);text-decoration:underline}.chest-stage{border:0;padding:0;width:100%;height:205px;display:grid;place-items:center;background:transparent;border-radius:var(--r-md);cursor:pointer}.treasure-chest{width:250px;max-width:100%;height:200px;overflow:visible}.treasure-chest path{stroke:var(--ink-amber);stroke-width:4;stroke-linejoin:round}.chest-wood{fill:color-mix(in srgb,var(--amber-deep) 55%,var(--amber))}.chest-wood-light{fill:color-mix(in srgb,var(--amber-deep) 25%,var(--amber));stroke:none!important}.chest-gold{fill:var(--gold)}.chest-trim,.chest-lock{fill:var(--amber)}.chest-key{fill:var(--ink-amber);stroke-width:2!important}.chest-plank{fill:none;stroke:var(--amber-deep)!important;stroke-width:3!important}.chest-interior{fill:var(--amber-deep)}.chest-shadow{fill:color-mix(in srgb,var(--ink) 15%,transparent)}.chest-lid{transform-box:fill-box;transform-origin:center bottom}.chest-light,.chest-stars{opacity:0;fill:var(--gold)}.chest-light path,.chest-stars path{stroke:none}.chest-light circle{fill:color-mix(in srgb,var(--amber-hi) 50%,transparent)}[data-phase=opening] .chest-lid{animation:treasure-lid .7s cubic-bezier(.22,1,.36,1) forwards}[data-phase=opening] .chest-light{animation:treasure-light .7s ease-out forwards}[data-phase=opening] .chest-stars{animation:treasure-sparkles .7s ease-out forwards}.skill-carousel[hidden],.chest-stage[hidden],.chest-open[hidden],.reward-skip[hidden],.skill-choose[hidden]{display:none}@keyframes treasure-lid{0%,15%{transform:translateY(0) rotateX(0)}65%,to{transform:translateY(-18px) perspective(350px) rotateX(-112deg) rotate(-5deg)}}@keyframes treasure-light{0%,18%{opacity:0;transform:translateY(8px) scale(.7)}65%,to{opacity:.85;transform:translateY(0) scale(1)}}@keyframes treasure-sparkles{0%,25%{opacity:0;transform:translateY(12px) scale(.85)}65%{opacity:1}to{opacity:0;transform:translateY(-14px) scale(1.05)}}@keyframes skill-page-in{0%{opacity:.2;transform:translate(calc(var(--page-direction, 1) * 16px)) translateY(6px)}to{opacity:1;transform:translate(0)}}@keyframes skill-award{0%{transform:scale(.96)}to{transform:scale(1)}}@media(max-width:359px){#skillInfo .skill-reference,#rollPanel.treasure-roll{padding-left:14px;padding-right:14px}.skill-pagination{display:grid;grid-template-columns:44px 1fr 44px;gap:0}.skill-page-dots{grid-column:1 / -1;grid-row:2}.skill-pagination>button:last-child{grid-column:3;grid-row:1}.skill-page-dots button{width:44px;min-height:44px}.skill-card-art{height:148px}.skill-card-art img{width:120px;height:120px}}@media(max-height:560px){.skill-card{flex-direction:row;gap:14px;align-items:center}.skill-card-art,.treasure-roll .skill-card-art{width:95px;height:110px;flex-shrink:0}.skill-card-art img,.treasure-roll .skill-card-art img{width:86px;height:86px}.skill-card-copy{text-align:left;padding-top:0}.skill-card h3{font-size:21px}.skill-card-description,.treasure-roll .skill-card-description{min-height:0;font-size:13px}.skill-reference-heading{margin-bottom:10px}.chest-stage,.treasure-chest{height:130px}}@media(prefers-reduced-motion:reduce){.skill-card,.chest-lid,.chest-light,.chest-stars{animation:none!important}}@media(max-height:560px)and (min-width:560px){#rollPanel.treasure-roll,#skillInfo .skill-reference{width:min(640px,calc(100vw - 24px));padding:10px 14px}.treasure-roll h2,#skillInfo .skill-reference h2{font-size:22px}.reward-subtitle{margin:2px 0 8px}.treasure-roll .skill-carousel{display:grid;grid-template-columns:minmax(0,1fr) 170px;column-gap:18px}.treasure-roll .skill-card-slot{grid-column:1 / -1}.treasure-roll .skill-pagination{grid-column:1;margin-top:6px}.treasure-roll .skill-choose{grid-column:2;grid-row:2;margin-top:6px}.skill-page-count{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.reward-later{position:static;margin-top:4px}.skill-reference-heading{margin-bottom:8px}#skillInfo .info-close{margin-top:8px}.skill-card-art,.treasure-roll .skill-card-art{height:100px}.skill-card-description{max-width:none}.chest-stage,.treasure-chest{height:115px}}.is-revealing .skill-card{animation:reward-rise .36s cubic-bezier(.22,1,.36,1)}@keyframes reward-rise{0%{opacity:0;transform:translateY(24px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@media(prefers-reduced-motion:reduce){.is-revealing .skill-card{animation:none!important}}@font-face{font-family:"Baloo 2";font-style:normal;font-display:swap;font-weight:400;src:url(/assets/baloo-2-devanagari-400-normal-DwSYK00u.woff2) format("woff2"),url(/assets/baloo-2-devanagari-400-normal-BdQx5VUP.woff) format("woff");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";font-style:normal;font-display:swap;font-weight:400;src:url(/assets/baloo-2-vietnamese-400-normal-Bw8Sx-UF.woff2) format("woff2"),url(/assets/baloo-2-vietnamese-400-normal-q9RGxceT.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:"Baloo 2";font-style:normal;font-display:swap;font-weight:400;src:url(/assets/baloo-2-latin-ext-400-normal-D__FNg33.woff2) format("woff2"),url(/assets/baloo-2-latin-ext-400-normal-nuHowdHt.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Baloo 2";font-style:normal;font-display:swap;font-weight:400;src:url(/assets/baloo-2-latin-400-normal-D8VfTcZx.woff2) format("woff2"),url(/assets/baloo-2-latin-400-normal-DCk_bY-6.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Baloo 2";font-style:normal;font-display:swap;font-weight:700;src:url(/assets/baloo-2-devanagari-700-normal-D37Te3iF.woff2) format("woff2"),url(/assets/baloo-2-devanagari-700-normal-CEIF4sJg.woff) format("woff");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";font-style:normal;font-display:swap;font-weight:700;src:url(/assets/baloo-2-vietnamese-700-normal-h4tlcePq.woff2) format("woff2"),url(/assets/baloo-2-vietnamese-700-normal-DoF59Mjc.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:"Baloo 2";font-style:normal;font-display:swap;font-weight:700;src:url(/assets/baloo-2-latin-ext-700-normal-Mlh7kdab.woff2) format("woff2"),url(/assets/baloo-2-latin-ext-700-normal-D6LeXASg.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Baloo 2";font-style:normal;font-display:swap;font-weight:700;src:url(/assets/baloo-2-latin-700-normal-CqTg7A15.woff2) format("woff2"),url(/assets/baloo-2-latin-700-normal-Ld3Zm3l2.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Baloo 2";font-style:normal;font-display:swap;font-weight:800;src:url(/assets/baloo-2-devanagari-800-normal-BURIY0wZ.woff2) format("woff2"),url(/assets/baloo-2-devanagari-800-normal-YLp1oUqR.woff) format("woff");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";font-style:normal;font-display:swap;font-weight:800;src:url(/assets/baloo-2-vietnamese-800-normal-ConLnEgt.woff2) format("woff2"),url(/assets/baloo-2-vietnamese-800-normal-GQACmpuv.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:"Baloo 2";font-style:normal;font-display:swap;font-weight:800;src:url(/assets/baloo-2-latin-ext-800-normal-C_Iwmf1s.woff2) format("woff2"),url(/assets/baloo-2-latin-ext-800-normal-D-iCxxqE.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Baloo 2";font-style:normal;font-display:swap;font-weight:800;src:url(/assets/baloo-2-latin-800-normal-BbF3Etk1.woff2) format("woff2"),url(/assets/baloo-2-latin-800-normal-B8BXfZF7.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
