/* DrillBrain UI v7 — modern ground-network skin */
:root{--db-ink:#10212d;--db-navy:#0b2536;--db-teal:#0f8175;--db-cyan:#28b9ad;--db-paper:#f4f7f8;--db-line:#dfe6e9;--db-muted:#697780;--db-shadow:0 16px 44px rgba(13,39,53,.08)}
html{background:#eef3f4}body{background:radial-gradient(circle at 85% 2%,rgba(74,210,195,.08),transparent 22rem),#f4f7f8;color:var(--db-ink)}
header{min-height:66px;background:rgba(248,251,252,.9)!important;border-bottom:1px solid rgba(16,52,68,.08)!important;backdrop-filter:blur(18px) saturate(150%);-webkit-backdrop-filter:blur(18px) saturate(150%);box-shadow:0 5px 24px rgba(13,39,53,.05)}
.brand{gap:11px}.brand .mark.dbLogo{width:43px;height:43px;padding:0;border:0!important;border-radius:13px;overflow:hidden;background:transparent!important;box-shadow:0 7px 18px rgba(11,72,76,.18)}.brand .mark.dbLogo img{display:block;width:100%;height:100%;object-fit:cover}.brand>div:last-child b{font-size:17px;letter-spacing:-.025em}.brand>div:last-child small{font-size:8px;letter-spacing:.13em;color:#667984}
.dbReleaseChip{display:inline-flex;align-items:center;gap:5px;padding:6px 8px;border-radius:999px;background:#e6f7f4;color:#0b7068;font-size:9px;font-weight:900;letter-spacing:.07em;border:1px solid #caebe5}.dbReleaseChip:before{content:"";width:6px;height:6px;border-radius:50%;background:#26bcae;box-shadow:0 0 0 4px rgba(38,188,174,.11)}
.toolbar{background:rgba(244,247,248,.88)!important;border-bottom:1px solid rgba(16,52,68,.07)!important;backdrop-filter:blur(14px)}button,.primary,.secondary,input,select,textarea{transition:border-color .16s ease,box-shadow .16s ease,transform .12s ease,background .16s ease}button:active{transform:scale(.985)}button.primary{background:linear-gradient(135deg,#0f8175,#0c6670)!important;border-color:transparent!important;box-shadow:0 7px 16px rgba(15,129,117,.17)}button.primary:hover{box-shadow:0 9px 22px rgba(15,129,117,.22)}
.card,.heroCard,.planHero{border-color:rgba(19,55,70,.08)!important;border-radius:18px!important;box-shadow:var(--db-shadow);background:rgba(255,255,255,.92)!important}.cardHead span{letter-spacing:.055em}.cardHead em{color:#0f8175!important}
.scoreRow{gap:9px}.score{border:1px solid rgba(18,59,74,.08)!important;border-radius:16px!important;background:rgba(255,255,255,.92)!important;box-shadow:0 9px 26px rgba(12,42,56,.05)}.score small{color:#6a7a83}.score strong{letter-spacing:-.03em}
#tabs{gap:5px;padding:5px;border:1px solid rgba(18,59,74,.08);border-radius:14px;background:#eaf0f2;overflow-x:auto;scrollbar-width:none}#tabs::-webkit-scrollbar{display:none}#tabs button{border:0!important;border-radius:10px!important;white-space:nowrap;background:transparent!important;color:#5d6d76!important;font-size:12px;font-weight:750}#tabs button.active{background:#fff!important;color:#0b635f!important;box-shadow:0 4px 12px rgba(12,45,60,.08)}
.siteTop h1{letter-spacing:-.035em}.projectBar{border-color:rgba(17,55,70,.08)!important}.modes{background:#eaf0f2!important;border-radius:12px;padding:4px}.modes button{border-radius:9px!important}.modes button.active{background:#fff!important;color:#0a6f68!important;box-shadow:0 3px 10px rgba(16,50,65,.08)}
.mapHint{border-radius:14px!important;background:rgba(7,30,43,.88)!important;backdrop-filter:blur(10px);box-shadow:0 9px 24px rgba(0,0,0,.16)}.unitTag{background:#e7f7f4!important;color:#0d756d!important;border-color:#c9ebe5!important}
#dbBottomNav{background:rgba(249,251,252,.93)!important;border-top:1px solid rgba(15,53,68,.09)!important;backdrop-filter:blur(20px) saturate(155%);-webkit-backdrop-filter:blur(20px) saturate(155%)}#dbBottomNav button.active{color:#08746c!important}#dbBottomNav button.active:before{background:#dff4f0!important}
.dbTour{border:1px solid rgba(255,255,255,.3);box-shadow:0 35px 110px rgba(1,18,29,.38)!important}.dbTourHead small{color:#0f8175!important}.dbTourNum{background:#e4f6f2!important;color:#0c766d!important}.dbTourActions .primary{background:linear-gradient(135deg,#0f8175,#0b6570)!important}
.dbcHero{border-radius:22px!important;background:linear-gradient(135deg,#092535,#104b55 56%,#147c72)!important;color:#fff!important;box-shadow:0 18px 48px rgba(8,43,53,.16)!important}.dbcHero p{color:#d9eceb!important}.dbcHero small{color:#90e9dc!important}.dbcProfileCard,.dbcStat,.dbcLevel{border-color:rgba(14,71,77,.09)!important}
input:focus,select:focus,textarea:focus{outline:0;border-color:#45aea5!important;box-shadow:0 0 0 3px rgba(45,176,164,.12)}
@media(max-width:820px){header{min-height:58px}.brand .mark.dbLogo{width:38px;height:38px;border-radius:12px}.brand>div:last-child small{display:none}.dbReleaseChip{display:none}.toolbar{padding-top:8px!important}.card,.heroCard,.planHero{border-radius:16px!important;box-shadow:0 9px 28px rgba(13,39,53,.06)}#tabs{border-radius:12px}.siteTop{backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}}