@theme{--font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; --color-ink: #11151c; --color-muted: #647084; --color-paper: #f7f3ec; --color-surface: #fffdf8; --color-line: #ded5c8; --color-accent: #166a5b; --color-accent-strong: #0f463d; --color-ember: #d05f3f; --radius-soft: 18px; --radius-card: 24px; --shadow-soft: 0 22px 60px #1e181024;}:root{--font-body:var(--font-sans);--page-bg:var(--color-paper);--page-text:var(--color-ink);--text-muted:var(--color-muted);--surface:var(--color-surface);--line:var(--color-line);--brand:var(--color-accent);--brand-strong:var(--color-accent-strong);--accent-warm:var(--color-ember);--radius-ui:var(--radius-soft);--radius-panel:var(--radius-card);--shadow-panel:var(--shadow-soft)}
html,body{min-height:100%;margin:0}body{min-width:320px;color:var(--page-text);background:var(--page-bg);font-family:var(--font-body);text-rendering:geometricprecision}*{box-sizing:border-box}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button:disabled{cursor:not-allowed;opacity:.62}code{background:color-mix(in srgb, var(--brand) 11%, transparent);border-radius:7px;padding:.12rem .38rem}:focus-visible{outline:3px solid color-mix(in srgb, var(--brand) 34%, transparent);outline-offset:3px}
:root{--ink:#0a232a;--ink-soft:#13363a;--vellum:#f0e4c4;--vellum-muted:#cabd98;--turquoise:#43c4ba;--saffron:#e6ad43;--terracotta:#c76749;--jade:#4a8b65;--danger:#df6c52;--panel:#081d23e6;--line:#e2cf9c52}.game-menu,.game-shell{min-height:100vh;color:var(--vellum);font-family:Inter,ui-sans-serif,system-ui,sans-serif}.game-menu{background:radial-gradient(circle at 14% 18%,#4f977175,#0000 31%),radial-gradient(circle at 85% 75%,#cd723d52,#0000 34%),linear-gradient(135deg,#19484c,#0c2a31 55%,#183a37);place-items:center;padding:42px;display:grid;position:relative;overflow:auto}.game-menu:before{content:"";pointer-events:none;opacity:.36;background:repeating-radial-gradient(at 25% 35%,#0000 0 18px,#ecd8a31c 19px 20px),linear-gradient(20deg,#0000 48%,#eedeb714 49%,#0000 50%) 0 0/90px 90px;position:fixed;inset:0}.menu-clouds{pointer-events:none;opacity:.24;filter:blur(18px);background:radial-gradient(at 30% 45%,#fff 0 3%,#0000 14%),radial-gradient(at 70% 25%,#fff 0 4%,#0000 16%);animation:22s ease-in-out infinite alternate cloud-drift;position:fixed;inset:-20%}@keyframes cloud-drift{to{transform:translate(3%,-1%)scale(1.04)}}.menu-atlas{background:linear-gradient(150deg,#0e3236f5,#071b22f7),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80'%3E%3Cpath d='M0 40h80M40 0v80' stroke='%23eadfbf' stroke-opacity='.05'/%3E%3C/svg%3E");border:1px solid #f1dda880;border-radius:26px;width:min(1120px,94vw);min-height:680px;padding:38px 44px 30px;position:relative;box-shadow:0 45px 130px #00000080,inset 0 1px #ffffff12}.menu-atlas:after{content:"";pointer-events:none;border:1px solid #e0be6524;border-radius:18px;position:absolute;inset:12px}.menu-brand{z-index:1;border-bottom:1px solid var(--line);align-items:center;gap:24px;padding-bottom:24px;display:flex;position:relative}.menu-brand p{color:var(--saffron);letter-spacing:.24em;text-transform:uppercase;margin:0 0 4px;font:800 11px/1.2 ui-sans-serif,system-ui}.menu-brand h1{color:#fff5d6;letter-spacing:-.035em;margin:0;font-family:Georgia,serif;font-size:clamp(34px,5vw,61px);font-weight:600;line-height:.95}.menu-brand div>span{color:#f0e4c4ab;margin-top:9px;font-family:Georgia,serif;font-size:17px;display:block}.brand-seal{aspect-ratio:1;background:conic-gradient(from 20deg,#e2a744,#ba5c40,#3f8a72,#36a69e,#e2a744);border:1px solid #f0d98e;border-radius:50%;flex:0 0 86px;place-items:center;display:grid;box-shadow:inset 0 0 0 7px #0d3035,0 14px 32px #0000004d}.brand-seal span{aspect-ratio:1;background:#0b2930;border:1px solid #eedcab8c;border-radius:50%;place-items:center;width:62px;font-family:Georgia,serif;font-size:22px;font-weight:700;display:grid}.menu-tabs{z-index:1;border-bottom:1px solid #efdca92e;gap:2px;margin:25px 0;display:flex;position:relative}.menu-tabs button{color:#f0e4c48f;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;padding:11px 17px;font-weight:750}.menu-tabs button.active{color:#fff1c9;border-color:var(--saffron)}.setup-grid{z-index:1;grid-template-columns:1fr 1fr;gap:42px;min-height:360px;display:grid;position:relative}.setup-column{flex-direction:column;display:flex}.field-label{color:#f5e9c7;letter-spacing:.08em;text-transform:uppercase;margin:0 0 7px;font-size:12px;font-weight:800}.setup-column select,.seed-field input{width:100%;color:var(--vellum);background:#05161ca6;border:1px solid #decd9f47;border-radius:10px;outline:0;padding:12px 14px;font-weight:650}.setup-column select:focus,.seed-field input:focus{border-color:var(--turquoise);box-shadow:0 0 0 3px #43c4ba21}.setup-column select option{color:#12282c;background:#efe2c1}.field-hint{color:#f0e4c48c;min-height:40px;margin:8px 2px 20px;font-size:12px;line-height:1.45}.faction-card{background:linear-gradient(100deg,#1859536b,#081f256b);border:1px solid #ead9a92e;border-radius:15px;grid-template-columns:auto 1fr;align-items:center;gap:16px;margin:12px 0 23px;padding:17px;display:grid}.faction-card--orunu{background:linear-gradient(100deg,#8f4b2a80,#081f256b)}.faction-card strong{color:#fff1c8;font-family:Georgia,serif;font-size:20px}.faction-card p{color:#f0e4c49e;margin:5px 0 0;font-size:12px;line-height:1.4}.faction-emblem{aspect-ratio:1;color:#ffe299;border:1px solid #eddcab73;border-radius:50%;place-items:center;width:58px;font:28px/1 Georgia,serif;display:grid}.seed-field{grid-template-columns:1fr auto;gap:8px;display:grid}.seed-field button{color:#f5dda0;cursor:pointer;background:#b57c2c21;border:1px solid #e5c66d59;border-radius:9px;padding-inline:16px}.tutorial-toggle{cursor:pointer;background:#05141961;border:1px solid #decd9f2e;border-radius:13px;gap:12px;margin-top:20px;padding:15px;display:flex}.tutorial-toggle input{accent-color:var(--saffron);width:17px}.tutorial-toggle span{gap:4px;display:grid}.tutorial-toggle strong{font-size:13px}.tutorial-toggle small{color:#f0e4c48a;line-height:1.4}.controls-guide{z-index:1;grid-template-columns:1fr 1fr;align-content:center;gap:12px 28px;min-height:360px;display:grid;position:relative}.controls-guide div{color:#f0e4c4b8;border-bottom:1px solid #ebd8a421;grid-template-columns:128px 1fr;align-items:center;gap:16px;padding:12px 14px;display:grid}.controls-guide kbd,.command-help kbd{color:#ffe4a0;background:#041318a6;border:1px solid #f0dba36b;border-bottom-width:3px;border-radius:7px;justify-content:center;padding:6px 8px;font:700 11px/1 ui-monospace,monospace;display:inline-flex}.menu-footer{z-index:1;border-top:1px solid var(--line);color:#f0e4c485;justify-content:space-between;align-items:center;gap:20px;margin-top:28px;padding-top:22px;font-size:12px;display:flex;position:relative}.menu-footer code{color:#efd589;background:#05181d94}.online-dot{aspect-ratio:1;background:#61d392;border-radius:50%;width:7px;margin-right:7px;display:inline-block;box-shadow:0 0 12px #61d392}.start-match{color:#152e2e;cursor:pointer;background:linear-gradient(135deg,#f1d17e,#dca343);border:1px solid #f2cf75;border-radius:11px;align-items:center;gap:28px;padding:13px 18px 13px 23px;font-weight:850;display:flex;box-shadow:0 9px 28px #dfa64138}.start-match:hover{filter:brightness(1.08);transform:translateY(-1px)}.start-match span{font-size:21px}.game-shell{-webkit-user-select:none;user-select:none;background:#0b242b;position:fixed;inset:0;overflow:hidden}.game-stage,.atlas-canvas{width:100%;height:100%;position:absolute;inset:0}.atlas-canvas{cursor:default;display:block}.selection-box{z-index:30;pointer-events:none;background:#49d1be21;border:1px solid #7ff4e2;display:none;position:absolute;box-shadow:inset 0 0 14px #49d1be24}.resource-bar{z-index:20;border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(#0a272bf5,#05181ff2);border-radius:13px;align-items:stretch;min-width:min(920px,100vw - 150px);height:52px;display:flex;position:absolute;top:14px;left:50%;transform:translate(-50%);box-shadow:0 12px 40px #00000059,inset 0 1px #ffffff0d}.atlas-button{border:0;border-right:1px solid var(--line);color:#0b2b2e;cursor:pointer;background:linear-gradient(135deg,#bb7041,#d2a33c);width:62px}.atlas-button span{aspect-ratio:1;border:1px solid #173b3a;border-radius:50%;place-items:center;width:34px;margin:auto;font-family:Georgia,serif;font-weight:800;display:grid}.resource{border-right:1px solid #e0cfa129;align-items:center;gap:8px;min-width:108px;padding:0 14px;display:flex}.resource i{aspect-ratio:1;color:#152e2c;border-radius:50%;place-items:center;width:25px;font-style:normal;font-weight:900;display:grid}.resource strong{color:#fff2cb;font:800 15px/1 ui-monospace,monospace}.resource--food i{background:#df8152}.resource--wood i{background:#5f9b67}.resource--gold i{background:#e3b847}.resource--population i{background:#a9a989}.age-display{align-content:center;min-width:170px;padding:0 17px;display:grid}.age-display span{color:#f5ddb0;font-family:Georgia,serif;font-weight:700}.age-display small{color:#f0e4c48c;margin-top:2px;font:700 10px/1 ui-monospace,monospace}.speed-controls{align-items:center;gap:2px;margin-left:auto;padding:0 8px;display:flex}.speed-controls button{color:#f0e4c48c;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;min-width:29px;padding:5px;font:700 10px/1 ui-monospace,monospace}.speed-controls button.active{color:#ffe29a;background:#d49e3224;border-color:#e5bd5780}.fps-counter{color:#f0e4c47a;cursor:pointer;background:0 0;border:0;border-left:1px solid #e0cfa11f;place-items:center;padding:0 12px;font:700 9px/1 ui-monospace,monospace;display:grid}.fps-counter:hover{color:#f1d58f}.objective-card{z-index:18;border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;width:245px;padding:14px 15px;position:absolute;top:82px;left:16px;box-shadow:0 10px 34px #00000047}.objective-card>span{color:var(--saffron);letter-spacing:.13em;text-transform:uppercase;font-size:9px;font-weight:900}.objective-card>strong{margin-top:4px;font-family:Georgia,serif;font-size:14px;display:block}.faction-versus{color:#f0e4c4a6;border-top:1px solid #e7d4a326;justify-content:space-between;align-items:center;margin-top:10px;padding-top:9px;font-size:10px;display:flex}.faction-versus b{color:#f0e4c452;text-transform:uppercase}.faction-versus i{aspect-ratio:1;border-radius:50%;width:7px}.namaru-dot{background:#43d5c3}.orunu-dot{background:#e9764e}.notification-ribbon{z-index:19;color:#f3e6bf;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#092327d1;border:1px solid #eed3854d;border-radius:999px;max-width:570px;padding:9px 18px;font-size:11px;font-weight:650;animation:.35s ease-out ribbon-in;position:absolute;top:78px;left:50%;transform:translate(-50%);box-shadow:0 9px 30px #0000003d}@keyframes ribbon-in{0%{opacity:0;transform:translate(-50%,-8px)}}.tutorial-card{z-index:19;background:linear-gradient(145deg,#123838ed,#071d23f0);border:1px solid #e2bd5957;border-radius:11px;width:245px;padding:13px 14px;position:absolute;top:190px;left:16px;box-shadow:0 12px 32px #00000040}.tutorial-card span{color:var(--saffron);letter-spacing:.12em;text-transform:uppercase;font-size:8px;font-weight:900}.tutorial-card strong{color:#f5e7bd;margin:5px 0 9px;font:600 11px/1.42 Georgia,serif;display:block}.tutorial-card button{color:#f0e4c475;cursor:pointer;background:0 0;border:0;padding:0;font-size:9px}.minimap-panel{z-index:20;border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:13px;width:248px;padding:10px;position:absolute;bottom:168px;right:16px;box-shadow:0 16px 42px #0000005c}.minimap-heading{color:#f3dfae;justify-content:space-between;align-items:center;padding:0 3px 8px;font-family:Georgia,serif;font-size:12px;display:flex}.minimap-heading button{color:#f0e4c48c;cursor:pointer;background:0 0;border:0;font-size:10px}.minimap{cursor:crosshair;background:#617b56;border:1px solid #efdeb157;border-radius:5px;width:222px;height:152px;display:block}.minimap-legend{color:#f0e4c480;text-transform:uppercase;justify-content:space-between;padding:7px 2px 0;font-size:8px;display:flex}.minimap-legend span{align-items:center;gap:4px;display:flex}.minimap-legend i{aspect-ratio:1;border-radius:50%;width:5px}.minimap-legend .ally{background:#54e3d2}.minimap-legend .enemy{background:#ef6e4e}.minimap-legend .gold{background:#f1ca52}.command-dock{z-index:21;border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(#0d2f31f2,#05181ef7);border-radius:16px;grid-template-columns:280px minmax(480px,760px) 190px;width:min(1230px,100vw - 32px);height:140px;display:grid;position:absolute;bottom:14px;left:50%;transform:translate(-50%);box-shadow:0 18px 60px #00000073,inset 0 1px #ffffff0d}.selection-panel{border-right:1px solid #e7d39f2e;grid-template-columns:78px 1fr;align-items:center;gap:12px;padding:13px;display:grid}.selection-portrait{aspect-ratio:1;color:#ffe0a0;background:radial-gradient(circle,#276d66,#112f36);border:1px solid #ecd8a459;border-radius:11px;place-items:center;width:74px;font:44px/1 Georgia,serif;display:grid;box-shadow:inset 0 0 35px #0000004d}.selection-portrait--enemy{background:radial-gradient(circle,#9e4d36,#322327)}.selection-portrait--resource{background:radial-gradient(circle,#a7833d,#332e24)}.selection-copy{min-width:0}.selection-copy>span,.queue-panel>span{color:var(--saffron);letter-spacing:.12em;text-transform:uppercase;font-size:8px;font-weight:900}.selection-copy>strong{color:#fff0c7;text-overflow:ellipsis;white-space:nowrap;margin:4px 0 8px;font-family:Georgia,serif;font-size:17px;display:block;overflow:hidden}.selection-copy p{color:#f0e4c47a;margin:6px 0 0;font-size:10px;line-height:1.4}.selection-copy small{color:#f0e4c499;font-size:9px}.health{background:#00000059;border:1px solid #e7d5a333;border-radius:4px;height:17px;position:relative;overflow:hidden}.health i{background:linear-gradient(90deg,#428a5c,#6cbc72);position:absolute;inset:0 auto 0 0}.health em{color:#fff;text-shadow:0 1px 2px #000;place-items:center;height:100%;font:700 8px/1 ui-monospace,monospace;display:grid;position:relative}.actions-panel{padding:10px;overflow:auto hidden}.action-grid{grid-template-columns:repeat(5,minmax(88px,1fr));gap:6px;height:100%;display:grid}.action-grid--build{grid-template-rows:1fr 1fr;grid-template-columns:repeat(8,minmax(78px,1fr))}.action-grid--mixed{grid-template-columns:none;grid-auto-columns:minmax(92px,1fr);grid-auto-flow:column}.action-grid button,.market-actions button{color:#efdfb7;cursor:pointer;background:linear-gradient(160deg,#2c5b52a3,#081f25b3);border:1px solid #e4d19d33;border-radius:8px;align-content:center;min-width:0;padding:7px;display:grid;position:relative}.action-grid button:hover,.market-actions button:hover{background:linear-gradient(160deg,#3c7463b8,#0f2c2fcc);border-color:#f5d170a6}.action-grid button>span{aspect-ratio:1;color:#f0e4c48c;border:1px solid #ead9ab45;border-radius:4px;place-items:center;width:15px;font-size:7px;display:grid;position:absolute;top:4px;left:5px}.action-grid button strong{text-overflow:ellipsis;font-size:9px;line-height:1.1;overflow:hidden}.action-grid button small{color:#f0e4c475;margin-top:5px;font-size:7px}.action-grid .age-action{background:linear-gradient(160deg,#a6682bc7,#52351dd1)}.action-grid .research-action{background:linear-gradient(160deg,#325c70c7,#0d2933d9)}.action-grid .research-action small{-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.2;display:-webkit-box;overflow:hidden}.command-help{color:#f0e4c473;justify-content:center;align-items:center;gap:8px;height:100%;font-size:10px;display:flex}.command-help button{color:#f0e4c4a8;cursor:pointer;background:#13373970;border:1px solid #e6d3a12e;border-radius:8px;align-items:center;gap:7px;padding:9px 11px;display:flex}.command-help kbd{padding:4px 6px}.market-actions{grid-template-columns:1fr 1fr;gap:8px;height:100%;display:grid}.queue-panel{border-left:1px solid #e7d39f2e;padding:14px;position:relative;overflow:hidden}.queue-panel p{color:#f0e4c45c;font-size:9px}.queue-item{color:#f0e4c4b3;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;width:100%;margin-top:7px;padding:0;font-size:9px;display:flex;overflow:hidden}.queue-item b{aspect-ratio:1;color:#142d2e;background:var(--saffron);border-radius:5px;flex:0 0 19px;place-items:center;width:19px;font-size:8px;display:grid}.queue-item i{color:#f0e4c459;margin-left:auto;font-style:normal}.queue-item:hover i{color:#ec8265}.proof-line{color:#f0e4c43d;font:600 7px/1 ui-monospace,monospace;position:absolute;bottom:8px;right:12px}.pause-stamp{z-index:35;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#03111659;place-content:center;justify-items:center;gap:16px;display:grid;position:absolute;inset:0}.pause-stamp span{color:#ffedbd;background:#071d22e0;border:1px solid #efd79673;border-radius:10px;padding:15px 24px;font:600 24px/1 Georgia,serif}.pause-stamp button{border:1px solid var(--saffron);color:#173132;background:var(--saffron);cursor:pointer;border-radius:8px;padding:9px 18px;font-weight:800}.runtime-error{z-index:60;text-align:center;background:radial-gradient(circle at 50% 38%,#1f534cf5,#041318fc 62%);place-content:center;justify-items:center;padding:40px;display:grid;position:absolute;inset:0}.runtime-error__seal{aspect-ratio:1;color:#ffe7a5;background:#082327c2;border:1px solid #efd27f;border-radius:50%;place-items:center;width:86px;font:700 24px/1 Georgia,serif;display:grid;box-shadow:inset 0 0 0 7px #e7ae3d21}.runtime-error>p{color:var(--saffron);letter-spacing:.2em;text-transform:uppercase;margin:25px 0 6px;font-size:10px;font-weight:900}.runtime-error h2{color:#fff0c7;margin:0;font:600 clamp(34px,5vw,58px)/1 Georgia,serif}.runtime-error>span{color:#f0e4c4ad;max-width:580px;margin:18px 0 28px;font-size:14px;line-height:1.6}.runtime-error>div:last-child{gap:10px;display:flex}.runtime-error button{color:#f8e8ba;cursor:pointer;background:#0c2a2dd1;border:1px solid #f0d3858c;border-radius:9px;padding:11px 18px;font-weight:750}.runtime-error button:last-child{color:#143031;background:var(--saffron)}.end-screen{z-index:50;text-align:center;background:radial-gradient(circle,#1b5248d6,#041318f2);place-content:center;justify-items:center;display:grid;position:absolute;inset:0}.end-screen--defeat{background:radial-gradient(circle,#663026db,#041318f5)}.end-seal{aspect-ratio:1;color:#ffe7a6;background:#082327b8;border:1px solid #f0d17d;border-radius:50%;place-items:center;width:95px;font-size:42px;display:grid;box-shadow:inset 0 0 0 7px #e7ae3d21}.end-screen p{color:#f0e4c4a8;margin:28px 0 8px;font-family:Georgia,serif}.end-screen h2{color:#fff0c1;margin:0;font:600 clamp(58px,8vw,100px)/.9 Georgia,serif}.end-screen>span{color:#f0e4c494;margin:18px 0 28px}.end-screen>div:last-child{gap:10px;display:flex}.end-screen button{color:#f8e8ba;cursor:pointer;background:#0c2a2dcc;border:1px solid #f0d3858c;border-radius:9px;padding:11px 18px;font-weight:750}.end-screen button:last-child{color:#143031;background:var(--saffron)}@media (max-width:1280px){.resource-bar{min-width:calc(100vw - 40px)}.resource{min-width:88px;padding-inline:9px}.age-display{min-width:140px}.command-dock{grid-template-columns:280px minmax(420px,1fr) 180px}.action-grid--build{grid-template-columns:repeat(8,minmax(68px,1fr))}}@media (max-height:760px){.resource-bar{top:8px}.objective-card,.notification-ribbon{top:68px}.command-dock{height:142px;bottom:8px}.minimap-panel{bottom:160px}.selection-portrait{width:76px}.selection-panel{grid-template-columns:80px 1fr}}@media (max-width:900px),(max-height:620px){.game-shell:after{content:"Minimalny obsługiwany obszar gry to 1280×720. Zwiększ okno lub zmniejsz powiększenie przeglądarki.";z-index:100;color:#f4e4b7;text-align:center;background:#09252c;place-content:center;padding:40px;font:600 20px/1.45 Georgia,serif;display:grid;position:absolute;inset:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}