/* Island polish layer. Loaded last so it can refine the older island CSS safely. */
.island-map.layered-assets{
    isolation:isolate;
}

.island-map.layered-assets .island-bg{
    animation:islandBreath 9s ease-in-out infinite;
    transform-origin:50% 50%;
}

.island-atmosphere{
    position:absolute;
    inset:0;
    z-index:4;
    pointer-events:none;
    overflow:hidden;
}

.waves{
    display:block!important;
    position:absolute!important;
    z-index:4!important;
    opacity:.58;
    animation:softWaveDrift 5.8s ease-in-out infinite;
}

.wave-a{
    left:6%!important;
    bottom:23%!important;
}

.wave-b{
    right:6%!important;
    top:17%!important;
    animation-delay:-2.4s;
}

.sea-glint{
    position:absolute;
    width:78px;
    height:2px;
    border-radius:999px;
    background:linear-gradient(90deg,transparent,rgba(220,252,255,.68),transparent);
    filter:drop-shadow(0 0 6px rgba(86,220,232,.44));
    opacity:0;
    transform:rotate(-17deg);
    animation:seaGlint 6.4s ease-in-out infinite;
}

.glint-a{left:9%;top:18%;animation-delay:-1.2s}
.glint-b{right:14%;top:30%;animation-delay:-3.3s}
.glint-c{left:12%;bottom:18%;animation-delay:-4.8s}

