:root {
  --ink:#3e3229;--ink-2:#3e3229;--ink-3:#7f6b5d;--ink-4:#a16949;
  --honey:#3e3229;--honey-2:#3e3229;--honey-3:#3e3229;--wax:#7f6b5d;
  --raid:#7f6b5d;--win:#7f6b5d;--loss:#7f6b5d;--sol:#3e3229;
  --glass:rgba(7,28,22,.81);--glass-strong:rgba(8,30,24,.96);
  --line:rgba(203,230,209,.13);--line-2:rgba(203,230,209,.24);
  --gut:22px;--r:18px;--shadow:0 16px 48px #f7f3eb26,0 1px 8px #f7f3eb15;
  --display:'Inter',system-ui,sans-serif;
}
html,body{background:#f7f3eb}
button,a,input{outline-offset:4px}
button:focus-visible,a:focus-visible,input:focus-visible,[role=button]:focus-visible{outline:2px solid #3e3229}
button{touch-action:manipulation}
.glass,.glass-strong{backdrop-filter:blur(22px) saturate(110%);-webkit-backdrop-filter:blur(22px) saturate(110%);box-shadow:var(--shadow),inset 0 1px 0 #3e322911}
#loader{background:radial-gradient(ellipse at 50% 58%,#f7f3eb,#f7f3eb 64%)}
.ld-logo{width:168px;height:168px;filter:drop-shadow(0 16px 28px #f7f3eb55);animation:formiq-float 5s ease-in-out infinite}
.ld-wordmark{width:270px;height:80px;object-fit:contain;margin-top:-8px}
.ld-caption{font-size:9px;color:#3e3229;letter-spacing:.26em;margin-top:-25px;margin-bottom:20px}
.ld-step{color:#3e3229;font-size:11px}
.ld-bar{width:180px;height:2px;background:#3e322922}
.ld-bar i{background:#3e3229;box-shadow:0 0 12px #7f6b5d}
@keyframes formiq-float{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-10px) rotate(3deg)}}
.brand{width:336px;padding:17px 19px 16px}
.brand-row{height:32px;gap:10px}
.brand-mark,.brand-mark img{width:40px;height:40px;filter:none}
.brand-word{width:154px;height:30px;position:relative;display:block;flex:none;background:none;overflow:visible}
.brand-word img{width:160px;height:54px;position:absolute;left:-3px;top:50%;transform:translateY(-50%);object-fit:contain}
.brand .tick{font-size:7px;font-weight:600;letter-spacing:.13em;height:19px;padding:0 6px;background:#3e322908;border-color:#7f6b5d26;color:#3e3229}
.brand-context{font-size:9px;display:flex;gap:6px;align-items:center;color:#7f6b5d;margin-top:11px;letter-spacing:.06em}
.connection-dot{width:5px;height:5px;border-radius:50%;background:#3e3229;box-shadow:0 0 8px #3e322966}
.offline .connection-dot{background:#7f6b5d;box-shadow:none}
.offline #connectionStatus{color:#7f6b5d}
.phase{margin-top:14px;padding-top:13px;border-top:1px solid var(--line)}
.phase-head{font-size:11px;gap:6px}
.phase-val{font-size:10px}
.phase-bar{height:3px;margin-top:8px;background:#3e322917}
.phase-bar i{background:linear-gradient(90deg,#a16949,#3e3229);box-shadow:none}
.phase-sub{margin-top:7px;font-size:10px;color:#7f6b5d}
.phase .dot{background:#7f6b5d;box-shadow:0 0 10px #7f6b5d33}
.stats{padding:18px 10px;border-radius:16px}
.stat{min-width:105px;padding:0 15px}
.stat .k{font-size:8px;letter-spacing:.13em;color:#7f6b5d}
.stat .v{font-family:var(--ui);font-size:21px;font-weight:500;letter-spacing:-.055em;margin:6px 0 2px}
.stat .s{font-size:9px;color:#7f6b5d}
.stat .v b{font-weight:500}
.stat.next{min-width:126px}
.rfg{stroke:#3e3229}
.feed{top:197px;width:336px;bottom:174px;max-height:516px}
.panel-head{padding:15px 16px 12px;display:flex;flex-direction:column;align-items:stretch;gap:13px}
.live{font-size:9px;letter-spacing:.14em;color:#3e3229;white-space:nowrap}
.live i{width:5px;height:5px;background:#3e3229;box-shadow:none}
.seg{border-color:#3e322915;background:#f7f3eb29;border-radius:8px;padding:3px}
.seg button{font-size:10px;border-radius:5px;padding:6px 8px;color:#7f6b5d;transition:background .2s,color .2s}
.seg button.on{color:#f7f3eb;background:#3e3229;box-shadow:0 1px 5px #f7f3eb22}
.feed .seg{display:flex;justify-content:space-between}
.feed .seg button{flex:1}
.feed-list{overflow-y:auto;scrollbar-width:thin;scrollbar-color:#3e322933 transparent;mask-image:linear-gradient(180deg,#000 90%,transparent);-webkit-mask-image:linear-gradient(180deg,#000 90%,transparent)}
.row{padding:11px 15px;border-bottom:1px solid #3e322908;gap:10px}
.row:hover{background:#3e32290a}
.row .av{width:29px;height:29px;border-radius:9px;background:#3e322905;border-color:#3e322911}
.row .av img{width:27px;height:27px;object-fit:contain}
.row .l1{font-size:10.5px;color:#3e3229;line-height:1.6}
.row .l1 b,.row .bn{color:#3e3229;font-weight:600}
.row .l2{font-size:9px;color:#7f6b5d;margin-top:2px}
.row .amt{font-size:10px;font-weight:500}
.row .amt small{font-size:8px}
.side{width:338px;top:129px;bottom:174px}
.card{padding:18px}
.qc-head{gap:11px;margin-bottom:16px}
.qc-crest{width:43px;height:43px;border:none;background:none;object-fit:contain}
.qc-head .eyebrow{font-size:8px;color:#7f6b5d;letter-spacing:.18em}
.qc-title{font-size:17px;font-weight:500;letter-spacing:-.025em;margin-top:4px}
.qc-grid{padding:12px 0;border-color:#3e32291a;border-radius:9px;background:#3e322903}
.k{font-size:8px;letter-spacing:.1em}
.qc-grid .v{font-weight:500;font-size:12px;margin-top:6px}
.mind{margin-top:16px;padding:12px;background:linear-gradient(120deg,#3e32290d,#7f6b5d04);border:1px solid #3e32291a;border-radius:10px}
.mind-head{font-size:8px;letter-spacing:.06em;color:#3e3229}
.mind-dot{background:#3e3229;box-shadow:none}
.mind-gen{background:#3e322914;color:#3e3229;font-size:8px;white-space:nowrap}
.mind .v{font-size:17px;font-weight:500;margin-top:6px;letter-spacing:-.04em}
.mind-best{font-size:9px;color:#7f6b5d;margin-top:10px}
.board-head{margin-top:18px;margin-bottom:8px;font-size:8px;letter-spacing:.11em;color:#7f6b5d}
.link{font-size:9px;color:#3e3229;letter-spacing:0}
.brow{padding:9px 0;border-bottom:1px solid #3e322909;cursor:pointer}
.brow:last-child{border:0}
.brow img{width:29px;height:29px;object-fit:contain}
.brow .name{font-size:11px;font-weight:500}.brow .sub{font-size:9px}.brow .num{font-size:10px;color:#a16949}
.brow .val{font-size:11px;font-weight:500;color:#3e3229}
.goal{bottom:93px;width:520px;padding:12px 17px;border-radius:14px}
.goal-title{font-size:10px;font-weight:500;letter-spacing:.06em;color:#3e3229}
.goal-ico{filter:none;color:#3e3229}
.goal-val{font-size:12px;font-weight:500}
.goal-bar{height:5px;margin-top:10px;border:0;background:#3e32291a}
.goal-bar i,.goal.done .goal-bar i{background:linear-gradient(90deg,#a16949,#3e3229);box-shadow:none}
.goal-pct{display:none}
.goal-sub{font-size:9px;color:#7f6b5d;margin-top:9px}
.dock{bottom:25px;padding:7px;border-radius:14px;gap:5px;background:rgba(7,28,22,.92)}
.dock .seg{border:0;background:none;padding:0}
.dock .seg button{padding:10px 12px;font-size:10px;gap:7px;border-radius:9px}
.dock .btn{height:35px;border-radius:9px;padding:0 12px;font-size:10px;font-weight:500}
.dock .btn:not(.ghost){background:#3e3229;color:#f7f3eb;box-shadow:none;border-color:#3e3229}
.btn:not(.ghost){background:linear-gradient(140deg,#3e3229,#7f6b5d);color:#f7f3eb;box-shadow:none}
.dock svg{width:16px;height:16px}
.corner-l{left:24px;bottom:30px;max-width:330px}.hint-row{font-size:9px;color:#3e322999;line-height:1.9}
kbd{font-size:8px;border-color:#3e322922;color:#3e3229;background:#3e322907;padding:1px 4px}
.corner-r{right:23px;bottom:28px;padding:5px 8px;border-radius:11px;background:#f7f3ebde}
.icon-btn{color:#3e3229;min-width:30px;min-height:30px;border-radius:7px}
.icon-btn:hover{color:#3e3229;background:#3e322915}
#xLink[aria-disabled=true]{opacity:.6;cursor:default}
#xLink svg{width:15px;height:15px}
.source-note{font-size:11px;line-height:1.6;color:#7f6b5d;border-top:1px solid var(--line);padding-top:12px;margin:8px 0}
.set-foot{color:#7f6b5d}
.popover{bottom:80px;right:22px}.toggle[aria-pressed=true]{background:#3e3229;border-color:#3e3229}.toggle i{background:#3e3229}
.lbl{background:#f7f3ebc9;border-color:#3e322929;box-shadow:0 3px 15px #f7f3eb29;color:#3e3229}
.lbl .sy{color:#3e3229}.lbl .mc{color:#7f6b5d}.lbl .raiding{background:#7f6b5d;color:#f7f3eb;box-shadow:none}
.pop{background:#f7f3ebdd;color:#3e3229;border-color:#3e322930}
.toast{background:#f7f3ebf2;color:#3e3229;border-color:#3e322928;font-size:11px;border-radius:9px}
.banner{padding:20px 34px;border-radius:20px;background:#f7f3ebdd;border:1px solid #3e322926;backdrop-filter:blur(16px);min-width:280px;max-width:90vw}
.banner-wordmark{width:200px;height:66px;object-fit:contain;margin-bottom:-8px}
.b-title{font-size:24px;color:#3e3229;background:none;filter:none;letter-spacing:-.03em;font-weight:500;line-height:1.25}
.b-eyebrow{color:#7f6b5d;font-size:10px}.b-sub{color:#7f6b5d;font-size:11px;line-height:1.6}
.sheet{border-radius:20px}.sheet-head{padding:24px}.sheet-head h2{font-weight:500;letter-spacing:-.04em;font-size:23px}
.col-grid{padding:5px 24px 24px;gap:9px;grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}
.tile{border-radius:12px;background:#3e322906;height:124px;content-visibility:auto;contain-intrinsic-size:100px 124px}
.tile img{width:52px;height:52px;object-fit:contain}.tile .tn{font-size:10px;font-weight:500}.tile .tv{font-size:9px}
.tile.egg .cell{background:#7f6b5d19;color:#7f6b5d;clip-path:none;border:1px solid #3e322922;border-radius:50%;width:36px;height:36px}
.tile.sleep img{filter:saturate(.2) brightness(.6)}.tile .st{background:#3e3229;box-shadow:none}
.search{background:#f7f3eb80;border-color:#3e322926;border-radius:8px}.search input{color:#3e3229}
.help-sheet h2{font-size:36px;font-weight:500;letter-spacing:-.05em}.help-sheet .lede{color:#3e3229;line-height:1.8}
.help-sheet .steps{font-size:12px}.steps b{color:#3e3229}
.pf-head .pf-crest{background:#3e322908;border-color:#3e322918}.pf-crest img{object-fit:contain}
.pf-name{font-weight:500;letter-spacing:-.025em}.pf-grid .v{font-weight:500}.pf-foot{gap:8px}.pf-foot .btn{font-size:10px}
#pfChart{filter:none}
.cc-crown img{width:28px;height:28px}.cmd-chip{background:#f7f3ebe0;border-color:#7f6b5d4a}.cc-crown{background:none}
@media(min-width:1650px){.feed{max-height:600px}.side{width:360px}.stats{min-width:680px}}
@media(max-width:1250px) and (min-width:821px){:root{--gut:16px}.brand,.feed{width:295px}.brand .tick{display:none}.side{width:295px;top:115px}.stat{padding:0 12px;min-width:95px}.stats{padding:16px 8px}.stat .v{font-size:19px}.feed{top:187px;bottom:177px}.corner-l{display:none}.goal{width:440px}.card{padding:15px}.qc-grid .v{font-size:11px}.corner-r{right:16px;bottom:28px}}
@media(max-width:820px){
 :root{--gut:10px}
 .brand{width:auto;padding:12px 130px 10px 12px;border-radius:14px;min-height:117px}
 .brand-row{height:26px}.brand-mark,.brand-mark img{width:30px;height:30px}.brand-word{width:116px}.brand-word img{width:119px;height:40px}
 .brand-context{font-size:8px;margin-top:8px;white-space:nowrap}.brand .tick{display:none}
 .phase{margin-top:9px;padding-top:8px;width:calc(100vw - 48px)}.phase-head{font-size:10px}.phase-val{font-size:9px}.phase-bar{margin-top:6px}.phase-sub{display:none}
 .corner-r{top:19px;right:18px;bottom:auto;padding:1px 3px;background:none;border:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
 .corner-r .icon-btn{min-width:27px;min-height:29px}.corner-r svg{width:15px;height:15px}
 .top{gap:7px}.stats{grid-template-columns:repeat(3,1fr);padding:9px 4px;border-radius:12px}
 .stat{min-width:0;padding:0 10px}.stat .k{font-size:7px;letter-spacing:.06em}.stat .v{font-size:17px;margin-top:5px;letter-spacing:-.03em}.stat .s{display:none}
 .feed{left:10px;right:10px;top:auto;bottom:77px;width:auto;height:173px;max-height:none;border-radius:14px}
 .panel-head{padding:10px 12px 8px;flex-direction:row;gap:9px;align-items:center}.live{font-size:7px;letter-spacing:.04em;gap:5px}
 .feed .seg{display:flex;flex:1;padding:2px;min-width:0}.feed .seg button{font-size:8px;padding:5px 4px}
 .row{padding:8px 12px}.row .av{height:24px;width:24px}.row .av img{height:24px;width:24px}.row.trader{display:flex}
 .row .l1{font-size:10px}.row .l2{font-size:8px}.row .amt{font-size:9px}
 .goal{bottom:260px;padding:10px 13px;left:10px;right:10px;transform:none;width:auto;border-radius:11px}.goal-title{font-size:8px}.goal-val{font-size:10px}.goal-bar{margin-top:7px;height:3px}.goal-sub{display:none}
 .dock{left:10px;right:10px;bottom:14px;transform:none;gap:2px;padding:6px;border-radius:13px;justify-content:space-between;background:#f7f3ebf2}
 .dock .seg button{padding:8px 9px;min-width:35px;gap:0}.dock .btn{padding:0 8px;min-width:34px;height:33px}.dock .btn[data-act=colony] span{display:inline;font-size:9px}.dock .btn[data-act=colony]{gap:5px}
 .dock .seg span,.dock-sep,.corner-l{display:none}
 .side{left:10px;right:10px;top:auto;bottom:77px;width:auto;height:min(62vh,540px);pointer-events:none}
 .side .profile{pointer-events:auto;height:100%;overflow-y:auto;box-shadow:0 0 0 100vmax #f7f3eb88;background:#f7f3ebf5}
 .side .queen-card{display:none}
 .popover{top:65px;bottom:auto;right:10px;width:min(350px,calc(100vw - 20px))}
 .sheet{width:calc(100vw - 20px);max-height:calc(100dvh - 30px);border-radius:17px}.sheet-head{padding:18px 16px 14px;gap:14px}.sheet-head h2{font-size:18px;max-width:280px}
 .col-tools{gap:9px;flex-wrap:wrap}.search{width:100%}.col-tools .seg{flex:1;justify-content:space-between;display:flex}.col-tools .seg button{font-size:9px;padding:6px 7px}
 .col-grid{grid-template-columns:repeat(3,minmax(0,1fr));padding:0 12px 16px;gap:6px}.tile{height:111px;contain-intrinsic-size:90px 111px}.tile img{width:42px;height:42px}
 .help-sheet{padding:25px 20px}.help-sheet h2{font-size:30px}.help-sheet .lede{font-size:12px}.steps{gap:12px}
 .banner{top:24vh;width:calc(100vw - 40px);padding:15px 20px}.b-title{font-size:20px}.banner-wordmark{width:160px;height:50px}
 .toast{bottom:267px;max-width:calc(100vw - 40px)}.cmd-chip{top:205px;bottom:auto;max-width:calc(100vw - 24px)}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Refinement: readable labels and restrained scene annotations. */
.row .l1{font-size:11px}.row .l2{font-size:9.5px}.row .amt{font-size:10.5px}
.stat .k{font-size:9px;letter-spacing:.08em}
.phase.swarm .phase-bar i{background:linear-gradient(90deg,#a16949,#3e3229)}
.phase.swarm .dot{background:#7f6b5d;box-shadow:0 0 10px #3e322933}
.lbl.flower .hit{background:#7f6b5d;color:#f7f3eb;box-shadow:none;border:1px solid #3e322933}
.lbl.flower .new{background:#3e3229;color:#f7f3eb}
.pop{font-size:10px;font-weight:500;padding:3px 7px;background:#f7f3ebd4;box-shadow:none}
.pop.claim,.pop.whale{font-size:12px;font-weight:500;background:#f7f3ebdf;box-shadow:none}
@media(max-width:820px){.stat .k{font-size:7px}.row .l1{font-size:10px}.row .l2{font-size:8px}.row .amt{font-size:9px}.lbl.flower .hit{font-size:8px}.pop{font-size:9px}}
.col-empty{padding:32px 24px;color:#3e3229;text-align:center;font-size:12px}
@media(max-width:820px){
 .side:has(.profile:not([hidden])){z-index:15}
 body:has(#profile:not([hidden])) .goal,body:has(#profile:not([hidden])) .feed{visibility:hidden}
}
.history-notice{font-size:10px;line-height:1.6;color:#7f6b5d;padding:9px 0;flex-shrink:0}
.profile>.pf-head,.profile>.pf-addr,.profile>.pf-traits,.profile>.pf-grid,.profile>.pf-chart,.profile>.pf-tx-head,.profile>.pf-foot{flex-shrink:0}
.profile{overflow-y:auto;scrollbar-width:thin;scrollbar-color:#3e322933 transparent}
.pf-grid .v{font-size:12px}.trait.dna{color:#3e3229;border-color:#3e322928;background:#7f6b5d0b}
@media(max-width:820px){
 .side{height:min(68vh,600px)}
 .profile>.pf-foot{position:sticky;bottom:0;background:#f7f3eb;padding:10px 0 2px;margin-top:8px;z-index:2}
 .profile>.pf-tx{min-height:110px;flex-shrink:0;max-height:210px}
 .profile>.close{position:sticky;top:0;align-self:flex-end;right:0;margin-bottom:-28px;z-index:3;background:#f7f3eb}
}

/* FORMIQ: an ivory field observatory. Warm earth, ink, vermilion. */
:root{
 --ink:#30271f;--ink-2:#665447;--ink-3:#8b7767;--ink-4:#a7917d;
 --honey:#a84a2d;--honey-2:#b85132;--honey-3:#593725;--wax:#aa7655;
 --raid:#ba4b29;--win:#54704b;--loss:#b54731;--sol:#655b46;
 --glass:rgba(251,248,241,.9);--glass-strong:rgba(251,248,241,.98);
 --line:rgba(105,75,47,.14);--line-2:rgba(105,75,47,.27);
 --r:9px;--shadow:0 9px 35px #6243260b,0 1px 5px #62432606;
}
html,body{background:#e9e3d9}
button:focus-visible,a:focus-visible,input:focus-visible,[role=button]:focus-visible{outline-color:#b84c2d}
.glass,.glass-strong{box-shadow:var(--shadow);border-color:var(--line);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
#loader{background:radial-gradient(ellipse at 50% 50%,#fffdf7,#e9e3d9 72%)}
.ld-logo{width:190px;height:190px;filter:drop-shadow(0 12px 14px #50372318)}
.ld-wordmark{width:275px;height:92px}.ld-caption{color:#6b584b;margin-top:-14px;letter-spacing:.17em}
.ld-step{color:#6f5948}.ld-bar{background:#634a3020}.ld-bar i{background:#b64e2e;box-shadow:none}
.brand{width:300px;padding:15px 17px;border-radius:9px}.brand-row{gap:8px}
.brand-mark,.brand-mark img{width:42px;height:42px}.brand-word{width:184px}.brand-word img{width:190px;height:64px}
.brand .tick{display:none}.brand-context{color:#806c5b;letter-spacing:.02em}
.connection-dot,.phase .dot,.phase.swarm .dot{background:#b94b2d;box-shadow:none}
.offline .connection-dot{background:#a58a53}.offline #connectionStatus{color:#8d703c}
.phase{margin-top:13px;padding-top:11px}.phase-sub{color:#88705e}.phase-bar{background:#8e6e4c19}
.phase-bar i,.phase.swarm .phase-bar i{background:#bc5433;box-shadow:none}
.stats{border-radius:9px;padding:18px 10px}.stat .k{color:#8a7360;font-size:8px}.stat .s{color:#806b59}.stat .v{color:#3a2e24;font-size:22px}
.rbg{stroke:#95734d20}.rfg{stroke:#b55231}
.feed{top:197px;width:300px;bottom:170px;max-height:510px;border-radius:9px}
.live{color:#6a503c}.live i{background:#b64c2e}.seg{background:#e6dacc3d;border-color:#a47f5420}
.seg button{color:#7f6652}.seg button.on{background:#3c3026;color:#fff9ef;box-shadow:none}
.row{min-height:48px;padding:7px 12px;border-color:#b2957420}.row:hover{background:#b9946720}
.row .av{background:#e8ded140;border-color:#a8886520}.row .l1{font-size:11px;color:#755d49}.row .l1 b,.row .bn{color:#4e3928}.row .l2{font-size:9px;color:#927b66}.row .amt{font-size:10px}
.side{width:310px;top:130px;bottom:170px}.card{padding:17px;border-radius:9px}.qc-title{font-size:16px;color:#3b2b20}
.qc-head .eyebrow{color:#9b785b}.qc-grid{background:#e9dfd125;border-color:#ab875923}.qc-grid .k{color:#947355}
.mind{background:#ede3d642;border-color:#bc98772b;border-radius:7px}.mind-head{color:#745238}.mind-dot{background:#b75b34}.mind-gen{background:#d9c1a755;color:#78573d}.mind-best{color:#9c8067}
.board-head{color:#8c6b51}.link{color:#ae4f2e}.brow{border-color:#ac8e6a1b}.brow .val{color:#99603d}.brow .sub{color:#9b816b}.brow .num{color:#ba9b7e}
.goal{bottom:92px;width:460px;border-radius:7px}.goal-title{color:#6d4b31}.goal-ico{color:#a56338}.goal-val{color:#9b4a2e}.goal-bar{background:#b18c5c23}.goal-bar i,.goal.done .goal-bar i{background:#b45b35;box-shadow:none}.goal-sub{color:#a27e5d}
.dock{background:rgba(251,248,241,.94);border-radius:10px}.dock .btn:not(.ghost),.btn:not(.ghost){background:#b8502f;color:#fff9ee;border-color:#a54426;box-shadow:none}
.dock .seg button,.dock .btn{border-radius:6px}.btn.ghost{color:#755338;border-color:#a47f5533;background:#f4ebdd70}
.corner-l .hint-row{color:#7e684d99}kbd{color:#8d765d;border-color:#a0845829;background:#f4ecdd55}
.corner-r{background:#fbf8f1e8;border-radius:7px}.icon-btn{color:#70573e}.icon-btn:hover{color:#a53c21;background:#dbc3a833}
.popover{background:#fbf8f1f7}.set-foot,.source-note{color:#8c715b}.toggle[aria-pressed=true]{background:#b85131;border-color:#b85131}.toggle i{background:#faf7f0}
.lbl{background:#fcf7eeda;border-color:#a67a492d;box-shadow:0 2px 9px #79512812;color:#70472c}
.lbl .sy{color:#5c3f2b}.lbl .mc{color:#a48060}.lbl .raiding,.lbl.flower .hit{background:#b85132;color:#fff6e7;border:0;box-shadow:none}.lbl.flower .new{background:#ead6bc;color:#865733}
.lbl.queen{background:#faf1dfeb;border-color:#a67a4938}.lbl.pyre{color:#b34d2c;background:#f7e9dbed}.lbl .pill{background:#ead6bd;color:#8a532f}
.pop,.pop.claim,.pop.whale{background:#fcf7eed9;color:#9c4e2b;border-color:#b77c4635;box-shadow:none}
.toast{background:#483628f2;color:#fff4e4;border-color:#74553c;font-size:11px}.banner{background:#fcf8efe8;border-color:#af815337}.b-title{color:#6c4327}.b-eyebrow,.b-sub{color:#9b7355}
.modal{background:#3d2f2370}.sheet{background:#faf7f0;border-radius:12px}.sheet-head h2{color:#5d3f29}
.tile{background:#e5d5c02c;border-color:#b9905b20;border-radius:7px}.tile:hover{background:#e5cba350;border-color:#aa774f66}.tile .tn{color:#745232}.tile .tv{color:#a67e57}.tile .st{background:#ab4a2a}.tile.egg .cell{background:#bca17b19;color:#a58660;border-color:#a27d4a30}.tile.sleep img{filter:saturate(.25);opacity:.6}
.search{background:#e6dac332;border-color:#9f754e2b}.search input{color:#6b492f}.help-sheet .lede{color:#957456}.steps b{color:#634326}.steps{color:#8f6e50}.col-empty{color:#947151}
.pf-head .pf-crest{background:#e5d5be2b;border-color:#aa835226}.pf-name{color:#6f4b2b}.pf-traits span{background:#dfccb320;border-color:#9e724f2a;color:#957453}
.pf-chart{background:#e6d6be20}.pf-chart-k{color:#a58768}.history-notice{background:#d9bd9020;color:#947046;border-color:#b38d5726}.pf-tx{color:#8a6443}.pf-addr{background:#dfceb128}.pf-foot{border-color:#ac865630}
.cmd-chip{background:#fbf4e8ed;border-color:#a6774440}.cc-k{color:#9e7555}.cc-sym{color:#764622}
@media(min-width:1650px){.side{width:330px}}
@media(max-width:1250px) and (min-width:821px){.brand,.feed{width:270px}.brand-word{width:161px}.brand-word img{width:170px}.side{width:275px}.stats{max-width:calc(100vw - 318px)}.stat{min-width:90px}.goal{width:410px}}
@media(max-width:820px){
 .brand{width:auto;padding:12px 130px 10px 12px;min-height:110px}.brand-mark,.brand-mark img{width:32px;height:32px}.brand-word{width:111px}.brand-word img{width:116px;height:39px}.brand-context{font-size:8px}
 .stats{max-width:none;padding:9px 4px}.stat .v{font-size:18px}.stat .k{font-size:7px}.feed{top:auto;width:auto;bottom:77px;height:165px;max-height:none}.row{min-height:43px;padding:7px 12px}.row .l1{font-size:10px}.row .l2{font-size:8px}.row .amt{font-size:9px}
 .side{width:auto;top:auto;bottom:77px;height:min(68vh,600px)}.side .profile{background:#fbf8f1fb;box-shadow:0 0 0 100vmax #59442a50}.pf-foot{background:#fbf8f1fa}
 .goal{bottom:252px;width:auto}.dock{bottom:14px;background:#fbf8f1f5}.corner-r{background:none;top:19px}.popover{background:#fbf8f1fc}.cmd-chip{top:202px}
}
/* Scene label legibility and neutral highlights. */
.lbl.flower{background:none;border:0;box-shadow:none}.lbl.flower .pill{background:#fbf6ecef;border:1px solid #9c714738;box-shadow:0 3px 12px #72533410;color:#5d402b;backdrop-filter:blur(8px)}
.lbl.flower .sym{color:#5d402b;font-weight:600}.lbl.flower.attack .pill,.lbl.flower.fresh .pill,.lbl.flower.queen .pill{border-color:#b1663e70;box-shadow:none}.lbl.flower .hit{font-size:8px;font-weight:600;letter-spacing:.04em}
.lbl.sel .nm{background:#fbf6ecef;color:#6c492f;border-color:#ac7b4840}.reticle circle{fill:none;stroke:#b55332;stroke-width:1.5}
.qc-crest,.rfg{box-shadow:none;filter:none}.row.in::after,.row.k-migrate{background:linear-gradient(90deg,#b74f2920,transparent)}.steps .si{background:#ae76521c;border-color:#ad795332}
.pf-status{background:#b58e5b16;border-color:#ad7b4732}.cmd-chip{animation:none;box-shadow:var(--shadow);border-color:#a6774440!important}.row .av img{filter:none}
.stat .s{white-space:normal;line-height:1.4}.stat{min-width:120px}.stats{max-width:calc(100vw - 365px)}
@media(max-width:1250px) and (min-width:821px){.stat{min-width:84px}.stats{max-width:calc(100vw - 318px)}.stat .s{font-size:8px}}
@media(max-width:820px){.stat{min-width:0}.stats{max-width:none}}
/* Current direction: digital ant colony, requested 2026-09-26. */
:root{--ink:#d8e8f5;--ink-2:#98b0c8;--ink-3:#7190ac;--ink-4:#4d6c87;--honey:#7ecbff;--honey-2:#a6ddff;--honey-3:#dbf2ff;--wax:#537da1;--raid:#fc926a;--win:#8bc9b4;--loss:#ed987e;--sol:#9abedb;--glass:rgba(9,20,36,.84);--glass-strong:rgba(10,23,40,.97);--line:rgba(123,182,226,.13);--line-2:rgba(123,182,226,.27);--shadow:0 12px 38px #0000001c;--hi:#ffffff03}
html,body{background:#070d18}.glass,.glass-strong{border-color:var(--line);box-shadow:var(--shadow)}
button:focus-visible,a:focus-visible,input:focus-visible,[role=button]:focus-visible{outline-color:#9cdaff}
.brand-word img,.ld-wordmark,.banner-wordmark{filter:invert(1) brightness(1.4)}
#loader{background:radial-gradient(ellipse at 50% 50%,#102440,#070d18 70%)}.ld-logo{filter:drop-shadow(0 0 20px #3482b333)}.ld-caption{color:#7d9fbe}.ld-step{color:#8eb2cf}.ld-bar{background:#6cabe21c}.ld-bar i{background:#8bd5ff}
.brand-context{color:#7d9ab5}.connection-dot,.phase .dot,.phase.swarm .dot{background:#8bd5ff;box-shadow:0 0 8px #75c9ff33}.offline .connection-dot{background:#e8ae71}.offline #connectionStatus{color:#e8ae71}
.phase-sub{color:#6d8eaa}.phase-title{color:#bfd8ec}.phase-val{color:#9ac7e9}.phase-bar{background:#82bfff16}.phase-bar i,.phase.swarm .phase-bar i{background:#78bbef}
.stat .k{color:#7394b1}.stat .v{color:#daebf7}.stat .s{color:#7291ad}.rbg{stroke:#89bcec16}.rfg{stroke:#a6d9fc;filter:none}
.live{color:#9fb9ce}.live i{background:#8ed4fd}.seg{background:#101f3250;border-color:#81b9e51f}.seg button{color:#799bb8}.seg button.on{background:#9cd0ef;color:#0c2034}
.row{border-color:#89bceb0c}.row:hover{background:#8cbbeb09}.row .av{background:#5b9acc0b;border-color:#70a8d618}.row .av.ico{background:#638bb214;color:#92afc7}.row .l1{color:#90afca}.row .l1 b,.row .bn,.row .l1 .bn{color:#c5e5fb}.row .l2{color:#52728f}.row .amt{color:#92c0e2}.row .amt.pos{color:#8bc9b4}.row .amt.neg{color:#ed987e}.row.in::after,.row.k-migrate{background:linear-gradient(90deg,#73b8ec16,transparent)}
.side{top:150px}.qc-title{color:#d2e7f7}.qc-head .eyebrow{color:#769cba}.qc-grid{background:#0a1b2c50;border-color:#759ec522}.qc-grid .k{color:#708eaa}
.mind{background:#10213955;border-color:#80b1db1a}.mind-head{color:#8cb3d0}.mind-dot{background:#8cd0f8}.mind-gen{background:#3b648331;color:#9dc9e7}.mind-best{color:#65829d}.board-head{color:#7e9db9}.link{color:#8bc9f2}.brow{border-color:#71a1c514}.brow .name{color:#bfd9ed}.brow .val{color:#a0c9e5}.brow .sub{color:#6486a3}.brow .num{color:#50728e}
.goal-title{color:#aacde9}.goal-ico{color:#9ac8ec}.goal-val{color:#93c5ec}.goal.done .goal-val{color:#8bc9b4}.goal-bar{background:#73b1dc16}.goal-bar i,.goal.done .goal-bar i{background:#5a9ac8}.goal-sub{color:#5f83a2}
.dock{background:#0a192cec}.dock .btn:not(.ghost),.btn:not(.ghost){background:#a1d3f1;color:#0a2136;border-color:#a1d3f1}.btn.ghost{background:#172b4140;color:#9fc3df;border-color:#7aabd323}
.corner-l .hint-row{color:#7091ac99}kbd{color:#7899b4;border-color:#739dcc26;background:#4269900b}.corner-r{background:#0b1a2be5}.icon-btn{color:#87abc7}.icon-btn:hover{color:#d3e9fb;background:#85bce71a}
.popover{background:#0c1c30f5}.set-foot,.source-note{color:#7295b3}.toggle[aria-pressed=true]{background:#79bce8;border-color:#79bce8}.toggle i{background:#d6edfd}
.lbl{background:#0b2034e5;border-color:#7aabd22b;color:#9fc7e5}.lbl.flower{background:none}.lbl.flower .pill{background:#10243be8;border-color:#77b7df35;color:#aad7f2;box-shadow:0 3px 12px #00000018}.lbl.flower .sym{color:#bde3fb}.lbl .mc{color:#608caf}.lbl.flower .hit{background:#3b7fa6;color:#dff4ff}.lbl.flower .new{background:#2a4863;color:#9ecef0}.lbl.flower.attack .pill,.lbl.flower.fresh .pill,.lbl.flower.queen .pill{border-color:#83c3ec50}.lbl.sel .nm{background:#122a42e8;color:#c7e8fc;border-color:#80bce05a}.reticle circle{stroke:#8fd5ff;filter:none}
.pop,.pop.claim,.pop.whale{background:#0d2740dd;color:#b6e1ff;border-color:#84b7da28}.toast{background:#142d45f5;color:#d4edff;border-color:#72aad244}.banner{background:#10243be8;border-color:#8fbfe433}.b-title{color:#b1dcfa}.b-eyebrow,.b-sub{color:#7ca5c7}
.modal{background:#030910aa}.sheet{background:#0b1a2b}.sheet-head h2{color:#c2e0f7}.tile{background:#18304930;border-color:#729fc222}.tile:hover{background:#315c8140;border-color:#82b7de50}.tile .tn{color:#afcde5}.tile .tv{color:#6b90b0}.tile .st{background:#7dbee7}.tile.egg .cell{background:#5075991b;color:#688fb0;border-color:#7ea2c220}
.search{background:#071522a0;border-color:#82b0d127}.search input{color:#b1d1e8}.search:focus-within{border-color:#81b6df80}.help-sheet .lede{color:#97b3cb}.steps{color:#8fabc3}.steps b{color:#c0dcef}.steps .si{background:#76a7d213;border-color:#8abcdf26}.col-empty{color:#91b0c9}
.pf-head .pf-crest{background:#83b4dc08;border-color:#7dabd225}.pf-name{color:#c6e1f5}.pf-traits span{background:#6794bc10;border-color:#84afd12a;color:#88aecb}.pf-status{background:#80b4dd0e;border-color:#83b4db23}.pf-chart{background:#13293f38}.pf-chart-k{color:#6e90af}.history-notice{background:#75866116;color:#bdc89b;border-color:#a3b27627}.pf-addr{background:#75a7c60c}.pf-tx{color:#8eb1cd}.pf-foot{border-color:#86afd221}
.cmd-chip{background:#10263de8;border-color:#7eb8e044!important}.cc-k{color:#7bafd3}.cc-sym{color:#bee6ff}.lbl .stem{background:#71a9ce4d}
@media(max-width:1250px) and (min-width:821px){.side{top:143px}}
@media(max-width:820px){.side{top:auto}.side .profile{background:#0c1c30fc;box-shadow:0 0 0 100vmax #010711a0}.pf-foot{background:#0c1c30fc}.dock{background:#0d1e30f4}.corner-r{background:none}.popover{background:#102139fc}}
/* Detailed balances and strategy traits remain readable in the narrower panel. */
.pf-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pf-grid .v{font-size:11px;letter-spacing:-.01em;text-overflow:clip;white-space:normal;overflow:visible}.pf-grid .k{font-size:8px}.trait.dna{background:#5889b217;color:#8ab6d8;border-color:#6ba8d42c}
.lbl.sel{background:none;border:none;box-shadow:none}.pf-status.sleep{background:#879bba18;color:#92a6be;border-color:#7994b029}.pf-status.raid{background:#e18f6920;color:#f0b898;border-color:#c68d632a}
@media(max-width:820px){.pf-grid .v{font-size:12px}.pf-grid .k{font-size:8px}}

@media(max-width:820px){.profile>.pf-foot,.profile>.close{background:#0c1c30}.profile>.pf-foot .btn.ghost{background:#142b40;color:#a6cae6}.profile>.close{color:#a7cce8}}
/* Own-colony setup and exact on-chain amounts. */
.colony-setup{border-top:1px solid var(--line);margin-top:14px;padding-top:8px}.setup-row{display:flex;justify-content:space-between;gap:12px;padding:6px 0;font-size:10px;color:#799ab6}.setup-row b{font-weight:400;color:#91a6b9;text-align:right}.setup-row .ready{color:#acd7ed}.fee-status{font-size:9px;line-height:1.6;color:#7295b3;margin:8px 0 12px}.queen-card{overflow-y:auto;max-height:100%;scrollbar-width:thin;scrollbar-color:#345472 transparent}.qc-grid .v{font-size:11px;overflow-wrap:anywhere}.goal-sub{line-height:1.5}.stat .v{overflow-wrap:anywhere}.pf-tx .txr{grid-template-columns:1fr auto auto 24px}
.feed-receipt{display:grid;place-items:center;flex-shrink:0;width:24px;height:30px;color:#87abc7}.feed-receipt svg{width:13px;height:13px}.feed-receipt:hover{color:#d3e9fb}
.row.colony-row{grid-template-columns:minmax(0,1fr) auto 24px;gap:8px}.row.colony-row .l1{white-space:normal;line-height:1.45}.row.colony-row .amt{max-width:94px;white-space:normal;overflow-wrap:anywhere;text-align:right}.stats .stat .v{font-size:18px;line-height:1.3;white-space:normal;text-overflow:clip;overflow:visible;overflow-wrap:anywhere}.qc-grid .v{white-space:normal;overflow:visible;line-height:1.5}.qc-grid>div{min-width:0}
@media(max-width:820px){.stats .stat .v{font-size:16px}.row.colony-row .amt{max-width:112px}}
.row.colony-row{height:auto;min-height:56px;padding-top:9px;padding-bottom:9px}.stat:nth-child(4) .v{font-size:16px}
.stats .stat:nth-child(4) .v{font-size:14px}.side{top:170px}
@media(max-width:1250px) and (min-width:821px){.side{top:160px}}
@media(max-width:820px){.side{top:auto}}

/* Colony roles extend the existing blue observatory without altering the scene. */
#colony .sheet{width:min(1060px,100%);max-height:calc(100dvh - 2 * var(--gut));overflow:hidden}
#colony .sheet-head{flex-shrink:0;align-items:center}
#colony .sheet-head h2{font-size:19px}
.col-body{overflow:auto;min-height:0;padding:0 22px 16px;scrollbar-width:thin;scrollbar-color:#345472 transparent}
.col-intro{display:flex;align-items:center;justify-content:space-between;margin:18px 0 10px;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#83a5c2}
.col-intro .link{font-size:10px;padding:4px 0;color:#7297b7}.col-intro .link.on{color:#d4eafa}
.ant-role-guide{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.ant-role-card{text-align:left;display:flex;flex-direction:column;align-items:stretch;gap:8px;border:1px solid #6c9abb2b;border-radius:12px;padding:14px 16px;color:#b2cce0;background:#16334d30;cursor:pointer;transition:background .2s,border-color .2s}
.ant-role-card:hover,.ant-role-card.on{border-color:var(--role-color);background:#28506c38}
.role-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.role-number{color:var(--role-color);font:10px var(--mono,monospace);letter-spacing:.1em}.role-count{font-size:9px;color:#8aa9c0}
.ant-role-card strong{font-size:17px;font-weight:500;color:var(--role-color)}.role-description{font-size:11px;line-height:1.6;color:#9ab4c9}
.col-explainer,.col-footnote{font-size:10px;line-height:1.6;color:#8ba8c0;margin:12px 0 16px}.col-footnote{border-top:1px solid #719bbb22;padding-top:12px;margin-bottom:0}
.ant-state-filter{display:flex;flex-wrap:wrap;width:fit-content;max-width:100%;gap:2px}.ant-state-filter button{white-space:nowrap;font-size:10px}.ant-state-filter button span{margin-left:5px;opacity:.7;font-variant-numeric:tabular-nums}
.col-summary{font-size:10px;color:#829fb7;line-height:1.6;margin:13px 0 0}
#colony .col-grid{overflow:visible;padding:14px 0 4px;grid-template-columns:repeat(auto-fill,minmax(125px,1fr))}
.ant-tile{height:151px;padding:12px 6px;gap:5px}.ant-tile img{width:49px;height:49px}.ant-tile .ant-tile-role{color:var(--role-color);font-size:10px}.ant-tile .tv{font-size:9px;color:#91abc0;text-align:center}
.ant-tile.retired{opacity:.62}.ant-tile.retired .st{background:#8a91a2;box-shadow:none}.ant-tile.attention .st{background:#edbc7e;box-shadow:none}.ant-tile.egg{opacity:.75;cursor:pointer}.ant-tile.egg:hover{border-color:#95bad377}
.ant-tile-mark{position:absolute;left:9px;top:10px;display:flex;gap:2px}.ant-tile-mark i{height:7px;width:2px;background:var(--role-color);opacity:.7}
.ant-plan-detail{position:relative;margin-top:14px;padding:18px;border:1px solid #88adcd40;border-radius:12px;background:#142c4044}.ant-plan-detail>[data-close-plan]{float:right;font-size:11px}.ant-plan-detail h3{margin:7px 0;color:#bed8eb;font-size:17px;font-weight:500}.ant-plan-detail>p{font-size:11px;color:#97b2c6;line-height:1.7}
.ant-dossier{margin-top:6px;flex-shrink:0}.ant-role-description{font-size:10px;line-height:1.6;color:#a0b9cd;margin:7px 0 10px}
.ant-identity{display:flex;gap:8px;align-items:center;padding:7px 0;color:#a7c0d5;font-size:9px}.ant-identity code{margin-left:auto;color:#6d94b4;font-size:9px}.ant-sigil{display:inline-flex;gap:3px;min-width:18px}.ant-sigil i{width:3px;height:13px;background:var(--role-color);border-radius:2px}
.identity-note,.strategy-note{margin:3px 0 9px;font-size:9px;color:#87a4bd;line-height:1.6}.strategy-caption{display:flex;justify-content:space-between;gap:6px;border-top:1px solid #6b9cb930;padding-top:10px;color:#b1cde2;font-size:10px}.strategy-caption span{font-size:9px;color:#80a1bb}
.ant-strategy{margin:9px 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px 8px}.ant-strategy div{min-width:0}.ant-strategy dt{font-size:9px;color:#83a5be}.ant-strategy dd{margin:4px 0 0;color:#c1ddee;font-size:11px;font-variant-numeric:tabular-nums}
.ant-role-trait{color:var(--role-color);border-color:var(--role-color)}.ant-attention{color:#e7bd83;font-size:10px;line-height:1.6}.pf-status.attention{color:#e7bd83}.pf-status.retired{color:#96a0af}
#profile{overflow-y:auto;scrollbar-width:thin;scrollbar-color:#345472 transparent}#profile>*{flex-shrink:0}#profile .pf-tx{min-height:70px;max-height:180px;flex-shrink:0}
@media(max-width:820px){#colony .sheet-head{padding:19px 16px 14px;gap:12px}#colony .sheet-head>div:first-child{padding-right:30px}#colony .col-tools{justify-content:flex-start}.col-body{padding:0 16px 16px}.ant-role-guide{gap:6px}.ant-role-card{padding:11px 9px;gap:7px}.role-top{align-items:flex-start;flex-direction:column;gap:4px}.ant-role-card strong{font-size:14px}.role-description{font-size:10px;line-height:1.5}.role-count{font-size:8px}.ant-state-filter{width:100%;justify-content:flex-start}.ant-state-filter button{padding:6px 7px;font-size:10px}#colony .col-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.ant-tile{height:143px}.col-explainer{font-size:10px}#profile{max-height:60dvh}}
@media(prefers-reduced-motion:reduce){.ant-role-card{transition:none}.ant-tile:hover{transform:none}}