:root{--p0: #FAF3DF;--p1: #F2E4C0;--p2: #E4D0A0;--p3: #D0B878;--p4: #B89A58;--ink: #140C04;--ink2: #2E1A0A;--ink3: #5A3A18;--ink4: #8A6A3A;--ink5: #B49A6A;--blue: #1C4B70;--blue2: #2A6090;--blue3: #EAF3FA;--blue4: #C0D8EC;--red: #7A1A1A;--gold: #9A7428;--gold2: #C4A050;--nav-h: 48px;--font-display: "Cinzel Decorative", serif;--font-heading: "Cinzel", serif;--font-body: "IM Fell English", Georgia, serif}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{height:100%;scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--p1);color:var(--ink);min-height:100vh}.bg-parchment{background-image:repeating-linear-gradient(180deg,transparent 0,transparent 26px,rgba(160,130,70,.04) 26px,rgba(160,130,70,.04) 27px)}.page-centered{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh}.page-with-nav{padding-top:calc(var(--nav-h) + 40px)}.top-nav{position:fixed;top:0;left:0;right:0;height:var(--nav-h);z-index:200;background:var(--blue);border-bottom:3px solid var(--ink);display:flex;align-items:stretch}.nav-logo{padding:0 24px;display:flex;align-items:center;gap:10px;border-right:1px solid rgba(255,255,255,.12);flex-shrink:0;text-decoration:none}.nav-logo-title{font-family:var(--font-display);font-size:13px;color:var(--p0);letter-spacing:1px}.nav-logo-sub{font-family:var(--font-heading);font-size:7px;letter-spacing:3px;color:#c8b48ca6;text-transform:uppercase}.nav-spacer{flex:1}.nav-user{display:flex;align-items:center;gap:10px;padding:0 20px;border-left:1px solid rgba(255,255,255,.12)}.nav-user-name{font-family:var(--font-heading);font-size:10px;font-weight:700;letter-spacing:1px;color:var(--p0)}.nav-user-avatar{width:28px;height:28px;border-radius:50%;border:1.5px solid var(--gold)}.nav-action{padding:0 16px;display:flex;align-items:center;border:none;border-left:1px solid rgba(255,255,255,.12);background:none;font-family:var(--font-heading);font-size:9px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#d0e4f0b8;cursor:pointer;text-decoration:none;min-height:var(--nav-h)}.nav-action:hover{color:var(--p0)}.btn-blue{display:inline-flex;align-items:center;gap:12px;padding:14px 32px;background:var(--blue);border:2px solid var(--ink);color:var(--p0);font-family:var(--font-heading);font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase;cursor:pointer;text-decoration:none;box-shadow:2px 3px 0 var(--ink3);transition:background .2s}.btn-blue:hover{background:var(--blue2)}.btn-gold{display:inline-flex;align-items:center;gap:8px;padding:7px 18px;background:var(--gold);border:1px solid var(--gold2);font-family:var(--font-heading);font-size:9px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--ink);cursor:pointer;text-decoration:none;transition:background .2s;white-space:nowrap}.btn-gold:hover{background:var(--gold2)}.card{background:var(--p0);border:2px solid var(--ink3);box-shadow:3px 4px 0 var(--p3);padding:32px 24px;text-align:center;position:relative;text-decoration:none;color:var(--ink);transition:transform .15s,box-shadow .15s}.card:before{content:"";position:absolute;inset:3px;border:.5px solid var(--p3);pointer-events:none}.card-interactive:hover{transform:translate(-1px,-2px);box-shadow:5px 7px 0 var(--p3)}.card-lg{padding:48px 40px;box-shadow:4px 6px 0 var(--p3),0 8px 32px #140c0440}.card-icon{font-size:36px;margin-bottom:12px;display:block}.card-title{font-family:var(--font-heading);font-size:14px;font-weight:700;letter-spacing:1px;margin-bottom:8px}.card-desc{font-size:12px;font-style:italic;color:var(--ink3);line-height:1.5}.card-badge{position:absolute;top:8px;right:10px;font-family:var(--font-heading);font-size:7px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--ink);background:var(--gold);padding:2px 8px}.card-badge-muted{background:var(--ink4)}.title-display{font-family:var(--font-display);font-size:32px;color:var(--ink);letter-spacing:2px;line-height:1}.title-page{font-family:var(--font-display);font-size:28px;color:var(--ink);letter-spacing:2px}.subtitle{font-family:var(--font-heading);font-size:9px;letter-spacing:4px;text-transform:uppercase;color:var(--ink4)}.subtitle-sm{font-family:var(--font-heading);font-size:8px;letter-spacing:5px;text-transform:uppercase;color:var(--ink4)}.text-italic{font-size:14px;font-style:italic;color:var(--ink3);line-height:1.6}.text-muted{font-size:11px;font-style:italic;color:var(--ink4)}.divider{height:1px;background:linear-gradient(90deg,transparent,var(--ink3),transparent)}.link-subtle{font-family:var(--font-heading);font-size:9px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--ink3);text-decoration:none}.link-subtle:hover{color:var(--ink)}.status-bar{display:flex;align-items:center;justify-content:center;gap:16px;font-family:var(--font-heading);font-size:9px;letter-spacing:2px;text-transform:uppercase;color:var(--ink3)}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.status-dot-online{background:#3a8a3a;box-shadow:0 0 6px #3a8a3a80}.alert-error{padding:10px 16px;background:#7a1a1a14;border:1px solid var(--red);color:var(--red);font-size:12px;font-style:italic}.turnstile-widget{display:flex;justify-content:center}.icon-google{width:20px;height:20px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:24px}@media(max-width:600px){.grid-2{grid-template-columns:1fr}}.mt-sm{margin-top:8px}.mt-md{margin-top:16px}.mt-lg{margin-top:24px}.mt-xl{margin-top:32px}.mb-sm{margin-bottom:8px}.mb-md{margin-bottom:16px}.mb-lg{margin-bottom:24px}.mb-xl{margin-bottom:32px}.mx-auto{margin-left:auto;margin-right:auto}.text-center{text-align:center}.max-w-sm{max-width:420px;width:90%}.max-w-md{max-width:800px}.disabled{opacity:.5;cursor:default;pointer-events:none}.px-page{padding-left:40px;padding-right:40px}.builder-container{max-width:1200px;margin:0 auto;padding:0 16px 32px}.builder-header{display:flex;align-items:center;gap:16px;padding:12px 0;border-bottom:2px solid var(--ink3);margin-bottom:12px;flex-wrap:wrap}.builder-header-left{display:flex;align-items:center;gap:12px}.builder-header-center{flex:1;display:flex;align-items:center;gap:16px;justify-content:center}.builder-header-right{display:flex;align-items:center;gap:8px}.builder-back{font-size:20px;color:var(--ink3);text-decoration:none;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}.builder-back:hover{color:var(--ink)}.builder-title{font-family:var(--font-heading);font-size:16px;font-weight:700;letter-spacing:1px;color:var(--ink)}.builder-select{font-family:var(--font-heading);font-size:11px;font-weight:700;padding:8px 12px;border:1px solid var(--ink3);background:var(--p0);color:var(--ink);min-width:200px;cursor:pointer;min-height:44px}.builder-points{font-family:var(--font-heading);font-size:14px;font-weight:700;color:var(--ink);display:flex;align-items:center;gap:4px;white-space:nowrap}.builder-points.over-limit{color:var(--red)}.builder-points-input{width:60px;font-family:var(--font-heading);font-size:13px;font-weight:700;text-align:center;border:1px solid var(--ink4);background:var(--p0);color:var(--ink);padding:2px}.builder-tabs{display:flex;gap:2px;margin-bottom:12px;flex-wrap:wrap}.builder-tab{font-family:var(--font-heading);font-size:9px;font-weight:700;letter-spacing:1px;text-transform:uppercase;padding:8px 16px;border:1px solid var(--ink4);background:var(--p1);color:var(--ink3);cursor:pointer;min-height:44px;display:flex;align-items:center}.builder-tab:hover{background:var(--p2)}.builder-tab.active{background:var(--ink);color:var(--p0);border-color:var(--ink)}.builder-columns{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:12px;min-height:400px}@media(max-width:850px){.builder-columns{grid-template-columns:1fr}}.builder-section-title{font-family:var(--font-heading);font-size:9px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--ink4);padding:8px 0;border-bottom:1px solid var(--p3);margin-bottom:8px}.builder-unit-list{max-height:500px;overflow-y:auto}.builder-unit-row{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;border-bottom:1px solid var(--p2);cursor:pointer;transition:background .15s}.builder-unit-row:hover{background:var(--p1)}.builder-army-row.selected{background:var(--blue3);border-left:3px solid var(--blue)}.builder-unit-info{display:flex;flex-direction:column;gap:2px;flex:1;min-height:44px;justify-content:center}.builder-unit-name{font-family:var(--font-heading);font-size:12px;font-weight:700;color:var(--ink)}.builder-unit-meta{font-size:10px;color:var(--ink4);font-style:italic}.builder-add-btn,.builder-remove-btn{min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;border:1px solid var(--ink4);background:var(--p0);cursor:pointer;font-size:18px;font-weight:700;color:var(--ink3);transition:background .15s}.builder-add-btn:hover{background:var(--p2);color:var(--ink)}.builder-remove-btn{border-color:var(--red);color:var(--red)}.builder-remove-btn:hover{background:#7a1a1a14}.builder-badge{display:inline-block;font-family:var(--font-heading);font-size:7px;font-weight:700;letter-spacing:1px;text-transform:uppercase;padding:1px 6px;margin-left:4px}.builder-badge-general{background:var(--gold);color:var(--ink)}.builder-badge-wizard{background:var(--blue);color:var(--p0)}.builder-empty{text-align:center;padding:32px;color:var(--ink4);font-style:italic}.builder-placeholder{text-align:center;padding:60px 20px}.detail-section{margin-bottom:12px}.detail-label{font-family:var(--font-heading);font-size:8px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--ink4);margin-bottom:4px}.stats-table{width:100%;border-collapse:collapse;font-size:11px}.stats-table th{font-family:var(--font-heading);font-size:9px;font-weight:700;padding:4px 6px;text-align:center;border-bottom:2px solid var(--ink3);color:var(--ink3)}.stats-table td{padding:3px 6px;text-align:center;border-bottom:1px solid var(--p2)}.stats-name{text-align:left!important;font-weight:700;font-family:var(--font-heading);font-size:10px}.detail-list{list-style:none;padding:0}.detail-list li{font-size:11px;padding:2px 0;color:var(--ink3)}.detail-list li:before{content:"•";margin-right:6px;color:var(--ink4)}.detail-option{display:flex;align-items:center;gap:6px;font-size:11px;padding:4px 0;cursor:pointer;min-height:32px}.detail-option input[type=checkbox]{width:16px;height:16px;cursor:pointer}.detail-section select{font-family:var(--font-body);font-size:11px;padding:6px 10px;border:1px solid var(--ink4);background:var(--p0);color:var(--ink);width:100%;min-height:36px}.builder-slider{width:calc(100% - 40px);vertical-align:middle}.detail-roles{display:flex;gap:8px}.btn-sm{padding:4px 12px;font-size:8px}.btn-gold.active{background:var(--gold2);box-shadow:inset 0 1px 3px #0003}.rule-tag{display:inline-block;font-family:var(--font-heading);font-size:9px;font-weight:700;padding:2px 8px;margin:2px 4px 2px 0;background:var(--p2);border:1px solid var(--p3);color:var(--ink3)}.builder-validation{padding:12px 16px;margin-top:12px;font-size:12px;border:2px solid}.builder-validation.valid{border-color:#3a8a3a;background:#3a8a3a0f;color:#2a6a2a}.builder-validation.invalid{border-color:var(--red);background:#7a1a1a0f;color:var(--red)}.validation-icon{font-size:16px;margin-right:8px}.validation-errors{list-style:none;padding:8px 0 0;margin:0}.validation-errors li{font-size:11px;padding:2px 0}.skirmish-container{max-width:1200px;margin:0 auto;padding:0 16px 32px}.skirmish-config{display:flex;align-items:center;gap:16px;padding:14px 0;border-bottom:2px solid var(--ink3);margin-bottom:12px;flex-wrap:wrap}.skirmish-title{font-family:var(--font-heading);font-size:18px;color:var(--ink);white-space:nowrap}.skirmish-options{display:flex;align-items:center;gap:24px;flex:1;flex-wrap:wrap}.skirmish-option-group{display:flex;align-items:center;gap:8px}.skirmish-label{font-family:var(--font-heading);font-size:12px;color:var(--ink3);text-transform:uppercase;letter-spacing:.5px}.skirmish-toggle{display:flex;gap:2px;background:var(--p2);border-radius:6px;padding:2px}.skirmish-btn{font-family:var(--font-heading);font-size:13px;padding:6px 14px;border:none;border-radius:4px;background:transparent;color:var(--ink3);cursor:pointer;transition:all .15s;min-height:36px}.skirmish-btn:hover:not(.disabled){background:var(--p1);color:var(--ink)}.skirmish-btn.active{background:var(--gold);color:var(--p0)}.skirmish-btn.disabled{opacity:.4;cursor:not-allowed}.skirmish-placeholder{text-align:center;padding:80px 20px;color:var(--ink4);font-style:italic}.skirmish-launch-bar{display:flex;justify-content:center;padding:20px 0}.skirmish-launch-btn{font-size:16px;padding:14px 48px;min-height:52px}@media(max-width:768px){.skirmish-config,.skirmish-options{flex-direction:column;align-items:flex-start}}