:root{--navy: #0a1628;--deep: #060e1c;--brass: #c9a84c;--brass-light: #e8c96a;--brass-dark: #8a6a1f;--parchment: #f5e6c8;--parchment-dark: #d4b896;--red: #c0392b;--green: #1a6b3c;--white: #f0ead8;--muted: #7a8fa6;--grid-line: #1a2d4a;--correct: #2ecc71;--wrong: #e74c3c;--glow: rgba(201, 168, 76, .3);--glow-strong: rgba(201, 168, 76, .5)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{background-color:var(--navy);background-image:repeating-linear-gradient(0deg,transparent,transparent 59px,rgba(26,45,74,.5) 59px,rgba(26,45,74,.5) 60px),repeating-linear-gradient(90deg,transparent,transparent 59px,rgba(26,45,74,.5) 59px,rgba(26,45,74,.5) 60px);color:var(--white);font-family:Courier Prime,monospace;min-height:100vh;overflow-x:hidden}h1,h2,h3{font-family:Playfair Display,serif}.section-title{font-family:Playfair Display,serif;font-size:1.8rem;color:var(--brass);border-bottom:1px solid var(--brass-dark);padding-bottom:.8rem;margin-bottom:1.5rem}.page-wrapper{max-width:1200px;margin:0 auto;padding:2rem 1.5rem}.divider{border:none;border-top:1px solid rgba(201,168,76,.15);margin:1.5rem 0}.card{background:#1a2d4a80;border:1px solid var(--brass-dark);border-radius:4px;padding:2rem}.aide-card{background:#060e1cb3;border:1px solid rgba(201,168,76,.3);border-radius:4px;padding:1.5rem;margin-bottom:1.5rem}.aide-card h3{font-family:Playfair Display,serif;color:var(--brass);font-size:1rem;margin-bottom:1rem;letter-spacing:.05em}.btn{background:transparent;border:1px solid var(--brass);color:var(--brass);font-family:Courier Prime,monospace;font-size:.85rem;letter-spacing:.15em;text-transform:uppercase;padding:.65rem 1.5rem;cursor:pointer;transition:all .2s ease;border-radius:2px;white-space:nowrap;display:inline-block}.btn:hover{background:var(--brass);color:var(--navy)}.btn--primary{background:var(--brass);color:var(--navy);font-weight:700}.btn--primary:hover{background:var(--brass-light)}.btn--muted{border-color:var(--muted);color:var(--muted)}.btn--muted:hover{background:var(--muted);color:var(--navy)}.btn--ghost{border-color:transparent;color:var(--muted)}.btn--ghost:hover{color:var(--brass);border-color:var(--brass-dark);background:#c9a84c14}.btn--ghost.active{color:var(--brass);border-color:var(--brass-dark)}.toggle-group{display:flex;border:1px solid var(--brass-dark);border-radius:2px;overflow:hidden}.toggle-group button{background:transparent;border:none;color:var(--muted);font-family:Courier Prime,monospace;font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;padding:.5rem 1.2rem;cursor:pointer;transition:all .2s}.toggle-group button.active{background:var(--brass);color:var(--navy);font-weight:700}.toggle-group button:hover:not(.active){background:#c9a84c1a;color:var(--brass)}.field-group{margin-bottom:1.5rem}.field-group label{display:block;font-size:.75rem;letter-spacing:.15em;text-transform:uppercase;color:var(--muted);margin-bottom:.5rem}.field-group input,.field-group select{width:100%;background:#1a2d4acc;border:1px solid var(--brass-dark);color:var(--white);font-family:Courier Prime,monospace;font-size:1.1rem;padding:.6rem 1rem;border-radius:2px;outline:none;transition:border-color .2s}.field-group input:focus,.field-group select:focus{border-color:var(--brass)}.field-group select option{background:var(--navy)}.nautical-table{width:100%;border-collapse:collapse;font-size:.9rem}.nautical-table th{background:#c9a84c26;color:var(--brass);padding:.6rem 1rem;text-align:center;letter-spacing:.1em;font-size:.78rem;text-transform:uppercase;border:1px solid var(--brass-dark)}.nautical-table td{padding:.5rem 1rem;text-align:center;border:1px solid rgba(201,168,76,.2);color:var(--white)}.nautical-table tr:nth-child(2n) td{background:#1a2d4a66}.nautical-table .east{color:var(--correct)}.nautical-table .west{color:var(--wrong)}.given-values{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem;margin-bottom:2rem}.given-item{background:#060e1c99;border:1px solid rgba(201,168,76,.25);padding:.8rem 1rem;border-radius:2px}.given-item .gi-label{font-size:.7rem;letter-spacing:.15em;text-transform:uppercase;color:var(--muted);margin-bottom:.3rem}.given-item .gi-value{font-size:1.3rem;color:var(--brass);font-family:Playfair Display,serif}.badge{font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;padding:.3rem .8rem;border-radius:2px;font-weight:700}.badge--t2m{background:#1a6b3c4d;color:#4ddc8e;border:1px solid #1a6b3c}.badge--m2t{background:#c0392b4d;color:#f08070;border:1px solid #8b2415}.badge--mixed{background:#c9a84c33;color:var(--brass);border:1px solid var(--brass-dark)}.stat-pill{background:#1a2d4a80;border:1px solid rgba(201,168,76,.2);border-radius:2px;padding:.5rem 1rem;font-size:.8rem;color:var(--muted)}.stat-pill span{color:var(--brass);font-size:1rem;font-family:Playfair Display,serif}.progress-bar-wrap{height:3px;background:#c9a84c26;border-radius:2px;margin:1.5rem 0;overflow:hidden}.progress-bar-wrap .progress-bar{height:100%;background:linear-gradient(90deg,var(--brass-dark),var(--brass-light));transition:width .4s ease;border-radius:2px}.info-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.5rem;margin-top:1.5rem}.info-block{background:#1a2d4a66;border:1px solid rgba(201,168,76,.2);border-radius:4px;padding:1.5rem}.info-block h3{font-family:Playfair Display,serif;color:var(--brass);margin-bottom:.8rem;font-size:1.1rem}.info-block p{font-size:.88rem;color:var(--muted);line-height:1.7}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.page-enter{animation:fadeInUp .35s ease forwards}@media (max-width: 768px){.page-wrapper{padding:1.5rem 1rem}}@media (max-width: 600px){.section-title{font-size:1.4rem}}