.torch-flicker{
    position:absolute;
    width:8px;
    height:13px;
    border-radius:50% 50% 46% 46%;
    background:radial-gradient(ellipse at 50% 28%,#fff7b0 0 16%,#ffb03b 42%,rgba(220,64,18,.78) 68%,transparent 72%);
    filter:drop-shadow(0 0 6px rgba(255,137,36,.9));
    opacity:.72;
    mix-blend-mode:screen;
    animation:torchPulse 1.35s ease-in-out infinite;
}

.torch-a{left:45.8%;top:51.7%;animation-delay:-.2s}
.torch-b{left:50.8%;top:51.7%;animation-delay:-.55s}
.torch-c{left:72.8%;top:58.5%;animation-delay:-.85s}

.island-map.layered-assets .building{
    transition:filter .18s ease, transform .18s ease;
}

.island-map.layered-assets .building .b-img{
    transition:filter .18s ease, transform .18s ease;
}

.island-map.layered-assets .building.active{
    z-index:32!important;
}

.island-map.layered-assets .building.active .b-img{
    filter:drop-shadow(0 12px 9px rgba(37,22,8,.46)) drop-shadow(0 0 12px rgba(246,208,112,.34)) saturate(1.06) contrast(1.03)!important;
}

.island-map.layered-assets .building.active .b-name{
    box-shadow:0 8px 16px rgba(0,0,0,.34),0 0 0 2px rgba(255,218,113,.5),inset 0 1px 0 rgba(255,255,255,.22)!important;
}

.island-map.layered-assets .building.active .b-name:before{
    content:""!important;
    position:absolute!important;
    left:50%!important;
    bottom:100%!important;
    width:74px!important;
    height:20px!important;
    transform:translateX(-50%) translateY(-8px)!important;
    border-radius:50%!important;
    border:2px solid rgba(255,218,113,.62)!important;
    border-top-color:rgba(82,238,221,.78)!important;
    background:radial-gradient(ellipse at center,rgba(255,226,124,.18),transparent 68%)!important;
    box-shadow:0 0 16px rgba(255,218,113,.32)!important;
    pointer-events:none!important;
    animation:selectedRing 1.8s ease-in-out infinite!important;
}

.island-map.layered-assets .building.just-completed .b-img{
    animation:buildingLevelPop 1.05s cubic-bezier(.2,.9,.2,1) both!important;
}

.island-map.layered-assets .building.just-completed .b-name{
    animation:nameFlash 1.05s ease both!important;
}

.island-map.layered-assets .building.tap-focus .b-img{
    animation:tapFocusPop .34s ease both!important;
}

.island-map.layered-assets .building.just-collected .b-ready{
    animation:collectPop .52s ease both!important;
}

.island-map.layered-assets .building.ready:not(.upgrading):not(.constructing) .b-ready,
.island-map.layered-assets .building.upgrading .b-build,
.island-map.layered-assets .building.constructing .b-build{
    left:calc(50% + 36px)!important;
    bottom:35px!important;
    width:14px!important;
    min-width:14px!important;
    max-width:14px!important;
    height:14px!important;
    min-height:14px!important;
    max-height:14px!important;
    padding:0!important;
    display:grid!important;
    place-items:center!important;
    border-radius:999px!important;
    pointer-events:none!important;
    overflow:hidden!important;
    font-size:0!important;
    line-height:0!important;
    animation:statusBreath 1.85s ease-in-out infinite!important;
}

.island-map.layered-assets .building.ready:not(.upgrading):not(.constructing) .b-ready{
    border:1px solid rgba(13,104,94,.94)!important;
    background:radial-gradient(circle at 38% 30%,#d9fff9 0 22%,#35e1d0 48%,#106a62 100%)!important;
    box-shadow:0 3px 7px rgba(0,0,0,.36),0 0 0 2px rgba(35,24,10,.58),0 0 10px rgba(53,225,208,.36)!important;
}

.island-map.layered-assets .building.upgrading .b-build,
.island-map.layered-assets .building.constructing .b-build{
    border:1px solid rgba(120,73,19,.98)!important;
    background:radial-gradient(circle at 38% 30%,#fff3b8 0 24%,#ffd36f 50%,#93611f 100%)!important;
    box-shadow:0 3px 7px rgba(0,0,0,.36),0 0 0 2px rgba(35,24,10,.58),0 0 10px rgba(255,211,111,.34)!important;
}

.island-map.layered-assets .building.ready .b-ready * ,
.island-map.layered-assets .building.upgrading .b-build *,
.island-map.layered-assets .building.constructing .b-build *{
    display:none!important;
}

.island-map.layered-assets .collect-core,
.island-map.layered-assets .build-core{
    display:none!important;
}

.island-map.layered-assets .collect-core svg,
.island-map.layered-assets .build-core svg{
    display:none!important;
}

.island-map.layered-assets .collect-resource-icons,
.island-map.layered-assets .collect-resource-icon,
.island-map.layered-assets .collect-text{
    display:none!important;
}

.island-map.layered-assets .building.upgrading .b-name,
.island-map.layered-assets .building.constructing .b-name{
    border-color:rgba(255,211,111,.75)!important;
}

.island-map.layered-assets .building.upgrading .b-img,
.island-map.layered-assets .building.constructing .b-img{
    filter:drop-shadow(0 11px 8px rgba(55,32,12,.44)) drop-shadow(0 0 9px rgba(255,189,80,.24)) saturate(1.06)!important;
}

.panel-head{
    position:relative;
    overflow:hidden;
}

.panel-head:before{
    content:"";
    position:absolute;
    left:-30%;
    top:0;
    width:38%;
    height:100%;
    background:linear-gradient(90deg,transparent,rgba(255,247,203,.24),transparent);
    transform:skewX(-16deg);
    animation:panelSheen 7s ease-in-out infinite;
    pointer-events:none;
}

.panel-head-icon{
    animation:panelIconGlow 2.8s ease-in-out infinite;
}

.level-track span{
    position:relative;
    overflow:hidden;
}

.level-track span:after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);
    transform:translateX(-100%);
    animation:trackSheen 2.9s ease-in-out infinite;
}

.island-visual-toast{
    position:absolute;
    left:50%;
    top:16%;
    z-index:80;
    transform:translate(-50%,-10px) scale(.96);
    min-width:150px;
    max-width:min(320px,70%);
    padding:9px 14px;
    border-radius:999px;
    color:#2a1708;
    font-weight:900;
    text-align:center;
    background:linear-gradient(180deg,#fff1b7,#d99732);
    border:2px solid rgba(93,54,13,.58);
    box-shadow:0 12px 26px rgba(0,0,0,.34),0 0 22px rgba(255,213,93,.36),inset 0 1px 0 rgba(255,255,255,.6);
    opacity:0;
    pointer-events:none;
}

.island-visual-toast.show{
    animation:toastRise 2.3s ease both;
}

@keyframes islandBreath{
    0%,100%{filter:saturate(1) contrast(1) brightness(1)}
    50%{filter:saturate(1.04) contrast(1.01) brightness(1.025)}
}

@keyframes softWaveDrift{
    0%,100%{transform:translateX(0) rotate(-18deg);opacity:.42}
    50%{transform:translateX(13px) rotate(-15deg);opacity:.75}
}

@keyframes seaGlint{
    0%,58%,100%{opacity:0;transform:translateX(-22px) rotate(-17deg)}
    68%{opacity:.7}
    82%{opacity:.2;transform:translateX(26px) rotate(-17deg)}
}

@keyframes torchPulse{
    0%,100%{opacity:.55;transform:translateY(0) scale(.92)}
    45%{opacity:.95;transform:translateY(-1px) scale(1.08)}
    65%{opacity:.72;transform:translateX(1px) scale(.98)}
}

@keyframes selectedRing{
    0%,100%{opacity:.68;transform:translateX(-50%) translateY(-8px) scale(.96)}
    50%{opacity:1;transform:translateX(-50%) translateY(-8px) scale(1.06)}
}

@keyframes statusBreath{
    0%,100%{transform:translateX(-50%) scale(1)}
    50%{transform:translateX(-50%) scale(1.16)}
}

@keyframes buildingLevelPop{
    0%{transform:translateY(0) scale(1);filter:drop-shadow(0 12px 8px rgba(0,0,0,.36))}
    38%{transform:translateY(-8px) scale(1.12);filter:drop-shadow(0 15px 10px rgba(0,0,0,.42)) drop-shadow(0 0 18px rgba(255,218,113,.76))}
    100%{transform:translateY(0) scale(1);filter:drop-shadow(0 12px 8px rgba(0,0,0,.36))}
}

@keyframes tapFocusPop{
    0%{transform:scale(1)}
    52%{transform:scale(1.08)}
    100%{transform:scale(1)}
}

@keyframes collectPop{
    0%{transform:translateX(-50%) scale(1)}
    44%{transform:translateX(-50%) scale(1.32)}
    100%{transform:translateX(-50%) scale(.92);opacity:.45}
}

@keyframes nameFlash{
    0%,100%{box-shadow:0 6px 12px rgba(0,0,0,.28)}
    35%{box-shadow:0 8px 18px rgba(0,0,0,.34),0 0 0 3px rgba(255,218,113,.72),0 0 24px rgba(255,218,113,.48)}
}

@keyframes panelSheen{
    0%,64%,100%{left:-42%;opacity:0}
    75%{opacity:1}
    91%{left:110%;opacity:0}
}

@keyframes panelIconGlow{
    0%,100%{box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 0 0 rgba(245,208,122,0)}
    50%{box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 0 16px rgba(245,208,122,.28)}
}

@keyframes trackSheen{
    0%,55%{transform:translateX(-100%)}
    100%{transform:translateX(120%)}
}

@keyframes toastRise{
    0%{opacity:0;transform:translate(-50%,12px) scale(.92)}
    14%,78%{opacity:1;transform:translate(-50%,0) scale(1)}
    100%{opacity:0;transform:translate(-50%,-18px) scale(.98)}
}

@media (prefers-reduced-motion:reduce){
    .island-map.layered-assets .island-bg,
    .waves,
    .sea-glint,
    .torch-flicker,
    .island-map.layered-assets .building.active .b-name:before,
    .island-map.layered-assets .building.ready:not(.upgrading):not(.constructing) .b-ready,
    .island-map.layered-assets .building.upgrading .b-build,
    .island-map.layered-assets .building.constructing .b-build,
    .panel-head:before,
    .panel-head-icon,
    .level-track span:after{
        animation:none!important;
    }
}

@media (max-width:760px){
    .island-visual-toast{
        top:12%;
        max-width:82%;
        font-size:12px;
    }
    .torch-flicker,
    .sea-glint{
        display:none;
    }
}

/* Professional island UI pass. Keep this block at EOF; it unifies the visual language. */
:root{
    --ada-ink:#241509;
    --ada-panel:#f1d59d;
    --ada-panel-soft:#ffe8b8;
    --ada-panel-deep:#c58b42;
    --ada-line:#a96f32;
    --ada-brown:#3f2b1e;
    --ada-brown-2:#251910;
    --ada-gold:#f3c15f;
    --ada-gold-bright:#ffe09a;
    --ada-teal:#28cfc5;
    --ada-green:#37c96d;
    --ada-cream:#fff4d6;
}

body{
    background:
        radial-gradient(circle at 20% 0%,rgba(255,224,154,.15),transparent 30%),
        radial-gradient(circle at 80% 100%,rgba(40,207,197,.12),transparent 32%),
        linear-gradient(180deg,#1b2526,#33271d 54%,#1c1712);
}

#base-app{
    gap:8px!important;
    padding:10px!important;
}

.topbar{
    min-height:76px!important;
    padding:10px 14px!important;
    gap:12px!important;
    border-radius:10px!important;
    background:
        linear-gradient(180deg,rgba(92,72,53,.96),rgba(38,29,22,.97)),
        radial-gradient(circle at 50% 0%,rgba(255,229,159,.16),transparent 62%)!important;
    border:2px solid rgba(38,24,13,.84)!important;
    box-shadow:
        0 3px 0 rgba(22,14,9,.9),
        0 16px 34px rgba(0,0,0,.24),
        inset 0 1px 0 rgba(255,244,210,.28)!important;
}

.brand{
    order:4!important;
    min-width:200px!important;
    padding:8px 11px!important;
    border-radius:9px!important;
    background:linear-gradient(180deg,rgba(47,35,25,.92),rgba(31,23,17,.94))!important;
    border:1px solid rgba(255,224,143,.25)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 5px 12px rgba(0,0,0,.18)!important;
}

.brand-mark{
    width:44px!important;
    height:44px!important;
    border-radius:8px!important;
    color:var(--ada-gold-bright)!important;
    background:linear-gradient(180deg,#25414b,#12262e)!important;
    border:2px solid rgba(220,139,43,.96)!important;
}

h1{
    color:#fff1c8!important;
    font-size:20px!important;
    line-height:1.05!important;
    letter-spacing:0!important;
    text-shadow:0 2px 0 rgba(0,0,0,.46)!important;
}

.brand p{
    color:#f2cf8a!important;
    font-size:11px!important;
    font-weight:800!important;
    text-transform:uppercase!important;
    letter-spacing:.45px!important;
}

.resource-row{
    gap:10px!important;
}

.resource{
    min-width:148px!important;
    height:56px!important;
    padding:7px 13px 7px 8px!important;
    border-radius:9px!important;
    border-width:2px!important;
    background:linear-gradient(180deg,rgba(255,245,205,.15),rgba(16,13,10,.2))!important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.22),
        inset 0 -9px 18px rgba(0,0,0,.18),
        0 4px 0 rgba(33,20,11,.72)!important;
}

.res-gold{border-color:#dbb238!important;background-color:rgba(83,62,16,.35)!important}
.res-wood{border-color:#b9652e!important;background-color:rgba(78,40,18,.35)!important}
.res-stone{border-color:#aab0a7!important;background-color:rgba(48,55,51,.35)!important}
.res-iron{border-color:#8395aa!important;background-color:rgba(36,48,60,.35)!important}
.res-pearl{border-color:#2dd5e5!important;background-color:rgba(13,78,84,.36)!important}

.resource-icon-frame{
    width:44px!important;
    height:44px!important;
    border-radius:10px!important;
}

.resource span{
    color:#fff3cc!important;
    font-size:10px!important;
    font-weight:950!important;
    letter-spacing:.65px!important;
    text-shadow:0 1px 0 rgba(0,0,0,.55)!important;
}

.resource strong{
    color:#fff!important;
    font-size:20px!important;
    line-height:1.05!important;
    text-shadow:0 2px 0 rgba(0,0,0,.56)!important;
}

.top-actions{
    gap:10px!important;
    flex:0 0 auto!important;
}

.primary-btn,
.ghost-btn,
.mini-btn{
    border-radius:8px!important;
    text-shadow:none!important;
    transition:transform .16s ease,filter .16s ease,box-shadow .16s ease,border-color .16s ease!important;
}

.primary-btn:hover:not(:disabled),
.ghost-btn:hover:not(:disabled),
.mini-btn:hover:not(:disabled){
    transform:translateY(-1px)!important;
    filter:brightness(1.04) saturate(1.04)!important;
}

.primary-btn:active:not(:disabled),
.ghost-btn:active:not(:disabled),
.mini-btn:active:not(:disabled){
    transform:translateY(1px)!important;
}

.top-actions .ghost-btn,
.top-actions .primary-btn{
    height:48px!important;
    min-width:142px!important;
    padding:0 17px!important;
    font-size:13px!important;
    border-width:2px!important;
}

.top-actions .ghost-btn{
    color:#062213!important;
    background:linear-gradient(180deg,#73f099,#26b65a)!important;
    border-color:#9af6b6!important;
    box-shadow:0 4px 0 #0e6532,0 9px 17px rgba(0,0,0,.23),inset 0 1px 0 rgba(255,255,255,.45)!important;
}

.top-actions .primary-btn{
    color:#211005!important;
    background:linear-gradient(180deg,#ffd382,#e07f27)!important;
    border-color:#ffe2a7!important;
    box-shadow:0 4px 0 #894914,0 9px 17px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.42)!important;
}

.island-shell{
    grid-template-columns:minmax(0,1fr) 370px!important;
    gap:10px!important;
}

.island-map{
    border-radius:10px!important;
    border:2px solid rgba(80,44,20,.95)!important;
    box-shadow:
        inset 0 0 0 1px rgba(255,214,125,.17),
        inset 0 0 72px rgba(6,34,41,.18),
        0 8px 0 rgba(31,20,13,.8),
        0 22px 38px rgba(0,0,0,.24)!important;
}

.island-map.layered-assets:after{
    background:
        radial-gradient(circle at 50% 48%,transparent 66%,rgba(3,20,26,.22)),
        linear-gradient(180deg,rgba(255,246,215,.05),transparent 35%,rgba(0,0,0,.1))!important;
}

.island-map.layered-assets .building.active .b-name:before{
    width:92px!important;
    height:24px!important;
    bottom:calc(100% + 2px)!important;
    border-color:rgba(255,216,113,.86)!important;
    border-top-color:rgba(40,207,197,.95)!important;
    background:radial-gradient(ellipse at center,rgba(255,226,124,.26),transparent 72%)!important;
}

.island-map.layered-assets .b-name,
.island-map.layered-assets .b-harbor .b-name,
.island-map.layered-assets .b-armory .b-name{
    min-width:74px!important;
    height:25px!important;
    bottom:-29px!important;
    padding:0 10px!important;
    color:#fff2c8!important;
    background:linear-gradient(180deg,rgba(56,38,24,.96),rgba(26,18,13,.98))!important;
    border:1px solid rgba(255,223,146,.72)!important;
    box-shadow:0 4px 0 rgba(36,22,12,.72),0 8px 12px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.2)!important;
}

.island-map.layered-assets .building.ready:not(.upgrading):not(.constructing) .b-ready,
.island-map.layered-assets .building.upgrading .b-build,
.island-map.layered-assets .building.constructing .b-build{
    right:8%!important;
    top:8%!important;
    width:13px!important;
    min-width:13px!important;
    max-width:13px!important;
    height:13px!important;
    min-height:13px!important;
    max-height:13px!important;
    border-width:1px!important;
    box-shadow:0 2px 5px rgba(0,0,0,.38),0 0 0 2px rgba(39,23,12,.62)!important;
    animation:statusBreathSoft 2s ease-in-out infinite!important;
}

.panel{
    padding:13px!important;
    border-radius:10px!important;
    color:var(--ada-ink)!important;
    background:linear-gradient(180deg,#f7ddb0 0%,#e4bc75 100%)!important;
    border:2px solid rgba(94,54,24,.82)!important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.5),
        inset 0 -22px 45px rgba(119,72,30,.12),
        0 8px 0 rgba(58,36,20,.72),
        0 20px 34px rgba(0,0,0,.24)!important;
}

.panel-head,
.stat-grid div,
.cost-box,
.system-card,
.bonus-card{
    color:var(--ada-ink)!important;
    border-radius:8px!important;
    background:linear-gradient(180deg,#ffe9b8 0%,#eac47d 100%)!important;
    border:1px solid rgba(141,91,39,.48)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.52),0 2px 0 rgba(128,79,31,.28)!important;
}

.panel-head{
    padding:16px 14px!important;
    margin:0 0 12px!important;
}

.panel-head:after{
    left:14px!important;
    right:14px!important;
    background:linear-gradient(90deg,transparent,rgba(139,83,29,.48),transparent)!important;
}

.panel-head-icon{
    width:42px!important;
    height:42px!important;
    color:#5a3517!important;
    background:linear-gradient(180deg,#dba052,#bb7731)!important;
    border:1px solid rgba(97,55,19,.64)!important;
}

.panel-head span:not(.panel-head-icon),
.stat-grid span,
.cost-box > span,
.system-card p,
.bonus-card ul,
.panel .research-row span,
.daily-mission-copy span,
.daily-mission-copy em{
    color:#68451e!important;
}

.panel h2{
    color:#3d1f0d!important;
    font-size:26px!important;
    line-height:1.02!important;
    letter-spacing:0!important;
}

.panel p,
.system-card p,
.message{
    font-size:12px!important;
}

.stat-grid{
    gap:8px!important;
}

.stat-grid div{
    min-height:90px!important;
    padding:13px 10px!important;
}

.stat-grid span,
.cost-box > span{
    font-weight:900!important;
    letter-spacing:1.15px!important;
}

.stat-grid strong{
    color:#3a1f0e!important;
    font-size:17px!important;
    line-height:1.15!important;
}

.level-track{
    height:10px!important;
    margin:10px 2px 11px!important;
    background:#977042!important;
    border-color:rgba(67,40,16,.38)!important;
}

.level-track span{
    background:linear-gradient(90deg,#c47b31,#f3c15f 58%,#28cfc5)!important;
    box-shadow:0 0 12px rgba(40,207,197,.28)!important;
}

.cost-box{
    padding:13px!important;
}

.cost-item{
    color:#2b1708!important;
    background:linear-gradient(180deg,#fff0c7,#dfb56a)!important;
    border:1px solid rgba(137,85,34,.46)!important;
    box-shadow:0 2px 0 rgba(101,62,25,.22),inset 0 1px 0 rgba(255,255,255,.56)!important;
}

.upgrade-time{
    color:#006d7f!important;
}

#upgrade-btn.wide{
    height:46px!important;
    color:#251204!important;
    background:linear-gradient(180deg,#ffe49d,#cc852e)!important;
    border:2px solid #fff0be!important;
    box-shadow:0 4px 0 #7c4718,0 9px 18px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.56)!important;
}

#upgrade-btn.wide:disabled{
    color:#6d4c27!important;
    background:linear-gradient(180deg,#eed098,#c49a5e)!important;
    border-color:#f4ddb0!important;
}

.systems-grid{
    gap:10px!important;
    margin-top:12px!important;
}

.system-card{
    padding:12px!important;
}

.system-card h3,
.bonus-card h3{
    color:#3d1f0d!important;
    font-size:15px!important;
    letter-spacing:0!important;
}

.system-card h3 svg,
.bonus-card h3 svg{
    color:#7b4a1f!important;
}

.worker-slot,
.panel .research-row,
.daily-mission-row{
    color:#3c2410!important;
    border-radius:8px!important;
    background:linear-gradient(180deg,#ffedc7,#e8c17b)!important;
    border:1px solid rgba(130,80,31,.36)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.48)!important;
}

.worker-slot strong,
.panel .research-row strong,
.daily-mission-copy strong{
    color:#3a1f0e!important;
}

.worker-slot span,
.worker-slot.busy span{
    color:#16606d!important;
    font-weight:900!important;
}

.worker-slot.busy strong{
    color:#005c73!important;
}

.mini-btn{
    min-height:34px!important;
    color:#321808!important;
    background:linear-gradient(180deg,#ffe39a,#bf7831)!important;
    border:1px solid rgba(118,67,25,.68)!important;
    box-shadow:0 3px 0 rgba(101,58,24,.55),inset 0 1px 0 rgba(255,255,255,.5)!important;
}

.mini-btn b,
.mini-btn small{
    color:#fff4c9!important;
}

.speedup-card{
    min-height:70px!important;
    background:linear-gradient(180deg,#65d6d0,#197f86)!important;
    border-color:rgba(216,255,250,.54)!important;
}

.speedup-card:nth-child(2){
    background:linear-gradient(180deg,#73cda2,#2b875d)!important;
}

.speedup-card:nth-child(3){
    background:linear-gradient(180deg,#bd8cc8,#765293)!important;
}

.speedup-card span:not(.speedup-icon),
.speedup-card b{
    color:#fff!important;
    text-shadow:0 1px 0 rgba(0,0,0,.38)!important;
}

.speedup-icon{
    background:rgba(255,255,255,.25)!important;
    border-color:rgba(255,255,255,.32)!important;
    color:#fff!important;
}

.buy-speedup-btn{
    color:#082912!important;
    background:linear-gradient(180deg,#77f3a5,#25bf62)!important;
    border-color:#9df7bb!important;
    box-shadow:0 3px 0 #0c7136,inset 0 1px 0 rgba(255,255,255,.44)!important;
}

.buy-speedup-btn b{
    color:#0e2a14!important;
}

.crew-grid{
    gap:8px!important;
}

.crew-grid .mini-btn{
    min-height:56px!important;
    display:grid!important;
    grid-template-rows:auto auto auto!important;
    align-content:center!important;
}

.crew-grid .mini-btn span,
.crew-grid .mini-btn small,
.crew-grid .mini-btn b{
    color:#fff6d8!important;
    text-align:center!important;
}

.research-list,
.daily-missions-list{
    gap:8px!important;
}

.panel .research-row{
    border-left:4px solid #9f6331!important;
}

.panel .research-row.researching,
.daily-mission-row.ready{
    border-color:rgba(10,112,126,.62)!important;
    box-shadow:0 0 0 2px rgba(40,207,197,.14),inset 0 1px 0 rgba(255,255,255,.48)!important;
}

.daily-mission-row.claimed{
    filter:saturate(.75)!important;
    opacity:.86!important;
}

.daily-mission-row .mini-btn{
    min-width:78px!important;
}

.building-dock{
    left:18px!important;
    right:18px!important;
    bottom:14px!important;
    gap:8px!important;
    padding:10px!important;
    border-radius:10px!important;
    background:linear-gradient(180deg,rgba(54,36,23,.94),rgba(24,17,12,.94))!important;
    border:2px solid rgba(112,68,29,.84)!important;
    box-shadow:0 5px 0 rgba(28,18,11,.78),0 16px 30px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,226,158,.18)!important;
}

.building-dock:before{
    content:"YAPILAR";
    position:absolute;
    left:16px;
    top:-14px;
    height:20px;
    padding:0 12px;
    display:grid;
    place-items:center;
    border-radius:5px 5px 2px 2px;
    color:#fff1c8;
    font-size:10px;
    font-weight:950;
    background:linear-gradient(180deg,#c98639,#8a5024);
    border:1px solid rgba(76,42,18,.88);
    box-shadow:0 3px 0 rgba(40,24,13,.62);
}

.building-tab{
    min-height:62px!important;
    height:62px!important;
    border-radius:8px!important;
    grid-template-columns:30px minmax(0,1fr)!important;
    grid-template-rows:auto auto!important;
    align-items:center!important;
    gap:3px 8px!important;
    background:linear-gradient(180deg,rgba(255,235,173,.12),rgba(255,255,255,.035))!important;
    border:1px solid rgba(255,204,127,.32)!important;
}

.building-tab svg{
    grid-row:1 / 3!important;
}

.building-tab span{
    grid-column:2!important;
    min-width:0!important;
}

.building-tab small{
    grid-column:2!important;
    justify-self:stretch!important;
    min-width:0!important;
    max-width:none!important;
    width:100%!important;
    padding:2px 6px!important;
    border-radius:999px!important;
    background:rgba(16,10,6,.24)!important;
    border:1px solid rgba(255,220,143,.18)!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
}

.building-tab.active{
    border-color:rgba(255,219,104,.96)!important;
    box-shadow:0 0 0 2px rgba(255,219,104,.16),inset 0 1px 0 rgba(255,255,255,.18)!important;
}

.building-tab strong{
    color:#fff3d0!important;
    font-size:11px!important;
}

.building-tab em,
.building-tab small{
    color:#ffd77e!important;
}

.building-tab svg{
    color:#ffe2a1!important;
    background:rgba(255,220,143,.12)!important;
}

.island-scroll-menu{
    background:linear-gradient(180deg,rgba(246,212,147,.96),rgba(159,96,43,.96))!important;
    border-color:rgba(75,43,19,.82)!important;
    box-shadow:0 5px 0 rgba(54,33,19,.74),0 14px 24px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.44)!important;
}

.island-scroll-menu h2{
    color:#fff0c6!important;
    background:linear-gradient(180deg,#70411f,#4a2917)!important;
}

.scroll-command{
    color:#4a2a14!important;
    background:linear-gradient(180deg,#ffe6aa,#c8893a)!important;
    border-color:rgba(112,63,25,.5)!important;
}

.scroll-command.active,
.scroll-command:hover{
    color:#fff6d8!important;
    background:linear-gradient(180deg,#c9792e,#733916)!important;
}

.island-visual-toast{
    color:#2f1907!important;
    background:linear-gradient(180deg,#fff1b8,#d08a2d)!important;
}

@keyframes statusBreathSoft{
    0%,100%{transform:scale(1);opacity:.92}
    50%{transform:scale(1.12);opacity:1}
}

@media(max-width:1500px){
    .resource{
        min-width:130px!important;
    }
    .resource strong{
        font-size:18px!important;
    }
    .top-actions .ghost-btn,
    .top-actions .primary-btn{
        min-width:126px!important;
        padding:0 13px!important;
    }
    .island-shell{
        grid-template-columns:minmax(0,1fr) 350px!important;
    }
}

@media(max-width:1180px){
    .topbar{
        flex-wrap:wrap!important;
    }
    .brand{
        order:1!important;
    }
    .top-actions{
        order:2!important;
        margin-left:auto!important;
    }
    .resource-row{
        order:3!important;
        flex-basis:100%!important;
    }
    .island-shell{
        grid-template-columns:1fr!important;
    }
    .panel{
        min-height:auto!important;
    }
}

@media(max-width:760px){
    html,body{
        overflow:auto!important;
    }
    #base-app{
        height:auto!important;
        min-height:100%!important;
        padding:8px!important;
    }
    .topbar{
        min-height:0!important;
        gap:8px!important;
    }
    .brand{
        min-width:0!important;
        flex:1 1 100%!important;
    }
    .top-actions{
        width:100%!important;
        margin-left:0!important;
    }
    .top-actions .ghost-btn,
    .top-actions .primary-btn{
        flex:1!important;
        min-width:0!important;
        height:42px!important;
        font-size:12px!important;
    }
    .resource-row{
        display:grid!important;
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
        width:100%!important;
    }
    .resource{
        min-width:0!important;
        height:52px!important;
    }
    .res-pearl{
        grid-column:1 / -1!important;
    }
    .island-map{
        min-height:560px!important;
    }
    .panel{
        border-radius:12px 12px 10px 10px!important;
        padding:11px!important;
    }
    .stat-grid{
        grid-template-columns:1fr!important;
    }
    .stat-grid div{
        min-height:64px!important;
    }
    .systems-grid{
        grid-template-columns:1fr!important;
    }
    .building-dock{
        left:10px!important;
        right:10px!important;
        bottom:10px!important;
        display:flex!important;
        overflow-x:auto!important;
        scroll-snap-type:x mandatory!important;
        padding:10px 9px!important;
    }
    .building-tab{
        flex:0 0 176px!important;
        scroll-snap-align:start!important;
    }
    .island-scroll-menu{
        transform:scale(.9)!important;
        transform-origin:left center!important;
    }
    .crew-grid,
    .speedup-list,
    .speedup-shop{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
    }
}

/* V7 compact polish: slimmer menus and single clean dock progress line. */
.topbar{
    min-height:82px!important;
    padding:9px 14px!important;
    gap:10px!important;
}

.brand{
    min-width:190px!important;
    padding:6px 9px!important;
}

.brand-mark{
    width:40px!important;
    height:40px!important;
}

.brand h1{
    font-size:20px!important;
}

.resource{
    min-height:48px!important;
    padding:5px 10px 5px 5px!important;
    border-radius:8px!important;
}

.resource-icon-frame{
    width:38px!important;
    height:38px!important;
}

.resource strong{
    font-size:17px!important;
}

.top-actions .ghost-btn,
.top-actions .primary-btn{
    min-height:44px!important;
    padding:0 14px!important;
    font-size:13px!important;
}

.island-shell{
    grid-template-columns:minmax(0,1fr) 372px!important;
    gap:8px!important;
    padding:9px!important;
}

.panel{
    padding:10px!important;
    border-width:2px!important;
}

.panel-head{
    min-height:88px!important;
    padding:11px!important;
}

.panel-head-icon{
    width:42px!important;
    height:42px!important;
}

.panel h2{
    font-size:25px!important;
}

.stat-grid div{
    min-height:58px!important;
    padding:8px!important;
}

.cost-box,
.system-card,
.bonus-card{
    padding:10px!important;
}

#upgrade-btn,
.wide.primary-btn{
    height:42px!important;
}

.island-scroll-menu{
    width:142px!important;
    padding:9px 8px!important;
    border-width:2px!important;
    box-shadow:0 0 0 1px rgba(255,218,134,.2),0 5px 0 rgba(29,15,7,.5),0 14px 24px rgba(0,0,0,.28)!important;
}

.island-scroll-menu h2{
    height:38px!important;
    margin:8px 1px 9px!important;
    font-size:21px!important;
}

.scroll-command{
    min-height:36px!important;
    padding:0 8px!important;
    gap:8px!important;
    font-size:12px!important;
}

.scroll-command svg{
    width:24px!important;
    height:24px!important;
    padding:5px!important;
}

.command-menu-toggle{
    width:36px!important;
    height:36px!important;
}

.building-dock{
    left:18px!important;
    right:18px!important;
    bottom:14px!important;
    padding:9px!important;
    gap:7px!important;
    border-width:2px!important;
    border-radius:10px!important;
    box-shadow:0 0 0 1px rgba(255,218,134,.22),0 7px 0 rgba(29,15,7,.38),0 16px 28px rgba(0,0,0,.32)!important;
}

.building-dock:after{
    display:none!important;
}

.building-tab,
.building-tab:nth-child(n){
    min-height:54px!important;
    height:54px!important;
    padding:6px 7px 9px!important;
    gap:4px 7px!important;
    border-width:1px!important;
    border-radius:8px!important;
    box-shadow:0 2px 0 rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.12)!important;
}

.building-tab:before,
.building-tab:nth-child(n):before{
    display:none!important;
}

.building-tab:after,
.building-tab:nth-child(n):after{
    left:8px!important;
    right:auto!important;
    bottom:5px!important;
    height:3px!important;
    max-width:calc(100% - 16px)!important;
    border-radius:999px!important;
    background:linear-gradient(90deg,#3bd6cb,#f4ca64)!important;
    box-shadow:none!important;
}

.building-tab.upgrading:after{
    width:var(--tab-progress,56%)!important;
    background:linear-gradient(90deg,#22c7bd,#f4ca64)!important;
}

.building-tab svg{
    width:25px!important;
    height:25px!important;
    padding:5px!important;
    border-radius:7px!important;
}

.building-tab strong{
    font-size:11px!important;
}

.building-tab em{
    font-size:8px!important;
}

.building-tab small{
    height:13px!important;
    padding:0 4px!important;
    font-size:8px!important;
    line-height:12px!important;
    transform:none!important;
}

.building-tab.active{
    transform:translateY(-2px)!important;
    box-shadow:0 3px 0 rgba(0,0,0,.28),0 0 0 2px rgba(255,223,112,.18),0 0 13px rgba(255,207,82,.18),inset 0 1px 0 rgba(255,255,255,.18)!important;
}

.island-map.layered-assets .building .b-name{
    min-height:24px!important;
    padding:4px 8px!important;
    font-size:10px!important;
}

@media(max-width:1450px){
    .island-shell{
        grid-template-columns:minmax(0,1fr) 352px!important;
    }
    .building-dock{
        grid-template-columns:repeat(4,minmax(0,1fr))!important;
    }
    .building-tab,
    .building-tab:nth-child(n){
        min-height:50px!important;
        height:50px!important;
    }
}

/* V8 minimal dock/menu: remove noisy dock progress lines completely. */
.topbar{
    min-height:76px!important;
    padding:8px 12px!important;
}

.resource{
    min-height:44px!important;
}

.resource-icon-frame{
    width:34px!important;
    height:34px!important;
}

.resource strong{
    font-size:16px!important;
}

.top-actions .ghost-btn,
.top-actions .primary-btn{
    min-height:40px!important;
    padding:0 12px!important;
}

.brand{
    min-width:176px!important;
}

.brand h1{
    font-size:18px!important;
}

.brand-mark{
    width:36px!important;
    height:36px!important;
}

.island-shell{
    grid-template-columns:minmax(0,1fr) 348px!important;
}

.panel-head{
    min-height:78px!important;
}

.panel h2{
    font-size:23px!important;
}

.island-scroll-menu{
    width:124px!important;
    padding:7px!important;
}

.island-scroll-menu h2{
    height:34px!important;
    margin:6px 0 7px!important;
    font-size:19px!important;
}

.scroll-command{
    min-height:32px!important;
    padding:0 7px!important;
    gap:6px!important;
    font-size:11px!important;
}

.scroll-command svg{
    width:22px!important;
    height:22px!important;
}

.command-menu-toggle{
    width:32px!important;
    height:32px!important;
}

.building-dock{
    left:20px!important;
    right:20px!important;
    bottom:13px!important;
    padding:8px!important;
    gap:6px!important;
}

.building-tab,
.building-tab:nth-child(n){
    min-height:46px!important;
    height:46px!important;
    padding:5px 7px!important;
    grid-template-columns:24px minmax(0,1fr) auto!important;
    grid-template-rows:1fr auto!important;
    align-items:center!important;
}

.building-tab:before,
.building-tab:after,
.building-tab:nth-child(n):before,
.building-tab:nth-child(n):after,
.building-tab.upgrading:after,
.building-tab.maxed:after{
    content:none!important;
    display:none!important;
}

.building-tab svg{
    grid-row:1 / 3!important;
    width:23px!important;
    height:23px!important;
    padding:5px!important;
}

.building-tab span{
    grid-column:2!important;
}

.building-tab strong{
    font-size:10px!important;
    line-height:1.05!important;
}

.building-tab em{
    font-size:8px!important;
    margin-top:1px!important;
}

.building-tab small{
    grid-column:3!important;
    grid-row:1 / 3!important;
    align-self:center!important;
    min-width:28px!important;
    height:auto!important;
    padding:0!important;
    background:transparent!important;
    border:0!important;
    font-size:8px!important;
    line-height:1!important;
    color:#ffe79d!important;
}

.building-tab.active{
    transform:translateY(-1px)!important;
}

@media(max-width:1450px){
    .island-shell{
        grid-template-columns:minmax(0,1fr) 336px!important;
    }
    .building-tab,
    .building-tab:nth-child(n){
        min-height:44px!important;
        height:44px!important;
    }
}

/* V6 visible professional overhaul: darker command UI, readable labels, clear state chips. */
:root{
    --island-ink:#24150b;
    --island-panel:#27180f;
    --island-panel-2:#3a2415;
    --island-gold:#f6cf72;
    --island-gold-2:#c47a2a;
    --island-teal:#38d7cf;
    --island-cream:#fff1c9;
}

body{
    background:
        radial-gradient(circle at 52% 0%,rgba(255,217,120,.14),transparent 24%),
        linear-gradient(180deg,#3d3127 0,#211912 100%)!important;
}

.topbar{
    min-height:104px!important;
    padding:13px 16px!important;
    gap:14px!important;
    background:
        linear-gradient(180deg,rgba(77,60,43,.98),rgba(38,28,20,.99) 62%,rgba(22,15,10,.99))!important;
    border-bottom:4px solid #744418!important;
    box-shadow:0 8px 0 rgba(17,11,7,.45),0 18px 34px rgba(0,0,0,.28)!important;
}

.brand{
    order:3;
    min-width:218px!important;
    padding:8px 11px!important;
    border-radius:10px!important;
    background:linear-gradient(180deg,#3a2a1e,#1d140e)!important;
    border:1px solid rgba(246,207,114,.42)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 3px 0 rgba(0,0,0,.3)!important;
}

.brand h1{
    color:#fff0c4!important;
    font-size:22px!important;
    line-height:1!important;
    text-shadow:0 2px 0 rgba(0,0,0,.36)!important;
}

.brand p{
    color:#e2bd78!important;
    font-weight:800!important;
}

.brand-mark{
    width:48px!important;
    height:48px!important;
    border-radius:10px!important;
    color:#ffe28b!important;
    background:linear-gradient(180deg,#176e80,#0d3944)!important;
    border:2px solid #d18a33!important;
}

.resource-row{
    flex:1 1 auto!important;
    gap:10px!important;
}

.resource{
    min-height:58px!important;
    border-radius:9px!important;
    padding:7px 13px 7px 7px!important;
    background:linear-gradient(180deg,rgba(36,27,20,.98),rgba(14,11,9,.98))!important;
    border-width:2px!important;
    box-shadow:0 4px 0 rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.16)!important;
}

.resource strong{
    color:#fff8df!important;
    font-size:19px!important;
    text-shadow:0 2px 0 rgba(0,0,0,.45)!important;
}

.resource span:not(.resource-icon-frame){
    color:#ffe1a0!important;
    font-size:10px!important;
    letter-spacing:.7px!important;
}

.top-actions{
    order:2;
    gap:10px!important;
}

.top-actions .ghost-btn,
.top-actions .primary-btn{
    min-height:52px!important;
    border-radius:9px!important;
    font-size:14px!important;
    box-shadow:0 4px 0 rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.26)!important;
}

.island-shell{
    gap:10px!important;
    padding:11px 10px 10px!important;
    grid-template-columns:minmax(0,1fr) 396px!important;
}

.island-map{
    border:3px solid #6b3b18!important;
    border-radius:9px!important;
    box-shadow:0 0 0 1px rgba(255,206,111,.24),0 20px 42px rgba(0,0,0,.34)!important;
}

.island-map:after{
    content:"";
    position:absolute;
    inset:0;
    z-index:2;
    pointer-events:none;
    background:
        linear-gradient(180deg,rgba(255,238,181,.08),transparent 16%),
        radial-gradient(circle at 50% 50%,transparent 52%,rgba(14,8,4,.18) 100%);
}

.panel{
    padding:13px!important;
    border-radius:10px!important;
    background:
        linear-gradient(180deg,#4c321c 0,#2f1e12 28%,#21150e 100%)!important;
    border:3px solid #7b4b20!important;
    box-shadow:0 0 0 1px rgba(255,221,143,.28),0 18px 40px rgba(0,0,0,.36),inset 0 1px 0 rgba(255,255,255,.11)!important;
    color:var(--island-cream)!important;
    scrollbar-color:#d0913f #2b190e!important;
}

.panel-head{
    min-height:112px!important;
    padding:15px!important;
    border-radius:8px!important;
    background:
        radial-gradient(circle at 92% 15%,rgba(56,215,207,.24),transparent 26%),
        linear-gradient(135deg,#f8daa1 0,#e0a85e 52%,#995322 100%)!important;
    border:2px solid rgba(255,238,190,.58)!important;
    box-shadow:0 4px 0 rgba(55,28,10,.55),inset 0 1px 0 rgba(255,255,255,.48)!important;
}

.panel-head-icon{
    color:#351d0c!important;
    background:linear-gradient(180deg,#ffd98d,#ba6c25)!important;
    border:2px solid rgba(75,39,12,.46)!important;
}

.panel-head span:not(.panel-head-icon){
    color:#1d5c62!important;
    font-size:11px!important;
    font-weight:950!important;
    letter-spacing:2.4px!important;
}

.panel h2{
    color:#2d1709!important;
    font-size:29px!important;
    line-height:1.02!important;
    text-shadow:0 1px 0 rgba(255,247,215,.72)!important;
}

.panel p,
.system-card p,
.bonus-card li,
.panel .research-row span,
.daily-mission-copy span{
    color:#f8e2aa!important;
}

.stat-grid div,
.cost-box,
.system-card,
.bonus-card{
    border-radius:9px!important;
    background:linear-gradient(180deg,#f6dca7,#d9a764)!important;
    border:1px solid rgba(81,44,16,.55)!important;
    box-shadow:0 3px 0 rgba(46,25,12,.36),inset 0 1px 0 rgba(255,255,255,.45)!important;
    color:#2c1708!important;
}

.stat-grid span,
#panel-cost-label,
.system-card h3,
.bonus-card h3{
    color:#6f3a13!important;
    font-weight:950!important;
}

.stat-grid strong,
#panel-cost,
.cost-item,
.system-card strong,
.worker-slot strong,
.daily-mission-copy strong,
.panel .research-row strong{
    color:#201006!important;
    text-shadow:0 1px 0 rgba(255,244,210,.48)!important;
}

.system-card p,
.bonus-card li,
#worker-status,
#speedup-target,
#crew-queue,
#daily-missions-status{
    color:#40220d!important;
    text-shadow:0 1px 0 rgba(255,244,210,.36)!important;
}

.level-track{
    height:11px!important;
    margin:9px 1px 12px!important;
    border-radius:999px!important;
    background:#24130a!important;
    border:1px solid rgba(255,220,138,.32)!important;
}

.level-track span{
    height:100%!important;
    border-radius:999px!important;
    background:linear-gradient(90deg,#c27529,#f7cf72,#38d7cf)!important;
    box-shadow:0 0 12px rgba(56,215,207,.35)!important;
}

.wide.primary-btn,
#upgrade-btn{
    height:48px!important;
    border-radius:9px!important;
    color:#251306!important;
    background:linear-gradient(180deg,#ffe695,#de8b2e 72%,#a95b1d)!important;
    border:2px solid #fff0b7!important;
    box-shadow:0 4px 0 #70330e,0 0 18px rgba(255,197,72,.18),inset 0 1px 0 rgba(255,255,255,.54)!important;
}

.worker-slot,
.panel .research-row,
.daily-mission-row{
    border-radius:8px!important;
    background:linear-gradient(180deg,#fff1c9,#e4bb77)!important;
    border:1px solid rgba(102,60,22,.42)!important;
    color:#281407!important;
}

.worker-slot span,
.worker-slot.busy span,
.worker-slot.busy strong{
    color:#201006!important;
}

.worker-slot.busy{
    background:linear-gradient(180deg,#f9e2ae,#d19144)!important;
}

.speedup-card,
.speedup-shop .mini-btn,
.crew-grid .mini-btn,
#hire-worker-btn,
.promote-btn,
.daily-mission-row .mini-btn{
    border-radius:8px!important;
    color:#fff4cf!important;
    background:linear-gradient(180deg,#327d79,#184a46)!important;
    border:1px solid rgba(158,255,238,.44)!important;
    box-shadow:0 3px 0 rgba(18,46,43,.72),inset 0 1px 0 rgba(255,255,255,.18)!important;
}

#hire-worker-btn{
    background:linear-gradient(180deg,#df5fa4,#9e2769)!important;
    border-color:rgba(255,210,236,.6)!important;
}

.speedup-shop .mini-btn{
    background:linear-gradient(180deg,#38c875,#0d7c3b)!important;
    border-color:rgba(194,255,206,.58)!important;
}

.island-scroll-menu{
    width:172px!important;
    background:
        linear-gradient(180deg,#56351f,#2b190e 72%,#170d08)!important;
    border:3px solid #8e5726!important;
    box-shadow:0 0 0 1px rgba(255,218,134,.25),0 8px 0 rgba(29,15,7,.62),0 22px 38px rgba(0,0,0,.34)!important;
}

.island-scroll-menu h2{
    color:#2a1508!important;
    background:linear-gradient(180deg,#ffe8a8,#ce7d2d)!important;
    border-color:#fff0bc!important;
    text-shadow:0 1px 0 rgba(255,255,255,.45)!important;
}

.scroll-command{
    color:#fff1c0!important;
    background:linear-gradient(180deg,#6c4124,#321d10)!important;
    border:1px solid rgba(255,218,134,.38)!important;
}

.scroll-command svg{
    color:#2b1708!important;
    background:linear-gradient(180deg,#ffd979,#bd7328)!important;
}

.scroll-command.active,
.scroll-command:hover{
    background:linear-gradient(180deg,#f0a84d,#9b4f1b)!important;
    color:#261205!important;
    border-color:#fff1bb!important;
}

.scroll-command.command-sail{
    background:linear-gradient(180deg,#ffb35a,#c75319)!important;
}

.building-dock{
    left:20px!important;
    right:20px!important;
    bottom:16px!important;
    padding:13px!important;
    border-radius:12px!important;
    background:
        radial-gradient(circle at 50% 0%,rgba(255,213,107,.16),transparent 62%),
        linear-gradient(180deg,#4a2d19,#1d120b)!important;
    border:3px solid #8e5726!important;
    box-shadow:0 0 0 1px rgba(255,218,134,.26),0 12px 0 rgba(29,15,7,.44),0 24px 44px rgba(0,0,0,.38)!important;
}

.building-tab,
.building-tab:nth-child(n){
    min-height:72px!important;
    height:72px!important;
    border-radius:9px!important;
    color:#fff2c7!important;
    border-width:2px!important;
    box-shadow:0 4px 0 rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.16)!important;
}

.building-tab strong,
.building-tab em,
.building-tab small{
    color:#fff2c7!important;
    text-shadow:0 1px 0 rgba(0,0,0,.48)!important;
}

.building-tab svg{
    color:#231307!important;
    background:linear-gradient(180deg,#ffdb83,#b76525)!important;
    border-color:rgba(255,238,184,.62)!important;
}

.building-tab.active{
    transform:translateY(-4px)!important;
    border-color:#ffe48d!important;
    box-shadow:0 6px 0 rgba(0,0,0,.34),0 0 0 3px rgba(255,223,112,.22),0 0 22px rgba(255,207,82,.24),inset 0 1px 0 rgba(255,255,255,.22)!important;
}

.building-tab.ready{
    animation:buildingReadyPulse 1.55s ease-in-out infinite;
}

.island-map.layered-assets .building .b-name{
    min-height:28px!important;
    padding:5px 10px!important;
    border-radius:8px!important;
    background:linear-gradient(180deg,rgba(52,31,16,.96),rgba(16,10,6,.96))!important;
    border:1px solid rgba(255,221,143,.48)!important;
    box-shadow:0 4px 0 rgba(0,0,0,.28),0 10px 18px rgba(0,0,0,.25)!important;
}

.island-map.layered-assets .building .b-tier,
.island-map.layered-assets .building .b-build,
.island-map.layered-assets .building .b-ready,
.island-map.layered-assets .building .b-time{
    box-shadow:0 3px 0 rgba(0,0,0,.28),0 0 0 2px rgba(47,27,12,.6)!important;
}

.island-map.layered-assets .building.ready:not(.upgrading):not(.constructing) .b-ready{
    display:grid!important;
}

@keyframes buildingReadyPulse{
    0%,100%{filter:saturate(1);box-shadow:0 4px 0 rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.16)}
    50%{filter:saturate(1.18);box-shadow:0 4px 0 rgba(0,0,0,.28),0 0 18px rgba(56,215,207,.32),inset 0 1px 0 rgba(255,255,255,.18)}
}

@media(max-width:1450px){
    .island-shell{
        grid-template-columns:minmax(0,1fr) 372px!important;
    }
    .building-dock{
        grid-template-columns:repeat(4,minmax(0,1fr))!important;
    }
}

@media(max-width:760px){
    .topbar{
        min-height:auto!important;
    }
    .brand{
        order:0;
    }
    .island-shell{
        grid-template-columns:1fr!important;
    }
    .building-dock{
        left:auto!important;
        right:auto!important;
        bottom:auto!important;
    }
}

/* Wide thin HUD adaptation inspired by ada-genis-ince-hud.html. Keep this block last. */
:root{
    --hud-bg:rgba(9,14,22,.72);
    --hud-line:rgba(255,255,255,.12);
    --hud-gold:#f2c45d;
    --hud-gold-soft:rgba(242,196,93,.34);
    --hud-text:#f7eed2;
    --hud-muted:#aeb9c7;
    --hud-blue:#4ccbe4;
    --hud-shadow:0 18px 46px rgba(0,0,0,.38);
}

html,
body{
    height:100%!important;
    overflow:hidden!important;
    background:#07121d!important;
}

body:before{
    content:""!important;
    position:fixed!important;
    inset:0!important;
    z-index:-2!important;
    background:
        radial-gradient(circle at 50% 38%,rgba(88,213,222,.28),transparent 25%),
        radial-gradient(circle at 18% 14%,rgba(255,204,92,.14),transparent 18%),
        linear-gradient(180deg,#0b3046 0%,#06334a 45%,#031725 100%)!important;
}

body:after{
    content:""!important;
    position:fixed!important;
    inset:0!important;
    z-index:-1!important;
    pointer-events:none!important;
    background-image:
        linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),
        linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px)!important;
    background-size:64px 64px!important;
    opacity:.36!important;
    mask-image:radial-gradient(circle at center,#000 0 46%,transparent 78%)!important;
}

#base-app{
    position:relative!important;
    height:100vh!important;
    min-height:0!important;
    padding:0!important;
    isolation:isolate!important;
}

.topbar{
    position:absolute!important;
    z-index:40!important;
    top:10px!important;
    left:12px!important;
    right:12px!important;
    height:54px!important;
    min-height:0!important;
    display:grid!important;
    grid-template-columns:220px minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:8px!important;
    padding:6px 8px!important;
    border-radius:16px!important;
    background:linear-gradient(180deg,rgba(18,27,39,.76),rgba(7,12,20,.64))!important;
    border:1px solid var(--hud-line)!important;
    box-shadow:var(--hud-shadow)!important;
    backdrop-filter:blur(18px)!important;
}

.brand{
    order:0!important;
    min-width:0!important;
    height:42px!important;
    padding:4px 8px!important;
    gap:9px!important;
    border-radius:13px!important;
    background:rgba(255,255,255,.045)!important;
    border:1px solid rgba(255,255,255,.08)!important;
    box-shadow:none!important;
}

.brand-mark{
    width:34px!important;
    height:34px!important;
    border-radius:11px!important;
    color:var(--hud-gold)!important;
    background:linear-gradient(145deg,rgba(242,196,93,.22),rgba(255,255,255,.06))!important;
    border:1px solid var(--hud-gold-soft)!important;
}

.brand h1{
    font-family:Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important;
    color:var(--hud-text)!important;
    font-size:14px!important;
    line-height:1!important;
    letter-spacing:0!important;
    text-shadow:none!important;
}

.brand p{
    margin-top:3px!important;
    color:var(--hud-muted)!important;
    font-size:10px!important;
    font-weight:800!important;
}

.resource-row{
    min-width:0!important;
    display:flex!important;
    justify-content:center!important;
    align-items:center!important;
    gap:6px!important;
}

.resource{
    min-width:88px!important;
    height:36px!important;
    min-height:0!important;
    padding:4px 8px!important;
    gap:6px!important;
    border-radius:12px!important;
    background:rgba(5,9,15,.42)!important;
    border:1px solid rgba(255,255,255,.09)!important;
    box-shadow:none!important;
}

.resource-icon-frame{
    width:24px!important;
    height:24px!important;
    border-radius:50%!important;
    box-shadow:0 6px 14px rgba(0,0,0,.28)!important;
}

.resource-png{
    width:24px!important;
    height:24px!important;
}

.resource span:not(.resource-icon-frame){
    color:#97a6ba!important;
    font-size:8.5px!important;
    font-weight:950!important;
    letter-spacing:.45px!important;
}

.resource strong{
    color:var(--hud-text)!important;
    font-size:13px!important;
    line-height:1!important;
    text-shadow:none!important;
}

.top-actions{
    order:0!important;
    display:flex!important;
    gap:6px!important;
}

.top-actions .ghost-btn,
.top-actions .primary-btn{
    height:36px!important;
    min-height:0!important;
    padding:0 11px!important;
    border-radius:12px!important;
    font-size:12px!important;
    font-weight:950!important;
    box-shadow:0 12px 22px rgba(0,0,0,.22)!important;
}

.top-actions .ghost-btn{
    color:#e8eff8!important;
    background:rgba(255,255,255,.08)!important;
    border:1px solid rgba(255,255,255,.14)!important;
}

.top-actions .primary-btn{
    color:#211105!important;
    background:linear-gradient(180deg,#ffd870,#b86d22)!important;
    border:1px solid rgba(255,255,255,.18)!important;
}

.island-shell{
    position:absolute!important;
    z-index:1!important;
    inset:72px 12px 10px 12px!important;
    min-height:0!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 258px!important;
    gap:10px!important;
    padding:0!important;
}

.island-map{
    min-height:0!important;
    border-radius:24px!important;
    border:1px solid rgba(255,255,255,.11)!important;
    background:radial-gradient(ellipse at center,#1795ae 0 25%,#0b607d 57%,#042c43 100%)!important;
    box-shadow:inset 0 0 90px rgba(0,0,0,.28),var(--hud-shadow)!important;
    overflow:hidden!important;
}

.island-bg{
    transform:scale(1.03)!important;
    filter:saturate(1.04) contrast(1.02) drop-shadow(0 32px 36px rgba(0,0,0,.32))!important;
}

.island-map:after{
    background:
        linear-gradient(180deg,rgba(255,255,255,.07),transparent 18%),
        radial-gradient(circle at 50% 50%,transparent 56%,rgba(3,12,20,.23) 100%)!important;
}

.island-scroll-menu{
    left:12px!important;
    top:12px!important;
    width:48px!important;
    padding:6px!important;
    gap:6px!important;
    border-radius:16px!important;
    background:linear-gradient(180deg,rgba(18,27,39,.72),rgba(7,12,20,.62))!important;
    border:1px solid rgba(255,255,255,.1)!important;
    box-shadow:var(--hud-shadow)!important;
    backdrop-filter:blur(16px)!important;
}

.island-scroll-menu h2{
    height:0!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    border:0!important;
}

.scroll-command{
    width:36px!important;
    height:36px!important;
    min-height:0!important;
    padding:0!important;
    display:grid!important;
    place-items:center!important;
    border-radius:12px!important;
    color:#dbe6f4!important;
    background:rgba(255,255,255,.06)!important;
    border:1px solid rgba(255,255,255,.08)!important;
    box-shadow:none!important;
}

.scroll-command span{
    display:none!important;
}

.scroll-command svg{
    width:25px!important;
    height:25px!important;
    padding:5px!important;
    color:inherit!important;
    background:transparent!important;
    border:0!important;
}

.scroll-command.active,
.scroll-command:hover{
    color:var(--hud-gold)!important;
    background:linear-gradient(180deg,rgba(242,196,93,.25),rgba(242,196,93,.08))!important;
    border-color:var(--hud-gold-soft)!important;
}

.scroll-command.command-sail{
    color:#211105!important;
    background:linear-gradient(180deg,#ffd870,#b86d22)!important;
    border-color:rgba(255,255,255,.16)!important;
}

.command-menu-toggle{
    left:58px!important;
    top:22px!important;
    width:28px!important;
    height:28px!important;
    border-radius:10px!important;
    background:rgba(8,12,18,.68)!important;
    border:1px solid rgba(255,255,255,.1)!important;
    box-shadow:0 8px 18px rgba(0,0,0,.28)!important;
}

.panel{
    width:auto!important;
    min-height:0!important;
    padding:12px!important;
    border-radius:18px!important;
    background:linear-gradient(180deg,rgba(18,27,39,.76),rgba(7,12,20,.66))!important;
    border:1px solid var(--hud-line)!important;
    box-shadow:var(--hud-shadow)!important;
    backdrop-filter:blur(18px)!important;
    color:var(--hud-text)!important;
}

.panel-head{
    min-height:72px!important;
    padding:0 0 10px!important;
    margin:0 0 10px!important;
    gap:10px!important;
    border:0!important;
    border-bottom:1px solid var(--hud-line)!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
}

.panel-head-icon{
    width:44px!important;
    height:44px!important;
    border-radius:14px!important;
    color:var(--hud-gold)!important;
    background:linear-gradient(145deg,rgba(242,196,93,.22),rgba(255,255,255,.06))!important;
    border:1px solid var(--hud-gold-soft)!important;
    box-shadow:none!important;
}

.panel-head span:not(.panel-head-icon){
    color:var(--hud-gold)!important;
    font-size:9px!important;
    letter-spacing:1.8px!important;
}

.panel h2{
    color:var(--hud-text)!important;
    font-family:Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important;
    font-size:17px!important;
    line-height:1.05!important;
    text-shadow:none!important;
}

.panel p{
    color:var(--hud-muted)!important;
    font-size:11px!important;
    line-height:1.35!important;
}

.stat-grid{
    grid-template-columns:1fr 1fr!important;
    gap:7px!important;
}

.stat-grid div,
.cost-box,
.system-card,
.bonus-card{
    border-radius:13px!important;
    padding:8px!important;
    background:rgba(255,255,255,.055)!important;
    border:1px solid var(--hud-line)!important;
    box-shadow:none!important;
    color:var(--hud-text)!important;
}

.stat-grid div{
    min-height:48px!important;
}

.stat-grid span,
#panel-cost-label,
.system-card h3,
.bonus-card h3{
    color:var(--hud-muted)!important;
    font-size:9px!important;
    letter-spacing:.55px!important;
}

.stat-grid strong,
#panel-cost,
.cost-item,
.system-card strong,
.worker-slot strong,
.daily-mission-copy strong,
.panel .research-row strong{
    color:var(--hud-text)!important;
    font-size:13px!important;
    text-shadow:none!important;
}

.level-track{
    height:5px!important;
    margin:9px 0 10px!important;
    background:rgba(255,255,255,.1)!important;
    border:0!important;
}

.level-track span{
    background:linear-gradient(90deg,var(--hud-gold),#fff0a5)!important;
    box-shadow:none!important;
}

#panel-cost{
    gap:6px!important;
    margin-top:8px!important;
}

#panel-time,
.upgrade-time{
    color:var(--hud-blue)!important;
    font-size:11px!important;
}

#upgrade-btn,
.wide.primary-btn{
    height:42px!important;
    margin-top:10px!important;
    border-radius:13px!important;
    color:#211105!important;
    background:linear-gradient(180deg,#f7ce69,#b96f23)!important;
    border:1px solid rgba(255,255,255,.18)!important;
    box-shadow:0 14px 24px rgba(0,0,0,.28)!important;
}

.systems-grid{
    gap:8px!important;
    margin-top:10px!important;
}

.system-card h3,
.bonus-card h3{
    margin-bottom:7px!important;
    color:var(--hud-gold)!important;
    font-size:12px!important;
}

.system-card p,
.bonus-card li,
#worker-status,
#speedup-target,
#crew-queue,
#daily-missions-status{
    color:var(--hud-muted)!important;
    font-size:10px!important;
    text-shadow:none!important;
}

.worker-slot,
.panel .research-row,
.daily-mission-row{
    min-height:34px!important;
    padding:7px!important;
    border-radius:12px!important;
    background:rgba(0,0,0,.18)!important;
    border:1px solid var(--hud-line)!important;
    color:var(--hud-text)!important;
}

.worker-slot span,
.worker-slot.busy span,
.worker-slot.busy strong{
    color:var(--hud-text)!important;
}

.speedup-card,
.speedup-shop .mini-btn,
.crew-grid .mini-btn,
#hire-worker-btn,
.promote-btn,
.daily-mission-row .mini-btn{
    min-height:36px!important;
    border-radius:11px!important;
    color:#dfe8f5!important;
    background:rgba(255,255,255,.07)!important;
    border:1px solid var(--hud-line)!important;
    box-shadow:none!important;
}

#hire-worker-btn,
.speedup-shop .mini-btn{
    background:linear-gradient(180deg,rgba(242,196,93,.22),rgba(255,255,255,.06))!important;
    border-color:var(--hud-gold-soft)!important;
    color:var(--hud-gold)!important;
}

.building-dock{
    left:70px!important;
    right:12px!important;
    bottom:10px!important;
    height:46px!important;
    padding:5px!important;
    gap:5px!important;
    display:grid!important;
    grid-template-columns:repeat(8,minmax(0,1fr))!important;
    border-radius:16px!important;
    background:linear-gradient(180deg,rgba(18,27,39,.74),rgba(7,12,20,.62))!important;
    border:1px solid var(--hud-line)!important;
    box-shadow:var(--hud-shadow)!important;
    backdrop-filter:blur(18px)!important;
}

.building-dock:after,
.building-tab:before,
.building-tab:after,
.building-tab:nth-child(n):before,
.building-tab:nth-child(n):after{
    content:none!important;
    display:none!important;
}

.building-tab,
.building-tab:nth-child(n){
    min-height:0!important;
    height:36px!important;
    padding:4px 7px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:6px!important;
    border-radius:12px!important;
    color:#dce5ef!important;
    background:rgba(255,255,255,.055)!important;
    border:1px solid rgba(255,255,255,.08)!important;
    box-shadow:none!important;
}

.building-tab svg{
    flex:0 0 auto!important;
    width:20px!important;
    height:20px!important;
    padding:4px!important;
    border-radius:8px!important;
    color:var(--hud-gold)!important;
    background:rgba(242,196,93,.14)!important;
    border:0!important;
}

.building-tab span{
    min-width:0!important;
}

.building-tab strong{
    max-width:78px!important;
    color:inherit!important;
    font-size:10px!important;
    line-height:1!important;
    text-shadow:none!important;
}

.building-tab em{
    display:none!important;
}

.building-tab small{
    min-width:auto!important;
    padding:0!important;
    color:var(--hud-gold)!important;
    background:transparent!important;
    border:0!important;
    font-size:9px!important;
    line-height:1!important;
    text-shadow:none!important;
}

.building-tab.active{
    transform:none!important;
    color:var(--hud-gold)!important;
    background:linear-gradient(180deg,rgba(242,196,93,.24),rgba(255,255,255,.06))!important;
    border-color:var(--hud-gold-soft)!important;
    box-shadow:none!important;
}

.building-tab.ready{
    animation:none!important;
}

.island-map.layered-assets .building .b-name{
    min-height:20px!important;
    padding:3px 7px!important;
    border-radius:999px!important;
    color:#fff!important;
    font-size:9px!important;
    background:rgba(0,0,0,.36)!important;
    border:1px solid rgba(255,255,255,.1)!important;
    box-shadow:none!important;
}

.island-map.layered-assets .building.active .b-img{
    filter:drop-shadow(0 18px 20px rgba(0,0,0,.35)) drop-shadow(0 0 18px rgba(242,196,93,.42)) saturate(1.08)!important;
}

.island-map.layered-assets .building .b-ready,
.island-map.layered-assets .building .b-build,
.island-map.layered-assets .building .b-time{
    width:24px!important;
    height:24px!important;
    border-radius:50%!important;
    box-shadow:0 8px 18px rgba(0,0,0,.32)!important;
}

@media(max-width:1450px){
    .topbar{
        grid-template-columns:188px minmax(0,1fr) auto!important;
    }
    .resource{
        min-width:78px!important;
    }
    .island-shell{
        grid-template-columns:minmax(0,1fr) 246px!important;
    }
    .building-dock{
        grid-template-columns:repeat(4,minmax(0,1fr))!important;
        height:96px!important;
    }
    .building-tab,
    .building-tab:nth-child(n){
        height:39px!important;
    }
}

@media(max-width:1050px){
    body{
        overflow:auto!important;
    }
    #base-app{
        height:auto!important;
        min-height:100vh!important;
        padding:8px!important;
    }
    .topbar,
    .island-shell{
        position:relative!important;
        inset:auto!important;
    }
    .topbar{
        height:auto!important;
        grid-template-columns:1fr!important;
        margin-bottom:8px!important;
    }
    .resource-row{
        justify-content:flex-start!important;
        overflow:auto!important;
    }
    .top-actions{
        display:none!important;
    }
    .island-shell{
        grid-template-columns:1fr!important;
    }
    .island-map{
        min-height:640px!important;
    }
    .panel{
        min-height:0!important;
    }
    .building-dock{
        left:8px!important;
        right:8px!important;
        grid-template-columns:repeat(4,minmax(0,1fr))!important;
    }
}

/* V5 professional command center pass: menu, panel, dock, map feedback. */
.island-fx-layer{
    position:absolute;
    inset:0;
    z-index:90;
    pointer-events:none;
    overflow:hidden;
}

.resource-float{
    position:absolute;
    display:inline-flex;
    align-items:center;
    gap:4px;
    min-width:42px;
    height:24px;
    padding:2px 7px 2px 3px;
    border-radius:999px;
    color:#fff7d5;
    font-size:11px;
    font-weight:950;
    background:linear-gradient(180deg,rgba(51,33,19,.96),rgba(20,13,8,.94));
    border:1px solid rgba(255,222,143,.64);
    box-shadow:0 8px 14px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.22);
    transform:translate(-50%,-50%);
    animation:resourceFloatUp 1.18s ease-out both;
}

.resource-float img{
    width:18px;
    height:18px;
    object-fit:contain;
    filter:drop-shadow(0 1px 1px rgba(0,0,0,.45));
}

.resource-float b{
    color:inherit;
    font-size:10px;
    white-space:nowrap;
}

.resource-float-gold{border-color:#f2c45f}
.resource-float-wood{border-color:#c77b3f}
.resource-float-stone{border-color:#d1d5cf}
.resource-float-iron{border-color:#8ea4bb}
.resource-float-pearls{border-color:#39dbe8}

.island-scroll-menu{
    width:166px!important;
    padding:13px 10px 12px!important;
    border-radius:12px!important;
    background:
        linear-gradient(180deg,rgba(255,224,154,.98),rgba(180,108,48,.98) 56%,rgba(96,55,29,.98))!important;
    border:2px solid rgba(70,39,18,.9)!important;
    box-shadow:
        0 5px 0 rgba(50,30,17,.78),
        0 16px 28px rgba(0,0,0,.28),
        inset 0 1px 0 rgba(255,255,255,.62),
        inset 0 -16px 24px rgba(88,43,18,.18)!important;
}

.island-scroll-menu:before{
    content:""!important;
    left:18px!important;
    right:18px!important;
    top:9px!important;
    height:5px!important;
    border-radius:999px!important;
    background:linear-gradient(90deg,transparent,#fff1bf,transparent)!important;
    opacity:.78!important;
}

.island-scroll-menu:after{
    content:""!important;
    left:12px!important;
    right:12px!important;
    bottom:8px!important;
    height:1px!important;
    background:linear-gradient(90deg,transparent,rgba(74,40,18,.72),transparent)!important;
}

.island-scroll-menu h2{
    height:46px!important;
    margin:12px 2px 12px!important;
    border-radius:7px!important;
    display:grid!important;
    place-items:center!important;
    color:#fff0c8!important;
    font-size:23px!important;
    letter-spacing:0!important;
    background:linear-gradient(180deg,#6e3e1d,#321d12)!important;
    border:1px solid rgba(255,226,161,.38)!important;
    box-shadow:0 4px 0 rgba(43,25,14,.72),inset 0 1px 0 rgba(255,255,255,.18)!important;
}

.scroll-command{
    position:relative!important;
    min-height:43px!important;
    justify-content:flex-start!important;
    gap:10px!important;
    padding:0 11px!important;
    border-radius:8px!important;
    color:#432412!important;
    font-size:13px!important;
    font-weight:950!important;
    background:linear-gradient(180deg,#ffe9b5,#d29445)!important;
    border:1px solid rgba(95,52,22,.56)!important;
    box-shadow:0 3px 0 rgba(105,61,27,.46),inset 0 1px 0 rgba(255,255,255,.48)!important;
}

.scroll-command svg{
    width:27px!important;
    height:27px!important;
    padding:6px!important;
    border-radius:7px!important;
    color:#ffe9ad!important;
    background:linear-gradient(180deg,#72411e,#3a2112)!important;
    border:1px solid rgba(255,224,143,.28)!important;
}

.scroll-command[data-panel-target="building-command"]:after,
.scroll-command[data-panel-target="crew-card"]:after,
.scroll-command[data-panel-target="research-card"]:after{
    content:"";
    position:absolute;
    right:8px;
    top:8px;
    width:8px;
    height:8px;
    border-radius:50%;
    background:#20dacb;
    border:1px solid rgba(31,24,12,.72);
    box-shadow:0 0 8px rgba(32,218,203,.72);
}

.scroll-command.active,
.scroll-command:hover{
    color:#fff5cf!important;
    background:linear-gradient(180deg,#b86125,#6f3214)!important;
    border-color:rgba(255,218,128,.68)!important;
    box-shadow:0 3px 0 rgba(57,31,16,.78),0 0 0 2px rgba(255,216,113,.13),inset 0 1px 0 rgba(255,255,255,.24)!important;
}

.scroll-command.command-sail{
    margin-top:3px!important;
    color:#1f0f04!important;
    background:linear-gradient(180deg,#ffc477,#f07e24)!important;
    border-color:#ffe0a4!important;
}

.command-menu-toggle{
    width:42px!important;
    height:42px!important;
    border-radius:0 11px 11px 0!important;
    background:linear-gradient(180deg,#6e3e1d,#321d12)!important;
    border:2px solid rgba(70,39,18,.86)!important;
    box-shadow:0 4px 0 rgba(45,26,15,.72),0 10px 16px rgba(0,0,0,.2)!important;
}

.panel{
    scrollbar-width:thin;
    scrollbar-color:#9a6630 #d7a965;
}

.panel-head{
    min-height:122px!important;
    align-items:center!important;
    gap:14px!important;
    background:
        radial-gradient(circle at 92% 8%,rgba(255,255,255,.46),transparent 23%),
        linear-gradient(135deg,#ffeab7,#e4b768 62%,#d1984a)!important;
}

.panel-head-icon{
    width:54px!important;
    height:54px!important;
    border-radius:12px!important;
    box-shadow:0 4px 0 rgba(120,72,27,.35),inset 0 1px 0 rgba(255,255,255,.52)!important;
}

.panel h2{
    font-size:30px!important;
    text-shadow:0 1px 0 rgba(255,255,255,.36)!important;
}

.panel-head span:not(.panel-head-icon){
    display:block!important;
    margin-bottom:3px!important;
    color:#10777d!important;
    font-size:11px!important;
}

.stat-grid{
    grid-template-columns:.92fr 1fr .92fr!important;
}

.stat-grid div{
    position:relative!important;
    overflow:hidden!important;
}

.stat-grid div:before{
    content:"";
    position:absolute;
    inset:0 0 auto;
    height:3px;
    background:linear-gradient(90deg,#b17132,#f1c35f,#28cfc5);
    opacity:.72;
}

.cost-box{
    position:relative!important;
    overflow:hidden!important;
}

.cost-box:before,
.system-card:before{
    content:"";
    position:absolute;
    left:12px;
    right:12px;
    top:0;
    height:1px;
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.7),transparent);
}

.systems-grid{
    grid-template-columns:1fr!important;
}

.system-card{
    position:relative!important;
    overflow:hidden!important;
    padding:13px 14px!important;
}

.system-card:not(.system-wide){
    min-height:0!important;
}

.system-card h3{
    min-height:24px!important;
    margin-bottom:9px!important;
    padding-bottom:7px!important;
    border-bottom:1px solid rgba(126,77,30,.24)!important;
}

.worker-slots{
    gap:7px!important;
}

.worker-slot{
    min-height:40px!important;
    padding:8px 10px!important;
}

.worker-slot.busy{
    background:linear-gradient(180deg,#ffe9b7,#dfad62)!important;
    border-color:rgba(0,112,128,.42)!important;
}

.speedup-list{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:8px!important;
}

.speedup-card{
    min-height:64px!important;
    aspect-ratio:auto!important;
}

.speedup-shop{
    gap:8px!important;
}

.daily-mission-row,
.panel .research-row{
    padding:9px!important;
}

.daily-mission-copy i{
    height:5px!important;
    background:linear-gradient(90deg,#b66d2d,#e6b75b,#26c9bd)!important;
}

.bonus-card{
    max-height:210px!important;
}

.building-dock{
    grid-template-columns:repeat(8,minmax(0,1fr))!important;
    padding:12px 12px 10px!important;
    background:
        linear-gradient(180deg,rgba(59,39,25,.96),rgba(21,15,11,.97)),
        radial-gradient(circle at 50% 0%,rgba(255,210,117,.14),transparent 60%)!important;
}

.building-dock:after{
    content:"";
    position:absolute;
    left:12px;
    right:12px;
    bottom:5px;
    height:1px;
    background:linear-gradient(90deg,transparent,rgba(255,223,145,.28),transparent);
}

.building-tab,
.building-tab:nth-child(n){
    position:relative!important;
    min-height:68px!important;
    height:68px!important;
    padding:8px!important;
    border-width:2px!important;
    box-shadow:0 3px 0 rgba(8,6,5,.32),inset 0 1px 0 rgba(255,255,255,.12)!important;
}

.building-tab:before{
    content:"";
    position:absolute;
    left:8px;
    right:8px;
    bottom:8px;
    height:7px;
    border-radius:999px;
    background:rgba(24,13,8,.42);
    border:1px solid rgba(255,221,143,.14);
}

.building-tab:after{
    content:"";
    position:absolute;
    left:9px;
    bottom:9px;
    width:var(--tab-progress,36%);
    max-width:calc(100% - 18px);
    height:5px;
    border-radius:999px;
    background:linear-gradient(90deg,#d19039,#f3ca6d,#28cfc5);
    box-shadow:0 0 9px rgba(40,207,197,.2);
}

.building-tab strong{
    font-size:12px!important;
    line-height:1.05!important;
}

.building-tab em{
    margin-top:2px!important;
    font-size:9px!important;
}

.building-tab small{
    height:15px!important;
    padding:0 5px!important;
    font-size:8px!important;
    line-height:13px!important;
    transform:translateY(-2px)!important;
}

.building-tab.active{
    transform:translateY(-2px)!important;
    box-shadow:
        0 4px 0 rgba(8,6,5,.42),
        0 0 0 2px rgba(255,221,104,.22),
        0 0 18px rgba(255,216,113,.18),
        inset 0 1px 0 rgba(255,255,255,.18)!important;
}

.building-tab.upgrading:after{
    width:72%;
    background:linear-gradient(90deg,#1f8f96,#31d4ca,#f3ca6d);
}

.building-tab.maxed:after{
    width:calc(100% - 18px);
}

.building-tab:nth-child(1){--tab-progress:47%}
.building-tab:nth-child(2){--tab-progress:14%}
.building-tab:nth-child(3){--tab-progress:40%}
.building-tab:nth-child(4){--tab-progress:34%}
.building-tab:nth-child(5){--tab-progress:37%}
.building-tab:nth-child(6){--tab-progress:20%}
.building-tab:nth-child(7){--tab-progress:7%}
.building-tab:nth-child(8){--tab-progress:10%}

.island-map.layered-assets .building.active .b-img{
    filter:
        drop-shadow(0 12px 9px rgba(37,22,8,.48))
        drop-shadow(0 0 15px rgba(255,215,103,.42))
        saturate(1.08) contrast(1.04)!important;
}

.island-map.layered-assets .building.active .b-name{
    transform:translateX(-50%) translateY(-2px)!important;
}

.island-map.layered-assets .building.just-collected .b-img{
    animation:buildingCollectFlash .68s ease both!important;
}

.island-map.layered-assets .building.ready:not(.upgrading):not(.constructing) .b-ready{
    background:radial-gradient(circle at 38% 30%,#e9fffc 0 16%,#36eadb 46%,#0b7d75 100%)!important;
    box-shadow:0 2px 5px rgba(0,0,0,.38),0 0 0 2px rgba(39,23,12,.62),0 0 14px rgba(47,224,211,.44)!important;
}

@keyframes resourceFloatUp{
    0%{opacity:0;transform:translate(-50%,2px) scale(.88)}
    16%{opacity:1;transform:translate(-50%,-8px) scale(1)}
    75%{opacity:1}
    100%{opacity:0;transform:translate(-50%,-52px) scale(.94)}
}

@keyframes buildingCollectFlash{
    0%{transform:scale(1);filter:drop-shadow(0 8px 6px rgba(61,38,18,.28))}
    48%{transform:scale(1.045);filter:drop-shadow(0 10px 8px rgba(61,38,18,.36)) drop-shadow(0 0 16px rgba(49,229,214,.52))}
    100%{transform:scale(1);filter:drop-shadow(0 8px 6px rgba(61,38,18,.28))}
}

@media(max-width:1450px){
    .building-dock{
        grid-template-columns:repeat(4,minmax(0,1fr))!important;
    }
    .building-tab{
        min-height:58px!important;
        height:58px!important;
    }
    .island-scroll-menu{
        width:154px!important;
    }
}

@media(max-width:1180px){
    .building-dock{
        grid-template-columns:repeat(4,minmax(0,1fr))!important;
    }
    .panel-head{
        min-height:104px!important;
    }
    .systems-grid{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
    }
    .system-wide{
        grid-column:1 / -1!important;
    }
}

@media(max-width:760px){
    .island-scroll-menu{
        width:150px!important;
        transform:scale(.82)!important;
    }
    .building-dock{
        display:flex!important;
        grid-template-columns:none!important;
        padding:11px 9px!important;
    }
    .building-tab,
    .building-tab:nth-child(n){
        flex:0 0 176px!important;
        min-height:66px!important;
        height:66px!important;
    }
    .panel-head{
        min-height:96px!important;
    }
    .panel h2{
        font-size:25px!important;
    }
    .systems-grid{
        grid-template-columns:1fr!important;
    }
    .speedup-list,
    .speedup-shop,
    .crew-grid{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
    }
}

/* V6 final override: must stay at the end of this file. */
body{
    background:
        radial-gradient(circle at 52% 0%,rgba(255,217,120,.14),transparent 24%),
        linear-gradient(180deg,#3d3127 0,#211912 100%)!important;
}

.topbar{
    min-height:104px!important;
    padding:13px 16px!important;
    gap:14px!important;
    background:linear-gradient(180deg,rgba(77,60,43,.98),rgba(38,28,20,.99) 62%,rgba(22,15,10,.99))!important;
    border-bottom:4px solid #744418!important;
    box-shadow:0 8px 0 rgba(17,11,7,.45),0 18px 34px rgba(0,0,0,.28)!important;
}

.brand{
    order:3!important;
    min-width:218px!important;
    padding:8px 11px!important;
    border-radius:10px!important;
    background:linear-gradient(180deg,#3a2a1e,#1d140e)!important;
    border:1px solid rgba(246,207,114,.42)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 3px 0 rgba(0,0,0,.3)!important;
}

.brand h1{
    color:#fff0c4!important;
    font-size:22px!important;
    line-height:1!important;
    text-shadow:0 2px 0 rgba(0,0,0,.36)!important;
}

.brand p{
    color:#e2bd78!important;
    font-weight:800!important;
}

.brand-mark{
    width:48px!important;
    height:48px!important;
    border-radius:10px!important;
    color:#ffe28b!important;
    background:linear-gradient(180deg,#176e80,#0d3944)!important;
    border:2px solid #d18a33!important;
}

.resource-row{
    flex:1 1 auto!important;
    gap:10px!important;
}

.resource{
    min-height:58px!important;
    border-radius:9px!important;
    padding:7px 13px 7px 7px!important;
    background:linear-gradient(180deg,rgba(36,27,20,.98),rgba(14,11,9,.98))!important;
    border-width:2px!important;
    box-shadow:0 4px 0 rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.16)!important;
}

.resource strong{
    color:#fff8df!important;
    font-size:19px!important;
    text-shadow:0 2px 0 rgba(0,0,0,.45)!important;
}

.resource span:not(.resource-icon-frame){
    color:#ffe1a0!important;
    font-size:10px!important;
    letter-spacing:.7px!important;
}

.top-actions{
    order:2!important;
    gap:10px!important;
}

.top-actions .ghost-btn,
.top-actions .primary-btn{
    min-height:52px!important;
    border-radius:9px!important;
    font-size:14px!important;
    box-shadow:0 4px 0 rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.26)!important;
}

.island-shell{
    gap:10px!important;
    padding:11px 10px 10px!important;
    grid-template-columns:minmax(0,1fr) 396px!important;
}

.island-map{
    border:3px solid #6b3b18!important;
    border-radius:9px!important;
    box-shadow:0 0 0 1px rgba(255,206,111,.24),0 20px 42px rgba(0,0,0,.34)!important;
}

.island-map:after{
    content:"";
    position:absolute;
    inset:0;
    z-index:2;
    pointer-events:none;
    background:
        linear-gradient(180deg,rgba(255,238,181,.08),transparent 16%),
        radial-gradient(circle at 50% 50%,transparent 52%,rgba(14,8,4,.18) 100%);
}

.panel{
    padding:13px!important;
    border-radius:10px!important;
    background:linear-gradient(180deg,#4c321c 0,#2f1e12 28%,#21150e 100%)!important;
    border:3px solid #7b4b20!important;
    box-shadow:0 0 0 1px rgba(255,221,143,.28),0 18px 40px rgba(0,0,0,.36),inset 0 1px 0 rgba(255,255,255,.11)!important;
    color:#fff1c9!important;
    scrollbar-color:#d0913f #2b190e!important;
}

.panel-head{
    min-height:112px!important;
    padding:15px!important;
    border-radius:8px!important;
    background:
        radial-gradient(circle at 92% 15%,rgba(56,215,207,.24),transparent 26%),
        linear-gradient(135deg,#f8daa1 0,#e0a85e 52%,#995322 100%)!important;
    border:2px solid rgba(255,238,190,.58)!important;
    box-shadow:0 4px 0 rgba(55,28,10,.55),inset 0 1px 0 rgba(255,255,255,.48)!important;
}

.panel-head-icon{
    color:#351d0c!important;
    background:linear-gradient(180deg,#ffd98d,#ba6c25)!important;
    border:2px solid rgba(75,39,12,.46)!important;
}

.panel-head span:not(.panel-head-icon){
    color:#1d5c62!important;
    font-size:11px!important;
    font-weight:950!important;
    letter-spacing:2.4px!important;
}

.panel h2{
    color:#2d1709!important;
    font-size:29px!important;
    line-height:1.02!important;
    text-shadow:0 1px 0 rgba(255,247,215,.72)!important;
}

.panel p,
.system-card p,
.bonus-card li,
.panel .research-row span,
.daily-mission-copy span{
    color:#f8e2aa!important;
}

.stat-grid div,
.cost-box,
.system-card,
.bonus-card{
    border-radius:9px!important;
    background:linear-gradient(180deg,#f6dca7,#d9a764)!important;
    border:1px solid rgba(81,44,16,.55)!important;
    box-shadow:0 3px 0 rgba(46,25,12,.36),inset 0 1px 0 rgba(255,255,255,.45)!important;
    color:#2c1708!important;
}

.stat-grid span,
#panel-cost-label,
.system-card h3,
.bonus-card h3{
    color:#6f3a13!important;
    font-weight:950!important;
}

.stat-grid strong,
#panel-cost,
.cost-item,
.system-card strong,
.worker-slot strong,
.daily-mission-copy strong,
.panel .research-row strong{
    color:#201006!important;
    text-shadow:0 1px 0 rgba(255,244,210,.48)!important;
}

.level-track{
    height:11px!important;
    margin:9px 1px 12px!important;
    border-radius:999px!important;
    background:#24130a!important;
    border:1px solid rgba(255,220,138,.32)!important;
}

.level-track span{
    height:100%!important;
    border-radius:999px!important;
    background:linear-gradient(90deg,#c27529,#f7cf72,#38d7cf)!important;
    box-shadow:0 0 12px rgba(56,215,207,.35)!important;
}

.wide.primary-btn,
#upgrade-btn{
    height:48px!important;
    border-radius:9px!important;
    color:#251306!important;
    background:linear-gradient(180deg,#ffe695,#de8b2e 72%,#a95b1d)!important;
    border:2px solid #fff0b7!important;
    box-shadow:0 4px 0 #70330e,0 0 18px rgba(255,197,72,.18),inset 0 1px 0 rgba(255,255,255,.54)!important;
}

.worker-slot,
.panel .research-row,
.daily-mission-row{
    border-radius:8px!important;
    background:linear-gradient(180deg,#fff1c9,#e4bb77)!important;
    border:1px solid rgba(102,60,22,.42)!important;
    color:#281407!important;
}

.worker-slot span,
.worker-slot.busy span,
.worker-slot.busy strong{
    color:#201006!important;
}

.worker-slot.busy{
    background:linear-gradient(180deg,#f9e2ae,#d19144)!important;
}

.speedup-card,
.speedup-shop .mini-btn,
.crew-grid .mini-btn,
#hire-worker-btn,
.promote-btn,
.daily-mission-row .mini-btn{
    border-radius:8px!important;
    color:#fff4cf!important;
    background:linear-gradient(180deg,#327d79,#184a46)!important;
    border:1px solid rgba(158,255,238,.44)!important;
    box-shadow:0 3px 0 rgba(18,46,43,.72),inset 0 1px 0 rgba(255,255,255,.18)!important;
}

#hire-worker-btn{
    background:linear-gradient(180deg,#df5fa4,#9e2769)!important;
    border-color:rgba(255,210,236,.6)!important;
}

.speedup-shop .mini-btn{
    background:linear-gradient(180deg,#38c875,#0d7c3b)!important;
    border-color:rgba(194,255,206,.58)!important;
}

.island-scroll-menu{
    width:172px!important;
    background:linear-gradient(180deg,#56351f,#2b190e 72%,#170d08)!important;
    border:3px solid #8e5726!important;
    box-shadow:0 0 0 1px rgba(255,218,134,.25),0 8px 0 rgba(29,15,7,.62),0 22px 38px rgba(0,0,0,.34)!important;
}

.island-scroll-menu h2{
    color:#2a1508!important;
    background:linear-gradient(180deg,#ffe8a8,#ce7d2d)!important;
    border-color:#fff0bc!important;
    text-shadow:0 1px 0 rgba(255,255,255,.45)!important;
}

.scroll-command{
    color:#fff1c0!important;
    background:linear-gradient(180deg,#6c4124,#321d10)!important;
    border:1px solid rgba(255,218,134,.38)!important;
}

.scroll-command svg{
    color:#2b1708!important;
    background:linear-gradient(180deg,#ffd979,#bd7328)!important;
}

.scroll-command.active,
.scroll-command:hover{
    background:linear-gradient(180deg,#f0a84d,#9b4f1b)!important;
    color:#261205!important;
    border-color:#fff1bb!important;
}

.scroll-command.command-sail{
    background:linear-gradient(180deg,#ffb35a,#c75319)!important;
}

.building-dock{
    left:20px!important;
    right:20px!important;
    bottom:16px!important;
    padding:13px!important;
    border-radius:12px!important;
    background:
        radial-gradient(circle at 50% 0%,rgba(255,213,107,.16),transparent 62%),
        linear-gradient(180deg,#4a2d19,#1d120b)!important;
    border:3px solid #8e5726!important;
    box-shadow:0 0 0 1px rgba(255,218,134,.26),0 12px 0 rgba(29,15,7,.44),0 24px 44px rgba(0,0,0,.38)!important;
}

.building-tab,
.building-tab:nth-child(n){
    min-height:72px!important;
    height:72px!important;
    border-radius:9px!important;
    color:#fff2c7!important;
    border-width:2px!important;
    box-shadow:0 4px 0 rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.16)!important;
}

.building-tab strong,
.building-tab em,
.building-tab small{
    color:#fff2c7!important;
    text-shadow:0 1px 0 rgba(0,0,0,.48)!important;
}

.building-tab svg{
    color:#231307!important;
    background:linear-gradient(180deg,#ffdb83,#b76525)!important;
    border-color:rgba(255,238,184,.62)!important;
}

.building-tab.active{
    transform:translateY(-4px)!important;
    border-color:#ffe48d!important;
    box-shadow:0 6px 0 rgba(0,0,0,.34),0 0 0 3px rgba(255,223,112,.22),0 0 22px rgba(255,207,82,.24),inset 0 1px 0 rgba(255,255,255,.22)!important;
}

.building-tab.ready{
    animation:buildingReadyPulse 1.55s ease-in-out infinite;
}

.island-map.layered-assets .building .b-name{
    min-height:28px!important;
    padding:5px 10px!important;
    border-radius:8px!important;
    background:linear-gradient(180deg,rgba(52,31,16,.96),rgba(16,10,6,.96))!important;
    border:1px solid rgba(255,221,143,.48)!important;
    box-shadow:0 4px 0 rgba(0,0,0,.28),0 10px 18px rgba(0,0,0,.25)!important;
}

.island-map.layered-assets .building .b-tier,
.island-map.layered-assets .building .b-build,
.island-map.layered-assets .building .b-ready,
.island-map.layered-assets .building .b-time{
    box-shadow:0 3px 0 rgba(0,0,0,.28),0 0 0 2px rgba(47,27,12,.6)!important;
}

.island-map.layered-assets .building.ready:not(.upgrading):not(.constructing) .b-ready{
    display:grid!important;
}

@keyframes buildingReadyPulse{
    0%,100%{filter:saturate(1);box-shadow:0 4px 0 rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.16)}
    50%{filter:saturate(1.18);box-shadow:0 4px 0 rgba(0,0,0,.28),0 0 18px rgba(56,215,207,.32),inset 0 1px 0 rgba(255,255,255,.18)}
}

@media(max-width:1450px){
    .island-shell{
        grid-template-columns:minmax(0,1fr) 372px!important;
    }
    .building-dock{
        grid-template-columns:repeat(4,minmax(0,1fr))!important;
    }
}

@media(max-width:760px){
    .topbar{
        min-height:auto!important;
    }
    .brand{
        order:0!important;
    }
    .island-shell{
        grid-template-columns:1fr!important;
    }
    .building-dock{
        left:auto!important;
        right:auto!important;
        bottom:auto!important;
    }
}

/* Wide thin HUD final fix: this is the actual final override. */
#base-app > .topbar{
    position:absolute!important;
    top:10px!important;
    left:12px!important;
    right:12px!important;
    height:54px!important;
    min-height:54px!important;
    display:grid!important;
    grid-template-columns:220px minmax(0,1fr) 300px!important;
    align-items:center!important;
    gap:8px!important;
    padding:6px 8px!important;
    overflow:hidden!important;
    border-radius:16px!important;
    background:linear-gradient(180deg,rgba(18,27,39,.76),rgba(7,12,20,.64))!important;
    border:1px solid rgba(255,255,255,.12)!important;
    box-shadow:0 18px 46px rgba(0,0,0,.38)!important;
    backdrop-filter:blur(18px)!important;
}

#base-app > .topbar > .brand{
    order:1!important;
    grid-column:1!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:42px!important;
}

#base-app > .topbar > .resource-row{
    order:2!important;
    grid-column:2!important;
    min-width:0!important;
    overflow:hidden!important;
    justify-content:center!important;
}

#base-app > .topbar > .top-actions{
    order:3!important;
    grid-column:3!important;
    min-width:0!important;
    justify-content:end!important;
}

#base-app > .topbar .resource{
    min-width:88px!important;
    width:88px!important;
    height:36px!important;
    min-height:36px!important;
    padding:4px 8px!important;
}

#base-app > .topbar .resource-icon-frame{
    width:24px!important;
    height:24px!important;
}

#base-app > .topbar .resource strong{
    font-size:13px!important;
}

#base-app > .topbar .top-actions .ghost-btn,
#base-app > .topbar .top-actions .primary-btn{
    height:36px!important;
    min-height:36px!important;
    padding:0 11px!important;
    font-size:12px!important;
}

#base-app > .island-shell{
    position:absolute!important;
    inset:72px 12px 10px 12px!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 258px!important;
    gap:10px!important;
    padding:0!important;
}

#base-app .island-map{
    border-radius:24px!important;
    border:1px solid rgba(255,255,255,.11)!important;
    box-shadow:inset 0 0 90px rgba(0,0,0,.28),0 18px 46px rgba(0,0,0,.38)!important;
}

#base-app .panel{
    padding:12px!important;
    border-radius:18px!important;
    background:linear-gradient(180deg,rgba(18,27,39,.76),rgba(7,12,20,.66))!important;
    border:1px solid rgba(255,255,255,.12)!important;
    box-shadow:0 18px 46px rgba(0,0,0,.38)!important;
}

#base-app .island-scroll-menu{
    width:48px!important;
    padding:6px!important;
}

#base-app .island-scroll-menu h2,
#base-app .scroll-command span{
    display:none!important;
}

#base-app .scroll-command{
    width:36px!important;
    height:36px!important;
    min-height:36px!important;
    padding:0!important;
}

#base-app .building-dock{
    left:70px!important;
    right:12px!important;
    bottom:10px!important;
    height:46px!important;
    padding:5px!important;
    gap:5px!important;
    grid-template-columns:repeat(8,minmax(0,1fr))!important;
}

#base-app .building-tab,
#base-app .building-tab:nth-child(n){
    min-height:36px!important;
    height:36px!important;
    padding:4px 7px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:6px!important;
}

#base-app .building-tab:before,
#base-app .building-tab:after,
#base-app .building-tab:nth-child(n):before,
#base-app .building-tab:nth-child(n):after{
    content:none!important;
    display:none!important;
}

#base-app .building-tab em{
    display:none!important;
}

#base-app .building-tab svg{
    width:20px!important;
    height:20px!important;
    padding:4px!important;
}

#base-app .building-tab strong{
    max-width:78px!important;
    font-size:10px!important;
}

#base-app .building-tab small{
    min-width:auto!important;
    padding:0!important;
    background:transparent!important;
    border:0!important;
    font-size:9px!important;
}

@media(max-width:1450px){
    #base-app > .topbar{
        grid-template-columns:188px minmax(0,1fr) 260px!important;
    }
    #base-app > .topbar .resource{
        min-width:76px!important;
        width:76px!important;
    }
    #base-app > .island-shell{
        grid-template-columns:minmax(0,1fr) 246px!important;
    }
    #base-app .building-dock{
        grid-template-columns:repeat(4,minmax(0,1fr))!important;
        height:96px!important;
    }
}

/* Wide thin HUD content fit pass. */
#base-app > .topbar{
    grid-template-columns:220px minmax(0,1fr) 300px!important;
}

#base-app > .island-shell{
    grid-template-columns:minmax(0,1fr) 300px!important;
}

#base-app .panel-head{
    min-height:86px!important;
    display:flex!important;
    align-items:center!important;
    gap:11px!important;
}

#base-app .panel-head > div{
    min-width:0!important;
}

#base-app .panel h2{
    font-size:22px!important;
    line-height:1.02!important;
    overflow-wrap:normal!important;
    text-wrap:balance!important;
}

#base-app .panel p{
    font-size:11px!important;
    line-height:1.3!important;
}

#base-app .stat-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
}

#base-app .stat-grid strong{
    font-size:12px!important;
    line-height:1.15!important;
}

#base-app #panel-cost{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
}

#base-app #panel-time,
#base-app .upgrade-time{
    line-height:1.25!important;
}

#base-app .worker-slot strong{
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
}

@media(max-width:1450px){
    #base-app > .island-shell{
        grid-template-columns:minmax(0,1fr) 286px!important;
    }
    #base-app .panel h2{
        font-size:20px!important;
    }
}

/* Wide thin HUD v2: prevent text collision in the right panel and bottom dock. */
#base-app > .island-shell{
    grid-template-columns:minmax(0,1fr) 330px!important;
}

#base-app .panel{
    overflow-y:auto!important;
    overflow-x:hidden!important;
    scrollbar-gutter:stable!important;
}

#base-app .panel-head{
    min-height:92px!important;
    padding-bottom:12px!important;
}

#base-app .panel-head-icon{
    flex:0 0 44px!important;
}

#base-app .panel h2{
    font-size:21px!important;
    line-height:1.05!important;
    max-width:100%!important;
    overflow-wrap:break-word!important;
    word-break:normal!important;
}

#base-app .panel p{
    font-size:11px!important;
    line-height:1.28!important;
    max-width:100%!important;
}

#base-app .stat-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    align-items:stretch!important;
}

#base-app .stat-grid div{
    min-width:0!important;
    min-height:62px!important;
}

#base-app .stat-grid span{
    white-space:nowrap!important;
}

#base-app .stat-grid strong{
    display:block!important;
    max-width:100%!important;
    font-size:12px!important;
    line-height:1.12!important;
    overflow-wrap:break-word!important;
}

#base-app #panel-cost{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:7px!important;
}

#base-app #panel-cost .cost-item{
    min-width:0!important;
    justify-content:center!important;
    padding:6px!important;
}

#base-app #panel-cost .cost-item b{
    min-width:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
}

#base-app .worker-slot{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    column-gap:8px!important;
}

#base-app .worker-slot strong,
#base-app .worker-slot span{
    min-width:0!important;
}

#base-app .speedup-list{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
}

#base-app .speedup-card{
    min-width:0!important;
}

#base-app .speedup-card span:not(.speedup-icon){
    font-size:10px!important;
    white-space:normal!important;
    line-height:1.05!important;
}

#base-app .building-dock{
    height:54px!important;
    grid-template-columns:repeat(8,minmax(0,1fr))!important;
    align-items:center!important;
}

#base-app .building-tab,
#base-app .building-tab:nth-child(n){
    height:44px!important;
    min-height:44px!important;
    display:grid!important;
    grid-template-columns:24px minmax(0,1fr) 34px!important;
    grid-template-rows:1fr!important;
    align-items:center!important;
    justify-content:initial!important;
    gap:6px!important;
    padding:5px 7px!important;
    overflow:hidden!important;
}

#base-app .building-tab svg{
    grid-column:1!important;
    width:22px!important;
    height:22px!important;
}

#base-app .building-tab span{
    grid-column:2!important;
    min-width:0!important;
    display:block!important;
}

#base-app .building-tab strong{
    display:block!important;
    max-width:100%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    font-size:10px!important;
}

#base-app .building-tab small{
    grid-column:3!important;
    min-width:0!important;
    justify-self:end!important;
    max-width:34px!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    font-size:8px!important;
}

@media(max-width:1450px){
    #base-app > .island-shell{
        grid-template-columns:minmax(0,1fr) 310px!important;
    }
    #base-app .building-dock{
        height:98px!important;
        grid-template-columns:repeat(4,minmax(0,1fr))!important;
    }
}

/* Wide thin HUD v2.1: keep right-panel speedup controls readable. */
#base-app .speedup-list{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:7px!important;
}

#base-app .speedup-card{
    min-height:38px!important;
    display:grid!important;
    grid-template-columns:30px minmax(0,1fr) auto!important;
    align-items:center!important;
    justify-items:start!important;
    gap:8px!important;
    padding:6px 9px!important;
}

#base-app .speedup-card .speedup-icon{
    width:26px!important;
    height:26px!important;
}

