/*
 GOLD EMPIRE · Premium UI (compatible visual base 34.0)
 Presentation-only stylesheet. Existing routes, requests, state and actions remain unchanged.
*/
:root{
  color-scheme:dark;
  --bg:#050505;--gold:#f3cc79;--gold2:#c68d36;--txt:#fbf7ef;
  --muted:#b8afa2;--line:#655034;--green:#40d9a3;--red:#fb8890;
  --surface:#100e0b;--surface2:#1b150f;--radius:21px;
  --halo:0 0 0 1px rgba(255,215,140,.09),0 10px 32px rgba(0,0,0,.36);
}
html{background:#050505;scroll-behavior:smooth}
body{
 background:radial-gradient(ellipse 75% 36% at 55% -12%,#60380f60,transparent 84%),
 radial-gradient(ellipse 55% 50% at 95% 70%,#30200a33,transparent 78%),#050505;
 color:var(--txt);font-size:14px;line-height:1.55;
 -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
 overflow-x:hidden;
}
button,input,select,textarea{font-family:inherit}
button{touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:background-color .16s,border-color .16s,box-shadow .16s,transform .16s}
button:not(:disabled):active{transform:scale(.985)}
button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid #ffe5a2;outline-offset:3px}
button:disabled{opacity:.55}
img{max-width:100%}
.app-shell{max-width:1040px;padding:0 18px calc(112px + env(safe-area-inset-bottom,0px));min-height:100vh}
.topbar{
  position:sticky;top:0;z-index:19;
  padding:14px 6px 13px;gap:12px;
  background:linear-gradient(180deg,rgba(4,4,4,.98),rgba(7,6,5,.92));
  border-bottom:1px solid #bd893b66;
  -webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)
}
.brand{gap:11px}.brand-mark{
 flex:none;width:53px;height:53px;border:1.5px solid #f5c66f;border-radius:17px;
 font-size:25px;color:#ffde91;background:linear-gradient(145deg,#1d150c,#080807 68%);
 box-shadow:inset 0 0 15px #dca54a20,0 0 16px #ad76272c
}
.brand-copy small{font-size:10px;color:#d8c7ab}.brand-copy b{
 color:#f6cb78;letter-spacing:.01em;font-size:clamp(19px,3.8vw,29px);
 text-shadow:0 3px 19px #cc9a4830
}
.top-actions{gap:10px}
.balance{
 min-height:49px;height:auto;border:1px solid #ca9950;border-radius:60px;
 background:linear-gradient(135deg,#31210f,#0b0b0a 62%);
 padding:5px 6px 5px 14px;box-shadow:inset 0 1px 0 #e9bb6560,0 0 15px #bb853018;
 font-size:clamp(12px,2.5vw,18px);font-weight:800;gap:8px
}
.balance span{font-size:18px;color:#ffd78b}.balance b{font-variant-numeric:tabular-nums;letter-spacing:-.04em}
.balance i{
 width:38px;height:38px;flex:none;background:linear-gradient(145deg,#b47b27,#78521f);
 box-shadow:inset 0 1px 0 #ffe2a66c;border:1px solid #b98d4e;color:#ffe7b3
}
.avatar{width:49px;height:49px;border:1px solid #deaa54;font-size:13px;color:#f6d18b}
#content{padding:19px 2px 25px;min-width:0}
.screen{min-width:0}.stack{gap:16px;min-width:0}
.card,.bank-overview>div,.bank-link,.hello-strip,.business-row,.enterprise-dialog,.finance-panel{
 box-shadow:var(--halo)
}
.card{
 position:relative;padding:19px;background:linear-gradient(145deg,#20170d 0%,#11100e 32%,#0a0908 100%);
 border:1px solid #8d662f88;border-radius:var(--radius);overflow:hidden
}
.card.gold-border{
 border:1px solid #c49450a3;
 box-shadow:inset 0 1px 0 #ffe5a62b,inset 0 0 20px #af6c1914,0 12px 35px #0008
}
.section-title{gap:12px;margin:0 0 15px}.section-title h2{
 font-size:clamp(19px,3.5vw,23px);font-weight:800;letter-spacing:-.035em
}
.hint{font-size:12px;line-height:1.4;text-align:right;max-width:46%;overflow-wrap:anywhere}
.small,.entry .sub{color:#bdb4a7;font-size:12px;line-height:1.6}
.metric{letter-spacing:-.035em}.gold,.metric.gold{color:#f6cf80}.green,.metric.green{color:#39dbaa}
/* Remove the *oversized decorative panels* without removing page titles or information. */
#page-earn .hero,#page-bank .hero,#page-inventory .hero,#page-market .hero,
#page-profile .hero,#page-upgrade .hero{
 display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap;
 padding:0 2px 4px;min-height:0!important;border:0!important;border-radius:0;
 background:none!important;box-shadow:none!important;overflow:visible
}
.screen:not(#page-world) .hero .eyebrow,.screen:not(#page-world) .hero .hero-mark{display:none}
.screen:not(#page-world) .hero h1{font-size:clamp(22px,4vw,30px);line-height:1.25;margin:0;max-width:100%;letter-spacing:-.035em}
.screen:not(#page-world) .hero p{font-size:12px;max-width:66%;line-height:1.4;margin:0;color:#b9b0a3}
#page-bank .hero p{max-width:70%}
#page-upgrade .hero p{max-width:70%}
/* World homepage; artwork is original standalone SVG rather than a raster UI screenshot. */
.world-home{max-width:none}
.hello-strip{
 position:relative;isolation:isolate;min-height:147px;border:1px solid #d0a059;
 border-radius:23px;padding:24px 25px;overflow:hidden;
 background:linear-gradient(90deg,#16100b 0%,#140f0bfa 24%,#130e09dc 48%,#0808083b 100%),
 url("/assets/world/gold-globe.svg") right -12px center/auto 210% no-repeat,#110d09;
 box-shadow:inset 0 1px 0 #f4c77a6e,0 0 28px #c9912a22
}
.hello-strip:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
 background:linear-gradient(155deg,#ffcd6c12,transparent 40%,#a96b2010)}
.hello-strip>div{position:relative;z-index:1;min-width:0}
.hello-strip .eyebrow{display:block;color:#ddb16a;letter-spacing:.23em;font-size:10px}
.hello-strip h1{font-size:clamp(19px,4.3vw,32px);line-height:1.16;color:#fff;
 margin:10px 0 12px;max-width:100%;text-shadow:0 2px 14px #000}
.hello-strip p{display:inline-flex;align-items:center;gap:8px;color:#f5d28c;font-weight:800;font-size:14px}
.hello-strip p:before{
 content:"♛";display:grid;place-items:center;width:27px;height:27px;
 border:1px solid #d2a459;border-radius:50%;font-size:15px;background:#291c0d
}
.hello-balance{text-align:right;align-self:center;flex:none}
.hello-balance small{font-size:12px;color:#d5c0a4}
.hello-balance strong{
 display:block;font-size:clamp(17px,3.3vw,28px);letter-spacing:-.035em;
 color:#ffe1a2;text-shadow:0 3px 14px #0009
}
.hub-grid{gap:14px}
.hub-grid .tile{
 position:relative;min-height:177px;padding:21px;display:flex;flex-direction:column;
 justify-content:flex-end;align-items:flex-start;gap:4px;isolation:isolate;overflow:hidden;
 border:1px solid #d5a15b;border-radius:23px;color:#fff;
 box-shadow:inset 0 1px 0 #ffe0a84a,0 13px 25px #0009;
 background:linear-gradient(180deg,#17120ca8,#080807f5),#100d0a
}
.hub-grid .tile:first-child{
 border-color:#b5a56a;
 background:linear-gradient(0deg,#0b0b0bee 0%,#100e0b80 72%),url("/assets/world/gold-growth.svg") right -7px top 8px/auto 115% no-repeat,#130f0a
}
.hub-grid .tile:nth-child(2){
 background:linear-gradient(0deg,#0b0b0bf2 0%,#110e0980 75%),url("/assets/world/gold-bank.svg") right -10px top 18px/auto 117% no-repeat,#120d09
}
.hub-grid .tile .tile-icon{
 position:absolute;top:17px;left:18px;display:grid;place-items:center;
 width:42px;height:42px;border:1px solid #e6b76399;border-radius:13px;
 background:linear-gradient(145deg,#5f421d,#1c140c);font-size:23px;color:#ffe4aa;
 box-shadow:0 6px 14px #0007
}
.hub-grid .tile strong{font-size:clamp(21px,3.9vw,29px);font-weight:800;line-height:1.12;letter-spacing:-.035em}
.hub-grid .tile small{font-size:13px;color:#d6cfc2;text-shadow:0 2px 8px #000}
.hub-grid .tile:after{
 content:"›";position:absolute;right:15px;bottom:18px;width:31px;height:31px;
 border:1px solid #d2a052;border-radius:50%;background:#090908cc;color:#ffdc96;
 display:grid;place-items:center;font-size:25px;line-height:1;pointer-events:none
}
/* Business lists remain complete, interactive, independently scrollable with page */
#page-world .card.gold-border{padding:21px}
.business-row{
 min-height:82px;border:1px solid #80623899;border-radius:16px;
 background:linear-gradient(115deg,#21180f,#0d0c0a 72%);
 gap:13px;padding:12px 14px;margin:9px 0;
 box-shadow:inset 0 1px 0 #d8b16b1c;
}
.business-row img{width:51px;height:51px;border:1px solid #8c6537;background:linear-gradient(135deg,#4e3219,#19110b);padding:8px;border-radius:13px}
.business-row strong{font-size:15px;line-height:1.3;color:#fff}
.business-row small{font-size:12px;color:#b2a697}
.business-row>b{color:#3ee1aa;font-size:14px;white-space:nowrap}
.business-row>span:last-child{display:grid;place-items:center;border:1px solid #a57b3c;border-radius:50%;width:30px;height:30px;flex:none;font-size:24px}
.owned-business-card{min-height:126px;display:block;text-align:left}
.owned-business-card .row{flex-wrap:wrap}
/* All primary actions are comfortable finger-sized targets. */
.button,.button.tiny,.pill,.nav,#more-menu button,
.bank-link,.business-row,.tile,.finance-panel button,.enterprise-panel button{
 min-height:48px
}
.button{
 border-radius:13px;padding:12px 15px;font-size:13px;font-weight:800;
 background:linear-gradient(120deg,#ffe7af 0%,#e6b95f 56%,#bd8534);
 border:1px solid #f7d38a;box-shadow:inset 0 1px 0 #fff3d099,0 7px 18px #b27a242b
}
.button.subtle{border:1px solid #a77b43;background:linear-gradient(135deg,#352511,#13100c);color:#f6d08b}
.button.tiny{min-height:46px;font-size:12px;border-radius:12px;padding:10px 12px}
.pills{gap:9px}
.pill{padding:11px 15px;font-size:12px;border:1px solid #927045;border-radius:30px;background:#15110d;color:#d9cbb5}
.pill.active{background:linear-gradient(110deg,#ffe5a5,#d4a351);border-color:#ffe6ae;color:#241606}
.entry{
 padding:14px;border:1px solid #665137aa;background:linear-gradient(112deg,#23190e,#0e0d0b 72%);
 border-radius:15px;gap:12px;min-height:63px;overflow:hidden
}
.entry>div:first-child{min-width:0;flex:1}
.entry .name{font-size:14px;line-height:1.4}
.entry .value{display:flex;align-items:center;gap:9px;max-width:100%;white-space:normal}
.entry .value .button{min-width:96px}
.actions{gap:10px}.actions .button{flex:1 1 135px}
.grid2{gap:14px}
.item-card{padding:15px;background:linear-gradient(155deg,#21170e,#080808 75%);display:flex;flex-direction:column}
.item-card img{
 border:1px solid #91683b86;border-radius:14px;height:175px;
 background:radial-gradient(circle at center,#8d62333d,#130d09 57%,#060606 100%);
 padding:12px;object-fit:contain
}
.item-card h3{font-size:14px;line-height:1.35;min-height:2.5em;margin:12px 0 8px}
.item-card .badges{margin-top:10px}.item-card>.row{margin-top:auto}
.item-card .button{margin-top:15px}
.badge{border-radius:30px;letter-spacing:.02em;font-size:10px}
/* Bank: retain every link and every action; visual layout is a compact grid. */
.bank-overview{gap:13px}
.bank-overview>div{min-height:100px;padding:17px 18px;
 border:1px solid #ca914d;box-shadow:inset 0 1px 0 #f4cb8866,0 12px 28px #0009;
 background:linear-gradient(135deg,#362310,#140f0b 60%,#090908);border-radius:18px}
.bank-overview small{font-size:13px;color:#cdc0ac;margin:0 0 5px}
.bank-overview strong{font-size:clamp(19px,3.7vw,30px);line-height:1.2;color:#f9d68b;overflow-wrap:anywhere}
.bank-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.bank-link{
 position:relative;min-height:101px;padding:20px 18px 19px 63px;gap:10px;overflow:hidden;
 border:1px solid #a77c43;border-radius:17px;
 background:linear-gradient(140deg,#2f2113,#16110c 48%,#090807);
 box-shadow:inset 0 1px 0 #f6cf8333,0 12px 23px #0007
}
.bank-link:before{
 content:"";position:absolute;left:15px;top:50%;transform:translateY(-50%);
 width:35px;height:35px;border-radius:11px;border:1px solid #ac7d3e;
 background:linear-gradient(145deg,#59401e,#27180a)
}
.bank-link[data-value="deposits"]:before{content:"▤";color:#ffe2a2;display:grid;place-items:center;font-size:23px}
.bank-link[data-value="market"]:before{content:"↗";color:#ffe2a2;display:grid;place-items:center;font-size:26px}
.bank-link[data-value="loans"]:before{content:"▣";color:#ffe2a2;display:grid;place-items:center;font-size:22px}
.bank-link[data-value="transfer"]:before{content:"➤";color:#ffe2a2;display:grid;place-items:center;font-size:20px}
.bank-link[data-value="cabinet"]:before{content:"♛";color:#ffe2a2;display:grid;place-items:center;font-size:22px}
.bank-link[data-value="more"]:before{content:"☷";color:#ffe2a2;display:grid;place-items:center;font-size:22px}
.bank-link b{font-size:clamp(13px,2.2vw,17px);line-height:1.35;display:block}
.bank-link small{font-size:12px;line-height:1.45;color:#bfb29f}
.bank-link>span:last-child{font-size:27px;color:#ffdb9a}
.bank-link[data-value="transfer"]{
 background:linear-gradient(115deg,#32200e,#14100a 58%,#0b0a09),
 url("/assets/world/gold-globe.svg") center/cover;
 border-color:#d2a65d
}
#page-bank>.stack>p.small{margin:0 3px}
.field{font-size:16px;min-height:49px}
/* The upgrade wheel is still driven by the original chance and result code. */
.wheel-panel{
 padding:20px 16px 22px;text-align:center;border-color:#d3a15d!important;
 background:radial-gradient(ellipse 65% 55% at 50% 44%,#62401633,transparent 70%),linear-gradient(160deg,#1d140c,#070707 77%)
}
.wheel-panel .section-title{align-items:flex-start;text-align:left}
.wheel-panel .section-title h2{font-size:clamp(18px,3.3vw,24px)}
.wheel-stage{padding:21px 5px}
.restored-wheel{
 width:clamp(220px,59vw,336px);
 border:10px solid #4b3319;
 box-shadow:0 0 0 2px #efbc5c,0 0 0 9px #7e4e1844,0 0 40px #f3af3c42,inset 0 0 30px #000e;
 background:conic-gradient(from 0deg,#39d6a5 0 var(--wheel-success),#171310 var(--wheel-success) 100%);
}
.restored-wheel:before{inset:11px;border:3px dotted #e3b66b70;box-shadow:inset 0 0 30px #aa6d2424}
.restored-center{width:37%;background:radial-gradient(circle,#36220d,#060505);border-color:#f2c77c}
.restored-center strong{font-size:clamp(20px,5vw,31px)}
.restored-center small{font-size:9px;line-height:1.5}
.restored-needle{background:linear-gradient(#fff9e5,#eac276 55%,#a86b24);box-shadow:0 0 16px #ffde8c9c}
.wheel-key{margin:5px auto 10px;gap:20px}
.wheel-result{font-size:13px;min-height:26px}
#page-upgrade .card.gold-border .entry{gap:9px}
/* Bottom dock; always retains all four primary sections and 'More'. */
.bottom-nav{
 z-index:35;position:fixed;bottom:calc(9px + env(safe-area-inset-bottom,0px));left:50%;top:auto;
 width:min(calc(100% - 18px),800px);transform:translateX(-50%);
 padding:8px;gap:5px;border:1px solid #cf9e51;
 border-radius:25px;grid-template-columns:repeat(5,minmax(0,1fr));
 background:linear-gradient(125deg,rgba(22,16,10,.96),rgba(4,4,4,.98) 52%,rgba(12,9,6,.96));
 box-shadow:inset 0 1px 0 #f2d08a2a,0 8px 34px #000e;
 -webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)
}
.nav{
 min-height:69px;border:1px solid transparent;border-radius:17px;gap:4px;
 color:#aeb0b6;background:transparent;padding:8px 3px
}
.nav .glyph{font-size:25px;line-height:1.2}
.nav span:last-child{font-size:11px;font-weight:650;letter-spacing:0}
.nav.active,.nav[aria-current="page"]{
 border-color:#f2bf67;color:#ffe4a5;font-weight:800;
 background:linear-gradient(140deg,#6c431d,#302112 55%,#100e0b);
 box-shadow:inset 0 1px 0 #f5d89d88,0 0 13px #dca04d33
}
#more-menu{
 z-index:40;bottom:calc(94px + env(safe-area-inset-bottom,0px));
 max-width:540px;grid-template-columns:repeat(3,minmax(0,1fr));
 border:1px solid #e0b063;border-radius:17px;gap:10px;padding:11px;
 background:#110d09fa;box-shadow:0 10px 45px #000e
}
#more-menu button{min-height:58px;font-size:13px;background:linear-gradient(140deg,#493017,#17120c);border:1px solid #b08042;border-radius:13px;color:#fbe0ac}
#more-menu[hidden],#enterprise-modal[hidden]{display:none!important}
#notice{position:fixed;top:calc(76px + env(safe-area-inset-top,0px));left:50%;transform:translateX(-50%);width:min(94vw,600px);z-index:180;box-shadow:0 12px 45px #000b;font-weight:700}
/* Full banking subsystem — no controls, actions, navigation or forms removed */
#finance-modal.modal-backdrop{z-index:150;padding:max(12px,env(safe-area-inset-top)) 12px max(12px,env(safe-area-inset-bottom))}
.finance-panel{
 width:min(100%,960px);height:min(93dvh,900px);max-height:calc(100dvh - 24px);
 border:1px solid #c4914d;border-radius:22px;
 background:radial-gradient(ellipse 60% 35% at 80% 0,#472b102c,transparent),#070707;
 box-shadow:inset 0 1px 0 #ffe0a94b,0 22px 90px #000e
}
.finance-header{padding:16px 20px;border-bottom:1px solid #72502a}
.finance-header small{font-size:10px;letter-spacing:.14em}
.finance-header h2{font-size:24px;margin:3px 0 0}
.finance-header button{border-color:#bb8647;background:linear-gradient(#342414,#17110c);color:#ffdf9d}
.finance-panel #finance-nav{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;padding:11px;border-bottom:1px solid #6c4b27}
.finance-panel #finance-nav button{
 min-width:0;min-height:52px;background:#1b140f;border:1px solid #564128;
 border-radius:12px;font-size:13px;font-weight:750;color:#cfc2ad;padding:9px 4px
}
.finance-panel #finance-nav button.is-active{background:linear-gradient(#63431f,#302115);color:#ffde9c;border-color:#e2b468}
#finance-content{padding:18px 20px 32px}
.finance-capital{border-color:#bd9048;background:linear-gradient(125deg,#3a2713,#12100d 70%);padding:22px}
.finance-capital strong{color:#ffe09a}
.finance-metrics{gap:11px;margin-top:14px}
.finance-metrics>div{border-color:#755531;background:linear-gradient(140deg,#281b10,#0f0e0c);padding:14px}
.finance-metrics dd{color:#f4d49a}
.finance-card{border-color:#8b683e;background:linear-gradient(150deg,#24190f,#0e0d0b);padding:17px}
.finance-panel form{border-color:#966f3f;background:linear-gradient(160deg,#261a10,#110e0b);padding:17px;gap:14px}
.finance-panel input,.finance-panel select{min-height:50px;border-color:#ab8045;border-radius:12px;background:#0b0b0a}
.finance-panel .button-primary{background:linear-gradient(110deg,#ffecb6,#d9a85a);color:#241708;border:1px solid #f7cf87}
.finance-panel .button-secondary{background:linear-gradient(145deg,#312115,#130f0b);border:1px solid #a07b46;color:#f8dfae}
.finance-actions,.finance-more{gap:10px}
.finance-actions>button,.finance-more>button{min-width:0;min-height:49px}
.finance-panel details summary{font-size:14px}
/* Enterprise management dialog: full content visible by scrolling */
.enterprise-overlay{z-index:160;padding:12px}
.enterprise-dialog{width:min(100%,840px);max-height:min(94dvh,880px);border:1px solid #d2a059;background:#090806;border-radius:22px}
.enterprise-header{border-color:#805b31;padding:15px 19px}
.enterprise-header h2{font-size:23px}.enterprise-header button{border-color:#b48b52}
.enterprise-content{padding:18px}
.enterprise-metrics>div{border-color:#a47741;background:linear-gradient(120deg,#34230f,#11100d);padding:16px}
.enterprise-metrics strong{color:#ffe0a0}
.enterprise-content details{border:1px solid #9d7441;background:linear-gradient(120deg,#261b10,#11100d);padding:9px 15px}
.enterprise-content summary{color:#ffdb97;min-height:50px}
.enterprise-content .button{min-height:47px}
.enterprise-row{min-height:62px;border-bottom-color:#75552f}
.enterprise-content input{border-color:#b78c4d}
.loading{min-height:200px;display:grid;place-items:center}
/* Tablet */
@media(min-width:640px){
 .app-shell{padding-left:23px;padding-right:23px}
 .hello-strip{min-height:170px}
 .hub-grid .tile{min-height:194px;padding:23px}
 .bank-links{grid-template-columns:repeat(2,minmax(0,1fr))}
 .grid2{gap:17px}
 .item-card img{height:196px}
}
/* Desktop: visible left navigation; all seven destinations are reachable without hiding actions. */
@media(min-width:1050px){
 .app-shell{max-width:1600px;margin:0 auto;padding-left:275px;padding-right:32px;padding-bottom:55px}
 .topbar{padding:16px 8px}.brand-mark{width:55px;height:55px}
 #content{padding-top:23px}
 .bottom-nav{
   top:100px;bottom:auto;left:max(22px,calc((100vw - 1600px)/2 + 25px));
   transform:none;width:222px;max-width:none;display:grid;grid-template-columns:1fr;
   gap:6px;padding:12px;border-radius:20px;
   background:linear-gradient(160deg,#17120d,#070707);
 }
 .nav{width:100%;display:flex;justify-content:flex-start;gap:16px;text-align:left;min-height:56px;padding:9px 14px;border-radius:13px}
 .nav .glyph{font-size:22px;width:24px;text-align:center}
 .nav span:last-child{font-size:14px;line-height:1.25}
 #more-menu{
   position:fixed;left:max(22px,calc((100vw - 1600px)/2 + 25px));top:420px;bottom:auto;
   transform:none;width:225px;grid-template-columns:1fr;padding:9px;max-width:225px
 }
 #more-menu button{min-height:47px;text-align:left;padding:11px 16px}
 .world-home{max-width:none;display:grid;grid-template-columns:minmax(0,1.6fr) minmax(275px,1fr);gap:18px}
 .world-home>.hello-strip,.world-home>.hub-grid{grid-column:1 / -1}
 .world-home>.card{grid-column:1 / -1}
 .hello-strip{min-height:192px;padding:28px 30px}
 .hello-strip h1{font-size:35px}
 .hub-grid .tile{min-height:210px;padding:24px}
 .hub-grid .tile strong{font-size:30px}
 .bank-links{grid-template-columns:repeat(3,minmax(0,1fr))}
 .grid2{grid-template-columns:repeat(3,minmax(0,1fr))}
 #page-earn .grid2{grid-template-columns:repeat(2,minmax(0,1fr))}
 .business-row{min-height:85px}
 .finance-panel{width:min(100%,1000px)}
 .wheel-panel{max-width:980px}
}
/* Small phones, including 320px widths */
@media(max-width:530px){
 .app-shell{padding-left:10px;padding-right:10px;padding-bottom:calc(102px + env(safe-area-inset-bottom,0px))}
 .topbar{padding:12px 3px;gap:6px}
 .brand{gap:7px}.brand-mark{width:42px;height:42px;font-size:20px;border-radius:12px}
 .brand-copy small{font-size:8px}.brand-copy b{font-size:clamp(16px,5vw,23px)}
 .balance{min-height:42px;padding:4px 5px 4px 9px;gap:5px;font-size:clamp(11px,3.2vw,15px)}
 .balance i{width:32px;height:32px;font-size:21px}.balance span{font-size:13px}
 .avatar{width:41px;height:41px;font-size:11px}
 #content{padding:13px 1px 20px}
 .stack{gap:12px}.card{padding:14px;border-radius:18px}
 .section-title h2{font-size:19px}.hint{font-size:11px}
 .hello-strip{min-height:134px;padding:16px 15px;border-radius:18px;background-size:auto,auto 185%,auto}
 .hello-strip h1{font-size:clamp(18px,4.8vw,23px);max-width:100%}
 .hello-strip p{font-size:12px}.hello-balance{max-width:40%}
 .hello-balance small{font-size:10px}.hello-balance strong{font-size:clamp(15px,4vw,21px)}
 .hub-grid{gap:9px}
 .hub-grid .tile{min-height:147px;padding:13px 12px 15px;border-radius:18px}
 .hub-grid .tile .tile-icon{left:11px;top:11px;width:37px;height:37px;font-size:20px}
 .hub-grid .tile strong{font-size:clamp(16px,4.6vw,21px);padding-right:14px}
 .hub-grid .tile small{font-size:11px;line-height:1.4;max-width:95%}
 .hub-grid .tile:after{right:10px;bottom:12px;width:24px;height:24px;font-size:20px}
 #page-world .card.gold-border{padding:13px}
 .business-row{min-height:69px;padding:9px;gap:8px}
 .business-row img{width:41px;height:41px;padding:6px}
 .business-row strong{font-size:13px}.business-row small{font-size:10px}
 .business-row>b{font-size:11px}.business-row>span:last-child{width:25px;height:25px;font-size:20px}
 .bank-overview>div{padding:13px 12px;min-height:88px}
 .bank-overview strong{font-size:clamp(16px,4.3vw,21px)}
 .bank-links{grid-template-columns:minmax(0,1fr);gap:9px}
 .bank-link{min-height:73px;padding:13px 12px 13px 60px}
 .bank-link b{font-size:15px}.bank-link small{font-size:11px}
 .grid2{gap:9px}
 .item-card{padding:11px}.item-card img{height:132px;padding:8px}.item-card h3{font-size:12px;min-height:auto}
 .item-card .row{flex-wrap:wrap}.item-card .button{margin-top:10px}
 .entry{flex-wrap:wrap;align-items:flex-start;padding:12px;gap:8px}.entry .value{margin-left:auto}
 .pill{min-height:43px;font-size:11px;padding:10px 12px}
 .wheel-panel{padding:15px 10px}
 .wheel-stage{padding:12px 2px}.restored-wheel{width:min(65vw,300px)}
 .bottom-nav{width:calc(100% - 12px);gap:3px;padding:6px 5px;border-radius:20px}
 .nav{min-height:64px;padding:6px 2px;border-radius:15px;gap:4px}
 .nav .glyph{font-size:22px}.nav span:last-child{font-size:10px}
 .finance-panel{width:100%;height:100dvh;max-height:100dvh;border:0;border-radius:0}
 #finance-modal.modal-backdrop{padding:0}
 .finance-header{padding:11px 13px}.finance-header h2{font-size:21px}
 .finance-panel #finance-nav{gap:4px;padding:8px 6px}.finance-panel #finance-nav button{font-size:11px;min-height:48px;padding:7px 2px}
 #finance-content{padding:13px 12px 28px}
 .finance-card{padding:13px}.finance-panel form{padding:13px}
 .finance-metrics{gap:8px}.finance-metrics>div{padding:10px}.finance-metrics dd{font-size:15px}
 .enterprise-overlay{padding:0}.enterprise-dialog{width:100%;height:100dvh;max-height:100dvh;border:0;border-radius:0}
 .enterprise-content{padding:12px}.enterprise-row{flex-wrap:wrap}
 .enterprise-row .button{margin-left:auto}
 .screen:not(#page-world) .hero{display:block}
 .screen:not(#page-world) .hero p{max-width:100%;margin-top:2px;font-size:11px}
}
@media(max-width:360px){
 .brand-copy b{font-size:16px}.brand-copy small{font-size:7px}
 .top-actions{gap:4px}.balance{font-size:10px;gap:3px}.avatar{width:36px;height:36px}
 .hello-strip{padding:14px 11px;min-height:120px}
 .hello-strip .eyebrow{font-size:9px}.hello-strip h1{font-size:17px}
 .hello-balance strong{font-size:15px}
 .nav span:last-child{font-size:9px}
 .hub-grid .tile{min-height:145px}
 .business-row{gap:5px}.business-row img{width:36px;height:36px}
 .business-row>b{font-size:10px}
}
@media(hover:hover) and (pointer:fine){
 .button:not(:disabled):hover,.nav:hover,.tile:hover,.bank-link:hover,.business-row:hover,#more-menu button:hover{
  border-color:#ffe2a1;box-shadow:0 0 0 1px #f1be6e66,0 7px 25px #a36d202d
 }
 .bank-link:hover,.tile:hover,.business-row:hover{transform:translateY(-2px)}
}
@media(prefers-reduced-motion:reduce){
 *,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation-duration:.01ms!important}
 .screen{animation:none}
}

/* Vector navigation icons, presentation only */
.nav .glyph{display:grid;place-items:center;width:28px;height:28px}
.nav .glyph svg{display:block;width:25px;height:25px;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;fill:none}

/* Business profit statuses, without altering economy or settlement. */
.business-row > b.profit-negative,.owned-business-card .metric.profit-negative,.enterprise-metrics strong.profit-negative{color:var(--red,#fb8890)}
.business-row > b.profit-paused,.owned-business-card .metric.profit-paused,.enterprise-metrics strong.profit-paused{color:var(--muted,#b8afa2)}

/* GOLD EMPIRE: compact bilingual wordmark at any phone width. */
.brand-copy{min-width:0}.brand-copy b{letter-spacing:-.035em;white-space:nowrap}
.brand-copy small{letter-spacing:.12em;white-space:nowrap}
.brand-mark{font-family:Manrope,Arial,sans-serif;letter-spacing:-.06em}
@media(max-width:530px){.brand-copy b{font-size:clamp(15px,4.1vw,21px)}.brand-copy small{font-size:8px;letter-spacing:.09em}.brand{gap:7px}.top-actions{min-width:0}.balance{min-width:0;max-width:45vw}.balance b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}
@media(max-width:380px){.brand-mark{width:35px;height:35px;font-size:19px}.brand-copy b{font-size:15px}.brand-copy small{font-size:7px}.avatar{width:35px;height:35px}.balance{max-width:40vw}.balance span{display:none}.balance i{width:29px;height:29px}}

/* GOLD EMPIRE brand wordmark. Optimized for the existing 5-tab navigation. */
.brand-mark{font-weight:800;font-size:22px;letter-spacing:-.07em}
.brand-copy small{font-size:9px;letter-spacing:.08em}
.brand-copy b{font-weight:800;letter-spacing:.005em}
@media(max-width:530px){
 .brand-mark{font-size:17px}
 .brand-copy b{font-size:clamp(14px,4.15vw,21px);letter-spacing:-.035em}
 .brand-copy small{font-size:7px;letter-spacing:0}
}
@media(max-width:380px){
 .brand-mark{font-size:14px}
 .brand-copy b{font-size:clamp(13px,3.9vw,16px)}
 .brand-copy small{font-size:6px}
}