:root{--ink-0:#2e2960;--ink-1:#3b3575;--ink-2:#56509a;--ink-3:#6f68b8;--gold:#ffc531;--gold-deep:#f09c14;--gold-soft:#ffe9a8;--gold-ink:#a86e00;--xp:#2fd6b5;--xp-deep:#0fa78c;--xp-ink:#077663;--pop:#ff6f9c;--mana:#8a7bff;--mana-deep:#6a58e8;--sky-hi:#d9f0ff;--sky-lo:#fff6e0;--cream:#332e66;--muted:#7b76a8;--panel:#ffffff;--panel-strong:linear-gradient(165deg,#ffffff,#f7f4ff);--line:rgba(80,70,160,0.16);--line-soft:rgba(80,70,160,0.1);--track:rgba(80,70,160,0.13);--shadow-soft:0 12px 26px rgba(80,70,160,0.13);--r-card:20px;--r-btn:14px;--r-pill:999px;--font-kai:"Noto Sans TC","Microsoft JhengHei",system-ui,sans-serif;--font-px:"Press Start 2P","Noto Sans TC",monospace;--font-body:var(--font-kai);--font-display:var(--font-kai)}*{box-sizing:border-box}body{margin:0;font-family:var(--font-body);color:var(--cream);min-height:100vh;-webkit-font-smoothing:antialiased;background:radial-gradient(900px 520px at 85% -6%,rgba(255,205,66,.38),transparent 62%),radial-gradient(760px 520px at 4% 12%,rgba(138,123,255,.14),transparent 58%),linear-gradient(180deg,var(--sky-hi) 0,#ecf6ff 42%,var(--sky-lo) 100%);background-attachment:fixed}body:before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.75;background-image:radial-gradient(150px 44px at 18% 16%,rgba(255,255,255,.9),transparent 70%),radial-gradient(200px 54px at 72% 8%,rgba(255,255,255,.8),transparent 70%),radial-gradient(130px 40px at 44% 26%,rgba(255,255,255,.7),transparent 70%),radial-gradient(2.4px 2.4px at 12% 38%,rgba(255,197,49,.8) 99%,transparent),radial-gradient(2.2px 2.2px at 36% 56%,rgba(138,123,255,.6) 99%,transparent),radial-gradient(2.6px 2.6px at 60% 34%,rgba(47,214,181,.7) 99%,transparent),radial-gradient(2.2px 2.2px at 74% 68%,rgba(255,111,156,.55) 99%,transparent),radial-gradient(2.4px 2.4px at 88% 44%,rgba(255,197,49,.7) 99%,transparent),radial-gradient(2.2px 2.2px at 24% 82%,rgba(47,214,181,.55) 99%,transparent),radial-gradient(2.2px 2.2px at 50% 92%,rgba(138,123,255,.5) 99%,transparent)}img.emoji{height:1em;width:1em;margin:0 .05em;vertical-align:-.14em;display:inline-block}h1,h2{font-family:var(--font-display);margin:0 0 10px;letter-spacing:.01em}h1{font-size:1.7rem}h1,h2{font-weight:700}h2{font-size:1.25rem}a{color:var(--gold-ink);text-decoration:none;font-weight:700}a:hover{color:var(--gold-deep)}main{max-width:1180px;margin:0 auto;padding:20px clamp(14px,3vw,26px) 60px}.card,main{position:relative;z-index:1}.card{background:var(--panel);border:2px solid var(--line);border-radius:var(--r-card);padding:22px;margin-bottom:18px;box-shadow:var(--shadow-soft)}.row{display:flex;gap:12px;flex-wrap:wrap;align-items:center}button,input,select,textarea{font:inherit;font-family:var(--font-kai);font-weight:700}input,select,textarea{width:100%;border:2px solid var(--line);background:#fff;color:var(--cream);border-radius:var(--r-btn);padding:10px 14px;transition:box-shadow .12s ease,border-color .12s ease}input::placeholder,textarea::placeholder{color:rgba(123,118,168,.7)}input:focus,select:focus,textarea:focus{outline:none;border-color:rgba(240,156,20,.7);box-shadow:0 0 0 3px rgba(255,197,49,.28)}select option{background:#fff;color:var(--cream)}button{border:none;cursor:pointer;color:var(--ink-0);background:linear-gradient(145deg,var(--gold),var(--gold-deep));border-radius:var(--r-btn);padding:12px 20px;font-weight:700;letter-spacing:.01em;box-shadow:0 5px 0 #d18a00,0 10px 22px rgba(240,156,20,.32);transition:transform .1s ease,box-shadow .1s ease}button:hover{transform:translateY(-2px);box-shadow:0 7px 0 #d18a00,0 14px 28px rgba(240,156,20,.42)}button:active{transform:translateY(4px);box-shadow:0 1px 0 #d18a00}button.secondary{color:var(--cream);background:rgba(80,70,160,.07);box-shadow:inset 0 0 0 2px rgba(80,70,160,.18)}button.secondary:hover{background:rgba(255,197,49,.22)}.btn-lg{font-size:1.12rem;padding:15px 26px;border-radius:var(--r-btn)}.btn-trash{padding:4px 9px;font-size:1rem;line-height:1;background:rgba(255,90,90,.1);color:#e0435c;box-shadow:inset 0 0 0 2px rgba(224,67,92,.35)}.btn-trash:hover{background:rgba(255,90,90,.22);box-shadow:inset 0 0 0 2px rgba(224,67,92,.55)}.btn-revoke{padding:4px 10px;font-size:.82rem;line-height:1.2;white-space:nowrap;background:rgba(138,123,255,.12);color:#6a5acd;box-shadow:inset 0 0 0 2px rgba(138,123,255,.4)}.btn-revoke:hover{background:rgba(138,123,255,.24);box-shadow:inset 0 0 0 2px rgba(138,123,255,.62)}table{width:100%;border-collapse:separate;border-spacing:0;border-radius:16px;overflow:hidden;border:2px solid var(--line);background:#fff}td,th{text-align:left;vertical-align:top;padding:12px 14px;border-bottom:1px solid var(--line-soft)}tr:last-child td{border-bottom:none}th{background:rgba(255,197,49,.16);color:var(--gold-ink);font-family:var(--font-kai);font-weight:700;font-size:.95rem;letter-spacing:.04em;white-space:nowrap}tbody tr:nth-child(2n) td{background:rgba(80,70,160,.035)}.muted{color:var(--muted);font-size:.9rem;font-weight:400}.stack{display:grid;grid-gap:14px;gap:14px}.actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.pill{padding:7px 13px;border-radius:var(--r-pill);border:1px solid rgba(15,167,140,.4);background:rgba(47,214,181,.14);color:var(--xp-ink);font-family:var(--font-px);font-size:.5rem;letter-spacing:.05em}.badge,.pill{display:inline-block}.badge{padding:6px 12px;border-radius:var(--r-pill);background:rgba(138,123,255,.14);color:var(--ink-1);font-size:.8rem;font-weight:700;border:1px solid rgba(138,123,255,.4)}.mobile-cards{display:grid;grid-gap:12px;gap:12px}.appbar{position:-webkit-sticky;position:sticky;top:12px;z-index:30;display:flex;flex-direction:column;gap:14px;background:var(--panel-strong);border:2px solid rgba(240,156,20,.38);border-radius:20px;padding:16px 20px;margin-bottom:22px;box-shadow:0 14px 30px rgba(80,70,160,.16),inset 0 0 0 1px rgba(255,197,49,.1)}.appbar-top{display:flex;justify-content:space-between}.appbar-left,.appbar-top{align-items:center;gap:14px;flex-wrap:wrap}.appbar-left,.brand{display:inline-flex}.brand{align-items:center;gap:14px}.brand,.brand:hover{text-decoration:none}.brand-crest{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;font-size:30px;background:linear-gradient(150deg,#fff8dd,#ffe9a8);box-shadow:inset 0 0 0 2px rgba(240,156,20,.55),0 8px 20px rgba(240,156,20,.28);animation:crest-float 3.2s ease-in-out infinite}@keyframes crest-float{0%,to{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-5px) rotate(-5deg)}}.brand-title{display:flex;flex-direction:column;line-height:1.1}.brand-sub{font-family:var(--font-px);font-size:.5rem;letter-spacing:.14em;color:var(--gold-ink);margin-bottom:5px}.brand-main{font-family:var(--font-display);font-size:clamp(1.3rem,3.2vw,1.9rem);font-weight:700;letter-spacing:.02em;background:linear-gradient(90deg,#b87700,#f0a41c 25%,#ffd76a 50%,#f0a41c 75%,#b87700);background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:brand-shimmer 4s linear infinite}@keyframes brand-shimmer{to{background-position:-200%}}.navlinks{display:flex;gap:9px;flex-wrap:wrap}.navlink{display:inline-flex;align-items:center;gap:7px;padding:10px 19px;border-radius:var(--r-pill);border:2px solid var(--line-soft);background:#fff;color:var(--muted);font-weight:700;font-size:.96rem;text-decoration:none;transition:transform .16s ease,background .16s ease,color .16s ease,box-shadow .16s ease,border-color .16s ease}.navlink:hover{color:#fff;background:linear-gradient(145deg,var(--xp),var(--xp-deep));border-color:transparent;transform:translateY(-3px);box-shadow:0 5px 0 #0c8671}.navlink:active{transform:translateY(0);box-shadow:0 1px 0 #0c8671}.navlink.active{color:var(--ink-0);background:linear-gradient(145deg,var(--gold),var(--gold-deep));border-color:transparent;box-shadow:0 5px 0 #d18a00}.navlink.active:hover{background:linear-gradient(145deg,var(--gold-soft),var(--gold));box-shadow:0 6px 0 #d18a00}.navlink-icon{line-height:1;font-size:1.05rem}.appbar-right{display:flex;align-items:center;gap:10px}.userchip{font-family:var(--font-px);font-size:.5rem;background:rgba(255,197,49,.16);border:1px solid rgba(240,156,20,.32);padding:8px 12px;border-radius:9px;letter-spacing:.04em;max-width:230px;overflow:hidden;text-overflow:ellipsis}.help-link,.userchip{color:var(--gold-ink);white-space:nowrap}.help-link{display:inline-flex;align-items:center;gap:5px;font-size:.82rem;font-weight:700;background:transparent;border:2px dashed rgba(240,156,20,.5);padding:7px 13px;border-radius:999px;transition:background .15s,border-color .15s,transform .1s}.help-link:hover{background:rgba(255,197,49,.18);border-color:var(--gold-deep);transform:translateY(-1px)}.help-link.active{background:rgba(255,197,49,.24);border-style:solid;border-color:var(--gold-deep)}.hero{position:relative;overflow:hidden;border:2px solid rgba(240,156,20,.35);border-radius:var(--r-card);padding:30px;margin-bottom:18px;background:var(--panel-strong);box-shadow:var(--shadow-soft)}.hero.blue{border-color:rgba(15,167,140,.4)}.hero.purple{border-color:rgba(138,123,255,.45)}.hero h1{font-size:1.8rem}.hero p{margin:8px 0 0}.hero-emoji{position:absolute;right:24px;top:50%;transform:translateY(-50%) rotate(8deg);font-size:72px;line-height:1;pointer-events:none;filter:drop-shadow(0 6px 14px rgba(80,70,160,.25))}.section-title{font-family:var(--font-px);display:flex;align-items:center;gap:10px;font-size:.7rem;letter-spacing:.08em;color:var(--gold-ink);margin:0 0 18px}.banner{border-radius:12px;padding:12px 16px;font-weight:700;margin:0 0 16px;border:2px solid var(--line)}.banner:last-child{margin-bottom:0}.banner-ok{background:rgba(47,214,181,.15);border-color:rgba(15,167,140,.45);color:var(--xp-ink)}.banner-err{background:rgba(255,111,156,.13);border-color:rgba(255,111,156,.5);color:#d63d6e}.banner-info{background:rgba(138,123,255,.12);border-color:rgba(138,123,255,.4);color:var(--ink-1)}.statgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:14px;gap:14px}.stat{display:flex;align-items:center;gap:14px;border:2px solid var(--line);border-radius:var(--r-card);padding:16px 18px;background:var(--panel);box-shadow:var(--shadow-soft)}.stat:first-child{border-color:rgba(240,156,20,.5)}.stat:nth-child(2){border-color:rgba(15,167,140,.45)}.stat:nth-child(3){border-color:rgba(138,123,255,.5)}.stat:nth-child(4){border-color:rgba(255,111,156,.5)}.stat-emoji{font-size:30px;line-height:1}.stat-num{font-family:var(--font-px);font-size:1.25rem;color:var(--gold-ink);line-height:1.3}.stat-label{color:var(--muted);font-size:.82rem;font-weight:700}.field{display:grid;grid-gap:6px;gap:6px}.field>label,.quota-head{font-weight:700;font-size:.9rem;color:var(--muted)}.quota-head{display:flex;justify-content:space-between;margin-bottom:8px}.progress{height:18px;border-radius:10px;background:var(--track);border:none;box-shadow:inset 0 1px 2px rgba(80,70,160,.12);overflow:hidden}.progress-fill{height:100%;border-radius:10px;background:linear-gradient(90deg,var(--mana-deep),var(--mana));box-shadow:0 0 12px rgba(138,123,255,.5);transition:width .8s cubic-bezier(.2,.8,.2,1)}.progress-fill.warn{background:linear-gradient(90deg,var(--gold-deep),var(--gold));box-shadow:0 0 12px rgba(255,197,49,.55)}.progress-fill.full{background:linear-gradient(90deg,#e0487a,var(--pop));box-shadow:0 0 12px rgba(255,111,156,.55)}.leaderboard{display:grid;grid-gap:10px;gap:10px}.lb-row{display:flex;align-items:center;gap:14px;padding:12px 16px;border:2px solid var(--line);border-radius:14px;background:var(--panel)}.lb-row.top{border-color:rgba(240,156,20,.55);background:linear-gradient(120deg,rgba(255,197,49,.16),rgba(255,197,49,.03))}.lb-rank{flex:0 0 auto;width:42px;height:42px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;font-family:var(--font-px);font-size:.7rem;color:var(--muted);background:rgba(80,70,160,.06)}.lb-rank.gold{background:rgba(255,197,49,.3);color:#9a6300;font-size:1.1rem}.lb-rank.silver{background:#e9edf6;color:#64708c;font-size:1.1rem}.lb-rank.bronze{background:rgba(205,127,90,.22);color:#9c552b;font-size:1.1rem}.lb-main{flex:1 1;min-width:0}.lb-name{font-weight:700;font-size:1.05rem;color:var(--cream)}.lb-sub{color:var(--muted);font-size:.82rem}.lb-points{font-family:var(--font-px);font-size:.95rem;color:var(--gold-ink);white-space:nowrap;text-shadow:0 0 12px rgba(255,197,49,.45)}.lb-points small{font-size:.7rem}.empty,.lb-points small{color:var(--muted);font-weight:700}.empty{text-align:center;padding:32px 16px}.empty-emoji{font-size:42px;display:block;margin-bottom:8px;opacity:.8}.login-wrap{min-height:100dvh;display:grid;place-items:center;position:relative;overflow:hidden;padding:24px}.login-deco{position:absolute;z-index:0;pointer-events:none;border-radius:50%;opacity:.55;filter:blur(2px)}.login-deco.d1{width:120px;height:120px;background:radial-gradient(circle,rgba(138,123,255,.45),transparent 70%);top:12%;left:12%}.login-deco.d2{width:90px;height:90px;background:radial-gradient(circle,rgba(47,214,181,.45),transparent 70%);bottom:16%;left:18%}.login-deco.d3{width:110px;height:110px;background:radial-gradient(circle,rgba(255,197,49,.5),transparent 70%);top:16%;right:14%}.login-deco.d4{width:80px;height:80px;background:radial-gradient(circle,rgba(255,111,156,.4),transparent 70%);bottom:18%;right:18%}.login-marquee{position:absolute;left:0;right:0;z-index:0;overflow:hidden;pointer-events:none;-webkit-mask-image:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent);mask-image:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent)}.login-marquee.left{top:6%}.login-marquee.right{bottom:6%}.login-marquee-track{display:flex;gap:16px;width:max-content;padding:6px 0;animation:marquee-run 42s linear infinite}.login-marquee.right .login-marquee-track{animation-direction:reverse}.login-face{flex:0 0 auto;width:60px;height:60px;display:grid;place-items:center;font-size:32px;line-height:1;border-radius:18px;background:linear-gradient(150deg,#ffffff,#f3efff);box-shadow:inset 0 0 0 2px rgba(240,156,20,.2),0 8px 16px rgba(80,70,160,.18);opacity:.92;animation:face-bob 3s ease-in-out infinite}.login-face:nth-child(2n){animation-delay:-1.5s}@keyframes marquee-run{0%{transform:translateX(0)}to{transform:translateX(-50%)}}@keyframes face-bob{0%,to{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-7px) rotate(3deg)}}.login-card{position:relative;z-index:1;background:var(--panel-strong);border:2px solid rgba(240,156,20,.42);border-radius:28px;padding:46px 38px;max-width:440px;width:100%;text-align:center;box-shadow:0 30px 60px rgba(80,70,160,.26)}.login-pill{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:var(--r-pill);border:1px solid rgba(240,156,20,.4);background:rgba(255,197,49,.16);color:var(--gold-ink);font-family:var(--font-px);font-size:.5rem;letter-spacing:.06em}.login-mascot{width:104px;height:104px;margin:20px auto 10px;display:grid;place-items:center;font-size:58px;line-height:1;border-radius:26px;background:linear-gradient(150deg,#1e1942,#0e0a24);box-shadow:inset 0 0 0 2px rgba(240,156,20,.55),0 12px 26px rgba(240,156,20,.28);transform:rotate(-5deg);animation:pop .5s cubic-bezier(.2,.7,.3,1) both,mascot-hover 3.4s ease-in-out .5s infinite}.mechbee{width:100%;height:100%;display:grid;place-items:center;cursor:pointer}.mechbee svg{width:88px;height:auto;display:block;overflow:visible}.mechbee [data-anim]{transform-box:fill-box;transform-origin:50% 50%}.mechbee [data-flame]{transform-box:fill-box;transform-origin:50% 0}@keyframes mascot-hover{0%,to{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-8px) rotate(-1deg)}}.login-card h1.login-title{font-size:2.7rem;line-height:1.1;margin-top:8px;letter-spacing:.02em;background:linear-gradient(100deg,#b87700,#f0a41c 30%,#ffd76a 50%,#f0a41c 70%,#b87700);background-size:220% auto;-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 8px rgba(240,156,20,.3));animation:title-shine 5s linear infinite}@keyframes title-shine{to{background-position:220%}}@media (max-width:480px){.login-card h1.login-title{font-size:2.2rem}}.login-sub{font-family:var(--font-px);font-size:.5rem;color:var(--gold-ink);letter-spacing:.14em;margin-bottom:14px}.login-card form{margin-top:26px}.login-card .btn-lg{width:100%}.login-hint{margin-top:16px;color:var(--muted);font-size:.82rem;font-weight:400}.guild-topbar{justify-content:space-between;gap:16px;flex-wrap:wrap;padding:6px 2px 18px}.guild-id,.guild-topbar{display:flex;align-items:center}.guild-id{gap:13px}.guild-crest{width:52px;height:52px;border-radius:15px;display:grid;place-items:center;font-size:28px;background:linear-gradient(150deg,#fff8dd,#ffe9a8);box-shadow:inset 0 0 0 2px rgba(240,156,20,.5),0 8px 20px rgba(240,156,20,.25);transform:rotate(-5deg)}.guild-id h1{font-size:1.5rem;font-weight:700;margin:0}.guild-id .sub{font-family:var(--font-px);font-size:.5rem;color:var(--gold-ink);letter-spacing:.12em;margin-top:5px}.parties{display:flex;flex-wrap:wrap;gap:10px;padding:4px 2px 18px}.party{flex:0 0 auto;cursor:pointer;border:2px solid var(--line);font-family:var(--font-kai);font-weight:700;font-size:1rem;color:var(--muted);background:var(--panel);padding:11px 19px;border-radius:14px;transition:.15s;white-space:nowrap;display:inline-flex;align-items:center;gap:9px;text-decoration:none;box-shadow:none}.party:hover{transform:translateY(-2px);color:var(--cream);border-color:rgba(240,156,20,.5)}.party.on{color:var(--ink-0);background:linear-gradient(145deg,var(--gold),var(--gold-deep));border-color:transparent;box-shadow:0 5px 0 #d18a00}.party .flag{font-size:1.1rem}.hall-stage{display:grid;grid-template-columns:1fr 366px;grid-gap:22px;gap:22px;align-items:start}@media (max-width:980px){.hall-stage{grid-template-columns:1fr}}.classbar{display:flex;gap:16px;flex-wrap:wrap;align-items:center;margin-bottom:18px}.mana{flex:1 1;min-width:240px}.mana .lab{display:flex;justify-content:space-between;font-size:.85rem;color:var(--muted);margin-bottom:7px}.mana .lab b{color:var(--cream)}.pill-term{font-family:var(--font-px);font-size:.5rem;color:var(--xp-ink);background:rgba(47,214,181,.14);padding:9px 12px;border-radius:9px;letter-spacing:.05em;border:1px solid rgba(15,167,140,.3)}.roster{display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));grid-gap:14px;gap:14px}.advcard{position:relative;cursor:pointer;text-align:center;padding:20px 14px 16px;border-radius:20px;overflow:hidden;background:var(--panel);border:2px solid var(--line);transition:.16s;text-decoration:none;color:var(--cream);display:block}.advcard:hover{transform:translateY(-5px);border-color:rgba(240,156,20,.6);box-shadow:0 16px 28px rgba(80,70,160,.2);color:var(--cream)}.advcard.sel{border-color:var(--gold-deep);box-shadow:0 0 0 2px var(--gold) inset,0 16px 28px rgba(240,156,20,.25);background:linear-gradient(160deg,rgba(255,197,49,.18),rgba(255,197,49,.03))}.advcard .ava{font-size:50px;line-height:1;filter:drop-shadow(0 6px 10px rgba(80,70,160,.22))}.advcard .nm{font-size:1.1rem;font-weight:700;margin:8px 0 3px}.advcard .lv{font-family:var(--font-px);font-size:.46rem;color:#fff;background:linear-gradient(145deg,var(--xp),var(--xp-deep));padding:4px 8px;border-radius:6px;letter-spacing:.04em;display:inline-block}.advcard .xp{margin:11px 0 6px;height:9px;border-radius:6px;background:var(--track);overflow:hidden}.advcard .xp>span{display:block;height:100%;border-radius:6px;background:linear-gradient(90deg,var(--xp-deep),var(--xp));box-shadow:0 0 8px rgba(47,214,181,.5)}.advcard .meta{font-size:.74rem;color:var(--muted)}.advcard .cards{position:absolute;top:10px;right:11px;font-family:var(--font-px);font-size:.5rem;color:var(--gold-ink)}.advcard .crown{position:absolute;top:8px;left:10px;font-size:18px}.pickbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:14px 0 12px}.pickbtn{font-family:var(--font-kai);font-size:.9rem;padding:7px 16px;border-radius:999px;background:var(--panel);border:2px solid var(--line);color:var(--cream);cursor:pointer;transition:.14s}.pickbtn:hover:not(:disabled){border-color:rgba(240,156,20,.6);color:var(--gold-ink)}.pickbtn:disabled{opacity:.45;cursor:default}.pickcount{font-family:var(--font-kai);font-size:.92rem;color:var(--muted)}.pickcount b{color:var(--gold-ink)}.pickgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(116px,1fr));grid-gap:10px;gap:10px}.pickchip{position:relative;display:flex;flex-direction:column;align-items:center;gap:3px;padding:12px 8px 10px;border-radius:16px;background:var(--panel);border:2px solid var(--line);color:var(--cream);cursor:pointer;transition:.14s;font-family:var(--font-kai)}.pickchip:hover{transform:translateY(-3px);border-color:rgba(240,156,20,.55)}.pickchip.on{border-color:var(--gold-deep);box-shadow:0 0 0 2px var(--gold) inset;background:linear-gradient(160deg,rgba(255,197,49,.2),rgba(255,197,49,.03))}.pickchip .pickmark{position:absolute;top:5px;right:8px;font-size:1rem;font-weight:800;line-height:1;color:var(--gold-ink)}.pickchip .pava{font-size:34px;line-height:1;filter:drop-shadow(0 4px 7px rgba(80,70,160,.2))}.pickchip .pnm{font-size:.96rem;font-weight:700}.pickchip .ppt{font-size:.74rem;color:var(--muted)}.grantpanel{position:-webkit-sticky;position:sticky;top:80px;padding:22px;border-radius:22px;background:var(--panel-strong);border:2px solid rgba(240,156,20,.4);box-shadow:0 20px 44px rgba(80,70,160,.2)}.grantpanel .gh{font-family:var(--font-px);font-size:.55rem;color:var(--gold-ink);letter-spacing:.1em}.grantpanel .gh,.picked{text-align:center;margin-bottom:16px}.picked .ava{font-size:62px;filter:drop-shadow(0 0 18px rgba(240,156,20,.45))}.picked .nm{font-size:1.3rem;font-weight:700;margin-top:6px}.picked .lv{font-family:var(--font-px);font-size:.5rem;color:#fff;background:linear-gradient(145deg,var(--xp),var(--xp-deep));padding:4px 9px;border-radius:6px;margin-left:7px}.picked .empty{color:var(--muted);font-size:.95rem;padding:30px 0}.chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:14px}.bcast{position:relative;z-index:1}.bcast-head{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:6px 2px 22px}.bcast-head .right{text-align:right;font-family:var(--font-px);font-size:.6rem;color:var(--xp-ink);line-height:2}.podium{display:flex;align-items:flex-end;justify-content:center;gap:18px;margin-bottom:26px;flex-wrap:wrap}.seat{display:flex;flex-direction:column;align-items:center;width:150px}.seat .ava{font-size:64px;line-height:1;filter:drop-shadow(0 8px 14px rgba(80,70,160,.3))}.seat .nm{font-size:1.2rem;font-weight:700;margin-top:6px;white-space:nowrap}.seat .lv{font-size:.46rem;color:#fff;background:linear-gradient(145deg,var(--xp),var(--xp-deep));padding:4px 8px;border-radius:7px;margin-top:6px}.seat .lv,.seat .pts{font-family:var(--font-px)}.seat .pts{font-size:.85rem;color:var(--gold-ink);margin-top:8px;text-shadow:0 0 14px rgba(255,197,49,.55)}.seat .crown{font-size:30px;margin-bottom:4px}.seat .pad{width:100%;margin-top:10px;border-radius:14px 14px 0 0;display:grid;place-items:center;font-family:var(--font-px);color:rgba(46,41,96,.7);box-shadow:inset 0 -2px 0 rgba(255,255,255,.55),inset 0 -10px 24px rgba(80,70,160,.08)}.seat.s1{order:2}.seat.s2{order:1}.seat.s3{order:3}.seat.s1 .pad{height:150px;background:linear-gradient(180deg,rgba(255,197,49,.9),rgba(255,197,49,.25));font-size:1.5rem}.seat.s2 .pad{height:110px;background:linear-gradient(180deg,rgba(176,188,214,.75),rgba(176,188,214,.2));font-size:1.2rem}.seat.s3 .pad{height:84px;background:linear-gradient(180deg,rgba(221,150,110,.7),rgba(221,150,110,.2));font-size:1.2rem}.seat.s1 .ava{font-size:80px;filter:drop-shadow(0 0 26px rgba(240,156,20,.55)) drop-shadow(0 8px 14px rgba(80,70,160,.3))}@keyframes seat-arrive{0%{opacity:0;transform:translateY(46px) scale(.82)}to{opacity:1;transform:translateY(0) scale(1)}}.seat{animation:seat-arrive .6s cubic-bezier(.2,.8,.3,1.25) both}.seat.s2{animation-delay:.05s}.seat.s3{animation-delay:.22s}.seat.s1{animation-delay:.4s}@keyframes champ-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.seat.s1 .ava{animation:champ-bob 2.8s ease-in-out 1.2s infinite}@keyframes crown-pulse{0%,to{transform:scale(1) rotate(-5deg)}50%{transform:scale(1.2) rotate(6deg)}}.seat.s1 .crown{animation:crown-pulse 2.8s ease-in-out 1.2s infinite}.seat.s1 .pad{position:relative;overflow:hidden}.seat.s1 .pad:after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 38%,rgba(255,255,255,.7) 50%,transparent 62%);background-size:250% 100%;background-position:-160% 0;animation:pad-shine 3.6s ease-in-out 1.4s infinite}@keyframes pad-shine{0%{background-position:-160% 0}55%,to{background-position:260% 0}}.celebrate{position:fixed;inset:0;z-index:120;pointer-events:none;overflow:hidden}.cf{position:absolute;top:-18px;border-radius:3px;opacity:0;animation:cf-fall 2.2s linear both}@keyframes cf-fall{0%{opacity:1;transform:translateY(-10px) rotate(0deg)}80%{opacity:1}to{opacity:0;transform:translateY(105vh) rotate(var(--spin,540deg))}}.celebrate-center{position:absolute;left:50%;top:36%;transform:translate(-50%,-50%);text-align:center}.celebrate-pts{font-family:var(--font-px);font-size:clamp(1.6rem,5vw,2.6rem);color:var(--gold-ink);text-shadow:0 3px 0 #fff,0 0 24px rgba(255,197,49,.85);animation:pts-fly 2.3s cubic-bezier(.2,.8,.3,1) both}@keyframes pts-fly{0%{opacity:0;transform:translateY(34px) scale(.6)}16%{opacity:1;transform:translateY(0) scale(1.14)}28%{transform:scale(1)}80%{opacity:1;transform:translateY(-30px)}to{opacity:0;transform:translateY(-52px)}}.celebrate-lvup{margin-top:12px;display:inline-block;font-family:var(--font-px);font-size:clamp(1rem,3.4vw,1.6rem);color:var(--ink-0);background:linear-gradient(145deg,var(--gold),var(--gold-deep));padding:13px 24px;border-radius:14px;box-shadow:0 6px 0 #d18a00,0 16px 36px rgba(240,156,20,.5);animation:lvup-slam 3.1s cubic-bezier(.2,.8,.3,1.3) .25s both}@keyframes lvup-slam{0%{opacity:0;transform:scale(2.4) rotate(-7deg)}13%{opacity:1;transform:scale(1) rotate(-2deg)}19%{transform:scale(1.07) rotate(1.5deg)}25%{transform:scale(1) rotate(0deg)}88%{opacity:1}to{opacity:0;transform:translateY(-22px)}}.celebrate-name{margin-top:12px;font-weight:700;font-size:1.05rem;color:var(--ink-1);text-shadow:0 2px 0 #fff;animation:pts-fly 2.5s cubic-bezier(.2,.8,.3,1) .1s both}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes pop{0%{transform:scale(.5) rotate(-5deg);opacity:0}70%{transform:scale(1.1) rotate(-5deg)}to{transform:scale(1) rotate(-5deg);opacity:1}}.advcard,.banner,.card,.hero,.lb-row,.quick-tile,.stat{animation:rise .45s cubic-bezier(.2,.7,.3,1) both}.lb-row:nth-child(2),.quick-tile:nth-child(2),.stat:nth-child(2){animation-delay:.06s}.lb-row:nth-child(3),.quick-tile:nth-child(3),.stat:nth-child(3){animation-delay:.12s}.lb-row:nth-child(4),.quick-tile:nth-child(4),.stat:nth-child(4){animation-delay:.18s}.lb-row:nth-child(5),.quick-tile:nth-child(5){animation-delay:.24s}.lb-row:nth-child(6){animation-delay:.3s}.lb-row:nth-child(7){animation-delay:.36s}.lb-row:nth-child(8){animation-delay:.42s}.lb-row:nth-child(9){animation-delay:.48s}.lb-row:nth-child(n+10){animation-delay:.54s}@media (prefers-reduced-motion:reduce){*,:after,:before{animation:none!important;transition:none!important}}@media print{body:before{display:none}.no-print{display:none!important}body{background:#fff;color:#000}main{max-width:none;padding:0}.card{border:none;box-shadow:none;padding:0;margin-bottom:12px}}.class-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));grid-gap:10px;gap:10px}.class-tile{display:flex;flex-direction:column;gap:5px;padding:14px;border:2px solid var(--line);border-radius:14px;background:var(--panel);color:var(--cream);text-decoration:none;transition:.15s}.class-tile:hover{transform:translateY(-3px);border-color:rgba(240,156,20,.6);color:var(--cream)}.class-tile.on{border-color:var(--gold-deep);box-shadow:0 0 0 1px var(--gold) inset;background:linear-gradient(160deg,rgba(255,197,49,.16),rgba(255,197,49,.03))}.class-tile .ct-name{font-weight:700;font-size:.98rem}.class-tile .ct-count{font-family:var(--font-px);font-size:.7rem;color:var(--gold-ink)}.class-matrix{display:grid;grid-gap:14px;gap:14px}.class-mrow{display:grid;grid-template-columns:56px 1fr;grid-gap:12px;gap:12px;align-items:start}.class-mrow .grade-tag{font-family:var(--font-px);font-size:.6rem;color:var(--gold-ink);padding-top:16px;text-align:center}.class-mrow .cells{display:grid;grid-gap:10px;gap:10px}.ccell{display:flex;flex-direction:column;gap:7px;padding:12px;border:2px solid var(--line);border-radius:14px;background:var(--panel)}.ccell .ccell-name{font-weight:700;font-size:.95rem;color:var(--cream)}.ccell button{width:100%;padding:8px;font-size:.85rem}@media (max-width:720px){.class-mrow{grid-template-columns:1fr}.class-mrow .grade-tag{text-align:left;padding-top:0}}.quick-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-gap:14px;gap:14px}.quick-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:112px;padding:16px;border:2px solid var(--line);border-radius:var(--r-card);background:var(--panel);color:var(--cream)!important;font-weight:700;font-size:.95rem;text-align:center;text-decoration:none;transition:.16s}.qt-emoji{font-size:30px;line-height:1}.quick-tile:first-child{border-color:rgba(240,156,20,.5)}.quick-tile:nth-child(2){border-color:rgba(15,167,140,.45)}.quick-tile:nth-child(3){border-color:rgba(138,123,255,.5)}.quick-tile:nth-child(4){border-color:rgba(255,111,156,.5)}.quick-tile:nth-child(5){border-color:rgba(240,156,20,.5)}.quick-tile:hover{transform:translateY(-4px);border-color:rgba(240,156,20,.65);box-shadow:0 16px 30px rgba(80,70,160,.2)}@media (max-width:640px){.quick-grid{grid-template-columns:1fr 1fr}.hero-emoji{font-size:52px;opacity:.6}.navlink{font-size:.82rem;padding:7px 11px}.userchip{display:none}.grantpanel{position:static}}.navprogress{position:fixed;top:0;left:0;right:0;height:4px;z-index:999;background:var(--track);overflow:hidden}.navprogress:after{content:"";position:absolute;inset:0;width:42%;border-radius:0 4px 4px 0;background:linear-gradient(90deg,var(--xp,#54e0c7),var(--gold,#f5c542));box-shadow:0 0 12px rgba(245,197,66,.6);animation:navprogress-slide 1.1s cubic-bezier(.4,0,.2,1) infinite}@keyframes navprogress-slide{0%{transform:translateX(-100%)}to{transform:translateX(260%)}}