#base-app .speedup-card span:not(.speedup-icon){
    white-space:nowrap!important;
    font-size:11px!important;
}

#base-app .speedup-card b{
    justify-self:end!important;
    min-width:28px!important;
    text-align:center!important;
    white-space:nowrap!important;
}

/* Wide thin HUD v3: mobile landscape game viewport. */
@media (max-width: 950px) and (max-height: 520px) and (orientation: landscape){
    html,
    body{
        width:100%!important;
        height:100%!important;
        overflow:hidden!important;
        background:#07121d!important;
    }

    #base-app{
        height:100dvh!important;
        min-height:100svh!important;
        padding:0!important;
        overflow:hidden!important;
    }

    #base-app > .topbar{
        top:6px!important;
        left:6px!important;
        right:6px!important;
        height:42px!important;
        min-height:42px!important;
        grid-template-columns:150px minmax(0,1fr) auto!important;
        gap:5px!important;
        padding:4px 5px!important;
        border-radius:12px!important;
    }

    #base-app > .topbar > .brand{
        height:34px!important;
        min-height:34px!important;
        padding:3px 6px!important;
        gap:6px!important;
        border-radius:10px!important;
    }

    #base-app > .topbar .brand-mark{
        width:30px!important;
        height:30px!important;
        border-radius:9px!important;
    }

    #base-app > .topbar .brand h1{
        font-size:13px!important;
        white-space:nowrap!important;
        overflow:hidden!important;
        text-overflow:ellipsis!important;
    }

    #base-app > .topbar .brand p{
        font-size:8px!important;
        margin-top:1px!important;
    }

    #base-app > .topbar > .resource-row{
        gap:4px!important;
        overflow:hidden!important;
        justify-content:flex-start!important;
    }

    #base-app > .topbar .resource{
        width:58px!important;
        min-width:58px!important;
        height:31px!important;
        min-height:31px!important;
        padding:3px 4px!important;
        gap:3px!important;
        border-radius:9px!important;
    }

    #base-app > .topbar .resource-icon-frame,
    #base-app > .topbar .resource-png{
        width:20px!important;
        height:20px!important;
    }

    #base-app > .topbar .resource span:not(.resource-icon-frame){
        font-size:7px!important;
        line-height:1!important;
    }

    #base-app > .topbar .resource strong{
        font-size:10px!important;
    }

    #base-app > .topbar > .top-actions{
        display:none!important;
    }

    #base-app > .island-shell{
        position:absolute!important;
        inset:54px 6px 6px 6px!important;
        display:grid!important;
        grid-template-columns:minmax(0,1fr) clamp(188px,32vw,250px)!important;
        gap:6px!important;
        padding:0!important;
        min-height:0!important;
    }

    #base-app .island-map{
        min-height:0!important;
        height:auto!important;
        border-radius:14px!important;
    }

    #base-app .island-bg{
        transform:scale(1.08)!important;
        transform-origin:center center!important;
    }

    #base-app .island-scroll-menu{
        left:6px!important;
        top:6px!important;
        width:38px!important;
        padding:4px!important;
        gap:4px!important;
        border-radius:12px!important;
    }

    #base-app .scroll-command{
        width:30px!important;
        height:30px!important;
        min-height:30px!important;
        border-radius:9px!important;
    }

    #base-app .scroll-command svg{
        width:21px!important;
        height:21px!important;
        padding:4px!important;
    }

    #base-app .command-menu-toggle{
        left:48px!important;
        top:12px!important;
        width:26px!important;
        height:26px!important;
    }

    #base-app .panel{
        min-height:0!important;
        height:auto!important;
        padding:8px!important;
        border-radius:14px!important;
    }

    #base-app .panel-head{
        min-height:60px!important;
        padding-bottom:7px!important;
        gap:7px!important;
    }

    #base-app .panel-head-icon{
        width:34px!important;
        height:34px!important;
        flex-basis:34px!important;
        border-radius:10px!important;
    }

    #base-app .panel h2{
        font-size:15px!important;
        line-height:1.02!important;
    }

    #base-app .panel p{
        font-size:9px!important;
        line-height:1.18!important;
    }

    #base-app .stat-grid{
        gap:5px!important;
    }

    #base-app .stat-grid div{
        min-height:44px!important;
        padding:6px!important;
    }

    #base-app .stat-grid span{
        font-size:7px!important;
        letter-spacing:.35px!important;
    }

    #base-app .stat-grid strong{
        font-size:10px!important;
    }

    #base-app .level-track{
        height:4px!important;
        margin:6px 0!important;
    }

    #base-app .cost-box{
        padding:7px!important;
    }

    #base-app #panel-cost-label{
        font-size:8px!important;
    }

    #base-app #panel-cost{
        gap:4px!important;
    }

    #base-app #panel-cost .cost-item{
        padding:4px!important;
        font-size:10px!important;
    }

    #base-app #panel-time{
        font-size:9px!important;
    }

    #base-app #upgrade-btn{
        height:34px!important;
        margin-top:6px!important;
        font-size:10px!important;
    }

    #base-app .systems-grid{
        gap:6px!important;
        margin-top:6px!important;
    }

    #base-app .system-card{
        padding:7px!important;
        border-radius:11px!important;
    }

    #base-app .system-card h3{
        font-size:10px!important;
        margin-bottom:5px!important;
    }

    #base-app .system-card p{
        font-size:8px!important;
        margin-bottom:5px!important;
    }

    #base-app #crew-card,
    #base-app #research-card,
    #base-app #daily-missions-card,
    #base-app .bonus-card{
        display:none!important;
    }

    #base-app .worker-slot{
        min-height:28px!important;
        padding:5px!important;
        font-size:9px!important;
    }

    #base-app .speedup-list{
        grid-template-columns:1fr!important;
        gap:5px!important;
    }

    #base-app .speedup-card{
        min-height:30px!important;
        padding:4px 6px!important;
        grid-template-columns:24px minmax(0,1fr) auto!important;
        font-size:9px!important;
    }

    #base-app .building-dock{
        left:48px!important;
        right:6px!important;
        bottom:6px!important;
        height:38px!important;
        padding:4px!important;
        gap:4px!important;
        display:flex!important;
        overflow-x:auto!important;
        overflow-y:hidden!important;
        border-radius:12px!important;
        scrollbar-width:none!important;
    }

    #base-app .building-dock::-webkit-scrollbar{
        display:none!important;
    }

    #base-app .building-tab,
    #base-app .building-tab:nth-child(n){
        flex:0 0 86px!important;
        height:30px!important;
        min-height:30px!important;
        grid-template-columns:20px minmax(0,1fr)!important;
        padding:3px 5px!important;
        gap:4px!important;
        border-radius:9px!important;
    }

    #base-app .building-tab svg{
        width:18px!important;
        height:18px!important;
        padding:3px!important;
    }

    #base-app .building-tab strong{
        font-size:8px!important;
    }

    #base-app .building-tab small{
        display:none!important;
    }

    #base-app .island-map.layered-assets .building .b-name{
        font-size:8px!important;
        padding:2px 5px!important;
    }
}

