/* Ishaura Spiral Travel System v1.0 */ :root{--itc-safe-bottom:max(7px,env(safe-area-inset-bottom))} #ishaura-spiral-junction-dashboard,#ishaura-spiral-travel-console{ --itc-bg:#edf3f8;--itc-panel:#fff;--itc-panel2:#f5f8fb;--itc-ink:#0b1725;--itc-muted:#516579; --itc-line:rgba(23,54,86,.16);--itc-blue:#1d70a7;--itc-violet:#694fa7;--itc-gold:#977116; --itc-green:#187458;--itc-shadow:0 22px 65px rgba(17,38,62,.20); color:var(--itc-ink)!important;font-family:Inter,"Segoe UI",system-ui,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.5 } #ishaura-spiral-junction-dashboard *,#ishaura-spiral-travel-console *{box-sizing:border-box} #ishaura-spiral-junction-dashboard a,#ishaura-spiral-travel-console a{color:inherit} #ishaura-spiral-junction-dashboard button,#ishaura-spiral-travel-console button{font:inherit} /* Portable Junction */ #ishaura-spiral-junction-dashboard{ position:fixed;left:50%;bottom:var(--itc-safe-bottom);transform:translateX(-50%); width:min(1160px,calc(100% - 12px));z-index:999990;pointer-events:none } #ishaura-spiral-junction-dashboard .itc-strip,#ishaura-spiral-junction-dashboard .itc-drawer{pointer-events:auto} .itc-strip{ display:grid;grid-template-columns:48px minmax(135px,.8fr) minmax(250px,1.5fr) auto;gap:9px;align-items:center; min-height:64px;padding:8px;border:1px solid var(--itc-line);border-radius:20px;background:rgba(255,255,255,.96); backdrop-filter:blur(17px);box-shadow:var(--itc-shadow) } .itc-logo{width:48px;height:48px;display:grid;place-items:center;border:1px solid rgba(29,112,167,.26);border-radius:15px; background:linear-gradient(145deg,rgba(29,112,167,.10),rgba(105,79,167,.07));color:var(--itc-blue)!important;font-size:1.5rem} .itc-where,.itc-route-mini{min-width:0} .itc-eyebrow{display:flex;align-items:center;gap:6px;color:var(--itc-muted)!important;font-size:.59rem;font-weight:950;letter-spacing:.1em;text-transform:uppercase} .itc-live-dot{width:7px;height:7px;border-radius:50%;display:inline-block;background:var(--itc-gold);box-shadow:0 0 13px rgba(151,113,22,.36)} [data-itc-state="ready"] .itc-live-dot{background:var(--itc-green)} .itc-where b,.itc-route-mini b{display:block;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--itc-ink)!important;font-size:.83rem} .itc-blue{color:var(--itc-blue)!important} .itc-strip-actions,.itc-console-actions{display:flex;gap:6px;align-items:center;flex-wrap:wrap} .itc-icon-btn,.itc-open-btn,.itc-small,.itc-action{ border:1px solid var(--itc-line);background:var(--itc-panel2);color:var(--itc-ink)!important;text-decoration:none;font-weight:950;cursor:pointer } .itc-icon-btn{width:43px;height:43px;display:grid;place-items:center;border-radius:12px} .itc-open-btn{min-height:43px;padding:8px 12px;border-radius:12px} .itc-drawer{ display:none;max-height:min(78vh,760px);overflow:auto;margin-bottom:7px;border:1px solid var(--itc-line); border-radius:25px;background:var(--itc-bg);box-shadow:var(--itc-shadow) } #ishaura-spiral-junction-dashboard.is-open .itc-drawer{display:block} /* Shared console shell */ .itc-console-top{position:sticky;top:0;z-index:5;display:flex;justify-content:space-between;gap:10px;align-items:center; padding:10px 12px;border-bottom:1px solid var(--itc-line);background:rgba(255,255,255,.94);backdrop-filter:blur(14px)} .itc-console-brand{display:flex;gap:7px;align-items:center;color:var(--itc-muted)!important;font-size:.66rem;font-weight:950;letter-spacing:.09em;text-transform:uppercase} .itc-small{min-height:36px;padding:7px 9px;border-radius:10px;font-size:.68rem} .itc-hero{position:relative;overflow:hidden;padding:clamp(20px,3vw,38px);background: radial-gradient(circle at 10% 0%,rgba(29,112,167,.12),transparent 24rem), radial-gradient(circle at 92% 0%,rgba(105,79,167,.10),transparent 24rem),linear-gradient(180deg,#fff,var(--itc-bg))} .itc-hero:after{content:"";position:absolute;right:-90px;top:-110px;width:320px;height:320px;border:1px solid rgba(29,112,167,.12);border-radius:50%; box-shadow:0 0 0 40px rgba(29,112,167,.02),0 0 0 80px rgba(105,79,167,.015)} .itc-kicker{position:relative;z-index:1;color:var(--itc-blue)!important;font-size:.64rem;font-weight:950;letter-spacing:.13em;text-transform:uppercase} .itc-hero h1,.itc-hero h2{position:relative;z-index:1;margin:5px 0;font-family:Georgia,"Times New Roman",serif;line-height:1;color:var(--itc-ink)!important} .itc-hero h1{font-size:clamp(2.5rem,6vw,5.2rem)} .itc-hero h2{font-size:clamp(1.9rem,4.5vw,3.4rem)} .itc-hero p{position:relative;z-index:1;margin:0;max-width:820px;color:var(--itc-muted)!important;font-size:.85rem;line-height:1.55} .itc-flight-line{position:relative;z-index:1;display:grid;grid-template-columns:1fr 38px 1fr;gap:8px;align-items:center;margin-top:14px} .itc-coordinate{min-width:0;padding:11px;border:1px solid var(--itc-line);border-radius:14px;background:rgba(255,255,255,.83)} .itc-coordinate small,.itc-card small,.itc-system small{display:block;color:var(--itc-muted)!important;font-size:.56rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase} .itc-coordinate b{display:block;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--itc-ink)!important;font-size:.82rem} .itc-coordinate em{display:block;margin-top:2px;color:var(--itc-muted)!important;font-size:.65rem;font-style:normal} .itc-flight-arrow{text-align:center;color:var(--itc-blue)!important;font-weight:950} .itc-page-progress{display:none;position:relative;z-index:1;margin-top:11px} .itc-page-progress.show{display:block} .itc-progress-head{display:flex;justify-content:space-between;color:var(--itc-muted)!important;font-size:.59rem;font-weight:900} .itc-progress-track{height:6px;margin-top:4px;border-radius:999px;background:rgba(23,54,86,.09);overflow:hidden} .itc-progress-fill{height:100%;width:0;background:linear-gradient(90deg,var(--itc-blue),var(--itc-violet),var(--itc-gold))} .itc-tabs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;padding:8px;border-top:1px solid var(--itc-line);border-bottom:1px solid var(--itc-line);background:var(--itc-panel2)} .itc-tab{min-height:52px;padding:6px;border:1px solid var(--itc-line);border-radius:12px;background:var(--itc-panel);color:var(--itc-muted)!important;font-size:.65rem;font-weight:950;cursor:pointer} .itc-tab span{display:block;font-size:1rem;margin-bottom:2px} .itc-tab[aria-selected="true"]{border-color:rgba(29,112,167,.42);background:rgba(29,112,167,.07);color:var(--itc-ink)!important} .itc-view{display:none;padding:15px}.itc-view.is-active{display:block} .itc-view-head{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:end;margin-bottom:10px} .itc-view-head small{display:block;color:var(--itc-blue)!important;font-size:.57rem;font-weight:950;letter-spacing:.09em;text-transform:uppercase} .itc-view-head h3{margin:3px 0 2px;font-family:Georgia,serif;font-size:1.35rem;color:var(--itc-ink)!important} .itc-view-head p{margin:0;color:var(--itc-muted)!important;font-size:.72rem;line-height:1.42} .itc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.itc-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))} .itc-card{min-width:0;padding:11px;border:1px solid var(--itc-line);border-radius:13px;background:var(--itc-panel)} .itc-card strong{display:block;margin-top:3px;color:var(--itc-ink)!important;font-size:.8rem;line-height:1.38} .itc-card p{margin:4px 0 0;color:var(--itc-muted)!important;font-size:.68rem;line-height:1.42} .itc-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:9px} .itc-action{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:7px 10px;border-radius:10px;font-size:.68rem} .itc-action.primary{background:linear-gradient(135deg,#1d70a7,#694fa7);border-color:transparent;color:#fff!important} .itc-route-row{display:grid;grid-template-columns:38px 1fr auto;gap:8px;align-items:center;padding:9px;border-bottom:1px solid var(--itc-line)} .itc-route-row:last-child{border-bottom:0} .itc-route-row i{width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--itc-line);border-radius:10px;background:var(--itc-panel2);font-style:normal} .itc-route-row b{display:block;color:var(--itc-ink)!important;font-size:.75rem}.itc-route-row small{display:block;color:var(--itc-muted)!important;font-size:.63rem;margin-top:1px} .itc-route-row em{font-style:normal;color:var(--itc-blue)!important;font-size:.59rem;font-weight:950} .itc-stamps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px} .itc-stamp{min-height:110px;padding:10px;border:1px dashed rgba(151,113,22,.40);border-radius:50%;display:grid;place-items:center;text-align:center;background:rgba(151,113,22,.035)} .itc-stamp b{color:var(--itc-ink)!important;font-size:.7rem}.itc-stamp small{display:block;margin-top:3px;color:var(--itc-muted)!important;font-size:.61rem} .itc-stamp.is-marked{border-style:solid;border-color:rgba(24,116,88,.42);background:rgba(24,116,88,.055)} .itc-ledger{display:grid;gap:6px} .itc-ledger-row{display:grid;grid-template-columns:34px 1fr auto;gap:8px;align-items:center;padding:9px;border:1px solid var(--itc-line);border-radius:12px;background:var(--itc-panel)} .itc-ledger-row .mark{width:32px;height:32px;display:grid;place-items:center;border:1px solid var(--itc-line);border-radius:50%;background:var(--itc-panel2)} .itc-ledger-row b{display:block;color:var(--itc-ink)!important;font-size:.72rem}.itc-ledger-row small{display:block;color:var(--itc-muted)!important;font-size:.61rem} .itc-ledger-row time{color:var(--itc-muted)!important;font-size:.57rem} .itc-missions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px} .itc-mission{padding:11px;border:1px solid var(--itc-line);border-radius:13px;background:var(--itc-panel)} .itc-mission .state{display:inline-flex;padding:3px 6px;border:1px solid var(--itc-line);border-radius:999px;color:var(--itc-muted)!important;font-size:.53rem;font-weight:950;text-transform:uppercase} .itc-mission b{display:block;margin-top:6px;color:var(--itc-ink)!important;font-size:.75rem}.itc-mission p{margin:3px 0 0;color:var(--itc-muted)!important;font-size:.64rem;line-height:1.4} .itc-systems{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px} .itc-system{padding:10px;border:1px solid var(--itc-line);border-radius:12px;background:var(--itc-panel)} .itc-system span{font-size:1rem}.itc-system b{display:block;margin-top:2px;color:var(--itc-ink)!important;font-size:.72rem} .itc-system em{display:block;margin-top:2px;color:var(--itc-muted)!important;font-size:.59rem;font-style:normal} .itc-empty{padding:12px;border:1px dashed var(--itc-line);border-radius:12px;background:var(--itc-panel);color:var(--itc-muted)!important;font-size:.68rem;line-height:1.45} .itc-note{margin-top:8px;padding:9px 10px;border-left:3px solid var(--itc-gold);border-radius:9px;background:rgba(151,113,22,.05);color:var(--itc-muted)!important;font-size:.64rem;line-height:1.42} /* Full page */ #ishaura-spiral-travel-console{width:min(1220px,calc(100% - 18px));margin:18px auto 70px} #ishaura-spiral-travel-console .itc-full-shell{overflow:hidden;border:1px solid var(--itc-line);border-radius:30px;background:var(--itc-bg);box-shadow:var(--itc-shadow)} #ishaura-spiral-travel-console .itc-view{padding:clamp(18px,3vw,34px)} #ishaura-spiral-travel-console .itc-card strong{font-size:.9rem} #ishaura-spiral-travel-console .itc-view-head h3{font-size:clamp(1.5rem,3vw,2.4rem)} /* Site dark mode only */ body.dark-mode #ishaura-spiral-junction-dashboard,body.is-dark #ishaura-spiral-junction-dashboard,html.dark #ishaura-spiral-junction-dashboard, body.dark-mode #ishaura-spiral-travel-console,body.is-dark #ishaura-spiral-travel-console,html.dark #ishaura-spiral-travel-console{ --itc-bg:#040914;--itc-panel:#09121f;--itc-panel2:#0d1827;--itc-ink:#eef8ff;--itc-muted:#a9bbcd; --itc-line:rgba(147,197,253,.17);--itc-blue:#78d9ff;--itc-violet:#b8a5ff;--itc-gold:#efd98c;--itc-green:#6dd7aa;--itc-shadow:0 22px 65px rgba(0,0,0,.42) } body.dark-mode .itc-strip,body.is-dark .itc-strip,html.dark .itc-strip, body.dark-mode .itc-console-top,body.is-dark .itc-console-top,html.dark .itc-console-top{background:rgba(7,16,27,.95)!important} body.dark-mode .itc-hero,body.is-dark .itc-hero,html.dark .itc-hero{background: radial-gradient(circle at 10% 0%,rgba(120,217,255,.10),transparent 24rem), radial-gradient(circle at 92% 0%,rgba(184,165,255,.08),transparent 24rem),linear-gradient(180deg,#06101c,#040914)!important} body.dark-mode .itc-coordinate,body.is-dark .itc-coordinate,html.dark .itc-coordinate{background:rgba(9,18,31,.86)!important} @media(max-width:900px){ .itc-strip{grid-template-columns:48px minmax(0,1fr) auto}.itc-route-mini{display:none} .itc-tabs{grid-template-columns:repeat(3,minmax(0,1fr))} .itc-grid,.itc-systems,.itc-missions{grid-template-columns:repeat(2,minmax(0,1fr))} } @media(max-width:620px){ #ishaura-spiral-junction-dashboard{width:calc(100% - 6px);bottom:max(3px,env(safe-area-inset-bottom))} .itc-drawer{max-height:86vh;border-radius:20px}.itc-strip{grid-template-columns:43px minmax(0,1fr) auto;min-height:58px;padding:6px} .itc-logo{width:43px;height:43px}.itc-icon-btn{display:none}.itc-open-btn{font-size:.68rem;padding:7px 9px} .itc-console-actions .itc-small:not(:last-child){display:none}.itc-flight-line{grid-template-columns:1fr}.itc-flight-arrow{transform:rotate(90deg)} .itc-tabs{grid-template-columns:repeat(2,minmax(0,1fr))} .itc-grid,.itc-grid.two,.itc-systems,.itc-stamps,.itc-missions{grid-template-columns:1fr} .itc-route-row,.itc-ledger-row{grid-template-columns:34px 1fr}.itc-route-row em,.itc-ledger-row time{grid-column:2} #ishaura-spiral-travel-console{width:calc(100% - 8px);margin-top:8px} } @media(prefers-reduced-motion:reduce){#ishaura-spiral-junction-dashboard *,#ishaura-spiral-travel-console *{animation:none!important;transition:none!important;scroll-behavior:auto!important}} /* ========================================================= v1.3 FAVORITE MINI DASHBOARD — BORN-RECOGNIZED ========================================================= */ #ishaura-spiral-junction-dashboard[hidden]{display:none!important} #ishaura-spiral-junction-dashboard.itc-born-recognized{display:block!important} #ishaura-spiral-junction-dashboard .itc-favorite-mini{ pointer-events:auto; display:grid; grid-template-columns:minmax(0,1fr) auto; gap:14px; align-items:center; min-height:92px; padding:12px 13px 11px 15px; border:1px solid var(--itc-line); border-radius:20px; background:rgba(255,255,255,.97); backdrop-filter:blur(17px); box-shadow:var(--itc-shadow); } #ishaura-spiral-junction-dashboard .itc-mini-copy{min-width:0} #ishaura-spiral-junction-dashboard .itc-journey-line{ display:flex;align-items:center;gap:7px; color:var(--itc-muted)!important; font-size:.64rem;font-weight:950;letter-spacing:.09em;text-transform:uppercase; } #ishaura-spiral-junction-dashboard .itc-journey-line strong{color:var(--itc-muted)!important} #ishaura-spiral-junction-dashboard .itc-here-line{ margin-top:3px;color:var(--itc-muted)!important;font-size:.76rem; } #ishaura-spiral-junction-dashboard .itc-here-line span{font-weight:800} #ishaura-spiral-junction-dashboard .itc-here-line b{ color:var(--itc-ink)!important;font-size:.86rem; } #ishaura-spiral-junction-dashboard .itc-record-label{ margin-top:7px;color:var(--itc-muted)!important; font-size:.56rem;font-weight:950;letter-spacing:.11em;text-transform:uppercase; } #ishaura-spiral-junction-dashboard .itc-record-route{ display:flex;align-items:center;gap:7px;min-width:0;margin-top:1px; } #ishaura-spiral-junction-dashboard .itc-record-route b{ min-width:0;max-width:42%; white-space:nowrap;overflow:hidden;text-overflow:ellipsis; color:var(--itc-ink)!important;font-size:.84rem; } #ishaura-spiral-junction-dashboard .itc-record-route span{ flex:0 0 auto;color:var(--itc-blue)!important;font-weight:950; } #ishaura-spiral-junction-dashboard .itc-mini-controls{ display:flex;gap:6px;align-items:center; } #ishaura-spiral-junction-dashboard .itc-mini-square, #ishaura-spiral-junction-dashboard .itc-mini-dashboard-button{ min-height:43px;border:1px solid var(--itc-line);border-radius:12px; background:var(--itc-panel2);color:var(--itc-ink)!important; text-decoration:none;font-weight:950;cursor:pointer; } #ishaura-spiral-junction-dashboard .itc-mini-square{ width:43px;display:grid;place-items:center;font-size:1rem; } #ishaura-spiral-junction-dashboard .itc-mini-dashboard-button{ padding:8px 11px; } body.dark-mode #ishaura-spiral-junction-dashboard .itc-favorite-mini, body.is-dark #ishaura-spiral-junction-dashboard .itc-favorite-mini, html.dark #ishaura-spiral-junction-dashboard .itc-favorite-mini{ background:rgba(7,16,27,.96)!important; } @media(max-width:680px){ #ishaura-spiral-junction-dashboard .itc-favorite-mini{ gap:7px;min-height:82px;padding:9px 9px 9px 11px; } #ishaura-spiral-junction-dashboard .itc-record-route b{max-width:40%;font-size:.76rem} #ishaura-spiral-junction-dashboard .itc-here-line b{font-size:.78rem} #ishaura-spiral-junction-dashboard .itc-mini-square{width:38px;min-height:38px} #ishaura-spiral-junction-dashboard .itc-mini-dashboard-button{min-height:38px;padding:6px 8px;font-size:.64rem} } @media(max-width:470px){ #ishaura-spiral-junction-dashboard .itc-favorite-mini{grid-template-columns:1fr} #ishaura-spiral-junction-dashboard .itc-mini-controls{justify-content:flex-end} #ishaura-spiral-junction-dashboard .itc-record-route b{max-width:43%} } /* ========================================================= v1.2 CLICKABLE ROUTES + MISSION INSTRUCTIONS ========================================================= */ #ishaura-spiral-junction-dashboard .itc-record-route a{ min-width:0;max-width:42%; color:var(--itc-ink)!important; text-decoration:none; border-bottom:1px dotted rgba(29,112,167,.40); } #ishaura-spiral-junction-dashboard .itc-record-route a:hover, #ishaura-spiral-junction-dashboard .itc-record-route a:focus-visible{ color:var(--itc-blue)!important; border-bottom-color:var(--itc-blue); } #ishaura-spiral-junction-dashboard .itc-record-route a b{ display:block;max-width:100%!important; white-space:nowrap;overflow:hidden;text-overflow:ellipsis; } #ishaura-spiral-junction-dashboard .itc-mini-routes-button{ min-height:43px;padding:8px 10px; border:1px solid rgba(29,112,167,.30); border-radius:12px; background:rgba(29,112,167,.07); color:var(--itc-blue)!important; font-weight:950;cursor:pointer; } #ishaura-spiral-junction-dashboard .itc-mini-routes-button:hover, #ishaura-spiral-junction-dashboard .itc-mini-routes-button:focus-visible{ background:rgba(29,112,167,.13); } .itc-route-row a.itc-route-destination{ color:var(--itc-ink)!important;text-decoration:none; border-bottom:1px dotted rgba(29,112,167,.35) } .itc-route-row a.itc-route-destination:hover, .itc-route-row a.itc-route-destination:focus-visible{ color:var(--itc-blue)!important;border-bottom-color:var(--itc-blue) } .itc-mission .itc-mission-how{ margin-top:8px;padding:8px 9px; border:1px solid var(--itc-line);border-radius:10px; background:var(--itc-panel2); color:var(--itc-muted)!important; font-size:.62rem;line-height:1.45 } .itc-mission .itc-mission-how strong{ display:block;margin-bottom:3px;color:var(--itc-ink)!important;font-size:.62rem } .itc-mission .itc-mission-how ol{ margin:4px 0 0 17px;padding:0 } .itc-mission .itc-mission-how li{margin:3px 0} .itc-mission .itc-mission-go{ display:inline-flex;margin-top:8px;min-height:34px;padding:6px 8px; align-items:center;justify-content:center; border:1px solid rgba(29,112,167,.28);border-radius:9px; background:rgba(29,112,167,.07); color:var(--itc-blue)!important;text-decoration:none;font-size:.61rem;font-weight:950 } @media(max-width:680px){ #ishaura-spiral-junction-dashboard .itc-mini-routes-button{ min-height:38px;padding:6px 8px;font-size:.64rem } } /* ========================================================= v1.4 LIVING HELM VISUAL SYSTEM Realm/Civilization-responsive color + elevated dark mode ========================================================= */ #ishaura-spiral-junction-dashboard, #ishaura-spiral-travel-console{ --itc-accent-rgb:151,126,230; --itc-accent2-rgb:86,202,255; --itc-accent3-rgb:239,217,140; --itc-accent:#977ee6; --itc-accent2:#56caff; --itc-accent3:#efd98c; } #ishaura-spiral-junction-dashboard[data-itc-world="air"], #ishaura-spiral-travel-console[data-itc-world="air"]{ --itc-accent-rgb:92,210,255;--itc-accent2-rgb:90,131,255;--itc-accent3-rgb:177,240,255; --itc-accent:#5cd2ff;--itc-accent2:#5a83ff;--itc-accent3:#b1f0ff; --itc-blue:#2384b7;--itc-violet:#536bd0;--itc-gold:#8b7a28 } #ishaura-spiral-junction-dashboard[data-itc-world="water"], #ishaura-spiral-travel-console[data-itc-world="water"]{ --itc-accent-rgb:62,205,225;--itc-accent2-rgb:79,105,214;--itc-accent3-rgb:126,231,207; --itc-accent:#3ecde1;--itc-accent2:#4f69d6;--itc-accent3:#7ee7cf; --itc-blue:#16849c;--itc-violet:#465fb4;--itc-gold:#5f8d7f } #ishaura-spiral-junction-dashboard[data-itc-world="earth"], #ishaura-spiral-travel-console[data-itc-world="earth"]{ --itc-accent-rgb:93,207,139;--itc-accent2-rgb:190,161,82;--itc-accent3-rgb:181,226,124; --itc-accent:#5dcf8b;--itc-accent2:#bea152;--itc-accent3:#b5e27c; --itc-blue:#287a57;--itc-violet:#7e713c;--itc-gold:#89701e } #ishaura-spiral-junction-dashboard[data-itc-world="fire"], #ishaura-spiral-travel-console[data-itc-world="fire"]{ --itc-accent-rgb:255,128,82;--itc-accent2-rgb:224,77,112;--itc-accent3-rgb:255,202,92; --itc-accent:#ff8052;--itc-accent2:#e04d70;--itc-accent3:#ffca5c; --itc-blue:#b7552d;--itc-violet:#a53c5d;--itc-gold:#a06f10 } #ishaura-spiral-junction-dashboard[data-itc-world="aether"], #ishaura-spiral-travel-console[data-itc-world="aether"]{ --itc-accent-rgb:177,145,255;--itc-accent2-rgb:92,203,255;--itc-accent3-rgb:245,215,126; --itc-accent:#b191ff;--itc-accent2:#5ccbff;--itc-accent3:#f5d77e; --itc-blue:#6f56b3;--itc-violet:#7654bd;--itc-gold:#98731b } /* The favorite mini remains the same information, but now feels like a live ship instrument. */ #ishaura-spiral-junction-dashboard .itc-favorite-mini{ position:relative;overflow:hidden;isolation:isolate; border-color:rgba(var(--itc-accent-rgb),.26); box-shadow: 0 24px 70px rgba(14,30,49,.20), 0 0 0 1px rgba(var(--itc-accent-rgb),.035) inset, 0 -16px 46px rgba(var(--itc-accent2-rgb),.025) inset; } #ishaura-spiral-junction-dashboard .itc-favorite-mini:before{ content:"";position:absolute;z-index:-1;inset:-80% -20%; background: radial-gradient(circle at 18% 45%,rgba(var(--itc-accent-rgb),.22),transparent 23%), radial-gradient(circle at 72% 38%,rgba(var(--itc-accent2-rgb),.16),transparent 26%), radial-gradient(circle at 48% 70%,rgba(var(--itc-accent3-rgb),.10),transparent 19%); filter:blur(18px);opacity:.45; animation:itcAuroraDrift 14s ease-in-out infinite alternate; } #ishaura-spiral-junction-dashboard .itc-favorite-mini:after{ content:"";position:absolute;left:14px;right:14px;top:0;height:1px;z-index:2; background:linear-gradient(90deg,transparent,rgba(var(--itc-accent-rgb),.85),rgba(var(--itc-accent2-rgb),.75),transparent); box-shadow:0 0 18px rgba(var(--itc-accent-rgb),.34) } #ishaura-spiral-junction-dashboard .itc-favorite-mini>*{position:relative;z-index:1} #ishaura-spiral-junction-dashboard .itc-live-dot{ background:var(--itc-accent)!important; box-shadow:0 0 7px rgba(var(--itc-accent-rgb),.85),0 0 20px rgba(var(--itc-accent-rgb),.45)!important } #ishaura-spiral-junction-dashboard .itc-record-route span, #ishaura-spiral-junction-dashboard .itc-mini-routes-button{color:var(--itc-accent)!important} #ishaura-spiral-junction-dashboard .itc-mini-routes-button{ border-color:rgba(var(--itc-accent-rgb),.30); background:rgba(var(--itc-accent-rgb),.07) } #ishaura-spiral-junction-dashboard .itc-mini-square, #ishaura-spiral-junction-dashboard .itc-mini-dashboard-button{ transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease } #ishaura-spiral-junction-dashboard .itc-mini-square:hover, #ishaura-spiral-junction-dashboard .itc-mini-dashboard-button:hover, #ishaura-spiral-junction-dashboard .itc-mini-routes-button:hover{ transform:translateY(-1px); border-color:rgba(var(--itc-accent-rgb),.55); box-shadow:0 0 18px rgba(var(--itc-accent-rgb),.10) } @keyframes itcAuroraDrift{ 0%{transform:translate3d(-4%,0,0) rotate(-2deg) scale(1)} 50%{transform:translate3d(3%,-3%,0) rotate(1deg) scale(1.05)} 100%{transform:translate3d(7%,2%,0) rotate(3deg) scale(1.08)} } /* Elevated deep-space dark appearance; the accent follows the current world. */ body.dark-mode #ishaura-spiral-junction-dashboard, body.is-dark #ishaura-spiral-junction-dashboard, html.dark #ishaura-spiral-junction-dashboard, html[data-theme="dark"] #ishaura-spiral-junction-dashboard, body[data-theme="dark"] #ishaura-spiral-junction-dashboard, body.dark-mode #ishaura-spiral-travel-console, body.is-dark #ishaura-spiral-travel-console, html.dark #ishaura-spiral-travel-console, html[data-theme="dark"] #ishaura-spiral-travel-console, body[data-theme="dark"] #ishaura-spiral-travel-console{ --itc-bg:#020711;--itc-panel:#07111f;--itc-panel2:#0b1727;--itc-ink:#f2f9ff;--itc-muted:#a9bfd1; --itc-line:rgba(var(--itc-accent-rgb),.20); --itc-blue:var(--itc-accent);--itc-violet:var(--itc-accent2);--itc-gold:var(--itc-accent3); --itc-green:#7ce4b7; --itc-shadow:0 28px 90px rgba(0,0,0,.58),0 0 44px rgba(var(--itc-accent-rgb),.08) } body.dark-mode #ishaura-spiral-junction-dashboard .itc-favorite-mini, body.is-dark #ishaura-spiral-junction-dashboard .itc-favorite-mini, html.dark #ishaura-spiral-junction-dashboard .itc-favorite-mini, html[data-theme="dark"] #ishaura-spiral-junction-dashboard .itc-favorite-mini, body[data-theme="dark"] #ishaura-spiral-junction-dashboard .itc-favorite-mini{ background: radial-gradient(circle at 4% 0%,rgba(var(--itc-accent-rgb),.14),transparent 34%), radial-gradient(circle at 98% 100%,rgba(var(--itc-accent2-rgb),.10),transparent 38%), linear-gradient(145deg,rgba(3,10,20,.985),rgba(7,16,30,.975))!important; border-color:rgba(var(--itc-accent-rgb),.32); box-shadow: 0 30px 90px rgba(0,0,0,.62), 0 0 38px rgba(var(--itc-accent-rgb),.10), 0 0 0 1px rgba(var(--itc-accent2-rgb),.06) inset } body.dark-mode #ishaura-spiral-junction-dashboard .itc-drawer, body.is-dark #ishaura-spiral-junction-dashboard .itc-drawer, html.dark #ishaura-spiral-junction-dashboard .itc-drawer, html[data-theme="dark"] #ishaura-spiral-junction-dashboard .itc-drawer, body[data-theme="dark"] #ishaura-spiral-junction-dashboard .itc-drawer, body.dark-mode #ishaura-spiral-travel-console .itc-full-shell, body.is-dark #ishaura-spiral-travel-console .itc-full-shell, html.dark #ishaura-spiral-travel-console .itc-full-shell, html[data-theme="dark"] #ishaura-spiral-travel-console .itc-full-shell, body[data-theme="dark"] #ishaura-spiral-travel-console .itc-full-shell{ background: radial-gradient(circle at 8% 0%,rgba(var(--itc-accent-rgb),.13),transparent 34rem), radial-gradient(circle at 94% 10%,rgba(var(--itc-accent2-rgb),.09),transparent 30rem), linear-gradient(180deg,#030914,#020711)!important; border-color:rgba(var(--itc-accent-rgb),.25); box-shadow:0 32px 100px rgba(0,0,0,.56),0 0 52px rgba(var(--itc-accent-rgb),.07) } body.dark-mode #ishaura-spiral-junction-dashboard .itc-console-top, body.is-dark #ishaura-spiral-junction-dashboard .itc-console-top, html.dark #ishaura-spiral-junction-dashboard .itc-console-top, html[data-theme="dark"] #ishaura-spiral-junction-dashboard .itc-console-top, body[data-theme="dark"] #ishaura-spiral-junction-dashboard .itc-console-top, body.dark-mode #ishaura-spiral-travel-console .itc-console-top, body.is-dark #ishaura-spiral-travel-console .itc-console-top, html.dark #ishaura-spiral-travel-console .itc-console-top, html[data-theme="dark"] #ishaura-spiral-travel-console .itc-console-top, body[data-theme="dark"] #ishaura-spiral-travel-console .itc-console-top{ background:rgba(3,10,20,.90)!important; border-bottom-color:rgba(var(--itc-accent-rgb),.18); box-shadow:0 8px 30px rgba(0,0,0,.16) } body.dark-mode #ishaura-spiral-junction-dashboard .itc-card, body.is-dark #ishaura-spiral-junction-dashboard .itc-card, html.dark #ishaura-spiral-junction-dashboard .itc-card, html[data-theme="dark"] #ishaura-spiral-junction-dashboard .itc-card, body[data-theme="dark"] #ishaura-spiral-junction-dashboard .itc-card, body.dark-mode #ishaura-spiral-travel-console .itc-card, body.is-dark #ishaura-spiral-travel-console .itc-card, html.dark #ishaura-spiral-travel-console .itc-card, html[data-theme="dark"] #ishaura-spiral-travel-console .itc-card, body[data-theme="dark"] #ishaura-spiral-travel-console .itc-card{ background:linear-gradient(145deg,rgba(10,24,40,.88),rgba(6,15,27,.92)); border-color:rgba(var(--itc-accent-rgb),.15) } /* Route directory / star chart */ .itc-star-chart{margin-top:14px} .itc-star-head{margin:0 0 8px} .itc-route-group{ margin-top:7px;border:1px solid var(--itc-line);border-radius:14px;background:var(--itc-panel);overflow:hidden } .itc-route-group>summary{ list-style:none;display:flex;justify-content:space-between;gap:9px;align-items:center;cursor:pointer; padding:11px 12px;color:var(--itc-ink)!important;font-size:.70rem;font-weight:950 } .itc-route-group>summary::-webkit-details-marker{display:none} .itc-route-group>summary span{color:var(--itc-muted)!important;font-size:.56rem;text-transform:uppercase} .itc-route-group[open]>summary{ border-bottom:1px solid var(--itc-line); background:linear-gradient(90deg,rgba(var(--itc-accent-rgb),.07),transparent) } .itc-star-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding:8px} .itc-star-route{ min-width:0;padding:10px;border:1px solid var(--itc-line);border-radius:12px;background:var(--itc-panel2); color:var(--itc-ink)!important;text-decoration:none;transition:transform .18s ease,border-color .18s ease,background .18s ease } .itc-star-route>span{display:block;font-size:1.1rem} .itc-star-route b{display:block;margin-top:3px;font-size:.70rem;line-height:1.3} .itc-star-route small{display:block;margin-top:2px;color:var(--itc-muted)!important;font-size:.58rem;line-height:1.35} .itc-star-route:hover,.itc-star-route:focus-visible{ transform:translateY(-1px);border-color:rgba(var(--itc-accent-rgb),.44); background:linear-gradient(145deg,rgba(var(--itc-accent-rgb),.08),var(--itc-panel2)) } body.dark-mode .itc-route-group,body.is-dark .itc-route-group,html.dark .itc-route-group, html[data-theme="dark"] .itc-route-group,body[data-theme="dark"] .itc-route-group{ background:rgba(5,14,25,.78) } @media(max-width:900px){.itc-star-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:620px){.itc-star-grid{grid-template-columns:1fr}} @media(prefers-reduced-motion:reduce){ #ishaura-spiral-junction-dashboard .itc-favorite-mini:before{animation:none!important} } /* ========================================================= v1.5 NIGHT-FLIGHT READABILITY + DAZZLE ========================================================= */ #ishaura-spiral-junction-dashboard[data-itc-mode="dark"],#ishaura-spiral-travel-console[data-itc-mode="dark"]{ --itc-bg:#01040b!important;--itc-panel:#06101c!important;--itc-panel2:#0a1726!important;--itc-ink:#f7fbff!important;--itc-muted:#bdd0df!important;--itc-line:rgba(var(--itc-accent-rgb),.28)!important;--itc-shadow:0 34px 110px rgba(0,0,0,.66),0 0 54px rgba(var(--itc-accent-rgb),.12)!important;color:#f7fbff!important } #ishaura-spiral-junction-dashboard[data-itc-mode="dark"] .itc-favorite-mini,#ishaura-spiral-travel-console[data-itc-mode="dark"] .itc-full-shell,#ishaura-spiral-junction-dashboard[data-itc-mode="dark"] .itc-drawer{ color:#f7fbff!important;background:radial-gradient(circle at 10% 0%,rgba(var(--itc-accent-rgb),.26),transparent 29rem),radial-gradient(circle at 94% 12%,rgba(var(--itc-accent2-rgb),.20),transparent 30rem),radial-gradient(circle at 52% 116%,rgba(var(--itc-accent3-rgb),.11),transparent 32rem),linear-gradient(145deg,#020713 0%,#06101d 48%,#020712 100%)!important;border-color:rgba(var(--itc-accent-rgb),.44)!important;box-shadow:0 34px 105px rgba(0,0,0,.68),0 0 42px rgba(var(--itc-accent-rgb),.17),0 0 0 1px rgba(var(--itc-accent2-rgb),.11) inset!important } #ishaura-spiral-junction-dashboard[data-itc-mode="dark"] .itc-favorite-mini:before{opacity:.92!important;background:radial-gradient(circle at 18% 38%,rgba(var(--itc-accent-rgb),.58),transparent 19%),radial-gradient(circle at 70% 33%,rgba(var(--itc-accent2-rgb),.42),transparent 23%),radial-gradient(circle at 48% 78%,rgba(var(--itc-accent3-rgb),.23),transparent 18%)!important;filter:blur(29px)!important} #ishaura-spiral-junction-dashboard[data-itc-mode="dark"] .itc-favorite-mini:after{height:2px!important;background:linear-gradient(90deg,transparent,var(--itc-accent),var(--itc-accent2),var(--itc-accent3),transparent)!important;box-shadow:0 0 22px rgba(var(--itc-accent-rgb),.72),0 0 36px rgba(var(--itc-accent2-rgb),.37)!important} #ishaura-spiral-junction-dashboard[data-itc-mode="dark"] .itc-favorite-mini::marker{color:var(--itc-accent)} #ishaura-spiral-junction-dashboard[data-itc-mode="dark"] .itc-card,#ishaura-spiral-travel-console[data-itc-mode="dark"] .itc-card,#ishaura-spiral-junction-dashboard[data-itc-mode="dark"] .itc-system,#ishaura-spiral-travel-console[data-itc-mode="dark"] .itc-system,#ishaura-spiral-junction-dashboard[data-itc-mode="dark"] .itc-route-row,#ishaura-spiral-travel-console[data-itc-mode="dark"] .itc-route-row,#ishaura-spiral-junction-dashboard[data-itc-mode="dark"] .itc-mission,#ishaura-spiral-travel-console[data-itc-mode="dark"] .itc-mission,#ishaura-spiral-junction-dashboard[data-itc-mode="dark"] .itc-route-group,#ishaura-spiral-travel-console[data-itc-mode="dark"] .itc-route-group{background:linear-gradient(145deg,rgba(8,21,37,.97),rgba(4,12,23,.98))!important;color:#f7fbff!important;border-color:rgba(var(--itc-accent-rgb),.24)!important;box-shadow:0 12px 34px rgba(0,0,0,.24),0 0 20px rgba(var(--itc-accent-rgb),.035) inset} #ishaura-spiral-junction-dashboard[data-itc-mode="dark"] .itc-card strong,#ishaura-spiral-travel-console[data-itc-mode="dark"] .itc-card strong,#ishaura-spiral-junction-dashboard[data-itc-mode="dark"] .itc-route-row b,#ishaura-spiral-travel-console[data-itc-mode="dark"] .itc-route-row b,#ishaura-spiral-junction-dashboard[data-itc-mode="dark"] .itc-mission b,#ishaura-spiral-travel-console[data-itc-mode="dark"] .itc-mission b,#ishaura-spiral-junction-dashboard[data-itc-mode="dark"] .itc-view-head h3,#ishaura-spiral-travel-console[data-itc-mode="dark"] .itc-view-head h3{color:#fff!important} #ishaura-spiral-junction-dashboard[data-itc-mode="dark"] .itc-card p,#ishaura-spiral-travel-console[data-itc-mode="dark"] .itc-card p,#ishaura-spiral-junction-dashboard[data-itc-mode="dark"] .itc-card small,#ishaura-spiral-travel-console[data-itc-mode="dark"] .itc-card small,#ishaura-spiral-junction-dashboard[data-itc-mode="dark"] .itc-route-row small,#ishaura-spiral-travel-console[data-itc-mode="dark"] .itc-route-row small,#ishaura-spiral-junction-dashboard[data-itc-mode="dark"] .itc-mission p,#ishaura-spiral-travel-console[data-itc-mode="dark"] .itc-mission p{color:#bdd0df!important} #ishaura-spiral-junction-dashboard[data-itc-mode="dark"] .itc-console-top,#ishaura-spiral-travel-console[data-itc-mode="dark"] .itc-console-top{background:rgba(2,8,17,.96)!important;border-color:rgba(var(--itc-accent-rgb),.24)!important} #ishaura-spiral-junction-dashboard[data-itc-mode="dark"] .itc-small,#ishaura-spiral-travel-console[data-itc-mode="dark"] .itc-small,#ishaura-spiral-junction-dashboard[data-itc-mode="dark"] .itc-mini-square,#ishaura-spiral-junction-dashboard[data-itc-mode="dark"] .itc-mini-dashboard-button,#ishaura-spiral-junction-dashboard[data-itc-mode="dark"] .itc-mini-routes-button{background:rgba(6,17,31,.94)!important;color:#fff!important;border-color:rgba(var(--itc-accent-rgb),.34)!important} /* Light mode: inherited white type cannot leak into light cards. */ #ishaura-spiral-junction-dashboard[data-itc-mode="light"],#ishaura-spiral-travel-console[data-itc-mode="light"]{--itc-bg:#edf3f8!important;--itc-panel:#fff!important;--itc-panel2:#f5f8fb!important;--itc-ink:#0b1724!important;--itc-muted:#4f6476!important;--itc-line:rgba(28,55,82,.16)!important;color:#0b1724!important} #ishaura-spiral-junction-dashboard[data-itc-mode="light"] .itc-card,#ishaura-spiral-travel-console[data-itc-mode="light"] .itc-card,#ishaura-spiral-junction-dashboard[data-itc-mode="light"] .itc-route-row,#ishaura-spiral-travel-console[data-itc-mode="light"] .itc-route-row,#ishaura-spiral-junction-dashboard[data-itc-mode="light"] .itc-mission,#ishaura-spiral-travel-console[data-itc-mode="light"] .itc-mission{background:#fff!important;color:#0b1724!important} #ishaura-spiral-junction-dashboard[data-itc-mode="light"] .itc-card strong,#ishaura-spiral-travel-console[data-itc-mode="light"] .itc-card strong,#ishaura-spiral-junction-dashboard[data-itc-mode="light"] .itc-card b,#ishaura-spiral-travel-console[data-itc-mode="light"] .itc-card b,#ishaura-spiral-junction-dashboard[data-itc-mode="light"] .itc-route-row b,#ishaura-spiral-travel-console[data-itc-mode="light"] .itc-route-row b{color:#0b1724!important} #ishaura-spiral-junction-dashboard[data-itc-mode="light"] .itc-card p,#ishaura-spiral-travel-console[data-itc-mode="light"] .itc-card p,#ishaura-spiral-junction-dashboard[data-itc-mode="light"] .itc-card small,#ishaura-spiral-travel-console[data-itc-mode="light"] .itc-card small{color:#4f6476!important} /* Linked travel records */ .itc-linked-path{display:flex;flex-wrap:wrap;gap:5px;align-items:center;line-height:1.5}.itc-linked-path a,.itc-inline-destination,.itc-passport-action-links a,.itc-card-links a{color:var(--itc-accent)!important;font-weight:950;text-decoration:none;border-bottom:1px dotted rgba(var(--itc-accent-rgb),.55)}.itc-linked-path i{font-style:normal;color:var(--itc-muted)!important}.itc-card-links,.itc-passport-action-links{display:flex;flex-wrap:wrap;gap:7px;margin-top:9px}.itc-card-links a,.itc-passport-action-links a{display:inline-flex;padding:6px 8px;border:1px solid rgba(var(--itc-accent-rgb),.26);border-radius:9px;background:rgba(var(--itc-accent-rgb),.06);font-size:.62rem} /* Grand Ishaura Expedition */ .itc-expedition{margin-bottom:16px}.itc-expedition-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;padding:17px;border:1px solid rgba(var(--itc-accent-rgb),.30);border-radius:18px;background:radial-gradient(circle at 0 0,rgba(var(--itc-accent-rgb),.13),transparent 27rem),linear-gradient(145deg,var(--itc-panel),var(--itc-panel2))}.itc-expedition-hero small{color:var(--itc-accent)!important;font-size:.58rem;font-weight:950;letter-spacing:.10em}.itc-expedition-hero h3{margin:4px 0;color:var(--itc-ink)!important;font-family:Georgia,serif;font-size:1.35rem}.itc-expedition-hero p{margin:0;color:var(--itc-muted)!important;font-size:.70rem;line-height:1.5;max-width:800px}.itc-expedition-score{min-width:145px;padding:12px;border:1px solid rgba(var(--itc-accent-rgb),.25);border-radius:14px;text-align:center;background:rgba(var(--itc-accent-rgb),.055)}.itc-expedition-score b{display:block;color:var(--itc-ink)!important;font-size:1.25rem}.itc-expedition-score span,.itc-expedition-score small{display:block;color:var(--itc-muted)!important;font-size:.59rem}.itc-expedition-current{margin-top:9px;padding:14px;border:1px solid rgba(var(--itc-accent-rgb),.30);border-radius:16px;background:var(--itc-panel)}.itc-expedition-current.complete{border-color:rgba(83,195,139,.38);background:rgba(83,195,139,.05)}.itc-expedition-current-head{display:grid;grid-template-columns:32px 1fr;gap:9px;align-items:center}.itc-expedition-current-head>span{font-size:1.25rem}.itc-expedition-current-head small{display:block;color:var(--itc-accent)!important;font-size:.55rem;font-weight:950;letter-spacing:.08em}.itc-expedition-current-head b{display:block;margin-top:2px;color:var(--itc-ink)!important;font-size:.82rem}.itc-expedition-current p{margin:9px 0;color:var(--itc-muted)!important;font-size:.68rem;line-height:1.5}.itc-field-note-label{display:flex;justify-content:space-between;gap:8px;color:var(--itc-ink)!important;font-size:.62rem;font-weight:950}.itc-field-note-label span{color:var(--itc-muted)!important;font-weight:700}.itc-field-note{width:100%;margin-top:5px;padding:10px;border:1px solid var(--itc-line);border-radius:11px;background:var(--itc-panel2);color:var(--itc-ink)!important;resize:vertical;font:inherit;font-size:.69rem}.itc-field-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:8px}.itc-field-actions>span{color:var(--itc-muted)!important;font-size:.58rem}.itc-pillar-grid{display:grid;gap:8px;margin-top:10px}.itc-pillar-ledger{border:1px solid var(--itc-line);border-radius:15px;background:var(--itc-panel);overflow:hidden}.itc-pillar-ledger.complete{border-color:rgba(83,195,139,.40)}.itc-pillar-ledger>summary{list-style:none;display:grid;grid-template-columns:30px 1fr auto;gap:8px;align-items:center;cursor:pointer;padding:11px}.itc-pillar-ledger>summary::-webkit-details-marker{display:none}.itc-pillar-ledger>summary>span{font-size:1.15rem}.itc-pillar-ledger>summary small{display:block;color:var(--itc-muted)!important;font-size:.52rem;font-weight:950;letter-spacing:.07em}.itc-pillar-ledger>summary b{display:block;color:var(--itc-ink)!important;font-size:.76rem}.itc-pillar-ledger>summary em{display:block;color:var(--itc-muted)!important;font-size:.58rem;font-style:normal;margin-top:1px}.itc-pillar-ledger>summary i{font-style:normal;color:var(--itc-accent)!important;font-size:.56rem}.itc-pillar-question{padding:9px 11px;border-top:1px solid var(--itc-line);border-bottom:1px solid var(--itc-line);background:rgba(var(--itc-accent-rgb),.045);color:var(--itc-muted)!important;font-size:.64rem}.itc-expedition-stops{display:grid;gap:5px;padding:7px}.itc-expedition-stop{display:grid;grid-template-columns:24px minmax(0,1fr) auto;gap:7px;align-items:center;padding:8px;border:1px solid var(--itc-line);border-radius:10px;background:var(--itc-panel2);color:var(--itc-ink)!important;text-decoration:none}.itc-expedition-stop>span:first-child{color:var(--itc-accent)!important;font-weight:950}.itc-expedition-stop b{display:block;color:var(--itc-ink)!important;font-size:.65rem}.itc-expedition-stop small{display:block;margin-top:2px;color:var(--itc-muted)!important;font-size:.56rem;line-height:1.35}.itc-expedition-stop em{font-style:normal;color:var(--itc-muted)!important;font-size:.50rem;font-weight:950;text-transform:uppercase;white-space:nowrap}.itc-expedition-stop.complete{border-color:rgba(83,195,139,.28);background:rgba(83,195,139,.045)}.itc-expedition-stop.complete em{color:#53c38b!important}.itc-expedition-stop.visited{border-color:rgba(var(--itc-accent-rgb),.31)}.itc-grand-complete{margin-top:10px;padding:13px;border:1px solid rgba(245,215,126,.42);border-radius:14px;background:linear-gradient(135deg,rgba(245,215,126,.08),rgba(var(--itc-accent-rgb),.06));color:var(--itc-ink)!important}.itc-grand-complete b{margin:0 7px}.itc-grand-complete span{color:var(--itc-muted)!important;font-size:.65rem} #ishaura-spiral-junction-dashboard[data-itc-mode="dark"] .itc-expedition-hero,#ishaura-spiral-travel-console[data-itc-mode="dark"] .itc-expedition-hero,#ishaura-spiral-junction-dashboard[data-itc-mode="dark"] .itc-expedition-current,#ishaura-spiral-travel-console[data-itc-mode="dark"] .itc-expedition-current,#ishaura-spiral-junction-dashboard[data-itc-mode="dark"] .itc-pillar-ledger,#ishaura-spiral-travel-console[data-itc-mode="dark"] .itc-pillar-ledger{background:linear-gradient(145deg,rgba(7,20,35,.98),rgba(3,11,21,.99))!important}#ishaura-spiral-junction-dashboard[data-itc-mode="dark"] .itc-expedition-stop,#ishaura-spiral-travel-console[data-itc-mode="dark"] .itc-expedition-stop,#ishaura-spiral-junction-dashboard[data-itc-mode="dark"] .itc-field-note,#ishaura-spiral-travel-console[data-itc-mode="dark"] .itc-field-note{background:#091726!important;color:#f7fbff!important} @media(max-width:720px){.itc-expedition-hero{grid-template-columns:1fr}.itc-expedition-score{min-width:0}.itc-expedition-stop{grid-template-columns:22px 1fr}.itc-expedition-stop em{grid-column:2}} /* ========================================================= v1.5.1 HERO / COORDINATE CONTRAST FIX Fixes the silver hero + white text collision in dark mode. ========================================================= */ #ishaura-spiral-junction-dashboard[data-itc-mode="dark"] .itc-hero, #ishaura-spiral-travel-console[data-itc-mode="dark"] .itc-hero{ background: radial-gradient(circle at 6% 0%,rgba(var(--itc-accent-rgb),.28),transparent 25rem), radial-gradient(circle at 96% 4%,rgba(var(--itc-accent2-rgb),.20),transparent 27rem), radial-gradient(circle at 50% 125%,rgba(var(--itc-accent3-rgb),.10),transparent 30rem), linear-gradient(145deg,#030813 0%,#08182a 52%,#020711 100%)!important; border-bottom:1px solid rgba(var(--itc-accent-rgb),.22)!important; color:#f7fbff!important; } #ishaura-spiral-junction-dashboard[data-itc-mode="dark"] .itc-hero:before, #ishaura-spiral-travel-console[data-itc-mode="dark"] .itc-hero:before{ content:"";position:absolute;inset:0;pointer-events:none; background:linear-gradient(115deg,transparent 0%,rgba(var(--itc-accent-rgb),.055) 40%,rgba(var(--itc-accent2-rgb),.075) 58%,transparent 76%); opacity:.9; } #ishaura-spiral-junction-dashboard[data-itc-mode="dark"] .itc-hero:after, #ishaura-spiral-travel-console[data-itc-mode="dark"] .itc-hero:after{ border-color:rgba(var(--itc-accent-rgb),.24)!important; box-shadow: 0 0 0 40px rgba(var(--itc-accent-rgb),.035), 0 0 0 80px rgba(var(--itc-accent2-rgb),.025), 0 0 70px rgba(var(--itc-accent-rgb),.14)!important; } #ishaura-spiral-junction-dashboard[data-itc-mode="dark"] .itc-kicker, #ishaura-spiral-travel-console[data-itc-mode="dark"] .itc-kicker{ color:var(--itc-accent3)!important; text-shadow:0 0 18px rgba(var(--itc-accent3-rgb),.18)!important; } #ishaura-spiral-junction-dashboard[data-itc-mode="dark"] .itc-hero h1, #ishaura-spiral-junction-dashboard[data-itc-mode="dark"] .itc-hero h2, #ishaura-spiral-travel-console[data-itc-mode="dark"] .itc-hero h1, #ishaura-spiral-travel-console[data-itc-mode="dark"] .itc-hero h2{ color:#ffffff!important; text-shadow:0 2px 26px rgba(0,0,0,.42)!important; } #ishaura-spiral-junction-dashboard[data-itc-mode="dark"] .itc-hero p, #ishaura-spiral-travel-console[data-itc-mode="dark"] .itc-hero p{ color:#d6e3ee!important; } #ishaura-spiral-junction-dashboard[data-itc-mode="dark"] .itc-coordinate, #ishaura-spiral-travel-console[data-itc-mode="dark"] .itc-coordinate{ background: linear-gradient(145deg,rgba(9,24,42,.96),rgba(4,13,25,.98))!important; border-color:rgba(var(--itc-accent-rgb),.30)!important; box-shadow: 0 10px 26px rgba(0,0,0,.20), 0 0 18px rgba(var(--itc-accent-rgb),.045) inset!important; } #ishaura-spiral-junction-dashboard[data-itc-mode="dark"] .itc-coordinate small, #ishaura-spiral-travel-console[data-itc-mode="dark"] .itc-coordinate small{ color:var(--itc-accent)!important; } #ishaura-spiral-junction-dashboard[data-itc-mode="dark"] .itc-coordinate b, #ishaura-spiral-travel-console[data-itc-mode="dark"] .itc-coordinate b{ color:#ffffff!important; } #ishaura-spiral-junction-dashboard[data-itc-mode="dark"] .itc-coordinate em, #ishaura-spiral-travel-console[data-itc-mode="dark"] .itc-coordinate em{ color:#bcd0df!important; } #ishaura-spiral-junction-dashboard[data-itc-mode="dark"] .itc-flight-arrow, #ishaura-spiral-travel-console[data-itc-mode="dark"] .itc-flight-arrow{ color:var(--itc-accent3)!important; text-shadow:0 0 14px rgba(var(--itc-accent3-rgb),.32)!important; } /* Matching explicit light treatment so the same header is always readable. */ #ishaura-spiral-junction-dashboard[data-itc-mode="light"] .itc-hero, #ishaura-spiral-travel-console[data-itc-mode="light"] .itc-hero{ background: radial-gradient(circle at 8% 0%,rgba(var(--itc-accent-rgb),.12),transparent 24rem), radial-gradient(circle at 94% 0%,rgba(var(--itc-accent2-rgb),.08),transparent 24rem), linear-gradient(180deg,#ffffff,#eef4f8)!important; color:#0b1724!important; } #ishaura-spiral-junction-dashboard[data-itc-mode="light"] .itc-hero h1, #ishaura-spiral-junction-dashboard[data-itc-mode="light"] .itc-hero h2, #ishaura-spiral-travel-console[data-itc-mode="light"] .itc-hero h1, #ishaura-spiral-travel-console[data-itc-mode="light"] .itc-hero h2{ color:#0b1724!important; } #ishaura-spiral-junction-dashboard[data-itc-mode="light"] .itc-hero p, #ishaura-spiral-travel-console[data-itc-mode="light"] .itc-hero p{ color:#4f6476!important; } #ishaura-spiral-junction-dashboard[data-itc-mode="light"] .itc-coordinate, #ishaura-spiral-travel-console[data-itc-mode="light"] .itc-coordinate{ background:rgba(255,255,255,.94)!important; border-color:rgba(28,55,82,.16)!important; } #ishaura-spiral-junction-dashboard[data-itc-mode="light"] .itc-coordinate small, #ishaura-spiral-travel-console[data-itc-mode="light"] .itc-coordinate small{ color:var(--itc-blue)!important; } #ishaura-spiral-junction-dashboard[data-itc-mode="light"] .itc-coordinate b, #ishaura-spiral-travel-console[data-itc-mode="light"] .itc-coordinate b{ color:#0b1724!important; } #ishaura-spiral-junction-dashboard[data-itc-mode="light"] .itc-coordinate em, #ishaura-spiral-travel-console[data-itc-mode="light"] .itc-coordinate em{ color:#4f6476!important; } /* ========================================================= v1.5.2 RUNTIME OVERRIDE CONFIRMATION ========================================================= */ .itc-build-chip{ display:inline-flex;align-items:center;justify-content:center; min-height:20px;padding:2px 6px;margin-left:4px;border-radius:999px; border:1px solid rgba(var(--itc-accent-rgb),.34); background:rgba(var(--itc-accent-rgb),.08); color:var(--itc-accent)!important; font-size:.50rem;font-weight:950;letter-spacing:.04em; } #ishaura-spiral-junction-dashboard[data-itc-contrast-forced="1"] .itc-hero, #ishaura-spiral-travel-console[data-itc-contrast-forced="1"] .itc-hero{ isolation:isolate!important; } /* ========================================================= v1.6.0 — PORTABLE MINIMIZE + BORN/CIVILIZATION FLIGHT COLOR ========================================================= */ /* Stronger physical-location response for the favorite mini dashboard. */ #ishaura-spiral-junction-dashboard .itc-favorite-mini{ background: radial-gradient(circle at 8% 40%,rgba(var(--itc-accent-rgb),.13),transparent 28%), radial-gradient(circle at 72% 25%,rgba(var(--itc-accent2-rgb),.09),transparent 34%), rgba(255,255,255,.975)!important; border-color:rgba(var(--itc-accent-rgb),.42)!important; } #ishaura-spiral-junction-dashboard .itc-favorite-mini:after{ opacity:1!important; height:2px!important; background:linear-gradient(90deg,transparent,var(--itc-accent),var(--itc-accent2),var(--itc-accent3),transparent)!important; box-shadow:0 0 18px rgba(var(--itc-accent-rgb),.38)!important; } #ishaura-spiral-junction-dashboard .itc-record-route span, #ishaura-spiral-junction-dashboard .itc-mini-routes-button{ color:var(--itc-accent)!important; } #ishaura-spiral-junction-dashboard .itc-mini-square, #ishaura-spiral-junction-dashboard .itc-mini-dashboard-button, #ishaura-spiral-junction-dashboard .itc-mini-routes-button{ border-color:rgba(var(--itc-accent-rgb),.34)!important; } #ishaura-spiral-junction-dashboard .itc-mini-square:hover, #ishaura-spiral-junction-dashboard .itc-mini-square:focus-visible, #ishaura-spiral-junction-dashboard .itc-mini-dashboard-button:hover, #ishaura-spiral-junction-dashboard .itc-mini-dashboard-button:focus-visible, #ishaura-spiral-junction-dashboard .itc-mini-routes-button:hover, #ishaura-spiral-junction-dashboard .itc-mini-routes-button:focus-visible{ box-shadow:0 0 0 2px rgba(var(--itc-accent-rgb),.12),0 0 18px rgba(var(--itc-accent-rgb),.15); } /* Visible world-family confirmation. */ #ishaura-spiral-junction-dashboard .itc-world-chip, #ishaura-spiral-travel-console .itc-world-chip{ display:inline-flex;align-items:center;justify-content:center; min-height:20px;padding:2px 7px;border-radius:999px; border:1px solid rgba(var(--itc-accent-rgb),.38); background:rgba(var(--itc-accent-rgb),.08); color:var(--itc-accent)!important; font-size:.51rem;font-weight:950;letter-spacing:.055em;white-space:nowrap; } #ishaura-spiral-junction-dashboard .itc-world-chip-mini{ margin-left:3px; } /* Minimize control */ #ishaura-spiral-junction-dashboard .itc-mini-minimize-button{ width:43px;padding:0!important;display:grid;place-items:center; color:var(--itc-accent)!important; } #ishaura-spiral-junction-dashboard .itc-minimize-control{ color:var(--itc-accent)!important; } /* Fully minimized Junction = a small restore orb at bottom-right. */ #ishaura-spiral-junction-dashboard.is-minimized{ left:auto!important;right:max(10px,env(safe-area-inset-right))!important; bottom:var(--itc-safe-bottom)!important; transform:none!important;width:auto!important;max-width:none!important; } #ishaura-spiral-junction-dashboard.is-minimized .itc-drawer{display:none!important} #ishaura-spiral-junction-dashboard.is-minimized .itc-favorite-mini{ display:flex!important; min-height:50px!important;width:50px!important; padding:4px!important;border-radius:50%!important; align-items:center!important;justify-content:center!important; overflow:visible!important; box-shadow:0 12px 34px rgba(0,0,0,.22),0 0 24px rgba(var(--itc-accent-rgb),.18)!important; } #ishaura-spiral-junction-dashboard.is-minimized .itc-favorite-mini:before{ inset:-35%!important;opacity:.68!important; } #ishaura-spiral-junction-dashboard.is-minimized .itc-favorite-mini:after{display:none!important} #ishaura-spiral-junction-dashboard.is-minimized .itc-mini-copy{display:none!important} #ishaura-spiral-junction-dashboard.is-minimized .itc-mini-controls{ display:flex!important;margin:0!important;gap:0!important } #ishaura-spiral-junction-dashboard.is-minimized .itc-mini-controls > *{display:none!important} #ishaura-spiral-junction-dashboard.is-minimized .itc-mini-controls .itc-mini-minimize-button{ display:grid!important;width:40px!important;height:40px!important;min-height:40px!important; border-radius:50%!important;padding:0!important; background:rgba(var(--itc-accent-rgb),.10)!important; color:var(--itc-accent)!important; font-size:1.05rem!important; box-shadow:inset 0 0 14px rgba(var(--itc-accent-rgb),.09); } #ishaura-spiral-junction-dashboard.is-minimized .itc-mini-controls .itc-mini-minimize-button:hover, #ishaura-spiral-junction-dashboard.is-minimized .itc-mini-controls .itc-mini-minimize-button:focus-visible{ transform:scale(1.04); background:rgba(var(--itc-accent-rgb),.17)!important; } /* Dark flight surface keeps the same current-world accent. */ #ishaura-spiral-junction-dashboard[data-itc-mode="dark"] .itc-favorite-mini{ background: radial-gradient(circle at 8% 38%,rgba(var(--itc-accent-rgb),.27),transparent 30%), radial-gradient(circle at 72% 28%,rgba(var(--itc-accent2-rgb),.18),transparent 36%), rgba(4,12,23,.975)!important; border-color:rgba(var(--itc-accent-rgb),.48)!important; } /* Light mode: readable dark ink, but the world color is unmistakable. */ #ishaura-spiral-junction-dashboard[data-itc-mode="light"] .itc-world-chip, #ishaura-spiral-travel-console[data-itc-mode="light"] .itc-world-chip{ color:var(--itc-blue)!important; background:rgba(var(--itc-accent-rgb),.11)!important; border-color:rgba(var(--itc-accent-rgb),.43)!important; } @media(max-width:680px){ #ishaura-spiral-junction-dashboard .itc-mini-minimize-button{ width:38px;min-height:38px } } /* ========================================================= v1.6.1 — SPIRAL / NAUTILUS RESTORE LAUNCHER The Junction rests at bottom-left when minimized. The Spiral itself reopens the portable dashboard. ========================================================= */ #ishaura-spiral-junction-dashboard.is-minimized{ left:max(14px,env(safe-area-inset-left))!important; right:auto!important; bottom:max(14px,var(--itc-safe-bottom))!important; transform:none!important; width:auto!important; max-width:none!important; } /* Keep the shell tiny and unmistakably interactive. */ #ishaura-spiral-junction-dashboard.is-minimized .itc-favorite-mini{ width:62px!important; height:62px!important; min-width:62px!important; min-height:62px!important; padding:5px!important; border-radius:50%!important; border:1px solid rgba(var(--itc-accent-rgb),.58)!important; background: radial-gradient(circle at 35% 30%,rgba(255,255,255,.20),transparent 23%), radial-gradient(circle at 50% 50%,rgba(var(--itc-accent-rgb),.22),transparent 58%), rgba(4,12,23,.94)!important; box-shadow: 0 12px 34px rgba(0,0,0,.28), 0 0 0 3px rgba(var(--itc-accent-rgb),.05), 0 0 28px rgba(var(--itc-accent-rgb),.24)!important; overflow:visible!important; } /* The only visible control while minimized. */ #ishaura-spiral-junction-dashboard.is-minimized .itc-mini-controls .itc-mini-minimize-button{ position:relative!important; display:grid!important; place-items:center!important; width:50px!important; height:50px!important; min-width:50px!important; min-height:50px!important; padding:0!important; overflow:visible!important; border-radius:50%!important; border:1px solid rgba(var(--itc-accent-rgb),.52)!important; background: radial-gradient(circle at 42% 38%,rgba(255,255,255,.20),transparent 20%), radial-gradient(circle,rgba(var(--itc-accent-rgb),.18),rgba(var(--itc-accent-rgb),.05) 58%,transparent 60%)!important; color:var(--itc-accent)!important; font-size:1.34rem!important; line-height:1!important; text-shadow:0 0 13px rgba(var(--itc-accent-rgb),.76)!important; box-shadow: inset 0 0 18px rgba(var(--itc-accent-rgb),.14), 0 0 18px rgba(var(--itc-accent-rgb),.16)!important; cursor:pointer!important; } /* Nautilus-like orbit rings around the Spiral. */ #ishaura-spiral-junction-dashboard.is-minimized .itc-mini-controls .itc-mini-minimize-button::before{ content:""!important; position:absolute!important; inset:-6px!important; border-radius:50%!important; border:1px solid rgba(var(--itc-accent-rgb),.34)!important; box-shadow: 0 0 0 4px rgba(var(--itc-accent-rgb),.04), 0 0 17px rgba(var(--itc-accent-rgb),.18)!important; pointer-events:none!important; } /* Small human-readable hint without permanently taking screen space. */ #ishaura-spiral-junction-dashboard.is-minimized .itc-mini-controls .itc-mini-minimize-button::after{ content:"Open Junction"!important; position:absolute!important; left:calc(100% + 12px)!important; top:50%!important; transform:translateY(-50%) translateX(-4px)!important; width:max-content!important; max-width:150px!important; padding:7px 10px!important; border-radius:999px!important; border:1px solid rgba(var(--itc-accent-rgb),.34)!important; background:rgba(3,10,20,.93)!important; color:#f7fbff!important; font-size:.61rem!important; font-weight:900!important; letter-spacing:.045em!important; line-height:1.1!important; opacity:0!important; visibility:hidden!important; transition:opacity .18s ease,transform .18s ease,visibility .18s ease!important; box-shadow:0 8px 24px rgba(0,0,0,.20),0 0 16px rgba(var(--itc-accent-rgb),.10)!important; pointer-events:none!important; white-space:nowrap!important; } #ishaura-spiral-junction-dashboard.is-minimized .itc-mini-controls .itc-mini-minimize-button:hover, #ishaura-spiral-junction-dashboard.is-minimized .itc-mini-controls .itc-mini-minimize-button:focus-visible{ transform:scale(1.06)!important; background: radial-gradient(circle at 42% 38%,rgba(255,255,255,.25),transparent 20%), radial-gradient(circle,rgba(var(--itc-accent-rgb),.28),rgba(var(--itc-accent-rgb),.08) 58%,transparent 60%)!important; box-shadow: inset 0 0 20px rgba(var(--itc-accent-rgb),.20), 0 0 28px rgba(var(--itc-accent-rgb),.30)!important; outline:none!important; } #ishaura-spiral-junction-dashboard.is-minimized .itc-mini-controls .itc-mini-minimize-button:hover::after, #ishaura-spiral-junction-dashboard.is-minimized .itc-mini-controls .itc-mini-minimize-button:focus-visible::after{ opacity:1!important; visibility:visible!important; transform:translateY(-50%) translateX(0)!important; } /* Light mode: preserve the portal color but use a luminous ivory shell. */ #ishaura-spiral-junction-dashboard[data-itc-mode="light"].is-minimized .itc-favorite-mini{ background: radial-gradient(circle at 35% 30%,rgba(255,255,255,.98),transparent 24%), radial-gradient(circle at 50% 50%,rgba(var(--itc-accent-rgb),.18),transparent 58%), rgba(250,253,255,.98)!important; border-color:rgba(var(--itc-accent-rgb),.56)!important; } #ishaura-spiral-junction-dashboard[data-itc-mode="light"].is-minimized .itc-mini-controls .itc-mini-minimize-button{ color:var(--itc-blue)!important; text-shadow:0 0 12px rgba(var(--itc-accent-rgb),.34)!important; background: radial-gradient(circle at 42% 38%,rgba(255,255,255,.98),transparent 22%), radial-gradient(circle,rgba(var(--itc-accent-rgb),.16),rgba(var(--itc-accent-rgb),.04) 58%,transparent 60%)!important; } #ishaura-spiral-junction-dashboard[data-itc-mode="light"].is-minimized .itc-mini-controls .itc-mini-minimize-button::after{ background:rgba(255,255,255,.98)!important; color:#183447!important; } /* Gentle life signal, disabled for reduced motion. */ @keyframes itcSpiralBreathe{ 0%,100%{box-shadow:inset 0 0 18px rgba(var(--itc-accent-rgb),.12),0 0 16px rgba(var(--itc-accent-rgb),.14)} 50%{box-shadow:inset 0 0 22px rgba(var(--itc-accent-rgb),.19),0 0 26px rgba(var(--itc-accent-rgb),.26)} } #ishaura-spiral-junction-dashboard.is-minimized .itc-mini-controls .itc-mini-minimize-button{ animation:itcSpiralBreathe 3.2s ease-in-out infinite!important; } @media(prefers-reduced-motion:reduce){ #ishaura-spiral-junction-dashboard.is-minimized .itc-mini-controls .itc-mini-minimize-button{ animation:none!important; transition:none!important; } } @media(max-width:680px){ #ishaura-spiral-junction-dashboard.is-minimized{ left:max(10px,env(safe-area-inset-left))!important; bottom:max(10px,var(--itc-safe-bottom))!important; } #ishaura-spiral-junction-dashboard.is-minimized .itc-favorite-mini{ width:58px!important;height:58px!important;min-width:58px!important;min-height:58px!important; } #ishaura-spiral-junction-dashboard.is-minimized .itc-mini-controls .itc-mini-minimize-button{ width:46px!important;height:46px!important;min-width:46px!important;min-height:46px!important; } #ishaura-spiral-junction-dashboard.is-minimized .itc-mini-controls .itc-mini-minimize-button::after{ display:none!important; } } /* ========================================================= v1.6.2 — RELIABLE BORN RESTORE + CITIZEN QUICK ACCESS ========================================================= */ #ishaura-spiral-junction-dashboard.itc-born-recognized[hidden]{display:block!important} #ishaura-spiral-junction-dashboard .itc-citizen-quick{overflow:hidden;padding:2px!important} #ishaura-spiral-junction-dashboard .itc-citizen-quick [data-itc-citizen-host]{display:grid;place-items:center;width:100%;height:100%;font-size:1rem} #ishaura-spiral-junction-dashboard .itc-citizen-quick .ilw-avatar.preview{position:relative!important;left:auto!important;top:auto!important;transform:scale(.48)!important;transform-origin:center center!important;margin:-17px!important;pointer-events:none!important} #ishaura-spiral-junction-dashboard.is-minimized .itc-citizen-quick{display:none!important} /* v1.6.3 — FIRST-RUN DASHBOARD TEACHING */ #ishaura-spiral-junction-dashboard .itc-first-run{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:10px 12px 0;padding:12px 14px;border:1px solid rgba(var(--itc-accent-rgb),.28);border-radius:14px;background:linear-gradient(135deg,rgba(var(--itc-accent-rgb),.10),rgba(var(--itc-accent2-rgb),.08));color:var(--itc-ink)!important} #ishaura-spiral-junction-dashboard .itc-first-run[hidden]{display:none!important} #ishaura-spiral-junction-dashboard .itc-first-run b{display:block;color:var(--itc-ink)!important;font-size:.75rem} #ishaura-spiral-junction-dashboard .itc-first-run span{display:block;margin-top:3px;color:var(--itc-muted)!important;font-size:.68rem;line-height:1.45} #ishaura-spiral-junction-dashboard .itc-first-run button{flex:0 0 auto;min-height:34px;padding:6px 10px;border:1px solid rgba(var(--itc-accent-rgb),.28);border-radius:10px;background:var(--itc-panel);color:var(--itc-ink)!important;font-weight:900;font-size:.68rem;cursor:pointer} @media(max-width:640px){#ishaura-spiral-junction-dashboard .itc-first-run{align-items:flex-start;flex-direction:column}#ishaura-spiral-junction-dashboard .itc-first-run button{align-self:flex-end}} /* v1.7.0 — ISHORI / MY ISHAURA PRESENCE + FIRST GIFT */ #ishaura-spiral-junction-dashboard[data-itc-world="ishori"],#ishaura-spiral-travel-console[data-itc-world="ishori"]{--itc-accent:#76e6ff;--itc-accent2:#b98dff;--itc-accent3:#e5c978;--itc-accent-rgb:118,230,255;--itc-accent2-rgb:185,141,255} #ishaura-spiral-junction-dashboard .itc-citizen-quick{position:relative;overflow:visible!important} #ishaura-spiral-junction-dashboard .itc-spirit-avatar.ilw-avatar{filter:drop-shadow(-2px 0 0 #ff6f9f) drop-shadow(2px 0 0 #5fe8ff) drop-shadow(0 -2px 0 #bd8cff) drop-shadow(0 2px 0 #ffd76b) drop-shadow(0 0 10px rgba(95,232,255,.8))!important} .itc-ishori-mini{position:relative;display:block;width:22px;height:31px;filter:drop-shadow(-1px 0 0 #ff6f9f) drop-shadow(1px 0 0 #5fe8ff) drop-shadow(0 -1px 0 #bd8cff) drop-shadow(0 1px 0 #ffd76b)} .itc-ishori-mini i,.itc-ishori-mini b,.itc-ishori-mini em{position:absolute;display:block;background:linear-gradient(180deg,#eefcff,#8bd9ff 55%,#ad8cff)} .itc-ishori-mini i{left:7px;top:0;width:9px;height:9px;border-radius:50%}.itc-ishori-mini b{left:5px;top:10px;width:13px;height:12px;border-radius:45% 45% 25% 25%}.itc-ishori-mini em{top:21px;width:5px;height:10px;border-radius:4px}.itc-ishori-mini em:nth-of-type(1){left:5px}.itc-ishori-mini em:nth-of-type(2){right:4px} .itc-presence-modal{position:fixed;inset:0;z-index:1000000;display:grid;place-items:center;padding:18px;background:rgba(2,7,15,.62);backdrop-filter:blur(8px)}.itc-presence-modal[hidden]{display:none!important}.itc-presence-card{position:relative;width:min(560px,96vw);max-height:84vh;overflow:auto;padding:24px;border:1px solid rgba(118,230,255,.32);border-radius:22px;background:linear-gradient(145deg,#0a1727,#050a13);color:#f6fbff;box-shadow:0 30px 90px rgba(0,0,0,.48)}.itc-presence-card>small{color:#e5c978;font:900 .62rem ui-monospace,monospace;letter-spacing:.14em}.itc-presence-card h3{margin:7px 0 10px;font:700 1.7rem Georgia,serif;color:#fff}.itc-presence-card p{color:#c2d2df;line-height:1.65}.itc-presence-close{position:absolute;right:12px;top:10px;border:0;background:transparent;color:#fff;font-size:1.3rem;cursor:pointer}.itc-presence-buttons{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}.itc-presence-buttons button,.itc-presence-buttons a{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:8px 12px;border:1px solid rgba(118,230,255,.26);border-radius:999px;background:#0d2030;color:#fff!important;text-decoration:none;font-weight:850;cursor:pointer}.itc-presence-buttons button:first-child{background:linear-gradient(135deg,#315e83,#6d4cab)}.itc-presence-soul{display:grid;place-items:center;min-height:88px}.itc-presence-soul .itc-ishori-mini{transform:scale(2.2)}.itc-mini-bubble{position:absolute;left:50%;bottom:105%;transform:translateX(-50%);z-index:20;padding:5px 8px;border-radius:10px;background:#fff;color:#17293a;box-shadow:0 8px 24px rgba(0,0,0,.25);font-size:.58rem;white-space:nowrap} @media(max-width:760px){#ishaura-spiral-junction-dashboard .itc-mini-controls{gap:4px}.itc-presence-card{padding:20px 16px}.itc-presence-buttons{display:grid}.itc-presence-buttons>*{width:100%}} /* ========================================================= v1.7.1 — VIEWPORT-SAFE PLAY MODAL + TRUE LIGHT MODE The play modal is a top-level body sibling, not trapped inside the transformed fixed dashboard. This prevents clipping and restores reliable close/button hit targets. ========================================================= */ html.itc-presence-open,body.itc-presence-open{overflow:hidden!important} #ishaura-travel-presence-modal.itc-presence-modal{ --itc-modal-bg:#edf3f8;--itc-modal-panel:#ffffff;--itc-modal-soft:#f5f8fb; --itc-modal-ink:#0b1725;--itc-modal-muted:#516579;--itc-modal-line:rgba(23,54,86,.18); position:fixed!important;inset:0!important;z-index:2147483000!important; display:flex!important;align-items:center!important;justify-content:center!important; width:100vw!important;height:100dvh!important;max-width:none!important;max-height:none!important; padding:max(14px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(14px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))!important; overflow:auto!important;overscroll-behavior:contain!important;pointer-events:auto!important; background:rgba(4,10,19,.66)!important;backdrop-filter:blur(10px)!important; } #ishaura-travel-presence-modal.itc-presence-modal[hidden]{display:none!important} #ishaura-travel-presence-modal .itc-presence-card{ position:relative!important;width:min(620px,100%)!important;max-height:calc(100dvh - 28px)!important; overflow:auto!important;overscroll-behavior:contain!important;padding:22px!important; border:1px solid rgba(118,230,255,.34)!important;border-radius:24px!important; background:linear-gradient(145deg,#0a1727,#050a13)!important;color:#f6fbff!important; box-shadow:0 30px 90px rgba(0,0,0,.48)!important;pointer-events:auto!important; } #ishaura-travel-presence-modal .itc-presence-close{ position:sticky!important;top:0!important;z-index:5!important;float:right!important; width:38px!important;height:38px!important;display:grid!important;place-items:center!important; margin:-6px -6px 2px 10px!important;border:1px solid rgba(118,230,255,.28)!important; border-radius:999px!important;background:#0d2030!important;color:#fff!important; font-size:1.3rem!important;line-height:1!important;cursor:pointer!important;pointer-events:auto!important; } #ishaura-travel-presence-modal .itc-presence-footer{display:flex;justify-content:flex-end;margin-top:18px;padding-top:14px;border-top:1px solid rgba(118,230,255,.18)} #ishaura-travel-presence-modal .itc-presence-done{min-height:40px;padding:8px 16px;border:1px solid rgba(118,230,255,.28);border-radius:999px;background:#0d2030;color:#fff;font-weight:900;cursor:pointer} #ishaura-travel-presence-modal .itc-presence-card>small{color:#e5c978!important} #ishaura-travel-presence-modal .itc-presence-card h3{color:#fff!important} #ishaura-travel-presence-modal .itc-presence-card p{color:#c2d2df!important} #ishaura-travel-presence-modal .itc-presence-buttons{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important} #ishaura-travel-presence-modal .itc-presence-buttons button, #ishaura-travel-presence-modal .itc-presence-buttons a{ width:100%!important;min-height:44px!important;padding:9px 12px!important;border:1px solid rgba(118,230,255,.26)!important; border-radius:14px!important;background:#0d2030!important;color:#fff!important;text-decoration:none!important; font-weight:850!important;cursor:pointer!important;pointer-events:auto!important; } #ishaura-travel-presence-modal .itc-presence-buttons button:first-child{background:linear-gradient(135deg,#315e83,#6d4cab)!important} /* Site light mode for Say / React, Move / Perform, and Gift. */ #ishaura-travel-presence-modal[data-itc-mode="light"]{ background:rgba(236,243,248,.78)!important; } #ishaura-travel-presence-modal[data-itc-mode="light"] .itc-presence-card{ border-color:rgba(29,112,167,.22)!important; background:linear-gradient(145deg,#ffffff,#f2f7fb)!important; color:#0b1725!important;box-shadow:0 28px 76px rgba(17,38,62,.20)!important; } #ishaura-travel-presence-modal[data-itc-mode="light"] .itc-presence-card>small{color:#8a6817!important} #ishaura-travel-presence-modal[data-itc-mode="light"] .itc-presence-card h3{color:#0b1725!important} #ishaura-travel-presence-modal[data-itc-mode="light"] .itc-presence-card p{color:#516579!important} #ishaura-travel-presence-modal[data-itc-mode="light"] .itc-presence-close, #ishaura-travel-presence-modal[data-itc-mode="light"] .itc-presence-done{ border-color:rgba(29,112,167,.20)!important;background:#fff!important;color:#16354a!important; box-shadow:0 8px 24px rgba(17,38,62,.10)!important; } #ishaura-travel-presence-modal[data-itc-mode="light"] .itc-presence-footer{border-color:rgba(23,54,86,.12)!important} #ishaura-travel-presence-modal[data-itc-mode="light"] .itc-presence-buttons button, #ishaura-travel-presence-modal[data-itc-mode="light"] .itc-presence-buttons a{ border-color:rgba(29,112,167,.18)!important;background:#fff!important;color:#17394f!important; box-shadow:0 8px 22px rgba(17,38,62,.08)!important; } #ishaura-travel-presence-modal[data-itc-mode="light"] .itc-presence-buttons button:first-child{ background:linear-gradient(135deg,#e9f6ff,#f2ecff)!important;color:#17394f!important;border-color:rgba(105,79,167,.22)!important; } @media(max-width:600px){ #ishaura-travel-presence-modal.itc-presence-modal{align-items:flex-start!important;padding-top:max(10px,env(safe-area-inset-top))!important} #ishaura-travel-presence-modal .itc-presence-card{max-height:calc(100dvh - 18px)!important;padding:18px 14px!important;border-radius:18px!important} #ishaura-travel-presence-modal .itc-presence-buttons{grid-template-columns:1fr!important} } /* ========================================================= v1.7.2 — DASHBOARD-ANCHORED PLAY POPOVER Keep the page and avatar visible while reactions/actions run. ========================================================= */ html.itc-presence-open,body.itc-presence-open{overflow:auto!important} #ishaura-travel-presence-modal.itc-presence-modal{ position:fixed!important;inset:auto auto calc(var(--itc-safe-bottom) + 76px) 50%!important; z-index:1000002!important;display:block!important;transform:translateX(-50%)!important; width:min(520px,calc(100vw - 16px))!important;height:auto!important;max-width:none!important;max-height:none!important; padding:0!important;overflow:visible!important;background:transparent!important;backdrop-filter:none!important; pointer-events:none!important; } #ishaura-travel-presence-modal.itc-presence-modal[hidden]{display:none!important} #ishaura-travel-presence-modal .itc-presence-card{ position:relative!important;width:100%!important;max-height:min(44vh,360px)!important;overflow:auto!important; padding:17px 16px 14px!important;border:1px solid rgba(118,230,255,.34)!important;border-radius:20px!important; background:linear-gradient(145deg,rgba(10,23,39,.985),rgba(5,10,19,.985))!important;color:#f6fbff!important; box-shadow:0 22px 70px rgba(0,0,0,.46)!important;pointer-events:auto!important;backdrop-filter:blur(14px)!important; } #ishaura-travel-presence-modal .itc-presence-card:after{ content:"";position:absolute;left:50%;bottom:-8px;width:16px;height:16px;transform:translateX(-50%) rotate(45deg); background:#07121f;border-right:1px solid rgba(118,230,255,.28);border-bottom:1px solid rgba(118,230,255,.28) } #ishaura-travel-presence-modal .itc-presence-close{ position:absolute!important;right:9px!important;top:8px!important;float:none!important;width:34px!important;height:34px!important; margin:0!important;border:1px solid rgba(118,230,255,.28)!important;border-radius:999px!important;background:#0d2030!important; color:#fff!important;z-index:8!important;display:grid!important;place-items:center!important;cursor:pointer!important } #ishaura-travel-presence-modal .itc-presence-footer{margin-top:12px!important;padding-top:10px!important} #ishaura-travel-presence-modal .itc-presence-done{min-height:36px!important;padding:7px 13px!important} #ishaura-travel-presence-modal .itc-presence-buttons{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important} #ishaura-travel-presence-modal .itc-presence-buttons button,#ishaura-travel-presence-modal .itc-presence-buttons a{min-height:38px!important;padding:7px 9px!important;border-radius:12px!important;font-size:.74rem!important} #ishaura-travel-presence-modal[data-itc-mode="light"]{background:transparent!important} #ishaura-travel-presence-modal[data-itc-mode="light"] .itc-presence-card{ background:rgba(255,255,255,.985)!important;color:#0b1725!important;border-color:rgba(29,112,167,.22)!important; box-shadow:0 22px 60px rgba(17,38,62,.22)!important } #ishaura-travel-presence-modal[data-itc-mode="light"] .itc-presence-card:after{background:#fff;border-color:rgba(29,112,167,.18)!important} #ishaura-travel-presence-modal[data-itc-mode="light"] .itc-presence-card>small{color:#8a6817!important} #ishaura-travel-presence-modal[data-itc-mode="light"] .itc-presence-card h3{color:#0b1725!important} #ishaura-travel-presence-modal[data-itc-mode="light"] .itc-presence-card p{color:#516579!important} #ishaura-travel-presence-modal[data-itc-mode="light"] .itc-presence-close,#ishaura-travel-presence-modal[data-itc-mode="light"] .itc-presence-done{background:#fff!important;color:#16354a!important;border-color:rgba(29,112,167,.20)!important} #ishaura-travel-presence-modal[data-itc-mode="light"] .itc-presence-buttons button,#ishaura-travel-presence-modal[data-itc-mode="light"] .itc-presence-buttons a{background:#f8fbfd!important;color:#17394f!important;border-color:rgba(29,112,167,.18)!important} #ishaura-travel-presence-modal[data-itc-mode="light"] .itc-presence-buttons button:first-child{background:linear-gradient(135deg,#e9f6ff,#f2ecff)!important;color:#17394f!important} @media(max-width:720px){ #ishaura-travel-presence-modal.itc-presence-modal{bottom:calc(var(--itc-safe-bottom) + 72px)!important;width:calc(100vw - 10px)!important} #ishaura-travel-presence-modal .itc-presence-card{max-height:min(38vh,320px)!important;padding:15px 12px 12px!important;border-radius:16px!important} #ishaura-travel-presence-modal .itc-presence-buttons{grid-template-columns:repeat(2,minmax(0,1fr))!important} } @media(max-width:430px){#ishaura-travel-presence-modal .itc-presence-buttons{grid-template-columns:1fr 1fr!important}} /* ========================================================= v1.8.0 — TRUE ISHORI PRESENCE + SCAVENGER LEDGER ========================================================= */ #ishaura-spiral-junction-dashboard .itc-ishori-figure, #ishaura-travel-presence-modal .itc-ishori-figure{ --itc-rainbow:conic-gradient(from 0deg,#7ddcff,#8fa8ff,#c69cff,#f3a2d9,#ffbd73,#f3dc7c,#86dfa8,#6ee6dc,#7ddcff); position:relative;display:block;width:24px;height:40px;transform-origin:center bottom; filter:drop-shadow(0 0 5px rgba(155,234,255,.55)) drop-shadow(2px 2px 5px rgba(198,177,255,.24)); animation:itcIshoriBreath 3.7s ease-in-out infinite alternate; } #ishaura-spiral-junction-dashboard .itc-ishori-figure::before, #ishaura-travel-presence-modal .itc-ishori-figure::before{content:"";position:absolute;inset:-6px -7px -5px;border-radius:46%;background:var(--itc-rainbow);opacity:.27;filter:blur(5px);z-index:-2} #ishaura-spiral-junction-dashboard .itc-ishori-figure::after, #ishaura-travel-presence-modal .itc-ishori-figure::after{content:"";position:absolute;inset:-4px -5px -3px;border-radius:46%;border:1px solid transparent;background:linear-gradient(transparent,transparent) padding-box,var(--itc-rainbow) border-box;opacity:.55;z-index:-1} #ishaura-spiral-junction-dashboard .itc-ishori-figure i, #ishaura-travel-presence-modal .itc-ishori-figure i{position:absolute;display:block;border:1px solid transparent;background-origin:border-box!important;background-clip:padding-box,border-box!important;box-shadow:0 0 5px rgba(138,222,255,.40)} #ishaura-spiral-junction-dashboard .itc-ishori-figure .head, #ishaura-travel-presence-modal .itc-ishori-figure .head{left:50%;top:1px;width:10px;height:11px;transform:translateX(-50%);border-radius:48% 52% 46% 54%;background:radial-gradient(circle at 48% 35%,rgba(255,255,255,.95),rgba(157,229,255,.28) 34%,rgba(190,151,255,.20) 62%,rgba(255,255,255,.02) 72%) padding-box,var(--itc-rainbow) border-box!important} #ishaura-spiral-junction-dashboard .itc-ishori-figure .body, #ishaura-travel-presence-modal .itc-ishori-figure .body{left:50%;top:12px;width:13px;height:17px;transform:translateX(-50%);border-radius:42% 42% 33% 33%/23% 23% 68% 68%;background:linear-gradient(160deg,rgba(157,235,255,.27),rgba(194,155,255,.18),rgba(91,239,201,.08)) padding-box,var(--itc-rainbow) border-box!important} #ishaura-spiral-junction-dashboard .itc-ishori-figure .arm, #ishaura-spiral-junction-dashboard .itc-ishori-figure .leg, #ishaura-travel-presence-modal .itc-ishori-figure .arm, #ishaura-travel-presence-modal .itc-ishori-figure .leg{background:linear-gradient(180deg,rgba(155,234,255,.18),rgba(198,177,255,.10)) padding-box,var(--itc-rainbow) border-box!important;border-radius:999px} #ishaura-spiral-junction-dashboard .itc-ishori-figure .arm, #ishaura-travel-presence-modal .itc-ishori-figure .arm{top:14px;width:5px;height:16px} #ishaura-spiral-junction-dashboard .itc-ishori-figure .arm.left, #ishaura-travel-presence-modal .itc-ishori-figure .arm.left{left:1px;transform:rotate(8deg)} #ishaura-spiral-junction-dashboard .itc-ishori-figure .arm.right, #ishaura-travel-presence-modal .itc-ishori-figure .arm.right{right:1px;transform:rotate(-8deg)} #ishaura-spiral-junction-dashboard .itc-ishori-figure .leg, #ishaura-travel-presence-modal .itc-ishori-figure .leg{top:27px;width:5px;height:12px} #ishaura-spiral-junction-dashboard .itc-ishori-figure .leg.left, #ishaura-travel-presence-modal .itc-ishori-figure .leg.left{left:6px;transform:rotate(3deg)} #ishaura-spiral-junction-dashboard .itc-ishori-figure .leg.right, #ishaura-travel-presence-modal .itc-ishori-figure .leg.right{right:6px;transform:rotate(-3deg)} #ishaura-travel-presence-modal .itc-presence-soul .itc-ishori-figure{transform:scale(2.8);margin:24px auto} @keyframes itcIshoriBreath{from{transform:translateY(0) scale(.98)}to{transform:translateY(-2px) scale(1.02)}} #ishaura-spiral-junction-dashboard .itc-hunt-quick{position:relative} #ishaura-spiral-junction-dashboard .itc-hunt-quick>span{font-size:1rem} #ishaura-spiral-junction-dashboard .itc-hunt-quick>small{position:absolute;right:-4px;top:-6px;min-width:20px;height:16px;padding:0 4px;display:grid;place-items:center;border:1px solid var(--itc-line);border-radius:999px;background:var(--itc-panel);color:var(--itc-ink)!important;font-size:.47rem;font-weight:950;box-shadow:0 4px 10px rgba(0,0,0,.15)} .itc-scroll-hunt{margin:0 0 12px;padding:14px;border:1px solid rgba(var(--itc-accent-rgb),.30);border-radius:17px;background:linear-gradient(145deg,var(--itc-panel),var(--itc-panel2))} .itc-scroll-hunt-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center}.itc-scroll-hunt-head small{color:var(--itc-accent)!important;font-size:.57rem;font-weight:950;letter-spacing:.1em}.itc-scroll-hunt-head h4{margin:4px 0;color:var(--itc-ink)!important;font:700 1.08rem Georgia,serif}.itc-scroll-hunt-head p{margin:0;color:var(--itc-muted)!important;font-size:.66rem;line-height:1.45}.itc-scroll-score{min-width:104px;padding:9px;border:1px solid var(--itc-line);border-radius:13px;text-align:center;background:rgba(var(--itc-accent-rgb),.05)}.itc-scroll-score b{display:block;color:var(--itc-ink)!important}.itc-scroll-score span,.itc-scroll-score small{display:block;color:var(--itc-muted)!important;font-size:.53rem}.itc-scroll-inventory-grid{display:grid;gap:6px;margin-top:10px}.itc-scroll-inventory{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:8px;align-items:center;padding:9px;border:1px solid var(--itc-line);border-radius:11px;background:var(--itc-panel2);color:var(--itc-ink)!important;text-decoration:none}.itc-scroll-inventory>span{font-size:1.05rem;color:var(--itc-accent)!important}.itc-scroll-inventory b{display:block;color:var(--itc-ink)!important;font-size:.67rem}.itc-scroll-inventory small{display:block;margin-top:2px;color:var(--itc-muted)!important;font-size:.56rem}.itc-scroll-inventory em{font-style:normal;color:var(--itc-muted)!important;font-size:.49rem;font-weight:950}.itc-scroll-inventory.hidden{border-style:dashed;opacity:.82}.itc-scroll-inventory.complete{border-color:rgba(83,195,139,.36)}.itc-scroll-hidden{border-style:dashed!important;cursor:default}.itc-scroll-hidden>span:first-child{color:var(--itc-muted)!important} @media(max-width:720px){.itc-scroll-hunt-head{grid-template-columns:1fr}.itc-scroll-score{min-width:0}.itc-scroll-inventory{grid-template-columns:24px 1fr}.itc-scroll-inventory em{grid-column:2}} /* v1.8.1 — Ishori presence is the artwork, not a white UI tile */ #ishaura-spiral-junction-dashboard .itc-citizen-quick[data-itc-public-ishori]{background:transparent!important;border-color:transparent!important;box-shadow:none!important;overflow:visible!important} #ishaura-spiral-junction-dashboard .itc-citizen-quick[data-itc-public-ishori]:hover{background:transparent!important;box-shadow:0 0 22px rgba(118,230,255,.10)!important} #ishaura-spiral-junction-dashboard .itc-citizen-quick[data-itc-public-ishori] [data-itc-citizen-host]{overflow:visible!important} #ishaura-spiral-junction-dashboard .itc-citizen-quick[data-itc-public-ishori]::after{content:"ISHORI";position:absolute;left:50%;top:calc(100% + 2px);transform:translateX(-50%);padding:0;background:transparent!important;border:0!important;box-shadow:none!important;color:var(--itc-muted)!important;font:900 .43rem/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.13em;white-space:nowrap;pointer-events:none} body.light-mode #ishaura-spiral-junction-dashboard .itc-citizen-quick[data-itc-public-ishori]::after,body.is-light #ishaura-spiral-junction-dashboard .itc-citizen-quick[data-itc-public-ishori]::after,html[data-theme="light"] #ishaura-spiral-junction-dashboard .itc-citizen-quick[data-itc-public-ishori]::after{color:#315166!important} /* ========================================================= v1.8.3 — CANONICAL PRESENCE + CONTROLLER The standalone Global Presence badge is intentionally hidden. Presence belongs inside a world display or the Travel Dashboard. ========================================================= */ #ishaura-global-presence{display:none!important;visibility:hidden!important;pointer-events:none!important} #ishaura-spiral-junction-dashboard .itc-game-controller{font-size:1rem} /* Exact visual family of the verified Ishori figure on /ishori/. */ #ishaura-spiral-junction-dashboard .itc-ishori-figure, #ishaura-travel-presence-modal .itc-ishori-figure{ --itc-rainbow:conic-gradient(from 0deg,#7ddcff,#8fa8ff,#c69cff,#f3a2d9,#ffbd73,#f3dc7c,#86dfa8,#6ee6dc,#7ddcff); position:relative;width:24px;height:40px;display:block; filter:drop-shadow(0 0 5px rgba(155,234,255,.55)) drop-shadow(2px 2px 5px rgba(198,177,255,.22)); transform-origin:center bottom; } #ishaura-spiral-junction-dashboard .itc-ishori-figure .aura, #ishaura-travel-presence-modal .itc-ishori-figure .aura{position:absolute;inset:-7px -8px -6px;border-radius:48%;background:radial-gradient(ellipse,rgba(154,235,255,.18),rgba(198,177,255,.10) 44%,transparent 70%);filter:blur(2px)} #ishaura-spiral-junction-dashboard .itc-ishori-figure::before, #ishaura-travel-presence-modal .itc-ishori-figure::before{inset:-8px -9px -7px;border-radius:46%;opacity:.30;filter:blur(4px)} #ishaura-spiral-junction-dashboard .itc-ishori-figure::after, #ishaura-travel-presence-modal .itc-ishori-figure::after{inset:-5px -6px -4px;border-radius:46%;opacity:.55} #ishaura-spiral-junction-dashboard .itc-ishori-figure .head, #ishaura-travel-presence-modal .itc-ishori-figure .head{left:50%;top:1px;width:10px;height:11px;transform:translateX(-50%);border-radius:48% 52% 46% 54%} #ishaura-spiral-junction-dashboard .itc-ishori-figure .body, #ishaura-travel-presence-modal .itc-ishori-figure .body{left:50%;top:12px;width:13px;height:17px;transform:translateX(-50%);border-radius:42% 42% 33% 33%/23% 23% 68% 68%} #ishaura-spiral-junction-dashboard .itc-ishori-figure .arm, #ishaura-travel-presence-modal .itc-ishori-figure .arm{top:14px;width:5px;height:16px} #ishaura-spiral-junction-dashboard .itc-ishori-figure .leg, #ishaura-travel-presence-modal .itc-ishori-figure .leg{top:27px;width:5px;height:12px}