@font-face{font-family:ClubDisplay;src:url('./anton.ttf') format('truetype');font-display:swap}
:root{--ink:#11121c;--panel:#202131;--edge:#414252;--lime:#d4ff50;--lilac:#bda5ff;--cream:#f6f2e8;--muted:#c0bfce;--shadow:0 6px 0 #090a10;--invite-accent:var(--lime);--invite-button-text:var(--ink);--invite-border:#555366;--invite-status:#414635}
.club-app{background-color:var(--ink);color:var(--cream);font:15px/1.6 Arial,Helvetica,sans-serif;background-image:radial-gradient(ellipse at 90% 12%,#67528c28,transparent 45%),radial-gradient(#ffffff09 1px,transparent 1px);background-size:auto,24px 24px;color-scheme:dark}
.club-app *, .club-app *:before,.club-app *:after{box-sizing:border-box}
.club-app [hidden]{display:none!important}.club-app a{text-decoration:none}.club-app button,.club-app a{touch-action:manipulation}.club-app button{cursor:pointer}.club-app :is(button,input,select,textarea){font:inherit}.club-app :is(button,a,input,select,textarea,summary):focus-visible{outline:3px solid var(--lime);outline-offset:4px}.club-app :is(button,a){transition:background .15s,transform .15s,box-shadow .15s}.club-app button:disabled{cursor:not-allowed;opacity:.55}.club-app input,.club-app textarea,.club-app select{background:#141522;color:var(--cream);border:2px solid #4a485e;border-radius:12px;min-height:48px;padding:12px 14px}.club-app input::placeholder,.club-app textarea::placeholder{color:#a3a1b3}.club-app input:focus,.club-app textarea:focus{border-color:var(--lilac)}.club-app label{font-size:13px}.club-app small,.club-app .fine,.club-app .muted{color:var(--muted);font-size:12px;line-height:1.65}.club-app .eyebrow{color:var(--lime);font-size:11px;letter-spacing:1.8px;font-weight:800}.club-app .primary{background:var(--lime);border:2px solid var(--lime);color:var(--ink);font-weight:800;box-shadow:0 5px 0 #6f8c1a;border-radius:12px}.club-app .primary:hover{background:#e4ff94;transform:translateY(-2px);box-shadow:0 7px 0 #6f8c1a}.club-app .primary:active{transform:translateY(3px);box-shadow:0 2px 0 #6f8c1a}.club-app .pill{min-height:46px;font-size:13px;border-radius:12px}.club-app .pill:not(.primary){background:#303044;border:2px solid #55526a;color:var(--cream)}.club-app .pill:not(.primary):hover{border-color:var(--lilac);background:#3d3756}.club-app .error,.club-app #error{color:#ffb9b5;font-size:13px}.club-app .surface{background:var(--panel);border:2px solid var(--edge);border-radius:22px;box-shadow:var(--shadow)}
.club-nav{position:relative;z-index:10;min-height:84px;max-width:1480px;margin:auto;padding:16px 4%;display:flex;align-items:center;gap:26px;border-bottom:1px solid #ffffff20;background:#11121cf5}.club-brand{display:inline-flex;align-items:center;gap:10px;font-size:24px;font-weight:900;letter-spacing:-1px;white-space:nowrap;color:var(--cream)}.club-brand .cat-mark{width:29px;height:28px;fill:var(--lime)}.club-brand sup{color:var(--lime);font-size:16px;margin-left:-7px}.club-nav nav{display:flex;gap:5px;margin-left:auto;align-items:center}.club-nav nav a{padding:10px 12px;border-radius:9px;color:#c7c4d6;font-size:12px;font-weight:700;white-space:nowrap;min-height:44px;display:flex;align-items:center}.club-nav nav a:hover{color:white;background:#292738}.club-nav nav a[aria-current=page]{background:#bda5ff22;color:#d4c4ff;box-shadow:inset 0 -3px var(--lilac)}.club-nav>.primary{padding:11px 22px;font-size:13px;white-space:nowrap}.club-menu{display:none;background:#2c2b40;color:white;border:1px solid #575367;border-radius:10px;min-width:44px;min-height:44px}.club-footer{max-width:1400px;margin:30px auto 0;padding:35px 4%;border-top:1px solid #fff2;display:flex;align-items:center;gap:28px;flex-wrap:wrap}.club-footer>p{font-size:13px;color:var(--muted);margin:0}.club-footer nav{display:flex;gap:20px;flex-wrap:wrap;margin-left:auto;font-size:12px}.club-footer nav a{color:var(--lilac);padding:10px 0}.club-footer small{width:100%;font-size:11px}.club-app .portal-main{max-width:1240px;padding:48px 36px 80px;min-height:70vh}
.game-banner{position:relative;isolation:isolate;overflow:hidden;border:2px solid #55516c;border-radius:26px;min-height:310px;padding:40px 42px;margin:0 0 35px;background:linear-gradient(105deg,#252236 20%,#3d3154);box-shadow:var(--shadow)}.game-banner:before{content:'';position:absolute;z-index:-1;width:440px;height:440px;border:1px solid #c8b3ff40;border-radius:50%;right:-5px;top:-65px;box-shadow:0 0 0 35px #c8b3ff0b,0 0 0 70px #c8b3ff08,0 0 0 105px #c8b3ff05}.game-banner h1{font:clamp(44px,5vw,70px)/1.05 ClubDisplay,Impact,sans-serif;text-transform:uppercase;letter-spacing:.2px;margin:18px 0 22px;max-width:70%}.game-banner h1 em{font-style:normal;color:var(--lime)}.game-banner p{font-size:15px;line-height:1.6;color:#dad5e6;max-width:61%;margin:0}.game-banner>.banner-art{position:absolute;width:230px;height:260px;object-fit:contain;right:45px;bottom:25px;filter:drop-shadow(0 17px 12px #0005);transform:rotate(7deg)}.banner-sticker{position:absolute;right:35px;top:28px;background:var(--lime);border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);padding:6px 12px;font-size:10px;letter-spacing:1px;font-weight:900;transform:rotate(7deg);color:var(--ink)}.game-banner .banner-action{margin-top:25px;display:inline-flex}.game-banner .eyebrow{color:var(--lilac)}
.player-adventure{position:relative;border-radius:28px;min-height:635px;overflow:hidden;padding:38px;isolation:isolate;background:linear-gradient(180deg,#17182ac4 0%,#191826cc 50%,#141522 100%),url('./campus.jpg') center/cover;border:2px solid #4e4968;box-shadow:var(--shadow)}.player-adventure:after{content:'';position:absolute;z-index:-1;border:2px dashed #c8b0ff32;left:10%;top:36%;width:80%;height:48%;border-radius:50%;transform:rotate(-13deg)}.player-adventure h1{font:70px/1.05 ClubDisplay,Impact,sans-serif;text-transform:uppercase;letter-spacing:0;margin:22px 0}.player-adventure h1 em{font-style:normal;color:var(--lime)}.player-adventure p{color:#dbd5e5;font-size:15px;max-width:340px;line-height:1.7}.player-adventure .hero-creature{height:265px;width:100%;object-fit:contain;margin:3px 0 -3px;filter:drop-shadow(0 18px 15px #0005);transform:rotate(-7deg)}.player-adventure .art-caption{display:block;width:max-content;max-width:100%;margin:0 auto;background:var(--lilac);color:var(--ink);border:2px solid var(--ink);border-radius:6px;padding:7px 13px;font-weight:800;font-size:11px;transform:rotate(3deg);box-shadow:3px 3px 0 var(--ink)}.journey{display:flex;gap:8px;margin-top:26px;flex-wrap:wrap}.journey span{display:flex;gap:7px;align-items:center;color:#d7d2e3;font-size:11px}.journey b{width:23px;height:23px;display:grid;place-items:center;background:#bda5ff28;border-radius:50%;color:var(--lilac)}
.club-app .account-layout{grid-template-columns:1.06fr 1fr;gap:36px;align-items:start}.club-app .account-card{margin:0;padding:30px;border-top:5px solid var(--lilac)}.club-app .account-card h2,.club-app .auth-card h2{font:34px/1.2 ClubDisplay,Impact,sans-serif;text-transform:uppercase;letter-spacing:.2px}.club-app .account-card .tabs,.club-app .auth-card .tabs{background:#11121c;border:1px solid #4b465f;border-radius:13px;padding:5px;display:flex;gap:4px;margin-bottom:26px}.club-app .account-card .tabs button,.club-app .auth-card .tabs button{padding:12px 10px;border:0;border-radius:9px;flex:1;font-size:13px;font-weight:800;color:#d1cddd;background:none;min-height:46px}.club-app .tabs button[aria-selected=true]{background:var(--lilac);color:var(--ink);box-shadow:0 3px 0 #776092}.club-app .account-card .fine,.club-app .auth-card .fine{font-size:12px;margin-top:20px}.club-app .stat-grid,.club-app .stats{display:grid;grid-template-columns:1fr 1fr;gap:12px}.club-app .stat-grid>div,.club-app .stats>div{border:1px solid #605575;border-radius:16px;background:#312c43;padding:17px}.club-app .stat-grid strong,.club-app .stats strong{color:var(--lime);font:40px/1.1 ClubDisplay,sans-serif}.club-app .stat-grid span,.club-app .stats span{display:block;color:#d6cde5;font-size:12px;margin-top:7px}.club-app .profile-links{gap:10px;flex-wrap:wrap}.club-app .profile-links a{flex:1;padding:14px;border:1px solid #625575;border-radius:12px;font-weight:bold;text-align:center}.club-app .text-button{color:var(--lilac);min-height:44px;font-size:13px}.club-app .tag{background:#bda5ff20;border:1px solid #a88de47a;color:#ddcbff;padding:6px 9px;font-size:10px;border-radius:6px}.club-app .league-surface{border-top:5px solid var(--lime)}.club-app .surface-head h2{font:32px/1.2 ClubDisplay,sans-serif;text-transform:uppercase;letter-spacing:.5px}.club-app table{border-collapse:separate;border-spacing:0 8px}.club-app th{font-size:11px;color:#c9c2db;border:0;padding:8px 16px}.club-app td{background:#2a293a;padding:16px;border:0;font-size:15px}.club-app td:first-child{border-radius:12px 0 0 12px;font-size:20px;color:var(--lilac);font-family:ClubDisplay,sans-serif}.club-app td:last-child{border-radius:0 12px 12px 0}.club-app td:nth-child(3){color:var(--lime);font-size:23px}.club-app tr:first-child td{background:#3e3b2a}.club-app tr:first-child td:first-child{color:#ffe28d}.club-app .two-cards .surface{position:relative;border-top:4px solid var(--lilac)}.club-app .two-cards h3{font-size:22px}.club-app .two-cards p{color:#c6c0d4;font-size:14px}.club-app .two-cards a{display:inline-flex;padding:8px 0;font-weight:bold}.club-app .empty{background:#272538;border:1px dashed #776388;border-radius:17px;margin:18px 0;color:#c5bfd2}.club-app .empty h3{color:var(--cream)}
.club-app .board-layout{grid-template-columns:240px 1fr;gap:30px}.club-app .board-categories{background:#292536;border:2px solid #5b506e;border-radius:20px;padding:12px;gap:8px}.club-app .board-categories a{font-size:13px;min-height:48px;padding:12px;color:#d6cce3;border:1px solid transparent}.club-app .board-categories a[aria-current=page]{background:var(--lilac);color:#171320;border-color:#e7dfff;font-weight:bold;box-shadow:0 3px 0 #776092}.club-app .board-note{padding:22px 10px;border:0}.club-app .board-note h3{color:var(--lime);font-size:16px}.club-app .board-note p{font-size:12px;color:#bdb5cb}.club-app .board-note a{font-size:12px;display:block;padding:8px 0}.club-app .topic-card{border:2px solid #4e485f;border-radius:18px;background:#252434;box-shadow:0 4px 0 #080910;margin:14px 0;padding:25px;position:relative}.club-app .topic-card:hover{border-color:var(--lilac);transform:translateY(-2px)}.club-app .topic-card h2{font-size:22px;color:var(--cream)}.club-app .topic-card p{font-size:14px;color:#c6bfd3}.club-app .topic-meta{font-size:12px;color:#b5abc9}.club-app .topic-meta span:last-child{color:var(--lime)}.club-app .list-heading{color:var(--muted);font-size:13px}.club-app .reply{border-left:5px solid var(--lilac)}.club-app .message-body{color:#e4deed}.club-app .reply-head strong{color:var(--lime)}.club-app .thread-main{border-top:5px solid var(--lilac)}.club-app .release{grid-template-columns:160px 1fr;gap:30px;border-left:5px solid #7a668e}.club-app .release:first-child{border-color:var(--lime);position:relative;background:linear-gradient(110deg,#303327,#242331 50%)}.club-app .release-meta strong{font:23px/1.2 ClubDisplay,sans-serif;color:var(--cream)}.club-app .release h2{font-size:25px;color:var(--cream)}.club-app .release li{font-size:14px;color:#c9c3d6}.club-app .release-meta{font-size:12px}.club-app .callout{background:#34294a;border:2px solid #8c71b1}.club-app .callout h2{font-size:23px}.club-app .invite-panel{--invite-accent:var(--lime);--invite-button-text:var(--ink);--invite-border:#5d526f;--invite-status:#41492c}.club-app .invite-panel li{background:#262335}.club-app .invite-panel button{min-height:44px;border-radius:10px;font-size:13px}.club-app .invite-panel .invite-generate{box-shadow:0 4px 0 #6f8c1a}.club-app .auth-cooldown{background:#3d3220;color:#ffdf99;border:2px solid #a98139}.club-app .auth-cooldown small{color:#ead9b9}.club-app .report-dialog{color:var(--cream)}
/* The game-host account shares the same artwork and controls as the main site. */
.club-auth>main{max-width:1240px;min-height:70vh;padding:48px 36px 80px;gap:36px;grid-template-columns:1.06fr 1fr;align-items:start}.club-auth .card{background:var(--panel);color:var(--cream);border:2px solid var(--edge);border-top:5px solid var(--lilac);border-radius:22px;padding:30px;box-shadow:var(--shadow)}.club-auth .card .eyebrow{color:var(--lilac)}.club-auth .card :is(#formHint,#handle,#status){color:var(--muted);font-size:13px}.club-auth .card .primary{margin-top:24px;min-height:48px}.club-auth .card .secondary{color:var(--cream);border:2px solid #59536b;background:#312c42;min-height:46px;border-radius:12px;font-size:13px}.club-auth #league{border-color:#5c506a}.club-auth #league li{padding:12px;background:#302a41;border-radius:9px;margin:7px 0}.club-auth #league h3{font:26px ClubDisplay,sans-serif;color:var(--lilac)}
/* Dressing room: a proper character stage, with a matching equipment panel. */
.club-avatar>main{max-width:1400px;grid-template-columns:1fr 1fr;gap:24px;min-height:0;padding:28px 32px 60px}.club-avatar .stage{border:2px solid #625074;border-radius:26px;min-height:740px;box-shadow:var(--shadow);background:#211c35}.club-avatar .intro{left:7%;top:5%}.club-avatar .intro h1{font:48px/1.06 ClubDisplay,sans-serif;text-transform:uppercase;letter-spacing:.4px;margin:16px 0}.club-avatar .intro h1 em{color:var(--lime)}.club-avatar .intro p{color:#cabdda;font-size:13px}.club-avatar .intro .eyebrow{color:var(--lilac)}.club-avatar .editor{border:2px solid var(--edge);border-radius:26px;background:var(--panel);padding:30px;box-shadow:var(--shadow)}.club-avatar .editor h2{font:32px ClubDisplay,sans-serif;text-transform:uppercase;color:var(--cream);margin:10px 0 24px;letter-spacing:0}.club-avatar .editor .eyebrow{color:var(--lilac)}.club-avatar .saved{position:static;display:inline-block;padding:5px 10px;border:1px solid #6c5a7d;background:#bda5ff16;color:#d5c7ec;font-size:11px;margin-bottom:20px}.club-avatar .tabs{gap:5px;border-bottom:0;background:#13131f;border-radius:12px;padding:5px;margin-bottom:25px}.club-avatar .tabs button{padding:12px 8px;min-height:46px;border:0;border-radius:9px;flex:1;font-size:12px;color:#cac2da}.club-avatar .tabs button.active{background:var(--lilac);color:var(--ink);font-weight:bold;box-shadow:0 3px 0 #76618e}.club-avatar .field label{color:#e4dcee;font-size:13px}.club-avatar .choice{background:#302c42;color:#e8e0ef;border:2px solid #514661;padding:12px 14px;min-height:46px;border-radius:12px}.club-avatar .choice:hover{border-color:var(--lilac)}.club-avatar .choice.selected{background:#49422b;border-color:var(--lime);box-shadow:none;color:#f4ffca}.club-avatar .outfit small{color:#bdb6ce;font-size:11px}.club-avatar .outfit{padding-left:56px}.club-avatar .swatch{width:46px;height:46px;border:5px solid #202131;outline:1px solid #786a87;padding:0}.club-avatar .swatch.selected{outline:3px solid var(--lime);border-color:#202131}.club-avatar .stage-bottom>span{color:var(--lime)}.club-avatar .tools button{background:#373047;border:2px solid #695b7d;border-radius:12px;min-height:44px;color:var(--cream)}.club-avatar .stage-bottom p{color:#c3b4d1;font-size:12px}.club-avatar .footer #status{color:#d5c6e2;font-size:13px}.club-avatar .footer .secondary button{color:var(--lilac);min-height:44px}.club-avatar details{color:#c3b6d0;border-color:#554461}.club-avatar #backToGame{color:var(--lilac);font-size:13px}.club-avatar #scene canvas{border-radius:24px}.club-avatar .footer .primary{padding:16px 20px}
/* Game screens keep the world visible, using the same card and button vocabulary. */
.club-game{background:#13131f}.club-game #veil{background:linear-gradient(90deg,#131321f2,#18132670)}.club-game .panel{background:#1e1d2fee;border:2px solid #595068;box-shadow:0 6px 0 #090a10,0 20px 60px #0004;border-radius:20px;backdrop-filter:none}.club-game #lobby{width:520px;max-width:94vw;left:4%;padding:28px;border-top:5px solid var(--lime)}.club-game #lobby h1{font:49px/1.06 ClubDisplay,sans-serif;text-transform:uppercase;letter-spacing:.5px;color:var(--cream);margin:14px 0 22px;max-width:76%}.club-game .lobby-mascot{position:absolute;right:20px;top:16px;width:100px;height:110px;object-fit:contain;transform:rotate(9deg);pointer-events:none}.club-game .lobby-home{color:var(--lilac);font-size:11px;letter-spacing:1.5px;display:inline-flex;min-height:30px;align-items:center}.club-game .load-panel{background:#121320;border:1px solid #665976;border-radius:14px}.club-game #loading{color:#e3ddee}.club-game #loadPercent{color:var(--lime)}.club-game #loadProgress{accent-color:var(--lime)}.club-game :is(.fine,.lead,.scope,details,.radar span,.gadget small){color:#c6bdd5}.club-game button{background:#353046;color:var(--cream);border:1px solid #6a5a7d;border-radius:10px;min-height:42px}.club-game button.primary{background:var(--lime);color:var(--ink);border-color:var(--lime)}.club-game button:hover{background:#514263}.club-game button.primary:hover{background:#e4ff94}.club-game a{color:var(--lilac)}.club-game .continue-panel{background:#2b263c;border-color:#62516f}.club-game .spawn-choice{border-color:#62516f}.club-game .spawn-choice label{background:#302b3e;border:1px solid #60506e}.club-game .spawn-choice input:checked+span{color:var(--lime)}.club-game .spawn-choice input{accent-color:var(--lime)}.club-game .room-card{background:#363044;border-color:#6c5b7f}.club-game .edit-character{background:#bda5ff25;border-color:#88719f;color:#e0d0ff}.club-game h2{font-family:ClubDisplay,Impact,sans-serif;text-transform:uppercase;letter-spacing:.4px}.club-game .quiz-dialog{border-top:5px solid #ffbd79}.club-game .quiz-question{background:#292336;border-color:#61516d}.club-game #toast{background:#241d35;border:2px solid var(--lilac);color:white}.club-game .me,.club-game .gadget span{color:var(--lime)}.club-game #pause{overflow:auto;max-height:94dvh}.club-game #pause select{width:100%;font-size:13px}.club-game .compact{box-shadow:0 4px 0 #090a10}
@media(min-width:1100px){.club-avatar .stage{position:sticky;top:25px;height:calc(100dvh - 140px);min-height:680px}.club-avatar .editor{min-height:740px}}
@media(max-width:1050px){.club-nav{gap:14px}.club-nav nav a{padding:10px 8px;font-size:11px}.club-nav>.primary{padding:11px 15px}.player-adventure h1{font-size:58px}.player-adventure{padding:30px;min-height:620px}.club-app .account-layout,.club-auth>main{gap:25px}.club-avatar>main{padding:25px 22px}.club-avatar .editor{padding:25px}.club-avatar .intro h1{font-size:42px}.club-avatar .intro p{max-width:270px}}
@media(max-width:800px){.club-nav{min-height:76px;flex-wrap:wrap;padding:14px 5%;gap:12px}.club-nav .club-brand{font-size:22px}.club-nav>.primary{margin-left:auto}.club-menu{display:block;order:3}.club-nav nav{display:none;order:4;width:100%;margin:8px 0 0;grid-template-columns:repeat(3,1fr);gap:7px;padding:10px 0 3px}.club-nav nav.open{display:grid}.club-nav nav a{justify-content:center;background:#262333;font-size:12px;white-space:normal;text-align:center;padding:10px 5px}.club-app .portal-main{padding:30px 5% 55px}.club-app .account-layout,.club-auth>main{grid-template-columns:1fr;gap:24px;max-width:680px}.club-auth>main{padding:30px 5% 55px}.player-adventure{min-height:300px;padding:28px}.player-adventure h1{font-size:52px;max-width:62%;margin:17px 0}.player-adventure p{max-width:60%;font-size:13px}.player-adventure .hero-creature{position:absolute;width:36%;height:190px;right:7px;bottom:42px;margin:0}.player-adventure .art-caption{position:absolute;right:14px;bottom:23px;font-size:9px;padding:5px 7px}.player-adventure .journey{margin-top:22px;max-width:64%}.club-app .account-card{padding:26px}.club-app .game-banner{padding:30px;min-height:290px}.game-banner>.banner-art{right:20px;width:180px;height:225px}.game-banner .banner-sticker{right:18px;top:20px;font-size:9px}.game-banner h1{max-width:68%;font-size:50px}.game-banner p{max-width:62%;font-size:13px}.club-app .board-layout{grid-template-columns:1fr}.club-app .board-categories{display:grid;grid-template-columns:repeat(2,1fr)}.club-app .board-note{padding:20px 8px 0;margin:0}.club-app .release{grid-template-columns:1fr;gap:17px}.club-app .release-meta{flex-direction:row;align-items:center;flex-wrap:wrap}.club-app .release-meta strong{margin-left:auto}.club-avatar>main{grid-template-columns:1fr;max-width:700px}.club-avatar .stage{min-height:600px}.club-avatar .editor{padding:26px}.club-footer nav{margin-left:0}.club-game #lobby{left:3%;padding:24px}.club-game #lobby h1{font-size:43px}}
@media(max-width:480px){.club-nav .club-brand{font-size:20px;gap:7px}.club-brand .cat-mark{width:24px}.club-nav>.primary{padding:10px 12px;font-size:12px}.club-menu{min-width:42px}.club-nav nav{grid-template-columns:repeat(2,1fr)}.player-adventure{min-height:285px;padding:23px}.player-adventure h1{font-size:43px}.player-adventure p{font-size:12px;max-width:63%}.player-adventure .hero-creature{bottom:65px;height:150px}.player-adventure .journey{max-width:80%;gap:8px}.journey span{font-size:10px}.player-adventure .art-caption{bottom:14px}.club-app .account-card,.club-auth .card{padding:23px}.club-app .game-banner{padding:26px 22px;min-height:270px}.game-banner h1{font-size:40px;max-width:72%;margin-top:38px}.game-banner .eyebrow{font-size:9px;letter-spacing:1px;max-width:65%}.game-banner>.banner-art{right:-13px;bottom:25px;width:140px;height:180px;opacity:.95}.game-banner p{font-size:12px;max-width:68%}.game-banner .banner-sticker{font-size:8px;padding:5px 7px;right:12px;top:17px}.game-banner .banner-action{font-size:12px;padding:11px}.club-app .surface{padding:22px}.club-app .two-cards{grid-template-columns:1fr}.club-app .surface-head{gap:12px}.club-app .surface-head h2{font-size:29px}.club-app .board-categories a{font-size:12px}.club-app .release h2{font-size:22px}.club-app .topic-card h2{font-size:20px}.club-app .topic-meta{gap:9px;font-size:11px}.club-avatar .tabs button{font-size:11px;padding:10px 6px}.club-avatar .outfits{grid-template-columns:1fr 1fr}.club-avatar .outfit{padding:62px 12px 12px}.club-avatar .shirt{top:10px;left:20px}.club-avatar .stage{min-height:560px}.club-avatar .intro h1{font-size:40px}.club-avatar .tools button{padding:10px 12px;font-size:12px}.club-avatar .stage-bottom p{font-size:10px}.club-game #lobby h1{font-size:37px}.club-game .lobby-mascot{width:75px;height:95px;right:16px}.club-game .load-stages{flex-wrap:wrap}.club-game .load-footer{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.club-app *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.powerup-pack{border-top:1px solid #6b597b;margin-top:8px;padding-top:12px;max-width:280px}.powerup-title{font-size:10px;letter-spacing:1px;color:#d7c4f1;font-weight:bold}.powerup-title>span{display:block!important;font-size:10px!important;color:#bab1c9!important;letter-spacing:0;margin-top:3px}.powerup-buttons{display:flex;gap:7px;margin-top:10px}.club-game .powerup-buttons button{font-size:11px;min-height:42px;padding:8px;flex:1;color:#f4ecfc;border:1px solid #8f78aa}.club-game .powerup-buttons button[data-active=true]{opacity:1;background:#4b3b65;color:#edddff;border-color:#bda5ff;cursor:default}.compass-reading{display:flex;gap:12px;align-items:center;margin-top:12px}.compass-dial{width:60px;height:60px;flex:none;border:2px solid #ccad5c;border-radius:50%;background:repeating-conic-gradient(from -1deg,#d3b760 0 2deg,transparent 2deg 45deg);box-shadow:inset 0 0 0 5px #202131;display:grid;place-items:center}.compass-arrow{font-size:42px!important;line-height:1!important;color:#d4ff50!important;font-weight:bold;display:block!important;text-shadow:0 2px 5px #000}.compass-reading p{margin:0;max-width:190px}.compass-reading strong{font-size:12px}.compass-reading small{display:block;font-size:10px!important;line-height:1.5;margin-top:4px}.cloak-reading{font-size:11px;line-height:1.5;color:#e2cbff;margin:10px 0 0}.club-game .radar{max-width:320px}
@media(max-width:700px){.powerup-pack{max-width:220px;padding-top:7px;margin-top:5px}.powerup-title{font-size:9px}.powerup-title>span{display:none!important}.powerup-buttons{margin-top:6px;gap:5px}.club-game .powerup-buttons button{font-size:10px;padding:6px;min-height:42px}.compass-dial{width:42px;height:42px}.compass-arrow{font-size:30px!important}.compass-reading{gap:8px;margin-top:8px}.compass-reading strong{font-size:11px}.cloak-reading{max-width:200px;font-size:10px}.club-game .radar{min-width:0;max-width:235px}.club-game .touch-move{bottom:310px}}
.club-nav>.primary{width:auto;margin:0;display:inline-flex;align-items:center;justify-content:center;line-height:1.4;text-align:center;flex:none}.club-avatar .outfit{min-height:92px}.club-avatar .intro h1{font-size:42px;margin:12px 0}.club-avatar .intro p{font-size:12px;margin:8px 0}
@media(max-width:800px){.club-nav>.primary{margin-left:auto}}
@media(max-width:480px){.game-banner .eyebrow{padding-top:30px;max-width:100%}.game-banner h1{margin-top:16px}.club-avatar .intro h1{font-size:38px}.club-avatar .outfit{min-height:130px}}
.club-game .bottom{align-items:flex-end}.club-game .touch-move{display:none}html[data-touch=true] .club-game .touch-move{display:block;bottom:calc(var(--radar-height,270px) + 30px)}