@media (max-width: 760px) and (orientation: portrait){
    body{
        overflow:auto!important;
    }

    #base-app{
        height:auto!important;
        min-height:100svh!important;
        padding:8px!important;
    }

    #base-app > .topbar,
    #base-app > .island-shell{
        position:relative!important;
        inset:auto!important;
    }

    #base-app > .topbar{
        height:auto!important;
        grid-template-columns:1fr!important;
        margin-bottom:8px!important;
    }

    #base-app > .island-shell{
        grid-template-columns:1fr!important;
    }

    #base-app .island-map{
        min-height:560px!important;
    }

    #base-app .panel{
        max-height:none!important;
    }
}

/* V35 final readability layer: keep text/background contrast after all visual overrides. */
#base-app .panel{
    color:#f6fffb!important;
}
#base-app .panel-head,
#base-app .stat-grid div,
#base-app .cost-box,
#base-app .system-card,
#base-app .bonus-card{
    border-color:rgba(245,208,122,.32)!important;
    background:linear-gradient(180deg,rgba(10,24,30,.98),rgba(4,12,17,.98))!important;
    color:#f6fffb!important;
    box-shadow:0 14px 30px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.07)!important;
}
#base-app .panel-head h2,
#base-app .system-card h3,
#base-app .bonus-card h3,
#base-app .cost-box > span,
#base-app .stat-grid strong{
    color:#ffe6a1!important;
    text-shadow:0 2px 2px rgba(0,0,0,.72)!important;
}
#base-app .panel-head p,
#base-app .panel-head span,
#base-app .system-card p,
#base-app .stat-grid span,
#base-app .upgrade-time,
#base-app #upgrade-msg{
    color:#d7fff7!important;
    text-shadow:0 1px 2px rgba(0,0,0,.7)!important;
}
#base-app .cost-item,
#base-app .worker-slot,
#base-app .mini-btn,
#base-app .speedup-card,
#base-app .buy-speedup-btn{
    border-color:rgba(255,255,255,.16)!important;
    background:linear-gradient(180deg,#16313a,#08171d)!important;
    color:#f7fffb!important;
    text-shadow:0 1px 2px rgba(0,0,0,.75)!important;
}
#base-app .primary-btn.wide,
#base-app #upgrade-btn{
    background:linear-gradient(180deg,#f3c86d,#9a5b18)!important;
    color:#130c04!important;
    text-shadow:none!important;
    border-color:#ffe6a1!important;
}

