@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,300;0,400;0,700;1,400&family=Sora:wght@300;400;600;800&display=swap";:root{--font-display:"Sora", sans-serif;--font-mono:"JetBrains Mono", monospace;--bg-obsidian:oklch(14% .01 250);--panel-steel:oklch(20% .02 245);--panel-steel-light:oklch(26% .03 245);--ink-silver:oklch(90% .01 240);--ink-muted:oklch(70% .02 240);--accent-amber:oklch(75% .17 45);--accent-copper:oklch(55% .15 35);--accent-cyan:oklch(80% .14 190);--border-blueprint:oklch(26% .03 245);--border-highlight:oklch(45% .08 45);--radius-sm:4px;--radius-md:8px;--radius-lg:12px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-obsidian);color:var(--ink-silver);font-family:var(--font-display);-webkit-font-smoothing:antialiased;background-image:radial-gradient(var(--border-blueprint) 1px, transparent 1px), linear-gradient(to right, var(--border-blueprint) 1px, transparent 1px), linear-gradient(to bottom, var(--border-blueprint) 1px, transparent 1px);background-position:50%;background-size:40px 40px,80px 80px,80px 80px;min-height:100vh;font-size:16px;line-height:1.5}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--ink-silver);text-transform:uppercase;letter-spacing:-.02em;text-wrap:balance;font-weight:800}h1{font-size:clamp(2rem,5vw,3.5rem)}h2{border-bottom:1px solid var(--border-blueprint);margin-bottom:16px;padding-bottom:8px;font-size:clamp(1.4rem,3vw,2rem)}code,pre,.mono{font-family:var(--font-mono);letter-spacing:-.01em;font-size:.9em}.blueprint-container{grid-template-columns:repeat(12,1fr);gap:24px;max-width:1400px;margin:0 auto;padding:24px;display:grid}.panel{background-color:var(--panel-steel);border:1px solid var(--border-blueprint);border-radius:var(--radius-md);padding:20px;transition:border-color .2s cubic-bezier(.25,.46,.45,.94);position:relative}.panel:hover{border-color:var(--border-highlight)}.panel:before{content:"";background:linear-gradient(90deg, var(--accent-amber), transparent);border-top-left-radius:var(--radius-md);border-top-right-radius:var(--radius-md);width:100%;height:2px;position:absolute;top:0;left:0}button,select,input{font-family:var(--font-mono);background:var(--bg-obsidian);color:var(--ink-silver);border:1px solid var(--border-blueprint);border-radius:var(--radius-sm);cursor:pointer;padding:10px 16px;font-size:14px;transition:all .2s ease-out}button:hover,select:hover,input:hover{border-color:var(--accent-amber);color:var(--accent-amber);box-shadow:0 0 8px oklch(75% .17 45/.15)}button.active{background:var(--accent-amber);color:var(--bg-obsidian);border-color:var(--accent-amber)}select{appearance:none;background-image:url("data:image/svg+xml;utf8,<svg fill='white' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/></svg>");background-position:right 10px center;background-repeat:no-repeat;width:100%;max-width:100%;padding-right:35px}.orrery-container{justify-content:center;align-items:center;width:280px;height:280px;margin:0 auto;display:flex;position:relative}.orrery-ring{border:1px dashed var(--border-blueprint);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute}.orrery-ring-1{width:270px;height:270px;animation:60s linear infinite rotateClockwise}.orrery-ring-2{width:210px;height:210px;animation:40s linear infinite rotateCounterClockwise}.orrery-ring-3{border-style:solid;border-color:var(--border-blueprint);width:150px;height:150px}.orrery-center{background-color:var(--panel-steel-light);z-index:10;border:1px solid var(--accent-amber);box-sizing:border-box;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:140px;height:140px;padding:16px;display:flex;box-shadow:0 0 20px oklch(75% .17 45/.1)}@keyframes rotateClockwise{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes rotateCounterClockwise{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}@media (prefers-reduced-motion:reduce){.orrery-ring-1,.orrery-ring-2{animation:none!important}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-obsidian)}::-webkit-scrollbar-thumb{background:var(--panel-steel);border:1px solid var(--border-blueprint);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--border-highlight)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.flex{display:flex}.flex-col{flex-direction:column}.justify-between{justify-content:space-between}.align-center{align-items:center}.gap-10{gap:10px}.gap-20{gap:20px}.w-full{width:100%}.m-t-20{margin-top:20px}.m-b-20{margin-bottom:20px}.text-center{text-align:center}.squad-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;display:grid}.player-token{background-color:var(--bg-obsidian);border:1px solid var(--border-blueprint);border-radius:var(--radius-sm);font-family:var(--font-mono);flex-direction:column;padding:8px;transition:all .2s ease-out;display:flex;position:relative}.player-token:hover{border-color:var(--accent-cyan);background-color:var(--panel-steel-light)}.player-token.lhb{border:1px solid var(--accent-copper)}.player-token.rhb{border:1px solid var(--accent-cyan)}.player-token .name{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:700;overflow:hidden}.player-token .role{color:var(--ink-muted);font-size:12px}.player-token .remove-btn{color:var(--ink-muted);cursor:pointer;background:0 0;border:none;padding:2px 5px;font-size:12px;position:absolute;top:2px;right:2px}.player-token .remove-btn:hover{color:var(--accent-amber)}header{border-bottom:1px solid var(--border-blueprint);grid-column:span 12;justify-content:space-between;align-items:center;padding:20px 0;display:flex}.logo-container{align-items:center;gap:10px;display:flex}.logo-mark{background-color:var(--accent-amber);clip-path:polygon(50% 0%,100% 38%,82% 100%,18% 100%,0% 38%);width:24px;height:24px}.logo-text{font-family:var(--font-mono);color:var(--accent-amber);letter-spacing:.05em;font-weight:700}.version-badge{background-color:var(--panel-steel-light);border:1px solid var(--border-blueprint);border-radius:var(--radius-sm);color:var(--ink-muted);padding:4px 8px;font-size:12px}