.sidebar{width:222px;position:fixed;inset:0 auto 0 0;background:#141515;border-right:1px solid var(--line);padding:34px 20px 18px;display:flex;flex-direction:column;z-index:20}.wordmark{font-family:var(--font-display);font-size:48px;line-height:.85;font-weight:800;letter-spacing:5px;text-align:center;display:block;margin-bottom:60px}.wordmark span{display:block;font-family:var(--font-body);font-size:10px;letter-spacing:8px;color:var(--gold);font-weight:700;margin-top:13px;padding-left:4px}.nav-caption{font-size:11px;letter-spacing:1.8px;color:#9a9d9a;padding-left:18px;margin-bottom:14px}.nav{display:flex;align-items:center;gap:13px;background:none;border-radius:5px;width:100%;padding:13px 15px;color:#a8aaa7;margin-bottom:7px;text-align:left;font-size:13px;font-weight:500;min-height:47px;position:relative}.nav>span:first-child{display:flex}.nav:hover{background:#ffffff06;color:#f5f4ef}.nav.active{color:var(--gold);background:#d8b36a10}.nav.active:before{position:absolute;content:"";width:3px;height:20px;background:var(--gold);left:-20px}.nav i{width:5px;height:5px;background:var(--gold);border-radius:50%;margin-left:auto}.sidebar-bottom{margin-top:auto}.club-stamp{padding:26px 12px;margin-bottom:24px;border-bottom:1px solid var(--line)}.club-stamp .eyebrow{font-size:10px;letter-spacing:1.3px}.club-stamp strong{font-family:var(--font-display);font-size:23px;display:block;font-weight:600;margin-top:10px}.club-stamp p{font-size:12px;color:var(--muted)}.mini-line{width:25px;height:2px;background:var(--gold);display:block;margin-top:22px}.build-label{border-top:1px solid var(--line);padding-top:20px;font-size:10px;letter-spacing:1px;display:flex;align-items:center;gap:8px;margin-top:12px;color:#a6aaa6}.build-label>span:last-child{margin-left:auto;color:#9b9f9b}.app-shell{margin-left:222px}.topbar{height:80px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 40px;gap:20px}.breadcrumb{font-size:11px;letter-spacing:1px;color:#a2a5a2}.breadcrumb span{padding:0 13px;color:#858785}.breadcrumb b{font-weight:500;color:#dbddd8}.topbar-right{display:flex;align-items:center;gap:20px}.demo-badge{font-size:10px;letter-spacing:1px;color:#c6b790}.balance-btn{background:#20211f;border:1px solid #ffffff10;display:flex;align-items:center;gap:8px;border-radius:5px;height:39px;padding:0 12px;font-size:12px}.balance-btn strong{font-size:13px}.balance-btn>span:nth-child(3){font-size:10px;color:#b7b7b0}.balance-btn>span:last-child{border-left:1px solid var(--line);padding-left:9px;margin-left:4px}.balance-btn svg{width:14px}.coin{background:var(--gold);color:#171713;font:700 14px var(--font-display);display:inline-flex;border:2px solid #ab8b4c;align-items:center;justify-content:center;border-radius:50%;width:22px;height:22px}.avatar{background:#373429;border:1px solid #8a7651;border-radius:50%;font-size:10px;letter-spacing:1px;width:37px;height:37px}.page{padding:32px 40px 0;max-width:1760px;margin:auto}.page-intro{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.page-intro .eyebrow{font-size:10px;letter-spacing:1.6px}h1{font-size:25px;font-weight:600;letter-spacing:-.6px;line-height:1.4;margin-top:5px}.server-status{font-size:12px;color:#afb3ac;display:flex;align-items:center;gap:7px}.hero{position:relative;min-height:433px;overflow:hidden;border-radius:8px;background:#17191a;border:1px solid #ffffff12}.hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 42%}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#101111ef 0%,#101111c9 30%,#10111114 66%,#10111105),linear-gradient(0deg,#10111177,transparent 35%)}.hero-content{position:relative;z-index:1;padding:36px 36px 28px}.hero-kicker{font-size:10px;letter-spacing:2px;color:#d3bb8d;display:flex;align-items:center;gap:10px}.hero-kicker>span{width:23px;height:1px;background:var(--gold)}.hero h2{font-family:var(--font-display);font-size:clamp(46px,5.25vw,76px);line-height:.98;font-weight:700;letter-spacing:-.8px;margin:21px 0 18px}.hero h2>span{color:var(--gold)}.hero p{font-size:12px;color:#c4c5bf;line-height:1.8}.hero-actions{display:flex;gap:10px;margin-top:23px}.hero-actions .btn{font-size:12px;min-height:43px;padding:10px 16px}.hero-actions .btn svg{width:16px;height:16px}.hero-note{display:flex;align-items:center;gap:6px;font-size:10px;color:#c1c4ba;margin-top:18px}.hero-note svg{width:13px;height:13px}.divider-dot{padding:0 5px}.hero-tag{position:absolute;bottom:32px;right:33px;text-align:right}.hero-tag .eyebrow{font-size:9px;letter-spacing:2px}.hero-tag strong{display:block;font-family:var(--font-display);font-size:30px;color:var(--gold);letter-spacing:2px;line-height:1.2}.concept-label{position:absolute;top:15px;right:17px;font-size:8px;color:#d7d7d2;letter-spacing:1px;opacity:.7}.stats-strip{display:grid;grid-template-columns:repeat(4,1fr);margin:23px 0 32px;background:#171818;border:1px solid var(--line);border-radius:6px;padding:21px 0}.stats-strip>div{padding:0 27px;display:flex;align-items:center;gap:16px;border-right:1px solid var(--line)}.stats-strip>div:last-child{border:0}.stats-strip>div>span{color:var(--gold);display:flex}.stats-strip svg{width:23px;height:23px}.stats-strip .muted{font-size:11px;display:block;margin-bottom:4px}.stats-strip strong{font-size:21px;font-weight:600;line-height:1.2;display:block}.stats-strip small{font-size:10px;font-weight:500;color:#aaa}.stats-strip i{font-style:normal;font-size:16px;color:#555;padding:0 4px}.stats-strip>div:nth-child(2) strong{font-size:16px;letter-spacing:1px}.division-mark{font-family:var(--font-display);font-size:18px;color:var(--gold);margin-left:8px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px;gap:16px}.section-heading h2{font-size:18px;font-weight:600;letter-spacing:-.3px}.section-heading>.muted{font-size:11px}.mode-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.mode-card{text-align:left;border:1px solid #ffffff17;border-radius:6px;background:#191a1a;padding:21px 22px 0;min-width:0;transition:border-color .2s,background .2s}.mode-card:hover{border-color:#d8b36a77;background:#20211f}.mode-card.featured{border-color:#d8b36a60;background:linear-gradient(115deg,#25231b,#191a1a 85%)}.mode-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:23px}.mode-top .pill{font-size:8px;letter-spacing:.6px;padding:3px 6px}.mode-icon{width:39px;height:39px;border-radius:7px;border:1px solid #ffffff1d;background:#252622;display:flex;align-items:center;justify-content:center;color:var(--gold)}.mode-icon svg{width:21px;height:21px}.mode-card h3{font:600 26px/1.1 var(--font-display);letter-spacing:.4px;margin-bottom:8px}.mode-card p{font-size:11px;color:#aeb1a8;line-height:1.7}.mode-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding:13px 0;margin-top:22px;font-size:10px;color:#bfc2b7}.mode-bottom svg{width:16px;height:16px}.mode-bottom .dot{width:5px;height:5px;margin-right:5px}.pill.neutral{color:#afb3aa;border-color:#ffffff1a;background:#ffffff03}.bottom-grid{display:grid;grid-template-columns:1.9fr 1fr;gap:24px;margin-top:34px}.empty-row{display:flex;gap:16px;align-items:center;border-top:1px solid var(--line);padding:25px 0}.empty-row>span{color:#797e72;display:flex}.empty-row strong{font-size:12px;font-weight:500}.empty-row p{font-size:10px;color:#a3a69e;margin-top:4px}.text-btn{background:transparent;color:var(--gold);font-size:11px;white-space:nowrap;margin-left:auto}.text-btn svg{width:15px}.corner-note{border-left:1px solid var(--line);padding-left:29px}.corner-note .eyebrow{font-size:9px}.corner-note p{font-family:var(--font-display);font-size:25px;line-height:1.15;margin:9px 0}.corner-note>.muted{font-size:10px}footer{display:flex;justify-content:space-between;gap:15px;border-top:1px solid var(--line);padding:22px 0;margin-top:20px;font-size:9px;color:#9da299;letter-spacing:.5px}footer i{padding:0 10px;font-style:normal;color:#5d6059}
/* Secondary club pages */
.subhead{margin-bottom:28px}.subhead h1{font-family:var(--font-display);font-size:44px;letter-spacing:0;text-transform:uppercase}.subhead p{color:var(--muted);max-width:600px}.content-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.panel{padding:28px;background:var(--surface);border:1px solid var(--line);border-radius:8px}.panel h2{font-size:20px;margin-bottom:14px}.panel p{color:var(--muted);margin-bottom:20px}.panel label{display:block;font-size:12px;color:#c6c9bf;margin:18px 0 7px}.panel .btn{margin-top:24px}.panel-photo{position:relative;min-height:490px;background:url('./assets/hero.webp') 76% center / cover;border-radius:8px;overflow:hidden}.panel-photo:after{content:"";position:absolute;inset:40% 0 0;background:linear-gradient(transparent,#101111)}.fighter-caption{position:absolute;bottom:30px;left:30px;z-index:1}.fighter-caption h2{font-family:var(--font-display);font-size:48px;line-height:1.1}.attribute{display:flex;justify-content:space-between;margin:19px 0 7px}.attribute-track{height:4px;background:#33372f}.attribute-track i{display:block;background:var(--gold);height:100%}.color-options{display:flex;gap:10px}.color-option{width:48px;height:48px;border:2px solid transparent;border-radius:5px}.color-option[aria-pressed=true]{outline:2px solid var(--gold);outline-offset:3px}.wallet-amount{font-family:var(--font-display);font-size:60px;line-height:1.2;margin:22px 0}.wallet-amount small{font:var(--text-base) var(--font-body);color:var(--gold)}.info-box{background:#d8b36a09;border:1px solid #d8b36a2e;border-radius:5px;padding:16px;color:#d0c7b3;font-size:12px;line-height:1.8}.ledger-row,.rank-row,.history-row{display:flex;align-items:center;gap:18px;padding:18px 0;border-bottom:1px solid var(--line);font-size:13px}.ledger-row>span:last-child,.rank-row>span:last-child{margin-left:auto;color:var(--gold)}.rank-row>strong{min-width:30px;color:var(--gold)}.rank-row .rank-avatar{width:38px;height:38px;background:#30322c;border-radius:50%;display:grid;place-items:center}.rank-row small{display:block;color:var(--muted)}.tab-row{display:flex;gap:8px;margin-bottom:20px}.tab-row button{background:var(--surface-high);border:1px solid var(--line);padding:9px 16px;border-radius:5px}.tab-row button.active{background:var(--gold);color:#171712}.room-code{font:600 44px var(--font-display);letter-spacing:9px;text-align:center;border:1px dashed #d8b36a77;border-radius:6px;background:#d8b36a08;padding:10px;margin:22px 0}.room-status{display:flex;align-items:center;gap:9px;color:var(--muted);margin:16px 0}.room-terms{display:flex;justify-content:space-between;gap:12px;margin:18px 0}.form-error{color:#f1ad97;font-size:12px;min-height:20px;margin-top:10px}.payout{padding:18px;background:#22231e;border-radius:5px;margin:20px 0}.payout>div{display:flex;justify-content:space-between;margin:6px 0;font-size:13px}.payout strong{color:var(--gold)}.select-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.select-row button{padding:15px 8px;background:#252621;border:1px solid #ffffff20;border-radius:5px}.select-row button.active{border-color:var(--gold);color:var(--gold)}
/* Dialogs */
dialog{max-width:520px;width:calc(100% - 32px);max-height:90dvh;overflow:auto;border:1px solid #ffffff28;border-radius:12px;background:#1b1d1b;color:var(--text);padding:25px 28px;box-shadow:0 20px 100px #0009}dialog::backdrop{background:#050606c9;backdrop-filter:blur(5px)}.modal-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.modal-top .icon-btn{width:33px;height:33px}#modal-content h2{font:600 35px/1.1 var(--font-display);margin-bottom:13px;text-transform:uppercase}#modal-content p{font-size:13px;color:#bfc3b9;line-height:1.8;margin-bottom:16px}#modal-content label{display:block;margin:16px 0 7px;font-size:12px;color:var(--muted)}.modal-actions{display:flex;gap:10px;margin-top:24px}.modal-actions>*{flex:1}.controls-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0}.controls-grid>div{padding:10px;background:#262923;border-radius:4px;font-size:12px}kbd{font-family:var(--font-body);font-size:10px;border:1px solid #ffffff35;padding:3px 6px;min-width:22px;text-align:center;display:inline-block;border-radius:3px;margin-right:6px;color:var(--gold)}.toggle-row{display:flex;align-items:center;justify-content:space-between;padding:18px 0;border-bottom:1px solid var(--line);font-size:14px}.toggle{border-radius:15px;background:#494e43;min-width:48px;height:27px;position:relative}.toggle:before{content:"";position:absolute;top:4px;left:4px;width:19px;height:19px;background:#f6f5ee;border-radius:50%;transition:left .2s}.toggle[aria-checked=true]{background:#8b7444}.toggle[aria-checked=true]:before{left:25px}#toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);border:1px solid #d8b36a55;border-radius:7px;background:#292b24;color:#eee9db;z-index:200;padding:13px 22px;max-width:calc(100% - 30px);box-shadow:0 10px 40px #0009;font-size:13px}
/* Combat */
#fight-screen{position:fixed;inset:0;background:#080b0c;z-index:50;overflow:hidden;touch-action:none}#ring{display:block;width:100%;height:100%;position:absolute;inset:0}.fight-top{position:absolute;top:30px;left:40px;right:40px;display:grid;grid-template-columns:1fr 180px 1fr;gap:28px;align-items:start;z-index:2}.fighter-meter{background:#0d1010bb;backdrop-filter:blur(8px);padding:14px 18px;border:1px solid #ffffff18;border-radius:6px}.fighter-meter>span{font-weight:800;font-size:14px;letter-spacing:1px}.fighter-meter small{font-size:9px;letter-spacing:1px;color:#bfc4b9;display:block;margin-top:6px}.fighter-meter small>span{float:right}.health-track{height:8px;background:#ffffff20;margin-top:10px;overflow:hidden}.health-track i{height:100%;display:block;background:var(--gold);transition:width .12s}.stamina-track{height:3px;background:#ffffff17;margin-top:5px}.stamina-track i{height:100%;display:block;background:#bdc6bb;transition:width .1s}.opponent .health-track i{background:#bfc5c7}.opponent{text-align:right}.opponent .health-track i,.opponent .stamina-track i{margin-left:auto}.opponent small{text-align:left}.round-clock{display:flex;align-items:center;flex-direction:column;text-shadow:0 2px 10px #000}.round-clock>span:first-child{font-size:11px;letter-spacing:2px;color:var(--gold)}.round-clock strong{font-family:var(--font-display);font-size:55px;font-weight:600;line-height:1.1}.round-clock>span:last-child{font-size:9px;letter-spacing:1px;color:#d1d5c9}.fight-tools{position:absolute;top:150px;right:40px;display:flex;gap:7px;z-index:5}.fight-tools .icon-btn{background:#0d1010aa}.fight-controls{position:absolute;bottom:65px;left:30px;right:30px;display:flex;justify-content:space-between;gap:16px;z-index:3}.defense-controls,.punch-controls{display:flex;gap:7px}.fight-controls button{background:#0d1010d9;border:1px solid #ffffff30;border-radius:5px;min-height:48px;padding:10px 14px;font-size:12px;touch-action:none;user-select:none}.fight-controls button:active,.fight-controls button.held{background:#d8b36a44;border-color:var(--gold)}.punch-controls button{border-color:#d8b36a55}.fight-bottom{position:absolute;bottom:20px;left:35px;right:35px;display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:1px;gap:10px;color:#b3b9ad}.fight-bottom>span:first-child{font-family:var(--font-display);font-size:23px;font-weight:700}.fight-bottom>span:first-child>span{font-size:15px}#debug{font-size:10px;background:#0a0d0cb0;padding:3px 8px;border-radius:3px;letter-spacing:0}#fight-announcement{position:absolute;top:27%;width:100%;text-align:center;font-family:var(--font-display);font-size:clamp(35px,7vw,90px);font-weight:700;color:#f0d6a3;text-shadow:0 2px 24px #000;pointer-events:none}#combat-feedback{position:absolute;top:48%;left:50%;transform:translateX(-50%);font:600 30px var(--font-display);color:#f5ddad;text-shadow:0 2px 12px #000;pointer-events:none}#fight-overlay{position:absolute;inset:0;z-index:8;background:#080b0cd9;backdrop-filter:blur(9px);display:flex;align-items:center;justify-content:center;text-align:center;padding:25px}.fight-dialog{max-width:500px;width:100%;border:1px solid #d8b36a33;padding:35px;border-radius:10px;background:#171b17eb}.fight-dialog h2{font:700 62px/1 var(--font-display);margin:20px 0;color:var(--gold)}.fight-dialog p{color:#c4cbbb;line-height:1.7}.result-stats{display:flex;justify-content:space-around;gap:10px;margin:25px 0}.result-stats strong{font-family:var(--font-display);font-size:30px;display:block;color:var(--gold)}.result-stats span{font-size:11px;color:#adb7a4}.fight-dialog .btn{margin:6px}.fight-dialog .eyebrow{font-size:11px}.history-row .result-badge{padding:4px 8px;background:#d8b36a15;color:var(--gold);font-size:10px;border-radius:3px}.history-row>span:last-child{margin-left:auto}.history-row small{color:var(--muted)}
@media(min-width:1600px){.hero{min-height:500px}.hero-content{padding:45px}.hero h2{font-size:86px}.page{padding-top:38px}.hero p{font-size:14px}.hero-actions .btn{font-size:14px}.mode-card{padding:26px 26px 0}.mode-card h3{font-size:30px}.mode-card p{font-size:13px}}
@media(max-width:1200px){.sidebar{width:190px;padding-left:16px;padding-right:16px}.app-shell{margin-left:190px}.topbar{padding:0 25px}.page{padding:26px 25px 0}.nav{font-size:12px;padding-left:10px;gap:10px}.nav.active:before{left:-16px}.hero-content{padding:30px}.hero h2{font-size:61px}.hero{min-height:420px}.hero-tag{display:none}.mode-card{padding:17px 15px 0}.mode-card h3{font-size:23px}.mode-top .pill{letter-spacing:0}.stats-strip>div{padding:0 17px;gap:11px}.stats-strip strong{font-size:19px}.mode-grid{gap:12px}.empty-row .text-btn{display:none}.club-stamp{padding-left:8px}.fight-controls button{padding:10px}.fight-controls kbd{display:block;margin:0 auto 3px;width:max-content}}
@media(max-width:900px){.sidebar{width:75px;padding:28px 10px 12px}.wordmark{font-size:23px;letter-spacing:1px;margin-bottom:45px}.wordmark span{font-size:7px;letter-spacing:2px;margin-top:7px;padding:0}.nav-caption,.nav>span:nth-child(2),.nav i,.club-stamp,.build-label{display:none}.nav{justify-content:center;padding:14px 10px}.nav.active:before{left:-10px}.app-shell{margin-left:75px}.hero h2{font-size:58px}.hero-actions .btn{padding:10px 12px;font-size:11px}.hero-content{padding:30px 25px}.hero p{font-size:12px}.hero-img{object-position:61% center}.stats-strip>div{padding:0 14px}.stats-strip>div>span{display:none}.stats-strip strong{font-size:18px}.mode-grid{grid-template-columns:1fr}.mode-card{position:relative;padding:20px;display:grid;grid-template-columns:55px 1fr;gap:5px 15px}.mode-top{margin:0;grid-row:1/3}.mode-top .pill{display:none}.mode-bottom{grid-column:2;margin:0;padding:9px 0 0;border:0}.mode-card h3{font-size:26px}.mode-card p{font-size:12px}.mode-bottom{font-size:11px}.mode-bottom>span:last-child{position:absolute;right:20px;top:25px}.mode-grid{gap:12px}.bottom-grid{grid-template-columns:1fr}.corner-note{display:none}.content-grid{grid-template-columns:1fr}.panel-photo{min-height:370px}.fight-top{left:20px;right:20px;gap:15px;grid-template-columns:1fr 120px 1fr}.fight-tools{right:20px;top:155px}.fight-controls{left:20px;right:20px;gap:9px}.fight-controls button{font-size:10px;padding:9px}.fight-bottom{left:20px;right:20px}}
@media(max-width:600px){body{font-size:14px}.sidebar{inset:auto 0 0;width:100%;height:67px;z-index:30;padding:0 7px;border-right:0;border-top:1px solid #ffffff20;display:block;background:#141515f5;backdrop-filter:blur(10px)}.wordmark,.sidebar-bottom,.nav-caption{display:none}.sidebar nav{display:flex;justify-content:space-between;height:100%}.nav{flex-direction:column;gap:3px;width:20%;padding:9px 2px;margin:0;border-radius:0;min-height:64px}.nav>span:nth-child(2){display:block;font-size:9px}.nav.active:before{left:30%;right:30%;width:auto;top:0;height:2px}.nav svg{width:19px;height:19px}.app-shell{margin-left:0;padding-bottom:67px}.topbar{height:66px;padding:0 18px}.breadcrumb{font-family:var(--font-display);font-size:26px;font-weight:700;letter-spacing:2px}.breadcrumb:before{content:"FLOYD"}.breadcrumb{font-size:0}.breadcrumb:before{font-size:27px}.breadcrumb>*{display:none}.topbar-right{gap:10px}.demo-badge{font-size:8px}.balance-btn{gap:5px;padding:0 8px;height:33px}.balance-btn strong{font-size:11px}.balance-btn>span:nth-child(3){font-size:8px}.balance-btn>span:last-child{display:none}.avatar{width:30px;height:30px;font-size:8px}.page{padding:23px 18px 0}.page-intro{margin-bottom:19px}.page-intro .eyebrow{font-size:8px;letter-spacing:1px}h1{font-size:21px}.server-status{display:none}.hero{min-height:499px;border-radius:6px}.hero-img{object-position:62% center;opacity:.8}.hero-shade{background:linear-gradient(90deg,#101111d9,#10111149 88%),linear-gradient(0deg,#101111fa,transparent 80%)}.hero-content{padding:31px 22px 23px}.hero-kicker{font-size:8px;letter-spacing:1px;gap:7px}.hero-kicker>span{width:15px}.hero h2{font-size:61px;line-height:1;margin-top:24px;margin-bottom:19px}.hero p{font-size:12px;max-width:250px}.hero-actions{flex-direction:column;align-items:flex-start;gap:9px;margin-top:22px}.hero-actions .btn{min-height:43px;font-size:12px;padding:10px 16px}.hero-note{font-size:8px;margin-top:15px;gap:3px}.hero-note svg{width:10px}.concept-label{font-size:6px;top:9px;right:11px}.stats-strip{grid-template-columns:1fr 1fr;padding:0;margin:18px 0 27px}.stats-strip>div{padding:17px 19px;border-bottom:1px solid var(--line);gap:12px}.stats-strip>div:nth-child(2){border-right:0}.stats-strip>div:nth-child(3){border-bottom:0}.stats-strip>div>span{display:block}.stats-strip svg{width:19px}.stats-strip .muted{font-size:10px}.stats-strip strong{font-size:20px}.section-heading h2{font-size:18px}.section-heading>.muted{display:none}.mode-card{padding:19px 16px;grid-template-columns:40px 1fr;gap:5px 13px}.mode-card h3{font-size:23px}.mode-card p{font-size:10px}.mode-bottom{font-size:9px}.mode-top .mode-icon{width:35px;height:35px}.mode-bottom>span:last-child{right:14px;top:20px}.bottom-grid{margin-top:27px}.empty-row strong{font-size:11px}.empty-row p{font-size:10px}.empty-row{padding:18px 0}.activity .pill{font-size:8px}footer{flex-direction:column;font-size:8px;gap:4px;margin-top:12px;padding:19px 0}.subhead h1{font-size:38px}.subhead p{font-size:13px}.panel{padding:22px}.panel h2{font-size:18px}.panel p{font-size:13px}.panel-photo{min-height:320px}.tab-row{gap:6px}.tab-row button{font-size:11px;padding:9px 12px}.fight-top{top:16px;left:12px;right:12px;grid-template-columns:1fr 65px 1fr;gap:7px}.fighter-meter{padding:9px}.fighter-meter>span{font-size:9px;letter-spacing:0}.health-track{height:6px;margin-top:6px}.fighter-meter small{font-size:6px;letter-spacing:0}.round-clock strong{font-size:34px}.round-clock>span:first-child{font-size:7px;letter-spacing:0}.round-clock>span:last-child{font-size:6px;letter-spacing:0}.fight-tools{top:108px;right:12px;gap:5px}.fight-tools .icon-btn{width:34px;height:34px}.fight-tools svg{width:15px}.fight-controls{flex-direction:column;bottom:58px;left:12px;right:12px;gap:8px}.defense-controls,.punch-controls{display:grid;gap:7px}.defense-controls{grid-template-columns:repeat(3,1fr)}.punch-controls{grid-template-columns:repeat(4,1fr)}.fight-controls button{font-size:11px;min-height:47px;padding:7px}.fight-controls kbd{display:none}.fight-bottom{bottom:17px;left:15px;right:15px;font-size:7px;letter-spacing:0}.fight-bottom>span:first-child{font-size:19px}.fight-bottom>span:first-child>span{font-size:10px}#debug{font-size:8px;padding:2px 5px}#fight-announcement{top:29%}#combat-feedback{top:42%;font-size:23px}.fight-dialog{padding:27px 18px}.fight-dialog h2{font-size:53px}.fight-dialog p{font-size:13px}.fight-dialog .btn{font-size:12px;padding:10px 14px}dialog{padding:20px}#modal-content h2{font-size:31px}.modal-actions{flex-direction:column}.room-code{font-size:36px}.select-row button{font-size:12px}.topbar .coin{width:18px;height:18px;font-size:11px}}
/* Keep compact labels readable at every size. */
.nav-caption,.build-label,.club-stamp .eyebrow,.wordmark span,.breadcrumb,.demo-badge,.balance-btn>span:nth-child(3),.page-intro .eyebrow,.hero-kicker,.hero-note,.concept-label,.hero-tag .eyebrow,.stats-strip .muted,.stats-strip small,.section-heading>.muted,.mode-top .pill,.mode-card p,.mode-bottom,.empty-row strong,.empty-row p,.text-btn,.corner-note .eyebrow,.corner-note>.muted,footer,.nav>span:nth-child(2),.activity .pill{font-size:max(12px,1em)}.hero-kicker,.hero-note{font-size:12px}.concept-label{font-size:9px}.mode-top .pill{font-size:10px}.breadcrumb{font-size:11px}.wordmark span{font-size:10px}.mode-card p{font-size:12px}.mode-bottom{font-size:11px}.hero-note{font-size:11px}.mode-card h3{font-size:26px}.nav>span:nth-child(2){font-size:13px}.stats-strip small{font-size:11px}.stats-strip .muted{font-size:12px}.section-heading>.muted{font-size:12px}footer{font-size:10px}.empty-row p{font-size:11px}
@media(max-width:600px){.breadcrumb{font-size:0}.demo-badge{font-size:9px}.nav>span:nth-child(2){font-size:10px}.hero-kicker{font-size:10px}.hero-note{font-size:10px}.hero h2{font-size:59px}.hero{min-height:530px}.concept-label{font-size:8px}.page-intro .eyebrow{font-size:10px}.mode-card h3{font-size:23px}.mode-card p{font-size:11px}.mode-bottom{font-size:10px}.balance-btn>span:nth-child(3){font-size:9px}.mode-bottom .divider-dot{padding:0 3px}.build-label,footer{font-size:10px}}
.fight-dialog{background:linear-gradient(#151a15e8,#151a15f5),url('./assets/hero.webp') 72% center / cover}
.color-option{border-color:#ffffff35}
.panel .section-heading>.muted{display:inline;font-size:12px}
.concept-label,.mode-top .pill,.mode-bottom,.hero-note,.breadcrumb,.wordmark span,.stats-strip small,.empty-row p,footer,.hero-tag .eyebrow,.build-label,.hero p,.mode-card p,.text-btn{font-size:12px}
.nav-caption,.club-stamp .eyebrow{font-size:12px;letter-spacing:1px}.club-stamp strong{font-size:24px}
.fight-bottom,#debug,.round-clock>span,.fighter-meter small,kbd{font-size:12px!important}.fight-top .round-clock>span:last-child{letter-spacing:.3px}.fighter-meter small{letter-spacing:0}
@media(max-width:600px){.breadcrumb{font-size:0}.demo-badge,.nav>span:nth-child(2),.hero-kicker,.hero-note,.concept-label,.page-intro .eyebrow,.mode-card p,.mode-bottom,.balance-btn>span:nth-child(3),footer{font-size:12px}.hero-kicker{letter-spacing:.3px}.hero-content{padding-left:18px;padding-right:18px}.hero-kicker>span{display:none}.hero-note{flex-wrap:wrap}.concept-label{font-size:10px}.hero h2{font-size:57px}.hero p{font-size:13px}.mode-card h3{font-size:22px}.mode-bottom{padding-right:0}.mode-bottom>span:last-child{display:none}.topbar-right{gap:7px}.balance-btn>span:nth-child(3){display:none}.fighter-meter small{font-size:10px!important}.fighter-meter>span{font-size:11px}.round-clock>span{font-size:10px!important}.round-clock>span:last-child{display:none}.fight-bottom{gap:5px}.fight-bottom>span:first-child{font-size:17px}.fight-bottom>span:first-child>span{display:none}.fight-bottom #fight-stake{max-width:145px;text-align:right;font-size:10px}.fight-bottom #debug{font-size:10px!important}.hero-note .divider-dot{padding:0 1px}.hero-note{gap:4px}.hero{min-height:550px}.nav>span:nth-child(2){font-size:11px}.hero-actions .btn{min-height:44px;font-size:13px}.hero-actions .btn.secondary{font-size:12px}}