#base-app .bonus-card{
    display:block!important;
    flex:0 0 auto!important;
    width:100%!important;
    min-height:max-content!important;
    height:auto!important;
    max-height:none!important;
    overflow:visible!important;
    box-sizing:border-box!important;
    padding:14px!important;
    margin-top:12px!important;
    border-radius:10px!important;
}
#base-app .bonus-card ul{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:6px!important;
    margin:0!important;
    padding:0!important;
    list-style:none!important;
    overflow:visible!important;
}
#base-app .bonus-card li{
    min-height:28px!important;
    padding:7px 10px 7px 26px!important;
    border:1px solid rgba(255,255,255,.12)!important;
    border-radius:7px!important;
    background:rgba(0,0,0,.36)!important;
    color:#f6fffb!important;
    font-weight:850!important;
    line-height:1.25!important;
    text-shadow:0 1px 2px rgba(0,0,0,.82)!important;
}
#base-app .bonus-card li:before{
    left:10px!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    background:#ffd36f!important;
    box-shadow:0 0 10px rgba(255,211,111,.5)!important;
}

#base-app .island-scroll-menu,
#base-app .building-dock{
    border-color:rgba(245,208,122,.42)!important;
    background:linear-gradient(180deg,rgba(4,12,17,.98),rgba(1,6,10,.96))!important;
    box-shadow:0 18px 42px rgba(0,0,0,.48),inset 0 1px 0 rgba(255,255,255,.08)!important;
}
#base-app .island-scroll-menu h2,
#base-app .island-scroll-menu h2 span{
    color:#ffe8a6!important;
}
#base-app .scroll-command,
#base-app .building-tab,
#base-app .building-tab:nth-child(n){
    border-color:rgba(255,255,255,.16)!important;
    background:linear-gradient(180deg,#142d35,#07151a)!important;
    color:#f7fffb!important;
    text-shadow:0 1px 2px rgba(0,0,0,.85)!important;
}
#base-app .scroll-command span,
#base-app .building-tab strong{
    color:#f7fffb!important;
    font-weight:900!important;
}
#base-app .building-tab em,
#base-app .building-tab small{
    color:#c7fff5!important;
}
#base-app .scroll-command svg,
#base-app .building-tab svg{
    color:#ffe8a6!important;
    background:rgba(0,0,0,.28)!important;
    border-color:rgba(255,232,166,.32)!important;
}
#base-app .scroll-command:hover,
#base-app .scroll-command.active,
#base-app .building-tab.active{
    border-color:#ffd36f!important;
    background:linear-gradient(180deg,#f0c264,#8c5318)!important;
    color:#130c04!important;
    text-shadow:none!important;
}
#base-app .scroll-command:hover span,
#base-app .scroll-command.active span,
#base-app .building-tab.active strong,
#base-app .building-tab.active em,
#base-app .building-tab.active small{
    color:#130c04!important;
    text-shadow:none!important;
}

