/* GOLD CITY Rebirth — small town, premium gold, comfortable Telegram WebView. */ #gold-city-rebirth{position:fixed;inset:0;z-index:99999;background:#080d0f;color:#f8edcf;font-family:Manrope,system-ui,-apple-system,sans-serif;isolation:isolate} html.rb-city-open{overflow:hidden} #gold-city-rebirth *{box-sizing:border-box} #gold-city-rebirth button{font:inherit;-webkit-tap-highlight-color:transparent;touch-action:manipulation;cursor:pointer} #gold-city-rebirth button:disabled{opacity:.43;cursor:not-allowed} #gold-city-rebirth .rb-app{height:100%;height:100dvh;display:flex;flex-direction:column;background:radial-gradient(circle at 72% -15%,rgba(193,137,44,.15),transparent 48%),#090e11} #gold-city-rebirth .rb-header{flex:none;min-height:82px;display:flex;align-items:center;padding:16px 16px 10px;gap:10px;border-bottom:1px solid rgba(215,177,97,.18);padding-top:max(13px,env(safe-area-inset-top))} #gold-city-rebirth .rb-mark{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(145deg,#f6d989,#a57624);font:30px Georgia,serif;color:#171a15;box-shadow:0 6px 25px rgba(232,167,46,.22)} #gold-city-rebirth .rb-brand{display:flex;flex-direction:column;min-width:0;gap:1px} #gold-city-rebirth .rb-brand small{font-size:8px;color:#c5af7f;letter-spacing:1.3px;font-weight:800} #gold-city-rebirth .rb-brand strong{font-size:19px;letter-spacing:.5px;white-space:nowrap;color:#f1d392;font-weight:900} #gold-city-rebirth .rb-brand strong i{font-style:normal;color:#fff1cd} #gold-city-rebirth .rb-wallet{margin-left:auto;display:grid;gap:1px;text-align:right;background:rgba(179,139,65,.10);border:1px solid rgba(199,161,81,.28);border-radius:12px;padding:8px 11px;white-space:nowrap} #gold-city-rebirth .rb-wallet small{font-size:8px;color:#d6c49a;font-weight:800;letter-spacing:.7px} #gold-city-rebirth .rb-wallet strong{font-size:17px;color:#e9c36a;font-weight:900} #gold-city-rebirth .rb-x{display:grid;place-items:center;padding:7px;background:#171d20;border:1px solid #30373a;border-radius:11px;color:#e3d0a7} #gold-city-rebirth .rb-content{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:10px 12px 24px;scrollbar-width:thin;scrollbar-color:#5d5136 transparent} #gold-city-rebirth .rb-scene-wrap{position:relative;overflow:hidden;width:100%;height:clamp(280px,54vh,620px);border:1px solid rgba(212,174,88,.26);border-radius:18px;background:radial-gradient(circle at 44% 30%,#26372f,#0a1117 80%);box-shadow:inset 0 0 68px #0007,0 14px 30px #0006} #gold-city-rebirth .rb-webgl{display:block;width:100%;height:100%;touch-action:none} #gold-city-rebirth .rb-scene-fallback{display:none;position:absolute;inset:0;background:radial-gradient(circle,#2b4135,#0b1515);align-items:center;justify-content:center} #gold-city-rebirth .rb-scene-fallback svg{width:98%;height:100%;filter:drop-shadow(0 12px 22px #0009)} #gold-city-rebirth .rb-webgl.city-rb-no-webgl{display:none} #gold-city-rebirth .rb-webgl.city-rb-no-webgl+.rb-scene-fallback{display:flex} #gold-city-rebirth .rb-scene-top{pointer-events:none;position:absolute;top:14px;left:12px;right:12px;display:flex;align-items:center;justify-content:space-between;gap:8px;z-index:2} #gold-city-rebirth .rb-scene-tag{background:#101819d8;color:#f2d8a0;font-size:10px;letter-spacing:1px;border:1px solid #bca36c4d;border-radius:999px;padding:7px 11px;font-weight:900} #gold-city-rebirth .rb-scene-tag i{width:5px;height:5px;display:inline-block;background:#8ecf9b;border-radius:50%;vertical-align:middle} #gold-city-rebirth .rb-scene-hint{font-size:9px;font-weight:700;color:#e6d3aa;text-shadow:0 1px 4px #000;letter-spacing:.3px} #gold-city-rebirth .rb-land-marker,#gold-city-rebirth .rb-hall-marker{position:absolute;display:flex;align-items:center;gap:6px;z-index:3;color:#1f211c;border:1px solid #fff3bb96;border-radius:12px;background:linear-gradient(140deg,#f7d68c,#c58c35);font-size:10px;font-weight:900;padding:7px 10px;box-shadow:0 4px 20px #0008} #gold-city-rebirth .rb-land-marker{left:56%;bottom:16%;animation:rb-breathe 2.5s ease-in-out infinite} #gold-city-rebirth .rb-hall-marker{top:23%;left:20%;font-size:9px;padding:5px 8px;background:linear-gradient(145deg,#cab378,#8d7139)} #gold-city-rebirth .rb-hall-marker svg{width:14px;height:14px} #gold-city-rebirth .rb-pulse{font-size:19px;line-height:15px} #gold-city-rebirth .rb-scene-bottom{pointer-events:none;position:absolute;bottom:13px;left:13px;color:#e3e7c6;font-size:9px;letter-spacing:.8px;text-shadow:0 2px 3px #0009} #gold-city-rebirth .rb-scene-bottom b{font-weight:800;color:#f2cb80} #gold-city-rebirth .rb-live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#74d69a;margin-right:6px;box-shadow:0 0 12px #74d69a} #gold-city-rebirth .rb-action-card,#gold-city-rebirth .rb-panel{margin-top:12px;border:1px solid #ac855346;background:linear-gradient(150deg,#172023,#0e1417);border-radius:17px;padding:19px;box-shadow:0 10px 28px #0004} #gold-city-rebirth .rb-action-card.rb-for-sale{background:linear-gradient(120deg,#2e271c,#12191b)} #gold-city-rebirth .rb-action-card h2{font-size:20px;line-height:1.24;margin:8px 0;color:#ffe7af} #gold-city-rebirth .rb-action-card p,#gold-city-rebirth .rb-section-title p{margin:8px 0 13px;color:#bec7c5;line-height:1.5;font-size:12px} #gold-city-rebirth .rb-kicker,#gold-city-rebirth .rb-section-title small{display:block;color:#d7ab61;font-weight:900;font-size:10px;letter-spacing:1.2px} #gold-city-rebirth .rb-kicker.rb-owned{color:#87ce9c} #gold-city-rebirth .rb-price{display:flex;align-items:center;justify-content:space-between;padding:12px 0 16px;border-top:1px solid #f4dca925;gap:12px} #gold-city-rebirth .rb-price span{font-size:12px;color:#c7c7bf} #gold-city-rebirth .rb-price strong{font-size:22px;color:#f4cf73} #gold-city-rebirth .rb-btn{border:0;border-radius:11px;min-height:45px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 16px;font-size:12px;font-weight:900;line-height:1.25} #gold-city-rebirth .rb-btn svg{width:18px;height:18px} #gold-city-rebirth .rb-primary{color:#191919;background:linear-gradient(145deg,#fff0af,#c08b32);box-shadow:inset 0 1px #fff8d2a8,0 4px 16px #c48b3533;width:100%} #gold-city-rebirth .rb-ghost{color:#e3c889;background:#1d2425;border:1px solid #8c714564;width:100%} #gold-city-rebirth .rb-actions-inline{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:16px} #gold-city-rebirth .rb-actions-stack{display:grid;gap:9px;margin-top:14px} #gold-city-rebirth .rb-kiosk-numbers{display:grid;gap:9px;margin-top:16px} #gold-city-rebirth .rb-kiosk-numbers span{font-size:12px;display:flex;justify-content:space-between;color:#bebdb3} #gold-city-rebirth .rb-kiosk-numbers b{color:#e7d6b6} #gold-city-rebirth .rb-positive{color:#8edca1!important} #gold-city-rebirth .rb-panel-page{margin-top:0;min-height:280px;padding:17px} #gold-city-rebirth .rb-section-title h2{margin:7px 0 9px;font-size:22px;color:#f2dfb4} #gold-city-rebirth .rb-business-photo{display:flex;align-items:center;gap:12px;padding:10px;border:1px solid #af905657;background:#493e2f35;border-radius:13px} #gold-city-rebirth .rb-business-photo>span{display:grid;place-items:center;width:70px;height:64px;font-size:40px;border-radius:10px;background:#d4aa6435} #gold-city-rebirth .rb-business-photo>div{display:grid;gap:4px} #gold-city-rebirth .rb-business-photo b{font-size:14px} #gold-city-rebirth .rb-business-photo small{color:#bab7a5} #gold-city-rebirth .rb-economy-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0} #gold-city-rebirth .rb-economy-grid>div{background:#171f20;border:1px solid #ffffff12;border-radius:12px;display:grid;gap:7px;padding:12px} #gold-city-rebirth .rb-economy-grid span{color:#b7b9af;font-size:11px} #gold-city-rebirth .rb-economy-grid strong{font-size:16px;color:#efd494} #gold-city-rebirth .rb-maxed{display:flex;align-items:center;gap:8px;color:#8edca1;font-size:12px} #gold-city-rebirth .rb-future{margin-top:12px;display:grid;gap:8px} #gold-city-rebirth .rb-future-row{display:flex;gap:11px;align-items:center;padding:13px 10px;background:#151e20;border:1px solid #ffffff11;border-radius:11px} #gold-city-rebirth .rb-future-row>span{font-size:21px} #gold-city-rebirth .rb-future-row>div{display:grid;gap:3px;flex:1} #gold-city-rebirth .rb-future-row strong{font-size:12px;color:#f0e1c1} #gold-city-rebirth .rb-future-row small{font-size:10px;color:#aba9a0} #gold-city-rebirth .rb-future-row svg{color:#8b8c81;width:15px} #gold-city-rebirth .rb-career-hero{text-align:center;display:grid;justify-items:center;gap:9px;padding:18px;border-radius:14px;border:1px solid #d0a45c5e;background:radial-gradient(circle at top,#6b572d80,#222523 60%)} #gold-city-rebirth .rb-career-symbol{width:54px;height:54px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,#f5d38b,#a47730);color:#1c201e} #gold-city-rebirth .rb-career-hero strong{font-size:19px} #gold-city-rebirth .rb-career-hero span{font-size:11px;color:#dfc794} #gold-city-rebirth .rb-bar{width:100%;height:7px;background:#3f423a;border-radius:7px;overflow:hidden} #gold-city-rebirth .rb-bar i{display:block;height:100%;background:linear-gradient(90deg,#a47527,#f4cc6e);border-radius:7px} #gold-city-rebirth .rb-requirements{display:grid;gap:11px;margin-top:15px} #gold-city-rebirth .rb-requirement{display:grid;gap:7px;background:#151e20;border:1px solid #e5bb541b;border-radius:11px;padding:11px} #gold-city-rebirth .rb-requirement>div:first-child{display:flex;justify-content:space-between;gap:10px;font-size:12px} #gold-city-rebirth .rb-requirement span{color:#d7bb7b} #gold-city-rebirth .rb-locked-box{display:flex;align-items:center;gap:10px;border:1px dashed #bd995a66;background:#866a3030;color:#d1c4a7;border-radius:11px;padding:12px;font-size:11px;margin-top:15px} #gold-city-rebirth .rb-mayor-hall{min-height:165px;display:grid;place-content:center;gap:9px;text-align:center;border-radius:13px;background:linear-gradient(#9f803550,#102022a8),radial-gradient(circle,#584a38,#151b1c)} #gold-city-rebirth .rb-mayor-hall svg{margin:auto;width:41px;height:41px;color:#eed08b} #gold-city-rebirth .rb-mayor-hall h3{margin:0;font-size:17px} #gold-city-rebirth .rb-mayor-hall p{margin:0;color:#c7be9f;font-size:11px} #gold-city-rebirth .rb-center{min-height:280px;display:grid;place-content:center;text-align:center;gap:13px;padding:24px;color:#e8d6aa} #gold-city-rebirth .rb-notice{background:#2e2819;border-bottom:1px solid #d9ae4e67;color:#fce2ac;font-size:12px;padding:10px 14px;text-align:center} #gold-city-rebirth .rb-nav{flex:none;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #d3aa5b42;background:#12191bbf;backdrop-filter:blur(12px);padding:8px 6px 7px;gap:5px} #gold-city-rebirth .rb-nav button{border:0;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:6px 3px;color:#9eaaac;background:transparent;font-size:10px;font-weight:800} #gold-city-rebirth .rb-nav button.active{color:#f7d48d;background:#95753228;box-shadow:inset 0 0 0 1px #c59d4949} #gold-city-rebirth .rb-nav svg{width:21px;height:21px} #gold-city-rebirth .rb-footer-caption{flex:none;font-size:8px;line-height:1.2;text-align:center;color:#948d77;letter-spacing:.15px;padding:4px 9px max(5px,env(safe-area-inset-bottom));background:#0b1113} @media(min-width:780px){#gold-city-rebirth .rb-app{max-width:1150px;margin:auto;border-inline:1px solid #765d356e;box-shadow:0 0 50px #000}#gold-city-rebirth .rb-scene-wrap{height:clamp(430px,64vh,680px)}#gold-city-rebirth .rb-action-card{max-width:740px;margin:12px auto 0}#gold-city-rebirth .rb-panel{max-width:850px;margin:auto}} @media(max-width:390px){#gold-city-rebirth .rb-brand small{font-size:6.7px}#gold-city-rebirth .rb-brand strong{font-size:15px}#gold-city-rebirth .rb-wallet small{font-size:7px}#gold-city-rebirth .rb-wallet strong{font-size:14px}#gold-city-rebirth .rb-header{gap:6px;padding-inline:9px}#gold-city-rebirth .rb-mark{width:34px;height:34px;font-size:23px}#gold-city-rebirth .rb-scene-wrap{height:46vh;min-height:270px}#gold-city-rebirth .rb-scene-hint{display:none}} @media(prefers-reduced-motion:reduce){#gold-city-rebirth .rb-land-marker{animation:none}} @keyframes rb-breathe{50%{box-shadow:0 5px 20px #eac16c80}} /* REBIRTH · CHAPTER TWO: coffee shop and navigable locations. */ #gold-city-rebirth .rb-coffee-marker{position:absolute;z-index:3;display:flex;align-items:center;gap:4px;border:1px solid #ffecad99;border-radius:11px;background:linear-gradient(140deg,#efd1a2,#ab7244);box-shadow:0 6px 20px #0009;color:#2c231d;font-size:10px;font-weight:900;letter-spacing:.2px;padding:8px 10px;white-space:nowrap} #gold-city-rebirth .rb-section-divider{padding-top:20px;margin-top:16px;border-top:1px solid #d5b67837} #gold-city-rebirth .rb-business-summary{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:18px} #gold-city-rebirth .rb-business-summary>div{display:grid;gap:4px;padding:13px;background:linear-gradient(150deg,#24281f,#192321);border:1px solid #bca1674c;border-radius:12px} #gold-city-rebirth .rb-business-summary small{color:#c8b88f;letter-spacing:.5px;font-size:9px;font-weight:900} #gold-city-rebirth .rb-business-summary strong{color:#f2dfb0;font-weight:900;font-size:16px} #gold-city-rebirth .rb-enterprise{margin:10px 0 12px} #gold-city-rebirth .rb-next-unlock{display:flex;align-items:center;gap:10px;margin-top:14px;padding:13px;background:linear-gradient(120deg,#242b24,#17201d);border:1px dashed #c6a05a7a;border-radius:12px} #gold-city-rebirth .rb-next-unlock>span:first-child{font-size:25px} #gold-city-rebirth .rb-next-unlock>div{flex:1} #gold-city-rebirth .rb-next-unlock strong{font-size:13px;color:#f5dbab} #gold-city-rebirth .rb-next-unlock p{font-size:11px;line-height:1.5;color:#bfbdb5;margin:5px 0 0} #gold-city-rebirth .rb-tag-locked{font-size:15px} #gold-city-rebirth .rb-coffee-unlock{border:1px solid #cfab59aa;background:radial-gradient(circle at top right,#6b523344,#202421 63%);border-radius:14px;padding:18px;margin-top:15px} #gold-city-rebirth .rb-coffee-unlock h2{color:#f1d492;font-size:19px;margin:8px 0} #gold-city-rebirth .rb-coffee-unlock p{color:#c1c8bc;font-size:12px;line-height:1.55} #gold-city-rebirth .rb-coffee-unlock .rb-price{margin-top:12px} #gold-city-rebirth .rb-coffee-unlock .rb-btn{width:100%} #gold-city-rebirth [data-rb-marker]{will-change:transform} /* Chapter 3: missions, grocery and car wash with dynamic map labels. */ #gold-city-rebirth .rb-grocery-marker, #gold-city-rebirth .rb-carwash-marker{ position:absolute;z-index:3;display:flex;align-items:center;gap:4px; border:1px solid #ffea9b9c;border-radius:11px;background:linear-gradient(145deg,#f8dca6,#b88940); box-shadow:0 6px 20px #000a;color:#26231d;font-size:9px;font-weight:900;padding:7px 9px; white-space:nowrap; } #gold-city-rebirth .rb-grocery-marker{background:linear-gradient(145deg,#d9ecd1,#85ae87)} #gold-city-rebirth .rb-carwash-marker{background:linear-gradient(145deg,#d2e5ed,#86b8c7)} #gold-city-rebirth .rb-missions{display:grid;gap:10px;margin:14px 0} #gold-city-rebirth .rb-mission{padding:13px;border-radius:12px;background:linear-gradient(130deg,#212923,#121d20); border:1px solid #e7bf6550;display:grid;gap:12px} #gold-city-rebirth .rb-mission.is-done{border-color:#65a07767;background:linear-gradient(130deg,#1d2c24,#17201c)} #gold-city-rebirth .rb-mission-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px} #gold-city-rebirth .rb-mission-head strong{color:#f2dfb1;font-size:13px} #gold-city-rebirth .rb-mission-head p{color:#bdc6bf;line-height:1.5;margin:4px 0 0;font-size:11px} #gold-city-rebirth .rb-mission-head>span{font-size:20px;line-height:1} #gold-city-rebirth .rb-mission-foot{display:flex;align-items:center;justify-content:space-between;gap:9px} #gold-city-rebirth .rb-mission-foot small{color:#f0c877;font-weight:800;font-size:11px} #gold-city-rebirth .rb-mission-foot .rb-btn{font-size:10px;min-height:33px;padding:7px 10px;width:auto} #gold-city-rebirth .rb-mission-pending{color:#a9aaa6;font-size:10px} /* REBIRTH 1.3 — mayoral election and municipality, phone-first. */ #gold-city-rebirth .rb-election-panel{margin:17px 0} #gold-city-rebirth .rb-election-panel .rb-section-title{padding-top:20px} #gold-city-rebirth .rb-election-intro{display:flex;align-items:flex-start;gap:12px;background:#33301f;border:1px solid #cfad5d6b;border-radius:13px;padding:14px;margin:11px 0} #gold-city-rebirth .rb-election-intro>span{font-size:27px} #gold-city-rebirth .rb-election-intro strong{font-size:13px;color:#f9e2a9} #gold-city-rebirth .rb-election-intro p{font-size:11px;color:#d2c5a6;line-height:1.48;margin:6px 0 0} #gold-city-rebirth .rb-election-locked{padding:13px;display:flex;align-items:center;gap:9px;color:#b9b5a4;font-size:11px} #gold-city-rebirth .rb-election-forecast{display:flex;align-items:center;justify-content:space-between;padding:13px 0 9px;color:#e6c98c} #gold-city-rebirth .rb-election-forecast span{font-size:10px;letter-spacing:1.1px;font-weight:900} #gold-city-rebirth .rb-election-forecast strong{font-size:28px} #gold-city-rebirth .rb-election-description{font-size:11px;line-height:1.55;color:#bfc6be;margin:12px 0} #gold-city-rebirth .rb-election-activities{display:grid;gap:8px;margin:12px 0} #gold-city-rebirth .rb-election-activity{padding:12px;background:linear-gradient(140deg,#252a22,#101b1d);border:1px solid #cb9b544f;border-radius:12px;display:flex;align-items:center;justify-content:space-between;gap:8px} #gold-city-rebirth .rb-election-activity>div{flex:1} #gold-city-rebirth .rb-election-activity strong{font-size:12px;color:#f0ddb0} #gold-city-rebirth .rb-election-activity p{font-size:10px;color:#bfbbb1;line-height:1.4;margin:6px 0} #gold-city-rebirth .rb-election-activity small{font-size:10px;color:#e5ba6e} #gold-city-rebirth .rb-election-activity .rb-btn{width:auto;min-width:90px;padding:9px;font-size:11px} #gold-city-rebirth .rb-election-activity b{font-size:11px;white-space:nowrap} #gold-city-rebirth .rb-election-result{background:radial-gradient(circle at top,#564123,#1c2623 70%);border:1px solid #b9995375;border-radius:14px;padding:22px 16px;text-align:center;margin-top:14px} #gold-city-rebirth .rb-election-result>span{font-size:37px} #gold-city-rebirth .rb-election-result h3{color:#f3d89e;margin:12px 0;font-size:19px} #gold-city-rebirth .rb-election-result p{font-size:12px;line-height:1.55;color:#d7ceae} #gold-city-rebirth .rb-election-result .rb-btn{margin-top:10px} #gold-city-rebirth .rb-election-result.rb-victory{border-color:#e6c36e} #gold-city-rebirth .rb-treasury-card{padding:17px;border-radius:14px;background:radial-gradient(circle at 90% 10%,#896b3280,#1c2927 64%);border:1px solid #f0d17a81;display:grid;gap:9px;margin:14px 0} #gold-city-rebirth .rb-treasury-card>small{font-size:10px;letter-spacing:1px;color:#f3d5a3;font-weight:900} #gold-city-rebirth .rb-treasury-card>strong{color:#ffe29f;font-size:34px} #gold-city-rebirth .rb-treasury-card>span{font-size:11px;color:#c8ccb6} #gold-city-rebirth .rb-treasury-card .rb-btn{margin-top:6px} #gold-city-rebirth .rb-municipal-projects{display:grid;gap:9px} #gold-city-rebirth .rb-municipal-project{display:flex;align-items:center;gap:10px;border:1px solid #ad976a5f;background:#1a2424;border-radius:12px;padding:13px} #gold-city-rebirth .rb-municipal-project.completed{background:#1b2a21;border-color:#6eaf7980} #gold-city-rebirth .rb-municipal-project .rb-project-emoji{font-size:26px} #gold-city-rebirth .rb-municipal-project>div{flex:1;min-width:0} #gold-city-rebirth .rb-municipal-project strong{color:#f4dfb4;font-size:12px} #gold-city-rebirth .rb-municipal-project p{font-size:10px;line-height:1.4;color:#b9c5bc;margin:5px 0} #gold-city-rebirth .rb-municipal-project small{font-size:10px;color:#d5ba7e} #gold-city-rebirth .rb-municipal-project .rb-btn{width:auto;font-size:10px;min-height:36px;padding:8px 10px} #gold-city-rebirth .rb-municipal-project>b{font-size:10px} #gold-city-rebirth .rb-public-marker{position:absolute;z-index:4;display:flex;align-items:center;gap:4px;color:#24271f;background:linear-gradient(145deg,#fff2c9,#cba55b);border:1px solid #fff2cf9a;border-radius:10px;box-shadow:0 5px 17px #000a;font-size:9px;font-weight:900;padding:6px 9px;white-space:nowrap} @media(max-width:410px){ #gold-city-rebirth .rb-municipal-project .rb-btn{min-width:60px} #gold-city-rebirth .rb-election-activity .rb-btn{min-width:75px} } /* Chapter 5: explicit, non-minting transition to a single player wallet. */ #gold-city-rebirth .rb-wallet-activation{ margin:4px 0 14px;padding:16px;border:1px solid #e9bc6a99;border-radius:15px; background:linear-gradient(135deg,#3c3220,#172426);box-shadow:0 9px 25px #0006; } #gold-city-rebirth .rb-wallet-activation h2{font-size:18px;color:#ffe1a2;margin:10px 0 7px} #gold-city-rebirth .rb-wallet-activation p{font-size:12px;color:#d9d1bd;line-height:1.55;margin:0 0 14px} #gold-city-rebirth .rb-wallet{min-width:0} #gold-city-rebirth .rb-wallet small{letter-spacing:.15px} /* Chapter 6 — fixed 3D camera; pan in all four directions while plots stay server-backed. */ #gold-city-rebirth .rb-webgl{touch-action:none;cursor:grab} #gold-city-rebirth .rb-webgl:active{cursor:grabbing} #gold-city-rebirth .rb-district-controls{ position:absolute;left:12px;right:12px;bottom:44px;z-index:6; display:flex;gap:6px;overflow-x:auto;scrollbar-width:none; max-width:680px;margin:0 auto;padding:4px 2px; } #gold-city-rebirth .rb-district-controls::-webkit-scrollbar{display:none} #gold-city-rebirth .rb-district-controls button{ flex:none;min-height:32px;border-radius:9px;background:#101a1ce6; border:1px solid #cfad6559;color:#cfccbd;font-size:10px;font-weight:800; padding:7px 11px;box-shadow:0 4px 16px #0008 } #gold-city-rebirth .rb-district-controls button.active{ color:#211b11;background:linear-gradient(150deg,#efd18e,#c4963f); border-color:#f5d893 } #gold-city-rebirth .rb-plot-marker{ position:absolute;left:50%;top:50%;z-index:4;white-space:nowrap; transform:translate(-50%,-50%);background:#111c1be8;border-radius:9px; border:1px solid #dcbf7396;padding:6px 8px;color:#f4d690; font-weight:900;font-size:9px;box-shadow:0 4px 12px #0008; } #gold-city-rebirth .rb-scene-wrap [hidden]{display:none!important} #gold-city-rebirth .rb-plot-inspector{ position:absolute;right:12px;top:64px;z-index:8;width:min(292px,calc(100% - 24px)); max-height:calc(100% - 158px);overflow:auto;overscroll-behavior:contain; border:1px solid #dbb56d99;border-radius:16px; background:linear-gradient(160deg,#273027f5,#111d21f8); padding:13px;box-shadow:0 12px 35px #000c; } #gold-city-rebirth .rb-plot-inspector-title{display:flex;align-items:center;justify-content:space-between;gap:8px} #gold-city-rebirth .rb-plot-inspector-title strong{color:#ffe7a8;font-size:14px} #gold-city-rebirth .rb-plot-inspector-title .rb-btn{ width:30px;min-width:30px;height:30px;min-height:30px; padding:0;font-size:20px;line-height:1 } #gold-city-rebirth .rb-plot-inspector-meta{ color:#a9d6b9;font-size:10px;font-weight:800;margin:6px 0 10px } #gold-city-rebirth .rb-plot-inspector p{ color:#c0c8c1;font-size:11px;line-height:1.48;margin:7px 0 12px } #gold-city-rebirth .rb-plot-options{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:9px 0} #gold-city-rebirth .rb-plot-options .rb-btn{padding:8px 5px;font-size:10px;min-height:42px} #gold-city-rebirth .rb-plot-cost{ border-top:1px solid #e2b76d38;border-bottom:1px solid #e2b76d38; padding:9px 0;margin:10px 0;display:flex;align-items:center;justify-content:space-between;gap:9px } #gold-city-rebirth .rb-plot-cost span{color:#ddd3bd;font-size:11px} #gold-city-rebirth .rb-plot-cost strong{color:#f1ce7f;font-size:16px} #gold-city-rebirth .rb-plot-built{margin:12px 0 7px;font-size:13px;color:#8bd3a1;font-weight:900} @media(max-width:600px){ #gold-city-rebirth .rb-scene-top{top:10px} #gold-city-rebirth .rb-scene-hint{font-size:8px;max-width:115px;text-align:right} #gold-city-rebirth .rb-scene-tag{font-size:8px;padding:6px 8px} #gold-city-rebirth .rb-plot-inspector{ top:auto;bottom:84px;left:8px;right:8px;width:auto; max-height:min(42%,225px);padding:11px; } #gold-city-rebirth .rb-district-controls{left:6px;right:6px;bottom:30px;justify-content:flex-start} #gold-city-rebirth .rb-district-controls button{font-size:9px;padding:6px 8px} #gold-city-rebirth .rb-scene-bottom{bottom:8px;left:9px;font-size:8px} #gold-city-rebirth .rb-plot-marker{font-size:8px;padding:5px 6px} } /* Chapter 5 refinement: income hub for the four existing GOLD CITY enterprises. */ #gold-city-rebirth .rb-income-overview{ display:grid;gap:9px;width:100%;margin:2px 0 12px;padding:17px 18px; color:#f5e6bf;text-align:left;cursor:pointer;border-radius:16px; border:1px solid #d8b26b9c; background:linear-gradient(115deg,#3a3321,#192625 62%,#101b20); box-shadow:0 7px 25px #0007,inset 0 1px #ffecbb24; transition:border-color .15s ease,background .15s ease; } #gold-city-rebirth .rb-income-overview:hover, #gold-city-rebirth .rb-income-overview:focus-visible{ border-color:#ffe4a4; background:linear-gradient(115deg,#4b4026,#1c2c2a 62%,#142027); } #gold-city-rebirth .rb-income-overview:focus-visible{ outline:2px solid #f6d58c;outline-offset:2px; } #gold-city-rebirth .rb-income-overview-top{ display:flex;align-items:center;justify-content:space-between;gap:12px; font-size:10px;font-weight:900;letter-spacing:.9px; } #gold-city-rebirth .rb-income-overview-top span:last-child{ font-size:11px;letter-spacing:0;color:#ead29b;white-space:nowrap; } #gold-city-rebirth .rb-income-overview>strong{ font-size:clamp(26px,5.2vw,36px);font-weight:900; line-height:1.1;color:#98e9b2;font-variant-numeric:tabular-nums; } #gold-city-rebirth .rb-income-overview-bottom{ display:block;font-size:11px;color:#ddcbab; } #gold-city-rebirth .rb-income-details{display:grid;gap:13px;max-width:720px;margin:0 auto} #gold-city-rebirth .rb-income-details-top{ display:grid;grid-template-columns:auto 1fr;align-items:center;gap:14px; padding:12px 0 5px; } #gold-city-rebirth .rb-income-details-top .rb-btn{ width:auto;min-height:39px;white-space:nowrap;padding:9px 12px; } #gold-city-rebirth .rb-income-details-top small{ font-size:10px;letter-spacing:.8px;color:#d4b267;font-weight:800; } #gold-city-rebirth .rb-income-details-top h2{ font-size:23px;line-height:1.2;margin:4px 0;color:#f6dfb1; } #gold-city-rebirth .rb-income-explanation{ font-size:12px;color:#b6c1bb;line-height:1.55;margin:0; } #gold-city-rebirth .rb-income-enterprises{display:grid;gap:10px} #gold-city-rebirth .rb-income-enterprise{ background:linear-gradient(120deg,#1a2627,#10181c); border:1px solid #c6a26540;border-radius:14px;padding:15px; } #gold-city-rebirth .rb-income-enterprise-head{ display:flex;gap:12px;align-items:center; } #gold-city-rebirth .rb-income-enterprise-icon{ display:grid;place-items:center;flex:none;width:45px;height:45px; background:#b18e5427;border-radius:11px;font-size:25px; } #gold-city-rebirth .rb-income-enterprise-name{ display:grid;gap:5px;flex:1;min-width:0; } #gold-city-rebirth .rb-income-enterprise-name strong{font-size:13px;color:#f3e1b8} #gold-city-rebirth .rb-income-enterprise-name small{font-size:10px;color:#aab9b1} #gold-city-rebirth .rb-income-enterprise-head>strong{ font-size:15px;white-space:nowrap;font-variant-numeric:tabular-nums; } #gold-city-rebirth .rb-income-enterprise .rb-negative{color:#edaaa0} #gold-city-rebirth .rb-income-enterprise-metrics{ display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap; margin:11px 0 0 57px;font-size:10px;color:#b6bcb6; } #gold-city-rebirth .rb-income-details-total{ display:grid;gap:7px;padding:20px;border-radius:16px; background:linear-gradient(135deg,#423821,#172c27); border:1px solid #e6bf7777; } #gold-city-rebirth .rb-income-details-total>span{ font-size:11px;font-weight:900;letter-spacing:1px;color:#ead2a0; } #gold-city-rebirth .rb-income-details-total>strong{ font-size:30px;color:#9bf3bc;font-weight:900; font-variant-numeric:tabular-nums; } #gold-city-rebirth .rb-income-details-total>small{ font-size:11px;line-height:1.5;color:#c9c6ae; } @media(max-width:600px){ #gold-city-rebirth .rb-income-overview{margin-bottom:10px;padding:13px 14px;gap:7px} #gold-city-rebirth .rb-income-overview-top{font-size:9px;letter-spacing:.2px} #gold-city-rebirth .rb-income-overview-top span:last-child{font-size:10px} #gold-city-rebirth .rb-income-details-top h2{font-size:20px} #gold-city-rebirth .rb-income-enterprise{padding:12px} #gold-city-rebirth .rb-income-enterprise-head{gap:8px} #gold-city-rebirth .rb-income-enterprise-head>strong{font-size:13px} #gold-city-rebirth .rb-income-enterprise-icon{width:38px;height:38px;font-size:23px} #gold-city-rebirth .rb-income-enterprise-metrics{margin-left:46px} #gold-city-rebirth .rb-wallet small{font-size:7px;letter-spacing:0} } /* Chapter 7.1 — industrial complexes and server-backed construction. */ #gold-city-rebirth .rb-industry-plot{background:#272a22eb;border-color:#e5b85c;color:#ffdf98} #gold-city-rebirth .rb-industry-choices{display:grid;grid-template-columns:1fr;gap:6px;margin:9px 0 10px} #gold-city-rebirth .rb-industry-choices .rb-btn{justify-content:flex-start;text-align:left;min-height:38px;padding:9px;font-size:11px} #gold-city-rebirth .rb-industry-material{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:9px 0;border-bottom:1px solid #ffffff17} #gold-city-rebirth .rb-industry-material>span{display:flex;flex:1;min-width:0;flex-direction:column;color:#e8d9ae;font-size:10px;gap:3px} #gold-city-rebirth .rb-industry-material small{font-size:9px;color:#a9b7b1;line-height:1.3} #gold-city-rebirth .rb-industry-material .rb-btn{flex:none;padding:7px 8px;min-height:30px;font-size:9px;max-width:52%} #gold-city-rebirth .rb-industry-progress{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin:9px 0} #gold-city-rebirth .rb-industry-progress i{display:block;height:8px;border-radius:5px;background:#6b6557} #gold-city-rebirth .rb-industry-progress i.done{background:#d4b35d} #gold-city-rebirth .rb-industry-subtitle{font-weight:800;color:#ffe4a3} #gold-city-rebirth .rb-industry-dashboard{display:grid;gap:12px;max-width:860px;margin:0 auto;padding:10px 0 24px} #gold-city-rebirth .rb-industry-dashboard>h3{font-size:15px;margin:12px 0 0;color:#f7deb0} #gold-city-rebirth .rb-industry-dashboard>p{font-size:12px;line-height:1.6;color:#bdc6b9;margin:0} #gold-city-rebirth .rb-industry-project{width:100%;display:flex;flex-direction:column;gap:5px;align-items:flex-start;text-align:left;min-height:56px;padding:12px;border:1px solid #c9a3668c;border-radius:12px;background:#172625;color:#f2dca7} #gold-city-rebirth .rb-industry-project small{color:#a9c1b6} #gold-city-rebirth .rb-industry-market{display:grid;grid-template-columns:1fr 1fr;gap:6px 18px} #gold-city-rebirth .rb-industry-market .rb-industry-material{background:#1a2423;border:1px solid #9e8d6766;border-radius:10px;padding:11px} #gold-city-rebirth .rb-industry-dashboard .rb-industry-footnote{font-size:10px;color:#cbb27e} @media(max-width:600px){ #gold-city-rebirth .rb-industry-market{grid-template-columns:1fr} #gold-city-rebirth .rb-industry-dashboard{padding:4px 0 25px} #gold-city-rebirth .rb-industry-choices .rb-btn{font-size:10px} #gold-city-rebirth .rb-plot-inspector{max-height:min(56%,345px);bottom:74px} } /* GOLD CITY 2.0 — full industrial dashboard, scroll-safe responsive controls. */ #gold-city-rebirth .rb-industry-management{display:grid;gap:13px;max-width:900px;margin:0 auto;padding:8px 2px 45px} #gold-city-rebirth .rb-industry-title{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;background:linear-gradient(135deg,#233732,#192623);border:1px solid #cca76377;border-radius:14px;padding:16px} #gold-city-rebirth .rb-industry-title small{font-size:9px;color:#d1c092;letter-spacing:.075em} #gold-city-rebirth .rb-industry-title h2{font-size:21px;line-height:1.25;margin:6px 0;color:#f6dfa3} #gold-city-rebirth .rb-industry-title p{color:#c0c9bd;font-size:11px;margin:0} #gold-city-rebirth .rb-industry-title>strong{font-size:10px;border:1px solid #ad9350;border-radius:20px;padding:7px 10px;white-space:nowrap;color:#e9d9a5} #gold-city-rebirth .rb-industry-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px} #gold-city-rebirth .rb-industry-stat{display:grid;gap:5px;background:#22302d;border-radius:10px;border:1px solid #766c5066;padding:10px;min-width:0} #gold-city-rebirth .rb-industry-stat small{font-size:9px;line-height:1.4;color:#acbab4} #gold-city-rebirth .rb-industry-stat b{font-size:14px;color:#f6e2ab;word-break:break-word} #gold-city-rebirth .rb-industry-group{display:grid;gap:10px;border:1px solid #8d82695c;background:#182622;border-radius:13px;padding:15px} #gold-city-rebirth .rb-industry-group h3{font-size:15px;font-weight:800;color:#edd39a;margin:0} #gold-city-rebirth .rb-industry-group p{font-size:11px;line-height:1.6;color:#b7c7b8;margin:1px 0} #gold-city-rebirth .rb-industry-group>.rb-btn{justify-self:start} #gold-city-rebirth .rb-industry-status{display:grid;gap:10px;background:#293733;border-radius:10px;padding:12px} #gold-city-rebirth .rb-industry-status>strong{color:#e2c781} #gold-city-rebirth .rb-industry-offer{display:grid;gap:10px;background:#21312b;border:1px solid #d0b87866;border-radius:13px;padding:12px} #gold-city-rebirth .rb-industry-offer>strong{color:#ead99a;font-size:12px} #gold-city-rebirth .rb-industry-offer .rb-btn{justify-self:start} #gold-city-rebirth .rb-industry-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-top:10px;border-top:1px solid #ffffff20;color:#eee3c3;font-size:12px} #gold-city-rebirth .rb-industry-modes{display:flex;gap:6px;flex-wrap:wrap} #gold-city-rebirth .rb-industry-modes .rb-btn{padding:8px;font-size:10px;white-space:normal} @media(max-width:600px){ #gold-city-rebirth .rb-industry-title{flex-direction:column} #gold-city-rebirth .rb-industry-title h2{font-size:18px} #gold-city-rebirth .rb-industry-stat{padding:7px;gap:3px} #gold-city-rebirth .rb-industry-stat small{font-size:8px} #gold-city-rebirth .rb-industry-stat b{font-size:11px} #gold-city-rebirth .rb-industry-group{padding:11px} #gold-city-rebirth .rb-industry-offer>.rb-btn{width:100%} } /* GOLD CITY 2.1 — four classic large enterprises on city-buildable lots. */ #gold-city-rebirth .rb-commercial-plot{background:#302a22ed;border-color:#ead18b;color:#ffe1a8} #gold-city-rebirth .rb-commercial-catalog{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:6px 0 14px} #gold-city-rebirth .rb-commercial-tile{display:flex;gap:10px;align-items:center;text-align:left;width:100%;min-height:77px;color:#f3e2bd;padding:13px;border-radius:12px;background:linear-gradient(125deg,#2c352f,#262927);border:1px solid #d8b77166;cursor:pointer} #gold-city-rebirth .rb-commercial-tile>span:nth-child(2){min-width:0;flex:1;display:grid;gap:6px} #gold-city-rebirth .rb-commercial-tile strong{font-size:12px;line-height:1.3} #gold-city-rebirth .rb-commercial-tile small{font-size:10px;color:#b8c3af;line-height:1.4} #gold-city-rebirth .rb-commercial-tile-icon{font-size:26px} #gold-city-rebirth .rb-commercial-tile:last-child>span:last-child{font-size:18px;color:#dfbd7a} #gold-city-rebirth .rb-commercial-tile:focus-visible{outline:2px solid #f8e0a4;outline-offset:3px} @media(max-width:590px){ #gold-city-rebirth .rb-commercial-catalog{grid-template-columns:1fr} #gold-city-rebirth .rb-commercial-tile{min-height:68px;padding:11px} } /* GOLD CITY 2.2 — one-line businesses list and on-demand compact management. */ #gold-city-rebirth .rb-nav{grid-template-columns:repeat(5,minmax(0,1fr));gap:3px} #gold-city-rebirth .rb-nav[data-mayor="true"]{grid-template-columns:repeat(4,minmax(0,1fr))} #gold-city-rebirth .rb-nav button{font-size:9px;line-height:1.15;min-width:0;min-height:54px;overflow-wrap:anywhere} #gold-city-rebirth .rb-nav svg{width:20px;height:20px;flex-shrink:0} #gold-city-rebirth .rb-my-businesses{display:grid;gap:16px;max-width:920px;margin:auto;padding-bottom:30px} #gold-city-rebirth .rb-my-businesses>h3{font-size:14px;font-weight:800;color:#e4cd93;margin:6px 0 0} #gold-city-rebirth .rb-my-business-list{display:grid;gap:7px} #gold-city-rebirth .rb-my-business-item{border:1px solid #b49a634d;border-radius:12px;background:#202923;overflow:hidden} #gold-city-rebirth .rb-my-business-row{display:flex;align-items:center;gap:9px;width:100%;min-height:62px;padding:10px 12px;background:transparent;border:0;text-align:left;color:#f5e8c9;cursor:pointer} #gold-city-rebirth .rb-my-business-row.selected{background:#b79d4a18} #gold-city-rebirth .rb-my-business-row:hover{background:#d7b36c12} #gold-city-rebirth .rb-my-business-row:focus-visible{outline:2px solid #dec37a;outline-offset:-3px} #gold-city-rebirth .rb-my-business-icon{display:grid;place-items:center;flex:0 0 39px;width:39px;height:42px;font-size:23px;border:1px solid #ceb16e44;background:#b89d6730;border-radius:9px} #gold-city-rebirth .rb-my-business-copy{min-width:0;display:grid;gap:5px;flex:1} #gold-city-rebirth .rb-my-business-copy strong{font-size:12px;line-height:1.25} #gold-city-rebirth .rb-my-business-copy small{font-size:9px;color:#bcc8be;line-height:1.25} #gold-city-rebirth .rb-my-business-value{font-size:11px;font-weight:900;white-space:nowrap;color:#a7dba8} #gold-city-rebirth .rb-my-business-value.negative{color:#e3a09b} #gold-city-rebirth .rb-my-business-row>span:last-child{font-size:14px;color:#c7b889} #gold-city-rebirth .rb-my-business-detail{display:grid;gap:12px;padding:14px;background:linear-gradient(165deg,#27312a,#18251f);border-top:1px solid #a993565c} #gold-city-rebirth .rb-my-detail-heading{display:flex;justify-content:space-between;gap:10px;align-items:center} #gold-city-rebirth .rb-my-detail-heading strong{font-size:15px;color:#f0d79b} #gold-city-rebirth .rb-my-detail-heading small{font-size:10px;color:#b8c2b8} #gold-city-rebirth .rb-my-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px} #gold-city-rebirth .rb-my-metrics>div{display:grid;gap:5px;padding:10px;border:1px solid #98845a55;border-radius:9px;background:#141f1d} #gold-city-rebirth .rb-my-metrics small{font-size:10px;color:#b6c0b8} #gold-city-rebirth .rb-my-metrics strong{font-size:12px;color:#f4dfac} #gold-city-rebirth .rb-my-business-detail h4{font-size:13px;color:#edca87;margin:6px 0 0} #gold-city-rebirth .rb-my-staff{display:grid;gap:7px} #gold-city-rebirth .rb-my-staff-row,#gold-city-rebirth .rb-my-upgrade{display:flex;gap:10px;justify-content:space-between;align-items:center;padding:8px;background:#2b372e88;border-radius:8px;font-size:11px} #gold-city-rebirth .rb-my-staff-row>span,#gold-city-rebirth .rb-my-upgrade>span{min-width:0;flex:1} #gold-city-rebirth .rb-my-upgrade small{display:block;font-size:9px;color:#aabcb1;margin-top:4px} #gold-city-rebirth .rb-my-upgrades{display:grid;gap:7px} #gold-city-rebirth .rb-my-actions,#gold-city-rebirth .rb-my-asset-footer{display:flex;flex-wrap:wrap;gap:8px} #gold-city-rebirth .rb-my-actions .rb-btn,#gold-city-rebirth .rb-my-staff-row .rb-btn,#gold-city-rebirth .rb-my-upgrade .rb-btn{padding:9px 10px;font-size:10px;white-space:normal;line-height:1.3} #gold-city-rebirth .rb-my-muted{font-size:11px;color:#c8bfaf} @media(max-width:400px){ #gold-city-rebirth .rb-nav{padding:7px 2px;gap:1px} #gold-city-rebirth .rb-nav button{font-size:8px;padding:5px 1px} #gold-city-rebirth .rb-my-business-row{padding:9px 7px;gap:6px} #gold-city-rebirth .rb-my-business-icon{flex-basis:33px;width:33px;height:36px;font-size:21px} #gold-city-rebirth .rb-my-business-copy strong{font-size:11px} #gold-city-rebirth .rb-my-business-copy small{font-size:9px} #gold-city-rebirth .rb-my-business-value{font-size:10px} #gold-city-rebirth .rb-my-detail-heading{flex-direction:column;align-items:flex-start} } /* GOLD CITY 2.3: mayor budget transfers and personal city accounting. */ #gold-city-rebirth .rb-budget-transfer{display:grid;gap:10px;margin-top:12px;padding:15px;border:1px solid #c4a76059;border-radius:14px;background:#1b2722} #gold-city-rebirth .rb-budget-transfer label{font-size:12px;font-weight:850;color:#ead3a4} #gold-city-rebirth .rb-budget-transfer input{box-sizing:border-box;width:100%;min-height:45px;padding:11px 13px;border:1px solid #bda56d70;border-radius:9px;background:#101b17;color:#fff;font:inherit;font-size:16px} #gold-city-rebirth .rb-budget-transfer input:focus{outline:2px solid #e1c77d;outline-offset:1px} #gold-city-rebirth .rb-budget-transfer>small{color:#a9b8ab;font-size:10px;line-height:1.55} #gold-city-rebirth .rb-budget-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px} #gold-city-rebirth .rb-budget-actions>.rb-btn{min-width:0;white-space:normal;line-height:1.25} #gold-city-rebirth .rb-budget-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px} #gold-city-rebirth .rb-budget-stat{display:grid;gap:8px;min-width:0;padding:12px;border:1px solid #baa26b45;border-radius:12px;background:#212b26} #gold-city-rebirth .rb-budget-stat>small{font-size:10px;line-height:1.3;color:#b5c3b5} #gold-city-rebirth .rb-budget-stat>strong{font-size:17px;color:#f1d79d;overflow-wrap:anywhere} #gold-city-rebirth .rb-budget-history{display:grid;gap:8px;padding:13px 15px;border:1px solid #baa26b35;border-radius:12px} #gold-city-rebirth .rb-budget-history h3{margin:0 0 4px;font-size:14px;color:#e7c990} #gold-city-rebirth .rb-budget-history-row{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid #fff1} #gold-city-rebirth .rb-budget-history-row:last-child{border:0} #gold-city-rebirth .rb-budget-history-row>span{font-size:12px;color:#ced9cf} #gold-city-rebirth .rb-budget-history-row>strong{font-size:12px;color:#ebd091} @media (max-width:360px){ #gold-city-rebirth .rb-budget-actions{grid-template-columns:1fr} #gold-city-rebirth .rb-budget-stat>strong{font-size:14px} } /* GOLD CITY 2.4: interactive municipality and balanced 14-business dashboard. */ #gold-city-rebirth .rb-civic-hero,#gold-city-rebirth .rb-civic-income, #gold-city-rebirth .rb-civic-tax{display:grid;gap:10px;padding:16px;border:1px solid #c5a76555;border-radius:14px;background:#1a2821} #gold-city-rebirth .rb-civic-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px} #gold-city-rebirth .rb-civic-heading strong{font-size:14px;color:#f1dca6} #gold-city-rebirth .rb-civic-heading b{color:#a8e2b0;font-size:18px} #gold-city-rebirth .rb-civic-hero small,#gold-city-rebirth .rb-civic-income small{color:#c3caba;font-size:11px} #gold-city-rebirth .rb-civic-meter{height:10px;background:#344239;border-radius:99px;overflow:hidden} #gold-city-rebirth .rb-civic-meter i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#77b56e,#d8ba65)} #gold-city-rebirth .rb-civic-income>div{display:flex;align-items:center;justify-content:space-between;gap:12px} #gold-city-rebirth .rb-civic-income strong{font-size:19px;color:#aadfb1} #gold-city-rebirth .rb-civic-tax{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px} #gold-city-rebirth .rb-civic-tax .rb-btn{min-width:0;white-space:normal;padding:10px 4px} #gold-city-rebirth .rb-civic-tax p{grid-column:1/-1;margin:0;color:#bac7ba;font-size:11px} #gold-city-rebirth .rb-civic-upgrade{display:grid;justify-items:start;gap:6px;margin-top:7px} #gold-city-rebirth .rb-civic-upgrade small{color:#acd3ac} #gold-city-rebirth .rb-civic-upgrade .rb-btn{max-width:100%;white-space:normal} @media (max-width:360px){ #gold-city-rebirth .rb-civic-heading{flex-wrap:wrap} #gold-city-rebirth .rb-civic-income>div{align-items:flex-start;flex-direction:column} } /* GOLD CITY 4.1 — immersive modern 3D city, not a panel-based masterplan. */ #gold-city-rebirth .rb-scene-wrap{ height:clamp(400px,67dvh,790px); border-color:#c6a66d65; background:radial-gradient(ellipse at 58% 18%,#364a57,#192832 59%,#0b131b); box-shadow:inset 0 0 75px #0710187a,0 16px 39px #0008; } #gold-city-rebirth .rb-scene-top{top:12px;left:11px;right:11px} #gold-city-rebirth .rb-scene-tag{ background:#0b1925e8;border:1px solid #d9be7a76; color:#f1dbb4;backdrop-filter:blur(8px);letter-spacing:.5px; } #gold-city-rebirth .rb-scene-hint{color:#d9e6e7;letter-spacing:0} #gold-city-rebirth .rb-camera-controls{ position:absolute;z-index:9;top:57px;left:11px; display:grid;gap:5px;pointer-events:auto; } #gold-city-rebirth .rb-camera-controls button{ display:grid;place-items:center;min-width:40px;min-height:40px; padding:4px;border:1px solid #cfb47582;border-radius:11px; background:#12212ce8;box-shadow:0 6px 17px #0007; color:#f2da9d;font-size:23px;font-weight:800; touch-action:manipulation;backdrop-filter:blur(8px); } #gold-city-rebirth .rb-camera-controls button:last-child{font-size:26px} #gold-city-rebirth .rb-camera-controls button:focus-visible{ outline:2px solid #fff4d6;outline-offset:2px; } #gold-city-rebirth .rb-camera-controls button:active{background:#3a3930} #gold-city-rebirth .rb-scene-bottom{ padding:7px 10px;border-radius:9px;background:#11212be0; border:1px solid #bbc5c53c; } @media(max-width:600px){ #gold-city-rebirth .rb-scene-wrap{ height:clamp(350px,65dvh,650px);min-height:350px; } #gold-city-rebirth .rb-scene-hint{font-size:8px;max-width:108px} #gold-city-rebirth .rb-camera-controls{top:53px;left:8px} #gold-city-rebirth .rb-camera-controls button{ min-width:40px;min-height:40px;border-radius:10px; } #gold-city-rebirth .rb-scene-top{left:8px;right:8px} } @media(prefers-reduced-motion:reduce){ #gold-city-rebirth .rb-camera-controls button{transition:none} }