.home-page{min-height:100vh;padding:40px 22px;position:relative;overflow:hidden;background:linear-gradient(180deg,var(--seed-sky-top) 0%,var(--seed-bg) 46%,var(--seed-bg) 100%);display:flex;flex-direction:column;align-items:center}.home-hero{text-align:center;position:relative;z-index:2}.home-badge{display:inline-block;font-family:var(--font-display);font-size:13px;letter-spacing:.12em;padding:4px 12px;border:var(--border-ink);border-radius:var(--radius-chip);background:var(--seed-ink);color:var(--neon-cyan);box-shadow:var(--shadow-game-sm)}.home-title{margin:14px 0 0;font-family:var(--font-display);font-size:38px;font-weight:900;line-height:1.2;color:var(--seed-ink);text-shadow:2px 0 var(--seed-primary),-2px 0 var(--neon-pink);letter-spacing:.02em}.home-sub{margin-top:8px;font-size:13px;font-weight:600;color:var(--seed-fg-soft)}.home-boat{margin-top:18px;width:240px;height:240px;border-radius:50%;border:var(--border-ink);background:radial-gradient(circle at 50% 38%,var(--pure-white) 0%,var(--soft-blue) 68%,var(--status-blue) 100%);box-shadow:var(--shadow-game),0 0 0 6px #00e0ff2e;overflow:hidden;display:flex;align-items:center;justify-content:center;position:relative;z-index:2}.home-boat img{width:86%;height:86%;object-fit:contain;display:block}.home-chips{margin-top:22px;display:flex;gap:8px;flex-wrap:wrap;justify-content:center;position:relative;z-index:2}.home-nick{margin-top:24px;width:100%;max-width:320px;position:relative;z-index:2}.nick-label{font-size:12px;font-weight:700;color:var(--seed-fg-soft);margin-bottom:6px}.nick-input{width:100%;padding:12px 16px;border:var(--border-ink);border-radius:16px;background:var(--seed-surface);font-size:15px;font-weight:600;color:var(--seed-ink);box-shadow:var(--shadow-game-sm);outline:none}.nick-input:focus{border-color:var(--seed-primary);box-shadow:var(--shadow-game-sm),var(--glow-blue)}.home-btns{margin-top:26px;display:flex;flex-direction:column;gap:14px;width:100%;max-width:320px;position:relative;z-index:2}.home-btns .btn{width:100%}.home-cta{animation:ctaPulse 2s ease-in-out infinite}.home-count{margin-top:22px;font-size:12px;color:var(--seed-fg-muted);font-weight:600;position:relative;z-index:2}.count-em{color:var(--neon-pink);font-family:var(--font-mono);font-weight:800}@media (min-width: 900px){.home-page{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"hero  boat" "chips boat" "nick  boat" "btns  boat" "count boat";column-gap:56px;align-content:center;justify-content:center;max-width:1000px;margin:0 auto;padding:60px 40px}.home-hero{grid-area:hero;text-align:left;justify-self:start}.home-title{font-size:52px}.home-sub{font-size:15px}.home-boat{grid-area:boat;justify-self:center;align-self:center;width:340px;height:340px;margin-top:0}.home-chips{grid-area:chips;justify-content:flex-start;justify-self:start}.home-nick{grid-area:nick;justify-self:start;max-width:360px}.home-btns{grid-area:btns;flex-direction:row;max-width:none;justify-self:start;width:auto}.home-btns .btn{width:auto;min-width:180px}.home-count{grid-area:count;justify-self:start}}.quiz-page{min-height:100vh;background:var(--seed-bg)}.quiz-hero{max-width:760px;margin:0 auto;padding:26px 22px 10px;text-align:center}.qh-title{font-family:var(--font-display);font-size:26px;font-weight:900;color:var(--seed-ink);text-shadow:2px 0 var(--seed-primary),-2px 0 var(--neon-pink);letter-spacing:.02em}.qh-sub{margin-top:4px;font-size:13px;color:var(--seed-fg-soft);font-weight:600}.quiz-sticky{position:sticky;top:0;z-index:20;background:#f4fbffe0;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:2px solid rgba(15,20,48,.06)}.quiz-progress-row{max-width:760px;margin:0 auto;padding:10px 22px;display:flex;align-items:center;gap:10px}.quiz-step{font-family:var(--font-display);font-size:13px;padding:4px 8px;border:var(--border-ink);border-radius:6px;background:var(--seed-ink);color:var(--seed-surface);flex-shrink:0}.quiz-step .of{color:var(--neon-lime)}.hp-bar{flex:1;height:18px;border:var(--border-ink);border-radius:10px;background:var(--hp-track);position:relative;overflow:hidden;box-shadow:inset 0 2px #0f14300f}.hp-fill{height:100%;background:linear-gradient(90deg,var(--seed-primary) 0%,var(--neon-cyan) 60%,var(--pure-white) 100%);box-shadow:var(--glow-blue);position:relative;transition:width .4s cubic-bezier(.4,0,.2,1)}.hp-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(45deg,rgba(255,255,255,.45) 0 6px,transparent 6px 12px);animation:hpShine 1.6s linear infinite}.hp-cat{position:absolute;right:-10px;top:-12px;width:28px;height:28px;background:radial-gradient(circle at 50% 55%,var(--cat-stripe) 0 36%,transparent 37%),radial-gradient(circle at 28% 30%,var(--cat-stripe) 0 12%,transparent 13%),radial-gradient(circle at 72% 30%,var(--cat-stripe) 0 12%,transparent 13%),radial-gradient(circle at 40% 55%,var(--seed-ink) 0 5%,transparent 6%),radial-gradient(circle at 60% 55%,var(--seed-ink) 0 5%,transparent 6%);opacity:.85;animation:catBounce .9s ease-in-out infinite}.quiz-list{max-width:760px;margin:0 auto;padding:6px 22px 0}.sec-head{display:flex;align-items:center;gap:10px;margin:24px 0 14px}.sec-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 14px;border:var(--border-ink);border-radius:var(--radius-chip);font-family:var(--font-display);font-size:14px;font-weight:800;letter-spacing:.04em;box-shadow:var(--shadow-game-sm);flex-shrink:0}.sec-chip.blue{background:var(--seed-primary);color:var(--seed-surface)}.sec-chip.pink{background:var(--neon-pink);color:var(--seed-surface)}.sec-chip.lime{background:var(--neon-lime);color:var(--seed-ink)}.sec-chip.orange{background:var(--neon-orange);color:var(--seed-surface)}.sec-line{flex:1;border-top:3px dashed rgba(15,20,48,.14)}.sec-count{font-family:var(--font-mono);font-size:12px;font-weight:700;color:var(--seed-fg-muted);flex-shrink:0}.q-card{border:var(--border-ink);border-radius:18px;background:var(--seed-surface);box-shadow:var(--shadow-game-sm);padding:16px;margin-bottom:14px;position:relative;overflow:hidden;transition:border-color .25s ease,box-shadow .25s ease;scroll-margin-top:76px;scroll-margin-bottom:90px}.q-card:before{content:"";position:absolute;left:0;right:0;top:0;height:42px;background:linear-gradient(180deg,var(--soft-blue) 0%,transparent 100%);pointer-events:none}.q-card.answered .q-tag{background:var(--seed-mint);color:var(--seed-surface)}.q-card.answered:after{content:"✓";position:absolute;top:10px;right:12px;width:22px;height:22px;border-radius:8px;background:var(--seed-mint);color:var(--seed-surface);border:3px solid var(--seed-ink);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:900}.q-card.flash{animation:qFlash .8s ease 2}@keyframes qFlash{50%{border-color:var(--neon-pink);box-shadow:var(--shadow-game-sm),var(--glow-pink)}}.q-head{display:flex;align-items:flex-start;gap:10px;position:relative}.q-tag{min-width:36px;height:36px;border-radius:12px;border:var(--border-ink);background:var(--neon-lime);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:18px;color:var(--seed-ink);box-shadow:inset 0 -4px #0f14302e;flex-shrink:0}.q-text{font-size:16px;font-weight:700;line-height:1.5;color:var(--seed-ink);padding-top:4px;letter-spacing:-.005em}.q-opts{margin-top:14px;display:grid;grid-template-columns:1fr;gap:10px;position:relative}.opt{display:flex;align-items:center;gap:12px;padding:11px 14px;border:var(--border-ink);border-radius:14px;background:var(--seed-surface);box-shadow:0 3px #0f1430,0 8px 16px #0f14301a;position:relative;transition:all .22s ease;cursor:pointer;-webkit-user-select:none;user-select:none}.opt:active{transform:translateY(2px);box-shadow:0 1px 0 var(--seed-ink),0 6px 12px #0f143029}@media (hover: hover){.opt:hover{transform:translateY(-2px);border-color:var(--seed-primary);box-shadow:0 5px #0f1430,0 12px 20px #0f143024}.opt.sel:hover{border-color:var(--neon-pink)}}.opt .ltr{width:30px;height:30px;border-radius:10px;border:var(--border-ink);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:15px;color:var(--seed-ink);flex-shrink:0;font-weight:700}.opt .ltr.a{background:var(--seed-primary);color:var(--seed-surface)}.opt .ltr.b{background:var(--neon-pink);color:var(--seed-surface)}.opt .ltr.c{background:var(--seed-mint);color:var(--seed-surface)}.opt .ltr.d{background:var(--neon-orange);color:var(--seed-surface)}.opt .txt{font-size:14px;font-weight:600;color:var(--seed-ink);line-height:1.4;flex:1;padding-right:24px}.opt.sel{background:linear-gradient(180deg,var(--pure-white) 0%,var(--bg-grad-5) 100%);box-shadow:0 3px #0f1430,var(--glow-pink);border-color:var(--neon-pink)}.opt.sel:after{content:"✓";position:absolute;right:12px;top:50%;transform:translateY(-50%);width:24px;height:24px;border-radius:8px;background:var(--neon-pink);color:var(--seed-surface);display:flex;align-items:center;justify-content:center;font-weight:900;font-size:14px;border:2px solid var(--seed-ink)}.quiz-submit{position:sticky;bottom:0;z-index:20;padding:14px 22px calc(18px + env(safe-area-inset-bottom));background:linear-gradient(180deg,transparent 0%,rgba(244,251,255,.92) 40%,var(--seed-bg) 100%)}.quiz-submit-inner{max-width:760px;margin:0 auto}.submit-btn{width:100%;font-size:16px;padding:14px 22px}.submit-btn:not(.ready){background:var(--seed-surface);color:var(--seed-fg-soft)}.submit-btn.ready{animation:ctaPulse 2s ease-in-out infinite}@media (min-width: 640px){.q-opts{grid-template-columns:1fr 1fr}.qh-title{font-size:32px}.q-card{padding:20px}}.pre-hide{opacity:0}.float-in{animation:resFloatIn .4s ease forwards}@keyframes resFloatIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.res-scroll{min-height:100vh;max-width:720px;margin:0 auto;padding:12px 18px 30px;box-sizing:border-box;position:relative;background:var(--seed-bg)}.res-head{text-align:center;padding-top:6px;margin-bottom:6px;font-size:12px;color:var(--seed-fg-soft);font-weight:600}.res-head-b{color:var(--neon-pink);font-family:var(--font-mono);font-weight:700}.res-chest{margin:10px auto 0;width:280px;padding:10px 12px 14px;border:var(--border-ink);border-radius:18px;background:linear-gradient(180deg,var(--code-shell-1) 0%,var(--code-shell-2) 100%);box-shadow:var(--shadow-game),inset 0 0 22px #00e0ff2e;color:var(--seed-surface);position:relative;overflow:hidden}.res-chest-scan{position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(180deg,rgba(255,255,255,.06) 0 1px,transparent 1px 4px);pointer-events:none}.lid{font-family:var(--font-display);font-size:11px;letter-spacing:.2em;color:var(--neon-cyan);text-shadow:var(--glow-blue);margin-bottom:8px}.res-letters{display:flex;justify-content:center;gap:4px;flex-wrap:wrap}.res-letter{width:32px;height:44px;border-radius:9px;border:2px solid var(--neon-cyan);background:linear-gradient(180deg,var(--code-letter-1) 0%,var(--code-letter-2) 100%);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:18px;font-weight:900;color:var(--seed-surface);box-shadow:var(--glow-blue),inset 0 0 18px #00e0ff66;position:relative;animation:letterFlyIn .5s cubic-bezier(.23,1,.32,1) both}.res-letter:nth-child(2){border-color:var(--neon-pink);box-shadow:var(--glow-pink),inset 0 0 18px #ff3d7f66}.res-letter:nth-child(3){border-color:var(--neon-lime);box-shadow:var(--glow-lime),inset 0 0 18px #b6ff6c66;color:var(--neon-lime)}.res-letter:nth-child(4){border-color:var(--neon-orange);box-shadow:var(--glow-orange),inset 0 0 18px #ff7a1a66}@keyframes letterFlyIn{0%{opacity:0;transform:translateY(-20px) scale(.7)}to{opacity:1;transform:translateY(0) scale(1)}}.res-letter:nth-child(1){animation-delay:.2s}.res-letter:nth-child(2){animation-delay:.3s}.res-letter:nth-child(3){animation-delay:.4s}.res-letter:nth-child(4){animation-delay:.5s}.res-typename{text-align:center;margin:14px 0 4px;font-family:var(--font-display);font-size:26px;letter-spacing:-.01em;color:var(--seed-ink);text-shadow:2px 0 var(--seed-primary),-2px 0 var(--neon-pink);font-weight:900}.res-typesub{text-align:center;font-size:12px;color:var(--seed-fg-soft);margin-bottom:14px}.res-card{background:var(--seed-surface);border:var(--border-ink);border-radius:16px;box-shadow:var(--shadow-game-sm);padding:14px;margin-bottom:12px;position:relative}.res-card .label{display:inline-block;font-family:var(--font-display);font-size:11px;letter-spacing:.1em;padding:3px 8px;border-radius:6px;background:var(--neon-lime);color:var(--seed-ink);margin-bottom:8px;font-weight:700}.res-card.desc .label{background:var(--seed-primary);color:var(--seed-surface)}.res-card.dim .label{background:var(--neon-pink);color:var(--seed-surface)}.res-card.str .label{background:var(--neon-orange);color:var(--seed-surface)}.res-card .body{font-size:13px;line-height:1.7;color:var(--seed-fg)}.dim-grid{display:flex;flex-wrap:wrap;margin-top:10px}.dim-cell{width:50%;box-sizing:border-box;padding:5px 6px}.dim-name{display:flex;justify-content:space-between;font-size:11px;font-weight:700;color:var(--seed-fg-soft);margin-bottom:3px}.dim-name .val{font-family:var(--font-mono);font-size:10px;color:var(--seed-ink)}.dim-bar{height:11px;border:1.5px solid var(--seed-ink);border-radius:6px;background:var(--hp-track);overflow:hidden;position:relative}.dim-fill{height:100%;border-radius:5px;background:linear-gradient(90deg,var(--seed-primary),var(--neon-cyan));box-shadow:var(--glow-blue);position:relative;transition:width .6s ease;min-width:11px}.dim-fill:after{content:"";position:absolute;right:-1.5px;top:-3px;width:4px;height:17px;background:var(--seed-surface);box-shadow:0 0 5px var(--pure-white);border-radius:2px}.dim-cell.r2 .dim-fill{background:linear-gradient(90deg,var(--neon-pink),var(--petal));box-shadow:var(--glow-pink)}.dim-cell.r3 .dim-fill{background:linear-gradient(90deg,var(--seed-mint),var(--neon-lime));box-shadow:var(--glow-lime)}.dim-cell.r4 .dim-fill{background:linear-gradient(90deg,var(--neon-orange),var(--neon-orange-soft));box-shadow:var(--glow-orange)}.bar-animate{transition:width .6s ease}.str-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.res-roast{background:var(--seed-ink);color:var(--seed-surface);border-radius:16px;padding:14px 16px;border:2px solid var(--neon-pink);box-shadow:var(--glow-pink);margin-bottom:12px;position:relative}.res-roast .badge{position:absolute;top:-10px;left:12px;font-family:var(--font-display);font-size:11px;padding:4px 8px;background:var(--neon-pink);color:var(--seed-surface);border:2px solid var(--seed-ink);border-radius:6px;font-weight:700}.res-roast .quote{font-size:14px;font-weight:700;line-height:1.6;letter-spacing:-.005em;margin-top:4px;color:var(--seed-surface)}.res-rank{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,var(--gold-glow-1) 0%,var(--gold-glow-2) 100%);border:var(--border-ink);border-radius:16px;padding:24px 12px;box-shadow:var(--shadow-game-sm);margin-bottom:12px}.res-rank .rank-emoji{font-size:60px;line-height:1}.res-rank .info{text-align:center}.res-rank .lbl{font-size:11px;color:var(--seed-fg-soft);font-weight:700}.res-rank .num{font-family:var(--font-display);font-size:18px;color:var(--seed-ink);margin-top:4px}.res-rank .num-em{color:var(--neon-pink);font-weight:900}.res-rank .rarity-desc{font-size:11px;color:var(--seed-fg-soft);margin-top:4px;line-height:1.4}.res-btns{display:flex;flex-wrap:wrap;justify-content:space-between;row-gap:8px;margin-bottom:10px}.res-btns .btn{font-size:12px;padding:10px 4px;width:48.5%;box-sizing:border-box}.placeholder-wrap{text-align:center;padding:100px 20px 30px}.placeholder-icon{font-size:50px;margin-bottom:12px}.placeholder-text{font-size:20px;font-weight:800;color:var(--seed-ink);margin-bottom:6px}.placeholder-sub{font-size:14px;color:var(--seed-fg-soft);margin-bottom:16px}.poster-canvas{position:fixed;left:-4999.5px;top:-4999.5px;width:750px;height:1334px}.poster-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0b102ae0;z-index:1000;display:flex;align-items:center;justify-content:center;animation:resFloatIn .3s ease}.poster-modal{width:310px;background:linear-gradient(180deg,#0f1430,#1a2350);border:2px solid var(--neon-cyan);border-radius:18px;padding:18px;display:flex;flex-direction:column;align-items:center;box-shadow:0 0 12px #00e0ff40,var(--shadow-game);position:relative;overflow:hidden}.poster-modal:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(180deg,rgba(255,255,255,.03) 0 1px,transparent 1px 4px);pointer-events:none;border-radius:18px}.poster-title{font-size:14px;color:var(--neon-cyan);margin-bottom:12px;font-weight:700;font-family:var(--font-display);text-shadow:0 0 4px rgba(0,224,255,.5);letter-spacing:.08em}.poster-img{width:270px;height:480px;border-radius:10px;border:2px solid rgba(0,224,255,.4);box-shadow:0 0 10px #00e0ff26,0 4px 16px #0006}.poster-btns{display:flex;gap:10px;margin-top:14px;width:100%}.poster-btn{flex:1;font-size:13px;padding:10px 6px}.poster-btns .btn:last-child{background:transparent;border-color:#ffffff4d;color:#ffffffb3;box-shadow:none}@media (min-width: 640px){.res-btns{gap:12px;flex-wrap:nowrap}.res-btns .btn{width:auto;flex:1}.res-typename{font-size:34px}.res-chest{width:360px}.poster-img{width:300px;height:533px}}.ranking-page{min-height:100vh;max-width:720px;margin:0 auto;background:var(--seed-bg);padding:0 0 100px;box-sizing:border-box;position:relative;overflow:hidden}.rank-banner{margin:6px 18px 0;padding:14px;border:var(--border-ink);border-radius:18px;background:linear-gradient(135deg,var(--seed-ink) 0%,var(--rank-banner-2) 60%,var(--seed-primary) 130%);color:var(--seed-surface);position:relative;overflow:hidden;box-shadow:var(--shadow-game)}.rank-banner-lines{position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(0deg,rgba(255,255,255,.06) 0 1px,transparent 1px 4px);pointer-events:none}.rank-banner-title{font-size:22px;font-weight:900;letter-spacing:.02em;color:var(--seed-surface);text-shadow:2px 0 var(--neon-cyan),-2px 0 var(--neon-pink);position:relative;z-index:1}.rank-banner-sub{font-size:12px;color:#ffffffc7;margin-top:4px;position:relative;z-index:1}.rank-banner-num{position:absolute;right:14px;bottom:10px;font-size:56px;font-weight:900;line-height:1;color:#ffffff14;letter-spacing:-.04em}.rank-tabs{width:100%;white-space:nowrap;padding:10px 0 4px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.rank-tabs::-webkit-scrollbar{display:none}.rank-tabs-inner{display:inline-flex;gap:8px;padding:0 18px}.rank-tabs .chip.active{background:var(--seed-ink);color:var(--seed-surface);box-shadow:0 4px 0 var(--seed-ink),0 0 0 3px #00e0ff73;position:relative}.rank-tabs .chip.active:after{content:"";position:absolute;left:12%;right:12%;bottom:-10px;height:4px;background:var(--neon-cyan);border-radius:2px;box-shadow:var(--glow-blue)}.rank-podium{margin:16px 18px 6px;display:grid;grid-template-columns:1fr 1.1fr 1fr;gap:8px;align-items:end}.pod{border:var(--border-ink);border-radius:14px;padding:10px 8px 12px;background:var(--seed-surface);box-shadow:var(--shadow-game-sm);text-align:center;position:relative}.pod .crown{width:44px;height:44px;border-radius:50%;margin:-22px auto 4px;border:var(--border-ink);background:radial-gradient(circle at 50% 55%,var(--cat-stripe) 0 36%,transparent 37%),radial-gradient(circle at 28% 30%,var(--cat-stripe) 0 12%,transparent 13%),radial-gradient(circle at 72% 30%,var(--cat-stripe) 0 12%,transparent 13%),radial-gradient(circle at 40% 55%,var(--seed-ink) 0 5%,transparent 6%),radial-gradient(circle at 60% 55%,var(--seed-ink) 0 5%,transparent 6%),var(--cat-belly)}.pod .name{font-size:12px;font-weight:800;color:var(--seed-ink);margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pod .code{font-size:14px;font-weight:800;color:var(--seed-surface);background:var(--seed-ink);padding:2px 6px;border-radius:6px;display:inline-block;margin-top:4px;letter-spacing:.04em}.pod .medal{font-size:22px}.pod.gold{background:linear-gradient(180deg,var(--gold-1),var(--gold-2));min-height:132px}.pod.silver{background:linear-gradient(180deg,var(--silver-1),var(--silver-2));min-height:112px}.pod.bronze{background:linear-gradient(180deg,var(--bronze-1),var(--bronze-2));min-height:100px}.pod.gold .crown{box-shadow:0 0 16px #ffd44db3}.pod.silver .crown{opacity:.85}.pod.bronze .crown{opacity:.8}.rank-list{padding:8px 18px 12px;display:flex;flex-direction:column;gap:8px}.card-pre-hide{opacity:0;transform:translateY(10px)}.card-float-in{animation:cardFloatIn .4s ease both}@keyframes cardFloatIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.rank-row{display:flex;align-items:center;gap:10px;border:var(--border-ink);border-radius:14px;background:var(--seed-surface);padding:10px 12px;box-shadow:var(--shadow-game-sm);position:relative}.rank-row .no{width:30px;height:30px;border-radius:8px;border:var(--border-ink);background:var(--hp-track);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:900;color:var(--seed-ink);flex-shrink:0}.rank-row .meta{flex:1;min-width:0}.rank-row .nm{font-size:13px;font-weight:800;color:var(--seed-ink);display:flex;gap:6px;align-items:center}.rank-row .tp{font-size:11px;color:var(--seed-fg-soft);margin-top:2px}.rank-row.you{background:linear-gradient(180deg,var(--pure-white) 0%,var(--you-bg) 100%);border-color:var(--neon-pink);box-shadow:0 4px 0 var(--seed-ink),var(--glow-pink)}.rank-row.you .no{background:var(--neon-pink);color:var(--seed-surface)}.you-tag{font-size:10px;font-weight:800;background:var(--neon-pink);color:var(--seed-surface);padding:2px 6px;border-radius:6px;border:2px solid var(--seed-ink)}.rank-row .bars{display:flex;gap:3px;flex-shrink:0}.rank-row .b{width:6px;height:22px;border-radius:3px;background:var(--rank-row-track);position:relative;overflow:hidden}.rank-row .b:after{content:"";position:absolute;bottom:0;left:0;right:0;background:var(--seed-primary);height:var(--v, 50%);border-radius:3px;transition:height .6s ease}.rank-row .b.b2:after{background:var(--neon-pink)}.rank-row .b.b3:after{background:var(--neon-lime)}.rank-row .b.b4:after{background:var(--neon-orange)}.rank-foot{position:fixed;left:50%;transform:translate(-50%);width:100%;max-width:720px;bottom:0;padding:12px 18px 18px;display:flex;gap:8px;background:linear-gradient(180deg,transparent 0%,rgba(244,251,255,.95) 50%,var(--seed-bg) 100%)}.rank-foot .btn{flex:1;padding:12px;font-size:13px}.rank-foot .btn:after{border:none}@media (min-width: 640px){.rank-banner-title{font-size:28px}}@media (min-width: 640px) and (hover: hover){.rank-row{transition:transform .2s ease,box-shadow .2s ease}.rank-row:hover{transform:translateY(-2px);box-shadow:0 5px #0f1430,0 14px 24px #0f14302e}}:root{--seed-bg: #F4FBFF;--seed-surface: #ffffff;--seed-sky-top: #BFE9FF;--seed-sky-bottom: #FAFAFA;--pure-white: #ffffff;--seed-fg: #0F1430;--seed-fg-soft: #4A5170;--seed-fg-muted: #8A93B5;--seed-ink: #0F1430;--seed-primary: #4DC8FF;--seed-cta: #FF6B6B;--seed-mint: #4ECDC4;--neon-cyan: #00E0FF;--neon-pink: #FF3D7F;--neon-lime: #B6FF6C;--neon-orange: #FF7A1A;--neon-orange-soft: #FFB066;--neon-magenta: #E91E63;--petal: #FF8FA3;--cat-base: #FFD8A0;--cat-stripe: #FFB76A;--cat-belly: #FFE0BA;--status-blue: #BFE9FF;--soft-blue: #DDF3FF;--soft-pink: #FFE5EE;--hp-track: #EAF2FF;--rank-no-bg: #EAF2FF;--gold-1: #FFF4C8;--gold-2: #FFE082;--silver-1: #F2F5FA;--silver-2: #CFD8E3;--bronze-1: #FFE0CC;--bronze-2: #F4A973;--trophy: #FFD23F;--you-bg: #FFE9F1;--rank-row-track: rgba(15,20,48,.12);--admin-gold-1: #FFD23F;--admin-gold-2: #FF9F1C;--overlay-ink: rgba(15,20,48,.55);--wechat-green-1: #07C160;--wechat-green-2: #06AD56;--code-shell-1: #0F1430;--code-shell-2: #1A2350;--code-letter-1: #1B2557;--code-letter-2: #0B102A;--rank-banner-2: #1F2A66;--code-shell-3: #2B1F5A;--tint-pinned: #F5FDFF;--tint-cyan: #E7FBFF;--tint-pink: #FFEBF2;--tint-lime: #F0FEE0;--tint-orange: #FFEAD8;--tint-purple: #EEE7FF;--tint-pink-2: #FFCBD9;--tint-lime-2: #D6F5B6;--tint-orange-2: #FFCFA0;--tint-purple-2: #D4C3FF;--ink-cyan-deep: #0079B8;--ink-pink-deep: #C4185F;--ink-lime-deep: #4E8B1F;--ink-orange-deep: #C74B04;--ink-purple-deep: #5B34CC;--locked-1: #E8ECF3;--locked-2: #C4CBD8;--bg-grad-1: #DDF1FF;--bg-grad-2: #E6F6FF;--bg-grad-3: #F8FBFF;--bg-grad-4: #EAF7FF;--bg-grad-5: #F0F8FF;--sky-bottom: #FAFAFA;--gold-glow-1: #FFF4D6;--gold-glow-2: #FFE3B0;--flower-center: #FFE34D;--cta-light: #FF8492;--legend-code-bg: #F0F5FF;--legacy-fg: #2D3436;--pixel-sky-1: #7FD0FF;--pixel-sky-2: #B6E6FF;--pixel-grass-1: #5BB85B;--pixel-grass-2: #3F8F3F;--pixel-stair-1: #9B9B9B;--pixel-stair-2: #7C7C7C;--pixel-stair-3: #6E6E6E;--skin-1: #FBD9B0;--skin-2: #F2C29A;--skin-3: #E0AC80;--hair-dark: #2B1810;--hair-brown: #7C4A2D;--hair-tan: #5B3A29;--hair-blond: #FFE082;--hair-pink: #FF8FA3;--hair-orange: #FFB76A;--pants-1: #1F2A66;--pants-2: #2B3B66;--pants-3: #3F2A66;--portrait-bg-1: #FFE9D6;--portrait-bg-2: #FFD8B5;--portrait-hair: #3A1F0F;--seed-radius: 18px;--radius-chip: 499.5px;--border-ink: 2.5px solid #0F1430;--shadow-game: 0 4px 0 #0F1430, 0 14px 22px rgba(15,20,48,.16);--shadow-game-sm: 0 3px 0 #0F1430, 0 8px 16px rgba(15,20,48,.14);--glow-blue: 0 0 8px #4DC8FF, 0 0 22px rgba(0,224,255,.55);--glow-pink: 0 0 8px #FF6B6B, 0 0 22px rgba(255,61,127,.55);--glow-lime: 0 0 8px #B6FF6C, 0 0 22px rgba(182,255,108,.55);--glow-orange: 0 0 8px #FF7A1A, 0 0 22px rgba(255,122,26,.55);--font-display: "ZCOOL KuaiLe", "PingFang SC", system-ui, sans-serif;--font-body: "PingFang SC", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;--font-mono: "Menlo", ui-monospace, SFMono-Regular, monospace}*{box-sizing:border-box}html,body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Helvetica Neue,Arial,sans-serif;font-size:14px;color:#0f1430;background-color:#f4fbff;line-height:1.6}#app{min-height:100vh;position:relative;background:var(--seed-bg)}button{font:inherit;background:none;border:none;padding:0;margin:0;cursor:pointer;-webkit-tap-highlight-color:transparent}.chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:2.5px solid #0F1430;background:var(--seed-surface);color:var(--seed-ink);font-weight:700;font-size:12px;letter-spacing:.04em;border-radius:var(--radius-chip);box-shadow:var(--shadow-game-sm)}.chip.blue{background:var(--seed-primary);color:var(--seed-surface)}.chip.pink{background:var(--neon-pink);color:var(--seed-surface)}.chip.lime{background:var(--neon-lime);color:var(--seed-ink)}.chip.orange{background:var(--neon-orange);color:var(--seed-surface)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 22px;border:2.5px solid #0F1430;background:var(--seed-surface);color:var(--seed-ink);font-family:var(--font-display);font-size:16px;letter-spacing:.04em;border-radius:16px;box-shadow:var(--shadow-game);line-height:1}.btn:after{border:none}.btn:active{transform:translateY(2px);box-shadow:0 2px #0f1430,0 6px 12px #0f14302e}.btn-cta{background:var(--seed-cta);color:var(--seed-surface)}.btn-blue{background:var(--seed-primary);color:var(--seed-surface)}.btn-mint{background:var(--seed-mint);color:var(--seed-surface)}.btn-orange{background:var(--neon-orange);color:var(--seed-surface)}.status-bar{height:44px;padding:14px 26px 0;display:flex;align-items:center;justify-content:space-between;font-family:var(--font-mono);font-size:13px;font-weight:600;color:var(--seed-ink);position:relative;z-index:6}.px-cloud{position:absolute;width:60px;height:24px}.px-cloud:before,.px-cloud:after{content:"";position:absolute;background:var(--seed-surface);border:2.5px solid #0F1430;box-shadow:2px 2px #0f1430}.px-cloud:before{left:0;top:8px;width:60px;height:16px;border-radius:12px}.px-cloud:after{left:14px;top:0;width:32px;height:18px;border-radius:12px}.px-flower{position:absolute;width:18px;height:18px;background:radial-gradient(circle at 50% 50%,var(--flower-center) 0 22%,transparent 23%),radial-gradient(circle at 50% 18%,var(--petal) 0 38%,transparent 39%),radial-gradient(circle at 82% 50%,var(--petal) 0 38%,transparent 39%),radial-gradient(circle at 50% 82%,var(--petal) 0 38%,transparent 39%),radial-gradient(circle at 18% 50%,var(--petal) 0 38%,transparent 39%)}.px-star{position:absolute;width:14px;height:14px;background:linear-gradient(var(--neon-lime),var(--neon-lime)) center/14px 4px no-repeat,linear-gradient(var(--neon-lime),var(--neon-lime)) center/4px 14px no-repeat}.px-paw{position:absolute;width:22px;height:18px;background:radial-gradient(circle at 50% 70%,#0F1430 0 32%,transparent 33%),radial-gradient(circle at 15% 30%,#0F1430 0 18%,transparent 19%),radial-gradient(circle at 38% 12%,#0F1430 0 18%,transparent 19%),radial-gradient(circle at 62% 12%,#0F1430 0 18%,transparent 19%),radial-gradient(circle at 85% 30%,#0F1430 0 18%,transparent 19%);opacity:.85}.grid-floor{position:absolute;left:0;right:0;bottom:0;height:120px;background:linear-gradient(180deg,transparent 0%,rgba(0,224,255,.08) 40%,rgba(0,224,255,.18) 100%),repeating-linear-gradient(90deg,rgba(15,20,48,.18) 0 1px,transparent 1px 28px),repeating-linear-gradient(0deg,rgba(15,20,48,.12) 0 1px,transparent 1px 24px);transform-origin:bottom;transform:perspective(360px) rotateX(58deg) translateY(20px);opacity:.55}.scanlines{position:absolute;top:0;left:0;right:0;bottom:0;background-image:repeating-linear-gradient(180deg,rgba(15,20,48,.04) 0 1px,transparent 1px 4px);opacity:.55;pointer-events:none}.dot-blue{background:var(--seed-primary)}.dot-pink{background:var(--neon-pink)}.dot-lime{background:var(--neon-lime)}.dot-orange{background:var(--neon-orange)}@keyframes blink{50%{opacity:0}}@keyframes ctaPulse{0%,to{transform:translateY(0);box-shadow:var(--shadow-game),0 0 0 4px #00e0ff2e,0 0 22px #ff3d7f8c}50%{transform:translateY(-2px);box-shadow:var(--shadow-game),0 0 0 6px #00e0ff47,0 0 30px #ff3d7fc7}}@keyframes ringspin{to{transform:rotate(360deg)}}@keyframes hpShine{to{transform:translate(12px)}}@keyframes catBounce{50%{transform:translateY(-3px)}}@keyframes pawPulse{50%{box-shadow:0 0 0 4px #ff3d7f38}}.bg-gradient-purple{background:#4dc8ff}.bg-gradient-pink{background:#ff6b6b}.bg-gradient-blue{background:#4ecdc4}.bg-gradient-main{background:#fafafa}.title-xl{font-size:32px;font-weight:800;letter-spacing:2px;color:#2d3436}.title-lg{font-size:24px;font-weight:700;letter-spacing:1px;color:#2d3436}.title-md{font-size:18px;font-weight:600;color:#2d3436}.title-sm{font-size:15px;font-weight:600;color:#2d3436}.text-white{color:#fff}.text-purple{color:#4dc8ff}.text-pink{color:#ff6b6b}.text-gray{color:#636e72}.text-light{color:#b2bec3}.card{background:#fff;border-radius:8px;padding:16px;box-shadow:0 1px 6px #0000000f}.card-elevated{background:#fff;border-radius:10px;padding:18px;box-shadow:0 2px 10px #00000014}.btn-primary{background:#ff6b6b;color:#fff;font-size:17px;font-weight:600;border-radius:8px;padding:14px 40px;border:none;box-shadow:0 2px 8px #ff6b6b4d;letter-spacing:2px;text-align:center}.btn-primary:after{border:none}.btn-secondary{background:#4ecdc4;color:#fff;font-size:16px;font-weight:600;border-radius:8px;padding:12px 30px;border:none;box-shadow:0 2px 8px #4ecdc44d;text-align:center}.btn-secondary:after{border:none}.flex-center{display:flex;align-items:center;justify-content:center}.flex-column{display:flex;flex-direction:column;align-items:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.mt-sm{margin-top:8px}.mt-md{margin-top:16px}.mt-lg{margin-top:24px}.mt-xl{margin-top:32px}.mb-sm{margin-bottom:8px}.mb-md{margin-bottom:16px}.mb-lg{margin-bottom:24px}.px-md{padding-left:16px;padding-right:16px}.px-lg{padding-left:24px;padding-right:24px}.py-md{padding-top:16px;padding-bottom:16px}.py-lg{padding-top:24px;padding-bottom:24px}.fade-in{animation:fadeIn .5s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.slide-in-right{animation:slideInRight .4s ease-out}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.slide-in-left{animation:slideInLeft .4s ease-out}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.progress-bar{width:100%;height:8px;background:#e8f7ff;border-radius:5px;overflow:hidden}.progress-fill{height:100%;background:#4dc8ff;border-radius:5px;transition:width .3s ease}.tag{display:inline-block;padding:4px 10px;border-radius:10px;font-size:12px;font-weight:600}.tag-purple{background:#4dc8ff;color:#fff}.tag-pink{background:#ff6b6b1f;color:#ff6b6b}.pulse{animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);box-shadow:0 2px 8px #ff6b6b4d}50%{transform:scale(1.02);box-shadow:0 4px 14px #ff6b6b66}}.btn-press:active{transform:scale(.96)!important;transition:transform .1s ease}.float-up{animation:floatUp .6s cubic-bezier(.23,1,.32,1) forwards}@keyframes floatUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.ripple{position:relative;overflow:hidden}.ripple:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#4dc8ff1f;border-radius:50%;transform:translate(-50%,-50%);transition:width .4s ease,height .4s ease,opacity .4s ease;opacity:0}.ripple:active:after{width:200px;height:200px;opacity:1}.bounce-in{animation:bounceIn .6s cubic-bezier(.175,.885,.32,1.275)}@keyframes bounceIn{0%{opacity:0;transform:scale(.5)}60%{opacity:1;transform:scale(1.05)}to{transform:scale(1)}}