/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.fixed{position:fixed}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{direction:rtl;background:#f7f0e3;overflow-x:hidden}body{color:#263544;background:#f7f0e3;min-width:320px;min-height:100vh;margin:0;font-family:Vazirmatn,Tahoma,Arial,sans-serif;line-height:1.65;overflow-x:hidden}button{font:inherit;cursor:pointer;touch-action:manipulation;border:0}button:focus-visible{outline-offset:3px;outline:3px solid #f2a537}.home-page,.menu-page,.sub-page{max-width:620px;min-height:100dvh;padding:max(16px,env(safe-area-inset-top)) 18px calc(22px + env(safe-area-inset-bottom));margin:auto;position:relative;overflow:hidden auto}.home-page{isolation:isolate;background:#f7e3c4;flex-direction:column;display:flex}.home-bg{z-index:-1;background:radial-gradient(circle at 10% 22%,#fff3d5 0,#fff3d5 10%,#0000 10.5%),radial-gradient(circle at 92% 41%,#f3c87e 0,#f3c87e 9%,#0000 9.5%);position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.home-bg:after{content:"";background:#57a7a8;border-radius:50% 50% 0 0;width:130%;height:250px;position:absolute;bottom:-60px;left:-15%}.home-bg span{color:#ec9a2a;font-size:26px;animation:2s ease-in-out infinite twinkle;position:absolute}.home-bg span:first-child{top:22%;right:12%}.home-bg span:nth-child(2){animation-delay:.5s;top:38%;left:13%}.home-bg span:nth-child(3){animation-delay:1s;top:12%;left:25%}@keyframes twinkle{50%{opacity:.45;transform:scale(1.5)rotate(25deg)}}.home-top,.sub-page header{justify-content:space-between;align-items:center;gap:12px;display:flex}.home-top button{color:#465260;background:#fff7e7;border-radius:15px;align-items:center;gap:6px;min-height:42px;padding:0 13px;font-weight:800;display:flex;box-shadow:0 3px #eacfa7}.home-top button:last-child{justify-content:center;width:42px;padding:0}.hero{text-align:center;padding-top:25px}.hero-label{color:#896039;background:#ffe9bd;border-radius:99px;padding:7px 12px;font-size:12px;font-weight:800;display:inline-block}.hero h1{color:#273b47;margin:10px 0 0;font-size:clamp(36px,11vw,56px);font-weight:950;line-height:1}.hero p{color:#657077;margin:7px 0;font-size:14px;font-weight:600}.primary-button,.secondary-button{border-radius:18px;justify-content:center;align-items:center;gap:9px;width:100%;min-height:56px;font-size:17px;font-weight:900;transition:transform .15s,filter .15s;display:flex}.primary-button:active,.secondary-button:active{transform:translateY(3px)}.primary-button{color:#fff;background:#ef8536;box-shadow:0 5px #b65222}.secondary-button{color:#315160;background:#fff7e6;box-shadow:0 4px #ded0b9}.start-button{z-index:2;margin-top:auto}.resume-link{color:#39705e;background:#e5f3e8;border-radius:99px;align-self:center;margin:8px 0 -2px;padding:5px 12px;font-size:11px;font-weight:900}.home-nav{z-index:2;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;padding-top:18px;display:grid}.home-nav button{color:#3c5962;background:#ffffffeb;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-width:0;min-height:70px;padding:6px 2px;font-size:10px;font-weight:800;display:flex;box-shadow:0 3px #34686638}.home-nav button.locked{color:#8b8378;background:#eee6d7}.home-nav svg{color:#eb8435;width:20px;height:20px}.home-nav .locked svg{color:#928b81}.toast{left:50%;bottom:max(22px,env(safe-area-inset-bottom));z-index:100;color:#fff;text-align:center;background:#283946;border-radius:16px;max-width:calc(100% - 38px);padding:11px 17px;font-size:13px;font-weight:700;position:fixed;transform:translate(-50%);box-shadow:0 8px 25px #26354455}.game-shell{touch-action:none;-webkit-user-select:none;user-select:none;background:#f4dfbf;width:100%;height:100dvh;position:relative;overflow:hidden}.game-canvas{width:100%;height:100%;display:block}.game-hud{top:max(14px,env(safe-area-inset-top));pointer-events:none;color:#263544;justify-content:space-between;align-items:flex-start;display:flex;position:absolute;left:70px;right:14px}.game-hud>div{flex-direction:column;gap:5px;display:flex}.world-chip{background:#fff9e7e8;border-radius:99px;align-self:flex-start;padding:5px 9px;font-size:11px;font-weight:800}.game-hud strong{font-size:17px}.hud-right{align-items:flex-end}.hud-right span{background:#fff9e7e8;border-radius:11px;align-items:center;gap:3px;padding:5px 9px;font-size:12px;font-weight:900;display:flex}.hud-right .combo{color:#fff;background:#ef8536}.pause{top:max(14px,env(safe-area-inset-top));color:#3e4d54;background:#fff9e7e8;border-radius:15px;place-items:center;width:44px;height:44px;display:grid;position:absolute;left:14px}.tutorial:empty{display:none}.tutorial{color:#fff;white-space:nowrap;background:#2d4552;border-radius:14px;max-width:calc(100% - 32px);padding:7px 13px;font-size:12px;font-weight:800;position:absolute;top:102px;left:50%;transform:translate(-50%)}.slide-control{bottom:calc(18px + env(safe-area-inset-bottom));color:#fff;z-index:5;background:#315b66e8;border-radius:20px;width:92px;height:64px;font-size:11px;line-height:1.25;position:absolute;right:16px;box-shadow:0 4px #193c46}.slide-control b{font-size:13px}.pause-panel{z-index:15;color:#fff;background:#243744b8;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex;position:absolute;top:0;right:0;bottom:0;left:0}.pause-panel>b{font-size:26px}.pause-panel button{color:#344c57;background:#fff2cf;border-radius:15px;width:min(260px,75%);min-height:50px;font-weight:900}.pause-panel button:last-child{color:#fff;background:#385765}.menu-page{text-align:center;padding-top:calc(22px + env(safe-area-inset-top));background:#f3e3c3;flex-direction:column;align-items:center;display:flex}.resume-page{justify-content:center}.resume-page .skin-art{margin-bottom:18px}.resume-copy{color:#6b665e;max-width:310px;margin:9px 0 20px;font-size:14px}.resume-page .primary-button,.resume-page .secondary-button{max-width:350px;margin-top:10px}.eyebrow{color:#91643e;margin:12px 0 3px;font-size:13px;font-weight:800}.menu-page h1,.sub-page h1{color:#293e4b;margin:0;font-size:29px;font-weight:950;line-height:1.2}.result-card{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;width:100%;margin:18px 0 11px;display:grid}.result-card div{background:#fff8e7;border-radius:15px;min-width:0;padding:11px 3px;box-shadow:0 3px #ddc8a6}.result-card small{color:#7c746a;margin-bottom:3px;font-size:10px;display:block}.result-card b{color:#29404d;overflow-wrap:anywhere;font-size:12px;display:block}.menu-page .secondary-button{margin-top:12px}.text-button{color:#866e54;background:0 0;margin-top:10px;padding:9px;font-size:13px;font-weight:800}.share-layer{z-index:90;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#1c2b34cc;place-items:center;padding:18px;display:grid;position:fixed;top:0;right:0;bottom:0;left:0}.share-card-modal{background:#fff7e8;border-radius:24px;width:min(390px,100%);max-height:calc(100dvh - 36px);padding:18px;overflow-y:auto;box-shadow:0 24px 55px #10191e88}.share-card-modal .eyebrow{margin:0 0 10px}.share-card-modal img{object-fit:contain;background:#e7d7b8;border-radius:16px;width:100%;max-height:52dvh;display:block;box-shadow:0 3px #d4c09e}.share-card-modal>div{grid-template-columns:1fr 1fr;gap:8px;margin-top:14px;display:grid}.share-card-modal .primary-button,.share-card-modal .secondary-button{min-height:47px;font-size:13px}.share-card-modal .secondary-button{margin:0}.share-card-modal .text-button{margin:4px auto 0}.sub-page{background:#f8f2e7}.sub-page header{margin-bottom:20px}.sub-page header>div{flex:1;min-width:0}.sub-page header .eyebrow{margin:0 0 2px}.sub-page h1{font-size:26px}.icon-btn{color:#52646d;background:#fff;border-radius:14px;flex:none;place-items:center;width:43px;height:43px;display:grid;box-shadow:0 2px #e1d6c3}.coin-pill{color:#80540e;background:#fff0b5;border:2px solid #e6a52e;border-radius:14px;align-items:center;gap:4px;padding:8px 10px;font-size:13px;font-weight:900;display:flex;box-shadow:0 3px #c77c1f;flex:0!important}.coin-pill svg{fill:#ffd14f;color:#a5670d}.header-icon{color:#ed8a35}.tabs{background:#eee4d4;border-radius:15px;gap:3px;margin-bottom:16px;padding:4px;display:flex}.tabs button{color:#7a7367;background:0 0;border-radius:11px;flex:1;min-height:37px;font-size:12px;font-weight:800}.tabs button.active{color:#354e58;background:#fff;box-shadow:0 2px 5px #a2907733}.skin-stage{background:linear-gradient(135deg,#fff8e8,#e7ddc9);border:1px solid #ead8b8;border-radius:24px;grid-template-columns:minmax(0,1fr) 185px;align-items:center;gap:8px;margin-bottom:14px;padding:18px;display:grid;box-shadow:inset 0 -5px #5b483114,0 7px 16px #6f543512}.skin-stage h2{color:#304853;margin:5px 0 3px;font-size:20px}.skin-stage p,.skin-stage q{color:#756b5f;margin:0;font-size:11px;line-height:1.7;display:block}.skin-stage q{color:#9a623b;margin-top:5px;font-weight:800}.rarity-label,.unlock-rarity{background:#fff7e8;border-radius:99px;padding:3px 8px;font-size:9px;font-weight:900;display:inline-block}.rarity-mythic{color:#f1a767;background:#393536}.preview-controls{grid-column:1/-1;justify-content:center;gap:6px;display:flex}.preview-controls button,.filter-chips button{color:#56666d;background:#fff7e9;border-radius:11px;min-height:34px;padding:4px 10px;font-size:10px;font-weight:900}.stage-cta{color:#fff;background:#315f68;border-radius:14px;grid-column:1/-1;min-height:44px;font-size:13px;font-weight:900;box-shadow:0 3px #21464e}.collection-progress{color:#3f575f;align-items:center;gap:12px;padding:8px 2px 13px;font-size:12px;display:flex}.collection-progress>div{background:#dfd7ca;border-radius:99px;flex:1;height:8px;overflow:hidden}.collection-progress i{background:#4b9f83;height:100%;display:block}.filter-chips{scrollbar-width:none;gap:6px;padding:2px 0 10px;display:flex;overflow-x:auto}.filter-chips button.active{color:#fff;background:#3d6570}.skin-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding-bottom:8px;display:grid}.skin-card{color:#364b55;background:linear-gradient(150deg,#fffdf7,#f1e6d3);border:1px solid #eadbc6;border-radius:21px;flex-direction:column;align-items:stretch;min-width:0;min-height:224px;padding:0;transition:transform .18s,box-shadow .18s;display:flex;position:relative;overflow:hidden;box-shadow:0 5px #d9cbb7,0 10px 19px #59412712}.skin-card:hover{transform:translateY(-2px);box-shadow:0 7px #d9cbb7,0 13px 22px #5941271b}.skin-card:before{content:"";background:var(--card-glow,#f7d69544);pointer-events:none;border-radius:50%;width:95px;height:80px;position:absolute;top:-28px;left:-22px}.skin-card.rarity-card-legendary{--card-glow:#f5d87577;background:linear-gradient(145deg,#fffbed,#f7e7b7);border-color:#dfbe68}.skin-card.rarity-card-mythic{--card-glow:#dc7f4e55;background:linear-gradient(145deg,#fff8ef,#dbd4ce);border:2px solid #554a43}.skin-card.rarity-card-mythic:after{content:"MYTHIC";letter-spacing:1px;color:#a74f2c;font-size:8px;font-weight:950;position:absolute;bottom:48px;left:10px}.skin-card.selected .skin-art{filter:drop-shadow(0 9px 1px #3d2f262e) drop-shadow(0 0 7px var(--accent))}.skin-preview-button{z-index:1;width:100%;min-height:171px;color:inherit;text-align:right;background:0 0;flex-direction:column;align-items:flex-start;padding:9px 11px 6px;display:flex;position:relative}.skin-preview-button .skin-art{transform:rotate(var(--tilt)) scale(1.04);align-self:center;margin:5px auto 2px}.skin-preview-button strong{color:#2f4651;width:100%;margin-top:auto;font-size:14px;font-weight:950;line-height:1.35}.skin-preview-button small{color:#837365;width:100%;min-height:31px;margin-top:2px;font-size:10px;line-height:1.5;display:block;overflow:hidden}.card-rarity{color:#806448;background:#ffffffbd;border-radius:99px;padding:3px 7px;font-size:8px;font-weight:950;position:absolute;top:9px;right:9px;box-shadow:0 1px 3px #684d2422}.card-action{z-index:2;color:#fff;background:#e78338;border-radius:12px;justify-content:center;align-items:center;gap:4px;width:calc(100% - 16px);min-height:39px;margin:0 8px 9px;font-size:11px;font-weight:900;display:flex;position:relative;box-shadow:0 3px #b85c25}.card-action b{direction:ltr;font-size:12px}.card-action.owned{color:#367050;background:#e1f0e5;box-shadow:0 3px #b5d7bd}.shop-option{text-align:center;background:#fff;border-radius:23px;padding:26px 20px;box-shadow:0 3px #ded3c2}.shop-option h2{color:#334d59;margin:10px 0 4px;font-size:22px}.shop-option p{color:#7d756c;margin:0 0 22px;font-size:13px;line-height:1.8}.mission-list{flex-direction:column;gap:10px;margin:10px 0 24px;display:flex}.mission-list article{background:#fff;border-radius:17px;align-items:center;gap:10px;padding:13px;display:flex;box-shadow:0 2px #ded3c2}.mission-list article>span{color:#99651c;background:#f9e8bb;border-radius:10px;flex:none;place-items:center;width:34px;height:34px;font-size:11px;font-weight:950;display:grid}.mission-list article>div{flex:1;min-width:0}.mission-list b,.mission-list small{display:block}.mission-list b{font-size:13px}.mission-list small{color:#847e75;margin:2px 0 5px;font-size:11px}.mission-list article>button{color:#fff;background:#e6a14c;border-radius:10px;flex:none;min-height:36px;padding:5px 8px;font-size:10px;font-weight:900}.mission-list article>button:disabled{color:#958d82;background:#eee7dc}.progress{background:#dce6df;border-radius:99px;height:7px;overflow:hidden}.progress i{border-radius:inherit;background:#3b9b86;height:100%;display:block}.sub-page .primary-button:disabled{opacity:.55;box-shadow:none;cursor:default}.settings-list{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 3px #ded3c2}.settings-list button{color:#3c5059;text-align:right;background:#fff;border-bottom:1px solid #eee7db;align-items:center;gap:12px;width:100%;min-height:61px;padding:10px 15px;display:flex}.settings-list b{flex:1;font-size:14px}.settings-list .danger{color:#bd5d4a}.switch{background:#c9c9c4;border-radius:99px;width:42px;height:24px;padding:3px}.switch u{background:#fff;border-radius:50%;width:18px;height:18px;transition:all .2s;display:block}.switch.on{background:#55ae78}.switch.on u{transform:translate(-18px)}.unlock-layer{z-index:80;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#19252cc7;place-items:center;padding:22px;display:grid;position:fixed;top:0;right:0;bottom:0;left:0}.unlock-card{isolation:isolate;text-align:center;background:linear-gradient(160deg,#fffaf0,#f3ddb0);border-radius:29px;width:min(355px,100%);padding:18px 23px 23px;animation:.48s cubic-bezier(.18,.95,.27,1.18) unlockPop;position:relative;overflow:hidden;box-shadow:0 24px 60px #0e151a66}.unlock-card.rarity-legendary{background:linear-gradient(160deg,#fffce9,#edca70)}.unlock-card.rarity-mythic{color:#fff;background:linear-gradient(160deg,#fff5e9,#a95038)}.unlock-rays{z-index:-1;background:conic-gradient(from 0deg,#fff0 0,#fff0 8%,#fff8 8%,#fff8 13%,#fff0 13%,#fff0 25%,#fff8 25%,#fff8 30%,#fff0 30%,#fff0 43%,#fff8 43%,#fff8 48%,#fff0 48%,#fff0);animation:7s linear infinite spinRays;position:absolute;top:-75px;right:-75px;bottom:-75px;left:-75px}.unlock-kicker{color:#8b653c;background:#ffffffb8;border-radius:99px;padding:4px 10px;font-size:10px;font-weight:950;display:inline-block}.unlock-card .skin-art{margin:29px auto 17px}.unlock-card p{margin:3px 0;font-size:23px;font-weight:950}.unlock-card>span:not(.unlock-kicker):not(.unlock-rarity){color:#756b60;max-width:280px;margin:7px auto;font-size:12px;display:block}.unlock-card em{color:#805c38;margin:11px auto 15px;font-size:11px;font-style:normal;line-height:1.8;display:block}.unlock-card.rarity-mythic>span:not(.unlock-kicker):not(.unlock-rarity),.unlock-card.rarity-mythic em{color:#fff4e1}.unlock-card button{color:#fff;background:#ef8536;border-radius:14px;justify-content:center;align-items:center;gap:6px;width:100%;min-height:46px;font-weight:950;display:flex;box-shadow:0 3px #ae4c21}@keyframes unlockPop{0%{opacity:0;transform:scale(.58)rotate(-5deg)}}@keyframes spinRays{to{transform:rotate(360deg)}}.boss-bar{color:#34275f;isolation:isolate;border:2px solid #34275f;min-width:150px;position:relative;overflow:hidden;background:#e2d8c8!important;border-radius:10px!important;font-size:9px!important}.boss-bar i{z-index:-1;background:#8068c5;transition:width .2s;position:absolute;inset:0 auto 0 0}@media(max-height:680px){.hero{padding-top:12px}.skin-art.large{margin:8px auto -2px;transform:rotate(-8deg)scale(.93)}.hero h1{font-size:37px}.hero p{margin:4px 0}.home-nav{padding-top:12px}.home-nav button{min-height:62px}.menu-page h1{font-size:25px}.result-card{margin:10px 0 8px}.result-card div{padding:8px 2px}}@media(max-width:430px){.skin-stage{grid-template-columns:minmax(0,1fr) 135px}.skin-stage .skin-art.large{transform:rotate(var(--tilt)) scale(1.35);margin-left:-2px;margin-right:-2px}.skin-stage h2{font-size:17px}.skin-stage p{font-size:10px}.preview-controls{margin-top:2px}.skin-card{min-height:216px}.skin-card small{font-size:9px}}@media(max-width:350px){.home-page,.menu-page,.sub-page{padding-left:12px;padding-right:12px}.home-nav{gap:5px}.home-nav button{font-size:9px}.game-hud{left:62px;right:10px}.slide-control{width:84px;right:10px}.tutorial{font-size:11px}.skin-grid{gap:8px}.skin-card{padding:0}.mission-list article{gap:7px;padding:10px}.mission-list article>button{padding:4px 6px}.skin-stage{text-align:center;grid-template-columns:1fr}.skin-stage .skin-art.large{transform:rotate(var(--tilt)) scale(1.42);margin:22px auto 25px}.skin-stage>div:first-child{order:2}.preview-controls{order:3}.share-card-modal>div{grid-template-columns:1fr}}@media(min-width:700px){.home-page,.menu-page,.sub-page{box-shadow:0 0 70px #695a4726}.home-nav{align-self:center;width:100%;max-width:480px}.skin-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.game-shell{max-width:620px;margin:auto;box-shadow:0 0 70px #34414d66}}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}.skin-art{--accent:#fff3c7;--body-w:62px;--body-h:42px;--sole-w:90px;--sole-h:30px;--body-right:17px;--body-bottom:25px;--sole-radius:20px 12px 21px 17px;--body-radius:31px 31px 9px 9px;--tilt:-7deg;--eye-y:31px;--eye-one:37px;--eye-two:56px;--eye-w:11px;--eye-h:14px;--mouth-x:44px;--mouth-y:49px;position:relative;width:100px;height:80px;margin:2px auto 7px;transform:rotate(var(--tilt));filter:drop-shadow(0 8px 1px rgba(61,47,38,.18));animation:skinIdle 2.6s ease-in-out infinite;isolation:isolate}.skin-art:before{content:"";position:absolute;right:4px;bottom:5px;width:var(--sole-w);height:var(--sole-h);border-radius:var(--sole-radius);background:var(--sole);box-shadow:inset 0 -5px #1f212329,inset 0 3px #ffffff2e}.skin-art:after{content:"";position:absolute;z-index:1;right:var(--body-right);bottom:var(--body-bottom);width:var(--body-w);height:var(--body-h);border:10px solid var(--skin);border-bottom:0;border-radius:var(--body-radius);box-shadow:inset 0 5px #ffffff21}.skin-art i{position:absolute;z-index:5;top:var(--eye-y);width:var(--eye-w);height:var(--eye-h);border-radius:50%;background:#fffdf7;box-shadow:0 1px #23303a26}.skin-art i:nth-of-type(1){right:var(--eye-one)}.skin-art i:nth-of-type(2){right:var(--eye-two)}.skin-art i:after{content:"";position:absolute;top:5px;right:3px;width:5px;height:7px;border-radius:50%;background:#243445}.skin-mouth{position:absolute;z-index:6;right:var(--mouth-x);top:var(--mouth-y);width:13px;height:5px;border-bottom:2px solid #4e3440;border-radius:50%}.skin-accessory{position:absolute;z-index:3;right:24px;bottom:39px;width:50px;height:29px;border-top:4px solid var(--accent);border-radius:50%}.art-mark{position:absolute;z-index:4;pointer-events:none}.motion-hyper{animation-duration:.7s}.motion-calm{animation-duration:3.8s}.motion-proud{animation-name:skinProud}.motion-focused{animation-name:skinFocused}.motion-playful{animation-name:skinPlayful}.preview-jump{animation:previewJump .72s cubic-bezier(.2,.8,.3,1)!important}.preview-slide{animation:previewSlide .72s ease!important}.preview-turbo{animation:previewTurbo .54s ease 2!important}@keyframes skinIdle{0%,to{transform:rotate(var(--tilt)) translateY(0)}48%{transform:rotate(calc(var(--tilt) + 2deg)) translateY(-3px)}52%{transform:rotate(calc(var(--tilt) + 2deg)) translateY(-3px) scaleY(.97)}}@keyframes skinProud{0%,to{transform:rotate(var(--tilt))}50%{transform:rotate(calc(var(--tilt) - 3deg)) translateY(-2px) scale(1.04)}}@keyframes skinFocused{0%,to{transform:rotate(var(--tilt)) translate(0)}45%{transform:rotate(calc(var(--tilt) + 1deg)) translate(-4px)}55%{transform:rotate(var(--tilt)) translate(-4px)}}@keyframes skinPlayful{0%,to{transform:rotate(var(--tilt))}35%{transform:rotate(calc(var(--tilt) + 5deg)) translateY(-3px)}42%{transform:rotate(calc(var(--tilt) - 2deg)) translateY(-1px)}}@keyframes previewJump{0%,to{transform:rotate(var(--tilt))}18%{transform:rotate(var(--tilt)) scale(1.08,.86)}52%{transform:rotate(4deg) translateY(-23px) scale(.91,1.12)}82%{transform:rotate(-3deg) scale(1.1,.86)}}@keyframes previewSlide{45%{transform:rotate(-2deg) scale(1.18,.62) translate(-10px)}}@keyframes previewTurbo{50%{transform:rotate(-3deg) translate(-19px) scale(1.1,.92)}}.skin-art.large{transform:rotate(var(--tilt)) scale(1.72);margin:31px auto 27px}.art-blue{--body-w:67px;--body-h:35px;--sole-w:94px;--sole-h:25px;--body-right:14px;--body-bottom:23px;--sole-radius:24px 7px 18px 13px;--body-radius:29px 35px 7px 7px;--tilt:-10deg;--eye-y:34px;--eye-one:31px;--eye-two:49px;--mouth-x:38px;--mouth-y:51px}.art-blue:before{clip-path:polygon(0 21%,78% 0,100% 35%,96% 82%,70% 100%,0 91%)}.art-blue .skin-accessory{right:17px;width:59px;transform:skew(-13deg)}.art-blue .art-mark{left:6px;bottom:24px;width:20px;height:3px;background:var(--accent);box-shadow:5px 7px 0 var(--accent)}.art-bath{--body-w:60px;--body-h:38px;--sole-w:94px;--sole-h:35px;--body-right:4px;--body-bottom:24px;--sole-radius:12px 12px 18px 13px;--body-radius:19px 19px 7px 7px;--tilt:-3deg;--eye-y:34px;--eye-one:28px;--eye-two:47px;--mouth-x:35px;--mouth-y:53px}.art-bath:before{background:radial-gradient(circle at 25% 35%,#ffffff55 0 2px,transparent 3px),radial-gradient(circle at 55% 68%,#ffffff45 0 2px,transparent 3px),var(--sole)}.art-bath:after{border-width:13px 13px 0}.art-bath .skin-accessory{right:16px;width:57px;border-top-width:7px}.art-bath .skin-mouth{width:10px;border-radius:0}.art-bath i{height:11px}.art-cloud{--body-w:58px;--body-h:42px;--sole-w:91px;--sole-h:34px;--body-right:17px;--body-bottom:24px;--sole-radius:50%;--body-radius:50%;--tilt:-4deg;--eye-y:36px;--eye-one:37px;--eye-two:56px;--mouth-x:45px;--mouth-y:50px}.art-cloud:before{box-shadow:-8px -3px 0 var(--sole),10px -2px 0 var(--sole),inset 0 -4px #6f9da855}.art-cloud:after{border-width:12px 12px 0;box-shadow:-10px -7px 0 -2px var(--skin),12px -5px 0 -3px var(--skin)}.art-cloud .skin-accessory{border-top:7px dotted #fff;right:20px;width:57px}.art-cloud i{height:10px}.art-cloud i:after{height:4px;top:3px}.art-flower{--body-w:65px;--body-h:44px;--sole-w:91px;--sole-h:30px;--body-right:15px;--body-bottom:24px;--body-radius:42% 56% 16px 11px;--tilt:-9deg;--eye-y:30px;--eye-one:33px;--eye-two:55px;--mouth-x:42px;--mouth-y:51px}.art-flower:before{clip-path:polygon(0 15%,20% 5%,45% 10%,70% 0,100% 18%,95% 90%,72% 100%,38% 93%,0 100%)}.art-flower .skin-accessory{border-top-width:8px;border-radius:70% 35% 55% 30%}.art-flower .skin-accessory:after{content:"";position:absolute;right:15px;top:-17px;width:15px;height:15px;border-radius:50%;background:var(--accent);box-shadow:8px 0 #fff0a0,-8px 0 #fff0a0,0 8px #fff0a0,0 -8px #fff0a0}.art-flower i:nth-of-type(2){height:9px;transform:rotate(9deg)}.art-flower .skin-mouth{transform:rotate(-9deg);width:15px}.art-rocket,.art-neon,.art-danger{--body-w:68px;--body-h:36px;--sole-w:96px;--sole-h:28px;--body-right:10px;--body-bottom:25px;--body-radius:28px 45px 7px 7px;--tilt:-13deg;--eye-y:33px;--eye-one:28px;--eye-two:45px;--mouth-x:34px;--mouth-y:51px}.art-rocket:before,.art-neon:before,.art-danger:before{clip-path:polygon(0 22%,82% 0,100% 50%,83% 100%,0 82%)}.art-rocket:after,.art-neon:after,.art-danger:after{transform:skew(-11deg)}.art-rocket .skin-accessory,.art-neon .skin-accessory,.art-danger .skin-accessory{right:16px;width:61px;border-top-width:7px;transform:skew(-13deg)}.art-rocket .art-mark{left:-7px;bottom:15px;width:22px;height:18px;background:var(--accent);clip-path:polygon(100% 0,100% 100%,0 50%)}.art-neon .art-mark{left:4px;bottom:21px;width:31px;height:3px;background:var(--accent)}.art-danger:before{background:repeating-linear-gradient(135deg,transparent 0 9px,var(--accent) 9px 14px,#27292b 14px 23px),var(--sole)}.art-danger .skin-mouth{transform:rotate(-11deg);width:16px}.art-space{--body-w:67px;--body-h:46px;--sole-w:86px;--sole-h:32px;--body-right:10px;--body-bottom:22px;--sole-radius:50% 36% 50% 38%;--body-radius:48% 55% 18px 12px;--tilt:-5deg;--eye-y:28px;--eye-one:31px;--eye-two:55px;--eye-w:13px;--eye-h:17px;--mouth-x:43px;--mouth-y:51px}.art-space:before{border:2px solid #aef2fa88;box-shadow:0 0 0 5px #6957bd44,inset 0 -5px #1b164c}.art-space:after{border-width:12px 9px 0 13px}.art-space .skin-accessory{right:13px;bottom:42px;width:68px;height:34px;border:3px solid var(--accent);transform:rotate(-9deg)}.art-space .art-mark{right:23px;top:5px;width:3px;height:18px;background:var(--accent)}.art-space .art-mark:after{content:"";position:absolute;right:-4px;top:-7px;width:10px;height:10px;border-radius:50%;background:#f0c75e}.art-grandpa,.art-workshop,.art-apocalypse{--body-w:68px;--body-h:38px;--sole-w:98px;--sole-h:42px;--body-right:12px;--body-bottom:22px;--sole-radius:9px;--body-radius:13px;--tilt:-3deg;--eye-y:35px;--eye-h:11px;--mouth-y:54px}.art-grandpa:before{border:2px dashed var(--accent);box-shadow:inset 0 -6px #2c1d18}.art-grandpa:after{border-style:double}.art-grandpa .skin-accessory{border-top:4px dashed var(--accent)}.art-workshop:before{background:repeating-linear-gradient(135deg,transparent 0 8px,var(--accent) 8px 12px),var(--sole);box-shadow:inset 0 -9px #151a1c}.art-workshop .skin-accessory{border-top:8px double var(--accent)}.art-apocalypse:before{clip-path:polygon(0 13%,17% 5%,33% 13%,53% 0,70% 11%,100% 4%,96% 86%,77% 100%,58% 91%,37% 100%,17% 89%,0 95%);background:linear-gradient(90deg,transparent 0 22%,#27292c 22% 43%,transparent 43% 69%,#5f3a2b 69% 83%,transparent 83%),var(--sole)}.art-apocalypse:after{border-width:13px 15px 0 11px;border-style:double}.art-apocalypse .skin-accessory{border-top:8px dashed var(--accent)}.art-party,.art-night{--body-w:59px;--body-h:34px;--sole-w:89px;--sole-h:23px;--body-right:19px;--body-bottom:27px;--sole-radius:23px 8px 18px 10px;--body-radius:35px 35px 6px 6px;--tilt:-10deg;--eye-y:34px;--eye-h:8px;--mouth-y:50px}.art-party .skin-accessory:after{content:"";position:absolute;right:19px;top:-12px;width:11px;height:11px;background:var(--accent);transform:rotate(45deg)}.art-night:before{clip-path:polygon(0 25%,76% 0,100% 26%,94% 100%,0 88%)}.art-night .art-mark{right:31px;top:9px;width:18px;height:18px;border-radius:50%;box-shadow:6px 0 0 var(--accent)}.art-night i:after{height:3px;top:2px}.art-lost{--body-w:61px;--body-h:40px;--sole-w:91px;--sole-h:30px;--body-right:14px;--body-bottom:24px;--tilt:1deg;--eye-y:32px;--eye-one:34px;--eye-two:57px}.art-lost:before{clip-path:polygon(0 8%,100% 0,94% 84%,77% 100%,47% 91%,19% 100%,0 81%)}.art-lost:after{transform:rotate(7deg);border-width:9px 13px 0 8px}.art-lost i:nth-of-type(2){transform:scale(.72) translateY(3px)}.art-lost .art-mark{right:4px;top:20px;width:13px;height:22px;background:var(--accent);border-radius:3px;transform:rotate(-13deg)}.art-watermelon{--body-w:66px;--body-h:43px;--sole-w:94px;--sole-h:35px;--body-right:14px;--body-bottom:23px;--sole-radius:50%;--body-radius:50% 50% 15px 15px;--tilt:-6deg}.art-watermelon:before{border:5px solid #7cc460}.art-watermelon .skin-accessory{border-top:12px solid var(--accent)}.art-watermelon .art-mark{right:37px;top:25px;width:4px;height:7px;border-radius:50%;background:#352e2d;box-shadow:12px 3px #352e2d,24px 0 #352e2d}.art-coffee{--body-w:62px;--body-h:42px;--sole-w:90px;--sole-h:29px;--body-right:17px;--body-bottom:25px;--body-radius:26px 38px 8px 8px;--tilt:-8deg;--eye-y:29px;--eye-w:13px;--eye-h:17px}.art-coffee .art-mark{right:38px;top:7px;width:19px;height:15px;border:3px solid var(--accent);border-radius:2px 2px 7px 7px}.art-coffee i:after{width:6px;height:9px;top:4px}.art-ice{--body-w:66px;--body-h:43px;--sole-w:94px;--sole-h:32px;--body-right:13px;--body-bottom:23px;--sole-radius:8px;--body-radius:17px 28px 5px 5px;--tilt:-8deg}.art-ice:before{clip-path:polygon(0 18%,11% 0,25% 13%,41% 0,56% 14%,75% 0,100% 20%,94% 100%,0 94%)}.art-ice:after{clip-path:polygon(0 0,100% 0,89% 100%,9% 100%)}.art-ice .art-mark{right:19px;top:13px;width:17px;height:24px;background:#efffffaa;clip-path:polygon(50% 0,100% 63%,53% 100%,0 63%)}.art-kitty{--body-w:64px;--body-h:40px;--sole-w:90px;--sole-h:31px;--body-right:16px;--body-bottom:25px;--body-radius:35px 35px 12px 12px;--tilt:-8deg;--eye-y:34px;--eye-h:10px}.art-kitty .skin-accessory:before,.art-kitty .skin-accessory:after{content:"";position:absolute;top:-20px;border-left:9px solid transparent;border-right:9px solid transparent;border-bottom:17px solid var(--skin)}.art-kitty .skin-accessory:before{right:1px}.art-kitty .skin-accessory:after{left:1px}.art-kitty .art-mark{left:-2px;bottom:25px;width:27px;height:11px;border:4px solid var(--skin);border-right:0;border-bottom:0;border-radius:18px 0 0;transform:rotate(-22deg)}.art-kitty i{transform:skew(-13deg)}.art-kitty i:after{height:8px;width:3px}.art-desert,.art-samurai{--body-w:66px;--body-h:37px;--sole-w:97px;--sole-h:38px;--body-right:13px;--body-bottom:23px;--sole-radius:14px;--body-radius:23px 28px 7px 7px;--tilt:-5deg}.art-desert:before{background:repeating-linear-gradient(90deg,transparent 0 11px,#3e2c2266 11px 16px),var(--sole);box-shadow:inset 0 -8px #523c2c}.art-desert:after{border-style:dashed}.art-samurai:after{border-width:12px 15px 0 10px;box-shadow:inset 0 5px #241f22}.art-samurai .skin-accessory{border-top:9px double #202124}.art-samurai .art-mark{left:-6px;top:24px;width:28px;height:7px;background:var(--accent);transform:rotate(-17deg)}.art-rain,.art-marine{--body-w:64px;--body-h:44px;--sole-w:91px;--sole-h:34px;--body-right:15px;--body-bottom:24px;--sole-radius:25px 13px 22px 13px;--body-radius:45% 45% 12px 12px;--tilt:-7deg}.art-rain:after{box-shadow:inset 0 7px #fff4}.art-rain .art-mark{right:34px;top:6px;width:14px;height:19px;border-radius:60% 40% 58% 42%;background:var(--accent);transform:rotate(35deg)}.art-marine{--body-w:68px;--body-h:42px;--sole-w:94px;--sole-h:31px;--body-right:12px;--body-radius:55% 42% 15px 9px;--tilt:-9deg}.art-marine:before{clip-path:polygon(0 15%,20% 4%,40% 13%,60% 3%,80% 12%,100% 0,94% 100%,0 91%)}.art-marine .skin-accessory{border-top:7px double var(--accent)}.art-marine .art-mark{left:3px;bottom:24px;width:31px;height:12px;border-top:4px solid var(--accent);border-radius:50%}.art-pixel{--body-w:64px;--body-h:38px;--sole-w:92px;--sole-h:31px;--body-right:15px;--body-bottom:25px;--sole-radius:2px;--body-radius:2px;--tilt:-4deg;--eye-y:34px;--eye-w:10px;--eye-h:10px}.art-pixel:before{clip-path:polygon(0 0,80% 0,80% 10%,100% 10%,100% 80%,90% 80%,90% 100%,0 100%)}.art-pixel:after{clip-path:polygon(0 0,100% 0,100% 80%,85% 80%,85% 100%,15% 100%,15% 80%,0 80%)}.art-pixel i,.art-pixel i:after{border-radius:1px}.art-pixel .skin-mouth{border-radius:0;border-bottom:0;background:var(--accent);height:3px}.art-cursed{--body-w:66px;--body-h:44px;--sole-w:87px;--sole-h:28px;--body-right:12px;--body-bottom:29px;--body-radius:48% 35% 14px 8px;--tilt:-4deg;--eye-y:27px;--eye-w:12px;--eye-h:16px}.art-cursed:before{box-shadow:0 7px #c8a65d33,inset 0 -4px #1e152c}.art-cursed .art-mark{right:37px;top:4px;width:20px;height:20px;border:2px solid var(--accent);transform:rotate(45deg)}.art-ghost{--body-w:65px;--body-h:43px;--sole-w:93px;--sole-h:34px;--body-right:15px;--body-bottom:24px;--sole-radius:45% 40% 17px 14px;--body-radius:48% 48% 19px 15px;--tilt:-4deg;opacity:.93}.art-ghost:before{clip-path:polygon(0 0,100% 0,96% 71%,86% 100%,71% 78%,55% 100%,40% 78%,25% 100%,8% 76%)}.art-ghost i{background:#eefbfc}.art-ghost i:after{background:#405a64}.art-king,.art-streetking{--body-w:68px;--body-h:44px;--sole-w:96px;--sole-h:38px;--body-right:14px;--body-bottom:23px;--body-radius:24px;--tilt:-8deg;--eye-y:34px;--eye-h:10px}.art-king .art-mark,.art-streetking .art-mark{right:36px;top:3px;width:29px;height:22px;background:var(--accent);clip-path:polygon(0 100%,0 23%,27% 57%,50% 0,73% 57%,100% 23%,100% 100%)}.art-phoenix{--body-w:63px;--body-h:44px;--sole-w:94px;--sole-h:30px;--body-right:12px;--body-bottom:24px;--body-radius:38px 52px 8px 12px;--tilt:-12deg}.art-phoenix:before{clip-path:polygon(0 33%,12% 0,26% 25%,41% 0,55% 24%,72% 0,100% 28%,94% 100%,0 90%)}.art-phoenix .art-mark{left:-3px;bottom:23px;width:27px;height:28px;background:var(--accent);clip-path:polygon(85% 100%,20% 100%,52% 65%,0 57%,67% 0)}.effect-neon{filter:drop-shadow(0 8px 1px rgba(61,47,38,.18)) drop-shadow(0 0 3px var(--accent))}.effect-magic:after{box-shadow:0 -4px #c8a65d55}.effect-spark .skin-accessory:after{content:"";position:absolute;right:7px;top:-12px;width:5px;height:5px;background:#f4a04e;box-shadow:12px -5px 0 var(--accent),24px 4px #f2c34d}.effect-ice.preview-turbo:before{box-shadow:-14px 2px #dffcff88}.effect-wave.preview-turbo:before{box-shadow:-15px 2px #58d1c277}.effect-rain.preview-jump:before{box-shadow:-5px 8px 0 -2px #77cde8,8px 10px 0 -2px #77cde8}.effect-dust.preview-jump:before{box-shadow:-8px 9px 0 -1px #d8a568,10px 8px 0 -1px #d8a568}.skin-card.rarity-card-legendary{background:#fff9df;border:1px solid #dfbe68}.skin-card.rarity-card-mythic{background:#eee9e1;border:2px solid #554a43}.skin-card.rarity-card-mythic:after{content:"MYTHIC";align-self:flex-end;margin-top:5px;font-size:8px;letter-spacing:1px;color:#b85f35}.skin-card.selected{outline:3px solid #ef943e;box-shadow:0 5px #d3b17d,0 0 0 6px #fff5d8}.skin-card.selected .skin-art{filter:drop-shadow(0 9px 1px rgba(61,47,38,.18)) drop-shadow(0 0 7px var(--accent))}.coin-counter{min-width:64px;justify-content:center;background:#fff0b5!important;color:#86580e!important;border:2px solid #e9a933;box-shadow:0 3px #c57b1d;font-size:14px!important}.coin-counter svg{fill:#ffd34f;color:#9e6513;stroke-width:2.6}.skin-stage{display:grid;grid-template-columns:minmax(0,1fr) 185px;align-items:center;gap:8px;background:#e7ddc9;border-radius:24px;padding:18px;margin-bottom:14px;box-shadow:inset 0 -5px #5b483114}.skin-stage h2{margin:5px 0 3px;font-size:20px;color:#304853}.skin-stage p,.skin-stage q{display:block;margin:0;color:#756b5f;font-size:11px;line-height:1.7}.skin-stage q{margin-top:5px;color:#9a623b;font-weight:800}.rarity-label{display:inline-block;padding:3px 8px;border-radius:99px;background:#fff7e8;font-size:9px;font-weight:900}.rarity-mythic{background:#393536;color:#f1a767}.preview-controls{grid-column:1/-1;display:flex;justify-content:center;gap:6px}.preview-controls button,.filter-chips button{min-height:34px;border-radius:11px;padding:4px 10px;background:#fff7e9;color:#56666d;font-size:10px;font-weight:900}.collection-progress{display:flex;align-items:center;gap:12px;padding:8px 2px 13px;color:#3f575f;font-size:12px}.collection-progress>div{height:8px;flex:1;border-radius:99px;background:#dfd7ca;overflow:hidden}.collection-progress i{display:block;height:100%;background:#4b9f83}.featured{margin-bottom:13px}.featured h3{margin:0 0 7px;font-size:13px}.featured>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.featured button{min-width:0;border-radius:15px;background:#fff;padding:6px;color:#40565f;font-size:9px;font-weight:900;box-shadow:0 2px #ded3c2}.featured .skin-art{transform:scale(.72) rotate(var(--tilt));margin:-7px auto -4px}.featured span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.filter-chips{display:flex;gap:6px;overflow-x:auto;padding:2px 0 10px;scrollbar-width:none}.filter-chips button{white-space:nowrap;background:#e9e1d4}.filter-chips button.active{background:#3d6570;color:#fff}.unlock-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#273034b8;display:grid;place-items:center;padding:22px}.unlock-layer>div{width:min(350px,100%);border-radius:26px;background:#f8e8c8;padding:23px;text-align:center;animation:unlockPop .45s cubic-bezier(.2,.9,.2,1.2)}.unlock-layer p{font-size:21px;font-weight:950;margin:6px 0}.unlock-layer span{display:block;font-size:12px;color:#756b60;margin-bottom:13px}.unlock-layer button{min-height:45px;padding:0 25px;border-radius:14px;background:#ef8536;color:#fff;font-weight:900}@keyframes unlockPop{0%{transform:scale(.65) rotate(-4deg);opacity:0}}.boss-bar{position:relative;min-width:150px;overflow:hidden;background:#e2d8c8!important;border:2px solid #34275f;border-radius:10px!important;color:#34275f;font-size:9px!important;isolation:isolate}.boss-bar i{position:absolute;inset:0 auto 0 0;background:#8068c5;z-index:-1;transition:width .2s}@media(max-width:430px){.skin-stage{grid-template-columns:minmax(0,1fr) 135px}.skin-stage .skin-art.large{transform:rotate(var(--tilt)) scale(1.35);margin-right:-2px;margin-left:-2px}.skin-stage h2{font-size:17px}.skin-stage p{font-size:10px}.preview-controls{margin-top:2px}.skin-card{min-height:197px}.skin-card small{font-size:9px}}@media(max-width:350px){.skin-stage{grid-template-columns:1fr;text-align:center}.skin-stage .skin-art.large{margin:22px auto 25px;transform:rotate(var(--tilt)) scale(1.42)}.skin-stage>div:first-child{order:2}.preview-controls{order:3}.featured .skin-art{transform:scale(.62) rotate(var(--tilt))}}