*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--navy: #0a1628;--navy-light: #112240;--navy-hover: #162b4d;--gold: #c9a84c;--gold-light: #e8c46a;--steel: #8ba4c0;--text: #ccd6f6;--text-muted: #8892b0;--danger: #e55353;--radius: 8px;--shadow: 0 4px 24px rgba(0,0,0,.4)}html{font-size:16px;scroll-behavior:smooth}body{font-family:Segoe UI,system-ui,sans-serif;background:var(--navy);color:var(--text);min-height:100vh;line-height:1.6}a{color:var(--gold);text-decoration:none}a:hover{color:var(--gold-light);text-decoration:underline}h1,h2,h3{line-height:1.25;color:var(--gold)}.container{max-width:1100px;margin:0 auto;padding:0 1.25rem}.badge{display:inline-block;padding:.2rem .6rem;border-radius:99px;font-size:.75rem;font-weight:600;background:var(--navy);color:var(--steel);border:1px solid var(--steel)}.badge--gold{color:var(--gold);border-color:#c9a84c80;background:#c9a84c14}@keyframes cardIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.card{background:var(--navy-light);border:1px solid rgba(201,168,76,.2);border-radius:var(--radius);padding:1.5rem;box-shadow:var(--shadow);transition:border-color .2s,box-shadow .2s;animation:cardIn .32s cubic-bezier(.22,1,.36,1) both;animation-delay:var(--delay, 0ms)}.card:hover{border-color:#c9a84c8c;box-shadow:0 6px 32px #00000080}.card--expanded{border-color:#c9a84c73}.card-header{cursor:pointer;-webkit-user-select:none;user-select:none;outline:none;border-radius:calc(var(--radius) - 3px)}.card-header:focus-visible{outline:2px solid rgba(201,168,76,.6);outline-offset:3px}.card-header__top{display:flex;align-items:center;justify-content:space-between;margin-bottom:.6rem}.card-title{font-size:1.1rem;margin-bottom:.45rem;transition:color .15s}.card-header:hover .card-title{color:var(--gold-light)}.card-summary{color:var(--text-muted);font-size:.9rem;margin-bottom:.9rem}.tag-row{display:flex;flex-wrap:wrap;gap:.4rem}.chevron{display:inline-flex;align-items:center;justify-content:center;width:1.6rem;height:1.6rem;border-radius:50%;background:#c9a84c1a;border:1px solid rgba(201,168,76,.25);font-size:1.1rem;line-height:1;color:var(--gold);transform:rotate(0);transition:transform .28s cubic-bezier(.4,0,.2,1),background .15s,border-color .15s;flex-shrink:0}.chevron--open{transform:rotate(90deg);background:#c9a84c2e;border-color:#c9a84c80}.card-header:hover .chevron{background:#c9a84c2e;border-color:#c9a84c80}.guide-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .38s cubic-bezier(.4,0,.2,1)}.guide-body--open{grid-template-rows:1fr}.guide-body__inner{overflow:hidden}.guide-body__content{padding-top:1.25rem;margin-top:1.25rem;border-top:1px solid rgba(201,168,76,.2);line-height:1.8}.guide-body__content h1{font-size:1.4rem;margin:0 0 .75rem}.guide-body__content h2{font-size:1.15rem;margin:1.4rem 0 .5rem;padding-bottom:.3rem;border-bottom:1px solid rgba(201,168,76,.15)}.guide-body__content h3{font-size:1rem;margin:1rem 0 .35rem}.guide-body__content p{margin-bottom:.85rem}.guide-body__content ul,.guide-body__content ol{padding-left:1.5rem;margin-bottom:1rem}.guide-body__content li{margin-bottom:.3rem}.guide-body__content li::marker{color:var(--gold)}.guide-body__content code{font-family:Consolas,Fira Code,monospace;font-size:.88em;background:#c9a84c1a;color:var(--gold-light);padding:.1em .4em;border-radius:4px}.guide-body__content strong{color:var(--text)}@keyframes shimmer{0%{background-position:-500px 0}to{background-position:500px 0}}.skeleton{border-radius:4px;background:linear-gradient(90deg,#ffffff0a 25%,#ffffff17,#ffffff0a 75%);background-size:500px 100%;animation:shimmer 1.5s ease infinite}.skeleton-wrap{display:flex;flex-direction:column;gap:.65rem;padding:.25rem 0}.hero{background:linear-gradient(135deg,#112240,#0a1628);border:1px solid rgba(201,168,76,.25);border-radius:var(--radius);padding:3rem 2rem;margin-bottom:2.5rem;text-align:center}.map-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.85rem;margin-bottom:2rem}@keyframes tileIn{0%{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.map-tile{background:var(--navy-light);border:1px solid rgba(201,168,76,.2);border-radius:var(--radius);padding:1.1rem .75rem;cursor:pointer;text-align:center;transition:border-color .2s,background .2s,box-shadow .2s,transform .15s;animation:tileIn .3s cubic-bezier(.22,1,.36,1) both;animation-delay:var(--delay, 0ms);outline:none}.map-tile:hover{border-color:#c9a84c8c;background:var(--navy-hover);box-shadow:0 4px 20px #00000059;transform:translateY(-2px)}.map-tile:focus-visible{outline:2px solid rgba(201,168,76,.6);outline-offset:2px}.map-tile--active{border-color:var(--gold);background:#c9a84c1a;box-shadow:0 0 0 1px #c9a84c4d,0 6px 24px #0006;transform:translateY(-2px)}.map-tile--active .map-tile__name{color:var(--gold)}.map-tile__img{display:block;width:100%;aspect-ratio:1 / 1;object-fit:cover;border-radius:calc(var(--radius) - 3px);margin-bottom:.6rem;opacity:.85;transition:opacity .2s}.map-tile:hover .map-tile__img,.map-tile--active .map-tile__img{opacity:1}.map-tile__name{display:block;font-size:.85rem;font-weight:600;color:var(--text);transition:color .15s;line-height:1.3}.map-tile:hover .map-tile__name{color:var(--gold-light)}@keyframes cardSlideIn{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.strategy-card{background:var(--navy-light);border:1px solid rgba(201,168,76,.4);border-radius:var(--radius);box-shadow:0 8px 40px #00000080;animation:cardSlideIn .35s cubic-bezier(.22,1,.36,1) both;overflow:hidden}.strategy-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:1.5rem;padding:1.75rem 2rem 1.5rem;border-bottom:1px solid rgba(201,168,76,.2);background:linear-gradient(135deg,#112240,#0d1d38)}.strategy-card__header-text{flex:1;min-width:0}.strategy-card__map-img{width:200px;height:200px;object-fit:cover;border-radius:var(--radius);border:1px solid rgba(201,168,76,.3);flex-shrink:0;box-shadow:0 4px 16px #0006}@media(max-width:600px){.strategy-card__map-img{display:none}}.strategy-card__title{font-size:1.6rem;color:var(--gold);margin:0;line-height:1.2}.strategy-card__summary{color:var(--text-muted);font-size:.9rem;margin-top:.5rem;max-width:700px}.strategy-card__close{flex-shrink:0;background:#c9a84c1a;border:1px solid rgba(201,168,76,.3);border-radius:50%;color:var(--gold);cursor:pointer;font-size:1rem;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;transition:background .15s,border-color .15s;line-height:1}.strategy-card__close:hover{background:#c9a84c38;border-color:var(--gold)}.strategy-card__body{padding:2rem;line-height:1.85}.strategy-card__body h1{font-size:1.5rem;margin:0 0 1rem}.strategy-card__body h2{font-size:1.2rem;margin:2rem 0 .6rem;padding-bottom:.4rem;border-bottom:1px solid rgba(201,168,76,.2)}.strategy-card__body h3{font-size:1.05rem;margin:1.25rem 0 .4rem}.strategy-card__body p{margin-bottom:.9rem}.strategy-card__body ul,.strategy-card__body ol{padding-left:1.5rem;margin-bottom:1rem}.strategy-card__body li{margin-bottom:.35rem}.strategy-card__body li::marker{color:var(--gold)}.strategy-card__body strong{color:var(--text)}.strategy-card__body code{font-family:Consolas,Fira Code,monospace;font-size:.88em;background:#c9a84c1a;color:var(--gold-light);padding:.1em .4em;border-radius:4px}.strategy-card__body blockquote{border-left:3px solid rgba(201,168,76,.5);margin:1rem 0;padding:.5rem 1rem;background:#c9a84c0d;border-radius:0 var(--radius) var(--radius) 0;color:var(--text-muted);font-style:italic}.btn{display:inline-flex;align-items:center;gap:.4rem;padding:.55rem 1.2rem;border-radius:var(--radius);border:none;cursor:pointer;font-weight:600;font-size:.9rem;transition:filter .15s,background .15s}.btn-primary{background:var(--gold);color:var(--navy)}.btn-primary:hover{filter:brightness(1.12);text-decoration:none;color:var(--navy)}.btn-ghost{background:transparent;color:var(--steel);border:1px solid var(--steel)}.btn-ghost:hover{color:var(--text);border-color:var(--text);text-decoration:none}.tier-toggle{display:inline-flex;background:#0a162899;border:1px solid rgba(201,168,76,.25);border-radius:6px;overflow:hidden;margin-bottom:.75rem}.tier-toggle__btn{padding:.35rem 1.1rem;font-size:.82rem;font-weight:700;letter-spacing:.04em;border:none;background:transparent;color:var(--text-muted);cursor:pointer;transition:background .15s,color .15s;font-family:inherit}.tier-toggle__btn:hover{background:#c9a84c14;color:var(--text)}.tier-toggle__btn--active{background:#c9a84c2e;color:var(--gold)}