/* V36 research readability and mobile speedup layout fix. */
#base-app .panel .research-list{
    gap:10px!important;
}
#base-app .panel .research-row,
#base-app .panel .research-row:nth-child(n){
    grid-template-columns:minmax(0,1fr) 108px!important;
    gap:12px!important;
    align-items:center!important;
    min-height:86px!important;
    padding:12px!important;
    border-radius:9px!important;
    border:1px solid rgba(245,208,122,.3)!important;
    border-left:4px solid rgba(255,211,111,.82)!important;
    background:linear-gradient(180deg,rgba(8,20,26,.98),rgba(3,10,14,.98))!important;
    color:#f8fffc!important;
    box-shadow:0 10px 20px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.06)!important;
}
#base-app .panel .research-row > div{
    min-width:0!important;
}
#base-app .panel .research-row strong{
    display:block!important;
    color:#fff2bd!important;
    font-size:14px!important;
    line-height:1.25!important;
    text-shadow:0 2px 2px rgba(0,0,0,.78)!important;
}
#base-app .panel .research-row em{
    color:#25dcff!important;
    font-style:normal!important;
    font-weight:950!important;
    white-space:nowrap!important;
    text-shadow:0 1px 2px rgba(0,0,0,.78)!important;
}
#base-app .panel .research-row span{
    display:block!important;
    margin-top:6px!important;
    color:#ecfff9!important;
    font-size:11px!important;
    line-height:1.35!important;
    font-weight:750!important;
    text-shadow:0 1px 2px rgba(0,0,0,.88)!important;
}
#base-app .panel .research-row.locked{
    opacity:.86!important;
    filter:none!important;
}
#base-app .panel .research-row.locked span{
    color:#d2e7e2!important;
}
#base-app .panel .research-row .mini-btn{
    width:108px!important;
    min-width:108px!important;
    min-height:42px!important;
    padding:7px 10px!important;
    border-radius:8px!important;
    background:linear-gradient(180deg,#f3c86d,#8d5318)!important;
    border:1px solid #ffe7a8!important;
    color:#140d04!important;
    font-size:12px!important;
    font-weight:950!important;
    text-shadow:none!important;
    white-space:normal!important;
    line-height:1.15!important;
}
#base-app .panel .research-row .mini-btn:disabled{
    opacity:1!important;
    filter:none!important;
    background:linear-gradient(180deg,#42504c,#202a28)!important;
    border-color:rgba(255,255,255,.18)!important;
    color:#f4fff9!important;
    text-shadow:0 1px 2px rgba(0,0,0,.78)!important;
}

