:root{--ink:#14251f;--surface:#1b2d27;--gold:#d8bb86;--cream:#f0ebdc;--muted:#adb6a7;--line:rgba(218,203,165,.19);font-family:Arial,Helvetica,sans-serif;color:var(--cream);font-size:16px;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:#254c50;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:not-allowed}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:2px solid var(--gold);outline-offset:5px}button{transition:background .2s,transform .2s,border-color .2s}button:hover:not(:disabled){filter:brightness(1.09)}button:active:not(:disabled){transform:translateY(1px)}[hidden]{display:none!important}#world{display:block;position:fixed;inset:0;width:100%;height:100%;touch-action:none;cursor:grab}#world:active{cursor:grabbing}.vignette{position:fixed;inset:0;pointer-events:none;box-shadow:inset 0 0 170px #0f20194d}.topbar{position:fixed;z-index:5;left:0;top:0;width:100%;padding:30px 42px;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.topbar>*{pointer-events:auto}.brand{display:flex;gap:11px;align-items:center;text-decoration:none;color:var(--cream);font:26px Georgia,serif}.top-right{display:flex;align-items:center;gap:24px}.build-label{font-size:11px;font-weight:600;letter-spacing:2px;color:#dfd9c4a8;border:1px solid var(--line);padding:8px 12px}.home{position:fixed;inset:0;background:linear-gradient(90deg,rgba(13,30,25,.97),rgba(13,30,25,.82) 29%,rgba(13,30,25,.13) 64%,rgba(13,30,25,.07));pointer-events:none}.home-copy{position:absolute;top:50%;left:9%;transform:translateY(-50%);pointer-events:auto}.eyebrow{color:var(--gold);font-size:11px;letter-spacing:2.1px;font-weight:600;line-height:1.7}.home-copy .eyebrow{display:flex;gap:14px;align-items:center}.eyebrow>span:not(.pill){width:24px;height:1px;background:var(--gold)}h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(70px,7.6vw,118px);letter-spacing:-6px;margin:24px 0 23px;line-height:1.05;color:var(--gold)}h1 span{color:var(--cream)}h1 sup{font:10px Arial,sans-serif;letter-spacing:2px;border:1px solid var(--line);padding:5px 7px;display:block;width:max-content;margin:21px 0 0 5px;color:var(--muted)}.home-copy p{font:24px/1.5 Georgia,serif;color:#c4cabc;margin:28px 0 34px}.primary{background:var(--gold);color:#21322b;border:1px solid #e3cda2;border-radius:2px;min-height:56px;padding:16px 23px;display:flex;align-items:center;justify-content:space-between;gap:32px;font-size:16px;font-weight:600;width:100%}.home-copy .primary{width:258px}.primary svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5}.home-note{font-size:12px;color:#aab5a4;margin-top:16px;letter-spacing:.4px}.home-footer{position:absolute;bottom:29px;left:42px;right:42px;display:flex;align-items:center;justify-content:space-between;color:#c6cbbdb0;font-size:12px}.home-footer b{font-weight:400;color:#dedecd;letter-spacing:1.8px;margin-left:14px}.tiny-diamond{color:var(--gold);font-size:7px;margin:0 13px}.world-caption{position:absolute;right:7%;bottom:17%;display:flex;align-items:flex-start;gap:15px;color:#edecdb;font-size:12px;letter-spacing:2px;text-shadow:0 2px 8px #102c24}.caption-line{width:34px;height:1px;background:var(--gold);margin-top:6px}.world-caption small{display:block;font-size:13px;letter-spacing:.4px;color:#d5dccc;margin-top:10px}.overlay{position:fixed;inset:0;z-index:6;background:#10251ed6;backdrop-filter:blur(7px);display:grid;place-items:center;padding:24px}.mode-panel{width:min(520px,100%)}h2{font:38px/1.15 Georgia,serif;letter-spacing:-.6px;font-weight:400;margin:13px 0 15px}.muted{color:var(--muted);line-height:1.6}.quiet-button{border:0;background:transparent;color:#d2d8c9;padding:10px 0;font-size:14px}.quiet-button span{font-size:11px;margin-left:9px;color:#adbaa4;border:1px solid var(--line);padding:3px 5px}.back{margin-bottom:38px}.mode-panel>.muted{margin-bottom:30px}.mode-card{width:100%;text-align:left;display:flex;align-items:center;gap:20px;padding:24px;margin-bottom:14px;background:#263b31;border:1px solid #bdac795c;border-radius:3px}.mode-card:not(:disabled):hover{border-color:var(--gold);background:#304537}.mode-icon{font:38px Georgia,serif;color:var(--gold);width:34px;text-align:center}.mode-card strong{font:23px Georgia,serif;display:block}.mode-card small{font-size:14px;color:var(--muted);display:block;margin-top:8px;line-height:1.4}.mode-arrow{color:var(--gold);margin-left:auto;font-size:24px}.locked{background:#1c3028;border-color:var(--line);opacity:.58}.pill{font:10px Arial,sans-serif;letter-spacing:1px;border:1px solid var(--line);padding:4px 6px;vertical-align:middle;margin-left:9px}.lock{width:20px;min-width:20px;fill:none;stroke:#adb6a7;stroke-width:1.5;margin-left:auto}.mode-foot{display:flex;gap:15px;justify-content:space-between;margin-top:28px;font-size:12px;color:var(--muted)}.mode-foot span:first-child{letter-spacing:1px}.glass{background:#162b24ed;border:1px solid var(--line);box-shadow:0 8px 28px #0a1e2420;backdrop-filter:blur(12px);border-radius:3px}#game-ui{position:fixed;inset:0;pointer-events:none}#game-ui button,#game-ui canvas{pointer-events:auto}.spawn-banner{position:absolute;top:105px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:19px;padding:18px 26px;min-width:535px}.timer-ring{border:2px solid var(--gold);border-radius:50%;min-width:54px;height:54px;display:grid;place-items:center;font:27px Georgia,serif;color:var(--gold)}.spawn-banner h2{font-size:24px;margin:5px 0 8px;letter-spacing:0}.spawn-banner p{font-size:13px;color:var(--muted);margin:0;max-width:400px;line-height:1.5}.spawn-banner .eyebrow{font-size:10px}.playing-banner{position:absolute;top:22px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:18px;padding:13px 20px}.gold-diamond{color:var(--gold)}.playing-banner strong{display:block;font:20px Georgia,serif;margin-top:3px;white-space:nowrap}.playing-banner .eyebrow{font-size:9px}.stat{border-left:1px solid var(--line);padding-left:18px;display:grid;gap:3px;text-align:center}.stat b{font:22px Georgia,serif;color:var(--gold)}.stat span{font-size:11px;color:var(--muted)}.map-meta{position:absolute;top:116px;left:35px;display:grid;gap:6px;text-shadow:0 2px 6px #102a22}.map-meta>span+span{font:17px Georgia,serif}.compass{position:absolute;right:37px;top:113px;width:55px;text-align:center;color:var(--gold);font:13px Georgia,serif;text-shadow:0 1px 5px #000}.compass svg{width:48px;height:55px;fill:#e3cea278;stroke:#ecd4a4;stroke-width:1.2}.zoom-controls{position:absolute;right:31px;top:50%;display:flex;flex-direction:column;align-items:center;padding:3px}.zoom-controls button{background:none;border:0;width:38px;height:36px;font-size:23px;color:var(--gold)}.zoom-controls button:hover{background:#ffffff12}.zoom-controls span{font-size:10px;padding:6px 2px;color:var(--muted)}.zoom-controls button:nth-last-child(2){border-top:1px solid var(--line);margin-top:5px}.minimap-panel{position:absolute;right:30px;bottom:28px;width:222px;padding:11px}.minimap-title{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1px;color:#cdd2bf;margin:1px 0 10px}.minimap-title span+span{color:var(--muted);letter-spacing:0}.minimap-panel canvas{width:100%;height:140px;cursor:crosshair;display:block}.map-key{display:flex;gap:13px;margin-top:9px;font-size:10px;color:var(--muted)}.map-key span{display:flex;align-items:center;gap:4px}.map-key i{height:5px;width:5px}.land-key{background:#739766}.water-key{background:#428184}.player-key{background:var(--gold)}.tile-panel{position:absolute;left:30px;bottom:28px;width:290px;padding:20px}.tile-panel .eyebrow{font-size:10px}.tile-panel h3{font:26px Georgia,serif;margin:10px 0}.tile-panel p{color:var(--muted);font-size:14px;line-height:1.6;margin:10px 0}.coordinates{font-size:11px;color:var(--gold);letter-spacing:1px;margin-top:12px}.secondary{border:1px solid #c9bd8f4a;background:#d7bf8920;min-height:42px;width:100%;margin-top:17px;display:flex;align-items:center;justify-content:space-between;padding:11px 14px;font-size:14px;color:var(--gold)}.controls-hint{position:absolute;left:50%;transform:translateX(-50%);bottom:35px;display:flex;align-items:center;gap:17px;white-space:nowrap;font-size:11px;color:#d4decd;text-shadow:0 1px 4px #172f24}.controls-hint span{display:flex;gap:6px;align-items:center}kbd{font:10px Arial,sans-serif;border:1px solid #d6ddbd4a;padding:5px;border-radius:2px;background:#182b249c}.controls-hint button{border:1px solid #d6ddbd4a;background:#182b249c;border-radius:50%;width:24px;height:24px;font-size:12px}.toast{position:absolute;left:50%;bottom:100px;transform:translateX(-50%);padding:13px 22px;font-size:14px;color:var(--cream);max-width:90%;text-align:center}.game-active .build-label{display:none}dialog{background:#192e26;color:var(--cream);border:1px solid var(--line);padding:38px;width:min(470px,calc(100% - 32px));border-radius:4px;box-shadow:0 30px 100px #07130c88}dialog::backdrop{background:#071710a8;backdrop-filter:blur(5px)}dialog h2{font-size:32px}dialog p{line-height:1.7;color:var(--muted);font-size:16px}dialog>.primary{margin-top:24px}dialog>.quiet-button{margin-top:13px;width:100%}noscript{position:fixed;inset:35%;z-index:99;background:var(--surface);padding:30px;font-size:20px}
@media(max-width:900px){.topbar{padding:24px}.home-copy{left:8%}.home-footer{left:24px;right:24px}.world-caption{right:5%;bottom:19%}.controls-hint{bottom:250px;gap:10px}.playing-banner{top:90px}.map-meta{top:108px;left:25px}.spawn-banner{top:97px;min-width:0;width:min(560px,calc(100% - 40px))}.spawn-banner~.map-meta{top:215px}.compass{top:215px;right:24px}.tile-panel{left:20px}.minimap-panel{right:20px}.zoom-controls{right:20px}}
@media(max-width:580px){.topbar{padding:20px}.brand{font-size:23px}.build-label{font-size:9px;letter-spacing:1px;padding:6px 7px}.home{background:linear-gradient(90deg,#0d1e19ed,#0d1e1978)}.home-copy{left:8%;top:47%}.home-copy .eyebrow{font-size:9px;letter-spacing:1.5px}h1{font-size:70px;letter-spacing:-4px}.home-copy p{font-size:22px}.home-copy .primary{width:240px}.home-footer{bottom:22px;left:20px;right:20px;font-size:10px}.home-footer>span+span{display:none}.world-caption{bottom:12%;left:8%;right:auto;font-size:10px}.world-caption small{font-size:12px}.mode-card{padding:21px 17px;gap:15px}.mode-card strong{font-size:21px}.mode-card small{font-size:13px}.mode-foot{font-size:10px}.mode-panel h2{font-size:34px}.spawn-banner{top:80px;padding:14px;gap:12px;width:calc(100% - 24px)}.spawn-banner h2{font-size:20px}.spawn-banner p{font-size:12px}.spawn-banner .eyebrow{font-size:9px}.timer-ring{min-width:43px;height:43px;font-size:23px}.map-meta{display:none}.compass{top:215px;right:16px;width:30px}.compass svg{width:30px}.zoom-controls{top:290px;right:12px}.playing-banner{top:77px;padding:12px 15px;gap:14px}.playing-banner strong{font-size:18px}.playing-banner .stat{padding-left:14px}.tile-panel{left:12px;bottom:55px;width:calc(100% - 165px);padding:14px}.tile-panel h3{font-size:22px;margin:8px 0}.tile-panel p{font-size:12px;line-height:1.5;margin:6px 0}.tile-panel .eyebrow{font-size:9px;letter-spacing:1.3px}.secondary{font-size:12px;padding:10px;margin-top:12px}.coordinates{font-size:10px;letter-spacing:.5px}.minimap-panel{width:132px;right:12px;bottom:55px;padding:8px}.minimap-panel canvas{height:91px}.minimap-title{font-size:8px;letter-spacing:.5px}.minimap-title span+span{display:none}.map-key{font-size:8px;gap:7px}.map-key span:last-child{display:none}.controls-hint{bottom:17px;gap:9px;font-size:10px}.controls-hint span:last-of-type{display:none}.toast{bottom:265px;width:max-content;max-width:90%;font-size:12px}.back{margin-bottom:24px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
#game-ui .glass{pointer-events:auto}
.player-key{background:var(--player-color,#64b1e8)}.playing-banner>.gold-diamond{color:var(--player-color,#64b1e8)}.territory-stat b{color:var(--player-color,#64b1e8)}.claim-status{color:var(--player-color,#64b1e8);font-size:12px;line-height:1.5;margin:14px 0 4px;padding-left:12px;border-left:2px solid var(--player-color,#64b1e8)}.claim-button{color:#c0e0f4;border-color:#6daed96b;background:#4097cd14}.claim-button[aria-pressed=true]{border-color:var(--player-color,#64b1e8);background:#4097cd35}.cancel-route{width:100%;margin-top:6px;font-size:12px;min-height:36px}.tile-panel{max-height:calc(100dvh - 220px);overflow-y:auto}.controls-hint{pointer-events:auto}#help-dialog{max-height:calc(100dvh - 40px);overflow-y:auto}@media(max-width:900px){.playing-banner{gap:12px}.playing-banner>.gold-diamond{display:none}.playing-banner .stat{padding-left:12px}.playing-banner strong{font-size:18px}}@media(max-width:580px){.playing-banner{width:calc(100% - 24px);justify-content:space-between;padding:12px;gap:8px}.playing-banner strong{font-size:16px}.playing-banner .stat{padding-left:10px}.playing-banner .stat span{font-size:9px}.playing-banner .stat b{font-size:19px}.playing-banner .eyebrow{font-size:8px}.claim-status{font-size:11px;margin-top:9px}.cancel-route{font-size:11px}.map-key span:last-child{display:flex}.map-key{flex-wrap:wrap}.tile-panel{max-height:calc(100dvh - 270px)}}