@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=Barlow:wght@400;500;600;700;800&display=swap');
:root{--lime:#c9ff64;--ink:#0d1816;--soft:#bac4bb;--line:rgba(255,255,255,.15);--display:'Barlow Condensed','Arial Narrow',Impact,sans-serif;--body:'Barlow',Arial,sans-serif}*{box-sizing:border-box}body{margin:0;background:#0e1b19;color:#fff;font-family:var(--body);overflow:hidden}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.5;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--lime);outline-offset:4px}button{transition:background .2s,transform .2s,border-color .2s}button:hover{filter:brightness(1.1)}button:active{transform:translateY(1px)}a{color:inherit;text-decoration:none}#stadium,#vignette{position:fixed;inset:0;width:100%;height:100%}#vignette{pointer-events:none;background:linear-gradient(90deg,rgba(8,19,17,.95),rgba(8,19,17,.82) 29%,rgba(8,19,17,.24) 63%,rgba(8,19,17,.05)),linear-gradient(0deg,rgba(4,14,12,.98),transparent 37%,transparent 75%,rgba(4,14,12,.7));transition:opacity .5s}.playing #vignette{opacity:0}.hidden{display:none!important}#topbar{height:100px;position:relative;z-index:2;margin:0 4%;display:flex;align-items:center;border-bottom:1px solid var(--line);gap:6%}#brand{display:flex;align-items:center;font-family:var(--display);font-size:30px;font-weight:800;letter-spacing:1px;white-space:nowrap;gap:10px}.brand-icon{display:inline-flex;align-items:center;justify-content:center;background:var(--lime);color:var(--ink);width:35px;height:39px;font-size:35px;clip-path:polygon(0 0,100% 0,100% 78%,50% 100%,0 78%);padding-bottom:5px}.brand-year{font-size:14px;color:var(--lime);align-self:flex-start;margin-top:10px;margin-left:-5px}nav{display:flex;height:100%;gap:36px}.nav-item{color:#bcc5bc;background:none;border:0;padding:0;position:relative;font-weight:600;font-size:14px}.nav-item.active{color:white}.nav-item.active:after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:3px;background:var(--lime)}.header-right{margin-left:auto;display:flex;align-items:center;gap:25px}.edition{font-size:10px;letter-spacing:1.8px;white-space:nowrap;color:#d2dccf}.edition i,.live-dot{display:inline-block;width:6px;height:6px;background:var(--lime);border-radius:50%;margin-right:8px;box-shadow:0 0 10px #c9ff6470}.icon-button{background:#ffffff09;border:1px solid var(--line);color:white;width:38px;height:38px;border-radius:50%;font-size:20px}.screen{position:relative;z-index:1}.hero-copy{position:absolute;top:6vh;left:5%;width:500px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2.8px;color:var(--lime);display:flex;align-items:center;gap:10px}.eyebrow span{display:inline-block;height:1px;width:25px;background:var(--lime)}h1{font-family:var(--display);font-size:clamp(60px,6.4vw,104px);font-weight:800;font-style:italic;letter-spacing:-1.9px;line-height:.91;margin:24px 0 20px}h1 em{color:var(--lime);font-style:inherit}.hero-copy p{font-size:15px;color:#bfcac0;line-height:1.6;margin:0 0 27px}.primary-button{border:0;background:var(--lime);color:#142019;font-weight:800;letter-spacing:1px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px 24px;font-size:13px}.primary-button.large{min-width:354px;text-align:left;padding:20px 23px}.large>span:nth-child(2){font-family:var(--display);font-size:26px;font-weight:800;letter-spacing:.6px}.primary-button small{display:block;font-family:var(--body);font-size:11px;font-weight:500;letter-spacing:0;margin-top:4px}.play-icon{font-size:19px}.arrow{font-size:24px;font-weight:400;margin-left:auto}.text-button{padding:20px 0 5px;border:0;background:none;font-size:12px;color:#dee7db;font-weight:600}.text-button span{margin-left:18px}.hero-label{position:fixed;bottom:27%;right:5%;text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:12px}.mini-tag{font-size:9px;letter-spacing:2px;font-weight:700;border:1px solid #ffffff50;padding:7px 10px;color:#d4dfcc}.hero-label strong{font-family:var(--display);font-size:33px;font-style:italic;line-height:1.03;font-weight:600;letter-spacing:.3px;text-shadow:0 1px 10px #0009}.hero-label>span:last-child{color:#c4ccbd;font-size:10px}.home-bottom{position:fixed;left:5%;right:5%;bottom:94px;display:flex;align-items:flex-end;gap:20px}.mode-card{width:320px;min-height:115px;text-align:left;padding:20px 23px;background:linear-gradient(125deg,#ffffff0d,#ffffff03);color:white;border:1px solid var(--line);backdrop-filter:blur(12px)}.mode-card:hover{border-color:#c9ff6470;background:#ffffff12}.card-number{font-size:9px;letter-spacing:1.8px;color:#9cab9d}.mode-card strong{display:block;font-size:18px;font-weight:600;margin:13px 0 8px}.mode-card strong span{float:right;color:var(--lime)}.mode-card p{font-size:11px;color:#aab9ac;margin:0}.build-stamp{margin-left:auto;font-size:9px;letter-spacing:1.3px;padding-bottom:3px}.build-stamp small{display:block;font-size:10px;letter-spacing:0;color:#95a499;margin-top:10px;text-align:right}#music-player{position:fixed;bottom:0;left:4%;right:4%;z-index:4;height:68px;display:flex;align-items:center;border-top:1px solid var(--line);gap:12px}#music-toggle{width:34px;height:34px;border:1px solid #60715d;background:transparent;color:var(--lime);font-size:21px}#music-player div>span{display:block;font-size:9px;font-weight:700;letter-spacing:1.5px}#music-player small{display:block;font-size:10px;color:#96a994;margin-top:4px}#next-track{border:0;background:none;color:#899d87;font-size:21px;margin-left:15px}.equalizer{margin-left:auto;display:flex;align-items:center;gap:3px;height:18px}.equalizer i{background:#8dab83;width:2px;height:4px}.music-on .equalizer i{animation:equalize .7s infinite alternate}.music-on .equalizer i:nth-child(2){animation-delay:.2s}.music-on .equalizer i:nth-child(3){animation-delay:.5s}.music-on .equalizer i:nth-child(4){animation-delay:.3s}@keyframes equalize{to{height:17px;background:var(--lime)}}#loading{position:fixed;inset:0;background:#111e18;z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}#loading strong{font-family:var(--display);font-size:50px;font-style:italic}#loading small{color:#a9bba4}#loading .brand-icon{width:60px;height:70px;font-size:60px}#toast{position:fixed;z-index:50;bottom:88px;left:50%;transform:translate(-50%,15px);background:var(--lime);color:#172119;padding:13px 22px;opacity:0;pointer-events:none;font-size:13px;font-weight:600;transition:.2s;max-width:90vw;text-align:center}#toast.visible{opacity:1;transform:translate(-50%,0)}
/* Club studio */
.editor-pane{position:absolute;top:35px;left:5%;width:420px;max-height:calc(100dvh - 218px);overflow:auto;padding-right:14px;scrollbar-width:thin;scrollbar-color:#7a9764 #ffffff10}h2{font-family:var(--display);font-size:50px;line-height:1;font-style:italic;margin:12px 0 22px;font-weight:800}h2 span{color:var(--lime)}.editor-topline{display:flex;gap:15px;align-items:center}.editor-topline select{flex:1;min-width:0}.quiet-button{border:0;background:none;color:#a4b5a2;font-size:11px;white-space:nowrap}.editor-tabs{display:flex;border-bottom:1px solid var(--line);margin:23px 0 20px;gap:30px}.editor-tabs button{border:0;background:transparent;color:#8fa18e;font-size:13px;padding:0 0 12px}.editor-tabs button.active{color:var(--lime);border-bottom:2px solid var(--lime)}label{display:flex;flex-direction:column;font-size:11px;font-weight:600;color:#b0bdaa;gap:8px}input,select{height:42px;border:1px solid #62705f70;background:#15221de8;color:#f3f5ed;padding:0 12px;border-radius:0;min-width:0;max-width:100%}select{color-scheme:dark;font-size:13px}input:focus,select:focus{border-color:var(--lime);outline:none}.editor-fields{display:flex;flex-direction:column;gap:16px}.form-row{display:flex;gap:14px}.form-row label{flex:1;min-width:0}.form-row .short-field{flex:0 0 67px}.color-fields{display:flex;gap:20px}.color-fields label{flex:1}.color-fields input{width:100%;height:45px;padding:5px;cursor:pointer}.editor-save{display:flex;align-items:center;gap:16px;margin-top:25px}.editor-save .primary-button{padding:15px 18px;font-size:11px;white-space:nowrap}.editor-save>span{color:#96ab8c;font-size:10px}.local-note{color:#869780;font-size:10px;line-height:1.5;margin-top:16px}.preview-caption{position:fixed;bottom:135px;right:8%;text-align:right}.preview-caption h3{font-family:var(--display);font-size:48px;text-transform:uppercase;font-style:italic;margin:18px 0 6px}.preview-caption p{color:#c2cfb5;font-size:12px}
/* Dialogs */
.modal-backdrop{position:fixed;inset:0;z-index:20;background:#03110dcc;backdrop-filter:blur(13px);display:flex;align-items:center;justify-content:center;padding:25px}.modal{position:relative;background:linear-gradient(135deg,#203026,#111f19);border:1px solid #65725b70;width:680px;max-width:100%;max-height:90dvh;overflow:auto;padding:38px 40px;box-shadow:0 20px 90px #0008}.close-modal{position:absolute;top:15px;right:16px;width:30px;height:30px;background:none;border:1px solid #63715c;color:#dfe5d5;font-size:23px}.modal h2{font-size:47px}.modal p{color:#aebb9f;font-size:13px;line-height:1.7}.matchup{display:flex;align-items:center;justify-content:center;gap:25px;margin:25px 0}.team-choice{display:flex;flex-direction:column;align-items:center;gap:15px;flex:1;min-width:0}.team-choice select{width:100%;font-size:12px}.team-badge{width:95px;height:110px;background:var(--team-color);border:5px solid var(--team-secondary);clip-path:polygon(0 0,100% 0,100% 73%,50% 100%,0 73%);display:flex;align-items:center;justify-content:center;font-size:55px;box-shadow:0 0 0 2px white}.team-choice small{color:#a3b495;font-size:10px;letter-spacing:2px}.versus{font-family:var(--display);font-size:27px;color:#839077;font-style:italic}.match-options{display:flex;gap:18px;margin:24px 0}.match-options label{flex:1}.modal-actions{display:flex;gap:14px;margin-top:26px}.modal-actions>*{flex:1;justify-content:center}.secondary-button{border:1px solid #758363;background:transparent;color:#e2ebd9;padding:15px 20px;font-weight:600;font-size:12px}.control-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 27px;margin:25px 0}.control-row{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #53624c60;padding:13px 0;font-size:13px;color:#c4d1b8}kbd{background:#243529;border:1px solid #53614a;padding:4px 7px;font-family:var(--body);font-size:10px;color:#e6ebdd;border-radius:2px}.help-note{background:#c9ff6410;border-left:2px solid var(--lime);padding:12px 15px!important;font-size:12px!important}.settings-row{padding:17px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:14px}.settings-row input[type=range]{width:190px;padding:0;accent-color:var(--lime);border:0;background:none}.settings-row input[type=checkbox]{width:20px;height:20px;accent-color:var(--lime)}.final-score{font-family:var(--display);font-size:75px;line-height:1.2;text-align:center;font-weight:700}.result-names{display:flex;justify-content:space-between;color:#c6d5b7;font-size:12px;gap:15px}.stat-row{display:flex;justify-content:space-between;align-items:center;margin:0;padding:13px 0;border-bottom:1px solid var(--line);font-size:13px;color:#acbc9b}.stat-row span{font-size:10px;letter-spacing:1.5px;text-transform:uppercase}.stat-row b{color:#eef3e6;min-width:40px;text-align:center}
/* Match HUD */
.playing #topbar,.playing #music-player{display:none}
@media(min-height:900px){.hero-copy{top:5.5vh}.home-bottom{bottom:110px}.mode-card{min-height:132px}.hero-label{bottom:30%}}
@media(max-height:850px) and (min-width:800px){#topbar{height:78px}.hero-copy{top:4vh}h1{font-size:70px;margin:18px 0}.hero-copy p{font-size:13px;margin-bottom:18px}.primary-button.large{padding:15px 20px}.home-bottom{bottom:83px}.mode-card{min-height:96px;padding:15px 20px}.mode-card strong{margin:10px 0 6px}.hero-label{bottom:29%}.editor-pane{top:25px;max-height:calc(100dvh - 180px)}.editor-pane h2{font-size:40px;margin-bottom:16px}.editor-fields{gap:11px}.editor-tabs{margin:17px 0 15px}.editor-save{margin-top:18px}.color-fields input{height:36px}}
@media(max-width:1000px){.hero-label{display:none}.build-stamp{display:none}#topbar{gap:6%}.edition{display:none}.hero-copy{width:450px}.home-bottom{gap:15px}.mode-card{width:300px}.editor-pane{width:370px}.preview-caption{right:4%}.preview-caption h3{font-size:37px}}
@media(max-width:700px){#topbar{height:77px;margin:0 6%;gap:15px}#brand{font-size:24px;gap:7px}.brand-icon{width:28px;height:34px;font-size:29px}.brand-year{font-size:10px}.header-right{gap:0}nav{gap:18px;margin-left:auto}.nav-item{font-size:11px}.nav-item[data-page=help]{display:none}.icon-button{width:30px;height:30px;font-size:17px}#vignette{background:linear-gradient(90deg,#0b1a16eb,#0b1a1680),linear-gradient(0deg,#071510 10%,transparent 70%)}.hero-copy{left:7%;top:6vh;width:90%}.eyebrow{font-size:9px;letter-spacing:1.8px}h1{font-size:clamp(58px,12vw,80px);line-height:.94;margin:22px 0 18px}.hero-copy p{font-size:13px;margin-bottom:23px}.primary-button.large{min-width:0;width:300px;padding:16px 20px}.large>span:nth-child(2){font-size:23px}.home-bottom{left:7%;right:7%;bottom:88px}.mode-card{width:100%;padding:14px 17px;min-height:89px}.mode-card strong{font-size:15px;margin:10px 0 5px}.mode-card p{font-size:10px}.mode-card:nth-child(2){display:none}#music-player{left:7%;right:7%;height:64px}.editor-pane{top:24px;left:7%;width:86%;max-height:calc(100dvh - 180px);background:#0d1c17bf;padding:15px}.preview-caption{display:none}.modal{padding:30px 23px}.modal h2{font-size:39px}.modal-backdrop{padding:16px}.matchup{gap:12px}.team-badge{width:70px;height:83px;font-size:40px}.team-choice select{font-size:11px;padding:0 7px}.match-options{gap:12px}.control-grid{gap:0 15px}.control-row{font-size:11px}.settings-row{font-size:12px}.settings-row input[type=range]{width:135px}.modal-actions .primary-button,.modal-actions .secondary-button{font-size:10px;padding:14px 15px}}
@media(max-height:600px){#topbar{height:63px}.hero-copy{top:22px}h1{font-size:54px;margin:15px 0}.hero-copy p{font-size:11px;margin-bottom:16px}.eyebrow{font-size:8px}.primary-button.large{padding:11px 18px;width:290px;min-width:290px}.primary-button.large span:nth-child(2){font-size:22px}.home-bottom{left:auto;right:5%;bottom:80px}.mode-card{width:270px}.mode-card:nth-child(2){display:none}.hero-copy .text-button{padding-top:12px}.editor-pane{max-height:calc(100dvh - 147px);top:15px}.hero-label{display:none}.preview-caption{bottom:90px}#music-player{height:55px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}

/* Geometric action marks stay crisp across system font fallbacks. */
.primary-button .arrow{font-size:0;display:none}.primary-button:after{content:'';width:12px;height:12px;border-top:1.5px solid currentColor;border-right:1.5px solid currentColor;transform:rotate(0deg);flex-shrink:0;margin-left:5px}.primary-button .play-icon{font-size:0;width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:9px solid #142019;display:inline-block}.mode-card strong span{font-size:0;width:9px;height:9px;border-top:1px solid var(--lime);border-right:1px solid var(--lime);margin-top:4px}.hero-copy .text-button{position:relative;z-index:2}.primary-button>span:last-child:not(:first-child):not(.play-icon):not(.arrow){font-family:var(--body)}

.primary-button.large>span:nth-child(2){font-family:var(--display)}#music-toggle{font-family:Arial,sans-serif}

@media(max-height:600px) and (min-width:700px){#topbar{height:55px}.hero-copy{top:16px}h1{font-size:42px;line-height:.91;margin:12px 0}.hero-copy p{font-size:10px;line-height:1.4;margin-bottom:12px}.primary-button.large{height:55px;padding:9px 18px}.primary-button.large>span:nth-child(2){font-size:21px}.primary-button.large small{font-size:9px;margin-top:2px}.hero-copy .text-button{padding-top:9px;font-size:10px}.home-bottom{bottom:73px}.mode-card{min-height:86px;padding:12px 17px}.mode-card p{font-size:9px}.mode-card strong{font-size:15px}.eyebrow{font-size:8px}}

/* Footwork update: live studio and match controls. */
.quick-options{display:flex;align-items:center;width:354px;gap:22px}.rule-switch{display:flex;flex-direction:row;align-items:center;gap:7px;font-size:10px;white-space:nowrap;margin-top:14px;color:#c1ceb7;cursor:pointer}.rule-switch input{position:absolute;opacity:0;width:1px;height:1px}.rule-switch span{width:28px;height:15px;border:1px solid #789365;border-radius:12px;position:relative;background:#12251a}.rule-switch span:after{content:'';width:9px;height:9px;background:#829773;border-radius:50%;position:absolute;top:2px;left:3px;transition:.2s}.rule-switch input:checked+span{background:var(--lime);border-color:var(--lime)}.rule-switch input:checked+span:after{left:14px;background:#243622}.rule-switch input:focus-visible+span{outline:2px solid white;outline-offset:3px}.studio-open #vignette{opacity:0}.studio-open .editor-pane{width:34%;top:28px;left:4%;max-height:calc(100dvh - 205px)}.studio-open #music-player{background:#0c1814}.editor-tabs{gap:22px}.editor-tabs button{font-size:12px}#studio-stage{position:fixed;left:41%;right:3%;top:125px;bottom:194px;border:1px solid #a4b48b38;min-height:220px;overflow:hidden;pointer-events:none}.studio-toolbar{position:absolute;left:18px;right:18px;top:16px;display:flex;align-items:center;justify-content:space-between;gap:10px;pointer-events:auto}.studio-toolbar button{background:#15271ce6;border:1px solid #849e5c50;color:#c3d4b5;font-size:10px;font-weight:700;padding:12px 14px}.studio-toolbar button.active{background:var(--lime);color:#142419}.studio-toolbar select{height:36px;font-size:11px;max-width:120px}.studio-caption{position:absolute;left:24px;right:24px;bottom:19px;display:flex;justify-content:space-between;align-items:flex-end;gap:12px;text-shadow:0 2px 10px #07140e}.studio-caption h3{font-family:var(--display);font-size:35px;margin:12px 0 4px;font-style:italic;text-transform:uppercase}.studio-caption p{font-size:11px;color:#ced9c4;margin:0}.rotate-controls{display:flex;gap:8px;pointer-events:auto}.rotate-controls button{width:37px;height:37px;background:#12291fdc;border:1px solid #b5cf9040;color:#eff6df;font-size:21px}#studio-roster{position:fixed;left:41%;right:3%;bottom:92px;display:grid;grid-template-columns:repeat(11,minmax(0,1fr));gap:5px}.roster-horse{border:1px solid #74866545;background:#16251b;color:#c2cfb3;padding:10px 3px;min-width:0;text-align:center}.roster-horse.selected{border-color:var(--lime);background:#2a3a20}.roster-horse b{display:block;font-family:var(--display);font-size:23px;color:var(--lime);font-weight:600}.roster-horse span{display:block;font-size:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:4px 0}.roster-horse small{font-size:7px;color:#91a080}.physique-fields{display:flex;gap:20px}.physique-fields label{flex:1}.physique-fields output{color:var(--lime);font-size:18px}.physique-fields input,.attribute-row input{width:100%;height:15px;accent-color:var(--lime);padding:0;border:0;background:none;cursor:pointer}.creator-tip{font-size:10px;line-height:1.55;color:#91a484;margin:0 0 6px}.attribute-row{display:grid;grid-template-columns:95px 1fr 25px;gap:10px;align-items:center;margin-bottom:11px}.attribute-row label{font-size:11px}.attribute-row output{font-family:var(--display);font-size:18px;color:#e5efd7;text-align:right}.talent-card{display:flex;justify-content:space-between;align-items:center;background:#c9ff640b;border:1px solid #a4b48b38;padding:13px}.talent-card small{font-size:8px;letter-spacing:1.3px;color:#b7cda3}.talent-card strong{display:block;color:var(--lime);font-family:Arial,sans-serif;font-size:19px;letter-spacing:3px;margin-top:5px}.talent-card button{font-size:9px;padding:10px 12px}#unlocked-skills{font-size:11px;line-height:1.6;color:#c2d2b1;margin:0}.studio-open .editor-save{position:sticky;bottom:-1px;background:#101e16f5;padding:14px 0 8px;margin-top:15px;border-top:1px solid #74866545}.studio-open .local-note{font-size:9px}.control-reference{display:grid;grid-template-columns:1fr 1fr;gap:14px}.control-reference .control-grid{display:block;margin:5px 0}.control-reference h3{font-size:10px;letter-spacing:2px;color:var(--lime);margin:14px 0 4px}.skill-reference{display:flex;flex-wrap:wrap;gap:8px;margin:15px 0}.skill-reference span{border:1px solid #71876260;padding:8px;font-size:10px;color:#ccddbb}.match-rules{display:flex;justify-content:space-between;align-items:center;border:1px solid #78985e50;padding:12px 15px;margin-top:15px}.match-rules label{display:flex;flex-direction:row;align-items:center;gap:12px;color:#e6efdc;font-size:12px}.match-rules input{width:18px;height:18px;accent-color:var(--lime)}.match-rules small{color:#a4b699;font-size:10px}.talent-unlock{background:#c9ff6416;border:1px solid #c9ff6440;color:var(--lime)!important;padding:13px 16px;font-size:12px!important}.help-modal{width:820px}
@media(max-width:1000px){.studio-open .editor-pane{width:36%;left:3%;padding-right:8px}.studio-open .editor-pane h2{font-size:37px}.editor-tabs{gap:14px}.editor-tabs button{font-size:10px}#studio-stage{left:42%;right:2%}#studio-roster{left:42%;right:2%;grid-template-columns:repeat(6,1fr);bottom:84px;gap:3px}.roster-horse{padding:5px 2px}.roster-horse b{font-size:17px}.roster-horse span{margin:2px 0}#studio-stage{bottom:225px}.attribute-row{grid-template-columns:78px 1fr 23px;gap:6px}.studio-caption h3{font-size:28px}.studio-toolbar button{padding:10px;font-size:9px}.studio-toolbar{left:10px;right:10px}}
@media(max-width:700px){.quick-options{width:100%;max-width:335px;gap:14px}.rule-switch{font-size:9px}.studio-open #topbar{height:65px}.studio-open .editor-pane{left:5%;width:90%;top:calc(31dvh + 145px);max-height:calc(69dvh - 225px);padding:12px 8px 4px;background:#0d1b15}.studio-open .editor-pane>.eyebrow,.studio-open .editor-pane>h2{display:none}.studio-open .editor-topline{gap:12px}.studio-open .editor-topline select{height:35px}.studio-open .editor-tabs{margin:13px 0}.studio-open .editor-tabs button{font-size:11px}#studio-stage{top:78px;left:5%;right:5%;height:31dvh;min-height:165px;bottom:auto}.studio-toolbar{top:8px;left:8px;right:8px}.studio-toolbar button{padding:7px 8px;font-size:8px}.studio-toolbar select{height:28px;font-size:9px;max-width:86px}.studio-caption{left:12px;right:12px;bottom:10px}.studio-caption .mini-tag{display:none}.studio-caption h3{font-size:24px;margin:0 0 3px}.studio-caption p{font-size:8px}.rotate-controls button{width:28px;height:28px;font-size:16px}#studio-roster{left:5%;right:5%;top:calc(31dvh + 86px);bottom:auto;grid-template-columns:repeat(11,minmax(0,1fr));gap:3px}.roster-horse{padding:4px 1px}.roster-horse b{font-size:17px}.roster-horse span{display:none}.roster-horse small{font-size:6px}.studio-open .editor-fields{gap:11px}.studio-open .form-row input,.studio-open label input,.studio-open label select{height:35px}.studio-open label input[type=range]{height:16px}.studio-open .color-fields input{height:32px}.studio-open .editor-save{padding:11px 0 5px;margin-top:15px}.studio-open .editor-save button{padding:12px 14px}.studio-open .local-note{display:none}.control-reference{grid-template-columns:1fr}.control-reference .control-grid{display:grid;grid-template-columns:1fr 1fr}.control-reference .control-row{font-size:10px}.control-reference kbd{font-size:8px;padding:4px}.skill-reference span{font-size:9px}.match-rules{gap:10px}.match-rules small{max-width:130px;text-align:right}}
@media(max-height:600px) and (min-width:700px){#studio-stage{top:70px;bottom:115px;min-height:150px}#studio-roster{bottom:58px;grid-template-columns:repeat(11,minmax(0,1fr))}.roster-horse span{display:none}.roster-horse b{font-size:16px}.studio-open .editor-pane{top:16px;max-height:calc(100dvh - 132px)}.studio-open .editor-pane>h2{font-size:29px;margin:8px 0}.studio-open .editor-pane>.eyebrow{display:none}.studio-caption h3{font-size:24px}.studio-caption .mini-tag{display:none}.studio-toolbar{top:8px}.studio-toolbar button{padding:8px}.studio-caption{bottom:12px}.rule-switch{margin-top:6px;font-size:8px}.quick-options{width:300px;gap:12px}}

#attribute-fields{display:grid;grid-template-columns:1fr 1fr;gap:8px 18px}.attribute-row{grid-template-columns:1fr 28px;gap:7px;margin:0}.attribute-row label{grid-column:1;font-size:10px}.attribute-row input{grid-row:2;grid-column:1 / 3}.attribute-row output{grid-column:2;grid-row:1;font-size:16px}.talent-card{margin-top:6px}.studio-open .editor-pane{scrollbar-width:thin}.studio-open #unlocked-skills{font-size:10px}@media(max-width:700px){.studio-open .editor-pane{position:fixed}#attribute-fields{gap:7px 18px}}
.rule-switch{position:relative}.rule-switch input{left:0;top:50%;transform:translateY(-50%);width:28px;height:20px;z-index:1;cursor:pointer}.rule-switch span{pointer-events:none}

@media(max-width:400px){.hero-copy .primary-button.large{width:min(100%,300px);min-width:0}.hero-copy{left:6%;width:88%}.quick-options{gap:10px}.quick-options .text-button{font-size:10px}.quick-options .text-button span{margin-left:6px}}
@media(max-width:700px) and (max-height:650px){
  .studio-open{--studio-height:clamp(145px,29dvh,185px)}
  .studio-open #music-player{display:none}
  .studio-open #studio-stage{top:70px;height:var(--studio-height);min-height:0}
  .studio-open #studio-roster{top:calc(78px + var(--studio-height))}
  .studio-open .editor-pane{top:calc(130px + var(--studio-height));max-height:calc(100dvh - var(--studio-height) - 142px);padding-top:7px}
  .studio-open .editor-topline select{height:30px}
  .studio-open .editor-tabs{margin:10px 0}
  .studio-open .editor-save{padding:8px 0 4px}
  .studio-open .editor-save button{padding:10px 12px;font-size:10px}
}
@media(min-width:701px) and (max-height:550px){
  .studio-open #music-player{display:none}
  .studio-open .editor-pane{max-height:calc(100dvh - 80px);top:12px}
  .studio-open .editor-pane>h2{display:none}
  .studio-open #studio-stage{bottom:80px}
  .studio-open #studio-roster{bottom:16px}
}