#base-app .speedup-list{
    grid-template-columns:1fr!important;
    gap:8px!important;
}
#base-app .speedup-card,
#base-app .speedup-card:nth-child(n){
    display:grid!important;
    grid-template-columns:30px minmax(42px,1fr) 42px!important;
    align-items:center!important;
    justify-items:stretch!important;
    min-height:38px!important;
    padding:6px 8px!important;
    gap:8px!important;
    text-align:left!important;
}
#base-app .speedup-card .speedup-icon{
    width:26px!important;
    height:26px!important;
    justify-self:start!important;
}
#base-app .speedup-card span:not(.speedup-icon){
    min-width:0!important;
    color:#f8fffc!important;
    font-size:12px!important;
    font-weight:950!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
}
#base-app .speedup-card b{
    justify-self:end!important;
    min-width:32px!important;
    max-width:42px!important;
    padding:3px 7px!important;
    border-radius:999px!important;
    background:rgba(0,0,0,.38)!important;
    color:#fff2bd!important;
    font-size:11px!important;
    line-height:1!important;
    text-align:center!important;
    white-space:nowrap!important;
}
#base-app .speedup-shop{
    grid-template-columns:1fr!important;
    gap:8px!important;
}
#base-app .buy-speedup-btn{
    display:grid!important;
    grid-template-columns:minmax(56px,1fr) auto!important;
    align-items:center!important;
    gap:10px!important;
    min-height:38px!important;
    padding:7px 9px!important;
    text-align:left!important;
}
#base-app .buy-speedup-btn span{
    min-width:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
}
#base-app .buy-speedup-btn b{
    justify-self:end!important;
    min-width:max-content!important;
    white-space:nowrap!important;
    text-align:right!important;
    color:#ffe8a6!important;
    text-shadow:0 1px 2px rgba(0,0,0,.8)!important;
}

@media (max-width: 900px){
    #base-app .panel .research-row,
    #base-app .panel .research-row:nth-child(n){
        grid-template-columns:minmax(0,1fr) 92px!important;
        min-height:78px!important;
        padding:10px!important;
        gap:8px!important;
    }
    #base-app .panel .research-row strong{
        font-size:12px!important;
    }
    #base-app .panel .research-row span{
        font-size:10px!important;
        line-height:1.3!important;
    }
    #base-app .panel .research-row .mini-btn{
        width:92px!important;
        min-width:92px!important;
        min-height:38px!important;
        font-size:10px!important;
    }
    #base-app .speedup-card,
    #base-app .speedup-card:nth-child(n){
        grid-template-columns:28px minmax(36px,1fr) 38px!important;
        min-height:36px!important;
        padding:6px 7px!important;
        gap:7px!important;
    }
    #base-app .speedup-card span:not(.speedup-icon){
        font-size:11px!important;
    }
    #base-app .speedup-card b{
        min-width:30px!important;
        max-width:38px!important;
        padding:3px 6px!important;
        font-size:10px!important;
    }
}

/* V37 mobile worker text contrast: circled worker labels must stay white. */
#base-app .worker-slot,
#base-app .worker-slot.busy{
    background:linear-gradient(180deg,#10272f,#06141a)!important;
    border-color:rgba(255,255,255,.18)!important;
    color:#fff!important;
}
#base-app .worker-slot *,
#base-app .worker-slot strong,
#base-app .worker-slot span,
#base-app .worker-slot.busy strong,
#base-app .worker-slot.busy span,
#base-app #worker-status,
#base-app #hire-worker-btn,
#base-app #hire-worker-btn *,
#base-app #hire-worker-btn span,
#base-app #hire-worker-btn strong,
#base-app #hire-worker-btn small,
#base-app #hire-worker-btn b{
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    text-shadow:0 1px 2px rgba(0,0,0,.9)!important;
}

@media (max-width: 900px){
    #base-app .worker-slot,
    #base-app .worker-slot.busy{
        color:#fff!important;
        background:linear-gradient(180deg,#10272f,#06141a)!important;
    }
    #base-app .worker-slot *,
    #base-app #worker-status,
    #base-app #hire-worker-btn,
    #base-app #hire-worker-btn *{
        color:#fff!important;
        -webkit-text-fill-color:#fff!important;
        text-shadow:0 1px 2px rgba(0,0,0,.9)!important;
    }
}

/* V38 premium building selection marker: soft halo instead of harsh marker. */
#base-app .island-map.layered-assets .building.active{
    z-index:60!important;
}
#base-app .island-map.layered-assets .building.active::before{
    content:""!important;
    display:block!important;
    position:absolute!important;
    left:50%!important;
    top:62%!important;
    width:118%!important;
    height:34%!important;
    transform:translate(-50%,-50%)!important;
    border-radius:50%!important;
    border:2px solid rgba(101,255,236,.76)!important;
    border-top-color:rgba(255,232,156,.92)!important;
    background:
        radial-gradient(ellipse at center,rgba(255,226,130,.22),rgba(101,255,236,.13) 42%,rgba(101,255,236,0) 72%)!important;
    box-shadow:
        0 0 0 3px rgba(5,13,16,.42),
        0 0 18px rgba(101,255,236,.44),
        0 0 32px rgba(255,211,111,.28),
        inset 0 0 12px rgba(255,239,180,.2)!important;
    pointer-events:none!important;
    z-index:1!important;
    opacity:.95!important;
    animation:bopSelectedHaloV38 1.85s ease-in-out infinite!important;
}
#base-app .island-map.layered-assets .building.active::after{
    content:""!important;
    display:block!important;
    position:absolute!important;
    left:50%!important;
    top:10%!important;
    width:16px!important;
    height:16px!important;
    transform:translate(-50%,-50%) rotate(45deg)!important;
    border-radius:4px!important;
    background:linear-gradient(135deg,#fff5bf,#f4b83f 58%,#35e1d0)!important;
    border:2px solid rgba(7,19,23,.88)!important;
    box-shadow:
        0 0 0 2px rgba(255,238,169,.5),
        0 7px 12px rgba(0,0,0,.34),
        0 0 18px rgba(53,225,208,.42)!important;
    pointer-events:none!important;
    z-index:8!important;
    opacity:.98!important;
}
#base-app .island-map.layered-assets .building.active .b-img{
    filter:
        drop-shadow(0 13px 10px rgba(20,14,8,.44))
        drop-shadow(0 0 14px rgba(101,255,236,.28))
        drop-shadow(0 0 18px rgba(255,211,111,.24))
        saturate(1.07)
        contrast(1.03)
        brightness(1.03)!important;
}
#base-app .island-map.layered-assets .building.active .b-name,
#base-app .island-map.layered-assets .building.active.b-harbor .b-name,
#base-app .island-map.layered-assets .b-armory.active .b-name{
    border-color:rgba(101,255,236,.76)!important;
    background:linear-gradient(180deg,rgba(9,30,34,.98),rgba(3,12,16,.96))!important;
    color:#fff8d2!important;
    box-shadow:
        0 7px 14px rgba(0,0,0,.38),
        0 0 0 1px rgba(255,232,156,.3),
        0 0 16px rgba(101,255,236,.24),
        inset 0 1px 0 rgba(255,255,255,.18)!important;
}
#base-app .island-map.layered-assets .building.active .b-name:before,
#base-app .island-map.layered-assets .building.active .b-name:after{
    content:none!important;
    display:none!important;
}

@keyframes bopSelectedHaloV38{
    0%,100%{
        opacity:.82;
        transform:translate(-50%,-50%) scale(.98);
        box-shadow:
            0 0 0 3px rgba(5,13,16,.42),
            0 0 14px rgba(101,255,236,.34),
            0 0 24px rgba(255,211,111,.2),
            inset 0 0 10px rgba(255,239,180,.16);
    }
    50%{
        opacity:1;
        transform:translate(-50%,-50%) scale(1.04);
        box-shadow:
            0 0 0 3px rgba(5,13,16,.42),
            0 0 22px rgba(101,255,236,.58),
            0 0 38px rgba(255,211,111,.34),
            inset 0 0 15px rgba(255,239,180,.24);
    }
}

/* V39 clickable Keşif Divanı in the center plaza. */
#base-app .island-map.layered-assets .b-research-hub{
    left:48.5%!important;
    top:46.2%!important;
    width:76px!important;
    height:54px!important;
    min-width:76px!important;
    min-height:54px!important;
    z-index:34!important;
}
#base-app .island-map.layered-assets .b-research-hub .research-hub-core{
    position:absolute!important;
    left:50%!important;
    top:50%!important;
    width:42px!important;
    height:42px!important;
    display:grid!important;
    place-items:center!important;
    transform:translate(-50%,-50%)!important;
    border-radius:50%!important;
    color:#fff5bd!important;
    background:
        radial-gradient(circle at 35% 30%,rgba(255,247,190,.92),rgba(241,176,55,.86) 38%,rgba(76,42,12,.78) 70%,rgba(9,25,29,.88))!important;
    border:2px solid rgba(7,20,23,.9)!important;
    box-shadow:
        0 0 0 2px rgba(255,226,137,.54),
        0 8px 14px rgba(0,0,0,.36),
        0 0 22px rgba(70,235,218,.3),
        inset 0 1px 0 rgba(255,255,255,.42)!important;
}
#base-app .island-map.layered-assets .b-research-hub .research-hub-core svg{
    width:23px!important;
    height:23px!important;
    filter:drop-shadow(0 2px 2px rgba(0,0,0,.45))!important;
}
#base-app .island-map.layered-assets .b-research-hub:not(.active)::after{
    content:none!important;
    display:none!important;
}
#base-app .island-map.layered-assets .b-research-hub::before{
    content:""!important;
    position:absolute!important;
    left:50%!important;
    top:58%!important;
    width:104%!important;
    height:48%!important;
    transform:translate(-50%,-50%)!important;
    border-radius:50%!important;
    border:1px solid rgba(255,226,137,.45)!important;
    background:radial-gradient(ellipse at center,rgba(255,226,137,.18),rgba(70,235,218,.1) 50%,rgba(70,235,218,0) 78%)!important;
    box-shadow:0 0 18px rgba(70,235,218,.22)!important;
    opacity:.78!important;
    pointer-events:none!important;
    z-index:0!important;
}
#base-app .island-map.layered-assets .b-research-hub:hover .research-hub-core,
#base-app .island-map.layered-assets .b-research-hub.active .research-hub-core{
    transform:translate(-50%,-53%) scale(1.07)!important;
    box-shadow:
        0 0 0 2px rgba(255,239,178,.72),
        0 10px 16px rgba(0,0,0,.4),
        0 0 26px rgba(70,235,218,.46),
        0 0 26px rgba(255,199,80,.32),
        inset 0 1px 0 rgba(255,255,255,.5)!important;
}
#base-app .island-map.layered-assets .b-research-hub.active::before{
    width:126%!important;
    height:56%!important;
    top:60%!important;
}
#base-app .island-map.layered-assets .b-research-hub .b-name{
    bottom:44px!important;
}
#base-app #research-hub-status{
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    text-shadow:0 1px 2px rgba(0,0,0,.78)!important;
}
#base-app .research-hub-upgrade-btn{
    width:100%!important;
    margin:0 0 8px!important;
    border-color:rgba(255,218,119,.72)!important;
    background:linear-gradient(180deg,#f2c35a,#9a5a14)!important;
    color:#160d04!important;
    -webkit-text-fill-color:#160d04!important;
}
#base-app.research-hub-selected #research-card{
    display:block!important;
}
@media(max-width:900px){
    #base-app .island-map.layered-assets .b-research-hub{
        left:48.4%!important;
        top:47.5%!important;
        width:62px!important;
        height:44px!important;
        min-width:62px!important;
        min-height:44px!important;
    }
    #base-app .island-map.layered-assets .b-research-hub .research-hub-core{
        width:34px!important;
        height:34px!important;
    }
    #base-app .island-map.layered-assets .b-research-hub .research-hub-core svg{
        width:19px!important;
        height:19px!important;
    }
}

/* V40 professional Keşif Divanı marker: cartography table, not a generic badge. */
#base-app .island-map.layered-assets .b-research-hub{
    width:92px!important;
    height:64px!important;
    min-width:92px!important;
    min-height:64px!important;
}
#base-app .island-map.layered-assets .b-research-hub .research-hub-core{
    width:62px!important;
    height:44px!important;
    border-radius:50% 50% 44% 44% / 58% 58% 42% 42%!important;
    background:
        linear-gradient(180deg,rgba(255,226,145,.35),rgba(255,226,145,0) 30%),
        radial-gradient(ellipse at 50% 32%,#8a5420 0%,#5a3214 48%,#281308 74%,#0b1719 100%)!important;
    border:2px solid rgba(33,18,7,.94)!important;
    box-shadow:
        0 0 0 2px rgba(234,179,74,.66),
        0 7px 0 rgba(72,36,11,.9),
        0 15px 18px rgba(0,0,0,.42),
        0 0 22px rgba(52,221,209,.24),
        inset 0 2px 0 rgba(255,238,174,.5),
        inset 0 -8px 13px rgba(0,0,0,.42)!important;
}
#base-app .island-map.layered-assets .b-research-hub .research-hub-core::before,
#base-app .island-map.layered-assets .b-research-hub .research-hub-core::after{
    content:""!important;
    position:absolute!important;
    bottom:-8px!important;
    width:8px!important;
    height:13px!important;
    border-radius:2px!important;
    background:linear-gradient(180deg,#5f3412,#241107)!important;
    box-shadow:inset 0 1px 0 rgba(255,218,136,.28),0 4px 5px rgba(0,0,0,.28)!important;
}
#base-app .island-map.layered-assets .b-research-hub .research-hub-core::before{
    left:14px!important;
    transform:rotate(7deg)!important;
}
#base-app .island-map.layered-assets .b-research-hub .research-hub-core::after{
    right:14px!important;
    transform:rotate(-7deg)!important;
}
#base-app .island-map.layered-assets .b-research-hub .hub-map{
    position:absolute!important;
    left:50%!important;
    top:45%!important;
    width:43px!important;
    height:27px!important;
    transform:translate(-50%,-50%) rotate(-4deg)!important;
    border-radius:6px 7px 6px 7px!important;
    background:
        linear-gradient(90deg,rgba(117,75,31,.18) 1px,transparent 1px) 0 0/11px 100%,
        linear-gradient(0deg,rgba(117,75,31,.14) 1px,transparent 1px) 0 0/100% 9px,
        linear-gradient(135deg,#ffe9b0,#d6a459)!important;
    border:1px solid rgba(53,30,12,.84)!important;
    box-shadow:
        0 2px 4px rgba(0,0,0,.26),
        inset 0 1px 0 rgba(255,255,255,.5),
        inset 0 -2px 4px rgba(107,58,16,.18)!important;
    overflow:hidden!important;
}
#base-app .island-map.layered-assets .b-research-hub .hub-map::before{
    content:""!important;
    position:absolute!important;
    left:5px!important;
    top:6px!important;
    width:7px!important;
    height:7px!important;
    border-radius:50%!important;
    border:1px solid rgba(25,91,94,.75)!important;
    background:rgba(78,220,207,.28)!important;
    box-shadow:21px 10px 0 -2px rgba(79,144,72,.55)!important;
}
#base-app .island-map.layered-assets .b-research-hub .hub-route{
    position:absolute!important;
    left:8px!important;
    top:14px!important;
    width:27px!important;
    height:8px!important;
    border-top:2px dashed rgba(121,55,19,.72)!important;
    border-radius:50%!important;
    transform:rotate(-9deg)!important;
}
#base-app .island-map.layered-assets .b-research-hub .hub-needle{
    position:absolute!important;
    right:7px!important;
    top:5px!important;
    width:11px!important;
    height:11px!important;
    transform:rotate(45deg)!important;
    background:linear-gradient(135deg,#14383b 0 48%,#f5d46f 50% 100%)!important;
    border:1px solid rgba(24,16,8,.8)!important;
    box-shadow:0 1px 2px rgba(0,0,0,.35)!important;
}
#base-app .island-map.layered-assets .b-research-hub .research-hub-core svg{
    display:none!important;
}
#base-app .island-map.layered-assets .b-research-hub:hover .research-hub-core,
#base-app .island-map.layered-assets .b-research-hub.active .research-hub-core{
    transform:translate(-50%,-55%) scale(1.08)!important;
    box-shadow:
        0 0 0 2px rgba(255,232,156,.8),
        0 8px 0 rgba(72,36,11,.92),
        0 17px 20px rgba(0,0,0,.44),
        0 0 26px rgba(65,231,217,.42),
        0 0 22px rgba(255,203,87,.34),
        inset 0 2px 0 rgba(255,243,196,.58),
        inset 0 -8px 13px rgba(0,0,0,.42)!important;
}
#base-app .island-map.layered-assets .b-research-hub.active .hub-map{
    box-shadow:
        0 2px 5px rgba(0,0,0,.28),
        0 0 12px rgba(255,230,150,.32),
        inset 0 1px 0 rgba(255,255,255,.56)!important;
}
@media(max-width:900px){
    #base-app .island-map.layered-assets .b-research-hub{
        width:74px!important;
        height:52px!important;
        min-width:74px!important;
        min-height:52px!important;
    }
    #base-app .island-map.layered-assets .b-research-hub .research-hub-core{
        width:50px!important;
        height:36px!important;
    }
    #base-app .island-map.layered-assets .b-research-hub .hub-map{
        width:35px!important;
        height:22px!important;
    }
}

