:root {
  --bg: #060d17;
  --panel: rgba(11, 24, 39, .88);
  --panel-2: #0f2033;
  --line: rgba(143, 177, 205, .17);
  --text: #eef7ff;
  --muted: #8296a9;
  --cyan: #22d3ee;
  --cyan-soft: rgba(34, 211, 238, .12);
  --green: #5ee6a8;
  --amber: #f9c74f;
  --danger: #ff6b81;
  --common: #83c78c;
  --rare: #7cc1e6;
  --epic: #b69af2;
  --legendary: #efbd6c;
  --mythic: #ee93be;
  font-family: Inter, system-ui, sans-serif;
  color: var(--text);
  background: var(--bg);
  font-synthesis: none;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; min-height: 100vh; background: radial-gradient(circle at 72% 12%, rgba(14, 116, 144, .14), transparent 26%), linear-gradient(180deg, #07111f, #060d17 52%, #050a12); }
button, select, input { font: inherit; }
button, select { color: inherit; }
button { cursor: pointer; }
.stars { position: fixed; inset: 0; pointer-events: none; opacity: .32; background-image: radial-gradient(#9bdcf0 1px, transparent 1px), radial-gradient(#fff 1px, transparent 1px); background-position: 0 0, 35px 55px; background-size: 91px 91px, 137px 137px; mask-image: linear-gradient(to bottom, #000, transparent 70%); }
.topbar { height: 76px; display: flex; align-items: center; justify-content: space-between; padding: 0 max(24px, calc((100vw - 1240px)/2)); border-bottom: 1px solid var(--line); background: rgba(5, 12, 22, .8); backdrop-filter: blur(18px); position: sticky; top: 0; z-index: 20; }
.brand { display: flex; gap: 12px; align-items: center; color: var(--text); text-decoration: none; font-family: "Chakra Petch", sans-serif; letter-spacing: .1em; line-height: 1; }
.brand strong, .brand small { display: block; }
.brand strong { font-size: 14px; }.brand small { margin-top: 5px; font-size: 10px; color: var(--cyan); letter-spacing: .28em; }
.brand-mark { width: 37px; height: 37px; border: 1px solid rgba(34,211,238,.5); display: flex; align-items: end; justify-content: center; gap: 3px; padding: 8px; transform: rotate(45deg); background: var(--cyan-soft); }
.brand-mark i { display: block; width: 4px; background: var(--cyan); }.brand-mark i:nth-child(1){height:9px}.brand-mark i:nth-child(2){height:18px}.brand-mark i:nth-child(3){height:13px}
.account-controls { display: flex; gap: 8px; }.select-wrap select { appearance: none; background: var(--panel-2); border: 1px solid var(--line); border-radius: 8px; padding: 10px 36px 10px 14px; min-width: 180px; }.select-wrap { position: relative; }.select-wrap:after { content: "⌄"; position: absolute; right: 13px; top: 8px; color: var(--cyan); pointer-events:none; }
.icon-button { width: 40px; height: 40px; border: 1px solid var(--line); border-radius: 8px; background: rgba(16,34,52,.7); font-size: 18px; }
main { width: min(1240px, calc(100% - 48px)); margin: 0 auto; padding-bottom: 70px; position: relative; }
.hero { min-height: 300px; display: flex; justify-content: space-between; align-items: center; padding: 54px 3% 46px; }
.eyebrow { margin: 0 0 12px; font-family: "Chakra Petch", sans-serif; font-weight: 700; font-size: 10px; letter-spacing: .22em; color: var(--cyan); }.eyebrow span { width: 18px; height: 1px; background: var(--cyan); display: inline-block; vertical-align: middle; margin-right: 8px; }
h1,h2 { font-family: "Chakra Petch", sans-serif; margin: 0; }h1 { font-size: clamp(38px, 5vw, 62px); line-height: .98; letter-spacing: -.035em; }h1 em { color: transparent; -webkit-text-stroke: 1px rgba(159,224,238,.75); font-style: normal; }h2 { font-size: 23px; }
.hero-copy { max-width: 570px; color: #94a8b9; line-height: 1.65; margin: 22px 0 0; }
.path-orbit { width: 180px; height: 180px; display: grid; place-items: center; position: relative; margin-right: 7%; }.orbit-ring { position:absolute; inset: 0; border: 1px solid rgba(34,211,238,.22); border-radius:50%; animation: spin 25s linear infinite; }.orbit-ring:before,.orbit-ring:after { content:""; position:absolute; inset:17px; border:1px dashed rgba(34,211,238,.2); border-radius:50%; }.orbit-ring:after { inset:40px; border-style:solid; }.orbit-ring span { position:absolute; width:7px;height:7px;background:var(--cyan);border-radius:50%;box-shadow:0 0 12px var(--cyan)}.orbit-ring span:nth-child(1){top:18px;left:35px}.orbit-ring span:nth-child(2){right:-3px;top:83px}.orbit-ring span:nth-child(3){bottom:17px;right:35px}.orbit-ring span:nth-child(4){left:-3px;top:83px}@keyframes spin{to{transform:rotate(360deg)}}
.orbit-core { text-align:center; width:78px;height:78px;border-radius:50%;display:grid;place-content:center;background:radial-gradient(circle,rgba(34,211,238,.18),rgba(6,13,23,.95));box-shadow:0 0 35px rgba(34,211,238,.15)}.orbit-core small{font-family:"Chakra Petch";font-size:8px;letter-spacing:.22em;color:var(--muted)}.orbit-core strong{font-family:"Chakra Petch";font-size:28px;color:var(--cyan)}
.card { border: 1px solid var(--line); background: linear-gradient(145deg, rgba(15,33,51,.9), rgba(8,19,31,.86)); box-shadow: 0 22px 70px rgba(0,0,0,.18); }
.control-deck { min-height: 104px; display:flex; align-items:center; padding:20px 24px; gap:26px; border-radius:10px; position:relative; overflow:hidden }.control-deck:before {content:"";position:absolute;left:0;top:0;width:90px;height:1px;background:var(--cyan);box-shadow:0 0 12px var(--cyan)}.control-block .label{font-family:"Chakra Petch";font-size:9px;letter-spacing:.18em;color:var(--muted);display:block;margin-bottom:10px}.segmented{display:flex;gap:4px}.segmented button,.filters button{border:1px solid transparent;background:rgba(0,0,0,.16);color:var(--muted);border-radius:5px;padding:9px 13px;font-family:"Chakra Petch";font-weight:600;font-size:12px}.segmented button.active,.filters button.active{color:var(--cyan);border-color:rgba(34,211,238,.36);background:var(--cyan-soft)}
.divider{height:53px;width:1px;background:var(--line)}.stepper{display:flex;align-items:center;gap:8px}.stepper button{border:1px solid var(--line);background:#0b1725;width:31px;height:31px;border-radius:5px}.stepper strong{font-family:"Chakra Petch";font-size:27px;color:var(--cyan);min-width:34px;text-align:right}.stepper span{font-size:12px;color:var(--muted)}.deck-actions{display:flex;gap:10px;margin-left:auto}.primary,.secondary,.danger{border-radius:6px;padding:12px 16px;border:1px solid var(--line);font-family:"Chakra Petch";font-size:11px;font-weight:700;letter-spacing:.08em}.primary{background:var(--cyan);border-color:var(--cyan);color:#031016;box-shadow:0 0 20px rgba(34,211,238,.13)}.primary:disabled{opacity:.35;cursor:not-allowed;box-shadow:none}.secondary{background:#0d1b2b}.secondary b{margin-left:7px;background:var(--cyan-soft);color:var(--cyan);padding:2px 6px;border-radius:10px}.danger{background:rgba(255,107,129,.1);color:var(--danger);border-color:rgba(255,107,129,.3)}
.status-grid{display:grid;grid-template-columns:2fr 1fr;gap:16px;margin-top:16px}.target-card,.forecast-card{border-radius:10px;padding:24px}.section-heading{display:flex;justify-content:space-between;align-items:center}.progress-ring{--progress:0deg;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--green) var(--progress),rgba(255,255,255,.08) 0);position:relative}.progress-ring:after{content:"";position:absolute;inset:5px;background:#0c1b2a;border-radius:50%}.progress-ring strong{font:700 13px "Chakra Petch";z-index:1}.target-requirements{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:20px}.target-req{display:flex;align-items:center;gap:10px;border:1px solid var(--line);padding:12px;border-radius:7px;background:rgba(4,12,21,.35)}.target-req .status-dot{width:25px;height:25px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--line);color:var(--muted)}.target-req.ready .status-dot{background:rgba(94,230,168,.12);border-color:var(--green);color:var(--green)}.target-req strong{display:block;font:600 12px "Chakra Petch"}.target-req small{color:var(--muted);font-size:10px}.forecast-card{position:relative;overflow:hidden}.forecast-card:after{content:"◆";position:absolute;right:-20px;bottom:-40px;font-size:150px;color:rgba(34,211,238,.025)}.chip-total{display:grid;grid-template-columns:auto 1fr;column-gap:12px;align-items:center;margin:25px 0 14px}.chip-icon{color:var(--cyan);font-size:30px;grid-row:span 2;text-shadow:0 0 16px var(--cyan)}.chip-total strong{font:700 34px "Chakra Petch"}.chip-total small{color:var(--muted);font:600 9px "Chakra Petch";letter-spacing:.15em}.forecast-card>p:last-child{color:var(--muted);font-size:12px;line-height:1.5}
.path-section{margin-top:45px}.path-heading{margin-bottom:18px}.filters{display:flex;background:rgba(4,12,21,.45);padding:3px;border-radius:7px}.route-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.level-card{border:1px solid var(--line);background:rgba(10,23,37,.74);border-radius:8px;display:grid;grid-template-columns:72px 1fr;min-height:142px;overflow:hidden;transition:.2s}.level-card.current{border-color:rgba(34,211,238,.55);box-shadow:0 0 24px rgba(34,211,238,.07)}.level-card.complete{border-color:rgba(94,230,168,.18)}.level-number{border-right:1px solid var(--line);display:flex;flex-direction:column;align-items:center;justify-content:center;background:rgba(2,9,16,.22)}.level-number small{font:600 8px "Chakra Petch";letter-spacing:.13em;color:var(--muted)}.level-number strong{font:700 27px "Chakra Petch";margin-top:2px}.level-number span{margin-top:9px;font-size:9px;color:var(--muted)}.complete .level-number strong,.complete .level-number span{color:var(--green)}.req-list{display:grid;grid-template-rows:repeat(3,1fr)}.req-row{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;padding:8px 11px;border-bottom:1px solid rgba(143,177,205,.1);position:relative}.req-row:last-child{border:0}.req-main{min-width:0}.req-title{display:flex;align-items:center;gap:7px}.req-title strong{font:600 11px "Chakra Petch";white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rarity-dot{width:6px;height:6px;border-radius:50%;flex:0 0 auto}.rarity-dot.common{background:var(--common)}.rarity-dot.rare{background:var(--rare)}.rarity-dot.epic{background:var(--epic)}.rarity-dot.legendary{background:var(--legendary)}.rarity-dot.mythic{background:var(--mythic)}.req-meta{font-size:9px;color:var(--muted);margin:3px 0 0 13px}.req-meta .upgrade{color:var(--amber)}.req-row select{appearance:none;border:1px solid var(--line);background:#0a1724;border-radius:5px;color:#9fb2c2;font-size:9px;padding:6px 21px 6px 7px;max-width:88px}.req-row:after{content:"⌄";position:absolute;right:17px;color:var(--cyan);font-size:10px;pointer-events:none}.req-row.ready{background:linear-gradient(90deg,rgba(94,230,168,.075),transparent)}.req-row.ready select{border-color:rgba(94,230,168,.32);color:var(--green)}.empty-req{color:#526476;font-size:10px;padding:10px 12px;display:flex;align-items:center;border-bottom:1px solid rgba(143,177,205,.1)}
.route-controls{display:flex;gap:8px;align-items:center}.view-toggle{display:flex;background:rgba(4,12,21,.45);padding:3px;border-radius:7px}.view-toggle button{border:1px solid transparent;background:rgba(0,0,0,.16);color:var(--muted);border-radius:5px;padding:9px 13px;font:600 12px "Chakra Petch"}.view-toggle button.active{color:var(--cyan);border-color:rgba(34,211,238,.36);background:var(--cyan-soft)}.hidden{display:none!important}
.matrix-wrap{grid-column:1/-1;overflow-x:auto;border:1px solid var(--line);border-radius:9px;background:rgba(8,20,33,.75)}.droid-matrix{width:100%;min-width:950px;border-collapse:collapse;table-layout:fixed}.droid-matrix th{position:sticky;top:76px;z-index:4;background:#0b1c2c;color:var(--muted);font:700 9px "Chakra Petch";letter-spacing:.12em;text-transform:uppercase;padding:11px 8px;border-bottom:1px solid var(--line);text-align:center}.droid-matrix th:first-child{text-align:left;width:190px}.droid-matrix th:last-child{width:150px}.rarity-band td{padding:9px 12px;background:rgba(34,211,238,.045);border-top:1px solid var(--line);border-bottom:1px solid var(--line);font:700 10px "Chakra Petch";letter-spacing:.14em;text-transform:uppercase}.rarity-band .common{color:var(--common)}.rarity-band .rare{color:var(--rare)}.rarity-band .epic{color:var(--epic)}.rarity-band .legendary{color:var(--legendary)}.rarity-band .mythic{color:var(--mythic)}.droid-matrix td{border-bottom:1px solid rgba(143,177,205,.1);border-right:1px solid rgba(143,177,205,.08);padding:6px;text-align:center;height:51px}.droid-matrix td:first-child{text-align:left;padding:8px 12px}.droid-name{display:flex;align-items:center;gap:8px}.droid-name strong{font:600 11px "Chakra Petch"}.safe-badge{display:block;margin:4px 0 0 14px;color:var(--green);font:700 8px "Chakra Petch";letter-spacing:.08em}.future-badge{display:block;margin:4px 0 0 14px;color:var(--muted);font-size:8px}.matrix-cell button{width:100%;min-height:35px;border:1px solid transparent;border-radius:5px;background:rgba(2,10,17,.2);color:#91a6b7;font:700 10px "Chakra Petch"}.matrix-cell button:hover{border-color:rgba(34,211,238,.32)}.matrix-cell .past{opacity:.38}.matrix-cell .owned{background:rgba(94,230,168,.14);border-color:rgba(94,230,168,.38);color:var(--green);box-shadow:inset 0 0 12px rgba(94,230,168,.05)}.matrix-cell .current-need{border-color:var(--cyan);box-shadow:0 0 12px rgba(34,211,238,.1)}.matrix-cell .empty{color:#304457}.matrix-inventory select{width:100%;background:#091724;border:1px solid var(--line);border-radius:5px;padding:7px;color:var(--text);font-size:9px}
.drawer-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:29;opacity:0;pointer-events:none;transition:.2s}.drawer-backdrop.open{opacity:1;pointer-events:auto}.drawer{position:fixed;right:0;top:0;bottom:0;width:min(460px,100%);background:#081522;border-left:1px solid var(--line);z-index:30;transform:translateX(100%);transition:.28s ease;padding:26px;overflow:auto}.drawer.open{transform:none}.drawer-header{display:flex;justify-content:space-between;align-items:start}.drawer-copy{font-size:12px;line-height:1.6;color:var(--muted)}.search{display:flex;align-items:center;gap:8px;background:#0d1d2d;border:1px solid var(--line);border-radius:7px;padding:0 12px;margin:20px 0}.search span{color:var(--cyan);font-size:20px}.search input{width:100%;padding:12px 0;border:0;outline:0;background:transparent;color:var(--text)}.inventory-list{display:grid;gap:6px}.inventory-item{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;padding:10px 12px;border:1px solid var(--line);border-radius:6px;background:rgba(16,34,52,.48)}.inventory-item strong{display:block;font:600 11px "Chakra Petch"}.inventory-item small{font-size:9px;color:var(--muted)}.inventory-item select{background:#081522;border:1px solid var(--line);border-radius:5px;padding:7px;color:var(--text);font-size:10px}
dialog{width:min(440px,calc(100% - 32px));background:#0a1724;color:var(--text);border:1px solid var(--line);border-radius:10px;padding:0;box-shadow:0 30px 90px rgba(0,0,0,.6)}dialog::backdrop{background:rgba(0,0,0,.65);backdrop-filter:blur(4px)}dialog form{padding:24px}.dialog-heading{display:flex;justify-content:space-between}.dialog-heading+label{margin-top:24px}dialog label{display:grid;gap:8px;margin-top:14px;color:var(--muted);font-size:11px}dialog input,dialog select{background:#07111d;color:var(--text);border:1px solid var(--line);border-radius:6px;padding:11px;outline:none}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:24px}.toast{position:fixed;left:50%;bottom:25px;transform:translate(-50%,20px);background:#122538;border:1px solid var(--line);border-radius:7px;padding:11px 16px;font-size:12px;opacity:0;pointer-events:none;transition:.2s;z-index:50}.toast.show{opacity:1;transform:translate(-50%,0)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:850px){.hero{min-height:250px}.path-orbit{display:none}.control-deck{flex-wrap:wrap}.divider{display:none}.deck-actions{width:100%;margin:0}.deck-actions button{flex:1}.status-grid{grid-template-columns:1fr}.route-grid{grid-template-columns:1fr}.target-requirements{grid-template-columns:1fr}.account-select select{min-width:130px}.hero{padding-inline:0}.path-heading{align-items:flex-start;gap:14px;flex-direction:column}.route-controls{width:100%;overflow-x:auto}}
@media(max-width:560px){main{width:min(100% - 24px,1240px)}.topbar{padding:0 12px}.brand strong{font-size:11px}.brand-mark{width:30px;height:30px;padding:6px}.account-select select{min-width:0;width:126px}.hero{padding-top:38px}.control-deck{padding:16px;gap:20px}.path-control{width:100%}.segmented button{flex:1}.segmented{width:100%}.target-card,.forecast-card{padding:18px}.path-heading{align-items:end}.filters button{padding:7px;font-size:10px}.level-card{grid-template-columns:57px 1fr}.req-row{padding-inline:8px}.req-row select{max-width:78px}.topbar .icon-button{display:none}}

/* Keep the matrix header in normal table flow so it cannot cover the first droid row. */
.droid-matrix th{position:static}

/* Rebirth action states */
#superRebirthButton:not(:disabled){background:linear-gradient(135deg,rgba(182,154,242,.2),rgba(34,211,238,.08));border-color:rgba(182,154,242,.7);color:#d8c7ff;box-shadow:0 0 18px rgba(182,154,242,.12)}
#superRebirthButton:not(:disabled):hover{background:linear-gradient(135deg,rgba(182,154,242,.3),rgba(34,211,238,.12));box-shadow:0 0 24px rgba(182,154,242,.2)}
#superRebirthButton:disabled,.primary:disabled{opacity:.35;cursor:not-allowed;box-shadow:none;filter:saturate(.35)}

.target-card{position:relative;overflow:hidden;transition:border-color .25s,box-shadow .25s,background .25s}.target-card.ready-to-rebirth{border-color:rgba(94,230,168,.72);background:linear-gradient(145deg,rgba(20,57,52,.92),rgba(8,28,31,.9));box-shadow:0 0 0 1px rgba(94,230,168,.12),0 0 32px rgba(94,230,168,.13),0 22px 70px rgba(0,0,0,.18)}.target-card.ready-to-rebirth:before{content:"";position:absolute;left:0;top:0;width:100%;height:2px;background:var(--green);box-shadow:0 0 18px var(--green)}.target-card.ready-to-rebirth:after{content:attr(data-ready-text);position:absolute;right:-37px;top:19px;width:160px;padding:5px 0;transform:rotate(34deg);text-align:center;background:var(--green);color:#052017;font:800 8px "Chakra Petch";letter-spacing:.12em;box-shadow:0 3px 14px rgba(0,0,0,.24)}.target-card.ready-to-rebirth h2,.target-card.ready-to-rebirth .progress-ring strong{color:var(--green)}

/* Always-available path command drawer */
.floating-panel{position:fixed;z-index:18;left:0;top:90px;bottom:18px;width:min(410px,calc(100vw - 54px));padding:0 12px 12px;background:linear-gradient(180deg,rgba(7,17,29,.98),rgba(5,13,22,.98));border:1px solid rgba(34,211,238,.24);border-left:0;border-radius:0 12px 12px 0;box-shadow:18px 20px 60px rgba(0,0,0,.42);backdrop-filter:blur(20px);transform:translateX(-100%);transition:transform .28s ease;overflow-y:auto}.floating-panel.open{transform:translateX(0)}.panel-tab{position:fixed;left:0;top:150px;width:42px;height:120px;border:1px solid rgba(34,211,238,.45);border-left:0;border-radius:0 8px 8px 0;background:#0b2132;color:var(--cyan);box-shadow:8px 8px 25px rgba(0,0,0,.3);font:700 9px "Chakra Petch";letter-spacing:.16em;z-index:19;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.panel-tab span{writing-mode:vertical-rl;transform:rotate(180deg)}.panel-tab b{font-size:20px;line-height:1}.floating-panel.open .panel-tab{left:min(410px,calc(100vw - 54px));transform:translateX(-1px)}.floating-panel .control-deck{margin-top:12px;min-height:0;display:grid;grid-template-columns:1fr 1fr;align-items:start;padding:18px;gap:18px}.floating-panel .control-deck:before{width:72px}.floating-panel .path-control{grid-column:1/-1}.floating-panel .segmented{width:100%}.floating-panel .segmented button{flex:1;padding-inline:7px}.floating-panel .divider{display:none}.floating-panel .rebirth-control{align-self:center}.floating-panel .deck-actions{margin:0;display:grid;gap:8px}.floating-panel .deck-actions button{width:100%;padding:10px 8px}.floating-panel .status-grid{display:grid;grid-template-columns:1fr;margin-top:10px;gap:10px}.floating-panel .target-card,.floating-panel .forecast-card{padding:18px}.floating-panel .target-requirements{grid-template-columns:1fr;gap:6px}.floating-panel .target-req{padding:9px}.floating-panel .forecast-card{min-height:180px}.floating-panel .chip-total{margin:16px 0 10px}.floating-panel .chip-total strong{font-size:28px}.floating-panel .progress-ring{width:50px;height:50px}.floating-panel .target-card.ready-to-rebirth:after{right:-43px;top:18px}
@media(max-width:560px){.floating-panel{top:76px;bottom:0;width:calc(100vw - 46px);border-radius:0 10px 0 0}.floating-panel.open .panel-tab{left:calc(100vw - 46px)}.panel-tab{top:132px}.floating-panel .control-deck{grid-template-columns:1fr}.floating-panel .path-control,.floating-panel .rebirth-control,.floating-panel .deck-actions{grid-column:1}.floating-panel .deck-actions{grid-template-columns:1fr 1fr}.floating-panel .status-grid{margin-bottom:12px}}

/* Leave the control tab exposed while the drawer is closed. */
.floating-panel{transform:translateX(calc(-100% + 42px))}.panel-tab{position:absolute;left:auto;right:0;top:60px}.floating-panel.open .panel-tab{left:auto;right:0;transform:none}
@media(max-width:560px){.panel-tab{top:56px}.floating-panel.open .panel-tab{left:auto;right:0}}

/* External drawer handle */
.floating-panel{transform:translateX(-100%)}.panel-tab{position:fixed;left:0;right:auto;top:150px}.panel-tab.open{left:min(410px,calc(100vw - 54px));transform:translateX(-1px)}.floating-panel.open .panel-tab{left:auto}.floating-panel .panel-tab{display:none}

/* Matrix navigation and outline legend */
.matrix-nav{position:relative;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px 14px;background:#091827;border-bottom:1px solid var(--line)}.matrix-nav:last-child{border-top:1px solid var(--line);border-bottom:0}.matrix-stepper{display:flex;align-items:center;gap:7px;white-space:nowrap}.matrix-stepper>span{font:700 8px "Chakra Petch";letter-spacing:.14em;color:var(--muted);margin-right:5px}.matrix-stepper button{width:29px;height:29px;border:1px solid var(--line);border-radius:5px;background:#0d2132;color:var(--text)}.matrix-stepper button:disabled{opacity:.3;cursor:not-allowed}.matrix-stepper strong{min-width:27px;text-align:right;color:var(--cyan);font:700 22px "Chakra Petch"}.matrix-stepper small{color:var(--muted);font-size:9px}.matrix-legend{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap}.matrix-legend span{display:flex;align-items:center;gap:5px;color:var(--muted);font-size:8px;white-space:nowrap}.matrix-legend i{display:block;width:15px;height:11px;border-radius:3px;background:#091724;border:1px solid rgba(143,177,205,.2)}.matrix-legend .legend-current{border-color:var(--cyan);box-shadow:0 0 7px rgba(34,211,238,.25)}.matrix-legend .legend-owned{background:rgba(94,230,168,.18);border-color:rgba(94,230,168,.6)}.matrix-legend .legend-past{opacity:.35}.matrix-legend .legend-future{border-color:rgba(143,177,205,.32)}.matrix-legend .legend-empty{border-style:dashed;opacity:.45}.matrix-cell button:not(.empty){border-color:rgba(143,177,205,.18)}
@media(max-width:800px){.matrix-nav{align-items:flex-start;flex-direction:column}.matrix-legend{justify-content:flex-start}.panel-tab.open{left:calc(100vw - 54px)}}
@media(max-width:560px){.panel-tab.open{left:calc(100vw - 46px)}}

/* Current objective must override the generic future-cell outline. */
.matrix-cell button.current-need{border-color:var(--cyan);box-shadow:0 0 12px rgba(34,211,238,.24),inset 0 0 10px rgba(34,211,238,.05)}

/* Path analysis modal */
.analysis-button{height:40px;border:1px solid rgba(182,154,242,.35);border-radius:8px;background:rgba(182,154,242,.08);color:#d4c5fa;padding:0 13px;font:700 10px "Chakra Petch";letter-spacing:.09em}.analysis-button span{color:var(--cyan);font-size:17px;vertical-align:-1px;margin-right:5px}.analysis-button:hover{border-color:rgba(182,154,242,.65);background:rgba(182,154,242,.13)}
dialog.analysis-dialog{width:min(1050px,calc(100% - 30px));max-width:none;height:min(880px,calc(100vh - 34px));max-height:none;background:#07131f;padding:0;overflow:hidden}.analysis-shell{height:100%;display:flex;flex-direction:column}.analysis-header{flex:0 0 auto;display:flex;align-items:flex-start;justify-content:space-between;padding:24px 26px 20px;border-bottom:1px solid var(--line);background:linear-gradient(110deg,rgba(34,211,238,.06),rgba(182,154,242,.06))}.analysis-header h2{font-size:28px}.analysis-header>div>p:last-child{color:var(--muted);font-size:12px;margin:8px 0 0}.analysis-content{overflow-y:auto;padding:22px 26px 35px}.analysis-intro{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:26px}.analysis-intro>div{border:1px solid var(--line);background:#0b1c2b;border-radius:8px;padding:16px}.analysis-intro span{display:block;color:var(--cyan);font:700 8px "Chakra Petch";letter-spacing:.15em}.analysis-intro strong{display:block;font:700 26px "Chakra Petch";margin:7px 0 2px}.analysis-intro b{color:var(--muted);font-size:10px;font-weight:500}.analysis-section{padding:25px 0;border-top:1px solid var(--line)}.analysis-section:first-of-type{border-top:0}.analysis-title{max-width:720px;margin-bottom:20px}.analysis-title h3{font:700 21px "Chakra Petch";margin:0}.analysis-title>p:last-child{color:var(--muted);font-size:12px;line-height:1.6;margin:7px 0 0}.analysis-bars{display:grid;gap:12px;margin:6px 0 22px}.analysis-bar-row{display:grid;grid-template-columns:58px 1fr 90px;align-items:center;gap:11px}.analysis-bar-row>strong{font:700 10px "Chakra Petch"}.analysis-bar-row>b{text-align:right;font:700 12px "Chakra Petch"}.analysis-bar-track{height:25px;background:rgba(255,255,255,.035);border-radius:4px;overflow:hidden}.analysis-bar-track i{display:block;height:100%;background:linear-gradient(90deg,var(--cyan),#8bdff0);border-radius:4px;box-shadow:0 0 16px rgba(34,211,238,.13)}.analysis-bar-row:nth-child(3) .analysis-bar-track i{background:linear-gradient(90deg,var(--green),#a2f0cd)}
.analysis-table-wrap{overflow-x:auto}.analysis-table-wrap table{width:100%;border-collapse:collapse;min-width:620px}.analysis-table-wrap th{color:var(--muted);font:700 9px "Chakra Petch";letter-spacing:.08em;text-align:right;padding:10px;border-bottom:1px solid var(--line)}.analysis-table-wrap th:first-child,.analysis-table-wrap td:first-child{text-align:left}.analysis-table-wrap td{text-align:right;padding:10px;color:#b8c8d5;font-size:11px;border-bottom:1px solid rgba(143,177,205,.08);font-variant-numeric:tabular-nums}.analysis-table-wrap tbody tr:hover{background:rgba(34,211,238,.025)}
.phase-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.phase-panel{background:rgba(10,25,40,.65);border:1px solid var(--line);border-radius:7px;padding:14px}.phase-panel h4{font:700 11px "Chakra Petch";margin:0 0 13px;color:var(--cyan)}.phase-panel>div{display:grid;grid-template-columns:20px 1fr 62px;align-items:center;gap:7px;margin-top:9px}.phase-panel span{font:700 9px "Chakra Petch";color:var(--muted)}.phase-panel i{height:8px;background:rgba(255,255,255,.04);border-radius:2px;overflow:hidden}.phase-panel i b{display:block;height:100%;background:#7cc1e6;border-radius:2px}.phase-panel strong{text-align:right;font-size:9px;font-variant-numeric:tabular-nums}
.rarity-legend{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:12px}.rarity-legend span{display:flex;align-items:center;gap:5px;color:var(--muted);font-size:9px}.rarity-legend i{width:8px;height:8px;border-radius:2px}.rarity-chart{display:grid;gap:12px;margin-bottom:20px}.rarity-row{display:grid;grid-template-columns:58px 1fr 115px;align-items:center;gap:10px}.rarity-row>strong{font:700 10px "Chakra Petch"}.rarity-row>span{text-align:right;color:var(--muted);font-size:9px}.rarity-stack{height:25px;display:flex;border-radius:4px;overflow:hidden;background:rgba(255,255,255,.03)}.rarity-stack i{display:block;height:100%;min-width:1px;border-right:1px solid rgba(5,13,22,.4)}
.heatmap{display:grid;grid-template-columns:32px repeat(4,58px);gap:5px;align-items:center}.heatmap>b{text-align:center;color:var(--muted);font:700 9px "Chakra Petch"}.heat-cell{width:58px;height:42px;display:grid;place-items:center;border:1px solid rgba(34,211,238,calc(.08 + var(--heat)*.45));background:rgba(34,211,238,calc(.02 + var(--heat)*.18));border-radius:5px}.heat-cell.self{background:rgba(182,154,242,.08);border-color:rgba(182,154,242,.2)}.heat-cell span{font:700 12px "Chakra Petch"}.analysis-notes{margin:0;padding-left:19px;display:grid;gap:10px;color:#aebfcd;font-size:12px;line-height:1.55}.analysis-notes strong{color:var(--text)}
@media(max-width:720px){.analysis-button{padding:0 9px}.analysis-button span{display:none}.analysis-intro{grid-template-columns:1fr}.phase-grid{grid-template-columns:1fr}.analysis-content{padding-inline:16px}.analysis-header{padding-inline:18px}.rarity-row{grid-template-columns:45px 1fr}.rarity-row>span{display:none}}
@media(max-width:560px){.analysis-button{font-size:0;width:40px}.analysis-button:after{content:"⌁";font-size:18px;color:#d4c5fa}.account-controls{gap:5px}}

/* Form corner ribbons and highest-owned form treatments */
.matrix-cell button{position:relative;overflow:hidden;padding-top:10px}.form-ribbon{position:absolute;z-index:2;right:-24px;top:5px;width:78px;padding:2px 0;transform:rotate(39deg);color:#07111a;font:800 6px "Chakra Petch";letter-spacing:.04em;text-align:center;text-transform:uppercase;pointer-events:none;box-shadow:0 2px 7px rgba(0,0,0,.28)}
.form-ribbon.form-0{background:linear-gradient(90deg,#788998,#aebbc5)}.form-ribbon.form-1{background:linear-gradient(100deg,#b57a12,#ffe28a,#d99b24)}.form-ribbon.form-2{background:linear-gradient(100deg,#38a6cd,#d8f8ff,#71dcff)}.form-ribbon.form-3{background:linear-gradient(90deg,#ff6b81,#ffd166,#5ee6a8,#62d8ff,#b69af2,#ff6b81);background-size:220% 100%;animation:form-spectrum 4s linear infinite}.form-ribbon.form-4{background:linear-gradient(110deg,#65717a 0%,#f5fbff 22%,#89949d 42%,#e8f0f4 62%,#707b84 82%,#f8fcff 100%);background-size:240% 100%;animation:beskar-shimmer 2.8s linear infinite}.form-ribbon.form-5{color:#eff4ff;background:linear-gradient(110deg,#263d9a,#9967df,#202d78,#d283ff);background-size:220% 100%;animation:galactic-drift 5s ease infinite;text-shadow:0 0 4px #fff}
.matrix-cell button.highest-owned{outline:1px solid rgba(255,255,255,.26);outline-offset:-3px}.matrix-cell button.highest-owned.form-1{box-shadow:inset 0 0 16px rgba(249,199,79,.15)}.matrix-cell button.highest-owned.form-2{box-shadow:inset 0 0 16px rgba(98,216,255,.16)}.matrix-cell button.highest-owned.form-3{box-shadow:inset 0 0 18px rgba(182,154,242,.18)}.matrix-cell button.highest-owned.form-4{box-shadow:inset 0 0 20px rgba(230,240,246,.2)}.matrix-cell button.highest-owned.form-5{box-shadow:inset 0 0 20px rgba(153,103,223,.22)}
.matrix-inventory select{transition:border-color .2s,box-shadow .2s;background-size:220% 100%!important}.matrix-inventory select.owned-form-0{border-color:#8294a3;background:linear-gradient(110deg,#0d1c29,#263746);color:#d9e2e8}.matrix-inventory select.owned-form-1{border-color:#d9a323;background:linear-gradient(110deg,#1b160b,#5a4212,#231b0b);color:#ffe28a}.matrix-inventory select.owned-form-2{border-color:#62d8ff;background:linear-gradient(110deg,#081b27,#174b60,#0a2230);color:#c8f5ff}.matrix-inventory select.owned-form-3{border-color:#b69af2;background:linear-gradient(100deg,rgba(84,26,48,.8),rgba(75,63,18,.8),rgba(18,72,61,.8),rgba(18,63,82,.8),rgba(62,38,94,.8));color:#fff;animation:form-spectrum 6s linear infinite}.matrix-inventory select.owned-form-4{border-color:#d9e1e6;background:linear-gradient(110deg,#26323a,#7d8991,#34414a,#a9b3b9,#2a363f);color:#fff;animation:beskar-shimmer 3.2s linear infinite;box-shadow:0 0 10px rgba(220,234,242,.14)}.matrix-inventory select.owned-form-5{border-color:#9c74ef;background:linear-gradient(110deg,#121a49,#57358e,#182768,#703e91);color:#f0e7ff;animation:galactic-drift 6s ease infinite;box-shadow:0 0 11px rgba(153,103,223,.17)}
@keyframes form-spectrum{to{background-position:220% 0}}@keyframes beskar-shimmer{0%{background-position:220% 0}100%{background-position:-20% 0}}@keyframes galactic-drift{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}
@media(prefers-reduced-motion:reduce){.form-ribbon,.matrix-inventory select{animation:none!important}}

/* Simplified form markers */
.matrix-cell button{padding-top:0}.form-ribbon{display:none}.matrix-inventory select{animation:none!important;background:#091724!important;border-color:var(--line)!important;color:var(--text)!important;box-shadow:none!important}.form-indicator{display:block;width:22px;height:4px;margin:auto;border-radius:4px;background:#718391}.form-indicator.form-1{background:#e2ad35}.form-indicator.form-2{background:#65d9f5}.form-indicator.form-3{background:linear-gradient(90deg,#ff7085,#ffd166,#5ee6a8,#62d8ff,#b69af2)}.form-indicator.form-4{background:linear-gradient(90deg,#727d85,#f2f7fa,#929ca4)}.form-indicator.form-5{background:linear-gradient(90deg,#3349a2,#a16ce4,#263b91)}
.rarity-band td{text-align:center}.rarity-band td:first-child{text-align:left}
.tile-tooltip{position:fixed;z-index:70;width:min(260px,calc(100vw - 16px));padding:12px 13px;border:1px solid rgba(34,211,238,.38);border-radius:7px;background:rgba(6,18,29,.97);box-shadow:0 14px 38px rgba(0,0,0,.5);backdrop-filter:blur(14px);opacity:0;visibility:hidden;transform:translateY(4px);transition:opacity .14s,transform .14s;pointer-events:none}.tile-tooltip.show{opacity:1;visibility:visible;transform:none}.tile-tooltip>strong{display:block;padding-bottom:8px;margin-bottom:7px;border-bottom:1px solid var(--line);font:700 11px "Chakra Petch";color:var(--cyan)}.tile-tooltip>span{display:flex;justify-content:space-between;gap:12px;margin-top:6px;color:#d6e1e8;font-size:10px}.tile-tooltip>span b{color:var(--muted);font-weight:500}.tile-tooltip>small{display:block;margin-top:9px;color:var(--green);font-size:8px}
.tile-tooltip.interactive{pointer-events:auto}.tile-tooltip>button{width:100%;margin-top:10px;padding:8px;border:1px solid rgba(34,211,238,.4);border-radius:5px;background:var(--cyan-soft);color:var(--cyan);font:700 8px "Chakra Petch";letter-spacing:.08em}.tile-tooltip>button:hover{background:rgba(34,211,238,.18)}.tile-tooltip.interactive>small{color:var(--muted)}

/* Coarse-pointer tiles: large ownership zone plus narrow cost-inspection zone. */
@media(pointer:coarse){.matrix-cell button{padding-right:30px;touch-action:manipulation}.matrix-cell button:after{content:"🪙";position:absolute;right:0;top:0;bottom:0;width:27px;display:grid;place-items:center;border-left:1px solid rgba(34,211,238,.2);background:rgba(34,211,238,.055);font-size:12px}.matrix-cell button:active:after{background:rgba(34,211,238,.16)}}

/* First-run tutorial */
.tutorial-button{height:40px;border:1px solid var(--line);border-radius:8px;background:#0d1b2b;color:#adbdca;padding:0 12px;font:700 10px "Chakra Petch";letter-spacing:.08em}.tutorial-button span{display:inline-grid;place-items:center;width:18px;height:18px;margin-right:5px;border:1px solid rgba(34,211,238,.35);border-radius:50%;color:var(--cyan)}.tutorial-button:hover{border-color:rgba(34,211,238,.35);color:var(--text)}
dialog.tutorial-dialog{width:min(820px,calc(100% - 28px));max-width:none;height:min(860px,calc(100vh - 32px));max-height:none;background:#07131f;padding:0;overflow:hidden}.tutorial-shell{height:100%;display:flex;flex-direction:column}.tutorial-header{display:flex;align-items:flex-start;justify-content:space-between;padding:24px 26px 20px;border-bottom:1px solid var(--line);background:linear-gradient(110deg,rgba(34,211,238,.07),rgba(94,230,168,.03))}.tutorial-header h2{font-size:27px}.tutorial-header>div>p:last-child{color:var(--muted);font-size:12px;margin:8px 0 0}.tutorial-content{overflow-y:auto;padding:22px 26px}.tutorial-hero{display:flex;align-items:center;gap:18px;padding:18px;border:1px solid rgba(34,211,238,.22);border-radius:8px;background:rgba(34,211,238,.045);margin-bottom:20px}.tutorial-logo{flex:0 0 auto;width:56px;height:56px;display:grid;place-items:center;border:1px solid rgba(34,211,238,.45);transform:rotate(45deg);color:var(--cyan);font:700 22px "Chakra Petch"}.tutorial-logo+div strong{font:700 16px "Chakra Petch"}.tutorial-hero p,.tutorial-step p{color:var(--muted);font-size:11px;line-height:1.65;margin:6px 0 0}.tutorial-step{display:grid;grid-template-columns:42px 1fr;gap:13px;padding:18px 2px;border-top:1px solid var(--line)}.tutorial-step>span{width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(34,211,238,.25);border-radius:50%;color:var(--cyan);font:700 9px "Chakra Petch"}.tutorial-step h3{font:700 15px "Chakra Petch";margin:2px 0 0}.tutorial-sample{display:flex;align-items:center;gap:10px;margin-top:10px}.tutorial-sample button{border:1px solid rgba(34,211,238,.35);border-radius:5px;background:#0a1928;color:#a9bfce;padding:7px 12px;font:700 9px "Chakra Petch"}.tutorial-sample small{color:var(--muted);font-size:9px}.tutorial-legend{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:10px 0}.tutorial-legend span{display:flex;align-items:center;gap:5px;color:#adbdca;font-size:9px}.tutorial-legend i{display:block;width:16px;height:11px;border:1px solid rgba(143,177,205,.24);border-radius:2px}.tutorial-legend .legend-current{border-color:var(--cyan);box-shadow:0 0 6px rgba(34,211,238,.25)}.tutorial-legend .legend-owned{border-color:var(--green);background:rgba(94,230,168,.14)}.tutorial-legend .legend-past{opacity:.35}.tutorial-legend .legend-empty{border-style:dashed;opacity:.45}.tutorial-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 26px;border-top:1px solid var(--line);background:#081725}.tutorial-footer label{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:10px}.tutorial-footer input{accent-color:var(--cyan)}
@media(max-width:720px){.tutorial-button{font-size:0;width:40px;padding:0}.tutorial-button span{margin:0}.tutorial-header,.tutorial-content,.tutorial-footer{padding-inline:16px}.tutorial-footer{align-items:stretch;flex-direction:column}.tutorial-footer .primary{width:100%}}

/* Header alignment refinements */
#manageAccount{text-indent:-2px}.select-wrap:after{top:6px}

/* Encrypted account transfer */
dialog.transfer-dialog{width:min(680px,calc(100% - 28px));max-width:none;max-height:calc(100vh - 30px);background:#07131f;padding:0;overflow:auto}.transfer-shell{padding:24px}.transfer-copy{color:var(--muted);font-size:11px;line-height:1.6;margin:10px 0 20px}.transfer-section{padding:20px 0;border-top:1px solid var(--line)}.transfer-section h3{font:700 15px "Chakra Petch";margin:0 0 14px}.transfer-section label{display:grid;gap:7px;margin:12px 0;color:var(--muted);font-size:10px}.transfer-section input,.transfer-section textarea{width:100%;border:1px solid var(--line);border-radius:6px;background:#06111c;color:var(--text);padding:11px;outline:none;resize:vertical;font:11px Inter,sans-serif}.transfer-section textarea{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;word-break:break-all}.transfer-section input:focus,.transfer-section textarea:focus{border-color:rgba(34,211,238,.55)}.transfer-result{margin-top:18px}.transfer-actions{display:flex;gap:8px}.qr-panel{display:grid;justify-items:center;margin-top:16px;padding:16px;border:1px solid var(--line);border-radius:7px;background:#0a1b29}.qr-panel canvas{max-width:240px;width:100%;height:auto;border-radius:5px}.qr-panel p{max-width:420px;margin:10px 0 0;text-align:center;color:var(--muted);font-size:9px;line-height:1.5}.transfer-status{min-height:18px;color:var(--cyan);font-size:10px;margin:12px 0 0}.transfer-section .primary:disabled{opacity:.45}.transfer-section .primary{margin-top:4px}
@media(max-width:560px){.transfer-shell{padding:18px}.dialog-actions{flex-wrap:wrap}.dialog-actions button{flex:1}}

/* Public release credit */
.version-tag{position:fixed;z-index:12;right:10px;bottom:9px;display:flex;align-items:center;gap:7px;padding:5px 8px;border:1px solid rgba(143,177,205,.15);border-radius:5px;background:rgba(5,13,22,.82);backdrop-filter:blur(10px);color:#617487;font:600 8px "Chakra Petch";letter-spacing:.06em;pointer-events:none}.version-tag span{color:#7892a6}.version-tag b{color:#8ca2b4;font-weight:600}
@media(max-width:560px){.version-tag{right:5px;bottom:5px;padding:4px 6px;font-size:7px}}

/* Compact animated rebirth journey */
.rebirth-journey{position:relative;height:116px;overflow:hidden;border-bottom:1px solid var(--line);background:radial-gradient(circle at 55% 50%,rgba(34,211,238,.055),transparent 38%),linear-gradient(180deg,#071521,#091a28)}.rebirth-journey:before{content:"";position:absolute;inset:0;opacity:.28;background-image:radial-gradient(#a8dfec 1px,transparent 1px);background-size:47px 47px;background-position:11px 8px}.journey-caption{position:absolute;z-index:3;left:14px;top:10px;display:grid;gap:2px}.journey-caption span{color:var(--cyan);font:700 7px "Chakra Petch";letter-spacing:.16em}.journey-caption strong{color:#a9bbc9;font:600 9px "Chakra Petch"}.journey-path{position:absolute;inset:3px 1.5% 0;width:97%;height:100%;overflow:visible}.journey-path path{fill:none;stroke:rgba(99,188,211,.36);stroke-width:.65;stroke-dasharray:2 1.4;vector-effect:non-scaling-stroke}.journey-path circle{fill:#152b3a;stroke:#557183;stroke-width:.35;vector-effect:non-scaling-stroke}.journey-path circle.passed{fill:var(--green);stroke:#b5f5d6;filter:drop-shadow(0 0 2px rgba(94,230,168,.7))}.journey-path text{fill:#607789;font:600 3.4px "Chakra Petch"}.journey-droid-wrap{position:absolute;z-index:4;width:34px;height:40px;color:var(--cyan);transform:translate(-50%,-50%);animation:droid-travel .55s ease-out both}.journey-droid-wrap>span{position:absolute;left:50%;bottom:100%;transform:translateX(-50%);white-space:nowrap;padding:2px 5px;border:1px solid rgba(34,211,238,.28);border-radius:8px;background:#071521;color:var(--cyan);font:700 6px "Chakra Petch"}.journey-droid{width:34px;height:40px;overflow:visible;filter:drop-shadow(0 0 6px rgba(34,211,238,.25))}.journey-droid .head,.journey-droid .body{fill:#102b3b;stroke:currentColor;stroke-width:1.6}.journey-droid .eye{fill:#b8f5ff;filter:drop-shadow(0 0 2px #b8f5ff)}.journey-droid .antenna,.journey-droid .panel,.journey-droid .leg,.journey-droid .arm{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.journey-droid .leg-left{animation:droid-leg-left .45s ease-in-out infinite alternate;transform-origin:18px 42px}.journey-droid .leg-right{animation:droid-leg-right .45s ease-in-out infinite alternate;transform-origin:28px 42px}.journey-droid-wrap.complete{color:var(--green)}
@keyframes droid-travel{from{left:var(--from-x);top:var(--from-y)}to{left:var(--to-x);top:var(--to-y)}}@keyframes droid-leg-left{to{transform:rotate(13deg)}}@keyframes droid-leg-right{to{transform:rotate(-13deg)}}
@media(prefers-reduced-motion:reduce){.journey-droid-wrap,.journey-droid .leg{animation:none}.journey-droid-wrap{left:var(--to-x);top:var(--to-y)}}
@media(max-width:560px){.rebirth-journey{height:104px}.journey-caption{left:10px;top:8px}.journey-droid-wrap{width:30px;height:36px}.journey-droid{width:30px;height:36px}}

/* Live blueprint-drop timeline */
body{padding-bottom:94px}.event-bar{position:fixed;z-index:25;left:0;right:0;bottom:0;min-height:78px;display:grid;grid-template-columns:130px 1fr;align-items:stretch;border-top:1px solid rgba(34,211,238,.28);background:rgba(5,14,24,.96);box-shadow:0 -12px 35px rgba(0,0,0,.34);backdrop-filter:blur(18px)}.event-bar-heading{display:flex;align-items:center;justify-content:center;gap:10px;padding:12px;border-right:1px solid var(--line);color:var(--cyan);font:700 8px "Chakra Petch";letter-spacing:.14em}.event-bar-heading button{width:30px;height:30px;border:1px solid var(--line);border-radius:6px;background:#0c2030;color:#9ab0bf;font-size:14px}.event-bar-heading button:hover{border-color:var(--cyan);color:var(--cyan)}.event-timeline{display:grid;grid-template-columns:repeat(3,1fr);min-width:0}.drop-event{position:relative;display:flex;align-items:center;gap:10px;min-width:0;padding:11px 15px;border-right:1px solid rgba(143,177,205,.11);overflow:hidden}.drop-event:last-child{border-right:0}.drop-event:after{content:"";position:absolute;inset:auto 0 0;height:1px;background:var(--event-color);opacity:.5}.drop-event-icon{flex:0 0 32px;width:32px;height:32px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--event-color) 55%,transparent);border-radius:50%;background:color-mix(in srgb,var(--event-color) 9%,transparent);color:var(--event-color);font-size:15px;box-shadow:0 0 13px color-mix(in srgb,var(--event-color) 12%,transparent)}.drop-event-body{min-width:0;flex:1}.drop-event-title,.drop-event-meta{display:flex;align-items:center;justify-content:space-between;gap:8px}.drop-event-title strong{color:var(--event-color);font:700 9px "Chakra Petch";letter-spacing:.1em}.drop-event-title span{color:#dce8ee;font:700 11px "Chakra Petch"}.drop-track{position:relative;height:5px;margin:7px 0 5px;border-radius:5px;background:rgba(255,255,255,.055);overflow:visible}.drop-track i{display:block;width:var(--event-progress);height:100%;border-radius:5px;background:linear-gradient(90deg,color-mix(in srgb,var(--event-color) 38%,transparent),var(--event-color));box-shadow:0 0 9px color-mix(in srgb,var(--event-color) 30%,transparent);transition:width 1s linear}.drop-track b{position:absolute;left:var(--event-progress);top:50%;width:7px;height:7px;transform:translate(-50%,-50%);border:1px solid #fff;border-radius:50%;background:var(--event-color);box-shadow:0 0 9px var(--event-color);transition:left 1s linear}.drop-event-meta span{color:#b9cad5;font:700 9px "Chakra Petch";font-variant-numeric:tabular-nums}.drop-event-meta small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#647a8b;font-size:7px}.version-tag{bottom:88px}
.event-alert{position:fixed;z-index:80;left:50%;top:50%;width:min(590px,calc(100vw - 28px));display:grid;grid-template-columns:76px 1fr 36px;align-items:center;gap:20px;padding:25px 27px;border:1px solid color-mix(in srgb,var(--event-color) 65%,transparent);border-radius:14px;background:radial-gradient(circle at 12% 50%,color-mix(in srgb,var(--event-color) 12%,transparent),transparent 34%),rgba(5,15,25,.985);box-shadow:0 24px 90px rgba(0,0,0,.72),0 0 45px color-mix(in srgb,var(--event-color) 18%,transparent);transform:translate(-50%,calc(-50% + 20px)) scale(.96);opacity:0;visibility:hidden;transition:.25s}.event-alert.show{transform:translate(-50%,-50%) scale(1);opacity:1;visibility:visible}.event-alert:before{content:"";position:absolute;inset:7px;border:1px solid color-mix(in srgb,var(--event-color) 17%,transparent);border-radius:9px;pointer-events:none}.event-alert>span{width:72px;height:72px;display:grid;place-items:center;border:1px solid var(--event-color);border-radius:50%;background:color-mix(in srgb,var(--event-color) 8%,transparent);color:var(--event-color);font-size:30px;box-shadow:0 0 25px color-mix(in srgb,var(--event-color) 18%,transparent)}.event-alert strong,.event-alert small{display:block}.event-alert strong{font:700 20px "Chakra Petch";color:#f2f8fb}.event-alert small{margin-top:8px;color:#afc1cd;font-size:12px}.event-alert button{position:relative;z-index:2;width:34px;height:34px;border:0;border-radius:50%;background:rgba(255,255,255,.035);color:#8ea2b0;font-size:23px}.event-alert button:hover{background:rgba(255,255,255,.08);color:#fff}
dialog.event-settings-dialog{width:min(580px,calc(100% - 28px));max-width:none;background:#07131f;padding:0}.event-settings-shell{padding:19px}.event-settings-copy{max-width:500px;color:var(--muted);font-size:10px;line-height:1.45}.event-settings-list{display:grid;gap:6px;margin:13px 0}.event-setting{display:grid;grid-template-columns:80px 86px 64px 1fr;align-items:center;gap:7px;margin:0;padding:8px 10px;border:1px solid var(--line);border-left:3px solid var(--event-color);border-radius:6px;background:#091a28}.event-setting legend{display:contents}.event-setting legend span{display:none}.event-setting legend strong{display:none}.event-setting legend small{display:none}.event-setting:before{content:attr(data-event-setting);text-transform:uppercase;color:var(--event-color);font:700 9px "Chakra Petch";letter-spacing:.1em}.event-setting label{display:flex;align-items:center;gap:5px;color:#adbdca;font-size:9px;white-space:nowrap}.event-setting input{accent-color:var(--event-color)}.event-setting .event-lead{justify-content:flex-end}.event-setting select{width:100%;border:1px solid var(--line);border-radius:5px;background:#06121d;color:var(--text);padding:5px 6px;font-size:9px}.event-test-row{display:flex;align-items:center;gap:10px;margin-bottom:11px}.event-test-row span{color:var(--green);font-size:9px}
.event-setting .event-sound{grid-column:1/4;color:#758b9b}.event-setting .event-sound select{flex:1;color:var(--text)}.sound-preview{justify-self:start;width:82px;height:27px;border:1px solid color-mix(in srgb,var(--event-color) 35%,var(--line));border-radius:5px;background:color-mix(in srgb,var(--event-color) 6%,#07131f);color:var(--event-color);font:700 7px "Chakra Petch";letter-spacing:.06em}.sound-preview:hover{border-color:var(--event-color);background:color-mix(in srgb,var(--event-color) 12%,#07131f)}
.drop-track{height:17px;margin:5px 0 3px;border:1px solid rgba(255,255,255,.055);border-radius:5px;background:rgba(255,255,255,.04);overflow:hidden}.drop-track i{border-radius:4px;background:linear-gradient(90deg,color-mix(in srgb,var(--event-color) 24%,transparent),color-mix(in srgb,var(--event-color) 72%,transparent))}.drop-track b{z-index:2;width:6px;height:100%;border:0;border-radius:0}.drop-track span{position:absolute;z-index:3;inset:0;display:grid;place-items:center;color:#f4f9fb;font:700 11px "Chakra Petch";letter-spacing:.04em;font-variant-numeric:tabular-nums;text-shadow:0 1px 3px #02070c,0 0 5px #02070c}.drop-event-meta{justify-content:center}
@media(max-width:850px){body{padding-bottom:158px}.event-bar{grid-template-columns:48px 1fr;min-height:142px}.event-bar-heading span{display:none}.event-bar-heading{padding:5px}.event-timeline{grid-template-columns:1fr}.drop-event{padding:7px 11px}.drop-event-icon{width:25px;height:25px;flex-basis:25px;font-size:12px}.drop-track{margin:4px 0}.version-tag{bottom:148px}}
@media(max-width:620px){.event-alert{grid-template-columns:54px 1fr 30px;gap:13px;padding:20px}.event-alert>span{width:52px;height:52px;font-size:23px}.event-alert strong{font-size:15px}.event-alert small{font-size:10px}.event-setting{grid-template-columns:76px 1fr 1fr}.event-setting .event-lead{grid-column:1/-1;justify-content:stretch}.event-setting .event-lead select{flex:1}}
@media(max-width:620px){.event-setting .event-sound{grid-column:1/-1}.sound-preview{grid-column:1/-1;justify-self:start}}
@media(max-width:520px){.event-bar{grid-template-columns:38px 1fr}.drop-event{gap:7px}.drop-event-icon{display:none}.drop-event-title span{font-size:10px}.drop-event-meta small{display:none}.event-settings-shell{padding:17px}.event-setting{gap:8px}.event-test-row{align-items:flex-start;flex-direction:column}.event-test-row button{width:100%}}
@media(prefers-reduced-motion:reduce){.drop-track i,.drop-track b,.event-alert{transition:none}}