/* v0.5.25 — Robot Lab State Contrast Fix Fixes Energy Core text collisions by reserving terminal-safe gutters and makes TERBUKA / AKTIF / TERKUNCI states immediately distinguishable at a glance. */ /* -------------------------------------------------------------------------- ENERGY CORE — reserve real space for the bolt terminals. Text and the track now share the same safe horizontal gutter. -------------------------------------------------------------------------- */ .robotlab-card.robotlab-adventure-v0521 .robotlab-energy-wrap{ padding:11px 16px 14px !important; } .robotlab-card.robotlab-adventure-v0521 .robotlab-energy-label{ margin:0 0 6px !important; padding:0 34px !important; gap:18px; font-size:11px; line-height:1.15; } .robotlab-card.robotlab-adventure-v0521 .robotlab-energy-label span:first-child{ text-align:left; } .robotlab-card.robotlab-adventure-v0521 .robotlab-energy-label span:last-child{ text-align:right; white-space:nowrap; } .robotlab-card.robotlab-adventure-v0521 .robotlab-xpbar-label{ display:flex !important; align-items:center; justify-content:space-between; gap:20px; margin:0 0 7px !important; padding:0 34px !important; line-height:1.15; } .robotlab-card.robotlab-adventure-v0521 .robotlab-xpbar-label > span{ min-width:0 !important; text-align:left !important; white-space:nowrap; } .robotlab-card.robotlab-adventure-v0521 .robotlab-xpbar-label > span:last-child{ margin-left:auto; text-align:right !important; } .robotlab-card.robotlab-adventure-v0521 .robotlab-xpbar-track{ width:auto !important; margin-left:28px !important; margin-right:28px !important; } .robotlab-card.robotlab-adventure-v0521 .robotlab-xpbar-track::before{ left:-22px !important; } .robotlab-card.robotlab-adventure-v0521 .robotlab-xpbar-track::after{ right:-22px !important; } .robotlab-card.robotlab-adventure-v0521 .robotlab-next-step{ margin:7px 0 0 !important; padding:0 34px !important; text-align:right !important; line-height:1.25; white-space:normal; } /* -------------------------------------------------------------------------- UPGRADE STATES — three unmistakable visual languages. -------------------------------------------------------------------------- */ .robotlab-card.robotlab-adventure-v0521 .robotlab-upgrade-item{ border-width:1.5px; } /* TERBUKA: cool blue/white, crisp and available. */ .robotlab-card.robotlab-adventure-v0521 .robotlab-upgrade-item.upgrade-unlocked{ opacity:1 !important; filter:none !important; background: linear-gradient(145deg,rgba(255,255,255,.96),rgba(224,246,255,.92)) !important; border-color:rgba(72,178,222,.55) !important; box-shadow: inset 5px 0 0 rgba(54,168,218,.72), 0 8px 18px rgba(39,111,151,.12), inset 0 1px 0 #fff !important; } .robotlab-card.robotlab-adventure-v0521 .robotlab-upgrade-item.upgrade-unlocked .upgrade-state-badge{ color:#116c91 !important; background:#dff5ff !important; border-color:rgba(45,151,196,.34) !important; } .robotlab-card.robotlab-adventure-v0521 .robotlab-upgrade-item.upgrade-unlocked .upgrade-status{ color:#25885d !important; font-weight:800 !important; } .robotlab-card.robotlab-adventure-v0521 .robotlab-upgrade-item.upgrade-unlocked .upgrade-icon{ border-color:rgba(80,181,220,.32) !important; background:linear-gradient(145deg,#ecfaff,#fff7d9) !important; filter:none !important; } /* AKTIF: strongest state — aqua + mint + gold marker. */ .robotlab-card.robotlab-adventure-v0521 .robotlab-upgrade-item.upgrade-current{ opacity:1 !important; filter:none !important; background: radial-gradient(circle at 88% 18%,rgba(255,215,89,.34),transparent 27%), linear-gradient(135deg,rgba(207,251,255,.99),rgba(215,251,235,.99)) !important; border:2px solid rgba(38,190,190,.86) !important; box-shadow: inset 6px 0 0 #21bfc4, 0 0 0 3px rgba(74,211,208,.16), 0 12px 24px rgba(28,143,151,.20), inset 0 1px 0 #fff !important; } .robotlab-card.robotlab-adventure-v0521 .robotlab-upgrade-item.upgrade-current::after{ content:"★"; position:absolute; right:16px; bottom:12px; color:rgba(233,177,29,.28); font-size:24px; pointer-events:none; } .robotlab-card.robotlab-adventure-v0521 .robotlab-upgrade-item.upgrade-current .upgrade-state-badge{ color:#fff !important; background:linear-gradient(90deg,#129ca8,#22b987) !important; border-color:transparent !important; box-shadow:0 3px 8px rgba(20,137,145,.18); } .robotlab-card.robotlab-adventure-v0521 .robotlab-upgrade-item.upgrade-current .upgrade-status{ color:#188555 !important; font-weight:850 !important; } .robotlab-card.robotlab-adventure-v0521 .robotlab-upgrade-item.upgrade-current .upgrade-icon{ border-color:rgba(36,190,190,.56) !important; background:linear-gradient(145deg,#e5fcff,#fff0b5) !important; box-shadow: 0 8px 17px rgba(27,146,158,.18), 0 0 0 3px rgba(75,208,204,.12), inset 0 1px 0 #fff !important; } /* TERKUNCI: intentionally neutral/cool-gray, still readable. */ .robotlab-card.robotlab-adventure-v0521 .robotlab-upgrade-item.upgrade-locked{ opacity:1 !important; filter:none !important; background: linear-gradient(145deg,rgba(228,237,243,.96),rgba(210,224,234,.94)) !important; border-color:rgba(103,133,153,.40) !important; box-shadow: inset 5px 0 0 rgba(112,137,154,.38), inset 0 1px 0 rgba(255,255,255,.75) !important; } .robotlab-card.robotlab-adventure-v0521 .robotlab-upgrade-item.upgrade-locked .upgrade-state-badge{ color:#536b7b !important; background:#d7e1e7 !important; border-color:rgba(86,111,128,.22) !important; } .robotlab-card.robotlab-adventure-v0521 .robotlab-upgrade-item.upgrade-locked .upgrade-name{ color:#3e5b6f !important; } .robotlab-card.robotlab-adventure-v0521 .robotlab-upgrade-item.upgrade-locked .upgrade-note{ color:#687f8e !important; } .robotlab-card.robotlab-adventure-v0521 .robotlab-upgrade-item.upgrade-locked .upgrade-status.upgrade-lock-chip{ color:#526d7e !important; background:rgba(244,248,250,.94) !important; border-color:rgba(91,118,136,.24) !important; } .robotlab-card.robotlab-adventure-v0521 .robotlab-upgrade-item.upgrade-locked .upgrade-icon{ background:linear-gradient(145deg,#e8eef2,#d9e4ea) !important; border-color:rgba(107,135,153,.22) !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.72) !important; } .robotlab-card.robotlab-adventure-v0521 .robotlab-upgrade-item.upgrade-locked .robot-form{ opacity:.68 !important; filter:grayscale(.40) saturate(.58) contrast(.92) !important; } /* Lv.6 keeps a prestige hint, but the locked state remains unmistakable. */ .robotlab-card.robotlab-adventure-v0521 .robot-evolution-level-6.upgrade-locked{ background: radial-gradient(circle at 87% 18%,rgba(247,211,91,.16),transparent 25%), linear-gradient(145deg,rgba(231,235,242,.97),rgba(219,224,235,.95)) !important; border-color:rgba(143,126,157,.42) !important; } .robotlab-card.robotlab-adventure-v0521 .robot-evolution-level-6.upgrade-locked .upgrade-icon{ background:linear-gradient(145deg,#eeeaf2,#e8dfd9) !important; border-color:rgba(196,163,72,.28) !important; } @media (max-width:900px){ .robotlab-card.robotlab-adventure-v0521 .robotlab-energy-label, .robotlab-card.robotlab-adventure-v0521 .robotlab-xpbar-label, .robotlab-card.robotlab-adventure-v0521 .robotlab-next-step{ padding-left:30px !important; padding-right:30px !important; } .robotlab-card.robotlab-adventure-v0521 .robotlab-xpbar-track{ margin-left:25px !important; margin-right:25px !important; } } @media (max-width:700px){ .robotlab-card.robotlab-adventure-v0521 .robotlab-energy-label{ gap:10px; font-size:10.3px; } .robotlab-card.robotlab-adventure-v0521 .robotlab-energy-label, .robotlab-card.robotlab-adventure-v0521 .robotlab-xpbar-label, .robotlab-card.robotlab-adventure-v0521 .robotlab-next-step{ padding-left:28px !important; padding-right:28px !important; } .robotlab-card.robotlab-adventure-v0521 .robotlab-xpbar-track{ margin-left:23px !important; margin-right:23px !important; } }