:root{--ody-cyan:#7ff7df;--ody-gold:#f4d58a;--ody-violet:#b89aff;--ody-panel:rgba(11,24,38,.92);--text-scale:1}
body{font-size:calc(1em * var(--text-scale))}
.chronicle-launch{border-color:color-mix(in srgb,var(--ody-cyan) 45%,transparent)!important;background:linear-gradient(145deg,rgba(16,44,59,.88),rgba(28,28,55,.86))!important}.chronicle-launch>span:first-child{color:var(--ody-cyan);font-size:16px}.chronicle-launch>span:last-child{font-size:11px}
.ody-hero{padding:20px;border:1px solid rgba(126,247,223,.18);border-radius:22px;background:radial-gradient(circle at 85% 10%,rgba(184,154,255,.12),transparent 32%),linear-gradient(145deg,rgba(16,33,50,.94),rgba(11,21,35,.88));box-shadow:inset 0 1px rgba(255,255,255,.06),0 20px 60px rgba(0,0,0,.18);margin-bottom:16px}.ody-hero h2{font-family:var(--display);font-size:clamp(28px,4vw,46px);line-height:.92;margin:7px 0 10px;letter-spacing:-.03em}.ody-hero p{max-width:780px;color:var(--muted);margin:0}.ody-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px;margin-top:16px}.ody-metrics span{padding:10px 11px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:rgba(255,255,255,.04);font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.ody-metrics b{display:block;font:700 20px/1 var(--display);color:var(--text);margin-bottom:5px}.ody-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.ody-nav{display:grid;grid-template-columns:34px 1fr 18px;gap:10px;align-items:center;text-align:left;padding:13px;border:1px solid rgba(255,255,255,.07);border-radius:16px;background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.018));color:var(--text);transition:.18s ease}.ody-nav:hover{transform:translateY(-1px);border-color:rgba(127,247,223,.28);background:rgba(127,247,223,.06)}.ody-nav>span{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:rgba(127,247,223,.08);color:var(--ody-cyan)}.ody-nav strong,.ody-nav small{display:block}.ody-nav strong{font-size:13px}.ody-nav small{color:var(--muted);font-size:10px;margin-top:2px}.ody-nav>b{color:var(--ody-cyan);font-size:20px}.ody-materials{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.ody-materials span{display:flex;align-items:center;gap:6px;padding:7px 9px;border:1px solid rgba(255,255,255,.07);border-radius:999px;background:rgba(255,255,255,.035);font-size:10px;color:var(--muted)}.ody-materials i{width:7px;height:7px;border-radius:50%;background:var(--c);box-shadow:0 0 9px var(--c)}.ody-materials b{color:var(--text);margin-left:3px}.ody-boss-preview{display:flex;align-items:center;gap:12px;margin-top:15px}.ody-boss-preview>div{width:58px;height:58px;border-radius:50%;background:radial-gradient(circle,var(--boss),transparent 58%);box-shadow:0 0 34px var(--boss)}.ody-boss-preview span{color:var(--muted)}.ody-meter,.odyssey-boss-hud>.progress{height:8px;background:rgba(255,255,255,.08);border-radius:999px;overflow:hidden}.ody-meter span,.odyssey-boss-hud>.progress span{display:block;height:100%;background:linear-gradient(90deg,#ff796c,#ffd879);box-shadow:0 0 14px rgba(255,130,100,.55)}.ody-boss-stats{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.ody-boss-stats span{padding:7px 9px;background:rgba(255,255,255,.04);border-radius:10px;color:var(--muted);font-size:11px}.ody-boss-stats b{color:var(--text)}.ody-event-card{--event:#7ff7df;border:1px solid color-mix(in srgb,var(--event) 30%,transparent);background:radial-gradient(circle at 80% 20%,color-mix(in srgb,var(--event) 16%,transparent),transparent 45%),rgba(255,255,255,.035);border-radius:18px;padding:17px;margin-top:14px}.ody-event-card>span{font-size:10px;letter-spacing:.12em;color:var(--event)}.ody-event-card h3{font:700 25px/1 var(--display);margin:6px 0}.ody-list{display:grid;gap:6px}.ody-list>div{display:flex;justify-content:space-between;padding:9px 11px;border-radius:11px;background:rgba(255,255,255,.03)}.ody-list b{color:var(--ody-cyan);font-size:10px}.ody-collection{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.ody-collection article{padding:12px;border:1px solid rgba(255,255,255,.07);border-radius:14px;background:rgba(255,255,255,.03)}.ody-collection article>span{font-size:9px;color:var(--ody-cyan);letter-spacing:.1em}.ody-collection h3{margin:5px 0 2px;font-size:13px}.ody-collection p{margin:0 0 8px;color:var(--muted);font-size:10px}.mutation-row{display:flex;gap:6px;flex-wrap:wrap}.mutation-pill{--m:#778;border:1px solid color-mix(in srgb,var(--m) 34%,transparent);border-radius:999px;background:rgba(255,255,255,.03);padding:7px 10px;color:#9da9b6;font-size:10px}.mutation-pill.owned{color:white;box-shadow:inset 0 0 18px color-mix(in srgb,var(--m) 12%,transparent),0 0 12px color-mix(in srgb,var(--m) 12%,transparent)}button.mutation-pill{cursor:pointer}.ody-mastery-level{display:flex;align-items:flex-end;gap:4px;margin-top:12px}.ody-mastery-level strong{font:800 58px/.8 var(--display);color:var(--ody-cyan)}.ody-mastery-level span{font:700 18px var(--display);color:var(--muted)}.milestone-track{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin-top:14px}.milestone-track>div{padding:10px 7px;text-align:center;border-radius:12px;border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.025)}.milestone-track>div.done{border-color:rgba(127,247,223,.3);background:rgba(127,247,223,.06)}.milestone-track b,.milestone-track span{display:block}.milestone-track b{font:700 19px var(--display)}.milestone-track span{font-size:8px;color:var(--muted);margin-top:4px}.ody-achievements{display:grid;gap:7px}.ody-achievements article{display:grid;grid-template-columns:26px 1fr auto;gap:10px;align-items:center;padding:10px 12px;border:1px solid rgba(255,255,255,.06);border-radius:13px;background:rgba(255,255,255,.025)}.ody-achievements article.done{border-color:rgba(127,247,223,.24);background:rgba(127,247,223,.05)}.ody-achievements strong,.ody-achievements small{display:block}.ody-achievements small{color:var(--muted);font-size:9px;margin:3px 0 5px}.ody-achievements .progress{height:4px}.daily-calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;margin:12px 0}.daily-calendar article{min-width:0;padding:10px 6px;border-radius:13px;border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.03);text-align:center}.daily-calendar article.next{border-color:rgba(244,213,138,.36);background:rgba(244,213,138,.08);box-shadow:0 0 24px rgba(244,213,138,.08)}.daily-calendar span,.daily-calendar strong,.daily-calendar small{display:block}.daily-calendar span{font-size:8px;color:var(--ody-gold)}.daily-calendar strong{font-size:10px;margin:5px 0}.daily-calendar small{font-size:8px;color:var(--muted)}.rank-row{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;margin-top:12px}.rank-row span{font-size:8px;text-align:center;padding:6px 2px;border-radius:8px;background:rgba(255,255,255,.04);color:var(--muted)}.profile-card{border:1px solid rgba(184,154,255,.2);border-radius:18px;padding:18px;background:radial-gradient(circle at 85% 10%,rgba(184,154,255,.15),transparent 36%),rgba(255,255,255,.03)}.records-table{display:grid;gap:3px}.records-table>div{display:grid;grid-template-columns:28px 1.7fr repeat(3,1fr);gap:8px;padding:8px 10px;border-radius:9px;background:rgba(255,255,255,.028);align-items:center;font-size:10px}.records-table>div:first-child{color:var(--muted);background:rgba(127,247,223,.05)}.lore-list{display:grid;gap:9px}.lore-list article{padding:14px;border-left:2px solid rgba(127,247,223,.35);background:rgba(255,255,255,.025);border-radius:0 12px 12px 0}.lore-list span{font-size:9px;color:var(--ody-cyan);letter-spacing:.1em}.lore-list p{margin:6px 0 0;color:var(--muted);font-size:11px;line-height:1.5}.odyssey-event-banner{position:fixed;z-index:28;top:max(72px,calc(env(safe-area-inset-top) + 62px));left:50%;transform:translateX(-50%);display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;min-width:min(510px,calc(100vw - 24px));padding:8px 12px;border:1px solid color-mix(in srgb,var(--event) 34%,transparent);border-radius:13px;background:rgba(9,20,33,.88);backdrop-filter:blur(14px);box-shadow:0 12px 40px rgba(0,0,0,.24),inset 0 0 20px color-mix(in srgb,var(--event) 7%,transparent)}.odyssey-event-banner span{font-size:8px;color:var(--event);letter-spacing:.12em}.odyssey-event-banner strong{font-size:11px}.odyssey-event-banner b{font-size:10px;color:var(--muted)}.odyssey-objective{position:fixed;z-index:18;right:18px;top:180px;width:218px;padding:11px 12px;border-radius:14px!important}.odyssey-objective>button{position:absolute;right:7px;top:5px;border:0;background:none;color:var(--muted);font-size:15px}.odyssey-objective strong,.odyssey-objective small{display:block}.odyssey-objective strong{font-size:12px;margin:5px 0 2px}.odyssey-objective small{font-size:9px;color:var(--muted)}.odyssey-objective .progress{height:5px;margin-top:8px}.odyssey-boss-hud{position:fixed;z-index:32;left:50%;bottom:150px;transform:translateX(-50%);width:min(520px,calc(100vw - 20px));padding:12px 14px;border:1px solid rgba(255,120,100,.24);border-radius:16px;background:rgba(12,20,32,.92);backdrop-filter:blur(18px);box-shadow:0 18px 55px rgba(0,0,0,.35)}.ody-boss-top{display:flex;justify-content:space-between;gap:12px;align-items:center}.ody-boss-top strong{display:block;font:700 18px var(--display)}.ody-boss-phase{font-size:10px;color:var(--ody-gold)}.odyssey-boss-hud>p{margin:7px 0;color:var(--muted);font-size:10px}.ody-boss-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.ody-boss-actions button{padding:7px 4px;border:1px solid rgba(255,255,255,.08);border-radius:9px;background:rgba(255,255,255,.05);color:white;font:700 9px var(--display);letter-spacing:.05em}.ody-boss-actions button:disabled{opacity:.32}.ody-boss-actions button:nth-child(2){border-color:rgba(127,247,223,.25)}.ody-boss-actions button:nth-child(3){border-color:rgba(244,213,138,.25)}#photo-exit{position:fixed;z-index:99;right:18px;top:18px;border:1px solid rgba(255,255,255,.22);border-radius:999px;padding:9px 13px;background:rgba(10,20,31,.82);color:white}.photo-mode #hud,.photo-mode #creator-credit,.photo-mode #world-labels,.photo-mode #tutorial-coach,.photo-mode .odyssey-event-banner,.photo-mode .odyssey-objective,.photo-mode .odyssey-boss-hud,.photo-mode #incubator-status{display:none!important}.photo-mode canvas{cursor:grab}.reduced-world-motion .odyssey-event-banner,.reduced-world-motion .odyssey-objective{transition:none!important}
@media(max-width:760px){.ody-grid,.ody-collection{grid-template-columns:1fr}.daily-calendar{grid-template-columns:repeat(4,1fr)}.milestone-track{grid-template-columns:repeat(5,minmax(0,1fr))}.odyssey-objective{right:8px;top:auto;bottom:188px;width:180px;padding:9px}.odyssey-event-banner{top:max(60px,calc(env(safe-area-inset-top) + 52px));min-width:calc(100vw - 16px)}.odyssey-boss-hud{bottom:116px}.ody-boss-actions{grid-template-columns:repeat(2,1fr)}.records-table>div{grid-template-columns:24px 1.4fr .8fr .8fr .8fr}.ody-hero{padding:15px}.ody-hero h2{font-size:30px}.chronicle-launch span:last-child{display:none}.chronicle-launch{width:40px!important}}
@media(max-width:420px){.daily-calendar{grid-template-columns:repeat(2,1fr)}.odyssey-objective{display:none}.ody-metrics{grid-template-columns:repeat(2,1fr)}.milestone-track{grid-template-columns:repeat(3,1fr)}.rank-row{grid-template-columns:repeat(3,1fr)}.odyssey-boss-hud{bottom:104px;padding:10px}.odyssey-event-banner{font-size:9px}.ody-collection article{padding:10px}}