/* INNER / Indigo — mature, colorful, softly dimensional game surfaces. */
:root {--green:#69e4c5;--soft:#92aacf;--line:#2b466b;color:#edf1ff;background:#071121;font-family:Inter,'Segoe UI',system-ui,sans-serif;}
body {background:radial-gradient(ellipse at 50% 15%,#172a47,#070e1c 80%);}
h2,h3,strong {font-family:inherit;}
.phone-shell {background:#0b1930;}
@media(min-width:600px){.phone-shell {border-color:#304a70;box-shadow:0 20px 65px #02071188;}}
.phone-shell .fixed-top {background:linear-gradient(125deg,#102442,#0b1930);padding:12px 17px 8px;border-bottom:1px solid #28456b;}
.phone-shell .top-brand {height:26px;margin-bottom:13px;}
.top-brand>span {letter-spacing:6px;font-size:17px;font-weight:500;font-family:inherit;}
.brand-dot {display:none;}
.top-brand small {color:#c4d3ed;font-size:11px;letter-spacing:1px;}
.metrics-toggle {color:#96b9e8;}
.phone-shell .fixed-top .axes {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;}
.phone-shell .fixed-top .axis {display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;min-height:87px;padding:0 10px;border:0;border-right:1px solid #3a5274;}
.phone-shell .fixed-top .axis:first-child {padding-left:0;}
.phone-shell .fixed-top .axis:last-child {padding-right:0;border-right:0;}
.phone-shell .fixed-top .axis-heading {display:flex;flex-direction:column;align-items:flex-start;gap:1px;font-size:11px;color:#c2cce0;}
.phone-shell .fixed-top .axis-heading strong {font-size:23px;font-weight:600;line-height:30px;letter-spacing:-.6px;color:#f0f4ff;}
.phone-shell .fixed-top .axis-track,.phone-shell .fixed-top .segmented-energy {height:7px;min-height:7px;margin-top:5px;}
.axis-track {background:#1b2d49;border:1px solid #36517a;}
.axis-track>i {border-radius:inherit;}
.axis-stress .axis-track>i {background:linear-gradient(90deg,#ff9586,#ed796b);}
.axis-joy .axis-track>i {background:linear-gradient(90deg,#e0b7fc,#b184e9);}
.axis-wear .axis-track>i {background:#d9c29e;}
.segmented-energy {gap:2px;}
.energy-segment {background:#172b47;}
.energy-segment b {background:#295868;}
.energy-segment em {background:linear-gradient(#7be6d0,#39bfa5);}
.energy-segment.unbuilt {border-color:#304763;}
.axis-slow {justify-content:flex-start;gap:4px;margin-top:7px;font-size:9px;line-height:12px;color:#829dc4;}
.phone-shell .fixed-top .axis-stress .axis-slow,.phone-shell .fixed-top .axis-joy .axis-slow {display:flex;flex-wrap:nowrap;width:100%;gap:4px;justify-content:space-between;}
.phone-shell .fixed-top .axis-slow>span:last-child {flex:none;font-size:8px;}
.phone-shell .fixed-top .axis-stress .axis-slow .background-track {width:auto;min-width:0;flex:1;}
.phone-shell .fixed-top .axis-joy .source-dots {flex:1;justify-content:space-between;gap:1px;min-width:0;}
.phone-shell .axis-slow .background-track {width:100%;height:3px;min-height:3px;border-radius:3px;background:linear-gradient(90deg,#60d8b7,#d4d6b4,#e78682);}
.phone-shell .axis-slow .background-track>i {width:4px;height:7px;top:-2px;border-radius:3px;background:#fff3d6;box-shadow:0 0 5px #ffe7b955;}
.axis-joy .axis-slow {flex-wrap:wrap;gap:3px;}
.axis-slow .source-dot {width:5px;height:5px;flex:0 0 5px;border-color:#334e77;background:#253d63;}
.source-dot.active {background:#c399ee;border-color:#c399ee;}
.phone-shell .money-small {height:18px;margin-top:3px;color:#91a8ce;}
.money-small strong,.body-money strong {color:#ccd3fc;}
.body-view {background:#0b1930;}
.body-status {color:#91aacb;}
.body-rhythm {position:absolute;z-index:6;left:17px;top:155px;text-align:left;padding:0;color:#d3baf6;font-size:10px;text-shadow:0 1px 5px #081428;}
.rhythm-hint {display:flex;flex-direction:column;gap:4px;}.rhythm-hint strong {font-size:11px;}
.body-rhythm.aligned {color:#e9d6ff;text-shadow:0 0 8px #b377e9;}
.quality-range {display:block;margin:5px 0;color:#9cb5d7;font-size:10px;}
.body-floating button,.body-peek {background:linear-gradient(145deg,#142b4c,#0c1b32);border:1px solid #4772a6;border-radius:12px;color:#9bbce7;box-shadow:inset 0 1px 0 #72a9e62a;}
.body-floating button {padding:8px;}
.inner-icon {display:block;width:26px;height:26px;flex:none;}
.body-peek .inner-icon {width:23px;height:23px;}
.body-floating .inner-icon {width:23px;height:23px;}
.body-art {top:38px;}
.body-anatomy {left:50%;height:115%;}
.body-anatomy>img {mix-blend-mode:normal;}
.body-base {filter:brightness(.84) saturate(.92);}
.organ-slice {mix-blend-mode:normal;}
.brain-slice {clip-path:inset(0 0 78% 0);}
.chest-slice {clip-path:inset(22% 0 49% 0);}
.gut-slice {clip-path:inset(51% 0 10% 0);}
.body-anatomy .hit-mind {left:50%;top:9%;}
.body-anatomy .hit-heart,.body-anatomy .heart-pulse {left:51%;top:44%;}
.body-anatomy .hit-gut {left:50%;top:72%;}
.body-anatomy .hit-energy {left:39%;top:39%;}
.body-state-row {color:#a6bbda;text-shadow:0 1px 5px #0b1930;}
.body-state-row strong {color:#e3eafe;}
.state-meter {background:#263d5e;}
.state-meter b {background:#5dbfda;}
.connection-overlay {background:#10223eed;border-color:#42689a;box-shadow:0 12px 40px #040a16aa;}
.connection-row,.connection-overlay small {color:#acbfdb;}
.emotion-node {background:#302652;border-color:#997bc9;color:#e2d8f6;}
.bottom-sheet {background:linear-gradient(135deg,#142b4b,#0c1c35 75%);border-color:#386699;box-shadow:0 -2px 0 #4f92d42a,0 -12px 35px #07122955;border-radius:25px 25px 0 0;}
.sheet-grab i {background:#426ba3;width:34px;height:4px;}
.sheet-tabs {border:1px solid #2b4972;border-radius:23px;background:#0b1b342b;padding:2px;gap:2px;align-items:stretch;}
.sheet-tabs button {color:#92aed9;border-radius:20px;font-weight:500;min-height:0;height:100%;padding:0;display:flex;align-items:center;justify-content:center;}
.sheet-tabs button.active {color:#f2f4ff;background:linear-gradient(155deg,#667de1,#3c58aa);border:1px solid #93abfa;box-shadow:inset 0 1px 0 #d4e3ff44,0 3px 10px #030c2333;}
.pressures {padding-top:8px;}
.section-heading {color:#b1c7e8;font-size:9px;letter-spacing:1.1px;}
.section-heading strong {color:#f1a39c;letter-spacing:0;}
.pressure-chips {gap:5px;}
.pressure-chip {border:1px solid #50627c;background:#263653;color:#c4d3ea;border-radius:9px;padding:7px 9px;font-size:10px;}
.work-chip {background:#352b3d88;border-color:#795067;color:#edb2aa;}
.sleep-chip {background:#332c5388;border-color:#605c98;color:#cbbcee;}
.personal-chip {background:#3c382f77;border-color:#776444;color:#e5c999;}
.timeline-heading {margin:11px 0 9px;}
.timeline-heading h2 {font-size:20px;letter-spacing:-.4px;font-weight:600;}
.timeline-heading>span {font-size:11px;color:#a6b9e5;}
.add-small {color:#bdd0f8;background:#16345a;border:1px solid #5d88c4;box-shadow:inset 0 1px #a8cdf22a;border-radius:9px;}
.routine-card {--card:#304b77;--edge:#567cba;}
.cat-work,.cat-extra,.cat-commitment {--card:#2865a3;--edge:#598ace;}
.cat-walk,.cat-rest,.cat-exercise,.cat-connect,.cat-learn {--card:#228675;--edge:#4ea99a;}
.cat-meal {--card:#ad722e;--edge:#c59d59;}
.cat-sleep,.cat-meditate,.cat-therapy,.cat-retreat,.cat-breathe {--card:#7153a5;--edge:#8879c9;}
.cat-gaming,.cat-tv {--card:#505fb0;--edge:#7189d1;}
.cat-create {--card:#584872;--edge:#a68cb7;}
.routine-card.day-block {display:grid;grid-template-columns:26px minmax(0,1fr) 43px;grid-template-rows:1fr 1fr;column-gap:8px;row-gap:1px;left:37px;right:0;padding:7px 10px;border-radius:10px;background:radial-gradient(ellipse at 20% 0%,#ffffff21,transparent 70%),linear-gradient(170deg,var(--card),color-mix(in srgb,var(--card),#10172c 25%));border:0;box-shadow:inset 0 2px 2px #e3efff24,inset 0 -3px 3px #050a232e,0 3px 5px #020a1940;color:#f0f1ff;}
.activity-icon .inner-icon,.skill-icon .inner-icon {filter:drop-shadow(0 0 3px #ddeaff20);}
.activity-icon {grid-column:1;grid-row:1/3;align-self:center;color:#c4d5f5;}
.cat-meal .activity-icon {color:#f2d79d;}.cat-walk .activity-icon {color:#a8ecd8;}.cat-meditate .activity-icon,.cat-sleep .activity-icon {color:#d6c4fa;}
.card-title {display:contents;}
.card-title strong {grid-column:2;grid-row:1;font-size:12px;line-height:15px;align-self:end;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:43px;}
.card-title>span {grid-column:3;grid-row:1;align-self:end;font-size:10px;text-align:right;color:#e1e6f6;}
.card-time {display:contents;}
.card-time>span {grid-column:2;grid-row:2;align-self:start;font-size:10px;color:#bfd0e9;}
.card-time>small {grid-column:3;grid-row:2;font-size:8px;white-space:nowrap;text-align:right;overflow:hidden;text-overflow:ellipsis;align-self:start;color:#c2cce5;}
.routine-card .block-quality {position:absolute;left:64%;top:50%;transform:translate(-50%,-50%);margin:0;font-size:11px;line-height:14px;color:#c9d3ee;white-space:nowrap;font-weight:500;}
.routine-card .block-quality.influenced {color:#c3ecc6;}
.routine-card.selected-block {outline:1px solid #d0ddfc;}
.routine-card.sort-placeholder {opacity:.25;}
.routine-card.drag-ghost {box-shadow:0 14px 25px #02091c88;}
.free-time {left:48px;right:0;font-size:9px;color:#8fa9d0;}
.continuous-energy {left:3px;width:24px;background:#102b3a;border-radius:3px;}
.ribbon-fill {filter:drop-shadow(0 0 4px #6dddbb38);}
.energy-contour {stroke:#a3f9d7;stroke-width:.7;}
.capacity-ceiling {stroke:#b3c9e299;stroke-width:.6;}
.time-budget {left:37px;text-align:center;color:#99b7e1;font-size:11px;border-top:1px solid #28476b;padding-top:5px;}
.timeline-legend {color:#7899ba;font-size:8px;}
.net-row {color:#a7bfdf;font-size:11px;}
.net-row strong {color:#75e4cd;font-size:12px;}
.main-action {border-radius:15px;color:#072439;background:linear-gradient(150deg,#80f0d0,#43c9b6);border:1px solid #a5f4df;box-shadow:inset 0 1px 1px #d7fff855,0 4px 18px #31cbb21a;font-weight:600;}
.main-action:disabled {filter:saturate(.4);}
.scroll-content {scrollbar-color:#3f638d transparent;}
.section-kicker {color:#829fc4;}
.soft,.quiet-caption {color:#9eb3d0;}
.discovery h2,.skills h2 {font-size:22px;}
.discovery-map .thread-node {border-radius:15px;background:#10223c;border-color:#486794;box-shadow:inset 0 1px #bdd7ff12;}
.discovery-map .followed {background:linear-gradient(145deg,#433b68,#2a2c4f);border-color:#8c77be;color:#e3dcf7;}
.discovery-map .category-time.followed {background:linear-gradient(145deg,#244b75,#19324f);border-color:#5c87bb;}
.discovery-map .category-energy.followed {background:linear-gradient(145deg,#275a5d,#173942);border-color:#609da3;}
.discovery-map .thread-node small {color:#a7b4cd;}
.thread-track {stroke:#344e72;}
.thread-growth {stroke:#95c0df;filter:drop-shadow(0 0 3px #75c1d44a);}
.thread-growth.crisis {stroke:#e1a59b;}
.skills .skill-card {margin-top:10px;padding:13px 11px;border:1px solid #304d74;border-radius:13px;background:linear-gradient(135deg,#193353,#10213d);box-shadow:inset 0 1px 0 #92b8f012;}
.skill-icon {width:36px;height:36px;border-radius:10px;background:var(--card,#263c5f);color:#c4d1fa;}
.skill-icon .inner-icon {width:24px;height:24px;}
.skill-card h3 {font-size:14px;}.skill-card p,.skill-card small {color:#9bb2d2;}
.skills .skill-card>button {border:1px solid #577caa;background:#203e65;color:#c4d8f8;border-radius:9px;}
.skills .unlearned {background:#0c1b31;box-shadow:none;border-style:dashed;border-color:#2b4564;}
.unlearned .skill-icon {background:#15273e;border-color:#385372;color:#809aba;}
.locked-skills {border-color:#304a6c;}
.skill-card .influence-copy {color:#badab7;font-size:10px;}
.joy-range {color:#c5abe8;}.joy-range-track {background:linear-gradient(90deg,#3c315d,#b38bda);}
.insight-card {background:linear-gradient(145deg,#263557,#192843);border-color:#4b6084;color:#c8d8ee;}
.insight-card small {color:#9eb1ce;}
.day-deltas>div {background:#203755;}.day-deltas strong {color:#b6d8f2;}
.stress-breakdown>div,.money-row {border-color:#304763;}
.player-dialog,.player-dialog.metrics-screen {background:#10213a;border-color:#44668d;color:#e3ecfc;}
.modal-heading {border-color:#2b4568;}.modal-heading button {background:#233d5f;color:#bad0ed;}
.metrics-screen .metrics-grip i {background:#5276a6;}
.metrics-screen summary {color:#a8c2e4;}
.metrics-screen details,.overview-quadrant {border-color:#304b6c;}
.quadrant>rect {fill:#172e49;}.quadrant>path {stroke:#567391;}.quadrant text {fill:#a7b9d2;}
.field-label,.edit-fields label {color:#b1c6e5;}
.edit-fields input,.field-label select {background:#192f4d;border-color:#486a93;color:#e1edff;}
.request-options button {border-color:#456086;}.request-options .chosen {background:#243f66;border-color:#82a6e5;}
.request-options span {color:#aabdd6;}.money-total {color:#c6d3f5;}
.connection-overlay .connection-row span {color:#9fd6d6;}
#toast {background:#24466b;border:1px solid #5783b5;color:#e1edff;}
@media(max-height:740px){
 .phone-shell .fixed-top {padding-top:8px;}.phone-shell .top-brand {margin-bottom:7px;height:22px;}
 .phone-shell .fixed-top .axis {min-height:80px;}.phone-shell .fixed-top .axis-heading strong {font-size:21px;line-height:27px;}
 .pressures {padding-top:3px;}.pressure-chip {padding:5px 7px;}.timeline-heading {margin:6px 0;}.timeline-heading h2 {font-size:18px;}
 .routine-card.day-block {padding:3px 7px;grid-template-columns:22px minmax(0,1fr) 39px;column-gap:5px;}
 .activity-icon .inner-icon {width:22px;height:22px;}.card-title strong {font-size:11px;padding-right:36px;}.card-time>span {font-size:9px;}
 .routine-card .block-quality {font-size:10px;}.card-title>span {font-size:9px;}
}
@media(max-width:360px){
 .phone-shell .fixed-top .axis {padding-right:7px;padding-left:7px;}.phone-shell .fixed-top .axis-heading strong {font-size:21px;}
 .axis-joy .axis-slow>span:last-child {font-size:8px;}.routine-card .block-quality {left:68%;font-size:9px;}
 .card-title strong {padding-right:30px;font-size:11px;}.card-title>span {font-size:9px;}
}