:root{--bg:#0d0f12;--panel:#15181d;--panel2:#1b1f25;--border:#2a3038;--text:#eceff3;--muted:#9ba4b0;--accent:#d4a24c;--danger:#c75a5a}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;font-size:15px}a{color:inherit}.app-shell{min-height:100vh;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 24px;background:#111419;border-bottom:1px solid var(--border)}.brand{font-weight:800;letter-spacing:.14em;color:var(--accent);font-size:20px}.subtle,.page-head p,small{color:var(--muted)}.top-stats{display:flex;gap:26px}.top-stats div{display:flex;flex-direction:column;align-items:flex-end}.top-stats span{font-size:11px;text-transform:uppercase;color:var(--muted)}.app-body{display:grid;grid-template-columns:180px minmax(0,1fr) 220px;flex:1}.sidebar{background:#111419;padding:20px;border-right:1px solid var(--border)}.rightbar{border-right:0;border-left:1px solid var(--border)}.nav-list{display:flex;flex-direction:column;gap:6px}.nav-link,.logout{padding:11px 12px;text-decoration:none;border-radius:5px;color:#cfd5dc}.nav-link:hover,.nav-link.active{background:var(--panel2);color:#fff}.nav-link.active{border-left:3px solid var(--accent)}.logout{display:block;margin-top:28px;color:#b7bdc5}.content{padding:26px;min-width:0}.content.loading{opacity:.55}.footer{padding:12px 24px;border-top:1px solid var(--border);background:#111419;color:var(--muted);font-size:12px;text-align:center}.page-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:18px}.page-head h1{margin:0 0 4px;font-size:26px}.page-head p{margin:0}.cards{display:grid;gap:14px;margin-bottom:16px}.cards.three{grid-template-columns:repeat(3,minmax(0,1fr))}.cards.two{grid-template-columns:repeat(2,minmax(0,1fr))}.card,.panel{background:var(--panel);border:1px solid var(--border);border-radius:7px;padding:18px}.card{display:flex;flex-direction:column;gap:10px}.eyebrow{text-transform:uppercase;font-size:11px;color:var(--muted);letter-spacing:.08em}.big{font-size:28px}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.stat-grid div{background:var(--panel2);padding:14px;border-radius:5px;display:flex;flex-direction:column;gap:5px}.mini-stats{display:grid;gap:8px;margin:0 0 22px}.mini-stats div{display:flex;justify-content:space-between;gap:12px;padding-bottom:7px;border-bottom:1px solid #222831}.mini-stats dt{color:var(--muted)}.mini-stats dd{margin:0;font-weight:bold}.sidebar h3{font-size:12px;text-transform:uppercase;color:var(--muted);letter-spacing:.08em;margin:0 0 10px}.notice{color:#d7dde4}label{display:flex;flex-direction:column;gap:6px;color:var(--muted);font-size:12px}input,select,button{font:inherit}input,select{width:100%;background:#0f1216;color:var(--text);border:1px solid var(--border);border-radius:5px;padding:10px}button{border:0;border-radius:5px;padding:10px 12px;background:var(--accent);color:#18130a;font-weight:700;cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}.ajax-form{display:grid;gap:10px;margin-top:auto}.maxed{padding:10px;background:#20252c;color:var(--muted);border-radius:5px;text-align:center;font-weight:bold}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:11px 10px;border-bottom:1px solid var(--border);white-space:nowrap}th{font-size:11px;text-transform:uppercase;color:var(--muted)}.error{background:#351c1e;border:1px solid #673033;color:#f1c1c4;padding:10px;border-radius:5px}.auth-body{min-height:100vh;display:grid;place-items:center;padding:20px}.auth-card{width:min(420px,100%);display:grid;gap:14px;background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:26px}.auth-card h1{margin:0}.auth-card a{text-align:center;color:var(--muted)}
@media(max-width:900px){.app-body{grid-template-columns:150px minmax(0,1fr)}.rightbar{display:none}.cards.three,.cards.two,.stat-grid{grid-template-columns:1fr}.top-stats{gap:14px}}
@media(max-width:620px){.topbar{align-items:flex-start;flex-direction:column}.top-stats{width:100%;justify-content:space-between}.top-stats div{align-items:flex-start}.app-body{display:block}.leftbar{border-right:0;border-bottom:1px solid var(--border);padding:10px}.nav-list{flex-direction:row;overflow-x:auto}.nav-link{white-space:nowrap}.logout{display:none}.content{padding:16px}}

/* Public website */
.public-body{min-height:100vh;display:flex;flex-direction:column;background:var(--bg)}
.public-body main{flex:1}.public-wrap{width:min(1120px,calc(100% - 36px));margin-inline:auto}.public-topbar{border-bottom:1px solid var(--border);background:#111419}.public-nav{min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand-link{text-decoration:none}.public-nav nav{display:flex;align-items:center;gap:8px}.public-nav nav a{padding:10px 12px;text-decoration:none;color:var(--muted);border-radius:5px}.public-nav nav a:hover{color:var(--text);background:var(--panel)}.public-nav .nav-cta{color:#18130a;background:var(--accent);font-weight:700}.hero{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:38px;align-items:center;padding-block:74px 48px}.hero-copy h1{font-size:clamp(36px,6vw,64px);line-height:1.02;letter-spacing:-.035em;max-width:820px;margin:10px 0 20px}.hero-copy p{max-width:700px;color:var(--muted);font-size:18px;line-height:1.7}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}.button{display:inline-flex;min-height:44px;align-items:center;justify-content:center;padding:11px 16px;border-radius:5px;text-decoration:none;font-weight:700}.button.primary{background:var(--accent);color:#18130a}.button.secondary{border:1px solid var(--border);background:var(--panel);color:var(--text)}.hero-panel{background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:6px 18px}.hero-stat{display:flex;justify-content:space-between;gap:20px;padding:17px 0;border-bottom:1px solid var(--border)}.hero-stat:last-child{border-bottom:0}.hero-stat span{color:var(--muted)}.hero-stat strong{text-align:right}.public-section{padding-block:34px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:28px;margin-bottom:18px}.section-head h2{font-size:30px;margin:6px 0 0}.section-head p{color:var(--muted);max-width:480px}.race-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.race-card,.feature-card{background:var(--panel);border:1px solid var(--border);border-radius:7px;padding:18px}.race-card h3,.feature-card h3{margin:0 0 16px}.bonus-list{display:grid;gap:8px}.bonus-list div{display:flex;justify-content:space-between;gap:12px;color:var(--muted)}.bonus-list strong{color:var(--text)}.how-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding-bottom:70px}.feature-card>span{display:inline-block;color:var(--accent);font-weight:800;margin-bottom:18px}.feature-card p{color:var(--muted);line-height:1.6;margin:0}.public-footer{border-top:1px solid var(--border);background:#111419}.footer-row{min-height:58px;display:flex;justify-content:space-between;align-items:center;gap:20px;color:var(--muted);font-size:12px}.auth-page{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,440px);gap:60px;align-items:center;padding-block:70px}.auth-intro h1{font-size:clamp(36px,5vw,54px);margin:8px 0 12px}.auth-intro>p{color:var(--muted);font-size:17px;line-height:1.65;max-width:550px}.auth-card{width:100%;padding:24px}.form-message:empty{display:none}.form-message.error{display:block}.auth-switch{margin:0;text-align:center;color:var(--muted);font-size:13px}.auth-switch a{color:var(--text)}.register-races{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:24px;max-width:560px}.mini-race{background:var(--panel);border:1px solid var(--border);padding:12px;border-radius:6px;display:flex;flex-direction:column;gap:3px}.mini-race span{font-size:12px;color:var(--muted)}
@media(max-width:900px){.hero,.auth-page{grid-template-columns:1fr}.race-grid,.how-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{padding-top:48px}.auth-page{gap:28px}}
@media(max-width:620px){.public-wrap{width:min(100% - 24px,1120px)}.public-nav{min-height:60px}.public-nav nav{gap:2px}.public-nav nav a{padding:8px}.hero{padding-block:38px 22px;gap:24px}.hero-copy h1{font-size:38px}.hero-copy p{font-size:16px}.race-grid,.how-grid,.register-races{grid-template-columns:1fr}.section-head{align-items:flex-start;flex-direction:column}.hero-stat{align-items:flex-start;flex-direction:column;gap:5px}.hero-stat strong{text-align:left}.footer-row{align-items:flex-start;flex-direction:column;padding-block:16px}.auth-page{padding-block:38px}}

/* Guided registration */
.register-page{padding-block:54px 76px}.register-header{display:flex;justify-content:space-between;align-items:flex-end;gap:36px;margin-bottom:28px}.register-header h1{font-size:clamp(36px,5vw,54px);margin:8px 0 10px}.register-header p{max-width:660px;color:var(--muted);font-size:16px;line-height:1.6;margin:0}.register-steps{list-style:none;display:flex;gap:8px;margin:0;padding:0}.register-steps li{display:flex;align-items:center;gap:8px;color:var(--muted);padding:8px 10px;border:1px solid var(--border);border-radius:6px;background:var(--panel)}.register-steps li span{width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:#222831;font-size:12px;font-weight:800}.register-steps li strong{font-size:12px}.register-steps li.active{color:var(--text);border-color:#5d4b2c}.register-steps li.active span{background:var(--accent);color:#18130a}.register-steps li.complete span{background:#27342a;color:#b9d8bd}.register-wizard>.form-message{margin-bottom:14px}.register-step{display:none;grid-template-columns:minmax(220px,.45fr) minmax(0,1fr);gap:34px;align-items:start}.register-step.active{display:grid}.step-copy{padding-top:10px}.step-copy h2{font-size:28px;margin:7px 0 10px}.step-copy p{color:var(--muted);line-height:1.65;margin:0;max-width:360px}.step-panel{background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:24px}.form-stack{display:grid;gap:16px}.wizard-actions{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-top:22px}.wizard-actions button,.wizard-actions .button{min-height:44px}.realm-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.realm-option{display:block;color:inherit}.realm-option>input{position:absolute;opacity:0;pointer-events:none}.realm-card{height:100%;display:flex;flex-direction:column;gap:13px;padding:17px;border:1px solid var(--border);border-radius:7px;background:#12161b;cursor:pointer;transition:border-color .15s ease,background .15s ease}.realm-option>input:checked+.realm-card{border-color:var(--accent);background:#181713}.realm-option>input:focus-visible+.realm-card{outline:2px solid var(--accent);outline-offset:2px}.realm-card-head{display:flex;justify-content:space-between;gap:16px;align-items:center}.realm-card-head>strong{font-size:17px;color:var(--text)}.realm-check{display:none;color:var(--accent);font-size:11px;text-transform:uppercase;font-weight:800}.realm-option>input:checked+.realm-card .realm-check{display:block}.realm-description{color:var(--muted);font-size:13px;line-height:1.55}.realm-bonuses{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;margin-top:auto}.realm-bonuses>span{display:flex;flex-direction:column;gap:4px;background:#0e1115;border:1px solid #222831;border-radius:5px;padding:8px 6px;text-align:center}.realm-bonuses small{font-size:9px;text-transform:uppercase}.positive{color:#8fcb97!important}.negative{color:#d88484!important}.review-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.review-grid>div{display:flex;justify-content:space-between;gap:15px;padding:13px;background:#101318;border:1px solid #232a32;border-radius:6px}.review-grid span,.review-bonuses span{color:var(--muted);font-size:12px}.review-grid strong{text-align:right}.review-bonuses{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:16px}.review-bonuses>div{display:flex;flex-direction:column;gap:5px;padding:11px;text-align:center;border:1px solid var(--border);border-radius:6px;background:#101318}.confirm-check{margin-top:18px;display:flex;flex-direction:row;align-items:center;gap:10px;color:var(--text);font-size:13px}.confirm-check input{width:auto;margin:0}.confirm-check span{line-height:1.4}
@media(max-width:900px){.register-header{align-items:flex-start;flex-direction:column}.register-step{grid-template-columns:1fr}.step-copy p{max-width:none}.realm-bonuses,.review-bonuses{grid-template-columns:repeat(5,minmax(65px,1fr))}}
@media(max-width:620px){.register-page{padding-block:34px 50px}.register-steps{width:100%}.register-steps li{flex:1;justify-content:center}.register-steps li strong{display:none}.step-panel{padding:16px}.realm-options,.review-grid{grid-template-columns:1fr}.realm-bonuses,.review-bonuses{grid-template-columns:repeat(2,minmax(0,1fr))}.wizard-actions{align-items:stretch;flex-direction:column-reverse}.wizard-actions>*{width:100%}}

/* Functional test build additions */
.page-badge{align-self:flex-start;border:1px solid var(--border);background:var(--panel);padding:8px 11px;border-radius:6px;color:var(--muted);font-size:12px;font-weight:700}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:15px}.panel-head h2{margin:0 0 4px}.panel-head p{margin:0;color:var(--muted);font-size:13px}.muted-copy{color:var(--muted);line-height:1.6}.compact-list{display:grid;gap:8px;margin-top:10px}.compact-list>div{display:flex;justify-content:space-between;gap:16px;padding:8px 0;border-bottom:1px solid var(--border)}.compact-list>div:last-child{border-bottom:0}.compact-list span{color:var(--muted)}.army-summary{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;margin-bottom:14px}.army-summary>div{display:flex;flex-direction:column;gap:5px}.army-summary span{color:var(--muted);font-size:12px}.army-summary strong{font-size:18px}.form-stack.compact{gap:10px}.button-row{display:flex;gap:8px;align-items:stretch}.button-row button:first-child{flex:1}.secondary-button{background:transparent;border:1px solid var(--border);color:var(--text);border-radius:5px;padding:10px 13px;cursor:pointer}.secondary-button:hover{background:#20252c}.secondary-button:disabled,button:disabled{opacity:.45;cursor:not-allowed}.upgrade-metrics{display:grid;gap:8px;margin:15px 0}.upgrade-metrics>div{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid var(--border)}.upgrade-metrics>div:last-child{border-bottom:0}.upgrade-metrics span{color:var(--muted);font-size:12px}.upgrade-metrics strong{text-align:right}.battle-table .is-you{background:#171b20}.you-tag{display:inline-block;margin-left:7px;padding:2px 5px;border:1px solid #5d4b2c;border-radius:4px;color:var(--accent);font-size:9px;font-weight:800;vertical-align:middle}.turn-status{margin-top:18px;padding:11px;border:1px solid var(--border);border-radius:6px;background:#101318;display:flex;flex-direction:column;gap:4px}.turn-status span{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.08em}.turn-status strong{font-size:11px;line-height:1.45}.toast-host{position:fixed;right:18px;bottom:18px;z-index:9999;display:grid;gap:8px;max-width:min(380px,calc(100vw - 36px))}.toast{padding:11px 13px;border-radius:6px;border:1px solid var(--border);background:#171b20;color:var(--text);box-shadow:0 8px 30px rgba(0,0,0,.28);font-size:13px}.toast.success{border-color:#314536}.toast.error{border-color:#5d3131;color:#f0c4c4}.button.danger{background:#2a1717;border:1px solid #573030;color:#f2caca}.content.loading{opacity:.62;transition:opacity .12s ease}
@media(max-width:760px){.page-head{align-items:flex-start}.army-summary{flex-direction:column;gap:12px}.top-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.button-row{flex-direction:column}.toast-host{right:12px;bottom:12px}}

/* Attack + Spy */
.operation-rules{display:flex;gap:12px;align-items:flex-start;justify-content:space-between;margin-bottom:14px}.operation-rules span{color:var(--muted);font-size:13px;line-height:1.5}.battle-actions{display:flex;gap:6px;flex-wrap:wrap}.battle-actions form{margin:0}.battle-actions button{padding:7px 10px}.operation-card{display:grid;gap:7px;margin:0 0 14px;padding:13px 15px;border:1px solid var(--border);background:var(--panel);border-radius:6px}.operation-card strong{font-size:14px}.operation-card span{color:var(--muted);font-size:13px}.operation-card.success{border-color:#36513b}.operation-card.failure{border-color:#5b3535}.section-gap{margin-top:24px}.result-pill{display:inline-block;padding:3px 7px;border-radius:999px;font-size:11px;font-weight:800}.result-pill.win{background:#1b2c20;color:#b8dbbf}.result-pill.loss{background:#311d1d;color:#e1b5b5}
@media(max-width:760px){.operation-rules{flex-direction:column}.battle-actions{min-width:120px}}

.fortification-panel { display: grid; gap: 16px; }
.fortification-bar { height: 14px; background: #171a1f; border: 1px solid #343a43; overflow: hidden; }
.fortification-bar span { display: block; height: 100%; background: #8c949f; }