/* V41 remove left command rail and upgrade Keşif Divanı into a grounded compass seal. */
#base-app .island-scroll-menu,
#base-app .command-menu-toggle{
    display:none!important;
}

#base-app .island-map.layered-assets .b-research-hub{
    width:86px!important;
    height:86px!important;
    min-width:86px!important;
    min-height:86px!important;
    left:48.45%!important;
    top:46.8%!important;
}
#base-app .island-map.layered-assets .b-research-hub::before{
    width:112%!important;
    height:46%!important;
    top:67%!important;
    border:1px solid rgba(74,238,221,.54)!important;
    background:
        radial-gradient(ellipse at center,rgba(87,238,223,.22),rgba(255,218,124,.12) 44%,rgba(87,238,223,0) 75%)!important;
    box-shadow:
        0 0 0 2px rgba(5,16,19,.44),
        0 0 22px rgba(74,238,221,.34),
        0 0 34px rgba(255,205,91,.18)!important;
}
#base-app .island-map.layered-assets .b-research-hub .research-hub-core{
    width:58px!important;
    height:58px!important;
    border-radius:50%!important;
    top:54%!important;
    background:
        radial-gradient(circle at 50% 50%,rgba(6,20,23,.95) 0 9%,transparent 10%),
        conic-gradient(from 45deg,#f7d779 0 12.5%,#244c4f 12.5% 25%,#f7d779 25% 37.5%,#244c4f 37.5% 50%,#f7d779 50% 62.5%,#244c4f 62.5% 75%,#f7d779 75% 87.5%,#244c4f 87.5% 100%),
        radial-gradient(circle,#b67a2f 0 42%,#6e4018 60%,#22100a 100%)!important;
    border:3px solid rgba(26,16,8,.92)!important;
    box-shadow:
        0 0 0 2px rgba(255,226,139,.72),
        0 0 0 5px rgba(8,30,34,.58),
        0 13px 17px rgba(0,0,0,.42),
        0 0 24px rgba(63,231,217,.34),
        inset 0 1px 0 rgba(255,245,199,.6),
        inset 0 0 0 9px rgba(31,18,9,.28)!important;
}
#base-app .island-map.layered-assets .b-research-hub .research-hub-core::before,
#base-app .island-map.layered-assets .b-research-hub .research-hub-core::after{
    content:""!important;
    position:absolute!important;
    left:50%!important;
    top:50%!important;
    bottom:auto!important;
    right:auto!important;
    width:68%!important;
    height:68%!important;
    transform:translate(-50%,-50%)!important;
    border-radius:50%!important;
    background:transparent!important;
    border:1px solid rgba(255,232,154,.54)!important;
    box-shadow:inset 0 0 0 1px rgba(10,35,39,.72)!important;
}
#base-app .island-map.layered-assets .b-research-hub .research-hub-core::after{
    width:36%!important;
    height:36%!important;
    border-color:rgba(80,239,223,.55)!important;
    box-shadow:0 0 10px rgba(80,239,223,.28),inset 0 0 0 1px rgba(12,36,40,.76)!important;
}
#base-app .island-map.layered-assets .b-research-hub .hub-map{
    left:50%!important;
    top:50%!important;
    width:42px!important;
    height:42px!important;
    transform:translate(-50%,-50%) rotate(0deg)!important;
    border-radius:50%!important;
    background:
        linear-gradient(90deg,transparent 47%,rgba(255,239,170,.76) 48% 52%,transparent 53%),
        linear-gradient(0deg,transparent 47%,rgba(255,239,170,.76) 48% 52%,transparent 53%),
        radial-gradient(circle,rgba(255,232,143,.22),rgba(11,35,39,.52) 56%,transparent 57%)!important;
    border:0!important;
    box-shadow:none!important;
    overflow:visible!important;
}
#base-app .island-map.layered-assets .b-research-hub .hub-map::before{
    content:""!important;
    position:absolute!important;
    left:50%!important;
    top:50%!important;
    width:9px!important;
    height:9px!important;
    transform:translate(-50%,-50%)!important;
    border-radius:50%!important;
    border:2px solid rgba(255,239,180,.9)!important;
    background:#123134!important;
    box-shadow:none!important;
}
#base-app .island-map.layered-assets .b-research-hub .hub-route{
    display:none!important;
}
#base-app .island-map.layered-assets .b-research-hub .hub-needle{
    left:50%!important;
    top:50%!important;
    right:auto!important;
    width:12px!important;
    height:32px!important;
    transform:translate(-50%,-50%) rotate(38deg)!important;
    clip-path:polygon(50% 0,100% 48%,58% 48%,58% 100%,42% 100%,42% 48%,0 48%)!important;
    border:0!important;
    background:linear-gradient(180deg,#fff1a8 0 42%,#1ec8bd 43% 100%)!important;
    box-shadow:0 1px 3px rgba(0,0,0,.5)!important;
}
#base-app .island-map.layered-assets .b-research-hub:hover .research-hub-core,
#base-app .island-map.layered-assets .b-research-hub.active .research-hub-core{
    transform:translate(-50%,-57%) scale(1.06)!important;
}

#base-app.research-hub-selected #research-card{
    display:block!important;
    padding:0!important;
    overflow:hidden!important;
    border-color:rgba(82,238,223,.62)!important;
    background:
        linear-gradient(180deg,rgba(14,45,50,.98),rgba(4,18,23,.98))!important;
    box-shadow:
        0 13px 24px rgba(0,0,0,.34),
        0 0 0 1px rgba(255,224,139,.18),
        inset 0 1px 0 rgba(255,255,255,.13)!important;
}
#base-app.research-hub-selected #research-card h3{
    min-height:48px!important;
    margin:0!important;
    padding:11px 14px!important;
    display:flex!important;
    align-items:center!important;
    gap:9px!important;
    color:#fff3bd!important;
    background:
        linear-gradient(90deg,rgba(199,123,35,.34),rgba(22,84,90,.62)),
        linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,0))!important;
    border-bottom:1px solid rgba(255,224,139,.24)!important;
    font-size:16px!important;
    line-height:1!important;
}
#base-app.research-hub-selected #research-card h3 svg{
    width:28px!important;
    height:28px!important;
    padding:5px!important;
    border-radius:8px!important;
    color:#64f0df!important;
    background:rgba(2,15,18,.58)!important;
    border:1px solid rgba(100,240,223,.36)!important;
}
#base-app.research-hub-selected #research-hub-status{
    margin:10px 12px 8px!important;
    padding:9px 10px!important;
    border-radius:8px!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    background:linear-gradient(180deg,rgba(255,224,139,.12),rgba(79,238,224,.08))!important;
    border:1px solid rgba(255,224,139,.24)!important;
    font-size:12px!important;
    line-height:1.35!important;
}
#base-app.research-hub-selected .research-hub-upgrade-btn{
    width:calc(100% - 24px)!important;
    min-height:42px!important;
    margin:0 12px 12px!important;
    border-radius:8px!important;
    border-color:rgba(255,232,156,.86)!important;
    background:linear-gradient(180deg,#ffd978,#b36a1d 58%,#7d3f10)!important;
    color:#1b0d04!important;
    -webkit-text-fill-color:#1b0d04!important;
    font-size:13px!important;
    font-weight:1000!important;
    box-shadow:0 8px 16px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.42)!important;
}
#base-app.research-hub-selected #research-list{
    padding:0 12px 12px!important;
    gap:10px!important;
}
#base-app.research-hub-selected .research-row{
    min-height:92px!important;
    padding:12px!important;
    border-radius:8px!important;
    grid-template-columns:minmax(0,1fr) 118px!important;
    background:
        linear-gradient(180deg,rgba(4,19,23,.94),rgba(2,12,16,.96))!important;
    border:1px solid rgba(255,224,139,.28)!important;
    box-shadow:inset 4px 0 0 rgba(255,203,87,.76),0 8px 18px rgba(0,0,0,.2)!important;
}
#base-app.research-hub-selected .research-row strong{
    color:#fff4bd!important;
    font-size:16px!important;
    line-height:1.05!important;
}
#base-app.research-hub-selected .research-row strong em{
    display:block!important;
    margin-top:4px!important;
    color:#36e9dd!important;
    font-size:14px!important;
}
#base-app.research-hub-selected .research-row span{
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    margin-top:8px!important;
    font-size:12px!important;
    line-height:1.28!important;
    text-shadow:0 1px 2px rgba(0,0,0,.68)!important;
}
#base-app.research-hub-selected .research-row .mini-btn{
    min-height:48px!important;
    border-radius:8px!important;
    color:#1a0d04!important;
    -webkit-text-fill-color:#1a0d04!important;
    background:linear-gradient(180deg,#ffe18a,#b66d20)!important;
    border-color:rgba(255,238,175,.76)!important;
    font-size:13px!important;
}
@media(max-width:900px){
    #base-app .island-map.layered-assets .b-research-hub{
        width:68px!important;
        height:68px!important;
        min-width:68px!important;
        min-height:68px!important;
    }
    #base-app .island-map.layered-assets .b-research-hub .research-hub-core{
        width:46px!important;
        height:46px!important;
    }
    #base-app .island-map.layered-assets .b-research-hub .hub-map{
        width:33px!important;
        height:33px!important;
    }
    #base-app.research-hub-selected .research-row{
        grid-template-columns:minmax(0,1fr) 82px!important;
        min-height:82px!important;
    }
}

/* V42 quieter Keşif Divanı: subtle inlaid floor mark instead of a loud object. */
#base-app .island-map.layered-assets .b-research-hub{
    width:74px!important;
    height:58px!important;
    min-width:74px!important;
    min-height:58px!important;
    left:48.45%!important;
    top:46.7%!important;
}
#base-app .island-map.layered-assets .b-research-hub::before{
    width:92%!important;
    height:38%!important;
    top:64%!important;
    border:1px solid rgba(85,222,211,.38)!important;
    background:radial-gradient(ellipse at center,rgba(85,222,211,.16),rgba(242,196,89,.08) 46%,rgba(85,222,211,0) 78%)!important;
    box-shadow:0 0 14px rgba(85,222,211,.18)!important;
    opacity:.72!important;
}
#base-app .island-map.layered-assets .b-research-hub .research-hub-core{
    width:38px!important;
    height:38px!important;
    top:58%!important;
    border-radius:50%!important;
    transform:translate(-50%,-50%)!important;
    background:
        radial-gradient(circle at center,rgba(9,36,39,.78) 0 16%,transparent 17%),
        conic-gradient(from 45deg,rgba(244,203,104,.82) 0 8%,transparent 8% 17%,rgba(83,219,209,.62) 17% 25%,transparent 25% 50%,rgba(244,203,104,.7) 50% 58%,transparent 58% 67%,rgba(83,219,209,.54) 67% 75%,transparent 75% 100%),
        radial-gradient(circle,rgba(244,203,104,.12) 0 48%,rgba(83,219,209,.22) 49% 51%,transparent 52%)!important;
    border:1px solid rgba(255,224,139,.46)!important;
    box-shadow:
        0 2px 5px rgba(0,0,0,.2),
        0 0 10px rgba(83,219,209,.16),
        inset 0 0 0 1px rgba(7,30,34,.38)!important;
}
#base-app .island-map.layered-assets .b-research-hub .research-hub-core::before{
    content:""!important;
    position:absolute!important;
    left:50%!important;
    top:50%!important;
    width:64%!important;
    height:64%!important;
    transform:translate(-50%,-50%)!important;
    border-radius:50%!important;
    border:1px solid rgba(255,224,139,.34)!important;
    background:transparent!important;
    box-shadow:none!important;
}
#base-app .island-map.layered-assets .b-research-hub .research-hub-core::after{
    content:""!important;
    position:absolute!important;
    left:50%!important;
    top:50%!important;
    width:5px!important;
    height:5px!important;
    transform:translate(-50%,-50%)!important;
    border-radius:50%!important;
    border:1px solid rgba(255,235,171,.65)!important;
    background:rgba(8,31,35,.72)!important;
    box-shadow:none!important;
}
#base-app .island-map.layered-assets .b-research-hub .hub-map{
    width:28px!important;
    height:28px!important;
    left:50%!important;
    top:50%!important;
    transform:translate(-50%,-50%)!important;
    border-radius:50%!important;
    background:
        linear-gradient(90deg,transparent 48%,rgba(255,224,139,.48) 49% 51%,transparent 52%),
        linear-gradient(0deg,transparent 48%,rgba(255,224,139,.48) 49% 51%,transparent 52%)!important;
    border:0!important;
    box-shadow:none!important;
}
#base-app .island-map.layered-assets .b-research-hub .hub-map::before,
#base-app .island-map.layered-assets .b-research-hub .hub-route{
    display:none!important;
}
#base-app .island-map.layered-assets .b-research-hub .hub-needle{
    left:50%!important;
    top:50%!important;
    width:7px!important;
    height:22px!important;
    transform:translate(-50%,-50%) rotate(36deg)!important;
    clip-path:polygon(50% 0,78% 48%,55% 48%,55% 100%,45% 100%,45% 48%,22% 48%)!important;
    background:linear-gradient(180deg,rgba(255,226,139,.9) 0 43%,rgba(69,214,204,.72) 44% 100%)!important;
    border:0!important;
    box-shadow:0 1px 2px rgba(0,0,0,.24)!important;
}
#base-app .island-map.layered-assets .b-research-hub:hover .research-hub-core,
#base-app .island-map.layered-assets .b-research-hub.active .research-hub-core{
    transform:translate(-50%,-52%) scale(1.04)!important;
    border-color:rgba(255,230,151,.62)!important;
    box-shadow:
        0 3px 7px rgba(0,0,0,.22),
        0 0 14px rgba(83,219,209,.24),
        inset 0 0 0 1px rgba(7,30,34,.4)!important;
}
#base-app .island-map.layered-assets .b-research-hub .b-name{
    bottom:36px!important;
}
@media(max-width:900px){
    #base-app .island-map.layered-assets .b-research-hub{
        width:58px!important;
        height:46px!important;
        min-width:58px!important;
        min-height:46px!important;
    }
    #base-app .island-map.layered-assets .b-research-hub .research-hub-core{
        width:30px!important;
        height:30px!important;
    }
    #base-app .island-map.layered-assets .b-research-hub .hub-map{
        width:22px!important;
        height:22px!important;
    }
}

/* V43 no standalone icon: the existing center plaza is the clickable Keşif Divanı. */
#base-app .island-map.layered-assets .b-research-hub{
    left:48.45%!important;
    top:46.5%!important;
    width:142px!important;
    height:92px!important;
    min-width:142px!important;
    min-height:92px!important;
    background:transparent!important;
}
#base-app .island-map.layered-assets .b-research-hub .research-hub-core,
#base-app .island-map.layered-assets .b-research-hub .hub-map,
#base-app .island-map.layered-assets .b-research-hub .hub-route,
#base-app .island-map.layered-assets .b-research-hub .hub-needle{
    display:none!important;
}
#base-app .island-map.layered-assets .b-research-hub::before{
    content:""!important;
    display:block!important;
    position:absolute!important;
    left:50%!important;
    top:56%!important;
    width:82%!important;
    height:48%!important;
    transform:translate(-50%,-50%)!important;
    border-radius:50%!important;
    border:1px solid rgba(89,231,218,.28)!important;
    background:radial-gradient(ellipse at center,rgba(89,231,218,.09),rgba(255,221,133,.06) 45%,rgba(89,231,218,0) 74%)!important;
    box-shadow:none!important;
    opacity:0!important;
    pointer-events:none!important;
    transition:opacity .18s ease, border-color .18s ease, box-shadow .18s ease!important;
}
#base-app .island-map.layered-assets .b-research-hub:hover::before,
#base-app .island-map.layered-assets .b-research-hub.active::before{
    opacity:1!important;
    border-color:rgba(89,231,218,.56)!important;
    box-shadow:0 0 16px rgba(89,231,218,.2), inset 0 0 10px rgba(255,221,133,.08)!important;
}
#base-app .island-map.layered-assets .b-research-hub::after{
    content:""!important;
    display:none!important;
}
#base-app .island-map.layered-assets .b-research-hub .b-name{
    bottom:60px!important;
    opacity:0!important;
    transform:translateX(-50%) translateY(4px)!important;
    transition:opacity .16s ease, transform .16s ease!important;
}
#base-app .island-map.layered-assets .b-research-hub:hover .b-name,
#base-app .island-map.layered-assets .b-research-hub.active .b-name{
    opacity:1!important;
    transform:translateX(-50%) translateY(0)!important;
}
@media(max-width:900px){
    #base-app .island-map.layered-assets .b-research-hub{
        width:108px!important;
        height:70px!important;
        min-width:108px!important;
        min-height:70px!important;
    }
    #base-app .island-map.layered-assets .b-research-hub .b-name{
        bottom:48px!important;
    }
}