:root{--forest: #173d2b;--navy: #101b30;--navy-deep: #0a1222;--ocean: #087dc0;--gold: #c89a3b;--gold-hi: #e6bb5a;--leather: #70472e;--wood: #34251d;--wood-hi: #4a3426;--parchment: #e8d5ad;--ivory: #f0e4c9;--crown-red: #d92732;--crown-white: #f4f1e8;--ink: #3b2a1a;--r-common: #9d9d9d;--r-uncommon: #1eff00;--r-rare: #0070dd;--r-epic: #a335ee;--r-legendary: #c89a3b;--radius: 10px;--shadow: 0 10px 30px rgba(0, 0, 0, .45);--font-display: "Trebuchet MS", "Segoe UI", system-ui, sans-serif;--font-body: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-hand: "Segoe Print", "Bradley Hand", "Comic Sans MS", cursive;--max: 1240px;--nav-h: 64px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--nav-h) + 8px)}body.home{margin:0;background:var(--navy);color:var(--ivory);font-family:var(--font-body);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}body.home img{max-width:100%;display:block}.skip{position:absolute;left:-999px;top:8px;background:var(--gold);color:var(--navy);padding:8px 12px;border-radius:6px;z-index:100}.skip:focus{left:8px}:focus-visible{outline:3px solid var(--gold-hi);outline-offset:2px}.wrap{max-width:var(--max);margin:0 auto;padding:0 20px}.band{padding:72px 0;background:linear-gradient(180deg,var(--forest),#10301f)}.band-dark{background:linear-gradient(180deg,var(--navy),var(--navy-deep))}.section-title{font-family:var(--font-display);font-weight:900;letter-spacing:.04em;text-transform:uppercase;color:var(--gold);font-size:clamp(1.7rem,3.5vw,2.6rem);margin:0 0 8px;text-shadow:0 2px 0 rgba(0,0,0,.5)}.section-lead{color:var(--parchment);max-width:720px;margin:0 0 36px;opacity:.92}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 20px;border-radius:8px;font-family:var(--font-display);font-weight:900;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;border:2px solid transparent;cursor:pointer;transition:box-shadow .15s,transform .08s,background .15s;font-size:.95rem}.btn-gold{background:linear-gradient(180deg,var(--gold-hi),var(--gold));color:var(--navy);border-color:#8a6420;box-shadow:0 3px #7a5418,0 0 #e6bb5a00}.btn-gold:hover{box-shadow:0 3px #7a5418,0 0 18px #e6bb5aa6}.btn-gold:active{transform:translateY(2px);box-shadow:0 1px #7a5418}.btn-ghost{background:#101b3099;color:var(--ivory);border-color:var(--gold)}.btn-ghost:hover{background:#c89a3b26}.btn[aria-disabled=true]{filter:grayscale(.6);opacity:.85}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}.nav{position:fixed;inset:0 0 auto;z-index:50;height:var(--nav-h);background:linear-gradient(180deg,#0a1222d9,#0a122259);transition:background-color .2s,box-shadow .2s}.nav.scrolled{background:#080d19f7;box-shadow:0 4px 18px #00000080;border-bottom:1px solid rgba(200,154,59,.35)}.nav-inner{max-width:1480px;height:100%;margin:0 auto;padding:0 16px;display:flex;align-items:center;gap:18px}.nav-logo{display:flex;align-items:center;gap:8px;flex-shrink:0}.nav-logo img:first-child{height:46px;width:auto}.nav-crest{height:28px;width:28px}.nav-links{list-style:none;display:flex;gap:4px;margin:0 auto;padding:0}.nav-links a{display:block;padding:8px 10px;border-radius:6px;color:var(--ivory);text-decoration:none;font:600 14px var(--font-display);letter-spacing:.06em;text-transform:uppercase}.nav-links a:hover,.nav-links a:focus-visible,.nav-links a[aria-current]{color:var(--gold-hi);background:#c89a3b1f}.nav-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.nav-actions .btn{padding:9px 14px;font-size:14px}.socials{display:flex;align-items:center;gap:4px}.social{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;color:var(--gold-hi);border:1px solid transparent;transition:color .15s,background .15s,border-color .15s}.social svg{width:18px;height:18px}.social:hover,.social:focus-visible{color:#fff;background:#c89a3b24;border-color:#c89a3b80}.nav-socials-item{display:none}.nav-menu{display:none;width:42px;height:42px;border-radius:8px;border:1px solid rgba(200,154,59,.5);background:transparent;flex-direction:column;justify-content:center;align-items:center;gap:5px;cursor:pointer}.nav-menu span{width:20px;height:2px;background:var(--gold-hi);border-radius:2px}@media(max-width:1060px){.nav{background:#080d19f2}.nav-menu{display:flex}.nav-links{display:none;position:absolute;top:var(--nav-h);left:0;right:0;flex-direction:column;padding:10px 16px 16px;background:#080d19fa;border-bottom:1px solid rgba(200,154,59,.35)}.nav.open .nav-links{display:flex}.nav-actions{margin-left:auto}}@media(max-width:640px){.nav-wallet,.nav-socials{display:none}.nav-socials-item{display:block;padding-top:8px}.nav-socials-menu .social{width:44px;height:44px}.nav-socials-menu .social svg{width:22px;height:22px}.nav.open .nav-links:after{content:none}.nav-logo img:first-child{height:38px}.nav-actions .play-nav{padding:8px 12px;font-size:13px}}.chart-section{position:relative;padding:calc(var(--nav-h) + 18px) 16px 64px;background:radial-gradient(ellipse at 18% 12%,rgba(255,190,90,.18),transparent 45%),linear-gradient(180deg,#1a120d,#0d0907);overflow:hidden}.table{position:relative;max-width:1480px;margin:0 auto;padding:56px 36px 36px;border-radius:18px;background-color:var(--wood);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='600' height='240'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.004 0.09' numOctaves='4' seed='7'/%3E%3CfeColorMatrix values='0 0 0 0 0.29 0 0 0 0 0.19 0 0 0 0 0.12 0 0 0 0.9 0'/%3E%3C/filter%3E%3Crect width='600' height='240' filter='url(%23g)'/%3E%3C/svg%3E"),linear-gradient(90deg,rgba(0,0,0,.35) 0,transparent 6%,transparent 94%,rgba(0,0,0,.35) 100%),linear-gradient(180deg,#4a3426,#2b1e16);background-size:600px 240px,auto,auto;box-shadow:inset 0 0 0 3px #1c130d,inset 0 0 60px #0009,0 30px 60px #0009}.table:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:repeating-linear-gradient(180deg,transparent 0 118px,rgba(0,0,0,.45) 118px 120px)}.lantern-glow{position:absolute;left:-60px;top:-80px;width:520px;height:520px;pointer-events:none;background:radial-gradient(circle,rgba(255,196,92,.32),rgba(255,150,40,.08) 45%,transparent 70%);mix-blend-mode:screen;animation:flicker 4s ease-in-out infinite}@keyframes flicker{0%,to{opacity:1}40%{opacity:.85}55%{opacity:.95}70%{opacity:.8}}.decor{position:absolute;z-index:3;pointer-events:none;filter:drop-shadow(0 6px 6px rgba(0,0,0,.5))}.decor svg{width:100%;height:100%;display:block}.d-lantern{left:6px;top:-36px;width:70px;height:116px}.d-compass{right:10px;bottom:-24px;width:110px;height:110px}.d-scroll{left:30%;bottom:-18px;width:180px;height:62px;transform:rotate(-4deg)}.d-spyglass{right:22%;top:8px;width:200px;height:52px;transform:rotate(6deg)}.d-coins{left:12px;bottom:-14px;width:120px;height:74px}.d-letter{right:9%;bottom:-22px;width:130px;height:88px}.d-ship{right:-14px;top:-20px;width:100px;height:108px}.chart-layout{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:22px;align-items:stretch}.chart-frame{position:relative;aspect-ratio:724 / 482;border-radius:6px;padding:24px 0 0 24px;background:#cdb58a;box-shadow:0 0 0 4px #6b4a2a,0 0 0 7px #2a1d14,0 18px 40px #0009}.brass{position:absolute;width:44px;height:44px;z-index:4;pointer-events:none;background:radial-gradient(circle at 14px 14px,#3a2a14 0 3px,#f0cc74 3.5px 5px,transparent 5.5px),linear-gradient(135deg,#f0cc74,#c89a3b 45%,#7a5418);clip-path:polygon(0 0,100% 0,100% 22%,22% 22%,22% 100%,0 100%);filter:drop-shadow(0 2px 2px rgba(0,0,0,.6))}.brass.tl{left:-8px;top:-8px}.brass.tr{right:-8px;top:-8px;transform:scaleX(-1)}.brass.bl{left:-8px;bottom:-8px;transform:scaleY(-1)}.brass.br{right:-8px;bottom:-8px;transform:scale(-1)}.chart-view{position:relative;width:100%;height:100%;overflow:hidden;cursor:grab;touch-action:none;background:#d9c08f;outline:none}.chart-view:active{cursor:grabbing}.chart-view:focus-visible{box-shadow:inset 0 0 0 3px var(--gold-hi)}.chart-stage{position:absolute;left:0;top:0;transform-origin:0 0;will-change:transform;--inv: 1}.chart-canvas{position:absolute;inset:0;width:100%;height:100%}.ruler{position:absolute;overflow:hidden;pointer-events:none;font:700 12px var(--font-hand);color:var(--ink);background:#c2a675}.ruler-x{left:24px;right:0;top:0;height:24px;border-bottom:1px solid #8a6a44}.ruler-y{left:0;top:24px;bottom:0;width:24px;border-right:1px solid #8a6a44}.ruler span{position:absolute}.ruler-x span{top:4px;left:0;margin-left:-5px}.ruler-y span{left:0;top:0;width:24px;text-align:center;margin-top:-8px}.chart-coords{position:absolute;left:34px;bottom:10px;z-index:3;font:600 12px var(--font-body);color:var(--ivory);background:#101b30c7;padding:3px 8px;border-radius:4px;pointer-events:none}.chart-coords:empty{display:none}.chart-zoom{position:absolute;right:10px;top:34px;z-index:3;display:flex;flex-direction:column;gap:6px}.zbtn{width:34px;height:34px;border-radius:6px;border:1px solid #7a5418;background:linear-gradient(#3d2b1f,#22170f);color:var(--gold-hi);font:700 18px var(--font-body);cursor:pointer}.zbtn:hover,.zbtn:focus-visible{background:linear-gradient(#5a3f2c,#33241a);outline:2px solid var(--gold-hi)}.island{position:absolute;background:none;border:0;padding:0;cursor:pointer;border-radius:30%}.island:hover,.island:focus-visible{outline:2px dashed rgba(59,42,26,.6);outline-offset:-4px}.island-label{position:absolute;transform:translate(-50%,-50%) scale(var(--inv));display:flex;flex-direction:column;align-items:center;width:max-content;max-width:120px;text-align:center;font-family:var(--font-hand);color:var(--ink);text-shadow:0 0 3px #f2e2bd,0 0 6px #f2e2bd;pointer-events:none;line-height:1.1}.island-label strong{font-size:12px;letter-spacing:.03em;text-transform:uppercase}.zoomed .island-label strong{font-size:15px}.zoomed .island-label{max-width:180px}.island-label>span{font-size:11px;opacity:.85}.hostile-mark{display:inline-flex;margin-bottom:1px}.poi{position:absolute;transform:translate(-50%,-50%) scale(var(--inv));display:inline-flex;align-items:center;gap:3px;color:#3b2a1a;background:none;border:0;padding:2px;cursor:pointer;font:600 11px var(--font-hand)}.poi-name{display:none;white-space:nowrap;text-shadow:0 0 3px #f2e2bd}.zoomed .poi-name,.poi:hover .poi-name,.poi:focus-visible .poi-name{display:inline}.poi-port{color:#0b4f7a;cursor:default;pointer-events:none}.poi-port .poi-name{display:inline;font-size:10px;color:#0b3f63}.trade-routes{position:absolute;inset:0;pointer-events:none;overflow:visible}.trade-path{fill:none;stroke:#b8860b;stroke-width:3;stroke-linecap:round;stroke-dasharray:10 6;vector-effect:non-scaling-stroke;opacity:.85;filter:drop-shadow(0 0 1.5px #f2e2bd)}.trade-path.rank-1{stroke:#9a3412;stroke-width:4.5}.trade-path.picked{stroke:#d92732;stroke-width:5;opacity:1}.trade-marks{position:absolute;inset:0;pointer-events:none}.trade-badge{position:absolute;pointer-events:auto;width:22px;height:22px;margin:-11px 0 0 -11px;transform:scale(var(--inv));border-radius:50%;border:2px solid #f2e2bd;background:#9a3412;color:#fff7e0;font:700 12px var(--font-body);cursor:pointer;box-shadow:0 1px 4px #00000073}.trade-badge.picked{background:#d92732}.trade-badge:focus-visible{outline:2px solid var(--gold-hi);outline-offset:2px}.trade-board{flex:1 1 0;min-height:120px;display:flex;flex-direction:column;margin-top:12px;padding-top:10px;border-top:1px solid rgba(240,204,116,.25)}.trade-board h3{margin:0 0 8px;font:700 14px var(--font-display);letter-spacing:.06em;text-transform:uppercase;color:var(--gold-hi)}.trade-list{list-style:none;margin:0;padding:0;overflow-y:auto;min-height:0;display:flex;flex-direction:column;gap:6px}.trade-row{width:100%;display:grid;grid-template-columns:24px 1fr auto;gap:8px;align-items:center;padding:4px 8px;border-radius:8px;border:1px solid rgba(240,204,116,.15);border-left:3px solid #b8860b;background:#ffffff0a;color:inherit;text-align:left;cursor:pointer;font:inherit}.trade-row:hover,.trade-row:focus-visible{background:#ffffff1a}.trade-rank{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#9a3412;color:#fff7e0;font-weight:700;font-size:12px}.pill.trade-pay{background:#b8860b40;color:var(--gold-hi)}.markers{position:absolute;inset:0;pointer-events:none}.marker{position:absolute;pointer-events:auto;width:36px;height:36px;margin:-18px 0 0 -18px;transform:scale(var(--inv));border-radius:50%;border:2px solid var(--ivory);background:var(--navy);color:var(--gold-hi);display:grid;place-items:center;cursor:pointer;box-shadow:0 3px 8px #0000008c}.marker svg{position:relative;z-index:1}.marker .ring{position:absolute;inset:-6px;border-radius:50%;border:2px solid currentColor;opacity:0}.marker.st-active .ring{animation:pulse 1.8s ease-out infinite}.marker.st-upcoming{color:#ffb347;border-color:#ffb347}.marker.st-completed{color:#9d9d9d;border-color:#777;background:#2b2b2b;opacity:.7}.marker.st-contested{color:#ffd2d4;border-color:var(--crown-red);box-shadow:0 0 0 3px #d9273280,0 3px 8px #0000008c}.marker.stale{filter:grayscale(.7);opacity:.6}.marker.picked{outline:3px solid var(--gold-hi);outline-offset:3px}.marker:focus-visible{outline:3px solid var(--gold-hi);outline-offset:3px}.crown-badge{position:absolute;top:-10px;right:-10px;z-index:2}@keyframes pulse{0%{transform:scale(.8);opacity:.9}to{transform:scale(1.7);opacity:0}}.chart-card{position:absolute;z-index:5;left:40px;top:40px;width:min(320px,calc(100% - 60px));padding:16px 18px;border-radius:8px;color:var(--ink);background:linear-gradient(#f2e2bd,#e2c894);border:2px solid #8a6a44;box-shadow:0 14px 30px #0000008c}.chart-card[hidden]{display:none}.chart-card h3{margin:0 26px 8px 0;font:700 19px var(--font-display)}.chart-card dl{display:grid;grid-template-columns:auto 1fr;gap:3px 12px;margin:0 0 8px;font-size:14px}.chart-card dt{font-weight:700;opacity:.75}.chart-card dd{margin:0}.chart-card p{margin:0 0 10px;font-size:14px;line-height:1.4}.card-close{position:absolute;right:8px;top:6px;width:30px;height:30px;border:0;background:none;font-size:22px;color:var(--ink);cursor:pointer}.card-actions{display:flex;flex-wrap:wrap;gap:8px}.card-actions .btn{padding:8px 14px;font-size:14px}.chart-card .btn-ghost{color:var(--ink);border:2px solid #8a6a44;background:#ffffff59}.chart-card .btn-ghost:hover{background:#fff9}.live-panel{display:flex;flex-direction:column;height:0;min-height:100%;padding:16px;border-radius:10px;color:var(--ivory);background:linear-gradient(180deg,#101b30f5,#0a1222f5);border:2px solid #7a5418;box-shadow:0 14px 30px #00000080,inset 0 0 0 1px #f0cc7433}.live-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.live-head h2{margin:0;font:700 18px var(--font-display);letter-spacing:.08em;text-transform:uppercase;color:var(--gold-hi)}.conn{font-size:12px;font-weight:700;padding:3px 8px;border-radius:99px;background:#333;color:#ddd;white-space:nowrap}.conn:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:currentColor;margin-right:6px;vertical-align:1px}.conn-live,.conn-polling{background:#1eff0024;color:#7dff6a}.conn-reconnecting,.conn-connecting{background:#ffb34729;color:#ffb347}.conn-unavailable,.conn-offline{background:#d9273233;color:#ff8a90}.conn-demo{background:#a335ee38;color:#d9a8ff}.conn-stale{background:#ffb34729;color:#ffb347}.updated{display:block;margin:4px 0 10px;font-size:12px;opacity:.7;min-height:1em}.filters{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.filter{padding:5px 10px;border-radius:99px;border:1px solid rgba(240,204,116,.35);background:transparent;color:var(--ivory);font:600 12px var(--font-body);cursor:pointer}.filter[aria-pressed=true]{background:var(--gold);color:var(--navy);border-color:var(--gold-hi)}.filter:focus-visible{outline:2px solid var(--gold-hi);outline-offset:2px}.live-note{margin:0 0 10px;padding:8px 10px;border-radius:6px;font-size:12px;line-height:1.4;background:#ffb3471f;color:#ffd9a0}.live-note[hidden]{display:none}.live-list{list-style:none;margin:0;padding:0;overflow-y:auto;flex:1 1 0;min-height:150px;display:flex;flex-direction:column;gap:6px}.live-empty{padding:14px 8px;font-size:13px;opacity:.7;text-align:center}.live-row{width:100%;display:grid;grid-template-columns:30px 1fr auto;gap:8px;align-items:center;padding:8px;border-radius:8px;border:1px solid rgba(240,204,116,.15);border-left:3px solid var(--gold);background:#ffffff0a;color:inherit;text-align:left;cursor:pointer;font:inherit}.live-row:hover,.live-row:focus-visible{background:#f0cc741a;outline:none;border-color:#f0cc7480}.live-row.st-upcoming{border-left-color:#ffb347}.live-row.st-contested{border-left-color:var(--crown-red)}.live-row.st-completed{opacity:.55;border-left-color:#777}.live-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#f0cc741f;color:var(--gold-hi)}.live-main{display:flex;flex-direction:column;min-width:0}.live-main strong{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.live-main span{font-size:12px;opacity:.7}.live-side{display:flex;flex-direction:column;align-items:flex-end;gap:3px}.pill{font-size:11px;font-weight:700;padding:1px 7px;border-radius:99px;background:#1eff0026;color:#7dff6a}.pill.st-upcoming{background:#ffb34729;color:#ffb347}.pill.st-contested{background:#d9273240;color:#ff8a90}.pill.st-completed{background:#a0a0a029;color:#bbb}.live-time{font-size:11px;font-variant-numeric:tabular-nums;opacity:.85;white-space:nowrap}.plaque{position:absolute;z-index:4;left:calc((100% - 414px)/2 + 36px);top:6px;transform:translate(-50%);padding:8px 14px;border-radius:12px;background:linear-gradient(#5a3f2c,#2b1e16);border:3px solid #c89a3b;box-shadow:0 10px 24px #0009,inset 0 0 0 2px #2a1d14}.plaque .play-plaque{white-space:nowrap;font-size:20px;padding:12px 34px;letter-spacing:.1em}.plaque-rope{position:absolute;top:-22px;width:6px;height:26px;background:repeating-linear-gradient(45deg,#b8915a 0 4px,#7a5a34 4px 8px);border-radius:3px}.plaque-rope.l{left:22px}.plaque-rope.r{right:22px}@media(max-width:1060px){.chart-layout{grid-template-columns:1fr}.live-panel{height:auto;min-height:0}.live-list{flex:none;min-height:0;max-height:340px}.trade-board{flex:none;min-height:0}.plaque{left:50%}.d-spyglass,.d-letter{display:none}}@media(max-width:640px){.chart-section{padding:calc(var(--nav-h) + 8px) 0 40px}.table{padding:60px 10px 24px;border-radius:0}.chart-frame{aspect-ratio:4 / 5;padding:18px 0 0 18px}.ruler-x{left:18px;height:18px;font-size:10px}.ruler-y{top:18px;width:18px;font-size:10px}.ruler-y span{width:18px}.ruler-x span{top:2px}.chart-card{inset:auto 8px 8px 26px;width:auto;max-height:60%;overflow-y:auto}.plaque .play-plaque{font-size:16px;padding:10px 22px}.decor{display:none}.d-lantern{display:block;width:46px;height:76px;top:-20px}.lantern-glow{width:300px;height:300px}.live-list{max-height:300px}.chart-zoom{top:26px}}@media(prefers-reduced-motion:reduce){.lantern-glow{animation:none}.marker.st-active .ring{animation:none;opacity:.6;transform:scale(1.2)}}.hero .wrap,.band .wrap,.footer .wrap{padding-left:16px;padding-right:16px}@media(min-width:900px){.hero .wrap,.band .wrap,.footer .wrap{padding-left:24px;padding-right:24px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.muted{opacity:.75}.sec-head{margin-bottom:28px}.sec-kicker{margin:0 0 6px;font-family:var(--font-display);font-size:.8rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--parchment);opacity:.8}.sec-kicker:before{content:"";display:inline-block;width:28px;height:2px;margin-right:10px;vertical-align:middle;background:var(--gold)}.sec-head .section-lead{margin-bottom:0}.framed{position:relative;background:linear-gradient(180deg,#ffffff0a,#0000002e),linear-gradient(180deg,var(--wood-hi),var(--wood));border:1px solid rgba(200,154,59,.55);border-radius:var(--radius);box-shadow:inset 0 0 0 3px #0a122259,inset 0 0 0 4px #c89a3b2e,0 8px 22px #00000059}.btn-sm{min-height:44px;padding:8px 14px;font-size:.8rem}.img-ph{width:100%;background:repeating-linear-gradient(45deg,rgba(255,255,255,.03) 0 12px,transparent 12px 24px),linear-gradient(160deg,var(--forest),var(--navy))}.pillar-link,.patch-link{display:inline-flex;align-items:center;min-height:44px;color:var(--gold-hi);font-family:var(--font-display);font-weight:800;letter-spacing:.04em;text-transform:uppercase;font-size:.85rem;text-decoration:none}.pillar-link>span,.patch-link>span{margin-left:6px}.pillar-link:hover,.patch-link:hover{text-decoration:underline;text-underline-offset:4px}.hero{position:relative;overflow:hidden;isolation:isolate;background:var(--navy-deep);padding:56px 0 64px}.hero-bg{position:absolute;inset:0;z-index:-1}.hero-bg .hero-bg-img,.hero-bg .img-ph{width:100%;height:100%;object-fit:cover;object-position:center}.hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,#0a12228c,#0a122233 40%,#173d2bf2),linear-gradient(90deg,#0a1222e6,#101b3099 55%,#101b3033)}.hero-inner{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;justify-items:center;text-align:center}.hero-logo{width:min(62vw,260px)}.hero-logo-img{width:100%;height:auto;filter:drop-shadow(0 10px 24px rgba(0,0,0,.6))}.hero-copy{min-width:0;max-width:640px}.hero-title{margin:0 0 14px;font-family:var(--font-display);font-weight:900;text-transform:uppercase;letter-spacing:.03em;line-height:1.05;font-size:clamp(2rem,7.5vw,3.9rem);color:var(--ivory);text-shadow:0 3px 0 rgba(0,0,0,.55),0 0 28px rgba(0,0,0,.6);overflow-wrap:break-word}.hero-text{margin:0 0 24px;font-size:clamp(1rem,2.4vw,1.2rem);color:var(--parchment);text-shadow:0 1px 2px rgba(0,0,0,.8)}.hero-cta{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.hero-cta .btn{min-height:52px;padding:12px 24px;font-size:1rem}.hero-note{margin:16px 0 0;font-size:.85rem;color:var(--parchment);opacity:.85}@media(min-width:900px){.hero{padding:96px 0 112px;min-height:min(78vh,760px);display:flex;align-items:center}.hero .hero-inner{width:100%;grid-template-columns:minmax(260px,400px) minmax(0,1fr);gap:56px;align-items:center;justify-items:start;text-align:left}.hero-logo{width:100%}.hero-cta{justify-content:flex-start}}.pillars{list-style:none;margin:0;padding:0;display:grid;gap:18px;grid-template-columns:minmax(0,1fr)}@media(min-width:640px){.pillars{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1100px){.pillars{grid-template-columns:repeat(4,minmax(0,1fr))}}.pillar{display:flex;flex-direction:column;overflow:hidden;transition:transform .18s ease,box-shadow .18s ease}.pillar:hover,.pillar:focus-within{transform:translateY(-4px);box-shadow:inset 0 0 0 3px #0a122259,inset 0 0 0 4px #c89a3b4d,0 16px 30px #00000073}.pillar-art{border-bottom:2px solid rgba(200,154,59,.5)}.pillar-art img,.pillar-art .img-ph{width:100%;height:auto;aspect-ratio:16 / 10;object-fit:cover}.pillar-body{display:flex;flex-direction:column;flex:1;padding:16px 18px 8px}.pillar-title{margin:0 0 6px;font-family:var(--font-display);font-weight:900;font-size:1.5rem;letter-spacing:.08em;text-transform:uppercase;color:var(--gold-hi)}.pillar-text{margin:0 0 8px;color:var(--parchment);flex:1}.isles{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(260px,86%);gap:14px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;padding:4px 2px 14px;scrollbar-color:var(--gold) transparent}.isle-cell{scroll-snap-align:start;display:flex}@media(min-width:720px){.isles{grid-auto-flow:row;grid-auto-columns:auto;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px;overflow:visible;padding:0}}.isle{display:flex;flex-direction:column;width:100%;overflow:hidden;cursor:pointer;transition:transform .18s ease,border-color .18s ease}.isle:hover,.isle:focus-within{transform:translateY(-4px);border-color:var(--gold-hi)}.isle-art{position:relative;border-bottom:2px solid rgba(200,154,59,.5)}.isle-art img,.isle-art .img-ph{width:100%;height:auto;aspect-ratio:16 / 9;object-fit:cover}.live-badge{position:absolute;top:10px;left:10px;display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;font-family:var(--font-display);font-size:.75rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;background:#0a1222e0;color:var(--gold-hi);border:1px solid var(--gold)}.live-badge[hidden]{display:none}.live-badge:before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor}.live-badge.is-live{color:var(--crown-white);background:var(--crown-red);border-color:var(--crown-white)}.live-badge.is-live:before{animation:live-pulse 1.4s ease-in-out infinite}@keyframes live-pulse{50%{opacity:.25}}.isle-body{display:flex;flex-direction:column;flex:1;padding:14px 16px 12px}.isle-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.isle-name{margin:0;font-family:var(--font-display);font-size:1.2rem;color:var(--ivory)}.danger-tag{flex:none;padding:2px 9px;border-radius:4px;font-size:.72rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:var(--navy-deep);background:var(--dz, var(--parchment))}.danger-safe{--dz: #8fd18b}.danger-easy{--dz: #c8e08a}.danger-normal{--dz: #7cc3ea}.danger-hard{--dz: var(--gold-hi)}.danger-deadly{--dz: #ff8a7a}.danger-pvp .danger-tag{background:var(--crown-red);color:var(--crown-white)}.isle-desc{margin:8px 0 10px;color:var(--parchment);font-size:.95rem}.isle-facts,.class-facts{margin:0 0 10px;display:grid;gap:4px 12px;grid-template-columns:repeat(3,minmax(0,1fr))}.fact dt{font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--gold)}.fact dd{margin:0;font-weight:700;color:var(--ivory)}.holder-pallor dd,.holder-legion-front dd{color:#ff8a7a}.holder-contested dd{color:var(--crown-white)}.isle-dungeons h4{margin:4px 0 2px;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--gold)}.isle-dungeons ul{margin:0 0 8px;padding:0;list-style:none;font-size:.92rem}.isle-dungeons a{color:var(--ivory);display:inline-block;padding:3px 0}.isle-actions{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:6px}.isle-wiki{display:inline-flex;align-items:center;min-height:44px;padding:0 6px;color:var(--gold-hi);font-weight:700}.class-tabs{display:flex;gap:8px;overflow-x:auto;padding:2px 2px 12px;margin-bottom:14px;scroll-snap-type:x proximity;scrollbar-color:var(--gold) transparent}@media(min-width:1000px){.class-tabs{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));overflow:visible}}.class-tab{flex:0 0 auto;scroll-snap-align:start;display:flex;flex-direction:column;align-items:center;gap:6px;min-width:96px;min-height:44px;padding:8px 6px 10px;border-radius:8px;border:1px solid rgba(200,154,59,.35);background:#0a122273;color:var(--parchment);font:inherit;font-family:var(--font-display);font-weight:800;font-size:.8rem;letter-spacing:.03em;cursor:pointer;transition:background .15s,border-color .15s,transform .15s}.class-tab:hover{border-color:var(--gold);transform:translateY(-2px)}.class-tab[aria-selected=true]{background:linear-gradient(180deg,var(--wood-hi),var(--wood));border-color:var(--gold-hi);color:var(--gold-hi);box-shadow:0 0 0 1px var(--gold-hi),0 6px 14px #00000059}.class-tab .class-tab-img,.class-tab .img-ph{width:48px;height:60px;object-fit:cover;border-radius:6px}.class-panel{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;padding:16px}.class-panel[hidden]{display:none}@media(min-width:800px){.class-panel{grid-template-columns:minmax(220px,340px) minmax(0,1fr);gap:28px;padding:24px}}.class-portrait{max-width:340px;width:100%;justify-self:center}.class-portrait img,.class-portrait .img-ph{width:100%;height:auto;aspect-ratio:4 / 5;object-fit:cover;border-radius:8px;border:2px solid rgba(200,154,59,.55);background:radial-gradient(circle at 50% 35%,var(--forest),var(--navy-deep))}.class-name{margin:0 0 8px;font-family:var(--font-display);font-size:clamp(1.5rem,3vw,2rem);color:var(--gold-hi);text-transform:uppercase;letter-spacing:.05em}.role-tags{display:flex;flex-wrap:wrap;gap:6px}.role-tag{padding:2px 10px;border-radius:999px;font-size:.75rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;border:1px solid currentColor}.role-tanque{color:#7cc3ea}.role-sanador{color:#8fd18b}.role-dano{color:#ff8a7a}.class-desc{color:var(--parchment);margin:12px 0 14px}.class-facts{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px 16px;margin-bottom:16px}.ability-title{margin:0 0 8px;font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:var(--gold)}.abilities{list-style:none;margin:0 0 16px;padding:0;display:grid;gap:8px;grid-template-columns:minmax(0,1fr)}@media(min-width:640px){.abilities{grid-template-columns:repeat(2,minmax(0,1fr))}}.ability{padding:10px 12px;border-radius:8px;background:#0a122273;border-left:3px solid var(--gold)}.ability-head{display:flex;justify-content:space-between;gap:8px;font-size:.95rem}.ability-head .muted{font-size:.78rem;white-space:nowrap}.ability p{margin:4px 0 0;font-size:.88rem;color:var(--parchment)}.rarity-legend{list-style:none;margin:0 0 20px;padding:0;display:flex;flex-wrap:wrap;gap:8px}.rarity-legend li{padding:3px 12px;border-radius:999px;border:1px solid var(--rc);color:var(--rc);font-size:.8rem;font-weight:800;background:#0000004d}.loot-grid{display:grid;gap:18px;grid-template-columns:minmax(0,1fr)}@media(min-width:700px){.loot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1100px){.loot-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.loot-cat{padding:16px 16px 12px}.loot-cat-title{margin:0 0 4px;font-family:var(--font-display);color:var(--gold-hi);font-size:1.1rem;text-transform:uppercase;letter-spacing:.05em}.loot-blurb{margin:0 0 10px;font-size:.9rem;color:var(--parchment)}.loot-list{list-style:none;margin:0;padding:0}.loot-item{display:flex;align-items:center;gap:12px;padding:6px 0;border-top:1px solid rgba(232,213,173,.08)}.loot-icon{flex:none;position:relative;width:44px;height:44px;border-radius:6px;border:2px solid var(--rc);background:radial-gradient(circle at 50% 40%,color-mix(in srgb,var(--rc) 45%,transparent),transparent 70%),#0c1424;box-shadow:0 0 10px color-mix(in srgb,var(--rc) 35%,transparent);overflow:hidden}.loot-icon .loot-canvas{position:absolute;inset:0;width:100%;height:100%;image-rendering:auto}.loot-text{display:flex;flex-direction:column;min-width:0}.loot-name{color:var(--rc);font-weight:800;text-decoration:none;overflow-wrap:anywhere;padding:2px 0}.loot-name:hover{text-decoration:underline}.loot-meta{font-size:.8rem;color:var(--parchment);opacity:.8}.loot-note{margin:10px 0 0;font-size:.85rem;color:var(--parchment);font-style:italic}.loot-disclaimer{margin:24px 0 0;padding:14px 16px;border-radius:8px;border:1px dashed rgba(200,154,59,.6);background:#0a12228c;color:var(--parchment)}.loot-disclaimer strong{color:var(--gold-hi)}.loot-more,.patch-all{margin:20px 0 0}.patches{list-style:none;margin:0;padding:0;display:grid;gap:18px;grid-template-columns:minmax(0,1fr)}@media(min-width:800px){.patches{grid-template-columns:repeat(2,minmax(0,1fr))}}.patch-card{display:flex;flex-direction:column;padding:16px 18px 6px;transition:transform .18s ease}.patch-card:hover{transform:translateY(-3px)}.patch-card.is-latest{border-color:var(--gold-hi)}.patch-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;font-size:.82rem;color:var(--parchment)}.patch-version{font-family:var(--font-display);font-weight:900;color:var(--gold);letter-spacing:.06em;text-transform:uppercase}.patch-latest{padding:1px 8px;border-radius:999px;background:var(--gold);color:var(--navy);font-weight:900;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase}.patch-title{margin:6px 0;font-family:var(--font-display);font-size:1.3rem}.patch-title a{color:var(--ivory);text-decoration:none}.patch-title a:hover{color:var(--gold-hi)}.patch-summary{margin:0 0 8px;color:var(--parchment);font-size:.92rem;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;line-clamp:4;overflow:hidden}.patch-highlights{margin:0 0 4px;padding-left:18px;font-size:.9rem}.patch-highlights li::marker{color:var(--gold)}.patch-link{margin-top:auto}.crew{padding:24px 16px;text-align:center;background:radial-gradient(ellipse at 50% 0%,rgba(200,154,59,.16),transparent 60%),linear-gradient(180deg,var(--wood-hi),var(--wood))}@media(min-width:800px){.crew{padding:40px 48px}}.crew .section-lead{margin-left:auto;margin-right:auto}.crew-links{display:grid;gap:12px;grid-template-columns:minmax(0,1fr);max-width:900px;margin:0 auto}@media(min-width:640px){.crew-links{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}}.crew-link{display:flex;flex-direction:column;justify-content:center;min-height:64px;padding:10px 16px;border-radius:8px;border:2px solid var(--gold);background:#0a122299;color:var(--ivory);text-decoration:none;transition:transform .15s,background .15s}.crew-link:hover{transform:translateY(-2px);background:#c89a3b29}.crew-link-label{font-family:var(--font-display);font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:var(--gold-hi)}.crew-link-hint{font-size:.85rem;color:var(--parchment)}.crew-pending{margin:14px auto 8px;max-width:560px;padding:10px 14px;border-radius:8px;background:#0a122280;color:var(--parchment)}.crew-sub{margin:28px 0 12px;font-family:var(--font-display);font-size:.85rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}.crew-pages .crew-link{border-color:#c89a3b80}.footer{background:linear-gradient(180deg,var(--wood),#1c140f);border-top:3px solid var(--gold);color:var(--parchment);padding:36px 0 28px}.footer-inner{display:grid;gap:24px;grid-template-columns:minmax(0,1fr);justify-items:center;text-align:center}@media(min-width:860px){.footer-inner{grid-template-columns:auto minmax(0,1fr);justify-items:start;text-align:left;align-items:center}.footer-legal{grid-column:1 / -1}}.footer-brand{display:flex;align-items:center;gap:14px}.footer-brand img{width:72px;height:auto}.footer-tagline{margin:0;font-family:var(--font-display);font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:var(--gold-hi)}.footer-nav ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:4px 6px}@media(min-width:860px){.footer-nav ul{justify-content:flex-end}}.footer-nav a,.footer-wallet{display:inline-flex;align-items:center;min-height:44px;padding:0 10px;color:var(--ivory);text-decoration:none;font:inherit;font-weight:700;background:none;border:0;cursor:pointer}.footer-nav a:hover,.footer-wallet:hover{color:var(--gold-hi);text-decoration:underline;text-underline-offset:4px}.footer-legal{width:100%;border-top:1px solid rgba(200,154,59,.3);padding-top:16px;font-size:.85rem}.footer-legal p{margin:0 0 4px}.footer-copy{opacity:.75}html.wm-open{overflow:hidden}.wm-overlay{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:16px;background:#060b16c7;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.wm-dialog{width:100%;max-width:480px;max-height:calc(100dvh - 32px);overflow-y:auto;padding:20px;color:var(--ivory);animation:wm-in .18s ease-out}@keyframes wm-in{0%{opacity:0;transform:translateY(10px) scale(.98)}}.wm-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.wm-head h2{margin:0;font-family:var(--font-display);color:var(--gold-hi);text-transform:uppercase;letter-spacing:.06em;font-size:1.35rem}.wm-close{flex:none;width:44px;height:44px;border-radius:8px;border:1px solid rgba(200,154,59,.6);background:#0a122299;color:var(--ivory);font-size:1.2rem;font-weight:900;cursor:pointer}.wm-close:hover{background:#c89a3b33}.wm-intro{margin:10px 0;color:var(--parchment)}.wm-safety{margin:0 0 14px;padding:10px 12px;border-radius:8px;border-left:4px solid var(--crown-red);background:#d927321f;font-size:.9rem}.wm-sub{margin:0 0 8px;font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:var(--gold)}.wm-options{list-style:none;margin:0;padding:0;display:grid;gap:8px}.wm-wallet{width:100%;min-height:52px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px;border-radius:8px;border:2px solid var(--gold);background:#0a122299;color:var(--ivory);font:inherit;font-weight:800;text-align:left;cursor:pointer}.wm-wallet:hover:not(:disabled){background:#c89a3b2e}.wm-wallet:disabled{cursor:not-allowed;opacity:.6}.wm-wallet-tag{font-size:.75rem;font-weight:700;color:var(--parchment);opacity:.85}.wm-apps a.wm-wallet{box-sizing:border-box;text-decoration:none}.wm-apps .wm-options{margin:8px 0}.is-off .wm-wallet{border-style:dashed;border-color:#c89a3b80}.wm-note{margin:6px 0 0;font-size:.85rem;color:var(--parchment)}.wm-empty{margin:0 0 10px}.wm-connected{display:grid;gap:6px;justify-items:start}.wm-connected .btn{margin-top:8px}.wm-token{display:grid;gap:6px;justify-items:start;margin-top:14px;padding-top:12px;border-top:1px solid rgba(200,154,59,.3)}.wm-token a{color:var(--gold-hi)}.wm-label{margin:0;color:var(--parchment)}.wm-address{margin:0;font-size:1.3rem}.wm-address code{color:var(--gold-hi);font-weight:800}.wm-status{margin:12px 0 0;min-height:1.4em;font-size:.9rem;color:var(--parchment)}.wm-status.is-error{color:#ff9a8a}
