:root{--club-bg:#0d1727;--surface:#17253a;--text:#edf2f3;--sub:#9baac0;--orange:#ffa36f;--mint:#7ee0bd;--club-line:#2b3a50}html{background:var(--club-bg);scroll-behavior:smooth}body{background:radial-gradient(ellipse at 80% 0,#21324380,transparent 55%),var(--club-bg);color:var(--text);min-height:100vh}button,input,select{font-family:inherit}button{transition:background .18s,transform .18s,border-color .18s,box-shadow .18s}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--mint);outline-offset:4px}button:disabled{cursor:not-allowed}input,select{color-scheme:dark}.club-header{max-width:1560px;margin:auto;min-height:100px;display:flex;align-items:center;gap:28px;padding:18px 34px;border-bottom:1px solid var(--club-line)}.club-header .brand{font-size:32px;color:#faf3e8;letter-spacing:-1.5px;white-space:nowrap}.club-header .brand svg{color:var(--orange);width:36px;height:36px}.club-header .brand-dot{font-size:13px;letter-spacing:0;margin-left:8px;color:var(--orange);vertical-align:middle;font-weight:600}.club-header nav{display:flex;gap:6px;margin:auto}.club-header nav button{color:var(--sub);padding:13px 18px;border-radius:10px;font-size:13px}.club-header nav button:hover{color:white;background:#ffffff08}.club-header nav .active{background:#ffa36f16;color:var(--orange)}.club-header .help-top{border:1px solid #43506a;width:30px;height:30px;border-radius:50%;color:var(--sub);font-size:13px;padding:0}.user-pill{display:flex;gap:12px;align-items:center;background:#1a2a40;border:1px solid #30415b;border-radius:13px;padding:9px 13px;color:var(--text);text-align:left}.user-pill b{display:block;font-size:12px;max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-pill small{display:block;font-size:10px;color:var(--sub);margin-top:5px}.pill-xp{font-size:10px;color:var(--mint);margin-left:7px}.avatar{--avatar-color:#ffab73;flex:none;display:inline-flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:50%;background:radial-gradient(circle at 30% 20%,#ffffff16,#00000022),#23334b;border:3px solid #4a5b71;box-shadow:0 3px 12px #0003;overflow:hidden;color:var(--avatar-color)}.avatar svg{width:76%;height:76%}.avatar img{width:100%;height:100%;object-fit:cover}.avatar-large{width:72px;height:72px;border-width:4px}.avatar-portrait{width:146px;height:146px;border-width:5px;margin:0 auto 20px}.frame-silver{border-color:#c0d3e8;box-shadow:0 0 0 3px #7b9cb326,0 4px 18px #0004}.frame-gold{border-color:#ffd97f;box-shadow:0 0 0 4px #ffd97f18,0 0 25px #ffd97f22}.frame-cosmic{border-color:#bd9aff;box-shadow:0 0 0 4px #c29aff20,0 0 28px #a57aff50}#header-avatar{display:contents}#header-avatar>.avatar{width:35px;height:35px;border-width:2px}.hub{max-width:1440px;padding:40px 34px 70px;margin:auto}.hub[hidden],.game-main[hidden]{display:none!important}.hub-title{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px}.hub .eyebrow{color:#8197b0;font-size:9px;letter-spacing:2px}.hub h1{font-size:38px;font-weight:600;letter-spacing:-1.5px;line-height:1.15;margin:12px 0 0}.hub h1>span{color:var(--orange)}.hub h1+p{color:var(--sub);font-size:12px;margin-bottom:0;max-width:690px}.subtle{color:#a4b7ce;font-size:11px;padding:8px 0}.subtle:hover{color:var(--mint)}.hero{position:relative;background:radial-gradient(ellipse at 85% 60%,#31584e70,transparent 50%),linear-gradient(110deg,#1b2b40,#1b3043);border:1px solid #354a5c;border-radius:22px;display:grid;grid-template-columns:1.05fr 1fr;min-height:360px;overflow:hidden;padding:38px 44px;margin-bottom:24px;box-shadow:0 16px 55px #00000025}.hero:before{content:'';position:absolute;inset:0;background-image:radial-gradient(#ffffff16 1px,transparent 1px);background-size:24px 24px;mask-image:linear-gradient(90deg,transparent,#000)}.hero-copy{position:relative;z-index:1;align-self:center}.tag{display:inline-flex;align-items:center;gap:7px;font-size:8px;letter-spacing:1.3px;color:#94cdb8;font-weight:600}.tag i{width:5px;height:5px;border-radius:50%;background:var(--mint);box-shadow:0 0 10px #7ee0bd80}.hero h2{font-family:Manrope,sans-serif;font-size:37px;line-height:1.22;letter-spacing:-1.5px;margin:18px 0 15px;font-weight:600;color:#f5f3ed}.hero h2 em{font-family:inherit;font-style:normal;color:var(--mint)}.hero p{font-size:12px;color:#a8bac9;max-width:340px;line-height:1.8;margin:0}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:25px}.primary{display:inline-flex;justify-content:space-between;align-items:center;gap:22px;border-radius:10px;background:var(--orange);color:#2c221f;font-size:12px;font-weight:700;padding:15px 20px;border:1px solid #ffc69740;box-shadow:0 5px 0 #a65f3433}.primary:hover{background:#ffb788;transform:translateY(-2px);box-shadow:0 7px 0 #a65f3425,0 7px 25px #ff9b6520}.primary:active{transform:translateY(1px);box-shadow:none}.secondary{padding:13px 16px;border:1px solid #42556b;border-radius:9px;color:#c3d0df;font-size:11px;background:#ffffff04}.secondary:hover{background:#ffffff09}.hero-stats{display:flex;gap:24px;margin-top:30px;color:#8299ac;font-size:10px}.hero-stats span+span{border-left:1px solid #42536a;padding-left:24px}.hero-stats b{color:#e1e9e9;font-size:12px;margin-right:6px}.hero-art{position:relative;min-width:0;display:flex;align-items:center;justify-content:center}.hero-art img{width:100%;max-width:450px;height:auto;position:absolute;filter:drop-shadow(0 20px 30px #0002);animation:hero-float 6s ease-in-out infinite}.art-label{position:absolute;bottom:5px;right:25px;font-size:7px;letter-spacing:2px;color:#8cb9ab}.panel{background:linear-gradient(130deg,#1b293e,#172337);border:1px solid var(--club-line);border-radius:17px;padding:25px}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:19px}.panel-heading h3,.hub h3{font-family:Manrope,sans-serif;font-size:16px;font-weight:600;letter-spacing:-.3px;margin:0}.panel-heading>span{font-size:10px;color:#7f94ad}.home-grid{display:grid;grid-template-columns:1.55fr 1fr;gap:23px}.quick-sizes{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.quick-sizes button{background:#223248;border:1px solid #3a4a60;border-radius:12px;padding:15px;text-align:left;position:relative;overflow:hidden}.quick-sizes button:hover{background:#2a3d50;border-color:var(--mint);transform:translateY(-3px)}.size-number{font-family:Manrope;font-size:34px;font-weight:700;letter-spacing:-2px;color:#ffffff11;position:absolute;right:12px;top:7px}.quick-sizes b{display:block;font-size:12px;margin:16px 0 7px}.quick-sizes small{font-size:10px;color:#9eb0c2}.size-arrow{position:absolute;right:15px;bottom:14px;color:var(--mint)}.quick-options{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:18px}.quick-options label{display:flex;gap:12px;align-items:center;font-size:10px;color:#94a8bf}.quick-options select{font-size:10px;max-width:210px;padding:8px 10px;background:#132137;border:1px solid #364961;border-radius:7px;color:#c4d4e5}.level-title{display:flex;align-items:center;gap:18px;margin-bottom:23px}.level-title small{font-size:8px;color:#7d94ac;letter-spacing:1.3px}.level-title h3{font-size:23px;margin:5px 0 8px}.rank-badge{display:inline-flex;align-items:center;gap:8px;font-size:10px;color:var(--rank);background:color-mix(in srgb,var(--rank) 9%,transparent);border:1px solid color-mix(in srgb,var(--rank) 25%,transparent);padding:6px 10px;border-radius:6px}.xp-track{height:6px;background:#0f1b2d;border-radius:5px;overflow:hidden}.xp-track i{display:block;height:100%;border-radius:5px;background:linear-gradient(90deg,#54bea0,#a2e9c9);box-shadow:0 0 12px #8be6c650;transition:width .6s}.xp-caption{display:flex;justify-content:space-between;font-size:9px;color:#93a9bf;margin-top:9px}.level-panel>p{font-size:10px;color:#7e96ad;margin:18px 0 2px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin-top:23px}.feature{display:flex;align-items:center;gap:15px;text-align:left;padding:20px;background:#15243a;border:1px solid #2d3d54;border-radius:15px}.feature:hover{transform:translateY(-3px);border-color:#637c8e;box-shadow:0 12px 28px #0002}.feature small{font-size:7px;letter-spacing:1px;color:#8199b0}.feature h3{font-size:14px;margin:6px 0}.feature p{font-size:10px;color:#829ab0;margin:0;line-height:1.5}.feature>span:last-child{margin-left:auto;color:#738aa0}.feature-icon{flex:none;width:41px;height:41px;display:grid;place-items:center;font-size:22px;border-radius:12px;color:#ffe0a2;background:#ffe0a212}.duel-feature .feature-icon{color:#afacff;background:#afacff12}.league-feature .feature-icon{color:var(--mint);background:#7ee0bd12}.offline-note{padding:12px 16px;background:#ffb57316;border:1px solid #ffb57333;border-radius:10px;color:#ffc798;font-size:12px;margin-bottom:25px}.big-progress{font-family:Manrope;font-size:50px;font-weight:700;color:var(--mint)}.big-progress small{font-size:20px;color:#536e83}.world{background:linear-gradient(120deg,#233c3b60,#14253a);border:1px solid #35544c;border-radius:20px;padding:26px 30px;margin:22px 0;position:relative;overflow:hidden}.world-1{background:linear-gradient(120deg,#514f2f40,#14253a);border-color:#5b543a}.world-2{background:linear-gradient(120deg,#4c396840,#14253a);border-color:#4e4367}.world-heading{display:flex;align-items:center;gap:16px}.world-heading>span{color:#7db7a1;font-size:8px;letter-spacing:2px}.world-heading h2{font-family:Manrope;font-size:21px;font-weight:500;letter-spacing:-.7px;margin:0}.world-heading small{color:#859eb0;font-size:10px;margin-left:auto}.route-map{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;position:relative;padding:26px 15px 12px}.route-line{position:absolute;width:100%;height:110px;top:55px;left:0;opacity:.3;pointer-events:none}.route-line path{fill:none;stroke:#86c4af;stroke-width:2;stroke-dasharray:5 7}.stage{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;padding:15px 12px;gap:9px;border-radius:14px;background:#11223680;border:1px solid #56776a40}.stage:nth-of-type(even){margin-top:22px;margin-bottom:-2px}.stage-number{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:#213c43;border:2px solid #537e70;font-size:23px;font-weight:700;box-shadow:0 0 0 6px #45675420}.stage b{font-size:12px;font-weight:500}.stage small{font-size:9px;color:#86a6b4}.stage-reward{color:#87b9a8;font-size:9px;margin-top:4px}.stage.unlocked{border-color:#91dab3;background:#254b4233;box-shadow:0 0 30px #63b59a0e}.stage.unlocked .stage-number{background:var(--mint);color:#1e4437;border-color:#c6ffe7;box-shadow:0 0 0 6px #7ee0bd15,0 0 25px #7ee0bd25}.stage.unlocked:hover,.stage.completed:hover{transform:translateY(-4px);border-color:var(--orange)}.stage.completed .stage-number{color:#8fe2bc}.stage-locked{opacity:.45!important}.stage-locked .stage-number{border-color:#45586c;background:#1e2e42;color:#8495a4;box-shadow:none}.profile-layout{display:grid;grid-template-columns:340px 1fr;gap:26px}.profile-preview{text-align:center;padding:38px 30px;align-self:start}.profile-preview h2{font-size:24px;font-weight:500;margin:6px 0 13px;overflow-wrap:anywhere}.profile-preview .xp-track{margin-top:30px}.profile-numbers{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #34455a;margin-top:25px;padding-top:25px;gap:10px}.profile-numbers b{display:block;font-size:20px;color:#dbe9e5}.profile-numbers small{display:block;font-size:9px;color:#7892ac;margin-top:8px}.profile-editor{padding:30px}.profile-editor>label,.duel-create label{display:block;font-size:11px;color:#b3c3d5;margin-bottom:10px}.profile-editor>input,.duel-create select{display:block;font:inherit;width:100%;padding:13px 15px;background:#101d30;border:1px solid #3a4f67;color:#ebf1f5;border-radius:9px;font-size:13px}.profile-editor h3{font-size:13px;margin:28px 0 15px}.avatar-picker{display:flex;flex-wrap:wrap;gap:12px}.avatar-picker button{padding:5px;border:1px solid transparent;border-radius:50%}.avatar-picker .selected{border-color:var(--mint);background:#7ee0bd12}.avatar-picker button:hover{transform:translateY(-3px)}.photo-upload{display:inline-block!important;margin-top:18px;color:var(--orange)!important;border:1px solid #b9794e66;border-radius:8px;padding:10px 13px;cursor:pointer}.photo-upload input{display:none}.field-note{display:block;color:#7e94ac;font-size:10px}.frame-picker{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.frame-picker button{border:1px solid #354961;background:#1a2a40;padding:16px 8px;border-radius:10px;display:flex;align-items:center;flex-direction:column;gap:10px}.frame-picker .selected{border-color:var(--orange);background:#ffa36f0b}.frame-sample{border:2px solid #4a5b71;border-radius:50%;width:37px;height:37px;display:grid;place-items:center;color:#e3c09a}.frame-picker b{font-size:10px;font-weight:500}.frame-picker small{font-size:9px;color:#879eb5}.profile-editor>.sound-option{display:flex;gap:10px;align-items:center;margin:27px 0}.sound-option input{accent-color:var(--mint);height:17px;width:17px}.profile-editor .primary{width:100%;margin-top:4px}#profile-status,#duel-status{font-size:11px;color:var(--mint);line-height:1.7;margin-bottom:0}.rank-road{display:grid;grid-template-columns:repeat(5,1fr);gap:15px;margin:35px 0}.rank-stop{padding:23px 12px;border:1px solid #314157;border-radius:14px;text-align:center;background:#17253a;position:relative}.rank-stop>span{display:block;font-size:35px;color:var(--rank);text-shadow:0 0 28px color-mix(in srgb,var(--rank) 30%,transparent)}.rank-stop b{display:block;font-size:12px;margin:9px 0;color:var(--rank)}.rank-stop small{font-size:10px;color:#859ab1}.rank-stop.current{border-color:var(--rank);background:color-mix(in srgb,var(--rank) 9%,#17253a)}.rank-stop.current:after{content:'VOUS';position:absolute;right:10px;top:10px;font-size:6px;letter-spacing:1px;color:var(--rank)}.league-panel{padding:26px}.league-row{display:flex;align-items:center;gap:17px;padding:17px 10px;border-top:1px solid #2b3e55;font-size:12px}.league-row .position{width:30px;text-align:center;color:#7490a8}.league-row .avatar{width:42px;height:42px}.player-identity{flex:1}.player-identity>b{display:block;font-size:12px;font-weight:500}.player-identity>b span{color:var(--mint);margin-left:5px;font-size:8px}.player-identity small{display:block;font-size:9px;color:#7893ab;margin-top:7px}.league-row>span{font-size:10px;color:#a0b3c5}.league-row>strong{font-size:17px;min-width:90px;text-align:right;color:var(--mint)}.league-row>strong small{font-size:9px;color:#7893ab}.league-row.mine{background:#7ee0bd08;border-radius:10px}.loading{font-size:12px;color:#8ca6bb;padding:25px 5px}.duel-layout{display:grid;grid-template-columns:320px 1fr;gap:28px}.duel-create{align-self:start}.duel-create>p{font-size:11px;color:#859cb4;margin:13px 0 23px}.duel-create select{font-size:11px;margin-bottom:20px;padding:11px}.duel-create>.primary{width:100%;margin-top:5px;justify-content:center}.duel-create>small{font-size:10px;color:#7b92ab;line-height:1.7;display:block;margin-top:20px}.duel-card{padding:23px;background:#192a40;border:1px solid #34495f;border-radius:15px;margin-bottom:15px;display:grid;grid-template-columns:1fr auto;gap:10px 20px}.duel-card h3{font-size:17px;margin:9px 0}.duel-card h3 span{font-size:12px;color:#7993ac;padding:0 6px}.duel-card p{font-size:11px;color:#8ca5bb;margin:0}.duel-scores{display:flex;flex-direction:column;gap:10px;font-size:10px;color:#b1c5d5;justify-content:center}.duel-card>button{grid-column:1/-1;justify-self:start;margin-top:10px;font-size:11px;padding:11px 17px}.empty-panel{border:1px dashed #3f566f;background:#142238;border-radius:15px;padding:50px 25px;text-align:center}.empty-panel>span{font-size:38px;color:#889bc4}.empty-panel h3{margin:15px 0 12px;color:#c4d4e2}.empty-panel p{font-size:12px;color:#879fb6}.back-club{color:#90a9bd;font-size:11px;display:block;margin-bottom:14px}.game-main .intro{position:relative}.game-main .intro h1{color:#e9f0ef}.game-main .intro h1 em{color:var(--mint);margin-left:.16em}.game-main .intro p{color:#89a0b7}.game-card{background:linear-gradient(140deg,#213249,#19283e);border-color:#40536b;box-shadow:0 20px 60px #0004}.game-top h2{color:#f0f3f4}.game-label{color:#8fb9b3}.timer{background:#101f33;color:#b0c6d5;border:1px solid #395067}.board{border-color:#192735;border-radius:12px;box-shadow:0 8px 30px #0003}.cell{border-color:#283e3f20;isolation:isolate}.cell svg{animation:none}.cell.region-right{border-right-color:#42574d}.cell.region-bottom{border-bottom-color:#42574d}.cell:hover{filter:brightness(1.055)}.cell:before{content:'';position:absolute;inset:3px;border-radius:4px;border:2px solid transparent;pointer-events:none;transition:border-color .12s,background .12s}.cell:hover:before{border-color:#fff9;background:#fff1}.cell.confirmed{box-shadow:inset 0 0 0 2px #34685370;cursor:default}.cell.confirmed svg{color:#254d3d}.lock-badge{position:absolute;right:8%;bottom:8%;width:19%;height:19%;min-width:11px;min-height:11px;display:grid;place-items:center;background:#346c52;border:1px solid #d0f3ce;border-radius:50%;font-size:clamp(8px,1vw,15px);color:#edffe5;line-height:1;z-index:2;pointer-events:none}.cell.just-placed svg{animation:cat-land .45s cubic-bezier(.22,1.2,.5,1)}.cell.just-placed .lock-badge{animation:badge-pop .55s both}.cell.just-placed{animation:cell-glow .75s ease-out}.cell.just-marked .x{animation:mark-ink .18s ease-out}.cell.just-wrong{animation:wrong-shake .35s ease-in-out;background:#efad98!important}.lock-pulse{animation:cell-glow .5s}.tools{border-color:#3c5068}.tools button{color:#a6c0cd}.tools button:hover{background:#31536570;color:#e1f4e9;transform:translateY(-2px)}.tools button.active{color:var(--mint);background:#7ee0bd15}.tools small{background:#2e455e;color:#afc3d7}.progress{color:#a3d7bd}.dots i{background:#3c5161}.dots .filled{background:var(--mint);box-shadow:0 0 8px #7ee0bd40}.challenge-status{background:#101e32;color:#91afa8;border:1px solid #31485c}.challenge-status.danger{background:#a95d3d20;border-color:#be795b70;color:#ffc0a0}#message{color:#9fe0bd}.board-tip{color:#8ba7bb}.game-main .side-heading,.difficulty-label{color:#829ab4}.mode-tabs{background:#152238;border:1px solid #354b61}.mode-tabs .active{background:#355165;color:#d3f3e1;box-shadow:none}.mode-tabs button{color:#8faac1}.difficulties button{color:#e3edf0}.difficulties .selected{background:#7ee0bd10;border-color:#669b85}.difficulties small{color:#8ba7b8}.difficulties button>span,.difficulties b,.difficulties .selected b{color:#93cfb4}.new-game{background:var(--orange);color:#37291e;font-weight:600;box-shadow:0 3px 0 #804c3330}.new-game:hover{background:#ffba86}.challenge-settings{border-color:#30465e}.challenge-settings>label{color:#a0b9ce}.challenge-settings select,.challenge-settings>input{background:#112138;border-color:#3b526a;color:#e1ecf0}.challenge-settings p,.challenge-settings small{color:#849fb5}.ranking-button{color:var(--mint)}.rule h3{color:#d9e5ec}.rule p{color:#8da7bc}.rules-title{color:#e4eeef}.rule-num{border-color:#476376;color:#9cbbae}.rule-illustration{background:#172d3d;border:1px solid #355365}.mini-grid>*{background:#46745f;border-color:#234238;color:#c5e0c7}.rule-illustration>span{color:#83ab9c}.saved,.saved small{color:#7896ac}footer{border-color:#2d435a;color:#7690a9}footer button{color:#94b8a9}.pause-overlay{background:#15283af5;color:#d1e4e5;backdrop-filter:blur(10px)}.pause-overlay svg{color:var(--mint)}dialog{color:#edf1ee;background:linear-gradient(135deg,#23374e,#17283e);border:1px solid #486078;box-shadow:0 30px 110px #0009}dialog::backdrop{background:#050b16b0;backdrop-filter:blur(9px)}dialog h2{color:#f0f3e9;font-family:Manrope;font-weight:600}dialog p,dialog li{color:#a1b8cc}.close{color:#b3c6d5}.victory-medal{margin:8px auto 25px;width:78px;height:78px;display:grid;place-items:center;border:2px solid #ffcf86;background:linear-gradient(145deg,#f9b765,#df8763);color:#5d3d27;font-size:38px;border-radius:23px;transform:rotate(-9deg);box-shadow:0 0 55px #ffbc6b30;animation:medal-pop .65s cubic-bezier(.3,1.5,.4,1)}dialog:has(.victory-medal){text-align:center}.victory-medal+.eyebrow{color:var(--orange);font-size:9px}.reward{font-family:Manrope;font-size:22px;font-weight:700;color:var(--mint);margin:20px 0;padding:15px;border:1px solid #7ee0bd30;border-radius:10px;background:#7ee0bd0c}dialog .ranking-button{text-align:center}.ranking-filters button{color:#bfd0dc;background:#31465c}.ranking-filters .active{color:#152b23;background:var(--mint)}#rank-content{color:#9fb8cc}.rank-table td,.rank-table th{border-color:#3c5267}.rank-table .mine{background:#7ee0bd12}.rank-note{color:#7b99b3}.win-nickname{background:#132238;border-color:#405b70;color:white}.particle{position:fixed;z-index:10000;left:var(--x);top:var(--y);width:6px;height:6px;border-radius:2px;pointer-events:none;animation:spark .7s ease-out both}.confetti{width:8px;height:13px;border-radius:2px;animation:confetti 1.3s cubic-bezier(.05,.7,.4,1) both}#fx-layer{position:fixed;inset:0;pointer-events:none;z-index:10000}#toast{position:fixed;z-index:10001;bottom:28px;left:50%;max-width:calc(100% - 40px);background:#28473f;border:1px solid #6faa8b;color:#e4f6e9;padding:13px 22px;border-radius:11px;font-size:12px;box-shadow:0 10px 40px #0006;opacity:0;transform:translate(-50%,15px);transition:.2s;pointer-events:none}#toast.visible{opacity:1;transform:translate(-50%,0)}
@keyframes hero-float{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-9px) rotate(1deg)}}@keyframes cat-land{0%{transform:translateY(-18%) scale(.4);opacity:0}55%{transform:translateY(4%) scale(1.12,.88);opacity:1}80%{transform:translateY(-3%) scale(.96,1.05)}100%{transform:none}}@keyframes badge-pop{0%,40%{transform:scale(0)}75%{transform:scale(1.3)}100%{transform:scale(1)}}@keyframes cell-glow{0%,40%{box-shadow:inset 0 0 0 4px #3b9364,inset 0 0 30px #b8ffe99a}100%{box-shadow:inset 0 0 0 2px #34685370}}@keyframes mark-ink{from{transform:scale(.5);opacity:.2}to{transform:scale(1);opacity:1}}@keyframes wrong-shake{0%,100%{transform:translateX(0)}20%,60%{transform:translateX(-3px)}40%,80%{transform:translateX(3px)}}@keyframes spark{0%{opacity:1;transform:translate(-50%,-50%) scale(.5)}80%{opacity:.8}100%{opacity:0;transform:translate(var(--dx),var(--dy)) rotate(var(--spin)) scale(0)}}@keyframes confetti{0%{opacity:1;transform:translate(0,0) rotate(0)}100%{opacity:0;transform:translate(var(--dx),var(--dy)) rotate(var(--spin))}}@keyframes medal-pop{from{transform:rotate(-24deg) scale(.3)}to{transform:rotate(-9deg) scale(1)}}
@media(min-width:1700px){.hub{max-width:1700px;padding-top:45px}.club-header{max-width:1820px;min-height:115px}.club-header nav button{font-size:15px;padding:15px 23px}.club-header .brand{font-size:37px}.user-pill b{font-size:14px}.user-pill small,.pill-xp{font-size:12px}.hub h1{font-size:44px}.hero{min-height:430px;padding:44px 55px}.hero h2{font-size:47px}.hero p{font-size:15px;max-width:440px}.hero-art img{max-width:540px}.hero-stats{font-size:12px}.hero-stats b{font-size:15px}.primary{font-size:14px;padding:17px 23px}.hero .tag{font-size:10px}.secondary{font-size:13px}.panel{padding:30px}.panel-heading h3,.hub h3{font-size:19px}.panel-heading>span{font-size:12px}.quick-sizes button{padding:20px}.quick-sizes b{font-size:15px}.quick-sizes small{font-size:12px}.quick-options select,.quick-options label{font-size:12px}.size-number{font-size:44px}.feature{padding:25px}.feature small{font-size:9px}.feature h3{font-size:18px}.feature p{font-size:12px}.level-title h3{font-size:27px}.level-title small{font-size:10px}.xp-caption,.level-panel>p{font-size:12px}.subtle{font-size:13px}.rank-badge{font-size:12px}.avatar-large{height:82px;width:82px}.world-heading h2{font-size:27px}.world-heading small{font-size:13px}.world-heading>span{font-size:11px}.stage-number{height:70px;width:70px;font-size:28px}.stage b{font-size:15px}.stage small,.stage-reward{font-size:12px}.stage{padding:22px}.profile-layout{grid-template-columns:390px 1fr}.duel-layout{grid-template-columns:380px 1fr}.profile-editor>label,.duel-create label{font-size:13px}.profile-editor h3{font-size:16px}.frame-picker b{font-size:13px}.frame-picker small,.field-note{font-size:11px}.league-row,.player-identity>b{font-size:15px}.player-identity small,.league-row>span{font-size:12px}.rank-stop b{font-size:15px}.rank-stop small{font-size:12px}.duel-create select,.duel-create>p,.duel-scores,.duel-card p{font-size:13px}.duel-card h3{font-size:21px}}
@media(min-width:2600px){.hub{max-width:2250px;padding:60px 55px 100px}.club-header{max-width:2540px;min-height:140px;padding:20px 55px;gap:45px}.club-header .brand{font-size:46px}.club-header .brand-dot{font-size:18px}.club-header nav button{font-size:19px;padding:18px 30px}.user-pill{padding:14px 20px;gap:18px}.user-pill b{font-size:18px;max-width:200px}.user-pill small,.pill-xp{font-size:15px}#header-avatar>.avatar{width:50px;height:50px}.club-header .help-top{width:40px;height:40px;font-size:18px}.hub-title{margin-bottom:40px}.hub h1{font-size:56px}.hub .eyebrow{font-size:12px}.hub h1+p{font-size:17px;max-width:1000px}.hero{min-height:570px;padding:55px 70px;border-radius:28px}.hero h2{font-size:61px;letter-spacing:-2px}.hero p{font-size:19px;max-width:560px}.hero-art img{max-width:700px}.hero .tag{font-size:13px}.hero-actions{margin-top:35px;gap:20px}.primary{font-size:18px;padding:22px 28px}.secondary{font-size:16px;padding:20px 24px}.hero-stats{font-size:16px;gap:35px;margin-top:40px}.hero-stats b{font-size:20px}.art-label{font-size:10px;bottom:5px}.home-grid{gap:30px}.panel{padding:38px;border-radius:22px}.panel-heading h3,.hub h3{font-size:25px}.panel-heading>span{font-size:15px}.quick-sizes{gap:16px}.quick-sizes button{padding:28px}.quick-sizes b{font-size:20px;margin-top:28px}.quick-sizes small{font-size:16px}.size-number{font-size:60px}.quick-options label,.quick-options select{font-size:16px}.quick-options select{max-width:300px;padding:13px 17px}.subtle{font-size:17px}.level-title{gap:25px;margin-bottom:30px}.level-title h3{font-size:36px}.level-title small{font-size:13px}.avatar-large{height:108px;width:108px}.rank-badge{font-size:15px;padding:9px 13px}.xp-track{height:9px}.xp-caption,.level-panel>p{font-size:15px}.feature-grid{gap:26px;margin-top:30px}.feature{padding:30px;gap:22px}.feature-icon{width:60px;height:60px;font-size:31px}.feature small{font-size:11px}.feature h3{font-size:23px}.feature p{font-size:15px}.world{padding:35px 42px;margin:30px 0}.world-heading h2{font-size:34px}.world-heading>span{font-size:14px}.world-heading small{font-size:16px}.route-map{gap:50px;padding-top:38px}.stage{padding:28px}.stage b{font-size:20px}.stage small,.stage-reward{font-size:15px}.stage-number{width:90px;height:90px;font-size:36px}.profile-layout{grid-template-columns:500px 1fr;gap:36px}.avatar-portrait{width:185px;height:185px}.profile-preview h2{font-size:32px}.profile-editor>label,.duel-create label{font-size:17px}.profile-editor>input,.duel-create select{font-size:17px;padding:18px}.profile-editor h3{font-size:21px}.avatar-picker .avatar{width:67px;height:67px}.frame-picker b{font-size:17px}.frame-picker small,.field-note{font-size:14px}.frame-sample{width:48px;height:48px}.rank-stop>span{font-size:46px}.rank-stop b{font-size:20px}.rank-stop small{font-size:16px}.league-row{padding:22px 15px;gap:24px}.league-row .avatar{height:58px;width:58px}.player-identity>b{font-size:20px}.player-identity small,.league-row>span{font-size:16px}.league-row>strong{font-size:25px}.duel-layout{grid-template-columns:500px 1fr;gap:40px}.duel-create select,.duel-create>p,.duel-scores,.duel-card p{font-size:17px}.duel-create>small{font-size:14px}.duel-card{padding:32px}.duel-card h3{font-size:27px}.duel-card .tag{font-size:11px}.duel-card>button{font-size:16px;padding:17px 23px}.back-club{font-size:15px}.lock-badge{font-size:19px}}
@media(max-width:1050px){.club-header{gap:15px;padding:17px 24px}.club-header nav{gap:0}.club-header nav button{padding:10px 12px;font-size:11px}.pill-xp{display:none}.user-pill{padding:8px 10px;gap:8px}.user-pill b{max-width:90px}.club-header .brand{font-size:28px}.club-header .brand-dot{font-size:10px;margin-left:4px}.club-header .brand svg{width:30px;height:30px}.hub{padding:28px 24px 55px}.hero{padding:30px;min-height:330px}.hero h2{font-size:31px}.hero p{font-size:11px}.hero-art img{width:125%;max-width:none}.art-label{font-size:6px;right:0}.hero-stats{gap:12px}.hero-stats span+span{padding-left:12px}.home-grid{grid-template-columns:1.4fr 1fr;gap:17px}.panel{padding:20px}.quick-sizes{gap:7px}.quick-sizes button{padding:11px}.feature-grid{grid-template-columns:1fr}.feature{padding:18px}.feature p{font-size:11px}.feature small{font-size:8px}.feature h3{font-size:16px}.profile-layout{grid-template-columns:270px 1fr;gap:18px}.frame-picker{gap:7px}.avatar-picker{gap:7px}.avatar-picker .avatar{height:40px;width:40px}.duel-layout{grid-template-columns:260px 1fr;gap:20px}.duel-card{grid-template-columns:1fr}.world{padding:23px}.route-map{gap:15px;padding:20px 0}.stage{padding:13px 6px}.stage b{font-size:11px}.world-heading small{font-size:8px}}
@media(max-width:650px){.club-header{padding:15px 19px;gap:10px;flex-wrap:wrap;min-height:auto}.club-header .brand{font-size:25px}.club-header .brand svg{width:27px;height:27px}.club-header nav{order:3;flex-basis:100%;justify-content:space-between;margin:4px -7px -3px}.club-header nav button{font-size:11px;flex:1;padding:11px 7px}.club-header .help-top{margin-left:auto;width:26px;height:26px;font-size:11px}.user-pill{padding:7px 9px;gap:8px;border-radius:10px}.user-pill b{font-size:10px;max-width:72px}.user-pill small{font-size:8px;margin-top:3px}#header-avatar>.avatar{height:29px;width:29px}.club-header .brand-dot{display:none}.hub{padding:24px 18px 40px}.hub-title{margin-bottom:20px}.hub h1{font-size:29px;letter-spacing:-1px}.hub .eyebrow{font-size:7px;letter-spacing:1.4px}.hub h1+p{font-size:10px;line-height:1.8}.hub-title>.subtle{max-width:100px;text-align:right;font-size:9px;line-height:1.7}.hero{grid-template-columns:1fr;min-height:0;padding:26px 23px;border-radius:17px;margin-bottom:17px}.hero-copy{z-index:2}.hero h2{font-size:27px;letter-spacing:-1px;line-height:1.25;margin:17px 0 13px}.hero .tag{font-size:7px}.hero p{font-size:10px;max-width:185px}.hero-art{position:absolute;width:190px;height:210px;right:-35px;top:53px;opacity:.8;z-index:1;pointer-events:none}.hero-art img{width:100%}.art-label{display:none}.hero-actions{margin-top:22px;flex-direction:column;align-items:flex-start;gap:13px}.hero .primary{font-size:11px;max-width:100%;padding:13px 17px;gap:18px}.hero .secondary{font-size:10px;padding:8px 0;border:0;background:transparent;color:#a9c1cf;box-shadow:none}.hero-stats{position:relative;z-index:2;gap:12px;margin-top:25px;font-size:8px}.hero-stats b{font-size:10px;margin-right:3px}.hero-stats span+span{padding-left:12px}.home-grid{grid-template-columns:1fr;gap:16px}.panel{padding:21px;border-radius:14px}.panel-heading h3,.hub h3{font-size:15px}.panel-heading>span{font-size:9px}.quick-sizes button{padding:13px}.quick-sizes b{font-size:11px}.quick-sizes small{font-size:9px}.size-number{font-size:32px}.quick-options label,.quick-options select{font-size:9px}.quick-options select{max-width:170px;padding:8px}.quick-options .subtle{font-size:9px}.level-panel{position:relative}.level-title{margin-bottom:20px}.level-title .avatar{width:55px;height:55px}.level-title h3{font-size:22px}.level-title small{font-size:7px}.rank-badge{font-size:9px}.level-panel>.subtle{position:absolute;right:21px;top:35px;font-size:9px;max-width:80px}.level-panel>p{font-size:9px}.xp-caption{font-size:8px}.feature-grid{margin-top:16px;gap:12px}.feature{border-radius:13px;padding:17px;gap:14px}.feature h3{font-size:14px}.feature p{font-size:9px}.feature small{font-size:7px}.feature-icon{height:40px;width:40px;font-size:23px}.big-progress{font-size:36px}.big-progress small{font-size:16px}.world{padding:21px 16px;border-radius:15px;margin:18px 0}.world-heading{flex-wrap:wrap;gap:9px 12px}.world-heading>span{font-size:7px}.world-heading h2{font-size:19px}.world-heading small{flex-basis:100%;margin:0;font-size:8px}.route-map{grid-template-columns:repeat(2,1fr);gap:14px;padding:22px 0 2px}.route-line{display:none}.stage{gap:9px;padding:16px 8px;border-radius:12px}.stage:nth-of-type(even){margin:0}.stage-number{height:47px;width:47px;font-size:20px}.stage b{font-size:11px}.stage small,.stage-reward{font-size:8px}.profile-layout{grid-template-columns:1fr;gap:17px}.profile-preview{padding:26px}.profile-preview .avatar-portrait{height:100px;width:100px;margin-bottom:15px}.profile-preview h2{font-size:23px}.profile-preview .xp-track{margin-top:22px}.profile-numbers{margin-top:21px;padding-top:21px}.profile-numbers b{font-size:19px}.profile-numbers small{font-size:8px}.profile-editor{padding:23px}.avatar-picker{gap:8px}.avatar-picker .avatar{width:43px;height:43px}.avatar-picker button{padding:4px}.frame-picker{grid-template-columns:repeat(2,1fr);gap:10px}.frame-picker button{padding:15px}.frame-picker b{font-size:10px}.frame-picker small{font-size:8px}.field-note{font-size:9px;line-height:1.7}.profile-editor h3{font-size:13px}.profile-editor>input{font-size:12px}.profile-editor .primary{font-size:12px;padding:14px}.rank-road{gap:6px;margin:25px 0}.rank-stop{padding:22px 3px 15px;border-radius:10px}.rank-stop>span{font-size:24px}.rank-stop b{font-size:8px}.rank-stop small{font-size:7px}.rank-stop.current:after{font-size:5px;top:8px;right:6px}.league-panel{padding:18px 12px}.league-panel .panel-heading{padding:0 7px}.league-row{padding:13px 3px;gap:10px}.league-row .position{width:14px;font-size:10px}.league-row .avatar{width:34px;height:34px;border-width:2px}.player-identity>b{font-size:10px}.player-identity small{font-size:8px}.player-identity>b span{display:block;font-size:7px;margin-top:3px}.league-row>span{display:none}.league-row>strong{min-width:52px;font-size:13px}.league-row>strong small{font-size:7px}.duel-layout{grid-template-columns:1fr;gap:25px}.duel-create{padding:23px}.duel-create>p{font-size:10px}.duel-create>small{font-size:9px}.duel-create select{font-size:11px}.duel-create .primary{font-size:12px}.duel-card{padding:20px;border-radius:13px}.duel-card h3{font-size:17px}.duel-card p{font-size:10px}.duel-card .tag{font-size:7px}.duel-scores{font-size:10px}.game-main .intro h1{font-size:25px}.game-main .intro p{font-size:9px}.game-main .back-club{font-size:10px}.game-main .challenge-settings{background:#17283d;border-color:#354a60}.game-main .intro{padding-top:18px}.lock-badge{font-size:8px;min-width:10px;min-height:10px}.game-card{padding:17px}.board-tip{font-size:8px}.hero-art img{animation:none}.offline-note{font-size:10px}.reward{font-size:19px}.victory-medal{width:66px;height:66px;font-size:30px}#toast{font-size:10px;bottom:18px;padding:12px 17px}.stage-locked{opacity:.4!important}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.particle{display:none!important}}
.frame-sample.frame-silver{border-color:#c0d3e8}.frame-sample.frame-gold{border-color:#ffd97f}.frame-sample.frame-cosmic{border-color:#bd9aff}
.photo-upload{position:relative}.photo-upload input{display:block;position:absolute;width:1px;height:1px;opacity:0;inset:0}.photo-upload:focus-within{outline:3px solid var(--mint);outline-offset:3px}
@media(max-width:650px){.hero-art{width:100px;height:85px;right:0;top:6px;opacity:.95}}