*{box-sizing:border-box;margin:0;padding:0}html,body{background:#111;width:100%;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button{transition:transform .1s,filter .15s}button:hover{filter:brightness(1.3)}button:active{filter:brightness(.9);transform:scale(.95)}@keyframes slideInRight{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes fadeSlideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes notificationSlideIn{0%{opacity:0;transform:translate(-30px)scale(.9)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes startMapDrift{0%,to{transform:translate(-50%,-50%)rotate(-5deg)scale(1.06)}50%{transform:translate(-49%,-51%)rotate(-5deg)scale(1.08)}}@keyframes startMarkerPulse{0%,to{box-shadow:0 0 #fff7de59,0 14px 28px #00000075}50%{box-shadow:0 0 0 12px #fff7de00,0 18px 36px #0000008a}}@keyframes startRailSweep{0%{transform:translate(-110%)}to{transform:translate(110%)}}@keyframes auroraDrift{0%,to{opacity:.55;transform:translate(0,0)scale(1)}50%{opacity:.8;transform:translate(4%,-3%)scale(1.12)}}@keyframes auroraDriftAlt{0%,to{opacity:.35;transform:translate(0,0)scale(1.1)}50%{opacity:.6;transform:translate(-6%,4%)scale(.95)}}@keyframes emberRise{0%{opacity:0;transform:translateY(8vh)translate(0)}10%{opacity:.9}to{opacity:0;transform:translateY(-110vh)translate(40px)}}@keyframes titleGlow{0%,to{filter:drop-shadow(0 0 22px #ffc86e2e)}50%{filter:drop-shadow(0 0 36px #ffc86e57)}}@keyframes titleShimmer{0%{background-position:-120%}to{background-position:220%}}@keyframes sigilSpin{to{transform:rotate(360deg)}}@keyframes sigilSpinReverse{to{transform:rotate(-360deg)}}@keyframes sigilPulse{0%,to{opacity:.55;transform:scale(1)}50%{opacity:.95;transform:scale(1.08)}}@keyframes heroFadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes consoleRise{0%{opacity:0;transform:translateY(20px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}.progress-bar-shimmer{background:linear-gradient(90deg,#0000 0%,#ffffff26 50%,#0000 100%) 0 0/200% 100%;animation:2s ease-in-out infinite shimmer}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#1a1a1a}::-webkit-scrollbar-thumb{background:#444;border-radius:3px}.start-screen{color:#fff7de;isolation:isolate;background:radial-gradient(at 50% 30%,#0c1218 0%,#050708 70%);min-height:100svh;position:relative;overflow:hidden}.start-screen__map-layer,.start-screen__shade,.start-screen__grid,.start-screen__aurora,.start-screen__embers,.start-screen__vignette{pointer-events:none;position:fixed;inset:0}.start-screen__map-layer{z-index:0;filter:saturate(1.15)contrast(1.05)brightness(.86);overflow:hidden}.start-screen__shade{z-index:1;background:radial-gradient(60% 50% at 50% 38%,#0000 0%,#0305078c 60%,#030507e0 100%),linear-gradient(#03050799 0%,#0305071a 38%,#030507eb 100%)}.start-screen__grid{z-index:2;opacity:.18;background-color:#0000;background-image:linear-gradient(#fff7de1a 1px,#0000 1px),linear-gradient(90deg,#fff7de12 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:84px 84px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;-webkit-mask-image:radial-gradient(70% 60%,#000 30%,#0000 80%);mask-image:radial-gradient(70% 60%,#000 30%,#0000 80%)}.start-screen__aurora{z-index:3;mix-blend-mode:screen;overflow:hidden}.start-screen__aurora span{filter:blur(80px);opacity:.5;will-change:transform;border-radius:50%;position:absolute}.start-screen__aurora span:first-child{background:radial-gradient(circle, var(--aurora-color,#d7b45d) 0%, transparent 65%);width:60vw;height:60vw;animation:22s ease-in-out infinite auroraDrift;top:10vh;left:-10vw}.start-screen__aurora span:nth-child(2){background:radial-gradient(circle,#2f9f8f 0%,#0000 65%);width:50vw;height:50vw;animation:26s ease-in-out infinite auroraDriftAlt;top:30vh;right:-8vw}.start-screen__aurora span:nth-child(3){background:radial-gradient(#1e637d 0%,#0000 70%);width:70vw;height:40vh;animation:30s ease-in-out infinite reverse auroraDrift;bottom:-10vh;left:12vw}.start-screen__embers{z-index:4;overflow:hidden}.start-screen__embers span{will-change:transform, opacity;background:radial-gradient(circle,#ffdc96f2,#ffb45a33 60%,#0000);border-radius:50%;animation:linear infinite emberRise;position:absolute;bottom:-10vh;box-shadow:0 0 12px #ffc87880}.start-screen__vignette{z-index:5;background:radial-gradient(90% 80%,#0000 50%,#000000a6 100%)}.start-screen__topbar{z-index:7;pointer-events:none;justify-content:space-between;align-items:center;gap:12px;display:flex;position:fixed;top:22px;left:24px;right:24px}.start-screen__topbar>*{pointer-events:auto}.start-screen__brand{color:#f7e9c7;letter-spacing:.22em;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0a0d0e8c;border:1px solid #f6e6b22e;border-radius:999px;align-items:center;gap:10px;height:40px;padding:0 14px;font-size:11px;font-weight:900;display:flex}.start-screen__brand-dot{background:#ffb968;border-radius:50%;width:7px;height:7px;animation:2.4s ease-in-out infinite sigilPulse;box-shadow:0 0 10px #ffb968e6}.start-screen__brand-divider{background:#f6e6b24d;width:1px;height:14px}.start-screen__brand-era{color:#fff7deb3;letter-spacing:.18em;font-weight:800}.start-screen__rules{color:#f7e9c7;letter-spacing:.12em;cursor:pointer;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0a0d0e99;border:1px solid #f6e6b247;border-radius:999px;align-items:center;gap:8px;height:40px;padding:0 16px;font-size:12px;font-weight:900;transition:border-color .2s,transform .15s,background .2s;display:inline-flex}.start-screen__rules:hover{background:#14100ab8;border-color:#ffc878a6}.start-screen__rules span[aria-hidden=true]{color:#ffd28a;font-size:14px}.start-screen__center{z-index:6;align-content:center;place-items:center;gap:36px;min-height:100svh;padding:96px 24px 88px;display:grid;position:relative}.start-screen__hero{text-align:center;justify-items:center;gap:14px;animation:.9s cubic-bezier(.2,.7,.2,1) both heroFadeUp;display:grid}.start-screen__title{letter-spacing:-.03em;text-align:center;background:linear-gradient(100deg,#fff4d4 0%,#ffe3a8 22%,#ffd28a 38%,#fff4d4 52%,#ffd28a 66%,#ffb968 82%,#fff4d4 100%) 0 0/220% 100%;-webkit-text-fill-color:transparent;color:#0000;text-shadow:0 30px 80px #0009;-webkit-background-clip:text;background-clip:text;font-size:clamp(64px,11vw,132px);font-weight:950;line-height:.88;animation:9s linear infinite titleShimmer,5s ease-in-out infinite titleGlow;position:relative}.start-screen__title:after{content:attr(data-text);z-index:-1;color:#0000008c;-webkit-text-fill-color:#0000008c;filter:blur(18px);position:absolute;inset:0;transform:translateY(6px)}.start-screen__tagline{color:#fff7debf;letter-spacing:.04em;max-width:560px;font-size:clamp(13px,1.4vw,16px);font-weight:500;line-height:1.55}.start-screen__entry{justify-items:center;gap:14px;animation:1.1s cubic-bezier(.2,.7,.2,1) .15s both heroFadeUp;display:grid}.start-screen__entry-hint{color:#fff7de80;letter-spacing:.16em;text-transform:uppercase;font-size:12px;font-weight:600}.start-screen__primary-button{color:#fffdf4;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;background:#b86a2a;border:1px solid #ffdca08c;border-radius:12px;justify-content:center;align-items:center;gap:14px;width:min(360px,100vw - 48px);min-height:68px;font-size:15px;font-weight:950;transition:transform .18s cubic-bezier(.2,.7,.2,1),box-shadow .25s,background .2s;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 22px 60px #0000008c,inset 0 0 0 1px #ffdca02e,0 0 40px #ffb45a2e}.start-screen__primary-button:before{content:"";pointer-events:none;background:linear-gradient(100deg,#0000 30%,#ffffff47 50%,#0000 70%);animation:3.6s ease-in-out infinite startRailSweep;position:absolute;inset:0;transform:translate(-110%)}.start-screen__primary-button:after{content:"";border-radius:inherit;opacity:0;pointer-events:none;z-index:-1;filter:blur(14px);background:radial-gradient(circle,#ffb45a8c,#0000 70%);transition:opacity .25s;position:absolute;inset:-1px}.start-screen__primary-button:hover:not(:disabled){background:#c8762f;transform:translateY(-2px);box-shadow:0 28px 70px #0009,inset 0 0 0 1px #ffdca059,0 0 60px #ffb45a59}.start-screen__primary-button:hover:not(:disabled):after{opacity:1}.start-screen__primary-button:active:not(:disabled){transform:translateY(0)}.start-screen__primary-button:disabled{cursor:not-allowed;opacity:.5;filter:grayscale(.4)}.start-screen__primary-label{z-index:1;position:relative}.start-screen__primary-arrow{z-index:1;font-size:18px;transition:transform .2s;position:relative}.start-screen__primary-button:hover:not(:disabled) .start-screen__primary-arrow{transform:translate(4px)}.start-screen__console{-webkit-backdrop-filter:blur(22px)saturate(1.15);backdrop-filter:blur(22px)saturate(1.15);background:linear-gradient(#0f1418c7,#05080ad9);border:1px solid #f6e6b238;border-radius:16px;gap:14px;width:min(560px,100vw - 32px);padding:22px;animation:.7s cubic-bezier(.2,.7,.2,1) both consoleRise;display:grid;position:relative;box-shadow:0 40px 100px #0009,inset 0 0 0 1px #fff7de0a,inset 0 1px #fff7de14}.start-screen__console-glow{border-radius:inherit;filter:blur(20px);opacity:.6;z-index:-1;pointer-events:none;background:linear-gradient(135deg,#ffdca040,#0000 30%,#2e9f8f2e 100%);position:absolute;inset:-1px}.start-screen__console .start-screen__primary-button{width:100%}.start-screen__account{background:linear-gradient(#08161699,#08101273);border:1px solid #d8fff529;border-radius:10px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 14px;display:grid}.start-screen__account-info{gap:2px;min-width:0;display:grid}.start-screen__account-label{color:#fff7de8c;letter-spacing:.22em;text-transform:uppercase;font-size:10px;font-weight:800}.start-screen__account-name{color:#fff7de;letter-spacing:.02em;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:900;overflow:hidden}.start-screen__signout{color:#f7e9c7;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;background:#0a0d0e99;border:1px solid #f6e6b238;border-radius:8px;height:32px;padding:0 12px;font-size:11px;font-weight:900;transition:border-color .2s,background .2s}.start-screen__signout:hover{background:#14100abf;border-color:#ffc8788c}.start-screen__error{color:#e8dec6;word-break:break-word;background:linear-gradient(#38120eb3,#240c0a99);border:1px solid #da574a73;border-radius:10px;gap:4px;padding:12px 14px;font-size:13px;line-height:1.4;display:grid}.start-screen__error strong{color:#ffb09a;letter-spacing:.16em;text-transform:uppercase;font-size:12px;font-weight:900}.start-screen__crest{background:linear-gradient(135deg, color-mix(in srgb, var(--nation-color) 14%, transparent), transparent 60%), linear-gradient(180deg, #05080ab3, #05080a80);border:1px solid #f6e6b22e;border-radius:12px;grid-template-columns:92px minmax(0,1fr);align-items:center;gap:18px;padding:16px;display:grid;position:relative;overflow:hidden}.start-screen__crest:before{content:"";background:var(--nation-color);width:3px;box-shadow:0 0 18px var(--nation-color);position:absolute;top:0;bottom:0;left:0}.start-screen__sigil{place-items:center;width:92px;height:92px;display:grid;position:relative}.start-screen__sigil-ring{border:1px dashed #fff7de73;border-radius:50%;animation:24s linear infinite sigilSpin;position:absolute;inset:0}.start-screen__sigil-ring--inner{border:1px solid var(--nation-color);opacity:.85;border-top-color:#0000;border-bottom-color:#0000;animation:12s linear infinite sigilSpinReverse;inset:10px}.start-screen__sigil-core{z-index:1;background:radial-gradient(circle at 30% 25%, #ffffff59, transparent 55%), radial-gradient(circle, color-mix(in srgb, var(--nation-color) 80%, #000) 0%, color-mix(in srgb, var(--nation-color) 50%, #000) 100%);color:#fff7de;letter-spacing:0;border-radius:50%;place-items:center;width:56px;height:56px;font-family:Georgia,Times New Roman,serif;font-size:26px;font-weight:950;display:grid;position:relative;box-shadow:inset 0 0 0 1px #fff7de59,0 8px 20px #00000080}.start-screen__sigil-glow{background:radial-gradient(circle, var(--nation-color) 0%, transparent 60%);opacity:.4;filter:blur(14px);border-radius:50%;animation:3.6s ease-in-out infinite sigilPulse;position:absolute;inset:-6px}.start-screen__crest-body{gap:4px;min-width:0;display:grid}.start-screen__crest-label{color:#fff7de8c;letter-spacing:.24em;text-transform:uppercase;font-size:10px;font-weight:800}.start-screen__crest-name{color:#fff7de;letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;font-size:22px;font-weight:950;line-height:1.1;overflow:hidden}.start-screen__crest-leader{color:#fff7deb3;letter-spacing:.04em;font-size:12px;font-style:italic;font-weight:600}.start-screen__crest-traits{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.start-screen__crest-trait{border:1px solid color-mix(in srgb, var(--nation-color) 60%, #f6e6b233);background:color-mix(in srgb, var(--nation-color) 10%, #05080a80);color:#fff7de;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;border-radius:999px;padding:3px 9px;font-size:10px;font-weight:800}.start-screen__picker{gap:8px;display:grid}.start-screen__picker-header{color:#fff7de8c;letter-spacing:.22em;text-transform:uppercase;justify-content:space-between;align-items:center;padding:0 2px;font-size:10px;font-weight:800;display:flex}.start-screen__picker-count{color:#ffc878b3}.start-screen__nations{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:260px;padding-right:4px;display:grid;overflow-y:auto}.start-screen__nation{min-width:0;min-height:56px;color:inherit;cursor:pointer;text-align:left;background:linear-gradient(#080c0ea6,#05080a80);border:1px solid #f6e6b224;border-radius:10px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;transition:border-color .2s,background .25s,transform .15s;display:grid;position:relative}.start-screen__nation:hover{border-color:color-mix(in srgb, var(--nation-color) 60%, #f6e6b233);background:linear-gradient(180deg, color-mix(in srgb, var(--nation-color) 8%, #080c0ea6), #05080a80);transform:translateY(-1px)}.start-screen__nation.is-active{border-color:var(--nation-color);background:linear-gradient(180deg, color-mix(in srgb, var(--nation-color) 18%, #080c0eb3), #05080a8c);box-shadow:0 0 0 1px var(--nation-color) inset, 0 0 24px color-mix(in srgb, var(--nation-color) 35%, transparent), 0 14px 32px #0006}.start-screen__nation-stripe{background:var(--nation-color);width:6px;height:36px;box-shadow:inset 0 0 0 1px #fff7de33, 0 0 12px color-mix(in srgb, var(--nation-color) 60%, transparent);border-radius:999px}.start-screen__nation-body{gap:2px;min-width:0;display:grid}.start-screen__nation-body strong{color:#fff7de;letter-spacing:.01em;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:13px;font-weight:950;overflow:hidden}.start-screen__nation-body em{color:#fff7de8c;letter-spacing:.1em;text-transform:uppercase;text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-style:normal;font-weight:700;overflow:hidden}.start-screen__nation-check{background:var(--nation-color);color:#0a0d0e;width:22px;height:22px;box-shadow:0 0 0 1px #fff7de4d, 0 0 14px color-mix(in srgb, var(--nation-color) 60%, transparent);border-radius:50%;place-items:center;font-size:13px;font-weight:950;display:grid}.start-screen__nations::-webkit-scrollbar{width:4px}.start-screen__nations::-webkit-scrollbar-thumb{background:#f6e6b22e;border-radius:999px}.start-screen__footer{z-index:6;color:#fff7de73;letter-spacing:.32em;text-transform:uppercase;pointer-events:none;justify-content:center;align-items:center;gap:14px;font-size:10px;font-weight:800;display:flex;position:fixed;bottom:22px;left:0;right:0}.start-screen__footer-line{background:linear-gradient(90deg,#0000,#ffc87873,#0000);width:64px;height:1px}.start-map{grid-template-rows:repeat(15,1fr);grid-template-columns:repeat(24,1fr);width:136vw;height:124vh;animation:18s ease-in-out infinite startMapDrift;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-5deg)scale(1.06)}.start-map__tile{border-bottom:1px solid #0000003d;border-right:1px solid #ffffff09;box-shadow:inset 0 1px #ffffff09}.start-map__tile--water{background:linear-gradient(135deg,#143f58,#1b6070)}.start-map__tile--coast{background:linear-gradient(135deg,#2f7f8a,#4f9b80)}.start-map__tile--grass{background:linear-gradient(135deg,#3f7e48,#57904d)}.start-map__tile--plains{background:linear-gradient(135deg,#7f9f58,#a28b4c)}.start-map__tile--forest{background:linear-gradient(135deg,#234d35,#2f6d43)}.start-map__tile--hills{background:linear-gradient(135deg,#74633f,#8c7e58)}.start-map__tile--desert{background:linear-gradient(135deg,#a7773f,#c49a53)}.start-map__tile--mountain{background:linear-gradient(135deg,#676d72,#a0a29b)}.start-map__route,.start-map__front,.start-map__fleet,.start-map__marker{pointer-events:none;position:absolute}.start-map__route{background:#f0c56a61;border:1px solid #fff7de47;border-radius:999px;height:5px;box-shadow:0 0 18px #f0c56a33}.start-map__route--one{width:31%;top:39%;left:31%;transform:rotate(10deg)}.start-map__route--two{width:22%;top:26%;left:47%;transform:rotate(34deg)}.start-map__front{filter:drop-shadow(0 0 12px #c851456b);border-left:3px dashed #c85145a8;width:16%;height:34%;top:50%;left:59%;transform:rotate(8deg)}.start-map__fleet{background:linear-gradient(90deg,#d8fff5,#2f7f8a);border-radius:2px 18px 18px 2px;width:54px;height:18px;top:70%;left:16%;box-shadow:0 14px 26px #00000052}.start-map__marker{z-index:2;background:var(--marker-color);border:2px solid #fff7dee6;border-radius:999px;width:28px;height:28px;animation:2.6s ease-in-out infinite startMarkerPulse;transform:translate(-50%,-50%)}.start-screen button:disabled:hover{filter:none;transform:none}@media (max-width:620px){.start-screen__topbar{top:14px;left:14px;right:14px}.start-screen__brand-era{display:none}.start-screen__center{gap:24px;padding:80px 16px 72px}.start-screen__primary-button{letter-spacing:.1em;min-height:60px}.start-screen__console{width:calc(100vw - 24px);padding:16px}.start-screen__crest{grid-template-columns:72px minmax(0,1fr);gap:14px;padding:14px}.start-screen__sigil{width:72px;height:72px}.start-screen__sigil-core{width:44px;height:44px;font-size:22px}.start-screen__crest-name{font-size:18px}.start-screen__nations{grid-template-columns:1fr;max-height:240px}.start-screen__footer{letter-spacing:.24em;font-size:9px;bottom:14px}.start-screen__footer-line{width:40px}.start-map{width:220vw;height:118vh}}@media (prefers-reduced-motion:reduce){.start-map,.start-map__marker,.start-screen__primary-button:before,.start-screen__title,.start-screen__aurora span,.start-screen__embers span,.start-screen__sigil-ring,.start-screen__sigil-glow,.start-screen__brand-dot,.start-screen__hero,.start-screen__entry,.start-screen__console{animation:none!important}}