:root {
  --bg: #080a0f;
  --panel: #10131b;
  --panel-2: #151925;
  --line: rgba(255,255,255,.1);
  --muted: #82899a;
  --text: #f4f3ef;
  --acid: #d9ff43;
  --cyan: #5ee7f2;
  --coral: #ff6b55;
  --violet: #a789ff;
  --mono: "DM Mono", monospace;
  --sans: "Manrope", sans-serif;
}

* { box-sizing: border-box; }
html { background: var(--bg); color: var(--text); font-family: var(--sans); }
body { margin: 0; min-height: 100vh; background: radial-gradient(circle at 65% -10%, rgba(94,231,242,.09), transparent 34%), var(--bg); }
button, input { font: inherit; }
button { color: inherit; }
button:focus-visible, input:focus-visible { outline: 2px solid var(--acid); outline-offset: 3px; }
.noise { position: fixed; inset: 0; pointer-events: none; opacity: .18; z-index: 20; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.08'/%3E%3C/svg%3E"); }

.topbar { height: 68px; border-bottom: 1px solid var(--line); display: grid; grid-template-columns: 260px 1fr 260px; align-items: center; padding: 0 28px; position: sticky; top: 0; z-index: 10; background: rgba(8,10,15,.88); backdrop-filter: blur(18px); }
.brand { display: flex; align-items: center; gap: 12px; color: var(--text); text-decoration: none; }
.brand-mark { width: 34px; height: 34px; background: var(--acid); color: var(--bg); display: grid; place-items: center; font-family: var(--mono); font-weight: 500; font-size: 13px; transform: rotate(-3deg); }
.brand-mark span { opacity: .5; }
.brand-name { font-weight: 800; font-size: 15px; letter-spacing: -.02em; }
.topbar-center { justify-self: center; display: flex; gap: 15px; align-items: center; font-family: var(--mono); font-size: 11px; color: var(--muted); letter-spacing: .08em; }
.topbar-center strong { color: var(--acid); font-weight: 500; }
.season-time { border-left: 1px solid var(--line); padding-left: 15px; }
.icon-button { justify-self: end; width: 40px; height: 40px; border: 1px solid var(--line); border-radius: 50%; background: transparent; cursor: pointer; }
.sound-waves { height: 15px; display: flex; justify-content: center; gap: 3px; align-items: center; }
.sound-waves i { display: block; width: 2px; background: var(--acid); height: 6px; }
.sound-waves i:nth-child(2) { height: 13px; }.sound-waves i:nth-child(3) { height: 9px; }
.icon-button[aria-pressed="false"] .sound-waves { opacity: .35; }

.app-shell { display: grid; grid-template-columns: 286px minmax(0, 1fr); max-width: 1500px; margin: 0 auto; min-height: calc(100vh - 68px); }
.player-rail { border-right: 1px solid var(--line); padding: 28px 22px 80px 0; }
.mission-zone { padding: 45px 0 100px 44px; min-width: 0; }
.panel { background: rgba(16,19,27,.82); border: 1px solid var(--line); }
.eyebrow, .panel-label { font-family: var(--mono); font-size: 11px; letter-spacing: .08em; color: var(--muted); margin: 0; }
.panel-label { display: flex; align-items: center; justify-content: space-between; }
.panel-label small { font-size: 9px; }
.text-button { border: 0; background: transparent; color: var(--acid); font-family: var(--mono); font-size: 10px; padding: 5px; cursor: pointer; }

.player-card { padding: 0 8px 23px; border-bottom: 1px solid var(--line); }
.player-id { display: flex; gap: 13px; align-items: center; }
.avatar { position: relative; width: 52px; height: 52px; flex: 0 0 auto; display: grid; place-items: center; background: linear-gradient(135deg, #212838, #0e1118); border: 1px solid #353d4f; font-family: var(--mono); font-size: 13px; }
.avatar:before { content:""; position:absolute; inset: 5px; border: 1px solid rgba(217,255,67,.35); }
.avatar i { position: absolute; right: -6px; bottom: -6px; width: 20px; height: 20px; background: var(--acid); color: #080a0f; display: grid; place-items: center; font-size: 9px; font-style: normal; font-weight: 700; }
.player-id h1 { font-size: 20px; margin: 3px 0 0; letter-spacing: -.04em; }
.class-name { color: var(--acid); font-family: var(--mono); font-size: 10px; letter-spacing: .08em; margin: 2px 0 0; }
.level-row { display: grid; grid-template-columns: auto 1fr; gap: 6px 10px; align-items: center; margin-top: 18px; font-family: var(--mono); font-size: 10px; }
.level-row > span { color: var(--acid); }.level-row strong { grid-column: 2; color: var(--muted); font-weight: 400; font-size: 9px; }
.xp-track, .stat-track { height: 3px; background: #242936; overflow: hidden; }.xp-track i, .stat-track i { display:block; height:100%; background: var(--acid); transition: width .45s ease; }

.freedom-card { margin-top: 18px; padding: 16px; }
.freedom-orbit { height: 174px; position: relative; display: grid; place-items: center; }
.freedom-orbit svg { width: 170px; transform: rotate(-90deg); }
.orbit-grid, .orbit-progress { fill: none; stroke-width: 5; }
.orbit-grid { stroke: #242936; stroke-dasharray: 3 4; }
.orbit-progress { stroke: var(--acid); stroke-linecap: square; stroke-dasharray: 452.4; stroke-dashoffset: 330.3; filter: drop-shadow(0 0 8px rgba(217,255,67,.25)); transition: stroke-dashoffset .6s ease; }
.orbit-copy { position: absolute; display:flex; flex-direction:column; align-items:center; }.orbit-copy strong { font-size: 36px; letter-spacing: -.06em; }.orbit-copy span { font-family: var(--mono); font-size: 9px; color: var(--acid); letter-spacing: .15em; }
.revenue-line { display: flex; justify-content: space-between; align-items: flex-end; border-top: 1px solid var(--line); padding-top: 14px; }.revenue-line div { display:flex; flex-direction:column; gap:4px; }.revenue-line span { color: var(--muted); font-family:var(--mono); font-size:9px; }.revenue-line strong { font-family:var(--mono); font-size: 12px; font-weight:400; }.revenue-line strong b { color:var(--acid); }.trend { color:var(--acid)!important; background:rgba(217,255,67,.08); padding:4px; }
.runway { color:var(--muted); font-family:var(--mono); font-size:9px; margin:8px 0 0; }.runway span { color:var(--text); }

.stats { margin-top: 12px; padding: 16px; }
.stat { display: grid; grid-template-columns: 26px 1fr 27px; align-items:center; gap:10px; margin-top:16px; }.stat-icon { width:25px;height:25px;display:grid;place-items:center;font-family:var(--mono);font-size:10px;border:1px solid currentColor; }.stat-icon.craft { color:var(--cyan); }.stat-icon.audience { color:var(--violet); }.stat-icon.income { color:var(--coral); }.stat-main { display:grid; grid-template-columns:1fr; gap:5px; }.stat-main span { font-family:var(--mono); font-size:9px; color:var(--muted); }.stat strong { font-family:var(--mono);font-size:12px;text-align:right; }.stat[data-stat="craft"] .stat-track i { background:var(--cyan); }.stat[data-stat="audience"] .stat-track i { background:var(--violet); }.stat[data-stat="income"] .stat-track i { background:var(--coral); }
.streak-panel { padding: 14px 16px; margin-top:12px; }.streak-panel > div:first-child { display:grid; grid-template-columns:auto 1fr; gap:0 8px; align-items:center; }.flame { color:var(--coral); grid-row:span 2; }.streak-panel strong { font-family:var(--mono);font-size:11px; }.streak-panel small { color:var(--muted);font-family:var(--mono);font-size:8px; }.week-dots { display:flex;gap:7px;margin-top:13px; }.week-dots i { display:grid;place-items:center;width:20px;height:20px;border:1px solid var(--line);border-radius:50%;font-family:var(--mono);font-size:7px;font-style:normal;color:var(--muted); }.week-dots i.done { background:var(--coral);border-color:var(--coral);color:#080a0f; }.week-dots i.today { border-color:var(--acid);color:var(--acid); }

.zone-heading { display:flex;justify-content:space-between;align-items:flex-end;padding-right:28px;margin-bottom:25px; }.zone-heading h2 { font-size:clamp(27px,3vw,42px);letter-spacing:-.055em;margin:6px 0 0; }.daily-cap { display:flex;align-items:center;gap:12px;font-family:var(--mono);font-size:9px;color:var(--muted); }.daily-cap div { display:flex;gap:4px; }.daily-cap i { display:block;width:19px;height:7px;transform:skewX(-18deg);background:var(--acid); }.daily-cap i.empty { background:#242936; }
.view-panel[data-view-panel="quests"] .zone-heading { display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:end; }.view-panel[data-view-panel="quests"] .zone-heading h2 { max-width:760px; }.view-panel[data-view-panel="quests"] .zone-actions { display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;max-width:440px;min-width:0; }.view-panel[data-view-panel="quests"] .zone-actions .daily-cap { flex:0 0 auto; }
.joy-loop { display:flex;align-items:center;gap:11px;margin:-11px 28px 18px 0;padding:10px 13px;border:1px solid var(--line);background:rgba(217,255,67,.025);font:9px var(--mono);color:var(--muted);letter-spacing:.06em; }.joy-loop span { display:flex;gap:6px;align-items:center; }.joy-loop b { color:var(--acid);font-weight:500; }.joy-loop i { color:#454b59;font-style:normal; }
.quest-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding-right:28px; }
.quest-card { position:relative;min-height:348px;padding:18px;display:flex;flex-direction:column;background:linear-gradient(150deg,rgba(21,25,37,.95),rgba(12,14,21,.95));border:1px solid var(--line);transition:transform .2s,border-color .2s,box-shadow .2s;cursor:pointer;overflow:hidden; }
.quest-card:after { content:"";position:absolute;width:120px;height:120px;right:-58px;top:70px;border:1px solid rgba(255,255,255,.06);transform:rotate(45deg); }
.quest-card:hover { transform:translateY(-3px);border-color:rgba(255,255,255,.22); }.quest-card.selected { border-color:var(--acid);box-shadow:0 0 0 1px rgba(217,255,67,.15),0 12px 40px rgba(0,0,0,.18); }
.quest-top { display:flex;justify-content:space-between;font-family:var(--mono);font-size:9px;color:var(--muted); }.quest-type { font-weight:500; }.craft-type{color:var(--cyan)}.audience-type{color:var(--violet)}.income-type{color:var(--coral)}
.quest-glyph { width:54px;height:54px;display:grid;place-items:center;margin:29px 0 20px;border:1px solid currentColor;font-size:25px;transform:rotate(-3deg); }.craft-glyph{color:var(--cyan);background:rgba(94,231,242,.05)}.audience-glyph{color:var(--violet);background:rgba(167,137,255,.05)}.income-glyph{color:var(--coral);background:rgba(255,107,85,.05)}
.quest-card h3 { font-size:21px;letter-spacing:-.035em;margin:0 0 9px; }.quest-card p { font-size:14px;line-height:1.6;color:#a9aeba;margin:0; }.loot { margin-top:auto;padding-top:18px;display:grid;grid-template-columns:1fr auto;gap:4px 10px;font-family:var(--mono);font-size:8px;color:var(--muted); }.loot strong{font-size:11px;color:var(--text);}.loot span:last-child{text-align:right;}.select-quest { width:100%;height:38px;margin-top:14px;background:transparent;border:1px solid var(--line);font-family:var(--mono);font-size:9px;letter-spacing:.08em;cursor:pointer; }.selected .select-quest { background:var(--acid);border-color:var(--acid);color:#080a0f;font-weight:500; }

.action-deck { margin:14px 28px 0 0;padding:22px 24px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:25px;border-left:3px solid var(--acid); }.live-tag { display:flex;align-items:center;gap:7px;font-family:var(--mono);font-size:9px;color:var(--acid); }.live-tag i { width:5px;height:5px;border-radius:50%;background:var(--acid);box-shadow:0 0 8px var(--acid); }.active-quest-copy h3 { margin:8px 0 5px;font-size:19px; }.active-quest-copy p { margin:0;color:var(--muted);font-size:13px;line-height:1.5;max-width:650px; }.timer-wrap { display:grid;grid-template-columns:auto auto;gap:9px;align-items:center; }.timer { font-family:var(--mono);font-size:28px;letter-spacing:-.06em;min-width:92px;text-align:center; }.primary-button,.secondary-button,.floating-button { height:48px;border:0;padding:0 20px;cursor:pointer;font-family:var(--mono);font-size:10px;letter-spacing:.07em;font-weight:500; }.primary-button { background:var(--acid);color:#080a0f;display:flex;align-items:center;justify-content:space-between;gap:24px; }.primary-button i { font-style:normal;font-size:16px; }.secondary-button { background:var(--text);color:var(--bg); }.floating-button{height:34px;border:1px solid rgba(167,137,255,.62);background:rgba(167,137,255,.08);color:var(--violet);cursor:pointer;font:9px var(--mono);letter-spacing:.06em;}.primary-button.full { width:100%;margin-top:22px; }.hidden { display:none!important; }

.boss-section { min-height:180px;margin:30px 28px 0 0;display:grid;grid-template-columns:150px 1fr 140px;gap:20px;align-items:center;padding:22px;position:relative;overflow:hidden; }.boss-section:before { content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,107,85,.06),transparent 55%);pointer-events:none; }.boss-visual { width:116px;height:116px;position:relative;display:grid;place-items:center;border:1px solid rgba(255,107,85,.35); }.boss-visual span { font:500 32px var(--mono);color:var(--coral);z-index:1; }.boss-rings,.boss-rings:before,.boss-rings:after { position:absolute;border:1px solid rgba(255,107,85,.22);inset:14px;transform:rotate(45deg);content:""; }.boss-rings:before{inset:10px;transform:rotate(20deg)}.boss-rings:after{inset:18px;transform:rotate(-30deg)}
.boss-copy h2 { font-size:25px;letter-spacing:-.045em;margin:7px 0; }.boss-copy>p:not(.eyebrow){font-size:13px;color:var(--muted);line-height:1.5;margin:0;max-width:560px}.boss-keys{display:flex;align-items:center;gap:6px;margin-top:17px}.boss-keys i{width:28px;height:4px;background:#2a2d36}.boss-keys i.found{background:var(--coral)}.boss-keys span{font:8px var(--mono);color:var(--muted);margin-left:5px}.boss-reward{display:flex;flex-direction:column;align-items:flex-end;font-family:var(--mono)}.boss-reward>span{font-size:8px;color:var(--muted)}.boss-reward strong{font-size:19px;margin:4px 0;color:var(--coral)}.boss-reward small{font-size:8px;color:var(--muted)}.boss-reward button{margin-top:14px;width:110px;height:34px;background:#242731;border:0;color:#676c78;font:9px var(--mono)}

.mobile-nav { display:none; }
.modal-backdrop { position:fixed;inset:0;z-index:50;background:rgba(3,4,7,.86);backdrop-filter:blur(12px);display:grid;place-items:center;padding:20px; }.completion-modal,.goal-modal { width:min(470px,100%);background:#11151e;border:1px solid rgba(255,255,255,.16);padding:34px;position:relative;box-shadow:0 30px 90px rgba(0,0,0,.6); }.modal-close{position:absolute;right:15px;top:12px;width:34px;height:34px;border:0;background:transparent;color:var(--muted);font-size:24px;cursor:pointer}.reward-burst{width:64px;height:64px;display:grid;place-items:center;margin-bottom:22px;color:var(--bg);background:var(--acid);transform:rotate(-4deg);font-size:33px;font-weight:800}.completion-modal h2,.goal-modal h2{font-size:30px;letter-spacing:-.05em;margin:7px 0 10px}.completion-modal>p:not(.eyebrow),.goal-modal>p:not(.eyebrow){color:var(--muted);line-height:1.55;font-size:14px}.xp-award{display:flex;justify-content:space-between;align-items:center;border:1px solid var(--line);padding:14px;margin-top:22px;font-family:var(--mono)}.xp-award strong{color:var(--acid)}.xp-award span{font-size:9px;color:var(--muted)}.proof-field,.goal-modal label{display:block;margin-top:19px}.proof-field>span,.goal-modal label>span{display:block;font:9px var(--mono);color:var(--muted);margin-bottom:8px;letter-spacing:.06em}.proof-field small{opacity:.65}.proof-field input,.money-input input{width:100%;height:48px;background:#0b0e14;border:1px solid var(--line);color:var(--text);padding:0 14px;font-size:14px;border-radius:0}.money-input{display:flex;align-items:center;background:#0b0e14;border:1px solid var(--line)}.money-input b{padding-left:14px;color:var(--acid);font-family:var(--mono)}.money-input input{border:0}.toast{position:fixed;right:24px;bottom:24px;z-index:60;background:var(--acid);color:#080a0f;padding:13px 18px;font:500 10px var(--mono);transform:translateY(100px);opacity:0;transition:.3s}.toast.show{transform:translateY(0);opacity:1}

@media (max-width: 1100px) {
  .topbar{grid-template-columns:220px 1fr 50px}.app-shell{grid-template-columns:250px 1fr}.player-rail{padding-left:14px;padding-right:14px}.mission-zone{padding-left:24px}.quest-grid{grid-template-columns:1fr}.quest-card{min-height:240px;display:grid;grid-template-columns:70px 1fr;grid-template-rows:auto auto 1fr auto;column-gap:18px}.quest-top{grid-column:1/3}.quest-glyph{grid-row:2/5;margin:24px 0 0}.quest-card h3{margin-top:22px}.loot{grid-column:2}.select-quest{grid-column:2}.boss-section{grid-template-columns:105px 1fr}.boss-reward{display:none}.boss-visual{width:90px;height:90px}
}

@media (max-width: 760px) {
  body{padding-bottom:66px}.topbar{height:58px;padding:0 16px;grid-template-columns:1fr auto}.brand-mark{width:30px;height:30px}.brand-name{font-size:13px}.topbar-center{display:none}.app-shell{display:block}.player-rail{border:0;padding:18px 16px 10px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.player-card{grid-column:1/3;border:0;background:var(--panel);padding:14px}.level-row{margin-top:13px}.freedom-card{grid-column:1;margin:0;padding:13px}.freedom-orbit{height:120px}.freedom-orbit svg{width:118px}.orbit-copy strong{font-size:28px}.revenue-line{display:block}.revenue-line .trend,.runway{display:none}.revenue-line strong{font-size:10px}.stats{grid-column:2;margin:0;padding:13px}.stats .panel-label small{display:none}.stat{margin-top:13px;grid-template-columns:23px 1fr 24px;gap:7px}.stat-icon{width:22px;height:22px}.streak-panel{grid-column:1/3;margin:0;display:flex;align-items:center;justify-content:space-between}.week-dots{margin:0}.mission-zone{padding:24px 16px 30px}.zone-heading{padding:0;margin-bottom:17px;align-items:flex-start}.zone-heading h2{font-size:30px}.daily-cap{display:none}.joy-loop{margin:-6px 0 16px;overflow-x:auto;gap:8px;padding:9px;font-size:8px;white-space:nowrap}.quest-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 1px 12px;gap:10px;scrollbar-width:none}.quest-grid::-webkit-scrollbar{display:none}.quest-card{min-width:86%;min-height:345px;display:flex;scroll-snap-align:center;padding:17px}.quest-top{display:flex}.quest-glyph{margin:25px 0 18px}.quest-card h3{margin:0 0 8px}.loot{display:grid}.select-quest{display:block}.action-deck{margin:3px 0 0;padding:18px;display:block}.active-quest-copy p{font-size:12px}.timer-wrap{grid-template-columns:76px 1fr;margin-top:18px}.timer{font-size:23px;min-width:auto}.primary-button,.secondary-button,.floating-button{width:100%;padding:0 14px}.boss-section{margin:22px 0 0;grid-template-columns:64px 1fr;padding:17px;min-height:160px}.boss-visual{width:56px;height:90px}.boss-copy h2{font-size:20px}.boss-copy>p:not(.eyebrow){font-size:11px}.boss-keys span{display:none}.mobile-nav{position:fixed;display:grid;grid-template-columns:repeat(4,1fr);left:0;right:0;bottom:0;height:66px;background:rgba(10,12,18,.96);border-top:1px solid var(--line);z-index:25;backdrop-filter:blur(15px);padding-bottom:env(safe-area-inset-bottom)}.mobile-nav button{border:0;background:transparent;color:#697080;font:8px var(--mono);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.mobile-nav button span{font-size:18px}.mobile-nav button.active{color:var(--acid)}.completion-modal,.goal-modal{padding:27px 22px}.completion-modal h2,.goal-modal h2{font-size:26px}.toast{right:14px;bottom:78px;left:14px;text-align:center}
}

/* Keep the latest music systems compact on phones. */
@media(max-width:760px){.zone-heading .zone-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-left:10px}.zone-heading .zone-actions .daily-cap{display:none}.signal-controls{display:grid}.world-options{display:flex}}

.proof-file{display:block;margin-top:12px}.proof-file span,.proof-gate-copy{display:block;font:9px var(--mono);color:var(--muted);line-height:1.5;letter-spacing:.06em}.proof-file input{display:block;width:100%;margin-top:7px;color:var(--text);font:11px var(--mono)}.proof-gate-copy{margin:12px 0 0;color:var(--acid)}

.studio-tools-modal{width:min(780px,100%);max-height:min(760px,calc(100vh - 40px));overflow:auto;background:#11151e;border:1px solid rgba(255,255,255,.16);padding:34px;position:relative;box-shadow:0 30px 90px rgba(0,0,0,.7)}.studio-tools-modal h2{font-size:31px;letter-spacing:-.05em;margin:7px 0 24px}.tools-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.tuner-tool,.metro-tool{border:1px solid var(--line);padding:18px;background:rgba(7,9,14,.5)}.tool-heading{display:flex;justify-content:space-between;gap:12px;font:9px var(--mono);color:var(--acid)}.tool-heading small{color:var(--muted);font-size:8px}.tuner-display{text-align:center;padding:26px 5px 18px}.tuner-note{font:70px var(--mono);letter-spacing:-.12em;color:var(--text);line-height:.9}.tuner-display>span{display:block;margin-top:13px;color:var(--cyan);font:10px var(--mono)}.tuner-display>small{display:block;color:var(--muted);font:9px var(--mono);min-height:14px}.tuner-meter{height:32px;margin:20px 8px 8px;border-top:1px solid var(--line);background:repeating-linear-gradient(90deg,transparent 0,transparent calc(10% - 1px),rgba(255,255,255,.22) calc(10% - 1px),rgba(255,255,255,.22) 10%);position:relative;display:flex;justify-content:space-between;padding-top:11px;color:var(--muted);font:8px var(--mono)}.tuner-meter:before{content:"";position:absolute;left:50%;top:-4px;height:7px;border-left:1px solid var(--acid)}.tuner-meter i{position:absolute;left:50%;top:-7px;width:3px;height:13px;background:var(--cyan);box-shadow:0 0 12px var(--cyan);transform:translateX(-50%);transition:left .08s ease-out}.tuner-meter b{font-weight:400}.tuner-meter b:nth-of-type(2){color:var(--acid)}.tool-button{width:100%;height:42px;border:1px solid var(--acid);background:transparent;color:var(--acid);font:10px var(--mono);cursor:pointer}.metro-display{padding:23px 0 8px;display:grid;grid-template-columns:36px 1fr 36px;align-items:center;text-align:center}.metro-display strong{font:52px var(--mono);letter-spacing:-.1em}.metro-display>span{grid-column:1/-1;font:9px var(--mono);color:var(--muted);margin-top:4px}.bpm-nudge{width:30px;height:30px;border:1px solid var(--line);background:transparent;color:var(--text);font-size:18px;cursor:pointer}.tempo-slider{width:100%;accent-color:var(--acid)}.metro-controls{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:14px}.metro-controls label{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font:9px var(--mono)}.metro-controls select{background:#0b0e14;border:1px solid var(--line);color:var(--text);font:9px var(--mono);padding:8px}.metro-controls .tool-button{height:35px}.beat-lights{display:flex;gap:7px;margin-top:18px}.beat-lights i{height:5px;flex:1;background:#29303c}.beat-lights i.active{background:var(--acid);box-shadow:0 0 10px var(--acid)}.tools-note{margin:18px 0 0;color:var(--muted);font:10px var(--mono);line-height:1.5}

@media(max-width:760px){.studio-tools-modal{padding:27px 20px}.studio-tools-modal h2{font-size:27px}.tools-grid{grid-template-columns:1fr}.tuner-note{font-size:60px}}

.tuner-tool.locked{border-color:var(--acid);background:linear-gradient(145deg,rgba(217,255,67,.15),rgba(7,9,14,.5));box-shadow:inset 0 0 36px rgba(217,255,67,.08),0 0 22px rgba(217,255,67,.12)}.tuner-tool.locked .tuner-note,.tuner-tool.locked .tuner-display>span,.tuner-tool.locked .tuner-display>small{color:var(--acid)}.tuner-tool.locked .tuner-meter i{background:var(--acid);box-shadow:0 0 18px var(--acid)}

.loop-scan{grid-column:1/-1;border:1px solid var(--line);padding:18px;background:linear-gradient(105deg,rgba(94,231,242,.08),rgba(7,9,14,.5) 54%)}.scan-readouts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:16px}.scan-readouts>div{border-left:2px solid var(--cyan);padding:8px 12px;background:rgba(0,0,0,.18)}.scan-readouts span{display:block;color:var(--muted);font:8px var(--mono)}.scan-readouts strong{display:block;margin-top:6px;color:var(--text);font:20px var(--mono);letter-spacing:-.06em}.scan-action{display:grid;grid-template-columns:190px 190px 1fr;gap:10px;align-items:center;margin-top:14px}.scan-action .tool-button{border-color:var(--cyan);color:var(--cyan)}.scan-action .scan-live-button{border-color:var(--violet);color:var(--violet)}.scan-action .tool-button:disabled{opacity:.55;cursor:wait}.scan-action p{margin:0;color:var(--muted);font:10px var(--mono);line-height:1.5}@media(max-width:760px){.scan-action{grid-template-columns:1fr}.scan-readouts{gap:7px}.scan-readouts strong{font-size:16px}}

.song-run{margin:14px 28px 0 0;padding:20px 22px;display:grid;grid-template-columns:minmax(230px,1.25fr) minmax(220px,1fr) auto;gap:22px;align-items:center;border-left:3px solid var(--violet);background:linear-gradient(110deg,rgba(167,137,255,.12),rgba(18,22,32,.9) 46%,rgba(18,22,32,.9))}.song-run-copy h3{margin:7px 0 5px;font-size:21px;letter-spacing:-.035em}.song-run-copy p:last-child{margin:0;color:var(--muted);font-size:12px;line-height:1.5;max-width:440px}.song-run-track{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.run-step{min-height:63px;padding:9px;border:1px solid var(--line);display:grid;grid-template-columns:20px 1fr;grid-template-rows:1fr 1fr;align-items:center;font:9px var(--mono);color:var(--muted)}.run-step i{grid-row:1/3;font-style:normal;color:var(--text)}.run-step span{color:var(--text);font-weight:500}.run-step small{font-size:8px;color:var(--muted)}.run-step.active{border-color:var(--acid);box-shadow:0 0 18px rgba(217,255,67,.1)}.run-step.active i,.run-step.active small{color:var(--acid)}.run-step.done{border-color:rgba(94,231,242,.55);background:rgba(94,231,242,.06)}.run-step.done i{color:var(--cyan)}.song-run-actions{display:grid;gap:7px}.song-run .primary-button{min-width:190px}.run-version-button{height:36px;border:1px solid var(--line);background:transparent;color:var(--text);font:9px var(--mono);cursor:pointer}.song-run-versions{grid-column:1/-1;display:flex;gap:9px;align-items:center;border-top:1px solid rgba(255,255,255,.09);padding-top:12px;font:9px var(--mono);overflow:hidden}.song-run-versions>span{color:var(--violet);white-space:nowrap}.song-run-versions strong{color:var(--text);font-weight:500;white-space:nowrap}.song-run-versions small{color:var(--muted);padding-right:12px;border-right:1px solid var(--line);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

@media (max-width:1000px){.song-run{grid-template-columns:1fr;gap:15px}.song-run .primary-button{width:100%}}
@media (max-width:760px){.song-run{margin:12px 0 0;padding:18px}.song-run-track{gap:5px}.run-step{padding:8px;grid-template-columns:17px 1fr;font-size:8px}.run-step small{font-size:7px}}

/* Player Setup */
.setup-modal{width:min(900px,100%);max-height:92vh;overflow:auto;background:#0d1017;border:1px solid rgba(255,255,255,.17);padding:32px;position:relative;box-shadow:0 34px 110px rgba(0,0,0,.78)}.setup-mark{width:62px;height:62px;display:grid;place-items:center;margin-bottom:22px;border:1px solid var(--acid);background:rgba(217,255,67,.06);color:var(--acid);font:15px var(--mono);transform:rotate(-3deg)}.setup-modal>h2{margin:7px 0;font-size:32px;letter-spacing:-.05em}.setup-modal>p:not(.eyebrow){max-width:650px;margin:0;color:var(--muted);font-size:14px;line-height:1.6}.setup-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-top:26px}.setup-grid>section{padding:20px;border:1px solid var(--line);background:rgba(255,255,255,.018)}.setup-section{display:block;color:var(--acid);font:11px var(--mono);letter-spacing:.08em}.setup-section.second{margin-top:21px;padding-top:18px;border-top:1px solid var(--line)}.setup-modal label{display:block;margin-top:13px}.setup-modal label>span{display:block;margin-bottom:7px;color:var(--muted);font:11px var(--mono);letter-spacing:.05em}.setup-modal input,.setup-modal select,.setup-modal textarea{width:100%;height:46px;border:1px solid var(--line);border-radius:0;background:#090c12;color:var(--text);padding:0 12px;font-size:14px}.setup-modal textarea{height:92px;padding-top:11px;resize:vertical;line-height:1.5}.setup-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.setup-money{display:flex;align-items:center;border:1px solid var(--line);background:#090c12}.setup-money b{padding-left:12px;color:var(--acid);font:12px var(--mono)}.setup-money input{border:0}.setup-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.setup-actions>button:first-child{height:48px;padding:0 18px;border:1px solid var(--line);background:transparent;color:var(--muted);font:11px var(--mono);cursor:pointer}.setup-actions .primary-button{min-width:230px}.edit-player-button{height:36px;margin-top:16px;padding:0 13px;border:1px solid rgba(217,255,67,.38);background:rgba(217,255,67,.05);color:var(--acid);font:10px var(--mono);cursor:pointer}.setup-modal select:focus-visible,.setup-modal textarea:focus-visible{outline:2px solid var(--acid);outline-offset:3px}
@media(max-width:760px){.setup-modal{padding:25px 17px;max-height:95vh}.setup-mark{width:50px;height:50px}.setup-modal>h2{font-size:27px}.setup-grid{grid-template-columns:1fr;gap:10px;margin-top:20px}.setup-grid>section{padding:15px}.setup-row{grid-template-columns:1fr}.setup-actions{display:grid;grid-template-columns:1fr}.setup-actions .primary-button{min-width:0;grid-row:1}.setup-actions>button:first-child{grid-row:2}}

/* World Arc and creator Field Notes */
.world-arc { margin:-2px 28px 18px 0;padding:20px;position:relative;overflow:hidden;background:linear-gradient(120deg,rgba(167,137,255,.055),rgba(16,19,27,.9) 46%,rgba(94,231,242,.035)); }
.world-arc:after { content:"";position:absolute;width:220px;height:220px;right:-140px;bottom:-170px;border:1px solid var(--world-glow);border-radius:50%;pointer-events:none; }
.arc-heading { display:flex;justify-content:space-between;align-items:end;gap:20px;position:relative;z-index:1; }
.arc-heading h3 { margin:6px 0 0;font-size:1.25rem;letter-spacing:-.035em; }
.arc-meter { display:flex;align-items:center;gap:5px;min-width:160px; }
.arc-meter i { display:block;flex:1;height:5px;background:#292e39;transform:skewX(-17deg);transition:background .3s ease,box-shadow .3s ease; }
.arc-meter i.done { background:var(--acid);box-shadow:0 0 8px rgba(217,255,67,.25); }
.arc-meter strong { margin-left:7px;color:var(--muted);font:12px var(--mono);white-space:nowrap; }
.world-arc-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:17px;position:relative;z-index:1; }
.arc-card { min-height:224px;padding:16px;display:flex;flex-direction:column;border:1px solid var(--line);background:rgba(9,11,17,.68);transition:border-color .22s ease,transform .22s ease,opacity .22s ease; }
.arc-card:not(.locked):not(.done):hover { border-color:var(--acid);transform:translateY(-2px); }
.arc-card.locked { opacity:.36;filter:grayscale(1); }.arc-card.done { border-color:rgba(94,231,242,.3);background:rgba(94,231,242,.035); }
.arc-index { display:flex;align-items:center;justify-content:space-between;margin-bottom:18px; }
.arc-index span { color:var(--muted);font:12px var(--mono); }.arc-index i { width:30px;height:30px;display:grid;place-items:center;border:1px solid rgba(167,137,255,.5);color:var(--violet);font-style:normal;font-family:var(--mono); }
.arc-card>small { color:var(--cyan);font:12px var(--mono);letter-spacing:.06em; }.arc-card h4 { margin:6px 0 7px;font-size:1rem; }.arc-card p { margin:0;color:#a9aeba;font-size:.875rem;line-height:1.55; }
.arc-card button { width:100%;height:38px;margin-top:auto;border:1px solid var(--line);background:transparent;color:var(--muted);font:12px var(--mono);cursor:pointer; }
.arc-card:not(.locked):not(.done) button { border-color:rgba(217,255,67,.5);background:rgba(217,255,67,.07);color:var(--acid); }.arc-card.done button { color:var(--cyan); }
.arc-empty { grid-column:1/4;min-height:118px;border:1px dashed rgba(167,137,255,.4);background:rgba(167,137,255,.04);display:grid;grid-template-columns:48px auto;grid-template-rows:1fr 1fr;align-items:center;justify-content:center;column-gap:14px;color:var(--text);cursor:pointer; }
.arc-empty>span { grid-row:1/3;width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--violet);color:var(--violet);font-size:20px; }.arc-empty strong { align-self:end;font:12px var(--mono);color:var(--violet); }.arc-empty small { align-self:start;color:var(--muted);font-size:12px;margin-top:4px; }
.field-note-button { min-height:34px;padding:0 11px;border:1px solid rgba(217,255,67,.4);background:rgba(217,255,67,.06);color:var(--acid);font:12px var(--mono);cursor:pointer; }
.field-note-copy { margin:10px 0 0;color:var(--muted);font-size:.875rem;line-height:1.5; }

@media(max-width:1100px){.world-arc-grid{grid-template-columns:1fr}.arc-card{min-height:180px}.arc-empty{grid-column:auto}}
@media(max-width:760px){.world-arc{margin:-2px 0 16px;padding:15px}.arc-heading{display:block}.arc-meter{margin-top:14px}.world-arc-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.arc-card{min-width:86%;min-height:230px;scroll-snap-align:center}.arc-empty{min-width:100%;padding:16px}.signal-log .panel-label{gap:10px}.field-note-button{font-size:10px}.field-note-copy{font-size:.8125rem}}

/* Quest Forge, Wild Cards, and Release Route */
.zone-actions { display:flex;align-items:flex-end;gap:18px; }
.forge-button { height:38px;border:1px solid rgba(217,255,67,.4);background:rgba(217,255,67,.06);color:var(--acid);font:9px var(--mono);letter-spacing:.06em;padding:0 14px;cursor:pointer; }
.forge-button span{font-size:14px;margin-right:6px}.project-signal{margin:-8px 28px 16px 0;min-height:66px;padding:11px 14px;display:grid;grid-template-columns:90px 1fr auto;align-items:center;gap:15px;border-left:3px solid var(--cyan)}
.reentry-panel{margin:-3px 28px 16px 0;padding:15px 18px;border-left:3px solid var(--acid);display:flex;align-items:center;gap:18px;background:linear-gradient(90deg,rgba(217,255,67,.07),rgba(217,255,67,.01))}.reentry-panel>div{min-width:0}.reentry-panel h3{margin:5px 0;font-size:15px}.reentry-panel p:not(.eyebrow){margin:0;color:var(--muted);font-size:12px;line-height:1.45}.reentry-panel button{margin-left:auto;flex:none;border:1px solid rgba(217,255,67,.45);background:transparent;color:var(--acid);padding:10px 12px;font:9px var(--mono);cursor:pointer}.reentry-panel button:hover{background:rgba(217,255,67,.1)}
.project-wave{height:38px;display:flex;align-items:center;justify-content:center;gap:4px;border-right:1px solid var(--line);padding-right:14px}.project-wave i{display:block;width:3px;background:var(--cyan);height:12px}.project-wave i:nth-child(2),.project-wave i:nth-child(7){height:22px}.project-wave i:nth-child(3),.project-wave i:nth-child(6){height:31px}.project-wave i:nth-child(4){height:18px}.project-wave i:nth-child(5){height:35px}.project-signal>div:nth-child(2){display:flex;flex-direction:column;gap:3px}.project-signal strong{font-size:14px}.project-signal span{font:8px var(--mono);color:var(--muted);letter-spacing:.06em}.project-signal button{border:0;background:transparent;color:var(--cyan);font:9px var(--mono);cursor:pointer;padding:10px}
.wild-button{height:34px;border:1px solid var(--violet);background:rgba(167,137,255,.06);color:var(--violet);font:8px var(--mono);cursor:pointer;grid-column:1/3}.wild-button b{color:var(--text);margin-left:8px}.wild-rule{display:flex;gap:10px;align-items:flex-start;margin-top:12px;padding:10px;border:1px solid rgba(167,137,255,.3);background:rgba(167,137,255,.05)}.wild-rule span{font:8px var(--mono);color:var(--violet);white-space:nowrap}.wild-rule strong{font-size:11px;color:#c9bbff;font-weight:500;line-height:1.4}
.route-status{display:flex;flex-direction:column;align-items:flex-end;font-family:var(--mono)}.route-status span{font-size:8px;color:var(--muted)}.route-status strong{font-size:12px;color:var(--acid);margin-top:3px}.release-loop{margin-right:28px;padding:18px;display:flex;align-items:center;justify-content:space-between}.release-loop>div{display:grid;grid-template-columns:auto 1fr;gap:2px 9px;align-items:center}.release-loop>div>span{grid-row:span 2;color:var(--acid);font:17px var(--mono)}.release-loop strong{font:10px var(--mono)}.release-loop small{font-size:10px;color:var(--muted)}.release-loop>i{font-style:normal;color:#414754}
.route-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:14px 28px 0 0}.route-card{min-height:330px;padding:20px;cursor:pointer;transition:.2s}.route-card:hover{transform:translateY(-3px)}.route-card.selected{border-color:var(--acid);background:linear-gradient(145deg,rgba(217,255,67,.055),var(--panel))}.route-kind{font:8px var(--mono);color:var(--muted);letter-spacing:.06em}.route-icon{width:48px;height:48px;display:grid;place-items:center;border:1px solid var(--acid);color:var(--acid);margin:23px 0 18px;font:20px var(--mono)}.route-card h3{font-size:20px;margin:0 0 8px}.route-card p{font-size:12px;color:var(--muted);line-height:1.55}.route-card ul{padding:0;list-style:none;margin:17px 0}.route-card li{font-size:10px;color:#aeb3bf;padding:6px 0;border-bottom:1px solid var(--line)}.route-card li:before{content:"+";color:var(--acid);margin-right:7px}.route-card button{width:100%;height:36px;border:1px solid var(--line);background:transparent;font:8px var(--mono);cursor:pointer}.route-card.selected button{background:var(--acid);color:var(--bg);border-color:var(--acid)}
.route-builder{margin:14px 28px 0 0;padding:21px;display:grid;grid-template-columns:1.5fr .55fr .65fr .8fr auto;gap:14px;align-items:end}.route-builder h3{font-size:20px;margin:5px 0}.route-builder>div>p:not(.eyebrow){font-size:11px;color:var(--muted);margin:0}.route-builder label>span{display:block;font:8px var(--mono);color:var(--muted);margin-bottom:7px}.route-builder label>div{height:45px;display:flex;align-items:center;border:1px solid var(--line);background:#0b0e14}.route-builder label b{font:10px var(--mono);color:var(--muted);padding:0 9px}.route-builder input{min-width:0;width:100%;height:100%;border:0;background:transparent;color:var(--text);padding:0 10px}.route-potential{display:flex!important;flex-direction:column}.route-potential>span{font:8px var(--mono);color:var(--muted)}.route-potential strong{font:22px var(--mono);color:var(--acid)}.route-potential small{font-size:8px;color:var(--muted)}.route-builder .primary-button{white-space:nowrap}.route-active{margin:12px 28px 0 0;padding:16px;border:1px solid rgba(217,255,67,.3);background:rgba(217,255,67,.06);display:grid;grid-template-columns:1fr minmax(260px,1.7fr) auto auto;align-items:center;gap:16px;font-family:var(--mono)}.route-active>div>span{display:block;font-size:8px;color:var(--muted)}.route-active strong{display:block;font-size:10px;color:var(--acid);margin-top:3px}.route-active p{font-size:9px;color:var(--muted);margin:4px 0 0}.release-signal{padding-left:16px;border-left:1px solid rgba(217,255,67,.2)}.release-signal small{font:8px var(--mono);color:var(--acid)}.release-signal p{font:11px/1.45 var(--sans);color:#c7ccd4}.route-active button{border:0;background:transparent;color:var(--acid);font:9px var(--mono);cursor:pointer}.signal-copy-button{border:1px solid rgba(217,255,67,.45)!important;padding:10px;white-space:nowrap}.signal-copy-button:hover{background:rgba(217,255,67,.1)!important}
.release-checklist{margin:12px 28px 0 0;padding:20px}.release-checklist #releaseSteps{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:15px}.release-checklist label{display:flex;gap:10px;align-items:center;padding:12px;border:1px solid var(--line);cursor:pointer;font-size:12px}.release-checklist input{accent-color:var(--acid);width:17px;height:17px}
.revenue-ledger{margin:12px 28px 0 0;padding:20px;display:grid;grid-template-columns:minmax(190px,.7fr) minmax(360px,1.4fr) minmax(250px,1fr);gap:18px;border-top:3px solid var(--coral);background:linear-gradient(125deg,rgba(255,107,85,.07),var(--panel) 42%)}.ledger-summary{display:flex;flex-direction:column}.ledger-summary>strong{font:34px var(--mono);color:var(--coral);margin:13px 0 7px}.ledger-summary>span{font:11px/1.5 var(--mono);color:var(--muted)}.revenue-ledger fieldset{border:0;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:10px}.revenue-ledger fieldset:disabled{opacity:.32}.revenue-ledger label>span{display:block;font:10px var(--mono);color:var(--muted);margin-bottom:7px}.revenue-ledger label>div{height:43px;display:flex;align-items:center;border:1px solid var(--line);background:#0b0e14}.revenue-ledger label b{padding:0 9px;color:var(--muted);font:10px var(--mono)}.revenue-ledger input{min-width:0;width:100%;height:43px;border:1px solid var(--line);background:#0b0e14;color:var(--text);padding:0 11px}.revenue-ledger label>div input{border:0}.ledger-source{grid-column:1/3}.revenue-ledger form button{grid-column:1/3;height:42px;border:1px solid var(--coral);background:var(--coral);color:var(--bg);font:11px var(--mono);cursor:pointer}.revenue-entries{max-height:193px;overflow:auto;border-left:1px solid var(--line);padding-left:17px}.revenue-entries article{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:center;padding:9px 0;border-top:1px solid var(--line)}.revenue-entries article:first-child{border-top:0}.revenue-entries strong{display:block;color:var(--coral);font:16px var(--mono)}.revenue-entries span,.revenue-entries small{font:9px var(--mono);color:var(--muted)}.revenue-entries button{width:26px;height:26px;border:0;background:transparent;color:var(--muted);cursor:pointer;font-size:18px}.ledger-empty{color:var(--muted);font-size:13px;line-height:1.55}
.forge-modal,.wild-modal{width:min(510px,100%);background:#11151e;border:1px solid rgba(255,255,255,.16);padding:32px;position:relative;box-shadow:0 30px 90px rgba(0,0,0,.7)}.forge-mark,.wild-orbit{width:58px;height:58px;display:grid;place-items:center;border:1px solid var(--acid);color:var(--acid);font:22px var(--mono);margin-bottom:23px}.forge-modal h2,.wild-modal h2{font-size:29px;letter-spacing:-.05em;margin:7px 0}.forge-modal>p:not(.eyebrow),.wild-modal>p:not(.eyebrow){color:var(--muted);font-size:13px;line-height:1.55}.forge-modal label{display:block;margin-top:14px}.forge-modal label>span{display:block;font:8px var(--mono);color:var(--muted);margin-bottom:7px;letter-spacing:.06em}.forge-modal input,.forge-modal select,.forge-modal textarea{width:100%;border:1px solid var(--line);background:#0b0e14;color:var(--text);padding:0 12px;border-radius:0}.forge-modal input,.forge-modal select{height:44px}.forge-modal textarea{height:72px;padding-top:11px;resize:vertical}.forge-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.wild-modal{text-align:center}.wild-orbit{margin:0 auto 23px;border-color:var(--violet);color:var(--violet);border-radius:50%;box-shadow:0 0 40px rgba(167,137,255,.12);font-size:26px}.wild-modal .secondary-button.full{width:100%;margin-top:8px}.wild-modal #wildCardCopy{min-height:64px;font-size:15px;color:#c9bbff}
@media(max-width:1100px){.route-builder{grid-template-columns:1fr 1fr 1fr}.route-builder>div:first-child{grid-column:1/4}.route-potential{align-self:center}.route-builder .primary-button{grid-column:2/4}.release-loop small{display:none}}
@media(max-width:760px){.zone-actions{display:block}.forge-button{height:34px}.project-signal{margin:-6px 0 15px;grid-template-columns:62px 1fr auto}.reentry-panel{margin:-3px 0 15px;display:block}.reentry-panel button{margin-top:13px}.project-wave{padding-right:10px}.project-signal strong{font-size:12px}.project-signal span{font-size:7px}.wild-button{grid-column:1/3}.release-loop{margin:0;padding:12px;overflow-x:auto;gap:11px}.release-loop>div{min-width:72px;display:block}.release-loop>div>span{font-size:11px;margin-right:5px}.release-loop small{display:none}.route-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;margin:12px 0 0}.route-card{min-width:84%;scroll-snap-align:center}.route-builder{margin:12px 0 0;grid-template-columns:1fr 1fr}.route-builder>div:first-child{grid-column:1/3}.route-potential{grid-column:1}.route-builder .primary-button{grid-column:1/3}.route-active{margin:10px 0;display:block}.route-active>*{display:block;margin:4px 0}.route-active button{margin-top:10px}.mobile-nav{grid-template-columns:repeat(5,1fr)}.mobile-nav button{font-size:7px}.forge-modal,.wild-modal{padding:27px 20px}.forge-row{grid-template-columns:1fr}.daily-cap{display:none}}
@media(max-width:1100px){.revenue-ledger{grid-template-columns:1fr 1.5fr}.revenue-entries{grid-column:1/3;border-left:0;border-top:1px solid var(--line);padding:12px 0 0}}
@media(max-width:760px){.release-checklist{margin:12px 0 0}.release-checklist #releaseSteps{grid-template-columns:1fr}.revenue-ledger{margin:12px 0 0;grid-template-columns:1fr;padding:16px}.revenue-ledger form,.revenue-entries{grid-column:auto}.revenue-ledger fieldset{grid-template-columns:1fr}.ledger-source,.revenue-ledger form button{grid-column:auto}.revenue-entries{max-height:none}.ledger-summary>strong{font-size:30px}}

@media (prefers-reduced-motion: reduce) { *,*:before,*:after { scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important; } }

/* Signal Player, World Shift, and Signal Log */
body { --world-glow: rgba(94,231,242,.1); transition: background .5s ease; }
body[data-world="afterimage"] { --world-glow: rgba(94,231,242,.18); background:radial-gradient(circle at 72% -5%,var(--world-glow),transparent 36%),var(--bg); }
body[data-world="tidal"] { --world-glow: rgba(167,137,255,.2); background:radial-gradient(circle at 72% -5%,var(--world-glow),transparent 38%),var(--bg); }
body[data-world="broken-sun"] { --world-glow: rgba(255,107,85,.18); background:radial-gradient(circle at 72% -5%,var(--world-glow),transparent 36%),var(--bg); }
.world-button { height:38px;border:1px solid rgba(167,137,255,.45);background:rgba(167,137,255,.07);color:#c6b7ff;font:9px var(--mono);letter-spacing:.06em;padding:0 14px;cursor:pointer;white-space:nowrap; }
.world-button span { display:inline-block;margin-right:6px;font-size:14px;transition:transform .35s ease; }
.world-button:hover span { transform:rotate(180deg); }
.signal-deck { position:relative;margin:-8px 28px 16px 0;min-height:106px;padding:15px;display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:16px;align-items:center;border-left:3px solid var(--cyan);overflow:hidden; }
.signal-deck:after { content:"";position:absolute;right:-70px;top:-105px;width:240px;height:240px;border:1px solid var(--world-glow);border-radius:50%;pointer-events:none; }
.signal-play { position:relative;z-index:1;width:56px;height:56px;border:1px solid var(--cyan);border-radius:50%;background:rgba(94,231,242,.07);color:var(--cyan);cursor:pointer;box-shadow:0 0 24px rgba(94,231,242,.08); }
.signal-play span { display:block;font:18px var(--mono);transform:translateX(1px); }
.signal-track { min-width:0;position:relative;z-index:1; }
.signal-head { display:flex;align-items:end;justify-content:space-between;gap:15px;margin-bottom:8px; }
.signal-head>div { min-width:0; }
.signal-head strong { display:block;max-width:430px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;letter-spacing:.015em; }
.world-chip { flex:0 0 auto;padding:5px 7px;border:1px solid rgba(167,137,255,.3);color:#c6b7ff;background:rgba(167,137,255,.05);font:8px var(--mono);letter-spacing:.06em; }
.waveform { position:relative;width:100%;height:34px;padding:0 3px;border:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:transparent;display:flex;align-items:center;gap:clamp(2px,.55vw,7px);overflow:hidden;cursor:pointer; }
.waveform i { position:relative;z-index:1;display:block;flex:1;max-width:5px;height:9px;background:#39404d;transition:height .25s ease,background .25s ease; }
.waveform i:nth-child(3n) { height:21px; }.waveform i:nth-child(4n) { height:13px; }.waveform i:nth-child(5n) { height:27px; }.waveform i:nth-child(7n) { height:17px; }
.waveform i.playing { background:var(--cyan);animation:signal-breathe .8s ease-in-out infinite alternate; }
.waveform i:nth-child(3n).playing { animation-delay:-.3s; }.waveform i:nth-child(4n).playing { animation-delay:-.55s; }
.waveform b { position:absolute;left:0;bottom:0;height:2px;width:0;background:var(--acid);box-shadow:0 0 8px var(--acid);pointer-events:none; }
@keyframes signal-breathe { to { transform:scaleY(.45);opacity:.6; } }
.signal-track>span { display:block;margin-top:7px;color:var(--muted);font:8px var(--mono);letter-spacing:.06em; }
.signal-controls { position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-end;gap:6px;min-width:86px; }
.signal-controls>span { color:var(--muted);font:8px var(--mono); }
.signal-controls button { border:0;background:transparent;color:var(--cyan);font:8px var(--mono);cursor:pointer;padding:3px 0; }
.signal-controls button:last-child { color:var(--muted); }
.reference-compass{margin:-4px 28px 16px 0;padding:16px 20px;border-left:3px solid var(--coral);background:linear-gradient(110deg,rgba(255,106,61,.07),rgba(17,21,30,.93) 48%)}.reference-live{display:flex;justify-content:space-between;gap:20px;align-items:center}.reference-live h3,.reference-form h3{margin:5px 0;font-size:19px;letter-spacing:-.035em}.reference-live p:not(.eyebrow),.reference-form>div p:not(.eyebrow){margin:0;color:var(--muted);font-size:11px;line-height:1.5}.reference-live p b{color:var(--coral);font-weight:500}.reference-live button,.reference-actions button{height:33px;border:1px solid rgba(255,106,61,.6);background:transparent;color:var(--coral);font:9px var(--mono);padding:0 12px;cursor:pointer;white-space:nowrap}.reference-form{display:grid;grid-template-columns:1.25fr 1fr 1.15fr;gap:10px;align-items:end}.reference-form>div{grid-column:1/-1}.reference-form label{display:grid;gap:7px;color:var(--muted);font:8px var(--mono)}.reference-form input,.reference-form select{height:39px;border:1px solid var(--line);background:#0b0e14;color:var(--text);padding:0 10px;font:11px var(--sans)}.reference-actions{display:flex;gap:7px;align-items:flex-end}.reference-actions button:last-child{background:var(--coral);color:var(--bg)}@media(max-width:760px){.reference-compass{margin:-3px 0 14px;padding:15px}.reference-live{display:block}.reference-live button{margin-top:12px}.reference-form{grid-template-columns:1fr}.reference-actions button{flex:1}}
.sound-palette{margin:-5px 28px 16px 0;padding:16px 20px;border-left:3px solid var(--acid);background:linear-gradient(110deg,rgba(217,255,67,.07),rgba(17,21,30,.94) 49%)}.palette-live{display:flex;justify-content:space-between;gap:20px;align-items:center}.palette-live h3,.palette-form h3{margin:5px 0;font-size:19px;letter-spacing:-.035em}.palette-live p:not(.eyebrow),.palette-form>div p:not(.eyebrow){margin:0;color:var(--muted);font-size:11px;line-height:1.5}.palette-live>div>div{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.palette-live span{display:flex;gap:7px;border:1px solid var(--line);padding:6px 8px;color:var(--text);font:9px var(--mono)}.palette-live span b{color:var(--acid);font-weight:500}.palette-live button,.palette-actions button{height:33px;border:1px solid rgba(217,255,67,.6);background:transparent;color:var(--acid);font:9px var(--mono);padding:0 12px;cursor:pointer;white-space:nowrap}.palette-form{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;align-items:end}.palette-form>div{grid-column:1/-1}.palette-form label{display:grid;gap:7px;color:var(--muted);font:8px var(--mono)}.palette-form input{height:39px;border:1px solid var(--line);background:#0b0e14;color:var(--text);padding:0 10px;font:11px var(--sans)}.palette-actions{display:flex;gap:7px}.palette-actions button:last-child{background:var(--acid);color:var(--bg)}@media(max-width:760px){.sound-palette{margin:-3px 0 14px;padding:15px}.palette-live{display:block}.palette-live button{margin-top:12px}.palette-form{grid-template-columns:1fr}.palette-actions button{flex:1}}
.playback-notes{margin:-5px 28px 16px 0;padding:17px 20px;border-left:3px solid var(--cyan);background:linear-gradient(110deg,rgba(94,231,242,.065),rgba(17,21,30,.95) 51%)}.playback-heading{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.playback-heading h3{margin:5px 0;font-size:19px;letter-spacing:-.035em}.playback-heading p:not(.eyebrow){max-width:550px;margin:0;color:var(--muted);font-size:11px;line-height:1.5}.playback-heading>span{color:var(--cyan);font:22px var(--mono)}#playbackNoteForm{display:flex;gap:8px;margin-top:13px}#playbackNoteInput{min-width:0;flex:1;height:39px;border:1px solid var(--line);background:#0b0e14;color:var(--text);padding:0 10px;font:11px var(--sans)}#playbackNoteForm button{border:1px solid rgba(94,231,242,.7);background:transparent;color:var(--cyan);font:9px var(--mono);padding:0 13px;cursor:pointer}#playbackNoteForm button:disabled,#playbackNoteInput:disabled{opacity:.42;cursor:not-allowed}.playback-note-list{display:grid;gap:6px;margin-top:10px}.playback-note-list button{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:9px;align-items:center;padding:9px 10px;border:1px solid var(--line);background:rgba(3,5,8,.28);color:var(--text);text-align:left;cursor:pointer}.playback-note-list button:hover{border-color:rgba(94,231,242,.65)}.playback-note-list b{color:var(--cyan);font:9px var(--mono)}.playback-note-list span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.playback-note-list i{color:var(--cyan);font:8px var(--mono);font-style:normal}.playback-empty{padding:12px;border:1px dashed var(--line);color:var(--muted);font-size:11px;line-height:1.5}@media(max-width:760px){.playback-notes{margin:-3px 0 14px;padding:15px}.playback-heading{display:block}.playback-heading>span{display:block;margin-top:10px}#playbackNoteForm{display:block}#playbackNoteForm button{height:38px;width:100%;margin-top:8px}}

.world-modal { width:min(1040px,100%);max-height:min(820px,92vh);overflow:auto;background:#0d1017;border:1px solid rgba(255,255,255,.16);padding:32px;position:relative;box-shadow:0 30px 100px rgba(0,0,0,.75); }
.world-modal>h2 { margin:7px 0;font-size:32px;letter-spacing:-.05em; }
.world-modal>p:not(.eyebrow) { margin:0;color:var(--muted);font-size:13px; }
.world-options { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:25px; }
.world-card { min-height:460px;padding:21px;text-align:left;border:1px solid var(--line);background:linear-gradient(155deg,rgba(22,26,39,.98),rgba(10,12,18,.98));color:var(--text);cursor:pointer;position:relative;overflow:hidden;transition:transform .22s ease,border-color .22s ease; }
.world-card:after { content:"";position:absolute;width:160px;height:160px;right:-90px;top:20px;border:1px solid rgba(255,255,255,.06);transform:rotate(45deg); }
.world-card:hover { transform:translateY(-5px);border-color:rgba(255,255,255,.3); }
.world-card.selected { border-color:var(--acid);box-shadow:inset 0 0 0 1px rgba(217,255,67,.12); }
.world-glyph { width:58px;height:58px;display:grid;place-items:center;border:1px solid var(--violet);color:var(--violet);font:25px var(--mono);margin-bottom:28px; }
.world-card:nth-child(2) .world-glyph { border-color:var(--cyan);color:var(--cyan); }.world-card:nth-child(3) .world-glyph { border-color:var(--coral);color:var(--coral); }
.world-card>small { color:var(--muted);font:8px var(--mono);letter-spacing:.08em; }
.world-card h3 { margin:7px 0 10px;font-size:22px;letter-spacing:-.04em; }
.world-card>p { min-height:75px;color:#a9aeba;font-size:12px;line-height:1.6; }
.world-card dl { margin:18px 0 24px; }
.world-card dl>div { padding:9px 0;border-top:1px solid var(--line); }
.world-card dt { color:var(--violet);font:8px var(--mono);letter-spacing:.07em; }
.world-card dd { margin:4px 0 0;color:#b8bdc8;font-size:10px;line-height:1.5; }
.world-card>strong { display:block;color:var(--acid);font:9px var(--mono);letter-spacing:.05em; }

.signal-log { grid-column:1/3;padding:22px; }
.signal-log #signalLog { margin-top:16px; }
.signal-log article { display:grid;grid-template-columns:38px 1fr;gap:12px;padding:13px 0;border-top:1px solid var(--line); }
.signal-log article>i { width:32px;height:32px;display:grid;place-items:center;border:1px solid rgba(94,231,242,.35);color:var(--cyan);font-style:normal; }
.signal-log article>div { min-width:0;display:grid;grid-template-columns:1fr auto;gap:3px 12px; }
.signal-log article strong { font-size:13px; }.signal-log article span { color:var(--muted);font:8px var(--mono); }
.signal-log article p { grid-column:1/3;margin:2px 0 0;color:#aeb3bf;font-size:11px;line-height:1.5; }
.proof-vault{grid-column:1/3;padding:22px}.proof-vault #proofList{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:16px}.proof-vault article{min-height:112px;padding:14px;border:1px solid var(--line);background:rgba(94,231,242,.025);display:flex;flex-direction:column;gap:7px}.proof-vault article>span,.proof-vault article small{font:8px var(--mono);letter-spacing:.07em;color:var(--cyan)}.proof-vault article strong{font-size:13px}.proof-vault article p{margin:0;font-size:12px;line-height:1.45;color:#b9bfca}.proof-vault article small{margin-top:auto;color:var(--muted);line-height:1.35}.proof-empty{padding:18px;border:1px dashed var(--line);margin-top:16px;color:var(--muted);font-size:12px;line-height:1.55}
.echo-log{grid-column:1/3;padding:22px}.echo-log #echoList{margin-top:16px}.echo-log article{display:grid;grid-template-columns:32px 1fr;gap:11px;padding:12px 0;border-top:1px solid var(--line)}.echo-log article>i{width:28px;height:28px;display:grid;place-items:center;border:1px solid rgba(167,137,255,.4);color:var(--violet);font-style:normal}.echo-log article>div{display:grid;grid-template-columns:1fr auto;gap:3px 10px}.echo-log article strong,.echo-log article span,.echo-log article p{min-width:0}.echo-log article strong{font-size:12px}.echo-log article span,.echo-count{font:8px var(--mono);color:var(--muted)}.echo-log article p{grid-column:1/3;margin:2px 0 0;color:#c9bbff;font-size:13px;line-height:1.45}.echo-empty{padding:17px;border:1px dashed var(--line);margin-top:16px;color:var(--muted);font-size:12px;line-height:1.55}.echo-count{display:block;margin-top:12px;color:var(--violet)}
.signal-activity{grid-column:1/3;padding:22px}.activity-grid{display:grid;grid-template-columns:repeat(14,1fr);gap:7px;margin-top:17px}.activity-grid i,.activity-legend i{aspect-ratio:1;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.025)}.activity-grid i{min-width:12px}.activity-grid .activity-1,.activity-legend i:nth-of-type(1){background:rgba(217,255,67,.2);border-color:rgba(217,255,67,.25)}.activity-grid .activity-2,.activity-legend i:nth-of-type(2){background:rgba(217,255,67,.42);border-color:rgba(217,255,67,.48)}.activity-grid .activity-3,.activity-legend i:nth-of-type(3){background:rgba(217,255,67,.67);border-color:rgba(217,255,67,.72)}.activity-grid .activity-4,.activity-legend i:nth-of-type(4){background:var(--acid);border-color:var(--acid);box-shadow:0 0 12px rgba(217,255,67,.35)}.activity-legend{display:flex;justify-content:flex-end;align-items:center;gap:5px;margin-top:12px;font:8px var(--mono);color:var(--muted)}.activity-legend i{width:11px}
.song-journey{grid-column:1/3;padding:22px}.journey-track{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;margin-top:18px}.journey-step{position:relative;min-height:106px;padding:13px 13px 9px;border:1px solid var(--line);border-left:0;display:flex;flex-direction:column;gap:7px;color:var(--muted)}.journey-step:first-child{border-left:1px solid var(--line)}.journey-step i{width:22px;height:22px;display:grid;place-items:center;border:1px solid currentColor;font:9px var(--mono);font-style:normal}.journey-step strong{font:10px var(--mono);letter-spacing:.07em;color:var(--text)}.journey-step span{font-size:11px;line-height:1.35}.journey-step.done{color:var(--acid);background:rgba(217,255,67,.055)}.journey-step.done strong{color:var(--acid)}
.log-empty { padding:28px 0;text-align:center;color:var(--muted); }.log-empty span { color:#3b414d;font:26px var(--mono); }.log-empty p { margin:8px 0 0;font-size:11px; }

@media(max-width:1100px) {
  .zone-actions { gap:8px; }.world-button,.forge-button { padding:0 9px; }
  .world-options { grid-template-columns:1fr; }.world-card { min-height:0; }.world-card>p { min-height:0; }
}
@media(max-width:760px) {
  .zone-heading .zone-actions { display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-left:10px; }
  .zone-heading .zone-actions .daily-cap { display:none; }.world-button,.forge-button { padding:0 8px;font-size:7px; }
  .signal-deck { margin:-6px 0 15px;padding:12px;grid-template-columns:48px minmax(0,1fr);gap:11px; }
  .signal-play { width:44px;height:44px; }.signal-head { align-items:start; }.signal-head strong { max-width:150px;font-size:12px; }
  .world-chip { font-size:6px;max-width:95px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
  .signal-controls { grid-column:1/3;min-width:0;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:12px;border-top:1px solid var(--line);padding-top:8px; }
  .signal-controls>span { text-align:left; }.waveform { gap:3px; }
  .world-modal { padding:27px 18px;max-height:94vh; }.world-modal>h2 { font-size:27px; }.world-options { display:flex;overflow-x:auto;scroll-snap-type:x mandatory; }
  .world-card { min-width:88%;scroll-snap-align:center; }.signal-log,.proof-vault,.song-journey { grid-column:auto; }.signal-log article>div { display:block; }.signal-log article span { display:block;margin-top:3px; }.signal-log article p { margin-top:6px; }.proof-vault #proofList{grid-template-columns:1fr}.journey-track{grid-template-columns:1fr}.journey-step,.journey-step:first-child{border-left:1px solid var(--line);border-top:0;min-height:0}.journey-step:first-child{border-top:1px solid var(--line)}
}

/* WILD SIGNAL game systems */
.topbar { grid-template-columns: 250px 1fr auto 50px; gap: 20px; }
.brand { border: 0; background: transparent; padding: 0; cursor: pointer; }
.desktop-nav { display: flex; align-items: center; justify-content: center; height: 100%; }
.desktop-nav button { height: 100%; min-width: 74px; border: 0; border-bottom: 2px solid transparent; background: transparent; color: var(--muted); font: 10px var(--mono); letter-spacing: .08em; cursor: pointer; }
.desktop-nav button:hover { color: var(--text); }
.desktop-nav button.active { color: var(--acid); border-bottom-color: var(--acid); }
.season-chip { display: flex; flex-direction: column; gap: 2px; align-items: flex-end; font: 9px var(--mono); color: var(--muted); }
.season-chip strong { color: var(--acid); font-size: 9px; font-weight: 500; letter-spacing: .06em; }
.game-surface { min-width: 0; }
.view-panel { display: none; padding: 45px 0 100px 44px; animation: view-in .28s ease both; }
.view-panel.active { display: block; }
@keyframes view-in { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }
.completed-card { opacity: .48!important; border-color: rgba(217,255,67,.25); }
.completed-card .quest-glyph { filter: grayscale(1); }
.completed-card .select-quest { color: var(--acid); }
.live-tag b { font-weight: 400; }
.combo-banner { margin: -8px 28px 14px 0; min-height: 40px; display: flex; align-items: center; gap: 14px; padding: 0 14px; border: 1px solid rgba(217,255,67,.32); background: linear-gradient(90deg, rgba(217,255,67,.12), transparent); font: 9px var(--mono); color: var(--muted); }
.combo-banner strong { color: var(--acid); font-size: 10px; }
.combo-banner i { margin-left: auto; color: var(--text); font-style: normal; }
#bossButton:not(:disabled) { background: var(--coral); color: var(--bg); cursor: pointer; }

.map-count, .vault-total { display: flex; flex-direction: column; align-items: flex-end; font-family: var(--mono); }
.map-count strong, .vault-total strong { color: var(--acid); font-size: 22px; }
.map-count span, .vault-total span { color: var(--muted); font-size: 8px; letter-spacing: .08em; }
.world-map { height: 520px; margin-right: 28px; position: relative; overflow: hidden; background: radial-gradient(circle at 20% 76%, rgba(94,231,242,.14), transparent 22%), radial-gradient(circle at 78% 22%, rgba(255,107,85,.12), transparent 25%), linear-gradient(145deg,#111622,#090b11); }
.world-map:before { content:""; position:absolute; inset:0; opacity:.25; background-image: linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px); background-size:48px 48px; mask-image:linear-gradient(to bottom,transparent,black 25%,black 75%,transparent); }
.map-ambient { position:absolute; width:300px; height:300px; border:1px solid rgba(217,255,67,.13); border-radius:50%; left:calc(50% - 150px); top:calc(50% - 150px); box-shadow:0 0 70px rgba(217,255,67,.04), inset 0 0 70px rgba(217,255,67,.025); }
.map-route { position:absolute; left:10%; right:10%; top:50%; height:2px; background:linear-gradient(90deg,var(--cyan),var(--acid) 52%,var(--coral)); transform:rotate(-11deg); opacity:.28; }
.map-node { position:absolute; width:82px; height:82px; border:1px solid #353b49; background:#11151e; color:var(--muted); transform:rotate(-4deg); cursor:pointer; transition:.25s; z-index:2; }
.map-node i { display:block; color:inherit; font:17px var(--mono); font-style:normal; }
.map-node span { position:absolute; left:50%; transform:translateX(-50%); top:91px; width:110px; font:8px var(--mono); letter-spacing:.05em; white-space:nowrap; }
.map-node.current { border-color:var(--acid); color:var(--acid); box-shadow:0 0 0 7px rgba(217,255,67,.06),0 0 35px rgba(217,255,67,.13); animation:node-pulse 2.3s ease-in-out infinite; }
.map-node.cleared { border-color:var(--cyan); color:var(--cyan); background:rgba(94,231,242,.06); }
.map-node.locked { opacity:.28; cursor:not-allowed; }
.boss-node { width:96px; height:96px; border-color:var(--coral); color:var(--coral); }
.node-1{left:7%;top:68%}.node-2{left:20%;top:48%}.node-3{left:34%;top:62%}.node-4{left:48%;top:37%}.node-5{left:62%;top:49%}.node-6{left:74%;top:26%}.boss-node{right:5%;top:10%}
@keyframes node-pulse { 50% { box-shadow:0 0 0 13px rgba(217,255,67,0),0 0 42px rgba(217,255,67,.2); } }
.map-detail { margin:14px 28px 0 0; padding:20px 22px; display:grid; grid-template-columns:70px 1fr auto; gap:18px; align-items:center; }
.map-detail-index { font:32px var(--mono); color:var(--acid); }
.map-detail h3 { margin:4px 0; font-size:19px; }.map-detail p:not(.eyebrow){margin:0;color:var(--muted);font-size:13px}.map-detail .primary-button{min-width:150px}

.vault-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; padding-right:28px; }
.artifact-card { min-height:255px; padding:22px; position:relative; overflow:hidden; }
.artifact-card:after { content:"";position:absolute;width:130px;height:130px;border:1px solid rgba(255,255,255,.05);right:-65px;bottom:-65px;transform:rotate(45deg); }
.artifact-card.owned { border-color:rgba(217,255,67,.25); background:linear-gradient(145deg,rgba(217,255,67,.05),var(--panel)); }
.artifact-card.locked { opacity:.42; filter:grayscale(1); }
.artifact-symbol { width:56px;height:56px;display:grid;place-items:center;border:1px solid currentColor;color:var(--acid);font:24px var(--mono);margin-bottom:24px; }
.artifact-card>span,.artifact-card>small{font:8px var(--mono);letter-spacing:.08em;color:var(--muted)}.artifact-card h3{font-size:19px;margin:7px 0}.artifact-card p{font-size:13px;line-height:1.55;color:var(--muted);min-height:60px}.artifact-card small{display:block;border-top:1px solid var(--line);padding-top:12px;margin-top:18px}

.profile-grid { display:grid;grid-template-columns:1fr 1.25fr;gap:12px;padding-right:28px; }
.song-studio{margin:0 28px 14px 0;padding:24px;border-top:3px solid var(--acid);background:linear-gradient(135deg,rgba(217,255,67,.08),var(--panel) 52%)}.studio-heading{display:flex;justify-content:space-between;gap:20px;align-items:flex-end}.studio-heading h2{margin:6px 0;font-size:30px}.studio-heading p{margin:0;color:var(--muted);font:10px var(--mono)}.studio-heading button{border:1px solid var(--acid);background:var(--acid);color:var(--bg);padding:13px 16px;font:9px var(--mono);cursor:pointer}.studio-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:22px;border:1px solid var(--line)}.studio-grid article{padding:15px;border-left:1px solid var(--line);min-width:0}.studio-grid article:first-child{border-left:0}.studio-grid span{display:block;color:var(--acid);font:8px var(--mono)}.studio-grid strong{display:block;margin-top:9px;font-size:13px}.studio-grid p{margin:7px 0 0;color:var(--muted);font-size:11px;line-height:1.45}
.production-workspace{margin:0 28px 14px 0;padding:21px}.workspace-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:16px}.workspace-grid>div+div{border-left:1px solid var(--line);padding-left:22px}.workspace-check{display:flex;gap:10px;padding:10px 0;border-top:1px solid var(--line);font-size:12px;line-height:1.4}.workspace-check input{accent-color:var(--acid)}#decisionForm{display:flex;gap:8px}#decisionInput{min-width:0;flex:1;height:40px;border:1px solid var(--line);background:#0b0e14;color:var(--text);padding:0 10px}#decisionForm button{border:1px solid var(--acid);background:transparent;color:var(--acid);font:9px var(--mono);padding:0 11px;cursor:pointer}.decision-list p{padding:10px 0;border-top:1px solid var(--line);margin:0;font-size:12px;line-height:1.45}.decision-list span{display:block;color:var(--muted);font:8px var(--mono);margin-bottom:4px}.workspace-empty{color:var(--muted)}
.workspace-outcome{display:flex;justify-content:space-between;gap:12px;margin-top:14px;padding-top:13px;border-top:1px solid rgba(217,255,67,.25);font:9px var(--mono);color:var(--muted)}.workspace-outcome strong{color:var(--acid);font-weight:500}
.profile-identity { grid-row:span 2;padding:28px; }.large-avatar{width:100px;height:100px;display:grid;place-items:center;border:1px solid var(--acid);background:linear-gradient(145deg,#202838,#0c0f16);font:24px var(--mono);margin-bottom:35px;box-shadow:8px 8px 0 rgba(217,255,67,.09)}.profile-identity h3{font-size:27px;margin:8px 0}.profile-identity>p:not(.eyebrow){color:var(--muted);line-height:1.65;font-size:14px}.profile-level{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:20px;margin-top:40px;font:9px var(--mono)}.profile-level span{color:var(--acid)}.profile-level strong{color:var(--muted);font-weight:400}
.season-record{padding:22px}.record-grid{display:grid;grid-template-columns:1fr 1fr;margin-top:24px}.record-grid div{padding:18px;border:1px solid var(--line);display:flex;flex-direction:column}.record-grid div:nth-child(even){border-left:0}.record-grid div:nth-child(n+3){border-top:0}.record-grid strong{font:26px var(--mono);color:var(--acid)}.record-grid span{font:8px var(--mono);color:var(--muted);margin-top:5px}.principle-card{padding:24px}.principle-card blockquote{font-size:19px;line-height:1.55;letter-spacing:-.025em;margin:16px 0 0}.profile-actions{grid-column:1/3;padding:18px 22px;display:flex;justify-content:space-between;align-items:center}.profile-actions h3{margin:0;font-size:16px}.profile-actions p{margin:3px 0 0;color:var(--muted);font-size:12px}.danger-button{height:40px;padding:0 16px;border:1px solid rgba(255,107,85,.35);background:transparent;color:var(--coral);font:9px var(--mono);cursor:pointer}
.song-shelf{grid-column:1/3;padding:22px}.song-shelf #songShelf{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:16px}.shelf-card{min-height:118px;padding:15px;text-align:left;border:1px solid var(--line);background:rgba(255,255,255,.015);color:var(--text);cursor:pointer;display:flex;flex-direction:column;align-items:flex-start;gap:7px}.shelf-card:hover{border-color:rgba(217,255,67,.55);transform:translateY(-2px)}.shelf-card.current{border-color:var(--acid);background:rgba(217,255,67,.06)}.shelf-card span,.shelf-card small,.shelf-card i{font:9px var(--mono);letter-spacing:.06em;color:var(--muted);font-style:normal}.shelf-card strong{font-size:16px;line-height:1.12}.shelf-card i{margin-top:auto;color:var(--acid)}
.creator-journal{grid-column:1/3;padding:21px;background:linear-gradient(110deg,rgba(217,255,67,.055),rgba(17,21,30,.95) 48%,rgba(94,231,242,.04))}.journal-heading{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.journal-heading h3{margin:5px 0;font-size:22px;letter-spacing:-.04em}.journal-heading p:not(.eyebrow){max-width:540px;margin:0;color:var(--muted);font-size:12px;line-height:1.5}.journal-chapters{display:grid;gap:5px;min-width:150px}.journal-chapters span{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid var(--line);padding:5px 0;color:var(--muted);font:8px var(--mono)}.journal-chapters b{color:var(--acid);font-weight:500}#journalForm{display:flex;gap:8px;margin-top:18px}#journalInput{min-width:0;flex:1;height:42px;padding:0 12px;border:1px solid var(--line);background:#0b0e14;color:var(--text);font:12px var(--sans)}#journalForm button{border:1px solid var(--acid);background:transparent;color:var(--acid);padding:0 13px;font:9px var(--mono);cursor:pointer}.journal-notes{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:13px}.journal-notes article{display:flex;gap:10px;padding:11px;border:1px solid var(--line);background:rgba(3,5,8,.3)}.journal-notes article i{color:var(--acid);font-style:normal}.journal-notes span{color:var(--muted);font:8px var(--mono)}.journal-notes p{margin:6px 0 0;font-size:12px;line-height:1.45}.journal-empty{grid-column:1/-1;padding:14px;border:1px dashed var(--line);color:var(--muted);font-size:12px;line-height:1.5}@media(max-width:760px){.creator-journal{grid-column:auto;padding:16px}.journal-heading{display:block}.journal-chapters{margin-top:14px}#journalForm{display:block}#journalForm button{width:100%;height:40px;margin-top:8px}.journal-notes{grid-template-columns:1fr}}

.reward-modal,.boss-modal { width:min(500px,100%);background:#11151e;border:1px solid rgba(255,255,255,.16);padding:34px;position:relative;box-shadow:0 30px 90px rgba(0,0,0,.7);text-align:center; }
.artifact-reveal{width:112px;height:112px;display:grid;place-items:center;margin:0 auto 27px;position:relative;border:1px solid var(--acid);color:var(--acid);font:42px var(--mono);transform:rotate(-3deg);box-shadow:0 0 45px rgba(217,255,67,.15)}.artifact-rays{position:absolute;inset:-18px;border:1px dashed rgba(217,255,67,.28);animation:spin 14s linear infinite}.artifact-rays:after{content:"";position:absolute;inset:10px;border:1px solid rgba(217,255,67,.14);transform:rotate(45deg)}@keyframes spin{to{transform:rotate(360deg)}}
.reward-modal h2,.boss-modal h2{font-size:31px;letter-spacing:-.05em;margin:8px 0}.reward-modal>p:not(.eyebrow),.boss-modal>p:not(.eyebrow){color:var(--muted);font-size:14px;line-height:1.6}.reward-stats{display:flex;justify-content:center;gap:9px;margin-top:22px}.reward-stats span{border:1px solid var(--line);padding:9px 12px;font:9px var(--mono);color:var(--acid)}
.boss-mark{width:70px;height:70px;display:grid;place-items:center;margin:0 auto 22px;border:1px solid var(--coral);color:var(--coral);font:28px var(--mono);transform:rotate(45deg)}.boss-mark::first-letter{transform:rotate(-45deg)}.boss-checklist{text-align:left;margin-top:24px}.boss-checklist label{display:flex;gap:13px;align-items:center;padding:13px;border:1px solid var(--line);margin-top:8px;cursor:pointer}.boss-checklist input{accent-color:var(--acid);width:18px;height:18px}.boss-checklist span{display:flex;flex-direction:column;gap:3px}.boss-checklist b{font:10px var(--mono);color:var(--text)}.boss-checklist small{font-size:11px;color:var(--muted)}

@media (max-width: 1100px) {
  .topbar{grid-template-columns:200px 1fr auto 45px}.season-chip{display:none}.view-panel{padding-left:24px}.vault-grid{grid-template-columns:1fr 1fr}.world-map{height:480px}.map-node{width:65px;height:65px}.map-node span{top:75px}.boss-node{width:78px;height:78px}
}

/* Quest layout: prevent the heading from collapsing when the rail and controls share a narrow window. */
@media (max-width: 1250px) {
  .game-surface,.view-panel { min-width:0;width:100%;overflow:hidden; }
  .zone-heading { display:block; }
  .zone-heading>div:first-child { min-width:0; }
  .zone-heading h2 { max-width:680px; overflow-wrap:normal; word-break:normal; }
  .zone-actions { display:flex; flex-wrap:wrap; gap:8px; margin-top:16px; }
  .zone-actions .daily-cap { margin-left:auto; }
  .joy-loop,.signal-deck,.reentry-panel,.world-arc,.quest-grid,.action-deck,.boss-section { margin-right:0; }
}
@media (max-width: 760px) {
  .topbar{grid-template-columns:1fr auto}.desktop-nav,.season-chip{display:none}.view-panel{padding:24px 16px 30px}.combo-banner{margin:-6px 0 14px}.world-map{height:530px;margin:0}.map-route{left:4%;right:4%;transform:rotate(63deg)}.map-node{width:62px;height:62px}.map-node span{top:69px;width:95px}.node-1{left:12%;top:78%}.node-2{left:55%;top:67%}.node-3{left:19%;top:54%}.node-4{left:62%;top:43%}.node-5{left:13%;top:31%}.node-6{left:54%;top:20%}.boss-node{right:9%;top:3%;width:74px;height:74px}.map-detail{margin:12px 0 0;grid-template-columns:45px 1fr;padding:16px}.map-detail .primary-button{grid-column:1/3}.map-detail-index{font-size:23px}.vault-grid{grid-template-columns:1fr;padding:0}.artifact-card{min-height:220px}.profile-grid{grid-template-columns:1fr;padding:0}.profile-identity{grid-row:auto}.profile-actions,.song-shelf{grid-column:auto;display:block}.song-shelf #songShelf{grid-template-columns:1fr}.profile-actions button{margin-top:14px}.reward-modal,.boss-modal{padding:28px 21px}.artifact-reveal{width:90px;height:90px}.reward-modal h2,.boss-modal h2{font-size:27px}
}

@media(max-width:760px){.zone-heading .zone-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-left:10px}.zone-heading .zone-actions .daily-cap{display:none}.signal-controls{display:grid}.world-options{display:flex}}
.song-run-relay{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 0 0;border-top:1px solid rgba(255,255,255,.09)}.song-run-relay div{display:grid;gap:4px;min-width:0}.song-run-relay span{color:var(--violet);font:9px var(--mono)}.song-run-relay strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.song-run-relay small{color:var(--muted);font:9px var(--mono);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.song-run-relay button{flex:0 0 auto;height:33px;border:1px solid rgba(167,137,255,.65);background:transparent;color:var(--violet);font:9px var(--mono);padding:0 12px;cursor:pointer}.relay-modal{width:min(510px,100%);background:#11151e;border:1px solid rgba(255,255,255,.16);padding:34px;position:relative;box-shadow:0 30px 90px rgba(0,0,0,.7)}.relay-modal h2{font-size:30px;letter-spacing:-.05em;margin:7px 0}.relay-modal>p{color:var(--muted);font-size:13px;line-height:1.55;margin:0 0 22px}.relay-modal label{display:grid;gap:8px;margin:14px 0;color:var(--muted);font:9px var(--mono)}.relay-modal input{height:43px;border:1px solid var(--line);background:#0b0e14;color:var(--text);padding:0 12px;font:12px var(--sans)}.relay-modal .primary-button{margin-top:10px}@media(max-width:760px){.song-run-relay{align-items:flex-start;flex-direction:column}.song-run-relay button{width:100%}}
.song-blueprint{margin:-2px 28px 18px 0;padding:20px;background:linear-gradient(110deg,rgba(94,231,242,.055),rgba(16,19,27,.9) 46%,rgba(16,19,27,.9))}.blueprint-heading{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.blueprint-heading h3{margin:6px 0;font-size:22px;letter-spacing:-.04em}.blueprint-heading p:not(.eyebrow){margin:0;max-width:510px;color:var(--muted);font-size:12px;line-height:1.5}.blueprint-heading>span{padding:8px 10px;border:1px solid rgba(94,231,242,.35);color:var(--cyan);font:10px var(--mono);white-space:nowrap}.blueprint-track{display:grid;grid-template-columns:repeat(7,1fr);gap:7px;margin-top:18px}.blueprint-section{min-height:104px;padding:12px 10px;border:1px solid var(--line);background:rgba(7,9,14,.45);color:var(--text);text-align:left;cursor:pointer;display:flex;flex-direction:column;gap:8px}.blueprint-section span{color:var(--muted);font:8px var(--mono)}.blueprint-section strong{font-size:12px;line-height:1.2}.blueprint-section small{margin-top:auto;color:#566071;font:8px var(--mono)}.blueprint-section.shaping{border-color:rgba(167,137,255,.75);background:rgba(167,137,255,.08)}.blueprint-section.shaping small{color:var(--violet)}.blueprint-section.made{border-color:rgba(94,231,242,.7);background:rgba(94,231,242,.08)}.blueprint-section.made small{color:var(--cyan)}.blueprint-hint{margin:13px 0 0;color:var(--muted);font:9px var(--mono)}@media(max-width:1100px){.blueprint-track{grid-template-columns:repeat(4,1fr)}}@media(max-width:760px){.song-blueprint{margin:-2px 0 16px;padding:15px}.blueprint-heading{display:block}.blueprint-heading>span{display:inline-block;margin-top:12px}.blueprint-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.blueprint-section{min-width:145px;scroll-snap-align:start}}
.finish-radar{margin:-5px 28px 18px 0;padding:20px;background:linear-gradient(110deg,rgba(217,255,67,.08),rgba(17,21,30,.96) 49%,rgba(255,106,61,.045))}.radar-heading{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.radar-heading h3{margin:5px 0;font-size:22px;letter-spacing:-.04em}.radar-heading p:not(.eyebrow){max-width:550px;margin:0;color:var(--muted);font-size:11px;line-height:1.5}.radar-heading>strong{display:grid;gap:3px;min-width:60px;color:var(--acid);font:22px var(--mono);text-align:right}.radar-heading>strong small{color:var(--muted);font:8px var(--mono)}.radar-gates{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:17px}.radar-gates article{position:relative;min-height:170px;padding:13px;border:1px solid var(--line);display:flex;flex-direction:column;background:rgba(3,5,8,.28)}.radar-gates article>span{color:var(--muted);font:8px var(--mono)}.radar-gates article>b{position:absolute;right:12px;top:11px;color:#566071;font:14px var(--mono)}.radar-gates article>strong{margin-top:20px;font-size:13px}.radar-gates article p{margin:8px 0;color:var(--muted);font-size:11px;line-height:1.48}.radar-gates article button{height:30px;margin-top:auto;border:1px solid var(--line);background:transparent;color:var(--text);font:8px var(--mono);cursor:pointer}.radar-gates article.done{border-color:rgba(217,255,67,.5);background:rgba(217,255,67,.055)}.radar-gates article.done>b,.radar-gates article.done>strong{color:var(--acid)}.radar-gates article.done button{border-color:rgba(217,255,67,.28);color:var(--acid)}@media(max-width:1050px){.finish-radar{margin-right:0}.radar-gates{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.finish-radar{margin:-2px 0 16px;padding:16px}.radar-heading{display:block}.radar-heading>strong{text-align:left;margin-top:13px}.radar-gates{grid-template-columns:1fr}.radar-gates article{min-height:135px}}
.release-story-kit{margin:16px 0;padding:22px;background:linear-gradient(110deg,rgba(167,137,255,.09),rgba(17,21,30,.96) 50%,rgba(94,231,242,.045))}.story-kit-heading{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.story-kit-heading h3{margin:6px 0;font-size:23px;letter-spacing:-.04em}.story-kit-heading p:not(.eyebrow){margin:0;max-width:520px;color:var(--muted);font-size:12px;line-height:1.5}.story-kit-heading>span{padding:7px 9px;border:1px solid var(--line);color:var(--muted);font:8px var(--mono);white-space:nowrap}.story-post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px}.story-post-grid article{min-height:230px;display:flex;flex-direction:column;padding:15px;border:1px solid var(--line);background:rgba(4,6,10,.36)}.story-post-grid article>span{color:var(--violet);font:9px var(--mono)}.story-post-grid h4{margin:9px 0;font-size:16px}.story-post-grid p{margin:0;color:#c3c8d1;font-size:12px;line-height:1.55}.story-post-grid button{height:34px;margin-top:auto;border:1px solid rgba(167,137,255,.6);background:transparent;color:var(--violet);font:9px var(--mono);cursor:pointer}@media(max-width:800px){.story-post-grid{grid-template-columns:1fr}.story-post-grid article{min-height:0}.story-kit-heading{display:block}.story-kit-heading>span{display:inline-block;margin-top:12px}}
.session-modes{margin:14px 28px 0 0;padding:17px 20px;display:grid;grid-template-columns:minmax(240px,1fr) minmax(420px,1.45fr);gap:22px;align-items:center;background:linear-gradient(110deg,rgba(217,255,67,.06),rgba(17,21,30,.92) 48%)}.session-modes h3{margin:5px 0;font-size:20px;letter-spacing:-.04em}.session-modes p:not(.eyebrow){margin:0;color:var(--muted);font-size:11px;line-height:1.5;max-width:390px}.session-mode-options{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.session-mode-options button{min-height:70px;padding:10px;border:1px solid var(--line);background:rgba(3,5,8,.32);color:var(--text);text-align:left;cursor:pointer;display:grid;gap:5px}.session-mode-options span{color:var(--muted);font:8px var(--mono)}.session-mode-options strong{font-size:12px;line-height:1.15}.session-mode-options button.active{border-color:var(--acid);background:rgba(217,255,67,.09);box-shadow:0 0 16px rgba(217,255,67,.08)}.session-mode-options button.active span{color:var(--acid)}@media(max-width:1000px){.session-modes{grid-template-columns:1fr;margin-right:0}}@media(max-width:760px){.session-modes{margin:12px 0 0;padding:16px}.session-mode-options{grid-template-columns:1fr}.session-mode-options button{min-height:54px;grid-template-columns:68px 1fr;align-items:center}}
.artifact-loadout{margin:12px 28px 0 0;padding:15px 20px;display:flex;justify-content:space-between;gap:20px;align-items:center;background:linear-gradient(110deg,rgba(217,255,67,.08),rgba(17,21,30,.92) 48%)}.artifact-loadout h3{margin:5px 0;font-size:19px;letter-spacing:-.035em}.artifact-loadout p:not(.eyebrow){margin:0;max-width:640px;color:var(--muted);font-size:11px;line-height:1.5}.artifact-loadout button,.artifact-card button{height:34px;border:1px solid rgba(217,255,67,.7);background:transparent;color:var(--acid);font:9px var(--mono);padding:0 12px;cursor:pointer;white-space:nowrap}.artifact-card.equipped{border-color:var(--acid);box-shadow:0 0 24px rgba(217,255,67,.1)}.artifact-card button{position:relative;z-index:1;width:100%;margin-top:12px}@media(max-width:760px){.artifact-loadout{margin:10px 0 0;padding:15px;display:grid}.artifact-loadout button{width:100%}}
.boss-gate{display:flex;gap:13px;align-items:center;padding:13px;border:1px solid var(--line);margin-top:8px}.boss-gate>i{width:18px;height:18px;display:grid;place-items:center;border:1px solid var(--muted);border-radius:50%;color:var(--muted);font:11px var(--mono);font-style:normal}.boss-gate span{display:flex;flex-direction:column;gap:3px}.boss-gate b{font:10px var(--mono);color:var(--text)}.boss-gate small{font-size:11px;color:var(--muted)}.boss-gate.done{border-color:rgba(217,255,67,.55);background:rgba(217,255,67,.06)}.boss-gate.done>i{border-color:var(--acid);color:var(--acid);box-shadow:0 0 10px rgba(217,255,67,.25)}
.hook-sparks{margin:12px 28px 0 0;padding:20px;background:linear-gradient(110deg,rgba(255,106,61,.06),rgba(17,21,30,.94) 52%)}.hook-sparks-heading{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.hook-sparks-heading h3{margin:5px 0;font-size:21px;letter-spacing:-.04em}.hook-sparks-heading p:not(.eyebrow){margin:0;color:var(--muted);font-size:11px;line-height:1.5;max-width:520px}.hook-sparks-heading>button{height:34px;border:1px solid rgba(255,106,61,.7);background:transparent;color:var(--coral);font:9px var(--mono);padding:0 12px;cursor:pointer;white-space:nowrap}.hook-spark-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:16px}.hook-spark-grid article{min-height:160px;display:flex;flex-direction:column;padding:14px;border:1px solid var(--line);background:rgba(4,6,10,.33)}.hook-spark-grid span{color:var(--coral);font:8px var(--mono)}.hook-spark-grid p{margin:11px 0;color:#d2d5dc;font-size:12px;line-height:1.5}.hook-spark-grid button{height:30px;margin-top:auto;border:1px solid var(--line);background:transparent;color:var(--text);font:8px var(--mono);cursor:pointer}@media(max-width:800px){.hook-sparks{margin:10px 0 0;padding:16px}.hook-sparks-heading{display:block}.hook-sparks-heading>button{margin-top:12px}.hook-spark-grid{grid-template-columns:1fr}.hook-spark-grid article{min-height:0}}
.lyric-lab{margin:12px 28px 0 0;padding:20px;background:linear-gradient(110deg,rgba(167,137,255,.075),rgba(17,21,30,.95) 52%,rgba(255,106,61,.04))}.lyric-heading{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.lyric-heading h3{margin:5px 0;font-size:21px;letter-spacing:-.04em}.lyric-heading p:not(.eyebrow){margin:0;max-width:530px;color:var(--muted);font-size:11px;line-height:1.5}.lyric-heading>span{padding:8px 10px;border:1px solid rgba(167,137,255,.45);color:var(--violet);font:9px var(--mono);white-space:nowrap}.lyric-lenses{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:16px}.lyric-lenses article{padding:10px;border:1px solid var(--line);background:rgba(4,6,10,.28)}.lyric-lenses b{color:var(--violet);font:8px var(--mono)}.lyric-lenses p{margin:7px 0 0;color:var(--muted);font-size:11px;line-height:1.45}#lyricForm{display:flex;gap:8px;margin-top:10px}#lyricInput{min-height:54px;flex:1;resize:vertical;border:1px solid var(--line);background:#0b0e14;color:var(--text);padding:10px;font:12px var(--sans)}#lyricForm button{border:1px solid var(--violet);background:transparent;color:var(--violet);font:9px var(--mono);padding:0 13px;cursor:pointer}.lyric-fragments{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:10px}.lyric-fragments article{padding:11px;border:1px solid var(--line);background:rgba(4,6,10,.3)}.lyric-fragments article.focused{border-color:var(--violet);background:rgba(167,137,255,.08)}.lyric-fragments span{color:var(--muted);font:8px var(--mono)}.lyric-fragments p{margin:7px 0 10px;font-size:12px;line-height:1.45}.lyric-fragments article>div{display:flex;gap:6px}.lyric-fragments button{height:28px;border:1px solid var(--line);background:transparent;color:var(--text);font:8px var(--mono);padding:0 9px;cursor:pointer}.lyric-fragments button:last-child{border-color:rgba(167,137,255,.55);color:var(--violet)}.lyric-empty{grid-column:1/-1;padding:13px;border:1px dashed var(--line);color:var(--muted);font-size:12px}@media(max-width:800px){.lyric-lab{margin:10px 0 0;padding:16px}.lyric-heading{display:block}.lyric-heading>span{display:inline-block;margin-top:12px}.lyric-lenses,.lyric-fragments{grid-template-columns:1fr}#lyricForm{display:block}#lyricForm button{width:100%;height:38px;margin-top:8px}}
.transition-lab{margin:-2px 28px 18px 0;padding:20px;background:linear-gradient(110deg,rgba(94,231,242,.07),rgba(17,21,30,.94) 50%,rgba(167,137,255,.055))}.transition-heading{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.transition-heading h3{margin:5px 0;font-size:22px;letter-spacing:-.04em}.transition-heading p:not(.eyebrow){margin:0;color:var(--muted);font-size:11px;line-height:1.5;max-width:560px}.transition-heading>button{height:34px;border:1px solid rgba(94,231,242,.65);background:transparent;color:var(--cyan);font:9px var(--mono);padding:0 12px;cursor:pointer;white-space:nowrap}.transition-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:17px}.transition-grid article{min-height:177px;display:flex;flex-direction:column;padding:14px;border:1px solid var(--line);background:rgba(4,6,10,.34)}.transition-grid article>span{color:var(--cyan);font:8px var(--mono)}.transition-grid p{margin:11px 0;color:#d2d5dc;font-size:12px;line-height:1.52}.transition-grid button{height:31px;margin-top:auto;border:1px solid var(--line);background:transparent;color:var(--text);font:8px var(--mono);cursor:pointer}.transition-grid article.armed{border-color:var(--cyan);background:rgba(94,231,242,.075)}.transition-grid article.armed button{border-color:var(--cyan);color:var(--cyan)}@media(max-width:800px){.transition-lab{margin:-2px 0 16px;padding:16px}.transition-heading{display:block}.transition-heading>button{margin-top:12px}.transition-grid{grid-template-columns:1fr}.transition-grid article{min-height:0}}
.listener-test-kit{grid-column:1/3;padding:21px;background:linear-gradient(110deg,rgba(167,137,255,.075),rgba(17,21,30,.95) 52%)}.listener-test-heading{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.listener-test-heading h3{margin:5px 0;font-size:21px;letter-spacing:-.04em}.listener-test-heading p:not(.eyebrow){margin:0;max-width:590px;color:var(--muted);font-size:11px;line-height:1.5}.listener-test-heading>button{height:34px;border:1px solid rgba(167,137,255,.7);background:transparent;color:var(--violet);font:9px var(--mono);padding:0 12px;cursor:pointer;white-space:nowrap}.listener-test-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:17px}.listener-test-grid article{min-height:170px;display:flex;flex-direction:column;padding:14px;border:1px solid var(--line);background:rgba(4,6,10,.32)}.listener-test-grid span{color:var(--violet);font:8px var(--mono)}.listener-test-grid p{margin:11px 0;color:#d5d0e8;font-size:12px;line-height:1.52}.listener-test-grid button{height:30px;margin-top:auto;border:1px solid var(--line);background:transparent;color:var(--text);font:8px var(--mono);cursor:pointer}@media(max-width:800px){.listener-test-kit{grid-column:auto;padding:16px}.listener-test-heading{display:block}.listener-test-heading>button{margin-top:12px}.listener-test-grid{grid-template-columns:1fr}.listener-test-grid article{min-height:0}}
.version-list{display:grid;gap:7px;margin-top:9px}.version-entry{width:100%;display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:5px 9px;align-items:center;padding:9px 10px;border:1px solid var(--line);background:rgba(3,5,8,.38);color:var(--text);text-align:left;cursor:pointer}.version-entry:hover{border-color:rgba(217,255,67,.7);background:rgba(217,255,67,.06)}.version-entry b{grid-row:1/3;color:var(--acid);font:10px var(--mono)}.version-entry strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.version-entry small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font:8px var(--mono)}.version-entry i{grid-column:3;grid-row:1/3;color:var(--acid);font:8px var(--mono);font-style:normal}@media(max-width:760px){.version-entry{grid-template-columns:31px minmax(0,1fr) auto}}
.song-run-versions{flex-wrap:wrap;overflow:visible}.version-list,.version-duel{width:100%}.version-duel{display:flex;justify-content:space-between;gap:16px;padding:12px;border:1px solid rgba(167,137,255,.35);background:rgba(167,137,255,.045)}.version-duel>div:first-child{display:grid;gap:4px;min-width:0}.version-duel span{color:var(--violet);font:8px var(--mono)}.version-duel strong{font-size:12px}.version-duel small{padding:0;border:0;font:8px var(--mono)}.duel-actions{display:grid;gap:7px;min-width:315px}.duel-picks,.duel-listen{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.duel-listen{grid-template-columns:repeat(4,1fr)}.duel-picks button,.duel-listen button{height:29px;border:1px solid var(--line);background:transparent;color:var(--muted);font:8px var(--mono);cursor:pointer}.duel-picks button.selected-a{border-color:var(--cyan);color:var(--cyan)}.duel-picks button.selected-b{border-color:var(--coral);color:var(--coral)}.duel-listen button:nth-child(3),.duel-listen button:nth-child(4){border-color:rgba(217,255,67,.42);color:var(--acid)}@media(max-width:760px){.version-duel{display:grid}.duel-actions{min-width:0}.duel-listen{grid-template-columns:1fr 1fr}}

/* Quests begin with one decision. Studio systems appear only on demand. */
.view-panel[data-view-panel="quests"]:not(.quest-expanded) #projectSignal,
.view-panel[data-view-panel="quests"]:not(.quest-expanded) #referenceCompass,
.view-panel[data-view-panel="quests"]:not(.quest-expanded) #soundPalette,
.view-panel[data-view-panel="quests"]:not(.quest-expanded) #playbackNotes,
.view-panel[data-view-panel="quests"]:not(.quest-expanded) #songRun,
.view-panel[data-view-panel="quests"]:not(.quest-expanded) #sessionModes,
.view-panel[data-view-panel="quests"]:not(.quest-expanded) #artifactLoadout,
.view-panel[data-view-panel="quests"]:not(.quest-expanded) #hookSparks,
.view-panel[data-view-panel="quests"]:not(.quest-expanded) #lyricLab,
.view-panel[data-view-panel="quests"]:not(.quest-expanded) #worldArc,
.view-panel[data-view-panel="quests"]:not(.quest-expanded) #songBlueprint,
.view-panel[data-view-panel="quests"]:not(.quest-expanded) #finishRadar,
.view-panel[data-view-panel="quests"]:not(.quest-expanded) #transitionLab,
.view-panel[data-view-panel="quests"]:not(.quest-expanded) #comboBanner,
.view-panel[data-view-panel="quests"]:not(.quest-expanded) #bossSection { display:none; }
.quest-focus-tools { margin:-2px 28px 16px 0;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px 16px;border:1px solid var(--line);background:rgba(8,11,16,.62); }
.quest-focus-tools p { margin:3px 0 0;color:var(--muted);font-size:11px;line-height:1.45;max-width:570px; }
.quest-focus-actions { display:flex;gap:7px;align-items:center;flex-wrap:wrap;justify-content:flex-end; }
.quest-focus-actions button,.quest-choice-link { min-height:32px;border:1px solid var(--line);background:transparent;color:var(--muted);font:8px var(--mono);letter-spacing:.05em;padding:0 10px;cursor:pointer; }
.quest-focus-actions button:first-child { border-color:rgba(217,255,67,.52);color:var(--acid); }
.quest-focus-actions button:hover,.quest-choice-link:hover { color:var(--text);border-color:rgba(255,255,255,.35); }
.quest-choice-link { margin:0 28px 0 0;justify-self:start; }
.quest-grid:has(.quest-choice-link) { display:flex;align-items:center;min-height:34px; }
.quest-grid .quest-card { min-height:245px; }
.quest-grid .quest-card .loot { display:none; }
@media(max-width:760px){.quest-focus-tools{margin:-2px 0 14px;display:block;padding:13px}.quest-focus-actions{justify-content:flex-start;margin-top:11px}.quest-choice-link{margin:0}.quest-grid:has(.quest-choice-link){padding:0 0 10px}.quest-grid .quest-card{min-width:86%;min-height:250px}}


/* The default Quest view behaves like a single guided studio session. */
.view-panel[data-view-panel="quests"]:not(.quest-expanded) .zone-actions,
.view-panel[data-view-panel="quests"]:not(.quest-expanded) .joy-loop { display:none; }
.guided-path { margin:0 28px 16px 0;padding:25px 28px;border-left:3px solid var(--acid);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:center;background:linear-gradient(105deg,rgba(217,255,67,.1),rgba(17,21,30,.94) 52%); }
.guided-copy h3 { margin:7px 0;font-size:26px;letter-spacing:-.05em; }
.guided-copy p:not(.eyebrow) { margin:0;max-width:650px;color:var(--muted);font-size:13px;line-height:1.55; }
.guided-actions { display:grid;gap:8px;min-width:210px; }
.guided-actions .primary-button { width:100%; }
.guided-change { height:33px;border:0;background:transparent;color:var(--muted);font:8px var(--mono);letter-spacing:.05em;cursor:pointer; }
.guided-change:hover { color:var(--text); }
.guided-choice-list { grid-column:1/-1;display:flex;align-items:center;gap:7px;flex-wrap:wrap;padding-top:16px;border-top:1px solid var(--line); }
.guided-choice-list p { width:100%;margin:0 0 3px;color:var(--muted);font:8px var(--mono);letter-spacing:.08em; }
.guided-choice-list button { min-height:35px;padding:0 12px;border:1px solid var(--line);background:rgba(3,5,8,.35);color:var(--text);font:8px var(--mono);letter-spacing:.05em;cursor:pointer; }
.guided-choice-list button:hover { border-color:var(--acid);color:var(--acid); }
.guided-choice-list .guided-other { color:var(--muted); }
@media(max-width:760px){.guided-path{margin:0 0 14px;padding:19px;display:block}.guided-copy h3{font-size:23px}.guided-actions{margin-top:17px}.guided-choice-list{margin-top:17px}.guided-choice-list button{flex:1 1 45%;}}


/* Quests are for making music; progression details live in Profile. */
body[data-active-view="quests"] .app-shell { grid-template-columns:minmax(0,1fr); }
body[data-active-view="quests"] .player-rail { display:none; }
@media(max-width:760px){body[data-active-view="quests"] .player-rail{display:none}}


.palette-modal{width:min(480px,100%);background:#11151e;border:1px solid rgba(255,255,255,.16);padding:32px;position:relative;box-shadow:0 30px 90px rgba(0,0,0,.7)}
.palette-modal h2{margin:7px 0;font-size:29px;letter-spacing:-.05em}.palette-modal>p:not(.eyebrow){margin:0;color:var(--muted);font-size:13px;line-height:1.5}.palette-modal label{display:block;margin-top:15px}.palette-modal label>span{display:block;margin-bottom:7px;color:var(--muted);font:8px var(--mono);letter-spacing:.06em}.palette-modal label small{font-size:8px}.palette-modal input{width:100%;height:44px;border:1px solid var(--line);background:#0b0e14;color:var(--text);padding:0 12px;font:12px var(--sans)}


/* Opening a production aid reveals that aid alone, never the whole studio. */
.view-panel[data-view-panel="quests"].quest-expanded[data-active-tool] #projectSignal,
.view-panel[data-view-panel="quests"].quest-expanded[data-active-tool] #referenceCompass,
.view-panel[data-view-panel="quests"].quest-expanded[data-active-tool] #soundPalette,
.view-panel[data-view-panel="quests"].quest-expanded[data-active-tool] #playbackNotes,
.view-panel[data-view-panel="quests"].quest-expanded[data-active-tool] #songRun,
.view-panel[data-view-panel="quests"].quest-expanded[data-active-tool] #sessionModes,
.view-panel[data-view-panel="quests"].quest-expanded[data-active-tool] #artifactLoadout,
.view-panel[data-view-panel="quests"].quest-expanded[data-active-tool] #hookSparks,
.view-panel[data-view-panel="quests"].quest-expanded[data-active-tool] #lyricLab,
.view-panel[data-view-panel="quests"].quest-expanded[data-active-tool] #worldArc,
.view-panel[data-view-panel="quests"].quest-expanded[data-active-tool] #songBlueprint,
.view-panel[data-view-panel="quests"].quest-expanded[data-active-tool] #finishRadar,
.view-panel[data-view-panel="quests"].quest-expanded[data-active-tool] #transitionLab,
.view-panel[data-view-panel="quests"].quest-expanded[data-active-tool] #comboBanner,
.view-panel[data-view-panel="quests"].quest-expanded[data-active-tool] #bossSection { display:none; }
.view-panel[data-view-panel="quests"].quest-expanded[data-active-tool="lyricLab"] #lyricLab,
.view-panel[data-view-panel="quests"].quest-expanded[data-active-tool="songBlueprint"] #songBlueprint,
.view-panel[data-view-panel="quests"].quest-expanded[data-active-tool="finishRadar"] #finishRadar,
.view-panel[data-view-panel="quests"].quest-expanded[data-active-tool="transitionLab"] #transitionLab { display:block; }


.change-active-quest{margin-top:13px;padding:0;border:0;background:transparent;color:var(--muted);font:8px var(--mono);letter-spacing:.06em;cursor:pointer}.change-active-quest:hover{color:var(--acid)}

.quiet-quest-actions{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin-top:13px}.quiet-quest-actions .change-active-quest{margin-top:0}

.map-purpose{max-width:550px;margin:7px 0 0;color:var(--muted);font-size:12px;line-height:1.45}.map-detail-bridge{margin-top:8px!important;color:var(--acid)!important;font:9px var(--mono)!important;letter-spacing:.035em;line-height:1.45!important}
@media(max-width:720px){.map-purpose{font-size:11px;max-width:330px}.map-detail-bridge{font-size:8px!important}}

.equipped-rule{margin-top:13px;padding:10px 11px;border-left:2px solid var(--violet);background:rgba(167,137,255,.08)}.equipped-rule span{display:block;color:var(--violet);font:8px var(--mono);letter-spacing:.06em}.equipped-rule strong{display:block;margin-top:5px;color:#ddd5ff;font-size:11px;line-height:1.45;font-weight:500}

.profile-settings-modal{max-width:680px}.profile-settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:25px}.profile-settings-grid>label:first-child{grid-column:1/3}.profile-settings-grid label{display:grid;gap:8px;color:var(--muted);font:9px var(--mono);letter-spacing:.06em}.profile-settings-grid input{min-width:0;height:48px;border:1px solid var(--line);background:var(--bg);color:var(--text);padding:0 12px;font:16px var(--sans)}@media(max-width:700px){.profile-settings-grid{grid-template-columns:1fr}.profile-settings-grid>label:first-child{grid-column:auto}}
[hidden]{display:none!important}