:root{color-scheme:dark;--bg: #09060f;--panel: rgba(13, 16, 25, .7);--panel-strong: rgba(16, 20, 30, .88);--fg: #f5f0e4;--muted: #d5c8b5;--muted-soft: rgba(245, 240, 228, .68);--accent: #ffcc82;--accent-strong: #ff7f66;--accent-alt: #81d6cf;--border: rgba(255, 255, 255, .12);--border-strong: rgba(255, 255, 255, .2);--shadow: 0 30px 80px rgba(0, 0, 0, .42)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;height:100%;background:radial-gradient(circle at top center,rgba(255,153,102,.35),transparent 28%),radial-gradient(circle at 22% 16%,rgba(255,210,130,.18),transparent 20%),linear-gradient(180deg,#2f1741,#7d3258,#d96d4b 52%,#f1a14a 70%,#f0d18a);color:var(--fg);font-family:Segoe UI,Trebuchet MS,Aptos,Arial,sans-serif;overflow:hidden}button,input{font:inherit}button{color:inherit}.app{position:relative;height:100%;overflow:hidden}.app:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.82),transparent 92%);mask-image:linear-gradient(to bottom,rgba(0,0,0,.82),transparent 92%)}.shell{position:relative;height:100%}.scene{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;pointer-events:none;transform:translateY(10px) scale(.992);transition:opacity .18s ease,transform .18s ease}.scene--active{opacity:1;pointer-events:auto;transform:translateY(0) scale(1)}.scene-backdrop{position:absolute;top:0;right:0;bottom:0;left:0}.scene-backdrop--sunset{background:radial-gradient(circle at 18% 14%,#ffe292f2,#ffe29200 18%),radial-gradient(circle at 78% 22%,#ff895b94,#ff895b00 20%),linear-gradient(180deg,#9a3559,#eb8f58 42%,#ffd08a)}.scene-backdrop--play{background:radial-gradient(circle at 50% 0%,rgba(255,220,153,.18),transparent 34%),linear-gradient(180deg,#241130,#331b44 28%,#10141e)}.scene-landscape{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.scene-sun{position:absolute;left:14%;top:12%;width:clamp(160px,20vw,260px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff3c2,#ffd48d 38%,#ffd48d00 74%);filter:blur(2px)}.scene-mountain{position:absolute;bottom:15%;width:clamp(210px,28vw,380px);height:clamp(140px,24vw,300px);clip-path:polygon(50% 0%,0% 100%,100% 100%);background:linear-gradient(180deg,#3d234dfa,#21122deb)}.scene-mountain:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;clip-path:polygon(50% 0%,24% 46%,36% 43%,50% 20%,61% 42%,76% 44%);background:linear-gradient(180deg,#fff5e194,#fff5e100);opacity:.7}.scene-mountain--left{left:1%;transform:scale(1.08)}.scene-mountain--center{left:24%;height:clamp(170px,30vw,340px);background:linear-gradient(180deg,#592e52fa,#2c1734eb)}.scene-mountain--right{right:-2%;transform:scale(.98);background:linear-gradient(180deg,#4a223bfa,#24122aeb)}.scene-lake{position:absolute;left:32%;right:10%;bottom:0;height:30%;background:linear-gradient(180deg,#0000,#00000014),linear-gradient(180deg,#50759952,#15466deb);clip-path:polygon(0% 28%,12% 18%,24% 22%,38% 14%,50% 20%,64% 12%,78% 20%,100% 9%,100% 100%,0% 100%);filter:saturate(1.12)}.scene-forests{position:absolute;inset:auto 0 8% 0;height:24%;background:radial-gradient(circle at 4% 100%,rgba(44,82,60,.92) 0 6%,transparent 6.5%),radial-gradient(circle at 10% 100%,rgba(52,95,66,.92) 0 8%,transparent 8.5%),radial-gradient(circle at 18% 100%,rgba(30,66,45,.98) 0 7%,transparent 7.5%),radial-gradient(circle at 28% 100%,rgba(59,100,66,.98) 0 6%,transparent 6.5%),radial-gradient(circle at 38% 100%,rgba(36,72,50,.92) 0 7%,transparent 7.5%),radial-gradient(circle at 48% 100%,rgba(59,100,66,.98) 0 6%,transparent 6.5%),radial-gradient(circle at 58% 100%,rgba(26,55,42,.98) 0 7%,transparent 7.5%),radial-gradient(circle at 68% 100%,rgba(56,92,61,.98) 0 6%,transparent 6.5%),radial-gradient(circle at 78% 100%,rgba(38,79,52,.92) 0 7%,transparent 7.5%),radial-gradient(circle at 88% 100%,rgba(49,86,63,.98) 0 6%,transparent 6.5%),radial-gradient(circle at 98% 100%,rgba(24,52,37,.98) 0 7%,transparent 7.5%);opacity:.88}.panel{border:1px solid var(--border);border-radius:24px;background:linear-gradient(180deg,#10141ce0,#0d1019b8);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px) saturate(1.04);backdrop-filter:blur(18px) saturate(1.04)}.panel--hero,.panel--side,.panel--setup,.panel--sidebar-card,.settings-panel,.tribe-preview{position:relative;z-index:2}.menu-panel{width:min(36rem,calc(100% - 2rem));margin:auto auto auto clamp(1rem,6vw,5rem);padding:clamp(1.3rem,2.6vw,2rem);max-height:min(88vh,60rem)}.eyebrow{margin:0 0 .7rem;color:var(--accent);font-size:.8rem;font-weight:800;letter-spacing:.22em;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{margin-bottom:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(3.1rem,6.5vw,5.8rem);line-height:.92;letter-spacing:-.06em;text-wrap:balance}h2{margin-bottom:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(2rem,3.2vw,3rem);line-height:.98;letter-spacing:-.04em}h3{margin-bottom:.3rem;font-size:1.15rem}.lede{max-width:34rem;margin-top:1rem;color:var(--muted);font-size:1.02rem;line-height:1.75}.menu-actions,.menu-row,.tribe-actions,.setup-actions,.settings-footer,.world-actions{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap}.menu-actions{margin-top:1.5rem}.menu-row,.tribe-actions,.setup-actions{margin-top:1rem}.primary-button,.secondary-button,.ghost-button,.tool-button,.icon-button,.chip{border:1px solid transparent;border-radius:999px;cursor:pointer;transition:transform .14s ease,background .14s ease,border-color .14s ease,opacity .14s ease}.primary-button,.secondary-button,.ghost-button,.tool-button{padding:.88rem 1.2rem;font-size:.96rem;font-weight:700}.primary-button{background:linear-gradient(135deg,#ffd28d,#ff8a6d);color:#21110a;box-shadow:0 18px 42px #ff8b6c47}.secondary-button,.ghost-button,.tool-button,.icon-button,.chip{background:#ffffff0a;border-color:#ffffff1f}.secondary-button:hover,.ghost-button:hover,.tool-button:hover,.icon-button:hover,.chip:hover,.primary-button:hover{transform:translateY(-1px)}.primary-button:disabled,.secondary-button:disabled,.ghost-button:disabled,.tool-button:disabled,.chip:disabled{opacity:.6;cursor:not-allowed}.icon-button{width:2.4rem;height:2.4rem;display:inline-grid;place-items:center;font-size:1.15rem;flex-shrink:0}.inline-note{color:var(--muted-soft);font-size:.92rem}.menu-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;margin:1.6rem 0 0}.menu-stats--compact{grid-template-columns:1fr}.menu-stats div{padding:.95rem 1rem;border:1px solid var(--border);border-radius:18px;background:#ffffff0a}.menu-stats dt,.menu-stats span{color:var(--muted-soft);font-size:.76rem;letter-spacing:.11em;text-transform:uppercase}.menu-stats dd{margin:.35rem 0 0;color:var(--fg);font-size:.96rem;font-weight:600}.tribe-layout,.setup-grid,.world-layout{position:relative;z-index:1;display:grid;gap:1rem;width:min(1240px,calc(100% - 2rem));height:calc(100% - 2rem);margin:1rem auto}.tribe-layout{grid-template-columns:1fr;align-items:center;justify-items:center}.setup-grid{grid-template-columns:minmax(260px,.78fr) minmax(440px,1.22fr);align-items:stretch}.world-layout{height:calc(100% - 5.25rem);grid-template-columns:minmax(230px,.32fr) minmax(0,1fr);margin-top:0;padding:0 1rem 1rem}.panel--side,.panel--setup,.world-sidebar,.settings-panel{padding:1.25rem}.panel--side{max-width:100%}.tribe-carousel{position:relative;min-height:26rem;display:grid;align-items:center;justify-items:center;padding:0 1rem}.tribe-card{position:absolute;width:min(300px,58vw);min-height:9.2rem;padding:1rem 1rem 1rem 5rem;border:1px solid var(--border);border-radius:28px;background:linear-gradient(180deg,#121420db,#0d1019b8);text-align:left;box-shadow:0 22px 50px #0000003d}.tribe-card:before{content:"";position:absolute;inset:1rem auto 1rem 1rem;width:3rem;border-radius:1.2rem;background:linear-gradient(180deg,var(--tribe-accent, #ffcc82),rgba(255,255,255,.22))}.tribe-card strong,.tribe-card span{display:block}.tribe-card strong{margin-bottom:.25rem;font-size:1.05rem}.tribe-card span{color:var(--muted-soft);line-height:1.45}.tribe-card--active{border-color:#ffd28cbf;background:linear-gradient(180deg,#261a13eb,#0e1018db)}.tribe-card__icon{position:absolute;left:1rem;top:1rem;width:3rem;height:3rem;display:grid;place-items:center;border-radius:1rem;background:#0000003d;color:var(--fg);font-weight:800;letter-spacing:.06em}.tribe-preview,.panel--setup,.world-sidebar,.settings-panel{align-self:start}.tribe-preview{padding:1.25rem}.tribe-badges{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.pill{padding:.45rem .8rem;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:#ffffff0a;color:var(--muted-soft);font-size:.8rem}.panel--setup{display:grid;gap:1rem}.setting-row{display:grid;gap:.65rem}.setting-row>span:first-child{color:var(--muted-soft);font-size:.8rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.setting-row--slider{align-items:center;grid-template-columns:minmax(0,1fr)}.chip-group{display:flex;gap:.55rem}.chip-group--wrap{flex-wrap:wrap}.chip{padding:.72rem .95rem;color:var(--fg)}.chip--active{border-color:#ffc981c7;background:linear-gradient(135deg,#ffd08c38,#ff927629)}.slider-wrap{display:flex;align-items:center;gap:.8rem}.slider-wrap input[type=range]{width:100%;accent-color:#ffbc7a}.slider-wrap strong{min-width:2.5rem;text-align:right}.world-sidebar{display:grid;gap:.85rem;padding-left:0}.panel--sidebar-card{padding:1rem}.panel--sidebar-card p:last-child{margin-bottom:0;color:var(--muted);line-height:1.65}.world-board-shell{position:relative;min-height:0;overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:28px;background:radial-gradient(circle at 50% 0%,rgba(255,202,141,.12),transparent 36%),linear-gradient(180deg,#0a0d14eb,#080a10fa);box-shadow:var(--shadow)}.fog-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:2}.fog-layer--top{background:radial-gradient(circle at 18% 18%,rgba(255,255,255,.22),transparent 18%),radial-gradient(circle at 72% 20%,rgba(255,255,255,.17),transparent 20%),linear-gradient(180deg,rgba(232,238,245,.18),transparent 35%);mix-blend-mode:screen}.fog-layer--bottom{background:radial-gradient(circle at 18% 84%,rgba(255,255,255,.12),transparent 18%),radial-gradient(circle at 74% 76%,rgba(255,255,255,.12),transparent 18%),linear-gradient(180deg,transparent 62%,rgba(12,14,20,.72) 100%)}.board,.board canvas{width:100%!important;height:100%!important}.board{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:radial-gradient(circle at top,rgba(255,210,150,.08),transparent 32%),linear-gradient(180deg,#111723,#080b11)}.board canvas{display:block}.settings-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:1rem;opacity:0;pointer-events:none;transition:opacity .16s ease}.settings-overlay--open{opacity:1;pointer-events:auto}.settings-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#04060ab8}.settings-panel{width:min(760px,calc(100% - 2rem));position:relative;z-index:1}.settings-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.settings-columns{display:grid;gap:1rem;margin-top:1rem}.settings-footer{justify-content:space-between;margin-top:1.1rem}.settings-footer__actions{display:flex;gap:.8rem}@media (max-width: 1120px){.menu-stats,.tribe-layout,.setup-grid,.world-layout,.world-hud{grid-template-columns:1fr}.tribe-layout,.setup-grid,.world-layout{height:auto}.scene,.world-layout{overflow:auto}.menu-panel{margin:1rem;width:auto}.tribe-carousel{min-height:20rem}.world-actions{justify-content:flex-start}}@media (max-width: 720px){html,body,#root{overflow:auto}.menu-panel,.settings-panel{width:auto;margin:.75rem}.tribe-card{position:relative;width:100%;transform:none!important;margin-bottom:.75rem}.tribe-carousel{min-height:auto;padding:0;display:block}.world-hud{padding:.9rem}.settings-footer{align-items:stretch}}.scene--menu,.scene--multiplayer,.scene--tribes,.scene--setup{display:grid;place-items:center}.menu-branding{position:relative;z-index:2;display:grid;justify-items:center;gap:.25rem;margin-top:2rem;text-align:center}.menu-logo{width:4rem;height:4rem;display:grid;place-items:center;margin-bottom:.45rem;border-radius:1.4rem;background:linear-gradient(180deg,#ffffffc7,#ffd186eb);box-shadow:0 20px 44px #ffa97747}.menu-logo__mark{color:#8d4c1f;font-size:1.55rem;line-height:1}.menu-wordmark{margin:0;color:#ffffffe6;font-size:.82rem;letter-spacing:.32em;text-transform:uppercase}.menu-branding h1{margin:0;font-size:clamp(2.6rem,4vw,4.2rem);font-weight:400;letter-spacing:.08em;text-transform:uppercase}.app--main-menu .menu-branding,.app--multiplayer .screen-title,.app--tribe-select .screen-title,.app--game-setup .screen-title{color:#ffffffeb}.panel--menu-center{width:min(16rem,calc(100% - 2rem));margin:0;padding:0;background:transparent;border:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;display:grid;gap:.55rem;justify-items:center}.menu-action{min-width:8.5rem;border-radius:.7rem;border:0;padding:.72rem 1rem;font-size:.92rem;letter-spacing:.05em;text-transform:uppercase;cursor:pointer}.menu-action--primary{background:linear-gradient(180deg,#41a7f5,#2d8de5);color:#eef8ff;box-shadow:0 12px 28px #237dc957}.menu-action--secondary{background:linear-gradient(180deg,#43a5f0f0,#247ed6f0);color:#eef8ff}.menu-dock{position:absolute;left:50%;bottom:1rem;z-index:2;display:flex;gap:.9rem;transform:translate(-50%)}.menu-dock--large{gap:1rem}.menu-dock--world{bottom:1.1rem}.menu-dock__button{display:grid;justify-items:center;gap:.2rem;min-width:4.2rem;padding:0;border:0;background:transparent;color:var(--fg);cursor:pointer}.menu-dock__icon{width:3.2rem;height:3.2rem;display:grid;place-items:center;border:2px solid rgba(255,255,255,.9);border-radius:999px;background:#0a0e16b3;font-size:1.2rem;box-shadow:0 8px 18px #0000003d}.menu-dock__label{color:#ffffffeb;font-size:.7rem;text-shadow:0 1px 2px rgba(0,0,0,.4)}.back-button{position:absolute;top:1rem;left:1rem;z-index:3;width:2.6rem;height:2.6rem;display:grid;place-items:center;border:0;border-radius:999px;background:#fffffff5;color:#1b1d23;font-size:1.35rem;box-shadow:0 10px 26px #0003;cursor:pointer}.back-button--world{color:#1b1d23}.screen-title{position:absolute;top:1rem;left:50%;z-index:2;transform:translate(-50%);color:#ffffffb3;font-size:.95rem;letter-spacing:.22em}.screen-title--small{position:static;transform:none;margin-bottom:.2rem;font-size:.85rem}.tab-strip{position:absolute;top:3.2rem;left:50%;z-index:2;display:flex;gap:.4rem;padding:.2rem;border-radius:999px;background:#851f4373;transform:translate(-50%)}.tab-strip__tab{border:0;border-radius:999px;padding:.5rem 1rem;background:transparent;color:#ffffffc7;font-size:.95rem}.tab-strip__tab--active{background:#fffffffa;color:#444}.multiplayer-panel{position:relative;z-index:2;width:min(34rem,calc(100% - 2rem));margin-top:5rem;padding:1.25rem 1.4rem 1.5rem;border-radius:1.2rem;background:transparent;border:0;box-shadow:none;text-align:center}.section-kicker{margin:0 0 .75rem;color:#fff2f3;font-size:.95rem;font-style:italic}.multiplayer-card{display:flex;align-items:center;justify-content:space-between;gap:1rem;width:min(26rem,100%);margin:0 auto;padding:.85rem 1rem;border-radius:1rem;background:#150812d1;color:#fff;box-shadow:0 10px 24px #0000002e}.multiplayer-card strong,.multiplayer-card span{display:block;text-align:left}.multiplayer-card span{color:#fff9;font-size:.85rem}.multiplayer-card__badge{display:grid;place-items:center;width:3.1rem;height:3.1rem;border-radius:999px;background:#2db44b;color:#fff;font-weight:700;line-height:1}.multiplayer-or{margin:.9rem 0 .45rem;color:#fffc;font-style:italic}.multiplayer-copy{margin-bottom:.85rem;color:#ffffffb8}.tribe-layout,.setup-grid{width:min(64rem,calc(100% - 2rem));margin:0 auto}.tribe-layout{display:grid;place-items:center}.tribe-carousel{display:flex;flex-direction:column;align-items:center;gap:2rem;width:100%}.scene-error-panel{max-width:38rem;margin:1rem auto;padding:1.5rem;background:#1a1d23;border:2px solid #ff4d4d;border-radius:.8rem;text-align:center;box-shadow:0 8px 32px #00000080}.error-message{color:#f66;font-size:1rem;font-family:monospace;margin-bottom:1rem;white-space:pre-wrap;text-align:left;line-height:1.4}.error-hint{font-size:.9rem;color:#fff;padding-top:.5rem;border-top:1px solid rgba(255,255,255,.1)}.tribe-grid{display:flex;justify-content:center;gap:2rem;width:100%}.setup-stack{display:flex;flex-direction:column;align-items:center;gap:1.5rem;width:100%;max-width:40rem;padding:2rem;background:#0d101966;border-radius:24px}.tribe-tile{display:flex;flex-direction:column;align-items:center;gap:.5rem;background:transparent;border:0;cursor:pointer}.tribe-tile__orb{width:6rem;height:6rem;border-radius:50%;display:grid;place-items:center;border:4px solid rgba(255,255,255,.3);background:#ffffff1a;color:#fff;font-size:1.5rem;font-weight:800;transition:all .2s ease}.tribe-tile--selected .tribe-tile__orb{border-color:var(--tribe-accent);background:var(--tribe-accent);color:#000;box-shadow:0 0 20px var(--tribe-accent)}.setup-field strong,.setup-field__input{display:inline-block;min-width:14rem;padding:.6rem 1rem;border-radius:8px;background:#fff;color:#000;font-weight:700;border:0;text-align:center}.setup-field-row--wrap{gap:.7rem}.chip-group--centered{justify-content:center}.setup-field-row .chip,.tab-strip__tab,.menu-action,.menu-dock__button{transition:transform .14s ease,opacity .14s ease,background .14s ease}.setup-field-row .chip{min-width:5rem;background:#ffffffd1;color:#483a4a;border-color:#ffffffe0}.setup-field-row .chip--active{background:#fff}.scene--world{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start}.world-hud{position:absolute;top:1rem;left:50%;width:min(32rem,calc(100% - 8rem));transform:translate(-50%);z-index:10;display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;padding:.75rem 1.25rem;background:#0d1019e0;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-strong);border-radius:20px;box-shadow:var(--shadow)}.world-hud__group{display:grid;justify-items:center;gap:.2rem}.world-hud__label{color:var(--accent);font-size:.7rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.world-hud__value{color:var(--fg);font-size:1.1rem;font-weight:600}.world-board-shell{flex:1;position:relative;width:100%;height:100%;overflow:hidden;background:#000}.world-loading{position:absolute;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#111418;color:var(--muted)}.world-loading__spinner{width:3rem;height:3rem;border:3px solid rgba(255,255,255,.1);border-top-color:var(--accent);border-radius:50%;animation:world-spinner .8s linear infinite;margin-bottom:1rem}@keyframes world-spinner{to{transform:rotate(360deg)}}@keyframes spin{to{transform:rotate(360deg)}}.menu-dock--world{bottom:1.5rem;z-index:10}.world-board-shell .board{background:transparent}.world-board-shell .fog-layer--top{background:linear-gradient(180deg,rgba(255,255,255,.02),transparent 30%);mix-blend-mode:screen}.world-board-shell .fog-layer--bottom{background:linear-gradient(180deg,transparent 78%,rgba(0,0,0,.78) 100%)}.settings-panel{width:min(26rem,calc(100% - 2rem));padding:1.2rem 1.25rem 1.35rem;border-radius:1.5rem}.settings-columns{gap:1.1rem}.settings-overlay .chip{background:#ffffff14;color:var(--fg)}.settings-overlay .chip--active{background:#ffffff2e}@media (max-width: 900px){.menu-dock{gap:.55rem}.menu-dock__icon{width:2.8rem;height:2.8rem}.setup-stack{width:min(35rem,calc(100% - 2rem))}.tribe-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.world-board-shell{height:calc(100% - 8rem)}}@media (max-width: 720px){.menu-branding h1{font-size:clamp(2.2rem,12vw,3rem)}.menu-dock{transform:translate(-50%) scale(.9);transform-origin:bottom center}.screen-title{top:4.2rem}.tab-strip{top:5.1rem}.multiplayer-panel{margin-top:7rem}.setup-stack{margin-top:6rem}.tribe-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem .7rem}.world-hud{width:calc(100% - 1.4rem)}.world-board-shell{margin-top:5rem}.settings-panel{width:calc(100% - 1.2rem)}}.turn-banner{position:absolute;left:50%;top:4.5rem;transform:translate(-50%);background:#140e1ed9;border:1px solid var(--border);border-radius:999px;padding:.5rem 1.2rem;font-size:.9rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);pointer-events:none;z-index:15}.world-error{position:absolute;left:50%;top:7rem;transform:translate(-50%);background:#781414d9;color:#fff;padding:.5rem 1rem;border-radius:8px;font-size:.88rem;cursor:pointer;z-index:20}.tile-panel{position:absolute;left:50%;transform:translate(-50%);bottom:6.5rem;width:min(420px,calc(100vw - 2rem));max-height:55vh;overflow-y:auto;padding:0;background:var(--panel-strong);border:1px solid var(--border);color:var(--fg);z-index:12;display:flex;flex-direction:column}.tile-panel__header{display:flex;align-items:center;gap:.5rem;padding:.55rem .8rem;border-bottom:1px solid var(--border);flex-shrink:0}.tile-panel__coords{font-size:.78rem;text-transform:uppercase;letter-spacing:.07em;color:var(--muted-soft);flex:1}.tile-panel__tabs{display:flex;gap:.35rem}.tile-panel__tab{background:#ffffff0f;border:1px solid var(--border);color:var(--muted-soft);border-radius:5px;padding:.25rem .6rem;font-size:.78rem;cursor:pointer}.tile-panel__tab--active{background:#ffcc822e;border-color:#ffcc8280;color:var(--fg)}.tile-panel__close{margin-left:.4rem;flex-shrink:0}.tile-panel__section{padding:.7rem .9rem;display:flex;flex-direction:column;gap:.5rem}.tile-panel__unit-stats{display:flex;gap:.8rem;font-size:.82rem;color:var(--muted-soft);flex-wrap:wrap}.tile-panel__actions{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center}.tile-panel__hint{font-size:.78rem;color:var(--muted-soft);font-style:italic}.tile-panel__city-income{font-size:.82rem;color:var(--muted-soft)}.tile-panel__subsection{display:flex;flex-direction:column;gap:.3rem;padding-bottom:.5rem;border-bottom:1px solid rgba(255,255,255,.06)}.tile-panel__subsection:last-child{border-bottom:none;padding-bottom:0}.tile-panel__subsection-label{font-size:.73rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted-soft)}.tile-panel button{background:#ffffff14;border:1px solid var(--border);color:var(--fg);border-radius:6px;padding:.35rem .6rem;font-size:.82rem;cursor:pointer;text-align:left}.tile-panel button:hover:not(:disabled){background:#ffcc8233}.tile-panel button:disabled{opacity:.45;cursor:not-allowed}.connection-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#05030c99;display:flex;align-items:center;justify-content:center;z-index:40;pointer-events:all;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.connection-overlay__inner{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem 2.5rem;background:var(--panel-strong);border:1px solid var(--border);border-radius:10px;min-width:240px;text-align:center}.connection-overlay__spinner{width:36px;height:36px;border:3px solid rgba(255,202,122,.25);border-top-color:#ffca7a;border-radius:50%;animation:spin .8s linear infinite}.connection-overlay__msg{font-size:.9rem;color:var(--muted-soft);margin:0}.connection-overlay__msg--error{color:#ff7070}.tile-panel__hint--warn{color:#f96}.modal-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#05030cb8;display:flex;align-items:center;justify-content:center;z-index:30}.tech-panel{width:min(520px,92vw);padding:1.2rem 1.4rem;background:var(--panel-strong);border:1px solid var(--border-strong);color:var(--fg)}.tech-panel__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.tech-panel__grid{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.tech-option{display:flex;flex-direction:column;align-items:flex-start;gap:.2rem;background:#ffffff0f;border:1px solid var(--border);border-radius:8px;padding:.7rem .9rem;color:var(--fg);cursor:pointer;text-align:left}.tech-option:hover:not(:disabled){background:#ffcc822e}.tech-option:disabled{opacity:.55;cursor:not-allowed}.tech-option--owned{border-color:var(--accent)}.end-banner{padding:2rem 2.5rem;text-align:center;background:var(--panel-strong);border:1px solid var(--border-strong);color:var(--fg)}.end-banner h2{margin:0 0 .6rem;font-size:2rem}.end-banner p{margin:0 0 1.4rem;color:var(--muted)}