.path-picker { display:flex; flex-wrap:wrap; gap:8px; margin:16px 0; }
.path-picker label { cursor:pointer; }
.path-picker input { position:absolute; opacity:0; pointer-events:none; }
.path-picker span { display:block; padding:7px 11px; border:1px solid var(--line); border-radius:99px; color:var(--muted); font-size:11px; }
.path-picker input:checked + span { color:#210b1d; background:linear-gradient(135deg,#ffcce9,var(--pink)); border-color:var(--pink); box-shadow:0 0 16px rgba(255,79,195,.25); }
.path-focus-guide { display:grid; gap:4px; margin:12px 0 2px; padding:11px 12px; border:1px solid rgba(117,241,189,.24); border-radius:14px; background:linear-gradient(135deg,rgba(117,241,189,.08),rgba(255,79,195,.07)); color:rgba(255,241,250,.78); font-size:13px; line-height:1.35; }
.path-focus-guide strong { color:#75f1bd; }
.focus-label { display:grid; gap:6px; color:var(--muted); font-size:11px; }
.enroll-path-picker { max-height:150px; overflow:auto; }
.enroll-card { max-height:92vh; overflow:auto; }
.task-actions { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; margin-top:18px; }
.task-actions button,.mini-action { min-height:42px; border:1px solid rgba(255,156,220,.42); border-radius:12px; color:var(--ink); background:linear-gradient(145deg,rgba(255,79,195,.18),rgba(74,20,82,.42)); cursor:pointer; font-weight:800; box-shadow:inset 0 0 0 1px rgba(255,255,255,.03),0 10px 24px rgba(0,0,0,.16); }
.task-actions button:hover,.mini-action:hover { border-color:var(--pink); box-shadow:0 0 18px rgba(255,79,195,.22); }
.task-actions button{display:grid;place-items:center;gap:3px;min-width:0;padding:7px 6px}
.task-actions button img{width:32px;height:32px;object-fit:contain;filter:drop-shadow(0 0 8px rgba(255,79,195,.62))}
.task-actions button span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:800 9px ui-monospace,monospace;letter-spacing:.02em}
.pill-icon { width:28px; height:28px; object-fit:contain; vertical-align:middle; filter:drop-shadow(0 0 7px rgba(255,79,195,.8)); }
.history-panel { grid-column:1/-1; }
.panel-heading { display:flex; justify-content:space-between; gap:20px; align-items:end; }
.panel-heading label { min-width:170px; }
.history-list { display:grid; margin-top:18px; border:1px solid var(--line); border-radius:12px; overflow:hidden; }
.history-item { display:flex; justify-content:space-between; gap:24px; padding:14px 16px; background:rgba(18,6,22,.5); }
.history-item.selected { border-left:3px solid var(--pink); background:rgba(255,79,195,.12); }
.history-item.resting { opacity:.78; }
.path-command-section { margin-top:14px; border:1px solid rgba(255,156,220,.2); border-radius:15px; overflow:hidden; background:linear-gradient(145deg,rgba(255,79,195,.08),rgba(18,6,22,.62)); }
.path-command-section + .path-command-section { margin-top:16px; }
.path-command-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:13px 16px; border-bottom:1px solid rgba(255,156,220,.16); background:rgba(255,79,195,.08); }
.path-command-heading h3 { margin:2px 0 0; font:800 24px Georgia,serif; }
.path-command-heading small { color:#ff9cdc; font-size:9px; letter-spacing:.18em; }
.preview-path-section { opacity:.92; }
.preview-path-section .history-item { background:rgba(18,6,22,.35); }
.upcoming-path-section { border-color:rgba(112,235,255,.24); background:linear-gradient(145deg,rgba(112,235,255,.07),rgba(18,6,22,.58)); }
.upcoming-path-section .path-command-heading { background:rgba(112,235,255,.08); }
.upcoming-path-section .path-command-heading small { color:var(--cyan); }
.upcoming-preview { opacity:.86; }
.upcoming-preview .tag { color:var(--cyan); border-color:rgba(112,235,255,.35); background:rgba(112,235,255,.08); }
.mini-action { min-width:86px; padding:9px 12px; font-size:12px; }
.history-item + .history-item { border-top:1px solid var(--line); }
.history-item div { display:grid; gap:5px; }
.history-item div:last-child { text-align:right; justify-items:end; min-width:110px; }
.history-item small { color:var(--muted); }
.deck-proof-form { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:10px; align-items:end; margin-top:12px; padding:12px; border:1px solid rgba(255,156,220,.28); border-radius:14px; background:rgba(255,79,195,.08); }
.deck-proof-form label { display:grid; gap:6px; min-width:0; color:#ff9cdc; font:800 9px ui-monospace,monospace; letter-spacing:.12em; text-transform:uppercase; }
.deck-proof-form input { width:100%; min-height:38px; padding:8px; border:1px solid rgba(255,156,220,.24); border-radius:10px; color:var(--ink); background:rgba(8,2,12,.72); }
.deck-proof-form button { min-height:38px; padding:8px 14px; border:0; border-radius:999px; color:#210b1d; background:linear-gradient(135deg,#ffd4ef,var(--pink)); font-weight:900; cursor:pointer; box-shadow:0 0 16px rgba(255,79,195,.25); }
.deck-proof-form button:disabled { opacity:.65; cursor:wait; }
.proof-revision-stack { border-color:rgba(255,211,101,.45); background:linear-gradient(135deg,rgba(255,211,101,.16),rgba(255,79,195,.1)); }
.proof-revision-notice { display:grid; gap:5px; margin:10px 0; padding:10px 12px; border:1px solid rgba(255,211,101,.34); border-radius:12px; background:rgba(255,211,101,.08); }
.proof-revision-notice strong { color:#ffd365; }
.proof-revision-notice span { color:var(--ink); }
.deck-status.revision-status { color:#ffd365; border-color:rgba(255,211,101,.42); background:rgba(255,211,101,.09); }
.live-deck-card.needs-revision { border-left:3px solid #ffd365; }
@media(max-width:600px){.panel-heading,.history-item{align-items:stretch;flex-direction:column}.history-item div:last-child{text-align:left;justify-items:start}.panel-heading label{min-width:0}.deck-proof-form{grid-template-columns:1fr}.deck-proof-form button{width:100%}}
.integration-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; margin-top:18px; }
.integration-card { padding:18px; border:1px solid var(--line); border-radius:12px; background:rgba(18,6,22,.5); }
.integration-card form { display:grid; gap:12px; margin-top:14px; }
.scope-picker { display:flex; flex-wrap:wrap; gap:12px; color:var(--muted); font-size:12px; }
.danger-action { padding:10px 14px; border:1px solid #ff5277; border-radius:8px; color:#fff; background:rgba(255,30,80,.18); cursor:pointer; }
.secondary-action { width:100%; margin-top:10px; padding:9px; border:1px solid var(--line); border-radius:8px; color:var(--ink); background:transparent; cursor:pointer; }
.secondary-action.disabled { opacity:.62; cursor:default; color:var(--muted); }
@media(max-width:700px){.integration-grid{grid-template-columns:1fr}}
.game-hud { display:grid; grid-template-columns:repeat(5,1fr); gap:10px; margin:-22px 0 16px; position:relative; z-index:2; }
.hud-chip { min-height:82px; display:grid; grid-template-columns:40px 1fr; grid-template-rows:1fr 1fr; align-items:center; padding:10px 14px; border:1px solid var(--line); border-radius:14px; color:var(--ink); background:linear-gradient(145deg,rgba(53,15,58,.96),rgba(19,5,24,.96)); cursor:default; box-shadow:0 8px 28px rgba(0,0,0,.25); }
.hud-chip > span,.hud-chip > img { grid-row:1/3; width:38px; height:38px; object-fit:contain; font-size:27px; }
.hud-chip strong { font:700 21px ui-monospace,monospace; color:#ff9cdc; }
.hud-chip small { font-size:9px; letter-spacing:.12em; color:var(--muted); }
.hud-chip { user-select:text; }
.hud-dock-row{position:sticky;top:8px;z-index:20;display:flex;justify-content:center;align-items:stretch;gap:12px;margin:0 auto 18px;max-width:100%}
.hud-nav { display:flex; justify-content:center; gap:8px; margin:0; padding:7px; width:max-content; max-width:100%; border:1px solid var(--line); border-radius:999px; background:rgba(13,4,17,.93); backdrop-filter:blur(14px); }
.hud-nav button { display:flex; gap:6px; align-items:center; padding:9px 13px; border:0; border-radius:999px; color:var(--muted); background:transparent; cursor:pointer; }
.hud-nav button.active { color:#220819; background:linear-gradient(135deg,#ffd3ee,#ff69c9); }
.hud-nav .hud-nav-action{color:#220819;background:linear-gradient(135deg,#ffd3ee,#ff4fc3);font-weight:800;box-shadow:0 0 22px rgba(255,79,195,.25)}
.hud-bonus-dock{display:grid;grid-template-columns:minmax(185px,.88fr) minmax(220px,1.12fr);gap:10px;min-width:min(470px,38vw)}
.hud-bonus-dock .quest-quick-button,.hud-bonus-dock .quest-quick-card{position:relative;min-height:70px;display:grid;align-content:center;gap:3px;padding:13px 16px;border:1px solid rgba(255,79,195,.28);border-radius:18px;text-align:left;overflow:hidden;box-shadow:0 14px 38px rgba(0,0,0,.24),0 0 30px rgba(255,79,195,.09)}
.hud-bonus-dock .quest-quick-button{cursor:pointer;color:#230719;background:radial-gradient(circle at 24% 10%,#fff5fb,transparent 28%),linear-gradient(135deg,#ffd3ee,#ff4fc3 68%,#df2d9e);border-color:rgba(255,255,255,.22)}
.hud-bonus-dock .quest-quick-card{background:linear-gradient(145deg,rgba(53,15,58,.96),rgba(19,5,24,.96));color:var(--ink)}
.hud-bonus-dock .quest-quick-button::after,.hud-bonus-dock .quest-quick-card::after{content:"";position:absolute;right:-20px;bottom:-28px;width:82px;height:82px;border:1px solid rgba(255,255,255,.12);transform:rotate(45deg);background:rgba(255,255,255,.04)}
.hud-bonus-dock span{position:relative;z-index:1;color:inherit;opacity:.82;font:900 8px ui-monospace,monospace;letter-spacing:.18em;text-transform:uppercase}
.hud-bonus-dock .quest-quick-card span{color:var(--pink);opacity:1}
.hud-bonus-dock strong{position:relative;z-index:1;font:900 16px Inter,system-ui,sans-serif;line-height:1.05;white-space:nowrap;letter-spacing:0}
.hud-bonus-dock small{position:relative;z-index:1;min-width:0;color:inherit;opacity:.85;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hud-bonus-dock .quest-quick-card small{color:var(--green);opacity:1}
.rail-logo{display:none}
.jukie-compact{display:grid;grid-template-columns:minmax(128px,1fr) auto;gap:10px;align-items:center;width:clamp(300px,30vw,390px);padding:8px 10px 8px 14px;border:1px solid var(--line);border-radius:999px;background:rgba(13,4,17,.9);backdrop-filter:blur(14px);box-shadow:0 12px 42px rgba(0,0,0,.2),0 0 28px rgba(255,79,195,.08)}
.jukie-compact-copy{display:grid;gap:1px;min-width:0}
.jukie-compact-copy strong{font:800 13px ui-monospace,monospace;color:var(--ink);white-space:nowrap}
.jukie-compact-copy span{min-width:0;color:rgba(255,156,220,.76);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.jukie-mini-controls{display:flex;align-items:center;gap:6px}
.jukie-mini-controls button{width:31px;height:31px;display:grid;place-items:center;border:1px solid rgba(255,156,220,.28);border-radius:50%;background:linear-gradient(145deg,rgba(255,79,195,.18),rgba(12,3,17,.72));color:var(--ink);font-weight:900;line-height:1;cursor:pointer}
.jukie-mini-controls button:hover{border-color:var(--pink);box-shadow:0 0 18px rgba(255,79,195,.25)}
.jukie-mini-controls #jukie-toggle{background:linear-gradient(135deg,#ffd3ee,#ff4fc3);color:#220819}
.jukie-compact-frame{position:absolute!important;width:1px!important;height:1px!important;min-width:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}
.jukie-compact-player{display:block;width:1px;height:1px;min-height:1px;margin:0;border:0;background:transparent}
.hud-panel { display:none; }
.hud-panel.hud-active { display:block; animation:hud-in .18s ease-out; }
@keyframes hud-in { from { opacity:0; transform:translateY(5px) } }
body[data-hud="quest"] .member-grid{grid-template-columns:minmax(320px,.72fr) minmax(480px,1.28fr);grid-auto-flow:dense;align-items:start}
body[data-hud="quest"] .task-panel{grid-column:1;grid-row:1;position:static;align-self:start}
body[data-hud="quest"] .quest-card:first-of-type{grid-column:1;grid-row:2}
body[data-hud="quest"] .command-deck-panel{grid-column:2;grid-row:1 / span 2}
body[data-hud="quest"] .assignment-history-panel{grid-column:1 / -1;grid-row:3}
body[data-hud="quest"] .quest-card{padding:22px}
body[data-hud="quest"] .quest-card h2{font-size:clamp(24px,2.8vw,35px)}
@media(max-width:900px){body[data-hud="quest"] .member-grid{grid-template-columns:1fr}body[data-hud="quest"] .task-panel,body[data-hud="quest"] .quest-card:first-of-type,body[data-hud="quest"] .command-deck-panel,body[data-hud="quest"] .assignment-history-panel{grid-column:auto;grid-row:auto;position:static}}
@media(max-width:1120px){.app-page .member-links{display:none}}
@media(max-width:760px){.game-hud{grid-template-columns:repeat(5,minmax(68px,1fr));overflow-x:auto}.hud-chip{min-width:78px;display:flex;flex-direction:column;gap:3px;padding:9px}.hud-chip>span,.hud-chip>img{width:30px;height:30px}.hud-chip strong{font-size:16px}.hud-nav{position:fixed;top:auto;bottom:10px;left:50%;transform:translateX(-50%);margin:0}.hud-nav button{flex-direction:column;font-size:16px;padding:7px 12px}.hud-nav span{font-size:8px}.member-shell{padding-bottom:88px}}

/* Compact game dashboard */
.app-page .member-shell{padding-inline:clamp(16px,3vw,44px)}
.announcement-stack{display:grid;grid-template-columns:1fr;gap:12px;margin:0 0 16px;width:100%}
.notification-stack{display:grid;grid-template-columns:1fr;gap:10px;margin:0 0 16px;width:100%}
.notification-stack.hidden{display:none}
.notification-bell{display:grid;position:relative;place-items:center;width:42px;height:42px;border:1px solid rgba(255,156,220,.42);border-radius:999px;background:radial-gradient(circle at 35% 20%,rgba(255,255,255,.28),transparent 34%),linear-gradient(135deg,rgba(255,79,195,.34),rgba(23,6,28,.9));color:#ffd4ef;box-shadow:0 0 24px rgba(255,79,195,.22);cursor:pointer}
.notification-bell.hidden{display:none}
.notification-bell span{font-size:18px;line-height:1;filter:drop-shadow(0 0 8px rgba(255,79,195,.62))}
.notification-bell b{position:absolute;right:-4px;top:-5px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:linear-gradient(135deg,#ffd0ec,var(--pink));color:#240d20;font:900 10px/18px Inter,system-ui,sans-serif;text-align:center;box-shadow:0 0 14px rgba(255,79,195,.45)}
.feature-announcement{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center;width:100%;padding:18px 20px;border:1px solid rgba(255,156,220,.28);border-radius:16px;background:linear-gradient(135deg,rgba(255,79,195,.18),rgba(18,6,22,.92));box-shadow:0 0 34px rgba(255,79,195,.13)}
.feature-announcement small{display:block;color:var(--pink);font:800 9px ui-monospace,monospace;letter-spacing:.16em;margin-bottom:6px}
.feature-announcement h2{margin:0 0 6px;font:700 22px ui-monospace,monospace;letter-spacing:0}
.feature-announcement p{margin:0;color:#ead2e3;line-height:1.45}
.feature-announcement button{align-self:center;justify-self:end;min-width:124px;min-height:42px;border:0;border-radius:999px;padding:10px 16px;background:linear-gradient(135deg,#ffd0ec,var(--pink));color:#240d20;font-weight:900;cursor:pointer;box-shadow:0 0 24px rgba(255,79,195,.22)}
.feature-announcement button:disabled{opacity:.65;cursor:wait}
.member-notification{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;width:100%;padding:15px 16px;border:1px solid rgba(116,237,186,.22);border-radius:16px;background:linear-gradient(135deg,rgba(116,237,186,.11),rgba(255,79,195,.12)),rgba(12,4,17,.9);box-shadow:0 0 28px rgba(255,79,195,.1)}
.member-notification small{display:block;margin-bottom:4px;color:#74edba;font:900 9px/1 ui-monospace,monospace;letter-spacing:.16em;text-transform:uppercase}
.member-notification h2{margin:0 0 4px;font:900 18px/1.12 Inter,system-ui,sans-serif;letter-spacing:0;color:#fff1fa}
.member-notification p{margin:0;color:#e8cfe1;line-height:1.4}
.notification-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.notification-actions a,.notification-actions button{display:inline-flex;align-items:center;justify-content:center;min-height:36px;border:1px solid rgba(255,156,220,.32);border-radius:999px;padding:8px 12px;background:rgba(255,79,195,.12);color:#fff1fa;font:900 12px/1 Inter,system-ui,sans-serif;cursor:pointer}
.notification-actions button:last-child{border:0;background:linear-gradient(135deg,#ffd0ec,var(--pink));color:#240d20}
.notification-actions button:disabled{opacity:.65;cursor:wait}
.app-page .member-nav{height:auto;min-height:72px;gap:14px;padding:10px 0;align-items:center}
.app-page .member-hero{min-height:250px;padding:34px 40px}
.app-page .member-hero h1{font-size:clamp(34px,4vw,54px);margin-bottom:8px}
.game-hud{gap:10px;margin:14px 0 10px}
.hud-chip{min-height:70px;padding:8px 12px;grid-template-columns:46px 1fr;border-radius:16px}
.hud-chip>img{width:44px;height:44px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.38))}
.hud-chip strong{font-size:18px;white-space:nowrap}
.hud-chip small{font-size:8px}
.hud-nav{margin-bottom:14px;padding:5px}
.hud-nav button{padding:7px 11px}
.hud-nav button img{width:24px;height:24px;object-fit:contain;filter:drop-shadow(0 2px 5px rgba(0,0,0,.35))}
.member-grid{grid-template-columns:minmax(320px,.85fr) minmax(0,1.35fr);gap:14px;margin:14px 0 42px;align-items:start}
.member-panel{padding:20px;border-radius:14px}
.member-panel h2{font-size:clamp(20px,2vw,26px);line-height:1.15;margin-bottom:12px}
.member-panel>.label{display:block;margin:0 0 10px}
.member-panel>p:not(.label),.member-panel .muted{margin-bottom:14px}
.member-panel ul{margin:10px 0 18px;padding-left:18px}
.member-panel li{margin:6px 0;padding-left:2px}
.member-panel label{display:grid;gap:7px;margin:12px 0}
.member-panel select{appearance:none;-webkit-appearance:none;min-height:46px;padding:12px 42px 12px 14px;border:1px solid rgba(255,156,220,.32);border-radius:12px;background:linear-gradient(135deg,rgba(255,79,195,.12),rgba(8,2,12,.92));color:var(--ink);box-shadow:inset 0 0 0 1px rgba(255,255,255,.03),0 0 20px rgba(255,79,195,.08);background-image:linear-gradient(45deg,transparent 50%,#ff9cdc 50%),linear-gradient(135deg,#ff9cdc 50%,transparent 50%),linear-gradient(135deg,rgba(255,79,195,.12),rgba(8,2,12,.92));background-position:calc(100% - 20px) 50%,calc(100% - 14px) 50%,0 0;background-size:6px 6px,6px 6px,100% 100%;background-repeat:no-repeat}
.member-panel select:focus{outline:0;border-color:var(--pink);box-shadow:0 0 0 3px rgba(255,79,195,.16),inset 0 0 0 1px rgba(255,255,255,.04)}
.member-panel select option,.member-panel select optgroup{background:#120716;color:var(--ink)}
.member-panel .action,.member-panel .secondary-action,.member-panel .danger-action{min-height:44px}
.role-cloud,.path-picker{align-items:flex-start}
.history-panel{grid-column:auto}
.command-deck-panel{grid-column:2}
.assignment-history-panel{grid-column:1/-1}
.app-page [data-hud-panel].hud-active{min-width:0}
body[data-hud="settings"] .member-grid{grid-template-columns:minmax(320px,.88fr) minmax(0,1.12fr);align-items:start}
body[data-hud="settings"] [data-hud-panel="settings"]:has(#discord-roles),
body[data-hud="settings"] .discord-invite-panel{grid-column:2}
body[data-hud="settings"] [data-hud-panel="settings"]:has(#category-picker),
body[data-hud="settings"] [data-hud-panel="settings"]:has(#feedback-form){grid-column:1/-1}
body[data-hud="settings"] [data-hud-panel="settings"]:has(#category-picker) .path-picker{display:grid;grid-template-columns:repeat(auto-fit,minmax(165px,1fr));gap:10px}
body[data-hud="settings"] [data-hud-panel="settings"]:has(#category-picker) .path-picker label span{width:100%;text-align:center}
body[data-hud="settings"] [data-hud-panel="settings"]:has(#feedback-form) form{display:grid;grid-template-columns:minmax(260px,1fr) auto;gap:12px;align-items:end}
body[data-hud="settings"] [data-hud-panel="settings"]:has(#feedback-form) textarea{min-height:92px}
body[data-hud="progress"] .member-grid{grid-template-columns:minmax(320px,.78fr) minmax(0,1.22fr)}
body[data-hud="progress"] [data-hud-panel="progress"]:has(#training-stats){grid-column:1/-1}
body[data-hud="store"] .member-grid{grid-template-columns:minmax(320px,.78fr) minmax(0,1.22fr)}
body[data-hud="playlists"] .member-grid,
body[data-hud="systems"] .member-grid{grid-template-columns:1fr}
body[data-hud="playlists"] .history-panel[data-hud-panel="playlists"]{grid-column:1/-1;padding:24px}
body[data-hud="playlists"] .history-panel[data-hud-panel="playlists"]>.panel-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end}
body[data-hud="systems"] .history-panel[data-hud-panel="systems"],
body[data-hud="systems"] .toy-panel{grid-column:1/-1}
body[data-hud="systems"] .history-panel[data-hud-panel="systems"]{padding:24px}
body[data-hud="systems"] .history-panel[data-hud-panel="systems"]>.panel-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end}
body[data-hud="systems"] .integration-grid{grid-template-columns:repeat(2,minmax(280px,1fr));gap:16px}
body[data-hud="systems"] .toy-panel .source-heading{align-items:center}
body[data-hud="systems"] .toy-panel .toggle{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px}
body[data-hud="systems"] .toy-panel .secondary-action{width:100%;margin-top:12px}
body[data-hud="systems"] #integration-activity{max-height:260px}
body[data-hud="systems"] .scope-picker{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}
body[data-hud="systems"] .scope-picker label{gap:10px;font-weight:700;color:#dfc7da}
body[data-hud="systems"] .scope-picker input[type="checkbox"]{appearance:none;-webkit-appearance:none;width:22px;height:22px;flex:0 0 22px;border:1px solid rgba(255,156,220,.52);border-radius:7px;background:rgba(8,2,12,.72);box-shadow:inset 0 0 0 1px rgba(255,255,255,.04),0 0 12px rgba(255,79,195,.08);cursor:pointer}
body[data-hud="systems"] .scope-picker input[type="checkbox"]:checked{border-color:var(--pink);background:linear-gradient(135deg,#ffd3ee,#ff4fc3);box-shadow:0 0 18px rgba(255,79,195,.35)}
body[data-hud="systems"] .scope-picker input[type="checkbox"]:checked::after{content:"✓";display:block;color:#230719;font-weight:900;font-size:16px;line-height:20px;text-align:center}
body[data-hud="systems"] .toy-panel>p.muted:last-child{margin-top:14px;padding:13px 14px;border:1px solid rgba(255,156,220,.14);border-radius:12px;background:rgba(18,6,22,.34)}
body[data-hud="progress"] .member-grid,
body[data-hud="store"] .member-grid,
body[data-hud="settings"] .member-grid{display:block;columns:2 360px;column-gap:16px;max-width:1180px;margin-left:auto;margin-right:auto}
body[data-hud="progress"] [data-hud-panel].hud-active,
body[data-hud="store"] [data-hud-panel].hud-active,
body[data-hud="settings"] [data-hud-panel].hud-active{display:inline-block;width:100%;margin:0 0 16px;break-inside:avoid;vertical-align:top;grid-column:auto!important}
body[data-hud="progress"] .member-grid{display:grid;columns:auto;grid-template-columns:minmax(360px,.86fr) minmax(360px,1fr);gap:16px;max-width:1180px;margin-left:auto;margin-right:auto;align-items:start}
body[data-hud="progress"] [data-hud-panel].hud-active{display:block;width:auto;margin:0;break-inside:auto}
body[data-hud="progress"] [data-hud-panel="progress"]:has(#path-picker){grid-column:1;grid-row:1 / span 2}
body[data-hud="progress"] [data-hud-panel="progress"]:has(#training-stats){grid-column:2;grid-row:1}
body[data-hud="progress"] [data-hud-panel="progress"]:has(#path-progress){grid-column:2;grid-row:2}
body[data-hud="progress"] [data-hud-panel="progress"]:has(#training-stats){padding-bottom:18px}
body[data-hud="progress"] .path-progress-row{margin-bottom:14px}
body[data-hud="progress"] .path-progress-row:last-child{margin-bottom:0}
body[data-hud="store"] .member-grid{display:grid;columns:auto;grid-template-columns:minmax(360px,.82fr) minmax(360px,1fr);gap:16px;max-width:1180px;margin-left:auto;margin-right:auto;align-items:start}
body[data-hud="store"] [data-hud-panel].hud-active{display:block;width:auto;margin:0;break-inside:auto}
body[data-hud="store"] [data-hud-panel="store"]:has(#tier-benefits){grid-column:1;grid-row:1}
body[data-hud="store"] [data-hud-panel="store"]:has(#inventory){grid-column:2;grid-row:1}
body[data-hud="store"] #locked-preview-panel.hud-active{grid-column:1 / -1;grid-row:2}
body[data-hud="store"] #tier-benefits ul{margin-bottom:14px}
body[data-hud="store"] #inventory.role-cloud{gap:10px;margin:12px 0 16px;padding:12px;border:1px solid rgba(255,156,220,.16);border-radius:14px;background:rgba(18,6,22,.34)}
body[data-hud="store"] #inventory.role-cloud span{display:inline-flex;align-items:center;gap:7px;padding:10px 13px}
body[data-hud="settings"] .toggle{padding:13px 0}
body[data-hud="settings"] .toggle:first-of-type{padding-top:0}
body[data-hud="settings"] .member-grid{display:grid;columns:auto;grid-template-columns:minmax(360px,.92fr) minmax(360px,1.08fr);gap:16px;max-width:1180px;margin-left:auto;margin-right:auto;align-items:start}
body[data-hud="settings"] [data-hud-panel].hud-active{display:block;width:auto;margin:0;break-inside:auto}
body[data-hud="settings"] [data-hud-panel="settings"]:has(#active-toggle){grid-column:1;grid-row:1 / span 3}
body[data-hud="settings"] [data-hud-panel="settings"]:has(#intensity-select){grid-column:2;grid-row:1}
body[data-hud="settings"] [data-hud-panel="settings"]:has(#category-picker){grid-column:2;grid-row:2}
body[data-hud="settings"] [data-hud-panel="settings"]:has(#feedback-form){grid-column:1/-1!important;grid-row:4!important}
body[data-hud="settings"] [data-hud-panel="settings"]:has(#discord-roles) .role-cloud span{padding:7px 10px}
body[data-hud="settings"] [data-hud-panel="settings"]:has(#category-picker) .path-picker{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:9px}
body[data-hud="settings"] [data-hud-panel="settings"]:has(#category-picker)>p.muted:last-of-type{margin:16px 0 0;padding:12px 14px;border:1px solid rgba(255,156,220,.14);border-radius:12px;background:rgba(18,6,22,.34)}
body[data-hud="settings"] [data-hud-panel="settings"]:has(#feedback-form) form{display:grid;grid-template-columns:1fr;gap:12px;align-items:stretch}
body[data-hud="settings"] [data-hud-panel="settings"]:has(#feedback-form) form label{width:100%;margin:0}
body[data-hud="settings"] [data-hud-panel="settings"]:has(#feedback-form) textarea{width:100%;min-height:150px;padding:14px 15px;color:var(--ink);border:1px solid rgba(255,156,220,.34);border-radius:14px;background:rgba(8,2,12,.72);box-shadow:inset 0 0 0 1px rgba(255,255,255,.035),0 0 24px rgba(255,79,195,.08);resize:vertical}
body[data-hud="settings"] [data-hud-panel="settings"]:has(#feedback-form) textarea:focus{outline:0;border-color:var(--pink);box-shadow:0 0 0 3px rgba(255,79,195,.16),inset 0 0 0 1px rgba(255,255,255,.04)}
body[data-hud="settings"] [data-hud-panel="settings"]:has(#feedback-form) .action{width:100%;min-height:48px;font-size:15px}
.quest-card{min-height:0}
.quest-card h2{font-size:clamp(20px,1.8vw,25px)}
.quest-card .muted{margin-bottom:12px}
.bonus-summary-card{padding:16px!important}
.bonus-summary-row{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:10px 0;border-top:1px solid var(--line)}
.bonus-summary-row:first-of-type{border-top:0;padding-top:2px}
.bonus-summary-row strong{font:800 14px ui-monospace,monospace}
.bonus-summary-row .control-note{margin:3px 0 0;font-size:11px}
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.sync-overview{margin:0 0 18px}
.sync-overview .conditioning-core{border-color:rgba(255,79,195,.42);background:linear-gradient(145deg,rgba(255,79,195,.18),rgba(14,4,18,.72));box-shadow:0 18px 54px rgba(0,0,0,.26),0 0 46px rgba(255,79,195,.12)}
.sync-overview .conditioning-core strong{font-size:clamp(30px,4vw,48px)}
.sync-overview .conditioning-core p{max-width:780px}
.app-page .member-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:16px 22px}
.app-page .member-hero>div:first-child{position:relative;z-index:1;min-width:0}
.app-page .member-hero h1{min-width:0}
.app-page .member-hero h1 em{display:block;max-width:min(680px,100%);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hero-rank-line{margin:8px 0 0;color:#7df6d8;font:900 12px/1 Inter,system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase}
.member-hero .sync-overview{grid-column:1/-1;margin:8px 0 0;position:relative;z-index:1}
.app-page .level-ring{width:156px;height:auto;display:grid;place-content:center;justify-items:center;align-items:center;gap:4px;padding:16px 14px;border:1px solid rgba(255,156,220,.24);border-radius:14px;background:linear-gradient(180deg,rgba(8,2,12,.86),rgba(26,6,31,.62));box-shadow:0 14px 32px rgba(0,0,0,.24),0 0 22px rgba(255,79,195,.14);text-align:center}
.app-page .level-ring span,.app-page .level-ring small{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#ff9cdc;font:800 10px/1.15 Inter,system-ui,sans-serif;letter-spacing:.1em;text-align:center;font-variant-numeric:tabular-nums}
.app-page .level-ring strong{max-width:100%;overflow:hidden;text-overflow:ellipsis;color:#fff;font:900 42px/.86 Inter,system-ui,sans-serif;font-variant-numeric:tabular-nums;letter-spacing:0}
.conditioning-strip{display:grid;gap:7px;padding:10px 12px;border:1px solid rgba(255,156,220,.22);border-radius:14px;background:rgba(7,2,10,.58);box-shadow:inset 0 0 0 1px rgba(255,255,255,.025)}
.conditioning-strip-head{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto 24px;align-items:center;gap:7px}
.conditioning-strip-head span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#ff9cdc;font:800 10px/1 Inter,system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase}
.conditioning-strip-head strong{justify-self:end;color:#fff;font:900 17px/1 Inter,system-ui,sans-serif;font-variant-numeric:tabular-nums}
.conditioning-strip-head button{width:22px;height:22px;display:grid;place-items:center;border:1px solid rgba(255,156,220,.28);border-radius:999px;background:rgba(255,79,195,.12);color:#ffd3ee;font:900 12px/1 Inter,system-ui,sans-serif;cursor:help}
.conditioning-strip-head em{position:absolute;right:0;top:calc(100% + 8px);z-index:5;width:min(310px,calc(100vw - 42px));padding:10px 12px;border:1px solid rgba(255,156,220,.32);border-radius:12px;background:linear-gradient(145deg,rgba(15,4,19,.98),rgba(7,2,10,.98));box-shadow:0 18px 38px rgba(0,0,0,.34),0 0 22px rgba(255,79,195,.12);color:#ffd3ee;font:700 12px/1.35 Inter,system-ui,sans-serif;font-style:normal;letter-spacing:0;opacity:0;pointer-events:none;transform:translateY(-4px);transition:opacity .14s ease,transform .14s ease}
.conditioning-strip-head:focus-within em,.conditioning-strip-head:hover em{opacity:1;transform:translateY(0)}
.conditioning-strip .conditioning-core-bar{height:8px}
@media(min-width:761px){
  .app-page .member-hero{
    overflow:visible;
    margin-bottom:92px;
  }
  .app-page .member-hero .sync-overview{
    position:absolute;
    left:0;
    right:0;
    top:calc(100% + 14px);
    margin:0;
  }
  .app-page .conditioning-strip{
    min-height:58px;
    gap:10px;
    padding:15px 18px 13px;
    border-radius:16px;
    background:linear-gradient(145deg,rgba(14,4,18,.78),rgba(6,1,9,.72));
  }
  .app-page .conditioning-strip-head span{
    font-size:10px;
  }
  .app-page .conditioning-strip-head strong{
    font-size:20px;
  }
  .app-page .conditioning-strip-head button{
    width:24px;
    height:24px;
  }
  .app-page .conditioning-strip .conditioning-core-bar{
    height:10px;
  }
}
.task-panel h2{font-size:clamp(22px,2.25vw,30px)}
.task-actions{gap:9px}
.task-actions button{padding:7px 6px}
.panel-heading{gap:14px}
.panel-heading>label{min-width:145px}
.history-list{max-height:470px;overflow:auto}
.command-deck-panel .history-list{border:0;max-height:650px;overflow:auto;margin-top:10px}
.ritual-legend{display:flex;flex-wrap:wrap;gap:9px;margin:12px 0 8px}
.ritual-legend span{display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:7px 10px;border:1px solid rgba(255,156,220,.24);border-radius:999px;background:rgba(255,79,195,.08);color:#fff1fa;font:800 12px Inter,system-ui,sans-serif;letter-spacing:0}
.ritual-legend img{width:22px;height:22px;object-fit:contain;filter:drop-shadow(0 0 7px rgba(255,79,195,.56))}
.ritual-legend-note{max-width:820px;margin:0 0 12px;color:#cdb7c8;font:500 13px/1.5 Inter,system-ui,sans-serif}
@media(max-width:560px){.ritual-legend{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.ritual-legend span{justify-content:flex-start;font-size:11px}.ritual-legend-note{font-size:12px}}
.history-item{padding:12px 14px;gap:12px}
.history-item strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pill-note{display:flex;align-items:center;gap:7px}
.pill-note img,.pill-icon{width:24px;height:24px;object-fit:contain;vertical-align:middle}
.integration-grid{gap:12px}
.integration-card{padding:16px}
.settings-help-links { display:flex; flex-wrap:wrap; gap:8px; margin-top:12px; }
.settings-help-links a { padding:8px 11px; border:1px solid var(--line); border-radius:999px; color:var(--ink); text-decoration:none; background:rgba(255,79,195,.08); }
.device-alert-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;margin:12px 0;padding:14px 0;border-bottom:1px solid var(--line)}
.device-alert-card strong,.device-alert-card small{display:block}
.device-alert-card small{margin-top:2px;color:var(--muted);font-size:12px;line-height:1.35}
.device-alert-card .mini-action{min-height:38px;padding:9px 12px;border:1px solid rgba(255,156,220,.28);border-radius:10px;background:linear-gradient(135deg,#ffd3ee,#ff4fc3);color:#230719;font-weight:900;white-space:nowrap;cursor:pointer}
.device-alert-card .mini-action:disabled{cursor:default;opacity:.7;background:rgba(255,79,195,.12);color:var(--soft)}
.setting-grid-panel { display:grid; gap:14px; }
#category-picker { align-items:flex-start; }
#category-picker label { max-width:100%; }
#category-picker span { white-space:normal; line-height:1.2; }
#feedback-form { display:grid; gap:10px; }
#feedback-message { width:100%; min-height:118px; resize:vertical; box-sizing:border-box; }
#feedback-form .action { width:100%; }
.referral-panel input { width:100%; box-sizing:border-box; margin-top:7px; font-size:13px; }
.referral-panel .action { width:100%; margin-top:10px; }
.path-progress-row{display:grid;gap:8px;margin:0 0 16px}
.path-progress-row>div:first-child{display:flex;align-items:flex-end;justify-content:space-between;gap:14px}
.path-progress-row strong{font-size:16px}
.path-progress-row small{color:var(--muted);font-size:12px;text-align:right}
.path-progress-bar{height:10px;background:#160918;border:1px solid rgba(255,136,219,.13);border-radius:999px;overflow:hidden}
.path-progress-bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ff9cdc,#ff4fc3);box-shadow:0 0 16px rgba(255,79,195,.42)}
.path-preview-list{display:grid;gap:14px;margin-top:18px}
.path-preview-card{display:grid;gap:13px;padding:15px;border:1px solid rgba(255,156,220,.2);border-radius:16px;background:linear-gradient(145deg,rgba(255,79,195,.1),rgba(8,2,12,.64));box-shadow:inset 0 0 0 1px rgba(255,255,255,.035),0 12px 32px rgba(0,0,0,.18)}
.path-preview-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}
.path-preview-head small,.path-preview-note{color:#ff8ddb;font:800 10px ui-monospace,monospace;letter-spacing:.18em;text-transform:uppercase}
.path-preview-head strong{font-size:22px;line-height:1;color:#fff;text-shadow:0 0 18px rgba(255,79,195,.32)}
.path-preview-card p{margin:0;color:#f4dcec;line-height:1.45}
.path-stage-track{display:flex;flex-wrap:wrap;gap:8px}
.path-stage-track span{display:inline-flex;align-items:center;min-height:30px;padding:7px 10px;border:1px solid rgba(255,156,220,.24);border-radius:999px;background:rgba(255,79,195,.08);color:#ffe0f3;font-size:11px;font-weight:900}
.path-preview-card dl{display:grid;gap:10px;margin:0}
.path-preview-card dl div{display:grid;gap:4px;padding:10px 12px;border:1px solid rgba(255,156,220,.13);border-radius:12px;background:rgba(8,2,12,.36)}
.path-preview-card dt{color:#88ffd8;font:800 10px ui-monospace,monospace;letter-spacing:.16em;text-transform:uppercase}
.path-preview-card dd{margin:0;color:#f5ddeb;line-height:1.4}
.path-preview-card .premium-preview{border-color:rgba(255,79,195,.28);background:linear-gradient(135deg,rgba(255,190,233,.12),rgba(255,79,195,.08))}
.path-preview-tags{display:flex;flex-wrap:wrap;gap:7px}
.path-preview-tags i{display:inline-flex;padding:5px 8px;border:1px solid rgba(136,255,216,.18);border-radius:999px;color:#aaffe4;font-style:normal;font-size:11px;background:rgba(136,255,216,.06)}
.training-chip{cursor:default}
.app-page .member-shell{padding-bottom:106px}
.app-member-nav{gap:16px}
.app-drawer{display:flex;align-items:center;justify-content:flex-end;gap:16px}
.app-drawer b{color:var(--pink);font:800 9px ui-monospace,monospace;letter-spacing:.16em}
.app-drawer a{color:var(--muted);font-size:12px}
.app-drawer a:hover,.app-drawer a.active{color:var(--soft)}
.app-drawer a.active{font-weight:900;text-shadow:0 0 14px rgba(255,79,195,.42)}
.drawer-profile{display:none}
.settings-help-links a.active{border-color:var(--pink);color:#230719;background:linear-gradient(135deg,#ffd3ee,#ff4fc3)}
.app-menu-toggle,.app-menu-scrim{display:none}
.app-persistent-player.jukie-compact{position:fixed;left:50%;right:auto;bottom:18px;transform:translateX(-50%);z-index:80;width:min(560px,calc(100vw - 28px));grid-template-columns:minmax(0,1fr) auto;padding:11px 14px;border:1px solid rgba(255,156,220,.28);border-radius:999px;background:linear-gradient(145deg,rgba(12,3,17,.96),rgba(45,10,42,.92));box-shadow:0 16px 42px rgba(0,0,0,.28),0 0 34px rgba(255,79,195,.16),inset 0 0 0 1px rgba(255,255,255,.035)}
.app-persistent-player .jukie-compact-copy strong,.app-persistent-player .jukie-compact-copy span{max-width:100%;overflow:hidden;text-overflow:ellipsis}
.app-persistent-player .jukie-compact-copy strong{color:#fff;font-size:14px}
.app-persistent-player .jukie-compact-copy span{color:#ffd7f0;font-size:12px}
.app-persistent-player .jukie-mini-controls button{width:38px;height:38px;border:1px solid rgba(255,156,220,.32);color:#210317;font-size:23px;background:linear-gradient(135deg,#ffe5f6,#ff62ca 55%,#ff2eb8);box-shadow:0 10px 22px rgba(255,48,184,.25)}
.app-persistent-player .jukie-mini-controls #jukie-toggle{width:42px;height:42px;background:linear-gradient(135deg,#ffe5f6,#ff62ca 55%,#ff2eb8);color:#210317;font-size:16px}
.app-persistent-player:has(.persistent-bambi-progress:not(.hidden)){grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;border-radius:22px}
.persistent-bambi-progress{grid-column:1/-1;display:grid;grid-template-columns:auto minmax(120px,1fr) auto;gap:9px;align-items:center}
.persistent-bambi-progress.hidden{display:none}
.persistent-bambi-progress span{color:#ffd7f0;font-size:11px;font-weight:900;font-variant-numeric:tabular-nums}
.persistent-bambi-progress input[type="range"]{--bambi-progress:0%;width:100%;min-width:0;height:18px;margin:0;accent-color:#ff55c6;background:transparent}
.persistent-bambi-progress input[type="range"]::-webkit-slider-runnable-track{height:8px;border:1px solid rgba(255,136,219,.18);border-radius:999px;background:linear-gradient(90deg,#ff55c6 var(--bambi-progress),rgba(255,255,255,.18) var(--bambi-progress))}
.persistent-bambi-progress input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;margin-top:-6px;border:2px solid #fff;border-radius:999px;background:#ff55c6;box-shadow:0 0 14px rgba(255,85,198,.65)}

@media(max-width:900px){
  .feature-announcement{grid-template-columns:1fr;gap:12px}
  .feature-announcement button{width:100%;min-height:44px}
  .member-notification{grid-template-columns:1fr}
  .notification-actions{justify-content:stretch}
  .notification-actions a,.notification-actions button{flex:1;justify-content:center;text-align:center}
  .member-grid{grid-template-columns:1fr}
  .command-deck-panel,.assignment-history-panel{grid-column:1}
  body[data-hud] .member-grid{grid-template-columns:1fr}
  body[data-hud="progress"] .member-grid,
  body[data-hud="store"] .member-grid,
  body[data-hud="settings"] .member-grid{display:grid;columns:auto;max-width:none}
  body[data-hud="progress"] [data-hud-panel].hud-active,
  body[data-hud="store"] [data-hud-panel].hud-active,
  body[data-hud="settings"] [data-hud-panel].hud-active{display:block;width:auto;margin:0;break-inside:auto}
  body[data-hud="settings"] [data-hud-panel="settings"]:has(#discord-roles),
  body[data-hud="settings"] .discord-invite-panel,
  body[data-hud="settings"] [data-hud-panel="settings"]:has(#category-picker),
  body[data-hud="settings"] [data-hud-panel="settings"]:has(#feedback-form),
  body[data-hud="progress"] [data-hud-panel="progress"]:has(#training-stats),
  body[data-hud="playlists"] .history-panel[data-hud-panel="playlists"],
  body[data-hud="systems"] .history-panel[data-hud-panel="systems"],
  body[data-hud="systems"] .toy-panel{grid-column:1}
  body[data-hud="playlists"] .history-panel[data-hud-panel="playlists"]>.panel-heading,
  body[data-hud="settings"] [data-hud-panel="settings"]:has(#feedback-form) form{grid-template-columns:1fr}
  body[data-hud="systems"] .history-panel[data-hud-panel="systems"]>.panel-heading{grid-template-columns:1fr}
  body[data-hud="systems"] .integration-grid{grid-template-columns:1fr}
  .app-page .member-hero{min-height:280px;padding:28px}
}

/* PWA redesign pass: make /app feel like an installed mobile app, not a dense web dashboard. */
.pwa-install-button{
  border:1px solid rgba(255,156,220,.34);
  border-radius:999px;
  padding:8px 12px;
  background:linear-gradient(135deg,rgba(255,211,238,.18),rgba(255,79,195,.22));
  color:#ffd3ee;
  font:900 11px ui-monospace,monospace;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.pwa-install-button.hidden{display:none}

@media(max-width:760px){
  html{background:#07030a}
  body.app-page{
    background:
      radial-gradient(circle at 50% -10%,rgba(255,79,195,.18),transparent 34%),
      linear-gradient(180deg,#09030d 0,#050207 48%,#040105 100%);
  }
  body.app-page::before{display:none}
  .app-page .member-shell{
    width:100%;
    max-width:none;
    padding:0 12px 166px;
  }
  .app-page .member-nav{
    position:sticky;
    top:0;
    z-index:60;
    min-height:58px;
    height:auto;
    margin:0 -12px;
    padding:8px 12px;
    border-bottom:1px solid rgba(255,136,219,.13);
    background:rgba(5,2,8,.86);
    backdrop-filter:blur(18px);
  }
  .app-page .member-nav .logo.logo-image{
    width:118px;
    height:42px;
  }
  .app-page .member-summary{
    margin-left:auto;
    gap:8px;
  }
  .app-page .member-summary img,
  .app-page .member-summary span,
  .app-page .member-summary form,
  .app-page .pwa-install-button{
    display:none;
  }
  .app-page .app-menu-toggle{
    width:42px;
    height:42px;
    border-radius:14px;
  }
  .app-page .member-hero{
    min-height:0;
    margin:10px 0;
    padding:14px 14px 16px;
    border-radius:18px;
    align-items:start;
    background:
      linear-gradient(135deg,rgba(255,79,195,.14),rgba(112,235,255,.05)),
      rgba(16,6,21,.82);
    box-shadow:0 18px 48px rgba(0,0,0,.24);
  }
  .app-page .member-hero::after{display:none}
  .app-page .member-hero .system-line{
    margin:0 0 7px;
    font-size:8px;
    letter-spacing:.17em;
  }
  .app-page .member-hero h1{
    max-width:calc(100vw - 132px);
    margin:0;
    font-size:25px;
    line-height:1.03;
    letter-spacing:-.035em;
  }
  .app-page #member-status{
    max-width:calc(100vw - 132px);
    margin:7px 0 0;
    color:#e7cfe2;
    font-size:13px;
    line-height:1.35;
  }
  .app-page .level-ring{
    right:14px;
    top:14px;
    bottom:auto;
    width:72px;
    height:72px;
    border-width:1px;
    box-shadow:0 0 28px rgba(255,79,195,.22),inset 0 0 22px rgba(255,79,195,.12);
  }
  .app-page .level-ring strong{font-size:24px}
  .app-page .level-ring span,
  .app-page .level-ring small{
    font-size:6px;
    letter-spacing:.11em;
  }
  .app-page .announcement-stack:not(.hidden),
  .app-page .app-donation-goal:not(.hidden){margin:10px 0}
  .app-page .donation-goal{
    padding:13px;
    border-radius:16px;
  }
  .app-page .game-hud{
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:7px;
    margin:10px 0;
    overflow:visible;
  }
  .app-page .game-hud::before{
    content:"TODAY AT A GLANCE";
    padding-bottom:5px;
  }
  .app-page .hud-chip{
    min-width:0;
    min-height:58px;
    padding:8px 4px;
    border-radius:14px;
  }
  .app-page .hud-chip>img,
  .app-page .hud-chip>span{
    width:21px;
    height:21px;
  }
  .app-page .hud-chip strong{font-size:13px}
  .app-page .hud-chip small{
    font-size:5px;
    letter-spacing:.06em;
  }
  .app-page .hud-dock-row{
    position:static;
    display:block;
    margin:0;
  }
  .app-page .rail-logo{display:none}
  .app-page .hud-bonus-dock{margin:10px 0 0}
  .app-page .hud-nav{
    position:fixed;
    left:10px;
    right:10px;
    bottom:8px;
    z-index:70;
    transform:none;
    width:auto;
    max-width:none;
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:2px;
    margin:0;
    padding:6px;
    border-radius:24px;
    border:1px solid rgba(255,156,220,.24);
    background:rgba(8,3,12,.92);
    backdrop-filter:blur(18px);
    box-shadow:0 14px 42px rgba(0,0,0,.48),0 0 28px rgba(255,79,195,.14);
  }
  .app-page .hud-nav button{
    display:grid;
    justify-items:center;
    align-content:center;
    gap:3px;
    min-width:0;
    min-height:48px;
    padding:6px 2px;
    border-radius:18px;
    font-size:10px;
  }
  .app-page .hud-nav button[data-hud-target="store"]{display:none}
  .app-page .hud-nav button.active{
    color:#240719;
    background:linear-gradient(135deg,#ffd3ee,#ff4fc3);
    box-shadow:0 0 22px rgba(255,79,195,.28);
  }
  .app-page .hud-nav button img{
    width:22px;
    height:22px;
  }
  .app-page .hud-nav span{
    font:900 9px ui-monospace,monospace;
    letter-spacing:.02em;
  }
  .app-page .sync-overview{margin:10px 0}
  .app-page .sync-overview .conditioning-core{
    padding:13px;
    border-radius:18px;
  }
  .app-page .member-grid,
  body[data-hud="quest"] .member-grid,
  body[data-hud="progress"] .member-grid,
  body[data-hud="store"] .member-grid,
  body[data-hud="playlists"] .member-grid,
  body[data-hud="systems"] .member-grid,
  body[data-hud="settings"] .member-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:12px;
    max-width:none;
    margin:12px 0 0;
    columns:auto;
  }
  .app-page [data-hud-panel].hud-active,
  body[data-hud="progress"] [data-hud-panel].hud-active,
  body[data-hud="store"] [data-hud-panel].hud-active,
  body[data-hud="settings"] [data-hud-panel].hud-active,
  body[data-hud="playlists"] [data-hud-panel].hud-active,
  body[data-hud="systems"] [data-hud-panel].hud-active{
    display:block!important;
    width:100%;
    margin:0;
    grid-column:1!important;
    grid-row:auto!important;
  }
  .app-page .member-panel{
    padding:16px;
    border-radius:18px;
    background:linear-gradient(180deg,rgba(30,11,36,.9),rgba(12,5,16,.92));
    box-shadow:0 16px 44px rgba(0,0,0,.24);
  }
  .app-page .member-panel h2{
    font-size:22px;
    line-height:1.08;
    letter-spacing:-.02em;
  }
  .app-page .task-panel{
    order:-3;
    padding:17px;
  }
  .app-page .command-deck-panel{order:-2}
  .app-page .assignment-history-panel{order:5}
  #current-task h2{font-size:26px}
  #current-task p{font-size:15px}
  .app-page .task-actions{
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:7px;
  }
  .app-page .task-actions button{
    min-width:0;
    min-height:54px;
    padding:7px 4px;
  }
  .app-page .task-actions button span{font-size:9px}
  .app-page .history-list{gap:10px}
  .app-page .history-item,
  .app-page .task-card,
  .app-page .available-task-card,
  .app-page .live-deck-card{border-radius:16px}
  .app-persistent-player.jukie-compact{
    left:10px;
    right:10px;
    bottom:74px;
    width:auto;
    grid-template-columns:minmax(0,1fr) auto;
    padding:9px 11px;
    border-radius:20px;
  }
  .app-persistent-player.jukie-compact::before{
    content:"NOW PLAYING";
    padding-bottom:4px;
  }
  .app-persistent-player .jukie-mini-controls button,
  .app-persistent-player .jukie-mini-controls #jukie-toggle{
    width:34px;
    height:34px;
  }
}

@media(max-width:760px){
  .app-page .member-shell{padding-inline:12px;padding-bottom:174px}
  .app-page .member-nav{height:auto;min-height:72px;justify-content:space-between;align-items:center;padding:12px 0}
  .app-page .member-summary{width:auto;margin-left:auto;justify-content:flex-end}
  .app-page .member-summary span,.app-page .member-summary form{display:none}
  .app-menu-toggle{display:grid;place-items:center;width:46px;height:46px;margin-left:auto;border:1px solid rgba(255,156,220,.38);border-radius:12px;background:linear-gradient(145deg,rgba(255,79,195,.18),rgba(12,3,17,.94));color:var(--ink);box-shadow:0 0 24px rgba(255,79,195,.2);cursor:pointer;z-index:102}
  .app-menu-toggle i,.app-menu-toggle i::before,.app-menu-toggle i::after{content:"";display:block;width:22px;height:3px;border-radius:99px;background:linear-gradient(90deg,#ffd3ee,#ff4fc3);box-shadow:0 0 12px rgba(255,79,195,.7);transition:transform .18s ease,opacity .18s ease}
  .app-menu-toggle i{position:relative}
  .app-menu-toggle i::before,.app-menu-toggle i::after{position:absolute;left:0}
  .app-menu-toggle i::before{top:-8px}
  .app-menu-toggle i::after{top:8px}
  body.app-menu-open .app-menu-toggle{position:fixed;top:18px;right:18px;background:#050207;border-color:rgba(255,211,238,.75)}
  body.app-menu-open .app-menu-toggle i{background:transparent;box-shadow:none}
  body.app-menu-open .app-menu-toggle i::before{transform:translateY(8px) rotate(45deg)}
  body.app-menu-open .app-menu-toggle i::after{transform:translateY(-8px) rotate(-45deg)}
  .app-drawer{position:fixed;inset:0 0 0 auto;z-index:101;width:min(360px,88vw);display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:18px;margin:0;padding:88px 28px 32px;border-left:1px solid rgba(255,79,195,.44);background:radial-gradient(circle at 20% 16%,rgba(255,79,195,.26),transparent 32%),linear-gradient(180deg,rgba(12,3,17,.98),rgba(4,1,7,.98));box-shadow:-28px 0 80px rgba(0,0,0,.62),0 0 60px rgba(255,79,195,.18);transform:translateX(110%);transition:transform .22s ease}
  .app-drawer::before{content:"DOLLOS™ MENU";color:var(--soft);font:800 10px ui-monospace,monospace;letter-spacing:.22em;text-shadow:0 0 16px rgba(255,79,195,.72)}
  .app-drawer::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.06;background-image:linear-gradient(#fff 1px,transparent 1px),linear-gradient(90deg,#fff 1px,transparent 1px);background-size:4px 4px}
  body.app-menu-open .app-drawer{transform:translateX(0)}
  .app-drawer b{color:var(--pink);font-size:11px;letter-spacing:.2em}
  .app-drawer a{position:relative;z-index:1;width:100%;padding:13px 0;border-bottom:1px solid rgba(255,136,219,.16);color:var(--ink);font:800 24px ui-monospace,monospace;line-height:1.05;text-shadow:0 0 18px rgba(255,79,195,.22)}
  .app-drawer a.active{color:#74edba;text-shadow:0 0 18px rgba(116,237,186,.32)}
  .app-menu-scrim{position:fixed;inset:0;z-index:100;border:0;background:rgba(4,1,7,.54);backdrop-filter:blur(3px);opacity:0;pointer-events:none;transition:opacity .18s ease}
  body.app-menu-open .app-menu-scrim{display:block;opacity:1;pointer-events:auto}
  .app-page .member-hero{min-height:300px;padding:22px}
  .game-hud{gap:7px;margin-top:10px}
  .hud-chip{min-height:74px;min-width:74px}
  .hud-chip>img{width:34px;height:34px}
  .hud-chip strong{font-size:14px}
  .hud-nav{width:calc(100% - 20px);justify-content:space-around;overflow-x:auto}
  .hud-nav button{padding:6px 8px;flex:0 0 auto}
  .hud-nav .hud-nav-action{display:none}
  .hud-nav button img{width:25px;height:25px}
  .app-persistent-player.jukie-compact{position:fixed;left:50%;bottom:86px;transform:translateX(-50%);z-index:90;grid-template-columns:minmax(132px,1fr) auto;gap:8px;width:min(360px,calc(100vw - 28px));padding:8px 10px 8px 13px;border-radius:999px;box-shadow:0 16px 44px rgba(0,0,0,.34),0 0 34px rgba(255,79,195,.18)}
  .jukie-compact-copy strong{font-size:12px}
  .jukie-compact-copy span{font-size:10px;color:var(--pink)}
  .jukie-mini-controls{gap:5px}
  .jukie-mini-controls button{width:29px;height:29px}
  .sync-overview{margin-top:10px}
  .member-panel{padding:16px}
  .panel-heading{align-items:flex-start;flex-direction:column}
  .panel-heading>label{width:100%}
}

.guide-shell{max-width:1180px}
.guide-hero{margin-bottom:22px}
.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:18px 0}
.guide-grid article{padding:22px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,rgba(53,15,58,.82),rgba(18,6,22,.88));box-shadow:0 20px 60px rgba(0,0,0,.22)}
.guide-grid span{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:50%;color:#210b1d;background:linear-gradient(135deg,#ffd3ee,#ff4fc3);font-weight:900}
.guide-grid h2{margin:14px 0 8px;font:800 28px Georgia,serif}
.guide-grid p,.guide-grid li{color:var(--muted);line-height:1.55}
.guide-grid ul{padding-left:18px}
.guide-grid li+li{margin-top:7px}
.guide-grid b{color:var(--ink)}
@media(max-width:900px){.guide-grid{grid-template-columns:1fr}}
.app-route-panel{grid-column:1/-1}
.app-route-content{margin-top:18px}
.app-route-panel .feed,.app-route-panel .board{display:grid;gap:12px;margin:20px 0 0}
.app-route-panel .feed-event{display:flex;gap:16px;align-items:center;padding:18px;border:1px solid rgba(255,136,219,.19);border-radius:14px;background:rgba(25,8,31,.86)}
.app-route-panel .feed-event img{width:48px;height:48px;border-radius:50%;object-fit:cover}
.app-route-panel .feed-event div{min-width:0}
.app-route-panel .feed-event strong,.app-route-panel .feed-event small{display:block}
.app-route-panel .feed-event p{margin:4px 0 5px;color:var(--ink);line-height:1.45;white-space:normal;overflow-wrap:anywhere}
.app-route-panel .feed-event small{color:var(--muted)}
.app-route-panel .live-dot{color:#74edba}
.app-route-panel .leader{display:grid;grid-template-columns:50px 54px 1fr auto;gap:14px;align-items:center;padding:16px;border:1px solid rgba(255,136,219,.2);border-radius:14px;background:rgba(25,8,31,.88)}
.app-route-panel .leader img{width:48px;height:48px;border-radius:50%;object-fit:cover}
.app-route-panel .leader>div:not(.score){display:flex;align-items:baseline;gap:8px;min-width:0}
.app-route-panel .leader>div:not(.score) strong,.app-route-panel .leader>div:not(.score) small{white-space:nowrap}
.app-route-panel .rank{font:700 1.3rem ui-monospace,monospace;color:#ff9cdc}
.app-route-panel .score{text-align:right}
.app-route-panel .score strong,.app-route-panel .score small{display:block}
.app-route-panel .score small,.app-route-panel .leader small{color:var(--muted)}
.mindlink-route-panel{padding:0;border:0;background:transparent}
.mindlink-route-panel .mindlink-stage{border-radius:16px}
.mindlink-route-panel .mindlink-help{width:min(780px,100%);margin:0 auto 24px;padding:18px 20px;border:1px solid rgba(255,136,219,.45);border-radius:16px;background:linear-gradient(135deg,rgba(255,79,195,.2),rgba(255,184,228,.09));box-shadow:0 0 28px rgba(255,79,195,.18);text-align:left}
.mindlink-route-panel .mindlink-help strong{display:block;color:#ffc2ea;font:900 .85rem ui-monospace,monospace;letter-spacing:.14em;text-transform:uppercase}
.mindlink-route-panel .mindlink-help span{display:block;margin-top:8px;color:#fff2fb;font-size:.98rem;font-weight:750;line-height:1.5}
.mindlink-route-panel .mindlink-help a,.lovense-copy a{color:#fff;font-weight:900;text-decoration:underline;text-decoration-color:rgba(255,79,195,.8);text-underline-offset:3px}
.lovense-copy{margin-top:14px;padding:14px 16px;border:1px solid rgba(255,136,219,.25);border-radius:14px;background:rgba(255,79,195,.08);line-height:1.45}
@media(max-width:600px){.app-route-panel .feed-event{align-items:flex-start}.app-route-panel .leader{grid-template-columns:34px 42px 1fr}.app-route-panel .leader img{width:40px;height:40px}.app-route-panel .leader>div:not(.score){align-items:flex-start;flex-direction:column;gap:2px}.app-route-panel .score{grid-column:3;text-align:left}}

.conditioning-spotlight{margin:14px 0 16px}
.conditioning-core{display:grid;gap:10px;padding:15px;border:1px solid rgba(255,79,195,.32);border-radius:14px;background:linear-gradient(145deg,rgba(255,79,195,.14),rgba(12,3,17,.58));box-shadow:0 14px 38px rgba(0,0,0,.2),inset 0 0 28px rgba(255,79,195,.06)}
.conditioning-core small{color:var(--soft);font:800 9px ui-monospace,monospace;letter-spacing:.18em}
.conditioning-core strong{display:block;font:800 clamp(20px,2.4vw,30px) ui-monospace,monospace;line-height:1.05;color:var(--ink)}
.conditioning-spotlight .conditioning-focus-title{font-size:24px;letter-spacing:-.02em;white-space:nowrap}
.conditioning-core span{display:block;color:#ffd3ee;font-size:13px}
.conditioning-core p{margin:0;color:var(--muted);font-size:12px}
.conditioning-core-bar{height:16px;border:1px solid rgba(255,136,219,.2);border-radius:999px;background:#130817;overflow:hidden}
.conditioning-core-bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#70ebff 0%,#ff9cdc 48%,#ff4fc3 100%);box-shadow:0 0 22px rgba(255,79,195,.52)}
@media(max-width:760px){.conditioning-core{padding:13px}.conditioning-core strong{font-size:21px}.conditioning-spotlight .conditioning-focus-title{font-size:20px;white-space:normal}}

.live-deck-card.selected{border-color:rgba(255,79,195,.58);background:linear-gradient(145deg,rgba(255,79,195,.18),rgba(12,3,17,.72));box-shadow:0 0 34px rgba(255,79,195,.16)}
.live-deck-card{position:relative;display:grid;grid-template-columns:1fr;gap:12px;padding-right:126px}
.live-deck-card>div:first-child{min-width:0}
.ritual-meta-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 9px;color:var(--soft);font:800 10px ui-monospace,monospace;text-transform:uppercase;letter-spacing:.12em}
.ritual-slot-pill{display:inline-flex;align-items:center;min-height:24px;padding:5px 9px;border:1px solid rgba(255,156,220,.38);border-radius:999px;background:rgba(255,79,195,.13);color:#ff9cdc;box-shadow:0 0 16px rgba(255,79,195,.18)}
.ritual-slot-pill.morning{color:#ffd3ee;background:linear-gradient(135deg,rgba(255,211,238,.22),rgba(255,79,195,.12))}
.ritual-slot-pill.training{color:#70ebff;border-color:rgba(112,235,255,.36);background:rgba(112,235,255,.08)}
.ritual-slot-pill.bedtime,.ritual-slot-pill.overnight{color:#ff9cdc;border-color:rgba(255,79,195,.52);background:rgba(255,79,195,.2)}
.ritual-slot-pill.weekly_deepening{color:#74edba;border-color:rgba(116,237,186,.34);background:rgba(116,237,186,.08)}
.live-deck-card .deck-card-actions{width:100%;min-width:0;text-align:left;justify-items:start}
.deck-card-actions{display:flex!important;flex-direction:row!important;align-items:center;justify-content:flex-start;gap:12px;flex-wrap:nowrap;width:100%;padding-top:10px;border-top:0}
.deck-card-actions .tag{position:absolute;top:14px;right:16px;max-width:104px;text-align:center}
.deck-card-actions .deck-status{display:inline-flex;align-items:center;justify-content:center;min-height:26px;padding:6px 10px;border:1px solid rgba(255,156,220,.35);border-radius:999px;background:rgba(255,79,195,.14);color:var(--soft);font:800 9px ui-monospace,monospace;letter-spacing:.14em;text-transform:uppercase;line-height:1;box-shadow:0 0 18px rgba(255,79,195,.16);text-shadow:0 0 12px rgba(255,79,195,.42)}
.deck-card-actions .deck-status.live-dot{color:var(--pink);border-color:rgba(255,79,195,.45);background:rgba(255,79,195,.16);text-shadow:0 0 12px rgba(255,79,195,.58)}
.deck-card-actions .mini-action.icon-action{width:44px;height:44px;min-width:44px;min-height:44px;display:grid;place-items:center;padding:4px;border:0;border-radius:0;background:transparent;box-shadow:none}
.deck-card-actions .mini-action.icon-action img{width:32px;height:32px;object-fit:contain;filter:drop-shadow(0 0 8px rgba(255,79,195,.55))}
.deck-card-actions .mini-action.icon-action:hover{transform:translateY(-1px)}
.deck-card-actions .pill-action{background:transparent;border:0}
.deck-card-actions .pill-action img{width:34px;height:34px;filter:drop-shadow(0 0 8px rgba(255,79,195,.85))}
.task-progress{display:grid;gap:7px;margin:10px 0 2px;color:var(--soft);font-size:12px}
.task-progress>div{display:flex;align-items:center;justify-content:space-between;gap:10px;font-weight:850}
.task-progress span{min-width:0}
.task-progress strong{color:#fff4fb;font-size:11px}
.task-progress i{display:block;height:9px;border:1px solid rgba(255,136,219,.18);border-radius:999px;background:#130817;overflow:hidden}
.task-progress i b{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#70ebff,#ff4fc3);box-shadow:0 0 14px rgba(255,79,195,.44);transition:width .25s ease}
.current-task-progress{padding:11px 12px;border:1px solid rgba(112,235,255,.22);border-radius:14px;background:rgba(112,235,255,.06)}
.deck-progress{margin-top:9px;font-size:11px}
.task-link-row{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 4px}
.task-link-button{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:8px 12px;border:1px solid rgba(255,156,220,.35);border-radius:999px;background:linear-gradient(135deg,#ffd3ee,#ff4fc3);color:#230719!important;font:900 12px ui-monospace,monospace;box-shadow:0 0 20px rgba(255,79,195,.2)}
.task-link-button:hover{box-shadow:0 0 26px rgba(255,79,195,.42);transform:translateY(-1px)}
.path-progress-row.conditioning-row summary{display:grid;gap:8px;cursor:pointer;list-style:none}
.path-progress-row.conditioning-row summary::-webkit-details-marker{display:none}
.path-progress-row.conditioning-row[open]{padding:12px;border:1px solid rgba(255,136,219,.16);border-radius:12px;background:rgba(255,79,195,.05)}
.overall-core{margin-bottom:16px}
.handled{opacity:.72}
.ritual-expired-notice{margin:0 0 14px;padding:14px 16px;border:1px solid rgba(255,156,220,.38);border-radius:14px;background:linear-gradient(135deg,rgba(255,79,195,.18),rgba(14,5,19,.82));box-shadow:0 0 28px rgba(255,79,195,.14)}
.ritual-expired-notice small{display:block;color:#ff9cdc;font:900 10px ui-monospace,monospace;letter-spacing:.16em}
.ritual-expired-notice strong{display:block;margin-top:4px;color:#fff4fb;font:900 16px Inter,system-ui,sans-serif}
.ritual-expired-notice span{display:block;margin-top:5px;color:#dac6d5;font-size:13px;line-height:1.45}
.missed-path-section .path-command-heading small{color:#ff9cdc}
.expired-deck-card,.expired-history-item{border-color:rgba(255,156,220,.18);background:rgba(255,79,195,.05)}
.expired-deck-card .tag,.expired-history-item .tag{color:#ff9cdc;border-color:rgba(255,156,220,.34);background:rgba(255,79,195,.12)}
@media(max-width:760px){.deck-card-actions{justify-content:flex-start}.live-deck-card{align-items:start;padding-right:14px;padding-top:46px}.deck-card-actions .tag{top:12px;left:14px;right:auto;width:auto;max-width:calc(100% - 28px)}}

/* Love-board polish */
.app-page .game-hud{
  gap:12px;
  margin:18px 0 14px;
  padding:0;
}
.app-page .hud-chip{
  position:relative;
  overflow:hidden;
  min-height:76px;
  border-color:rgba(255,79,195,.34);
  border-radius:18px;
  background:
    radial-gradient(circle at 22% 12%,rgba(255,124,211,.28),transparent 34%),
    linear-gradient(145deg,rgba(75,16,69,.82),rgba(13,5,18,.94) 68%);
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.035),
    inset 0 0 36px rgba(255,79,195,.08),
    0 16px 44px rgba(0,0,0,.32),
    0 0 24px rgba(255,79,195,.08);
}
.app-page .hud-chip::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(115deg,rgba(255,255,255,.12),transparent 28%,transparent 74%,rgba(255,79,195,.10));
  opacity:.7;
}
.app-page .hud-chip>img,.app-page .hud-chip>span{
  position:relative;
  z-index:1;
  filter:drop-shadow(0 0 11px rgba(255,79,195,.52));
}
.app-page .hud-chip strong{
  position:relative;
  z-index:1;
  color:#ffd3ee;
  font:900 22px ui-monospace,monospace;
  text-shadow:0 0 16px rgba(255,79,195,.42);
}
.app-page .hud-chip small{
  position:relative;
  z-index:1;
  color:rgba(255,241,250,.72);
  font:800 8px ui-monospace,monospace;
  letter-spacing:.18em;
}
.app-page .hud-nav{
  gap:10px;
  padding:8px;
  border-color:rgba(255,79,195,.32);
  background:
    radial-gradient(circle at 22% 0,rgba(255,79,195,.18),transparent 42%),
    rgba(8,2,12,.9);
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.035),
    0 16px 44px rgba(0,0,0,.32),
    0 0 28px rgba(255,79,195,.10);
}
.app-page .hud-nav button{
  min-width:98px;
  justify-content:center;
  gap:8px;
  padding:10px 14px;
  color:rgba(255,241,250,.76);
  font-weight:800;
  transition:background .16s ease,box-shadow .16s ease,transform .16s ease,color .16s ease;
}
.app-page .hud-nav button img{
  width:27px;
  height:27px;
  filter:drop-shadow(0 0 8px rgba(255,79,195,.45));
}
.app-page .hud-nav button:hover{
  color:var(--ink);
  background:rgba(255,79,195,.10);
}
.app-page .hud-nav button.active{
  color:#230719;
  background:
    radial-gradient(circle at 28% 16%,#fff5fb,transparent 28%),
    linear-gradient(135deg,#ffd3ee,#ff4fc3 68%,#df2d9e);
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.34),
    0 0 22px rgba(255,79,195,.45),
    0 10px 28px rgba(0,0,0,.24);
  transform:translateY(-1px);
}
@media(max-width:1180px){
  .hud-dock-row{
    flex-direction:column;
    align-items:center;
  }
  .hud-bonus-dock{
    grid-template-columns:minmax(0,220px) minmax(0,260px);
    width:min(560px,100%);
    min-width:0;
  }
}
@media(max-width:760px){
  .hud-dock-row{
    position:static;
    display:grid;
    gap:10px;
    margin:0 0 12px;
  }
  .hud-bonus-dock{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    width:100%;
    max-width:430px;
    min-width:0;
    justify-self:center;
  }
  .hud-bonus-dock .quest-quick-button,.hud-bonus-dock .quest-quick-card{
    min-height:64px;
    padding:10px 11px;
    border-radius:14px;
  }
  .hud-bonus-dock span{
    font-size:7px;
    letter-spacing:.14em;
  }
  .hud-bonus-dock strong{
    font-size:14px;
  }
  .hud-bonus-dock small{
    font-size:9px;
  }
  .app-page .game-hud{
    grid-template-columns:repeat(5,minmax(104px,1fr));
    gap:9px;
    padding-bottom:4px;
  }
  .app-page .hud-chip{
    min-width:104px;
    min-height:78px;
    padding:10px 9px;
  }
  .app-page .hud-chip>img,.app-page .hud-chip>span{width:34px;height:34px}
  .app-page .hud-chip strong{font-size:17px}
  .app-page .hud-chip small{font-size:7px}
  .app-page .hud-nav{
    width:calc(100% - 18px);
    gap:4px;
    padding:7px;
  }
  .app-page .hud-nav button{
    min-width:68px;
    padding:7px 8px;
  }
  .app-page .hud-nav button img{
    width:27px;
    height:27px;
  }
}

/* Mobile app-shell fit pass */
@media(max-width:760px){
  .app-page .member-shell{
    width:100%;
    max-width:100%;
    overflow-x:hidden;
    padding-inline:12px;
    padding-top:74px;
    padding-bottom:176px;
  }
  .app-page .member-nav{
    min-height:0;
    height:0;
    padding:0;
  }
  .app-page .logo{
    position:absolute;
    top:18px;
    left:12px;
    z-index:70;
  }
  .app-page .member-summary{
    display:none;
  }
  .drawer-profile{
    position:relative;
    z-index:1;
    display:grid;
    grid-template-columns:50px minmax(0,1fr);
    gap:12px;
    align-items:center;
    width:100%;
    margin:8px 0 10px;
    padding:0 0 18px;
    border-bottom:1px solid rgba(255,136,219,.2);
  }
  .drawer-profile img{
    width:50px;
    height:50px;
    border:2px solid var(--pink);
    border-radius:50%;
    object-fit:cover;
    box-shadow:0 0 24px rgba(255,79,195,.35);
  }
  .drawer-profile span,
  .drawer-profile small,
  .drawer-profile strong{
    display:block;
  }
  .drawer-profile small{
    color:var(--pink);
    font:900 8px ui-monospace,monospace;
    letter-spacing:.18em;
  }
  .drawer-profile strong{
    color:var(--ink);
    font:900 18px ui-monospace,monospace;
    line-height:1.1;
    text-shadow:0 0 16px rgba(255,79,195,.32);
  }
  .app-menu-toggle{
    position:fixed;
    top:18px;
    right:14px;
    margin:0;
  }
  body.app-menu-open .app-menu-toggle{
    top:18px;
    right:14px;
  }
  .app-drawer{
    padding-top:72px;
    width:min(340px,88vw);
  }
  .app-drawer::before{
    position:absolute;
    top:36px;
    left:28px;
  }
  .app-page .member-hero{
    min-height:330px;
    padding:20px;
    border-radius:18px;
  }
  .app-page .member-hero h1{
    font-size:clamp(36px,10vw,46px);
    letter-spacing:-.035em;
  }
  .app-page .game-hud{
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:7px;
    width:100%;
    overflow:visible;
    margin:12px 0 12px;
    padding-bottom:0;
  }
  .app-page .hud-chip{
    min-width:0;
    min-height:70px;
    padding:8px 4px;
    border-radius:14px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    gap:2px;
  }
  .app-page .hud-chip>img,
  .app-page .hud-chip>span{
    width:27px;
    height:27px;
  }
  .app-page .hud-chip strong{
    max-width:100%;
    font-size:clamp(12px,3.6vw,15px);
    line-height:1;
    white-space:nowrap;
  }
  .app-page .hud-chip small{
    max-width:100%;
    font-size:6px;
    letter-spacing:.12em;
    white-space:nowrap;
  }
  body[data-hud] .member-grid,
  body[data-hud="quest"] .member-grid,
  body[data-hud="progress"] .member-grid,
  body[data-hud="store"] .member-grid,
  body[data-hud="settings"] .member-grid,
  body[data-hud="playlists"] .member-grid,
  body[data-hud="systems"] .member-grid{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    columns:auto!important;
    column-gap:0!important;
    max-width:none!important;
    width:100%!important;
    gap:14px!important;
  }
  body[data-hud] [data-hud-panel].hud-active,
  body[data-hud="quest"] .task-panel,
  body[data-hud="quest"] .quest-card:first-of-type,
  body[data-hud="quest"] .command-deck-panel,
  body[data-hud="quest"] .assignment-history-panel,
  body[data-hud="progress"] [data-hud-panel].hud-active,
  body[data-hud="store"] [data-hud-panel].hud-active,
  body[data-hud="settings"] [data-hud-panel].hud-active,
  body[data-hud="playlists"] [data-hud-panel].hud-active,
  body[data-hud="systems"] [data-hud-panel].hud-active{
    display:block!important;
    grid-column:1!important;
    grid-row:auto!important;
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    break-inside:auto!important;
  }
  .member-panel{
    width:100%;
    max-width:100%;
    overflow:hidden;
  }
  .history-item,
  .bonus-summary-row,
  .path-progress-row>div:first-child,
  .conditioning-row summary>div:first-child{
    display:grid;
    grid-template-columns:1fr;
    gap:8px;
    text-align:left;
    justify-items:start;
  }
  .history-item div:last-child,
  .path-progress-row small{
    min-width:0;
    text-align:left;
    justify-items:start;
  }
  .app-route-panel .leader{
    grid-template-columns:34px 42px minmax(0,1fr) auto;
    gap:10px;
    align-items:center;
  }
  .app-route-panel .leader>div:not(.score){
    display:grid;
    gap:2px;
    align-items:center;
  }
  .app-route-panel .leader .score{
    grid-column:auto;
    min-width:74px;
    text-align:right;
    justify-items:end;
  }
  .app-route-panel .leader .score strong,
  .app-route-panel .leader .score small{
    display:block;
    white-space:nowrap;
  }
  .role-cloud,
  .path-picker{
    max-width:100%;
  }
  .role-cloud span,
  .path-picker span{
    max-width:100%;
    white-space:normal;
  }
  .app-page .hud-nav{
    left:12px;
    right:12px;
    bottom:8px;
    transform:none;
    width:auto;
    max-width:none;
    justify-content:space-between;
    gap:2px;
    padding:6px;
    border-radius:28px;
    overflow:visible;
  }
  .app-page .hud-nav button{
    min-width:0;
    flex:1 1 0;
    padding:7px 2px;
    gap:3px;
    font-size:13px;
  }
  .app-page .hud-nav button img{
    width:24px;
    height:24px;
  }
  .app-page .hud-nav span{
    max-width:100%;
    overflow:hidden;
    text-overflow:ellipsis;
    font-size:9px;
    letter-spacing:0;
  }
  .app-persistent-player.jukie-compact{
    bottom:80px;
    width:calc(100vw - 24px);
  }
}

@media(min-width:1181px){
  .app-page .member-shell{
    width:min(1680px,100%);
    padding-left:clamp(278px,19vw,334px);
  }
  .app-page .app-member-nav>.logo{
    display:none;
  }
  .app-page .hud-dock-row{
    position:fixed;
    top:22px;
    left:max(18px,calc((100vw - 1680px)/2 + 22px));
    bottom:104px;
    z-index:75;
    width:clamp(230px,16vw,270px);
    display:flex;
    flex-direction:column;
    align-items:stretch;
    justify-content:flex-start;
    gap:14px;
    margin:0;
    padding:0 14px;
    border:0;
    border-radius:0;
    background:transparent;
    box-shadow:none;
    backdrop-filter:none;
  }
  .app-page .rail-logo{
    display:block;
    width:100%;
    height:62px;
    margin:0 0 4px;
    overflow:hidden;
  }
  .app-page .rail-logo img{
    display:block;
    width:100%;
    height:100%;
    object-fit:contain;
    object-position:left center;
    filter:drop-shadow(0 0 18px rgba(255,79,195,.48));
  }
  .app-page .hud-nav{
    position:static;
    display:grid;
    justify-items:stretch;
    align-items:stretch;
    justify-content:stretch;
    width:100%;
    inline-size:100%;
    max-width:none;
    gap:8px;
    margin:0;
    padding:0;
    border:0;
    border-radius:0;
    background:transparent;
    box-shadow:none;
    backdrop-filter:none;
  }
  .app-page .hud-nav button{
    width:100%;
    inline-size:100%;
    justify-self:stretch;
    box-sizing:border-box;
    min-width:0;
    justify-content:flex-start;
    gap:12px;
    padding:12px 13px;
    border:1px solid transparent;
    border-radius:14px;
    color:rgba(255,241,250,.82);
    background:transparent;
    font:800 14px Inter,system-ui,sans-serif;
    letter-spacing:0;
  }
  .app-page .hud-nav button img{
    width:30px;
    height:30px;
    flex:0 0 30px;
  }
  .app-page .hud-nav button.active{
    color:#230719;
    border-color:rgba(255,255,255,.24);
    background:
      radial-gradient(circle at 24% 16%,#fff5fb,transparent 28%),
      linear-gradient(135deg,#ffd3ee,#ff4fc3 68%,#df2d9e);
    box-shadow:0 0 24px rgba(255,79,195,.42),0 12px 28px rgba(0,0,0,.28);
    transform:none;
  }
  .app-page .hud-nav span{
    font-size:14px;
    letter-spacing:0;
  }
  .app-page .hud-bonus-dock{
    display:grid;
    grid-template-columns:1fr;
    justify-items:stretch;
    gap:10px;
    width:100%;
    inline-size:100%;
    min-width:0;
    margin-top:auto;
  }
  .app-page .hud-bonus-dock .quest-quick-button,
  .app-page .hud-bonus-dock .quest-quick-card{
    width:100%;
    inline-size:100%;
    justify-self:stretch;
    box-sizing:border-box;
    min-height:76px;
    padding:12px 13px;
    border-radius:16px;
  }
  .app-page .hud-bonus-dock span{
    font-size:7px;
    letter-spacing:.15em;
  }
  .app-page .hud-bonus-dock strong{
    font-size:15px;
  }
  .app-page .hud-bonus-dock small{
    font-size:10px;
    white-space:normal;
    line-height:1.25;
  }
}

/* Pink Pill obedience impulse card. */
.empty-deck-impulse .history-item{
  align-items:stretch;
}
.empty-deck-impulse .history-item strong{
  display:block;
  margin-bottom:6px;
  color:#fff4fb;
  font-size:1.08rem;
}
.impulse-button-row{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:12px;
}
.impulse-button-row button,
.empty-deck-impulse .text-action{
  min-height:38px;
  border:1px solid rgba(255,156,220,.34);
  border-radius:999px;
  padding:9px 14px;
  color:#fff4fb;
  background:linear-gradient(135deg,rgba(255,79,195,.34),rgba(12,3,17,.74));
  box-shadow:0 0 18px rgba(255,79,195,.16);
  font-weight:900;
  cursor:pointer;
}
.empty-deck-impulse .text-action{
  margin-top:10px;
  color:#70ffd2;
  background:rgba(8,2,12,.42);
}
@media(max-width:760px){
  .impulse-button-row{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .impulse-button-row button,
  .empty-deck-impulse .text-action{
    width:100%;
  }
}

@media(min-width:961px) and (max-height:760px){
  .app-page .hud-dock-row{
    top:16px;
    bottom:88px;
    padding:0 10px;
    gap:9px;
    overflow:auto;
  }
  .app-page .hud-nav{
    gap:6px;
  }
  .app-page .hud-nav button{
    padding:9px 11px;
  }
  .app-page .hud-bonus-dock .quest-quick-button,
  .app-page .hud-bonus-dock .quest-quick-card{
    min-height:62px;
  }
}

@media(min-width:901px){
  body[data-hud="progress"] .member-grid,
  body[data-hud="store"] .member-grid,
  body[data-hud="settings"] .member-grid{
    width:100%;
    max-width:none;
    margin-left:0;
    margin-right:0;
  }
}

.bambi-playlist-grid{
  display:grid;
  gap:14px;
}
.playlist-library-section{
  border:1px solid rgba(255,105,205,.24);
  border-radius:18px;
  background:linear-gradient(145deg,rgba(43,13,46,.52),rgba(11,4,16,.86));
  overflow:hidden;
}
.playlist-library-section summary{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:16px 18px;
  cursor:pointer;
  list-style:none;
}
.playlist-library-section summary::-webkit-details-marker{
  display:none;
}
.playlist-library-section summary::after{
  content:"⌄";
  display:grid;
  place-items:center;
  width:34px;
  height:34px;
  flex:0 0 34px;
  color:#26061c;
  font-weight:900;
  border-radius:999px;
  background:linear-gradient(135deg,#ffd3ee,#ff4fc3);
  box-shadow:0 0 18px rgba(255,79,195,.32);
}
.playlist-library-section[open] summary::after{
  content:"⌃";
}
.playlist-library-section summary div{
  display:grid;
  gap:4px;
  min-width:0;
}
.playlist-library-section summary small{
  color:#ff82d6;
  font:900 10px ui-monospace,monospace;
  letter-spacing:.14em;
}
.playlist-library-section summary strong{
  color:#fff;
  font-size:22px;
}
.playlist-library-section summary span{
  color:#d7bfd0;
  font-size:13px;
  line-height:1.35;
}
.playlist-library-grid{
  display:grid;
  gap:14px;
  padding:0 16px 16px;
}
.playlist-library-toolbar{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:10px;
  padding:0 16px 14px;
  flex-wrap:wrap;
}
.playlist-library-toolbar label{
  color:#ff82d6;
  font:900 10px ui-monospace,monospace;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.bambi-search-input,
.bambi-sort-select{
  min-width:190px;
  border:1px solid rgba(255,136,219,.32);
  border-radius:999px;
  padding:10px 14px;
  color:#fff;
  background:linear-gradient(145deg,rgba(42,10,45,.94),rgba(9,3,13,.96));
  font-weight:900;
  box-shadow:0 10px 28px rgba(0,0,0,.22);
}
.bambi-search-input{
  flex:1 1 210px;
}
.bambi-sort-select{
  padding-right:34px;
}
.bambi-playlist-grid.bambi-selected-layout{
  grid-template-columns:minmax(300px,.9fr) minmax(360px,1.1fr);
  align-items:start;
  gap:18px;
}
.bambi-playlist-card{
  display:grid;
  grid-template-columns:minmax(220px,.85fr) minmax(260px,1.15fr);
  gap:16px;
  align-items:start;
  padding:16px;
  border:1px solid rgba(255,105,205,.28);
  border-radius:18px;
  background:linear-gradient(135deg,rgba(255,79,195,.13),rgba(7,2,11,.76));
}
.community-playlist-card .bambi-file-list{
  align-self:start;
  align-content:start;
}
.bambi-track-details{
  align-self:start;
  min-width:0;
  border:1px solid rgba(255,136,219,.2);
  border-radius:14px;
  background:rgba(8,3,12,.48);
  overflow:hidden;
}
.bambi-track-details>summary{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:12px 14px;
  color:#ffd7f0;
  font-size:12px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.08em;
  cursor:pointer;
  list-style:none;
}
.bambi-track-details>summary::-webkit-details-marker{
  display:none;
}
.bambi-track-details>summary::after{
  content:"⌄";
  display:grid;
  place-items:center;
  width:26px;
  height:26px;
  flex:0 0 26px;
  border-radius:50%;
  color:#1b0715;
  background:linear-gradient(135deg,#ffd3ee,#ff4fc3);
  font-size:16px;
  line-height:1;
}
.bambi-track-details[open]>summary::after{
  content:"⌃";
}
.bambi-track-details .bambi-file-list{
  padding:0 12px 12px;
}
.community-playlist-card .bambi-file-list button{
  align-self:start;
  min-height:62px;
}
.bambi-selected-layout .bambi-playlist-card{
  grid-template-columns:1fr;
  min-width:0;
  padding:22px;
  border-radius:20px;
  background:linear-gradient(145deg,rgba(43,13,46,.84),rgba(17,7,22,.94));
}
.bambi-profile-copy{
  min-width:0;
}
.bambi-playlist-meta{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:14px 0 4px;
}
.bambi-playlist-meta span{
  display:inline-flex;
  align-items:center;
  min-height:26px;
  padding:5px 9px;
  border:1px solid rgba(255,136,219,.24);
  border-radius:999px;
  background:rgba(255,79,195,.08);
  color:#ffc1e9;
  font-size:11px;
  font-weight:800;
}
.bambi-selected-layout .playlist-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:16px;
}
.bambi-playlist-card small,
.bambi-player small{
  color:#ff82d6;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.bambi-playlist-card strong,
.bambi-player strong{
  display:block;
  color:#fff;
  font-size:22px;
}
.bambi-file-list{
  display:grid;
  gap:8px;
}
.bambi-track-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:10px;
  align-items:center;
}
.bambi-track-row>button{
  min-width:0;
}
.track-action-links{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  justify-content:flex-end;
}
.track-action-links .source-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:38px;
  padding:9px 13px;
  border-radius:10px;
  white-space:nowrap;
  line-height:1;
  font-size:12px;
  font-weight:950;
  text-decoration:none;
  cursor:pointer;
}
.track-action-links .copy-link-button{
  border:0;
  color:#24051a;
  background:linear-gradient(135deg,#ffe0f5,#ff62ca 55%,#ff2eb8);
  box-shadow:0 10px 24px rgba(255,79,195,.22), inset 0 0 0 1px rgba(255,255,255,.35);
}
.track-action-links .source-button{
  border:1px solid rgba(255,136,219,.25);
  color:#ffd7f0;
  background:rgba(255,79,195,.08);
}
.bambi-source-note{
  margin:12px 16px 14px;
  color:#d8bfd2;
  font-size:13px;
  line-height:1.45;
}
.bambi-profile-copy .bambi-source-note{
  margin:12px 0 0;
}
.bambi-source-note a{
  color:#ff9cdc;
  font-weight:900;
}
.bambi-file-list button{
  display:grid;
  grid-template-columns:28px minmax(0,1fr);
  gap:2px 10px;
  align-items:center;
  width:100%;
  min-width:0;
  padding:10px 12px;
  color:#fff;
  text-align:left;
  border:1px solid rgba(255,105,205,.28);
  border-radius:14px;
  background:rgba(12,3,18,.72);
  cursor:pointer;
  transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,background .16s ease;
}
.selected-track-list button{
  grid-template-columns:36px minmax(0,1fr);
  gap:6px 10px;
  padding:12px;
}
.selected-track-list button span{
  width:36px;
  height:36px;
}
.bambi-file-list button:hover,
.bambi-file-list button.active{
  transform:translateY(-1px);
  border-color:rgba(255,130,214,.78);
  background:linear-gradient(135deg,rgba(255,79,195,.24),rgba(28,5,35,.92));
  box-shadow:0 0 18px rgba(255,79,195,.18);
}
.bambi-file-list button span{
  grid-row:1 / span 2;
  display:grid;
  place-items:center;
  width:28px;
  height:28px;
  color:#2a061c;
  font-weight:900;
  border-radius:999px;
  background:linear-gradient(135deg,#ffd2ef,#ff55c6);
}
.bambi-file-list button b{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.bambi-file-list button small{
  letter-spacing:0;
  text-transform:none;
}
.bambi-player{
  display:grid;
  grid-template-columns:minmax(180px,.45fr) minmax(260px,1fr);
  gap:16px;
  align-items:center;
  margin-top:16px;
  padding:16px;
  border:1px solid rgba(255,105,205,.32);
  border-radius:20px;
  background:linear-gradient(135deg,rgba(255,79,195,.14),rgba(7,2,11,.94));
  box-shadow:0 18px 48px rgba(0,0,0,.34),0 0 28px rgba(255,79,195,.18);
}
.bambi-selected-layout .bambi-player{
  grid-template-columns:1fr;
  align-items:stretch;
  margin-top:18px;
  padding:18px;
  border-color:rgba(255,136,219,.28);
  border-radius:20px;
  background:radial-gradient(circle at 86% 10%,rgba(255,79,195,.22),transparent 30%),linear-gradient(135deg,rgba(255,79,195,.13),rgba(112,235,255,.055)),rgba(18,6,22,.78);
  box-shadow:0 22px 72px rgba(0,0,0,.28),0 0 45px rgba(255,79,195,.08);
}
.bambi-player .track-now{
  min-width:0;
  display:grid;
  gap:4px;
}
.bambi-player span{
  display:block;
  color:#f4bddf;
}
.bambi-player audio{
  display:none;
}
.bambi-app-player{
  display:grid;
  grid-template-columns:40px 46px minmax(38px,auto) minmax(120px,1fr) minmax(38px,auto) 40px;
  gap:10px;
  align-items:center;
  width:100%;
  min-width:0;
}
.bambi-selected-layout .bambi-app-player{
  grid-template-columns:38px 38px auto minmax(160px,1fr) auto 38px;
  gap:10px;
  padding:11px 14px;
  border:1px solid rgba(255,156,220,.28);
  border-radius:999px;
  background:linear-gradient(145deg,rgba(12,3,17,.96),rgba(45,10,42,.92));
  box-shadow:0 16px 42px rgba(0,0,0,.28),0 0 34px rgba(255,79,195,.16),inset 0 0 0 1px rgba(255,255,255,.035);
}
.bambi-selected-layout .bambi-app-player button{
  width:38px;
  height:38px;
  border:1px solid rgba(255,156,220,.32);
}
.bambi-selected-layout .bambi-app-player #bambi-toggle{
  width:38px;
  height:38px;
}
.bambi-app-player button{
  display:grid;
  place-items:center;
  width:40px;
  height:40px;
  padding:0;
  color:#210317;
  font-size:24px;
  font-weight:1000;
  line-height:1;
  border:0;
  border-radius:999px;
  background:linear-gradient(135deg,#ffe5f6,#ff62ca 55%,#ff2eb8);
  box-shadow:0 10px 22px rgba(255,48,184,.25);
  cursor:pointer;
}
.bambi-app-player #bambi-toggle{
  width:46px;
  height:46px;
  font-size:18px;
}
.bambi-app-player span{
  color:#ffd7f0;
  font-size:12px;
  font-weight:900;
  font-variant-numeric:tabular-nums;
  text-align:center;
}
.bambi-app-player input[type="range"]{
  --bambi-progress:0%;
  width:100%;
  min-width:0;
  accent-color:#ff55c6;
  background:linear-gradient(90deg,#ff55c6 var(--bambi-progress),rgba(255,255,255,.18) var(--bambi-progress));
  border-radius:999px;
}
.bambi-app-player input[type="range"]::-webkit-slider-runnable-track{
  height:8px;
  border-radius:999px;
  background:transparent;
}
.bambi-app-player input[type="range"]::-webkit-slider-thumb{
  margin-top:-5px;
  width:18px;
  height:18px;
  border:2px solid #fff;
  border-radius:999px;
  background:#ff55c6;
  box-shadow:0 0 14px rgba(255,85,198,.65);
  -webkit-appearance:none;
}
.playlist-studio{
  margin-bottom:18px;
  padding-bottom:18px;
  border-bottom:1px solid rgba(255,136,219,.18);
}
.compact-heading{
  gap:12px;
  align-items:end;
}
.playlist-studio .compact-heading{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
}
.playlist-studio #playlist-create{
  width:auto;
  min-width:118px;
  min-height:46px;
  align-self:center;
  padding:13px 20px;
  border-radius:11px;
  white-space:nowrap;
  box-shadow:0 14px 34px rgba(255,79,195,.24);
}
.playlist-studio-body{
  display:grid;
  gap:12px;
}
.playlist-studio-limit{
  display:flex;
  justify-content:space-between;
  gap:12px;
  padding:10px 12px;
  border:1px solid rgba(255,136,219,.2);
  border-radius:14px;
  background:rgba(255,79,195,.07);
  color:#ffd7f0;
  font-size:13px;
}
.playlist-studio-limit div{
  display:grid;
  gap:3px;
}
.playlist-studio-limit small{
  color:#cdb7c8;
  font-size:12px;
  line-height:1.35;
}
.playlist-studio-grid{
  display:grid;
  grid-template-columns:minmax(280px,.9fr) minmax(320px,1.1fr);
  gap:14px;
  align-items:start;
}
.studio-builder-card,
.studio-catalog-card{
  display:grid;
  gap:12px;
  min-width:0;
  padding:14px;
  border:1px solid rgba(255,105,205,.24);
  border-radius:18px;
  background:linear-gradient(145deg,rgba(43,13,46,.62),rgba(11,4,16,.86));
}
.studio-toolbar,
.studio-actions,
.studio-two,
.studio-catalog-heading{
  display:flex;
  gap:10px;
  align-items:center;
}
.studio-toolbar select,
.studio-toolbar button,
.studio-builder-card input,
.studio-builder-card textarea,
.studio-builder-card select{
  width:100%;
  min-width:0;
  border:1px solid rgba(255,136,219,.24);
  border-radius:12px;
  background:rgba(10,2,14,.78);
  color:#fff;
}
.studio-toolbar button{
  width:auto;
  min-height:38px;
  padding:8px 12px;
}
.studio-toolbar-actions{
  justify-content:space-between;
  flex-wrap:wrap;
}
.studio-status-row{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.studio-status-row span{
  display:inline-flex;
  align-items:center;
  min-height:30px;
  padding:6px 10px;
  border:1px solid rgba(111,239,230,.26);
  border-radius:999px;
  background:rgba(111,239,230,.08);
  color:#9ffcff;
  font-size:11px;
  font-weight:900;
}
.studio-toolbar-actions a,
.studio-toolbar-actions button,
.playlist-card-actions a,
.playlist-card-actions button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:auto;
  min-height:34px;
  padding:8px 12px;
  border:1px solid rgba(255,136,219,.22);
  border-radius:999px;
  background:rgba(255,79,195,.1);
  color:#ffd7f0;
  font-size:12px;
  font-weight:900;
  text-decoration:none;
  cursor:pointer;
}
.studio-toolbar-actions a:hover,
.studio-toolbar-actions button:hover,
.playlist-card-actions a:hover,
.playlist-card-actions button:hover{
  border-color:rgba(255,121,213,.62);
  color:#fff;
}
.studio-private-note{
  color:#cdb7c8;
  font-size:12px;
}
.playlist-card-actions{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:10px 0;
}
.playlist-library-pager{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  margin:18px 0 2px;
}
.playlist-library-pager button,
.playlist-library-pager span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  padding:8px 12px;
  border:1px solid rgba(255,136,219,.22);
  border-radius:999px;
  background:rgba(255,79,195,.1);
  color:#ffd7f0;
  font-size:12px;
  font-weight:900;
}
.playlist-library-pager button{
  cursor:pointer;
}
.playlist-library-pager button:disabled{
  cursor:not-allowed;
  opacity:.42;
}
.studio-playlist-picker{
  display:grid;
  gap:8px;
}
.studio-playlist-picker button{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:5px 12px;
  align-items:center;
  width:100%;
  min-height:48px;
  padding:10px 12px;
  border:1px solid rgba(255,136,219,.22);
  border-radius:14px;
  background:rgba(10,2,14,.72);
  color:#fff;
  text-align:left;
  cursor:pointer;
}
.studio-playlist-picker button.active{
  border-color:rgba(255,121,213,.74);
  background:linear-gradient(135deg,rgba(255,79,195,.24),rgba(53,12,58,.78));
  box-shadow:0 12px 28px rgba(255,79,195,.14);
}
.studio-playlist-picker span{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-weight:900;
}
.studio-playlist-picker small{
  color:#ffc1e9;
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.04em;
}
.studio-select-wrap{
  position:relative;
  display:block;
}
.studio-select-wrap::after{
  content:"⌄";
  position:absolute;
  right:12px;
  top:50%;
  transform:translateY(-52%);
  color:#ff88db;
  pointer-events:none;
  font-weight:900;
}
.studio-builder-card label{
  display:grid;
  gap:6px;
  color:#ffc1e9;
  font-size:12px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.studio-builder-card input,
.studio-builder-card textarea,
.studio-builder-card select{
  appearance:none;
  -webkit-appearance:none;
  padding:10px 11px;
  font-size:14px;
  letter-spacing:0;
  text-transform:none;
}
.studio-builder-card select{
  padding-right:34px;
  background:linear-gradient(135deg,rgba(37,7,39,.92),rgba(13,4,18,.92));
}
.studio-two label{
  flex:1;
}
.studio-actions{
  flex-wrap:wrap;
}
.studio-actions button{
  min-height:40px;
}
.studio-selected-tracks{
  display:grid;
  gap:8px;
}
.studio-track-row{
  display:grid;
  grid-template-columns:34px 34px minmax(0,1fr) 34px;
  gap:7px;
  align-items:center;
}
.studio-track-row>button:not(.studio-track-play){
  width:34px;
  height:34px;
  padding:0;
  border:1px solid rgba(255,136,219,.24);
  border-radius:999px;
  background:rgba(255,79,195,.12);
  color:#ffd7f0;
  font-weight:900;
  cursor:pointer;
}
.studio-track-play{
  display:grid;
  grid-template-columns:30px minmax(0,1fr);
  gap:2px 9px;
  align-items:center;
  width:100%;
  min-width:0;
  padding:9px 10px;
  border:1px solid rgba(255,105,205,.24);
  border-radius:13px;
  background:rgba(12,3,18,.72);
  color:#fff;
  text-align:left;
  cursor:pointer;
}
.studio-track-play span{
  grid-row:1 / span 2;
  display:grid;
  place-items:center;
  width:30px;
  height:30px;
  border-radius:999px;
  background:linear-gradient(135deg,#ffd2ef,#ff55c6);
  color:#2a061c;
  font-weight:900;
}
.studio-track-play b,
.studio-catalog-item strong{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.studio-track-play small,
.studio-catalog-item small{
  color:#ffc1e9;
  font-size:12px;
}
.studio-catalog-heading{
  justify-content:space-between;
  color:#fff;
}
.studio-catalog-heading>div{
  display:grid;
  gap:3px;
  min-width:0;
}
.studio-catalog-heading small{
  color:#cdb7c8;
  font-size:12px;
}
.studio-catalog-search{
  display:grid;
  gap:10px;
  min-width:0;
  padding:12px;
  border:1px solid rgba(255,136,219,.18);
  border-radius:15px;
  background:rgba(9,2,13,.52);
}
.studio-catalog-search label{
  display:grid;
  gap:5px;
  min-width:0;
  color:#ffc1e9;
  font-size:11px;
  font-weight:900;
  letter-spacing:.05em;
  text-transform:uppercase;
}
.studio-catalog-query>span{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:8px;
}
.studio-catalog-search input,
.studio-catalog-search select,
.studio-catalog-search button,
.studio-catalog-state button,
.studio-catalog-pager button{
  min-width:0;
  min-height:42px;
  border:1px solid rgba(255,136,219,.28);
  border-radius:11px;
  background:linear-gradient(135deg,rgba(37,7,39,.94),rgba(13,4,18,.94));
  color:#fff;
  font:750 13px Inter,system-ui,sans-serif;
}
.studio-catalog-search input,
.studio-catalog-search select{
  width:100%;
  padding:9px 10px;
}
.studio-catalog-search button,
.studio-catalog-state button,
.studio-catalog-pager button{
  padding:9px 13px;
  color:#26061b;
  background:linear-gradient(135deg,#ffe5f6,#ff62ca);
  font-weight:900;
  cursor:pointer;
}
.studio-catalog-search button:focus-visible,
.studio-catalog-state button:focus-visible,
.studio-catalog-pager button:focus-visible,
.studio-catalog-search input:focus-visible,
.studio-catalog-search select:focus-visible{
  outline:3px solid #70ebff;
  outline-offset:2px;
}
.studio-catalog-filters{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:9px;
}
.studio-catalog-clear{
  justify-self:start;
  background:rgba(255,79,195,.1)!important;
  color:#ffd7f0!important;
}
.studio-catalog-list{
  display:grid;
  gap:8px;
  max-height:560px;
  overflow:auto;
  padding-right:4px;
}
.studio-catalog-item{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:10px;
  align-items:center;
  padding:10px;
  border:1px solid rgba(255,105,205,.2);
  border-radius:14px;
  background:rgba(12,3,18,.64);
}
.studio-catalog-item.locked{
  opacity:.55;
}
.studio-catalog-copy{
  display:grid;
  gap:4px;
  min-width:0;
}
.studio-catalog-copy code{
  overflow:hidden;
  color:#a9f7ff;
  font:700 10px ui-monospace,monospace;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.studio-catalog-item button{
  min-height:34px;
  padding:7px 12px;
  border:0;
  border-radius:999px;
  background:linear-gradient(135deg,#ffe5f6,#ff62ca);
  color:#220317;
  font-weight:900;
  cursor:pointer;
}
.studio-catalog-item button:disabled{
  cursor:not-allowed;
  opacity:.6;
}
.studio-trigger-chips{
  display:flex;
  flex-wrap:wrap;
  gap:5px;
  margin-top:5px;
}
.studio-trigger-chips span{
  padding:3px 7px;
  border:1px solid rgba(255,136,219,.18);
  border-radius:999px;
  color:#ffd7f0;
  font-size:11px;
}
.studio-catalog-state{
  display:grid;
  justify-items:start;
  gap:9px;
  min-height:120px;
  align-content:center;
  padding:18px;
  border:1px dashed rgba(255,136,219,.28);
  border-radius:14px;
  color:#d8c1d2;
}
.studio-catalog-state.error{
  border-color:rgba(255,105,145,.5);
  background:rgba(91,14,41,.16);
  color:#ffdce9;
}
.studio-catalog-state p{
  margin:0;
}
.studio-catalog-pager{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
}
.studio-catalog-pager span{
  color:#ffd7f0;
  font-size:12px;
  font-weight:900;
}
.studio-catalog-pager button:disabled{
  cursor:not-allowed;
  opacity:.42;
}

@media(max-width:1180px){
  .studio-catalog-filters{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:760px){
  .bambi-playlist-grid.bambi-selected-layout,
  .bambi-playlist-card,
  .bambi-player{
    grid-template-columns:1fr;
  }
  .bambi-playlist-grid.bambi-selected-layout{
    gap:12px;
  }
  .bambi-playlist-card{
    padding:13px;
  }
  .bambi-selected-layout .bambi-playlist-card{
    padding:15px;
  }
  .selected-track-list button{
    grid-template-columns:32px minmax(0,1fr);
  }
  .bambi-track-row{
    grid-template-columns:1fr;
  }
  .track-action-links{
    justify-content:flex-start;
    padding-left:42px;
  }
  .track-action-links .source-link{
    min-height:32px;
    padding:7px 11px;
  }
  .bambi-playlist-card strong,
  .bambi-player strong{
    font-size:19px;
  }
  .bambi-app-player{
    grid-template-columns:34px 40px 34px minmax(80px,1fr) 34px 34px;
    gap:7px;
  }
  .bambi-app-player button{
    width:34px;
    height:34px;
    font-size:21px;
  }
  .bambi-app-player #bambi-toggle{
    width:40px;
    height:40px;
    font-size:16px;
  }
  .bambi-app-player span{
    font-size:11px;
  }
  .bambi-selected-layout .bambi-app-player{
    grid-template-columns:32px 32px minmax(84px,1fr) auto 32px;
    gap:7px;
    padding:8px 9px;
  }
  .bambi-selected-layout .bambi-app-player #bambi-current{
    display:none;
  }
  .bambi-selected-layout .bambi-app-player button,
  .bambi-selected-layout .bambi-app-player #bambi-toggle{
    width:32px;
    height:32px;
  }
  .playlist-studio-grid,
  .studio-two,
  .playlist-studio-limit{
    grid-template-columns:1fr;
    flex-direction:column;
    align-items:stretch;
  }
  .studio-catalog-list{
    max-height:none;
  }
  .studio-catalog-filters{
    grid-template-columns:1fr;
  }
  .studio-catalog-query>span{
    grid-template-columns:1fr;
  }
  .studio-catalog-search button,
  .studio-catalog-state button{
    width:100%;
  }
  .studio-catalog-item{
    grid-template-columns:1fr;
  }
  .studio-catalog-item>button{
    width:100%;
    min-height:44px;
  }
  .studio-catalog-copy code{
    overflow-wrap:anywhere;
    text-overflow:clip;
    white-space:normal;
  }
  .studio-catalog-pager{
    display:grid;
    grid-template-columns:1fr auto 1fr;
    width:100%;
  }
  .studio-catalog-pager button{
    min-width:0;
    padding-inline:8px;
  }
  .studio-track-row{
    grid-template-columns:30px 30px minmax(0,1fr) 30px;
  }
  .studio-track-row>button:not(.studio-track-play){
    width:30px;
    height:30px;
  }
}

/* Mobile readability pass: reduce visual competition above the fold. */
@media(max-width:760px){
  .app-page .member-shell{
    padding-inline:10px;
    padding-top:72px;
    padding-bottom:164px;
  }
  .app-page .logo.logo-image{
    width:132px;
    height:48px;
  }
  .app-menu-toggle{
    width:54px;
    height:54px;
    border-radius:16px;
  }
  .app-page .member-hero{
    min-height:255px;
    padding:18px;
    align-items:end;
    border-radius:18px;
  }
  .app-page .member-hero::after{
    inset:12px;
    border-radius:14px;
  }
  .app-page .member-hero h1{
    max-width:72%;
    font-size:clamp(31px,9vw,39px);
    line-height:1.02;
    letter-spacing:-.025em;
    margin-bottom:8px;
  }
  .app-page .member-hero .lede{
    max-width:68%;
    font-size:15px;
    line-height:1.38;
  }
  .app-page .member-hero .system-line{
    margin-bottom:8px;
    font-size:8px;
    letter-spacing:.17em;
  }
  .app-page .level-ring{
    position:absolute;
    right:18px;
    bottom:24px;
    width:96px;
    height:96px;
  }
  .app-page .level-ring strong{
    font-size:33px;
  }
  .app-page .level-ring span,
  .app-page .level-ring small{
    font-size:7px;
  }
  .app-page .game-hud{
    gap:6px;
    margin:20px 0 10px;
  }
  .app-page .game-hud::before,
  .app-page .hud-bonus-dock::before,
  .app-persistent-player.jukie-compact::before{
    content:"TODAY'S PROGRESS";
    grid-column:1/-1;
    display:block;
    padding-bottom:7px;
    border-bottom:1px solid rgba(255,136,219,.28);
    color:#ff9cdc;
    font:900 10px ui-monospace,monospace;
    letter-spacing:.2em;
    text-transform:uppercase;
  }
  .app-page .hud-chip{
    min-height:62px;
    padding:7px 3px;
    border-radius:13px;
  }
  .app-page .hud-chip>img,
  .app-page .hud-chip>span{
    width:23px;
    height:23px;
  }
  .app-page .hud-chip strong{
    font-size:clamp(12px,3.4vw,14px);
  }
  .app-page .hud-chip small{
    font-size:5.5px;
    letter-spacing:.09em;
  }
  .hud-bonus-dock{
    position:relative;
    gap:7px;
    max-width:none;
    margin-top:18px;
  }
  .app-page .hud-bonus-dock::before{
    content:"BONUS XP OPPORTUNITIES";
  }
  .hud-bonus-dock .quest-quick-button,
  .hud-bonus-dock .quest-quick-card{
    grid-template-columns:34px minmax(0,1fr) auto;
    align-items:center;
    align-content:center;
    min-height:58px;
    padding:11px 12px;
    border-radius:14px;
  }
  .hud-bonus-dock .quest-quick-button::before,
  .hud-bonus-dock .quest-quick-card::before{
    content:"";
    grid-row:1 / span 3;
    width:32px;
    height:32px;
    border-radius:12px;
    background:rgba(255,79,195,.18);
    box-shadow:inset 0 0 0 1px rgba(255,136,219,.18),0 0 18px rgba(255,79,195,.16);
  }
  .hud-bonus-dock .quest-quick-button::before{
    background:radial-gradient(circle at 35% 32%,#ff9cdc 0 5px,transparent 6px),radial-gradient(circle at 68% 32%,#ff9cdc 0 5px,transparent 6px),radial-gradient(ellipse at 50% 78%,#ff4fc3 0 15px,transparent 16px);
  }
  .hud-bonus-dock .quest-quick-card::before{
    background:radial-gradient(ellipse at 50% 48%,#ff74d0 0 17px,transparent 18px),linear-gradient(135deg,rgba(255,79,195,.22),rgba(255,156,220,.06));
  }
  .hud-bonus-dock .quest-quick-button::after,
  .hud-bonus-dock .quest-quick-card::after{
    content:"›";
    position:static;
    grid-column:3;
    grid-row:1 / span 3;
    display:grid;
    place-items:center;
    width:22px;
    height:22px;
    border:0;
    transform:none;
    background:transparent;
    color:#ff9cdc;
    font:900 28px/1 ui-monospace,monospace;
  }
  .hud-bonus-dock span{
    display:none;
  }
  .hud-bonus-dock strong{
    font-size:14px;
    line-height:1.1;
    white-space:normal;
  }
  .hud-bonus-dock small{
    font-size:10px;
    line-height:1.25;
    white-space:normal;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
  }
  .sync-overview{
    margin-top:8px;
  }
  .sync-overview .conditioning-core{
    padding:12px;
    border-radius:16px;
  }
  .sync-overview .conditioning-core strong{
    font-size:18px;
  }
  .app-persistent-player.jukie-compact{
    bottom:73px;
    width:calc(100vw - 20px);
    grid-template-columns:minmax(0,1fr) auto;
    grid-template-rows:auto auto auto;
    gap:7px 10px;
    padding:10px 12px;
    border-radius:18px;
  }
  .app-persistent-player.jukie-compact::before{
    content:"CURRENT PLAYLIST";
    margin-bottom:1px;
  }
  .app-persistent-player .jukie-compact-copy strong{
    font-size:12px;
  }
  .app-persistent-player .jukie-compact-copy span{
    font-size:10px;
  }
  .app-persistent-player .jukie-mini-controls{
    gap:5px;
  }
  .app-persistent-player .jukie-mini-controls button,
  .app-persistent-player .jukie-mini-controls #jukie-toggle{
    width:35px;
    height:35px;
  }
  .persistent-bambi-progress{
    grid-column:1/-1;
    grid-template-columns:36px minmax(0,1fr) 36px;
    gap:7px;
  }
  .persistent-bambi-progress span{
    font-size:10px;
  }
  .app-page .hud-nav{
    bottom:6px;
    padding:5px;
  }
  .app-page .hud-nav button img{
    width:22px;
    height:22px;
  }
  .app-page .hud-nav span{
    font-size:8px;
  }
  .task-panel{
    padding:20px 20px 18px;
    border-radius:18px;
  }
  .task-panel>.label{
    display:block;
    margin-bottom:12px;
    font-size:9px;
    letter-spacing:.18em;
  }
  #current-task .ritual-meta-row{
    margin-bottom:12px;
  }
  #current-task .ritual-slot-pill{
    min-height:28px;
    padding:7px 11px;
    font-size:10px;
    letter-spacing:.12em;
  }
  #current-task h2{
    font-size:clamp(24px,7.2vw,31px);
    line-height:1.08;
    letter-spacing:-.025em;
    margin-bottom:12px;
  }
  #current-task p{
    font-size:16px;
    line-height:1.45;
    margin-bottom:12px;
  }
  #current-task .action,
  #current-task .secondary-action{
    width:auto;
    min-height:42px;
    padding:10px 16px;
    border-radius:999px;
    font-size:14px;
  }
  #current-task .muted{
    font-size:14px;
    line-height:1.4;
  }
  #current-task .pill-note{
    align-items:flex-start;
    gap:9px;
    text-align:left;
    font-size:13px;
  }
}

/* Final mobile PWA polish. Keep these overrides last so older HUD rules cannot re-expand the top of the app. */
@media(max-width:760px){
  .app-page .member-shell{
    padding-inline:10px!important;
    padding-top:0!important;
    padding-bottom:158px!important;
  }
  .app-page .member-nav{
    position:sticky!important;
    top:0!important;
    min-height:56px!important;
    height:56px!important;
    max-height:56px!important;
    margin:0 -10px!important;
    padding:2px 10px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:10px!important;
    overflow:visible!important;
  }
  .app-page .logo{
    position:static!important;
    top:auto!important;
    left:auto!important;
  }
  .app-page .member-nav .logo.logo-image{
    width:150px!important;
    height:48px!important;
    flex:0 0 auto!important;
    overflow:visible!important;
  }
  .app-page .member-summary{
    margin-left:0!important;
    flex:0 0 auto!important;
  }
  .app-page .app-menu-toggle{
    width:44px!important;
    height:44px!important;
    margin:-8px 0 0!important;
    flex:0 0 44px!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  .app-page .member-hero{
    min-height:0!important;
    margin:6px 0 8px!important;
    padding:12px 12px 10px!important;
    border-radius:16px!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(108px,33vw)!important;
    align-items:start!important;
    gap:9px 10px!important;
  }
  .app-page .member-hero h1{
    max-width:none!important;
    font-size:clamp(21px,6.8vw,28px)!important;
    line-height:1.02!important;
    letter-spacing:-.035em!important;
    margin-bottom:0!important;
  }
  .app-page .member-hero h1 em{
    max-width:100%!important;
  }
  .app-page .hero-rank-line{
    margin:5px 0 0!important;
    font-size:10px!important;
    letter-spacing:.1em!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .app-page .member-hero .system-line{
    margin-bottom:5px!important;
    font-size:9px!important;
    letter-spacing:.16em!important;
  }
  .app-page .member-hero .system-line i{
    width:9px!important;
    height:9px!important;
    margin-right:7px!important;
  }
  .app-page #member-status{
    display:none!important;
  }
  .app-page .level-ring{
    position:static!important;
    top:auto!important;
    right:auto!important;
    align-self:start!important;
    justify-self:end!important;
    width:min(128px,33vw)!important;
    height:auto!important;
    display:grid!important;
    place-content:center!important;
    justify-items:center!important;
    align-items:center!important;
    gap:3px!important;
    padding:11px 8px!important;
    border:1px solid rgba(255,156,220,.22)!important;
    border-radius:12px!important;
    background:linear-gradient(180deg,rgba(8,2,12,.84),rgba(26,6,31,.58))!important;
    box-shadow:0 8px 24px rgba(0,0,0,.2),0 0 18px rgba(255,79,195,.12)!important;
    text-align:center!important;
  }
  .app-page .level-ring strong{
    max-width:100%!important;
    min-width:2.4ch!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    font-size:clamp(30px,8.8vw,38px)!important;
    line-height:.86!important;
    font-variant-numeric:tabular-nums!important;
    letter-spacing:0!important;
  }
  .app-page .level-ring span,
  .app-page .level-ring small{
    max-width:100%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    font-size:9.5px!important;
    line-height:1.15!important;
    letter-spacing:.08em!important;
    font-variant-numeric:tabular-nums!important;
    text-align:center!important;
  }
  .app-page .app-donation-goal{display:none!important}
  .app-page .member-hero .sync-overview{
    grid-column:1/-1!important;
    width:100%!important;
    margin:0!important;
  }
  .app-page .member-hero .sync-overview .muted{
    margin:0!important;
    font-size:12px!important;
  }
  .app-page .conditioning-strip{
    gap:6px!important;
    padding:9px 10px!important;
    border-radius:12px!important;
    background:rgba(8,2,12,.54)!important;
  }
  .app-page .conditioning-strip-head{
    grid-template-columns:minmax(0,1fr) auto 20px!important;
    gap:6px!important;
  }
  .app-page .conditioning-strip-head span{
    font-size:9px!important;
    letter-spacing:.1em!important;
  }
  .app-page .conditioning-strip-head strong{
    font-size:16px!important;
  }
  .app-page .conditioning-strip-head button{
    width:20px!important;
    height:20px!important;
    font-size:11px!important;
  }
  .app-page .conditioning-strip-head em{
    right:-2px!important;
    top:calc(100% + 7px)!important;
    width:min(286px,calc(100vw - 44px))!important;
    font-size:11px!important;
  }
  .app-page .conditioning-strip .conditioning-core-bar{
    height:7px!important;
  }
  body.app-menu-open .app-menu-toggle{
    z-index:1004!important;
  }
  .app-page .app-drawer{
    position:fixed!important;
    inset:0 0 0 auto!important;
    z-index:1003!important;
    isolation:isolate!important;
    overflow:auto!important;
    background-color:#050207!important;
    background:
      radial-gradient(circle at 24px 28px,rgba(255,79,195,.22),transparent 118px),
      linear-gradient(180deg,#100613 0%,#07020a 48%,#030105 100%)!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    opacity:1!important;
    filter:none!important;
  }
  .app-page .app-drawer::after{
    z-index:0!important;
  }
  .app-page .app-drawer > *{
    position:relative!important;
    z-index:1!important;
  }
  .app-page .app-menu-scrim{
    z-index:1002!important;
    background:rgba(2,0,5,.78)!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    filter:none!important;
  }
  .app-page .game-hud{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    margin:10px 0 12px!important;
    overflow:visible!important;
  }
  .app-page .game-hud::before{
    grid-column:1/-1!important;
    padding:0 0 2px!important;
    font-size:10px!important;
    letter-spacing:.16em!important;
    color:#ff9cdc!important;
  }
  .app-page .hud-chip{
    min-width:0!important;
    min-height:74px!important;
    display:grid!important;
    grid-template-columns:38px minmax(0,1fr)!important;
    grid-template-rows:auto auto!important;
    align-items:center!important;
    column-gap:10px!important;
    row-gap:1px!important;
    padding:11px 12px!important;
    border-radius:16px!important;
    text-align:left!important;
  }
  .app-page .hud-chip:last-child{
    grid-column:auto!important;
    min-height:74px!important;
    grid-template-columns:38px minmax(0,1fr)!important;
  }
  .app-page .hud-chip>img,
  .app-page .hud-chip>span{
    grid-row:1 / 3!important;
    width:34px!important;
    height:34px!important;
    justify-self:center!important;
    align-self:center!important;
    font-size:30px!important;
    line-height:1!important;
  }
  .app-page .hud-chip strong{
    min-width:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    font-size:clamp(20px,6.4vw,28px)!important;
    line-height:.95!important;
    letter-spacing:-.02em!important;
    font-variant-numeric:tabular-nums!important;
  }
  .app-page .hud-chip small{
    min-width:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    font-size:9px!important;
    line-height:1.1!important;
    letter-spacing:.12em!important;
  }
  .app-page .hud-bonus-dock::before{
    margin:2px 0 -1px!important;
    font:800 10px/1.1 Inter,system-ui,sans-serif!important;
    letter-spacing:.12em!important;
    color:#ff9cdc!important;
  }
  .app-page .hud-bonus-dock{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    margin:12px 0 2px!important;
    min-width:0!important;
  }
  .app-page .hud-bonus-dock .quest-quick-button,
  .app-page .hud-bonus-dock .quest-quick-card{
    min-height:78px!important;
    grid-template-columns:minmax(0,1fr) 18px!important;
    grid-template-rows:auto auto!important;
    gap:5px 8px!important;
    align-content:center!important;
    padding:13px 12px!important;
    border-radius:16px!important;
    border:1px solid rgba(255,156,220,.24)!important;
    color:#fff5fb!important;
    background:
      radial-gradient(circle at 18% 0,rgba(255,79,195,.22),transparent 44%),
      linear-gradient(145deg,rgba(32,7,36,.9),rgba(9,2,13,.92))!important;
    box-shadow:0 10px 26px rgba(0,0,0,.22),inset 0 0 0 1px rgba(255,255,255,.025)!important;
  }
  .app-page .hud-bonus-dock .quest-quick-button{
    background:
      radial-gradient(circle at 12% 0,rgba(255,190,230,.44),transparent 44%),
      linear-gradient(145deg,rgba(255,79,195,.34),rgba(72,14,72,.92) 48%,rgba(10,2,14,.94))!important;
  }
  .app-page .hud-bonus-dock .quest-quick-button::before,
  .app-page .hud-bonus-dock .quest-quick-card::before{
    display:none!important;
  }
  .app-page .hud-bonus-dock .quest-quick-button::after,
  .app-page .hud-bonus-dock .quest-quick-card::after{
    grid-column:2!important;
    grid-row:1 / 3!important;
    width:18px!important;
    height:100%!important;
    color:#ffd3ee!important;
    font:800 25px/1 Inter,system-ui,sans-serif!important;
    opacity:.82!important;
  }
  .app-page .hud-bonus-dock span{
    display:none!important;
  }
  .app-page .hud-bonus-dock strong{
    grid-column:1!important;
    grid-row:1!important;
    align-self:center!important;
    margin:0!important;
    color:#fff!important;
    font:900 17px/1.06 Inter,system-ui,sans-serif!important;
    letter-spacing:-.01em!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .app-page .hud-bonus-dock small{
    grid-column:1!important;
    grid-row:2!important;
    color:#7df6d8!important;
    font:700 11px/1.25 Inter,system-ui,sans-serif!important;
    letter-spacing:0!important;
    opacity:.96!important;
    white-space:normal!important;
    display:-webkit-box!important;
    -webkit-line-clamp:2!important;
    -webkit-box-orient:vertical!important;
  }
  .app-page .expired-deck-card{
    position:relative;
  }
  .app-page .expired-deck-card .deck-card-actions .tag{
    position:static!important;
    width:auto!important;
    max-width:none!important;
  }
  .app-page .expired-deck-card .deck-card-actions{
    align-items:center!important;
    padding-top:8px!important;
  }
}

/* Desktop recovery pass: keep mobile HUD/card rules from stretching the desktop app. */
@media(min-width:761px){
  .app-page .game-hud{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(150px,1fr))!important;
    gap:12px!important;
    width:100%!important;
    margin:16px 0 16px!important;
    overflow:visible!important;
  }
  .app-page .game-hud::before{
    display:none!important;
    content:none!important;
  }
  .app-page .hud-chip,
  .app-page .hud-chip:last-child{
    min-width:0!important;
    min-height:76px!important;
    max-height:92px!important;
    display:grid!important;
    grid-template-columns:44px minmax(0,1fr)!important;
    grid-template-rows:auto auto!important;
    align-items:center!important;
    column-gap:12px!important;
    row-gap:2px!important;
    padding:12px 14px!important;
    border-radius:16px!important;
    text-align:left!important;
  }
  .app-page .hud-chip>img,
  .app-page .hud-chip>span{
    grid-row:1 / 3!important;
    width:40px!important;
    height:40px!important;
    justify-self:center!important;
    align-self:center!important;
  }
  .app-page .hud-chip strong{
    min-width:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    font-size:24px!important;
    line-height:1!important;
    letter-spacing:0!important;
  }
  .app-page .hud-chip small{
    min-width:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    font-size:9px!important;
    letter-spacing:.12em!important;
  }
  body[data-hud="quest"] .member-grid{
    display:grid!important;
    grid-template-columns:minmax(320px,360px) minmax(0,1fr)!important;
    gap:18px!important;
    max-width:none!important;
    width:100%!important;
    align-items:start!important;
    justify-content:stretch!important;
  }
  body[data-hud="quest"] .task-panel{
    grid-column:1!important;
    grid-row:1!important;
  }
  body[data-hud="quest"] .command-deck-panel{
    grid-column:2!important;
    grid-row:1 / span 2!important;
    width:100%!important;
    max-width:none!important;
  }
  body[data-hud="quest"] .quest-card:first-of-type{
    grid-column:1!important;
    grid-row:2!important;
  }
  body[data-hud="quest"] .assignment-history-panel{
    grid-column:1 / -1!important;
    grid-row:3!important;
  }
  body[data-hud="quest"] .path-command-section,
  body[data-hud="quest"] .history-list{
    width:100%!important;
    max-width:none!important;
  }
}

/* Desktop rail alignment guard: respect the left rail and only normalize in-lane sections. */
@media(min-width:961px){
  .app-page #member-status{
    display:none!important;
  }
  .app-page .member-shell{
    width:min(1680px,100%)!important;
    padding-left:clamp(278px,19vw,334px)!important;
    padding-right:clamp(18px,3vw,44px)!important;
  }
  .app-page .member-hero,
  .app-page .game-hud,
  .app-page .member-grid{
    width:100%!important;
    max-width:none!important;
    margin-left:0!important;
    margin-right:0!important;
  }
  .app-page .member-hero .sync-overview{
    left:0!important;
    right:0!important;
    width:auto!important;
    max-width:none!important;
  }
  body[data-hud="quest"] .member-grid{
    grid-template-columns:minmax(320px,360px) minmax(0,1fr)!important;
  }
  .app-page .level-ring{
    align-self:center!important;
    justify-self:end!important;
  }
}

/* Tablet nav guard: switch to the drawer before the desktop header overflows. */
@media(min-width:761px) and (max-width:1180px){
  html,
  body.app-page{
    max-width:100%;
    overflow-x:hidden!important;
  }
  .app-page .member-nav{
    position:sticky!important;
    top:0!important;
    z-index:90!important;
    min-height:68px!important;
    height:68px!important;
    padding:8px 0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:14px!important;
    overflow:visible!important;
  }
  .app-page .member-nav .logo.logo-image{
    width:174px!important;
    height:54px!important;
    flex:0 0 auto!important;
  }
  .app-page .member-summary{
    display:none!important;
  }
  .app-page .app-menu-toggle{
    display:grid!important;
    place-items:center!important;
    width:48px!important;
    height:48px!important;
    margin:0!important;
    flex:0 0 48px!important;
    border:0!important;
    border-radius:14px!important;
    background:transparent!important;
    box-shadow:none!important;
    cursor:pointer!important;
    z-index:1004!important;
  }
  .app-page .app-menu-toggle i,
  .app-page .app-menu-toggle i::before,
  .app-page .app-menu-toggle i::after{
    content:""!important;
    display:block!important;
    width:24px!important;
    height:3px!important;
    border-radius:99px!important;
    background:linear-gradient(90deg,#ffd3ee,#ff4fc3)!important;
    box-shadow:0 0 12px rgba(255,79,195,.7)!important;
    transition:transform .18s ease,opacity .18s ease!important;
  }
  .app-page .app-menu-toggle i{
    position:relative!important;
  }
  .app-page .app-menu-toggle i::before,
  .app-page .app-menu-toggle i::after{
    position:absolute!important;
    left:0!important;
  }
  .app-page .app-menu-toggle i::before{top:-8px!important}
  .app-page .app-menu-toggle i::after{top:8px!important}
  body.app-menu-open .app-menu-toggle{
    position:fixed!important;
    top:18px!important;
    right:18px!important;
  }
  body.app-menu-open .app-menu-toggle i{
    background:transparent!important;
    box-shadow:none!important;
  }
  body.app-menu-open .app-menu-toggle i::before{transform:translateY(8px) rotate(45deg)!important}
  body.app-menu-open .app-menu-toggle i::after{transform:translateY(-8px) rotate(-45deg)!important}
  .app-page .app-drawer{
    position:fixed!important;
    inset:0 0 0 auto!important;
    z-index:1003!important;
    width:min(380px,88vw)!important;
    height:100vh!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    justify-content:flex-start!important;
    gap:16px!important;
    margin:0!important;
    padding:78px 28px 32px!important;
    border-left:1px solid rgba(255,79,195,.44)!important;
    background:
      radial-gradient(circle at 24px 28px,rgba(255,79,195,.22),transparent 118px),
      linear-gradient(180deg,#100613 0%,#07020a 48%,#030105 100%)!important;
    box-shadow:-28px 0 80px rgba(0,0,0,.62),0 0 60px rgba(255,79,195,.18)!important;
    transform:translateX(110%)!important;
    transition:transform .22s ease!important;
    overflow:auto!important;
    opacity:1!important;
    filter:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }
  body.app-menu-open .app-drawer{
    transform:translateX(0)!important;
  }
  .app-page .app-drawer b{
    color:var(--pink)!important;
    font-size:11px!important;
    letter-spacing:.2em!important;
  }
  .app-page .app-drawer a{
    width:100%!important;
    padding:13px 0!important;
    border-bottom:1px solid rgba(255,136,219,.16)!important;
    color:var(--ink)!important;
    font:800 22px/1.08 ui-monospace,monospace!important;
    text-shadow:0 0 18px rgba(255,79,195,.22)!important;
  }
  .app-page .app-drawer a.active{
    color:#74edba!important;
  }
  .drawer-profile{
    position:relative!important;
    z-index:1!important;
    display:grid!important;
    grid-template-columns:52px minmax(0,1fr)!important;
    gap:12px!important;
    align-items:center!important;
    width:100%!important;
    margin:0 0 10px!important;
    padding:0 0 18px!important;
    border-bottom:1px solid rgba(255,136,219,.2)!important;
  }
  .drawer-profile img{
    width:52px!important;
    height:52px!important;
    border:2px solid var(--pink)!important;
    border-radius:50%!important;
    object-fit:cover!important;
  }
  .drawer-profile span,
  .drawer-profile small,
  .drawer-profile strong{
    display:block!important;
    min-width:0!important;
  }
  .drawer-profile strong{
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
}

/* Final desktop quest correction: keep the rail layout, but make the live deck and conditioning bar use their full lane. */
@media(min-width:901px){
  .app-page .member-hero .sync-overview{
    position:absolute!important;
    left:-40px!important;
    right:-40px!important;
    top:calc(100% + 14px)!important;
    width:auto!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
  }
  .app-page .member-hero .sync-overview .conditioning-strip{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
  }
  body[data-hud="quest"] .member-grid{
    display:grid!important;
    grid-template-columns:minmax(320px,360px) minmax(560px,1fr)!important;
    gap:18px!important;
    align-items:start!important;
  }
  body[data-hud="quest"] .task-panel{
    grid-column:1!important;
    grid-row:1!important;
  }
  body[data-hud="quest"] .command-deck-panel{
    display:block!important;
    grid-column:2!important;
    grid-row:1 / span 2!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    overflow:visible!important;
  }
  body[data-hud="quest"] .command-deck-panel h2{
    max-width:none!important;
    white-space:normal!important;
  }
  body[data-hud="quest"] .quest-card:first-of-type{
    grid-column:1!important;
    grid-row:2!important;
  }
  body[data-hud="quest"] .assignment-history-panel{
    grid-column:1 / -1!important;
    grid-row:3!important;
  }
}

@media(min-width:901px) and (max-width:1420px){
  body[data-hud="quest"] .member-grid{
    grid-template-columns:minmax(0,1fr)!important;
  }
  body[data-hud="quest"] .task-panel,
  body[data-hud="quest"] .command-deck-panel,
  body[data-hud="quest"] .quest-card:first-of-type,
  body[data-hud="quest"] .assignment-history-panel{
    grid-column:1!important;
    grid-row:auto!important;
    width:100%!important;
    max-width:none!important;
  }
}

@media(min-width:1421px){
  body[data-hud="quest"] .member-grid{
    grid-template-columns:minmax(320px,360px) minmax(0,1fr)!important;
  }
}

/* Menu stack guard: the drawer lives inside the nav, so the nav must sit above the scrim. */
body.app-menu-open .app-page .member-nav,
body.app-menu-open .app-page .app-member-nav{
  z-index:2147483200!important;
}
body.app-menu-open .app-page .app-drawer{
  z-index:2147483300!important;
  background-color:#050207!important;
  background:#050207!important;
  opacity:1!important;
  filter:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
body.app-menu-open .app-page .app-drawer::before{
  position:relative!important;
  z-index:3!important;
}
body.app-menu-open .app-page .app-drawer::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  pointer-events:none!important;
  opacity:1!important;
  background:
    radial-gradient(circle at 24px 28px,rgba(255,79,195,.18),transparent 128px),
    linear-gradient(180deg,#100613 0%,#07020a 46%,#030105 100%)!important;
}
body.app-menu-open .app-page .app-drawer > *{
  position:relative!important;
  z-index:2!important;
}
body.app-menu-open .app-page .app-menu-toggle{
  z-index:2147483400!important;
}
body.app-menu-open .app-page .app-menu-scrim{
  z-index:2147483000!important;
  background:rgba(2,0,5,.78)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  filter:none!important;
}

/* Final quest layout: stat chips stay in their own lane, ritual/deck cards get a clean 50/50 grid. */
@media(min-width:901px){
  .app-page .game-hud{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    width:100%!important;
    max-width:none!important;
    margin:14px 0 18px!important;
    gap:12px!important;
  }
  body[data-hud="quest"] .member-grid{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    gap:18px!important;
    width:100%!important;
    max-width:none!important;
    margin:0 0 42px!important;
    align-items:start!important;
  }
  body[data-hud="quest"] .task-panel{
    grid-column:1!important;
    grid-row:1!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
  }
  body[data-hud="quest"] .command-deck-panel{
    grid-column:2!important;
    grid-row:1!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
  }
  body[data-hud="quest"] .quest-card:first-of-type{
    grid-column:1!important;
    grid-row:2!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
  }
  body[data-hud="quest"] .assignment-history-panel{
    grid-column:1 / -1!important;
    grid-row:3!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
  }
  body[data-hud="quest"] .command-deck-panel,
  body[data-hud="quest"] .command-deck-panel .panel-heading,
  body[data-hud="quest"] .command-deck-panel .panel-heading > div,
  body[data-hud="quest"] .command-deck-panel .history-list{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
  }
  body[data-hud="quest"] .command-deck-panel h2{
    max-width:none!important;
    white-space:normal!important;
  }
}

@media(max-width:900px){
  body[data-hud="quest"] .member-grid{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:14px!important;
    width:100%!important;
    max-width:none!important;
  }
  body[data-hud="quest"] .task-panel,
  body[data-hud="quest"] .command-deck-panel,
  body[data-hud="quest"] .quest-card:first-of-type,
  body[data-hud="quest"] .assignment-history-panel{
    grid-column:1!important;
    grid-row:auto!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
  }
}

/* Body-level mobile drawer: JS portals the drawer out of the header so it cannot sit under page blur layers. */
@media(max-width:1180px){
  body.app-menu-open{
    overflow:hidden!important;
  }
  body > .app-drawer{
    position:fixed!important;
    inset:0 0 0 auto!important;
    z-index:2147483600!important;
    width:min(390px,88vw)!important;
    height:100dvh!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    justify-content:flex-start!important;
    gap:16px!important;
    margin:0!important;
    padding:78px 28px 32px!important;
    border:0!important;
    border-left:1px solid rgba(255,79,195,.5)!important;
    background:
      radial-gradient(circle at 26px 28px,rgba(255,79,195,.2),transparent 130px),
      linear-gradient(180deg,#100613 0%,#07020a 46%,#020104 100%)!important;
    box-shadow:-30px 0 90px rgba(0,0,0,.72),0 0 70px rgba(255,79,195,.2)!important;
    transform:translateX(110%)!important;
    transition:transform .22s ease!important;
    overflow:auto!important;
    opacity:1!important;
    visibility:hidden!important;
    filter:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    isolation:isolate!important;
  }
  body.app-menu-open > .app-drawer{
    transform:translateX(0)!important;
    visibility:visible!important;
  }
  body > .app-drawer::before{
    content:"DOLLOS™ MENU"!important;
    position:absolute!important;
    top:28px!important;
    left:28px!important;
    right:72px!important;
    z-index:2!important;
    color:#ff9cdc!important;
    font:900 10px/1 ui-monospace,monospace!important;
    letter-spacing:.22em!important;
    text-shadow:0 0 16px rgba(255,79,195,.72)!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    pointer-events:none!important;
  }
  body > .app-drawer::after{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    z-index:0!important;
    pointer-events:none!important;
    background:
      radial-gradient(circle at 24px 28px,rgba(255,79,195,.18),transparent 128px),
      linear-gradient(180deg,#100613 0%,#07020a 46%,#030105 100%)!important;
  }
  body > .app-drawer > *{
    position:relative!important;
    z-index:2!important;
  }
  body > .app-drawer b{
    color:var(--pink)!important;
    font-size:11px!important;
    letter-spacing:.2em!important;
  }
  body > .app-drawer a{
    width:100%!important;
    padding:13px 0!important;
    border-bottom:1px solid rgba(255,136,219,.16)!important;
    color:var(--ink)!important;
    font:800 22px/1.08 ui-monospace,monospace!important;
    text-shadow:0 0 18px rgba(255,79,195,.22)!important;
  }
  body > .app-drawer a.active{
    color:#74edba!important;
  }
  body > .app-menu-scrim{
    position:fixed!important;
    inset:0!important;
    z-index:2147483500!important;
    display:block!important;
    border:0!important;
    background:rgba(2,0,5,.78)!important;
    opacity:0!important;
    pointer-events:none!important;
    filter:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    transition:opacity .18s ease!important;
  }
  body.app-menu-open > .app-menu-scrim{
    opacity:1!important;
    pointer-events:auto!important;
  }
  body.app-menu-open .app-page .app-menu-toggle{
    z-index:2147483640!important;
  }
}

/* PWA layout hard stop: keep stats, bonus quests, and ritual cards in separate predictable lanes. */
.app-page{
  overflow-x:hidden!important;
}
.app-page .member-shell{
  min-width:0!important;
}
.app-page .member-hero,
.app-page .sync-overview,
.app-page .game-hud,
.app-page .hud-dock-row,
.app-page .member-grid{
  min-width:0!important;
  box-sizing:border-box!important;
}
.app-page .game-hud{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  width:100%!important;
  gap:12px!important;
  overflow:visible!important;
}
.app-page .hud-dock-row{
  min-width:0!important;
}
.app-page .hud-bonus-dock{
  min-width:0!important;
}
.app-page .member-panel{
  min-width:0!important;
}
body[data-hud="quest"] .command-deck-panel .panel-heading,
body[data-hud="quest"] .command-deck-panel .panel-heading > div,
body[data-hud="quest"] .command-deck-panel h2,
body[data-hud="quest"] .command-deck-panel .muted{
  min-width:0!important;
  max-width:none!important;
}
body[data-hud="quest"] .command-deck-panel h2{
  overflow-wrap:normal!important;
  word-break:normal!important;
  white-space:normal!important;
  text-wrap:balance!important;
}

@media(min-width:1181px){
  body[data-hud="quest"] .member-grid{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    gap:18px!important;
    width:100%!important;
    max-width:none!important;
    margin:0 0 42px!important;
    align-items:start!important;
  }
  body[data-hud="quest"] .task-panel{
    grid-column:1!important;
    grid-row:1!important;
  }
  body[data-hud="quest"] .command-deck-panel{
    grid-column:2!important;
    grid-row:1!important;
  }
  body[data-hud="quest"] .quest-card:first-of-type{
    grid-column:1!important;
    grid-row:2!important;
  }
  body[data-hud="quest"] .assignment-history-panel{
    grid-column:1 / -1!important;
    grid-row:3!important;
  }
  body[data-hud="quest"] .command-deck-panel h2{
    font-size:clamp(24px,2.1vw,34px)!important;
    line-height:1.06!important;
  }
}

@media(min-width:761px) and (max-width:1180px){
  .app-page .member-shell{
    width:100%!important;
    padding-left:clamp(18px,4vw,44px)!important;
    padding-right:clamp(18px,4vw,44px)!important;
  }
  .app-page .game-hud{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .app-page .hud-dock-row{
    position:static!important;
    display:block!important;
    width:100%!important;
    margin:0 0 16px!important;
    padding:0!important;
  }
  .app-page .rail-logo,
  .app-page .hud-nav{
    display:none!important;
  }
  .app-page .hud-bonus-dock{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    width:100%!important;
    max-width:none!important;
    gap:10px!important;
    margin:0!important;
  }
  body[data-hud="quest"] .member-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:16px!important;
    width:100%!important;
    max-width:none!important;
    margin:0 0 42px!important;
  }
  body[data-hud="quest"] .task-panel,
  body[data-hud="quest"] .command-deck-panel,
  body[data-hud="quest"] .quest-card:first-of-type,
  body[data-hud="quest"] .assignment-history-panel{
    grid-column:1!important;
    grid-row:auto!important;
    width:100%!important;
    max-width:none!important;
  }
  body[data-hud="quest"] .command-deck-panel h2{
    font-size:clamp(24px,5vw,34px)!important;
    line-height:1.08!important;
  }
}

@media(max-width:760px){
  .app-page .member-shell{
    width:100%!important;
    padding-inline:12px!important;
  }
  .app-page .game-hud{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    width:100%!important;
    margin:10px 0 12px!important;
  }
  .app-page .hud-dock-row{
    position:static!important;
    display:block!important;
    width:100%!important;
    margin:0 0 12px!important;
    padding:0!important;
  }
  .app-page .hud-bonus-dock{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    width:100%!important;
    max-width:none!important;
    gap:8px!important;
    margin:0!important;
  }
  .app-page .hud-bonus-dock::before{
    grid-column:1/-1!important;
  }
  body[data-hud="quest"] .member-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:12px!important;
    width:100%!important;
    max-width:none!important;
    margin:0 0 42px!important;
  }
  body[data-hud="quest"] .task-panel,
  body[data-hud="quest"] .command-deck-panel,
  body[data-hud="quest"] .quest-card:first-of-type,
  body[data-hud="quest"] .assignment-history-panel{
    grid-column:1!important;
    grid-row:auto!important;
    width:100%!important;
    max-width:none!important;
  }
  body[data-hud="quest"] .task-panel{
    order:1!important;
  }
  body[data-hud="quest"] .command-deck-panel{
    order:2!important;
  }
  body[data-hud="quest"] .assignment-history-panel{
    order:3!important;
  }
  body[data-hud="quest"] .command-deck-panel h2{
    font-size:24px!important;
    line-height:1.08!important;
  }
}

/* PWA 38: bonus actions are no longer part of the rail, so content can stack predictably. */
.app-page > .member-shell > .hud-bonus-dock{
  position:relative!important;
  z-index:2!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  gap:12px!important;
  margin:0 0 18px!important;
}
@media(min-width:1181px){
  .app-page .hud-dock-row{
    position:fixed!important;
    top:22px!important;
    left:max(18px,calc((100vw - 1680px)/2 + 22px))!important;
    bottom:104px!important;
    z-index:75!important;
    width:clamp(230px,16vw,270px)!important;
    display:flex!important;
    flex-direction:column!important;
    gap:14px!important;
    margin:0!important;
    padding:0 14px!important;
  }
  .app-page .hud-dock-row > .hud-bonus-dock{
    display:none!important;
  }
  body[data-hud="quest"] .member-grid{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    gap:18px!important;
    width:100%!important;
    max-width:none!important;
    margin:0 0 42px!important;
    align-items:start!important;
  }
}

/* App shell v2: approved July 4 redesign. Keep this section last so the app
   shell is owned by one layout system instead of the older patch stack. */
body.app-page{
  overflow-x:hidden!important;
  background:
    linear-gradient(rgba(255,255,255,.024) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.024) 1px,transparent 1px),
    radial-gradient(circle at 50% -12%,rgba(255,79,195,.2),transparent 38%),
    #07040a!important;
  background-size:4px 4px,4px 4px,100% 100%,100% 100%!important;
}
body.app-page *{
  box-sizing:border-box;
}
body.app-page .member-shell{
  display:block!important;
  width:min(1480px,100%)!important;
  max-width:1480px!important;
  min-width:0!important;
  margin:0 auto!important;
  padding:0 clamp(16px,4vw,38px) 132px!important;
}
body.app-page .member-nav.app-member-nav{
  position:sticky!important;
  top:0!important;
  z-index:1200!important;
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr) auto!important;
  gap:18px!important;
  align-items:center!important;
  min-height:76px!important;
  width:100%!important;
  margin:0!important;
  padding:12px 0!important;
  border:0!important;
  border-bottom:1px solid rgba(255,156,220,.14)!important;
  border-radius:0!important;
  background:rgba(7,4,10,.9)!important;
  box-shadow:none!important;
  backdrop-filter:blur(18px)!important;
  -webkit-backdrop-filter:blur(18px)!important;
}
body.app-page .logo-image img{
  display:block!important;
  width:190px!important;
  max-width:40vw!important;
  height:auto!important;
}
body.app-page .app-member-nav > .app-drawer{
  display:none!important;
}
body.app-page .app-menu-toggle{
  display:none!important;
}
body.app-page .member-summary{
  justify-self:end!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  min-width:0!important;
}
body.app-page .member-summary > img{
  width:42px!important;
  height:42px!important;
  border-radius:999px!important;
  object-fit:cover!important;
  box-shadow:0 0 22px rgba(255,79,195,.32)!important;
}
body.app-page .member-summary > span{
  display:grid!important;
  gap:1px!important;
  min-width:0!important;
}
body.app-page .member-summary small,
body.app-page .label,
body.app-page .system-line,
body.app-page .conditioning-strip-head span,
body.app-page .hud-chip small,
body.app-page .quest-quick-button span,
body.app-page .quest-quick-card span{
  letter-spacing:0!important;
}
body.app-page .member-summary small{
  color:#ff9cdf!important;
  font:800 10px/1.1 ui-monospace,monospace!important;
  text-transform:uppercase!important;
}
body.app-page .member-summary strong{
  max-width:178px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:#fff4fb!important;
  font-size:15px!important;
}
body.app-page .member-summary form button,
body.app-page .pwa-install-button,
body.app-page .notification-bell{
  min-height:38px!important;
  border:1px solid rgba(255,156,220,.24)!important;
  border-radius:999px!important;
  padding:8px 13px!important;
  color:#ffe6f6!important;
  background:rgba(255,79,195,.08)!important;
  box-shadow:none!important;
}
body.app-page .announcement-stack:not(.hidden),
body.app-page .notification-stack:not(.hidden){
  width:100%!important;
  margin:16px 0 0!important;
}
body.app-page .app-shell-v2{
  display:grid!important;
  grid-template-columns:230px minmax(0,1fr)!important;
  gap:22px!important;
  width:100%!important;
  min-width:0!important;
  padding:22px 0 0!important;
}
body.app-page .app-side-v2{
  min-width:0!important;
}
body.app-page .hud-dock-row{
  position:sticky!important;
  top:98px!important;
  z-index:30!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:18px!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  height:auto!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
}
body.app-page .hud-dock-row > .rail-logo{
  display:block!important;
  width:100%!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body.app-page .hud-dock-row > .rail-logo img{
  width:190px!important;
  max-width:100%!important;
  height:auto!important;
  display:block!important;
  margin:0 auto 2px!important;
}
body.app-page .hud-nav{
  position:static!important;
  inset:auto!important;
  transform:none!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:8px!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin:0!important;
  padding:10px!important;
  border:1px solid rgba(255,156,220,.22)!important;
  border-radius:22px!important;
  background:linear-gradient(145deg,rgba(35,9,31,.88),rgba(8,2,12,.92))!important;
  box-shadow:0 24px 70px rgba(0,0,0,.38)!important;
  overflow:visible!important;
}
body.app-page .hud-nav button,
body.app-page .hud-nav button[data-hud-target="store"]{
  position:relative!important;
  display:grid!important;
  grid-template-columns:12px minmax(0,1fr)!important;
  align-items:center!important;
  justify-items:stretch!important;
  gap:10px!important;
  min-width:0!important;
  min-height:52px!important;
  width:100%!important;
  padding:8px 12px!important;
  border:0!important;
  border-radius:16px!important;
  color:#c9aeca!important;
  background:transparent!important;
  box-shadow:none!important;
  text-align:left!important;
  font-weight:850!important;
}
body.app-page .hud-nav button::before{
  content:""!important;
  width:8px!important;
  height:28px!important;
  border-radius:999px!important;
  background:rgba(255,156,220,.24)!important;
  box-shadow:0 0 14px rgba(255,79,195,.12)!important;
}
body.app-page .hud-nav button img{
  display:none!important;
}
body.app-page .hud-nav span{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:15px!important;
  letter-spacing:0!important;
}
body.app-page .hud-nav button.active{
  color:#220819!important;
  background:linear-gradient(135deg,#ffd3ee,#ff4fc3)!important;
  box-shadow:0 0 24px rgba(255,79,195,.24)!important;
}
body.app-page .hud-nav button.active::before{
  background:#220819!important;
  box-shadow:none!important;
}
body.app-page .hud-dock-row > .hud-bonus-dock{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:10px!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
}
body.app-page .hud-dock-row > .hud-bonus-dock::before{
  content:"Bonus XP"!important;
  display:block!important;
  color:#ff9cdf!important;
  font:800 11px/1.1 ui-monospace,monospace!important;
  letter-spacing:0!important;
  text-transform:uppercase!important;
}
body.app-page .quest-quick-button,
body.app-page .quest-quick-card{
  position:relative!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:3px 10px!important;
  align-items:center!important;
  min-height:76px!important;
  width:100%!important;
  min-width:0!important;
  padding:15px!important;
  border:1px solid rgba(255,156,220,.22)!important;
  border-radius:18px!important;
  color:#fff4fb!important;
  background:rgba(255,79,195,.08)!important;
  box-shadow:none!important;
  text-align:left!important;
}
body.app-page .quest-quick-button{
  color:#220819!important;
  background:linear-gradient(135deg,#ffd3ee,#ff4fc3)!important;
}
body.app-page .quest-quick-button::after,
body.app-page .quest-quick-card::after{
  content:"›"!important;
  grid-row:1 / span 3!important;
  grid-column:2!important;
  color:currentColor!important;
  font-size:28px!important;
  font-weight:900!important;
  opacity:.8!important;
}
body.app-page .quest-quick-button span,
body.app-page .quest-quick-card span{
  color:inherit!important;
  font:800 11px/1 ui-monospace,monospace!important;
  text-transform:uppercase!important;
  opacity:.78!important;
}
body.app-page .quest-quick-button strong,
body.app-page .quest-quick-card strong{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:inherit!important;
  font-size:18px!important;
  line-height:1.1!important;
}
body.app-page .quest-quick-button small,
body.app-page .quest-quick-card small{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:inherit!important;
  opacity:.82!important;
}
body.app-page .app-main-v2{
  display:grid!important;
  gap:18px!important;
  min-width:0!important;
}
body.app-page .member-hero{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 160px!important;
  gap:20px!important;
  align-items:center!important;
  min-height:230px!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:30px!important;
  overflow:hidden!important;
  border:1px solid rgba(255,156,220,.22)!important;
  border-radius:26px!important;
  background:
    linear-gradient(90deg,rgba(8,2,12,.96),rgba(32,6,37,.74),rgba(255,79,195,.09)),
    linear-gradient(135deg,rgba(255,79,195,.18),transparent 55%)!important;
  box-shadow:0 24px 70px rgba(0,0,0,.38)!important;
}
body.app-page .member-hero .system-line{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  margin:0 0 10px!important;
  color:#75f0bd!important;
  font:900 12px/1 ui-monospace,monospace!important;
  text-transform:uppercase!important;
}
body.app-page .member-hero .system-line i{
  width:11px!important;
  height:11px!important;
  border-radius:999px!important;
  background:#75f0bd!important;
  box-shadow:0 0 18px #75f0bd!important;
}
body.app-page .member-hero .system-line.is-paused{
  color:#ff9aa8!important;
}
body.app-page .member-hero .system-line.is-paused i{
  background:#ff425f!important;
  box-shadow:0 0 18px rgba(255,66,95,.8)!important;
}
body.app-page .member-hero h1{
  max-width:min(720px,100%)!important;
  margin:0 0 10px!important;
  color:#fff4fb!important;
  font:900 50px/.96 ui-monospace,monospace!important;
  letter-spacing:0!important;
}
body.app-page .member-hero h1 em{
  color:#ff9cdf!important;
  font-style:normal!important;
  text-shadow:0 0 26px rgba(255,79,195,.54)!important;
}
body.app-page .hero-rank-line{
  margin:0!important;
  color:#75f0bd!important;
  font-weight:900!important;
  text-transform:uppercase!important;
  letter-spacing:0!important;
}
body.app-page #member-status{
  margin:8px 0 0!important;
}
body.app-page .level-ring{
  display:grid!important;
  place-items:center!important;
  gap:4px!important;
  align-self:center!important;
  justify-self:end!important;
  width:156px!important;
  min-height:132px!important;
  padding:18px!important;
  border:1px solid rgba(255,156,220,.26)!important;
  border-radius:18px!important;
  background:rgba(7,2,10,.72)!important;
  box-shadow:none!important;
  text-align:center!important;
}
body.app-page .level-ring span{
  color:#ff9cdf!important;
  font:900 11px/1 ui-monospace,monospace!important;
  letter-spacing:0!important;
}
body.app-page .level-ring strong{
  color:#fff!important;
  font:900 54px/.95 Inter,ui-sans-serif,system-ui,sans-serif!important;
}
body.app-page .level-ring small{
  color:#c9aeca!important;
  font-weight:900!important;
}
body.app-page .sync-overview{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin:0!important;
}
body.app-page .sync-overview .conditioning-strip{
  display:grid!important;
  gap:9px!important;
  padding:17px 19px!important;
  border:1px solid rgba(255,156,220,.22)!important;
  border-radius:18px!important;
  background:rgba(9,3,12,.72)!important;
  box-shadow:0 20px 54px rgba(0,0,0,.28)!important;
}
body.app-page .conditioning-strip-head{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto auto!important;
  gap:10px!important;
  align-items:center!important;
}
body.app-page .conditioning-strip-head span{
  color:#ff9cdf!important;
  font:900 11px/1 ui-monospace,monospace!important;
  text-transform:uppercase!important;
}
body.app-page .conditioning-strip-head strong{
  color:#fff!important;
  font-size:27px!important;
  line-height:1!important;
}
body.app-page .conditioning-strip-head button{
  width:26px!important;
  height:26px!important;
  border:1px solid rgba(255,156,220,.28)!important;
  border-radius:999px!important;
  color:#ff9cdf!important;
  background:rgba(255,79,195,.12)!important;
}
body.app-page .conditioning-strip-head em{
  position:absolute!important;
  right:18px!important;
  top:42px!important;
  width:min(340px,calc(100vw - 40px))!important;
  padding:10px 12px!important;
  border:1px solid rgba(255,156,220,.26)!important;
  border-radius:12px!important;
  color:#fff4fb!important;
  background:rgba(7,2,10,.96)!important;
  box-shadow:0 18px 40px rgba(0,0,0,.36)!important;
  opacity:0!important;
  pointer-events:none!important;
  transform:translateY(-4px)!important;
  transition:opacity .16s ease,transform .16s ease!important;
  font-style:normal!important;
  z-index:5!important;
}
body.app-page .conditioning-strip-head button:hover + em,
body.app-page .conditioning-strip-head button:focus + em{
  opacity:1!important;
  transform:translateY(0)!important;
}
body.app-page .conditioning-core-bar{
  height:11px!important;
  overflow:hidden!important;
  border:1px solid rgba(255,156,220,.18)!important;
  border-radius:999px!important;
  background:#120816!important;
}
body.app-page .conditioning-core-bar i{
  display:block!important;
  height:100%!important;
  border-radius:inherit!important;
  background:linear-gradient(90deg,#7bf3ff,#ffd3ee,#ff4fc3)!important;
  box-shadow:0 0 22px rgba(255,79,195,.42)!important;
}
body.app-page .game-hud{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:12px!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
}
body.app-page .hud-chip{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:4px!important;
  align-content:center!important;
  min-width:0!important;
  min-height:82px!important;
  padding:16px 18px!important;
  border:1px solid rgba(255,156,220,.22)!important;
  border-radius:18px!important;
  background:linear-gradient(145deg,rgba(255,79,195,.16),rgba(10,3,14,.76))!important;
  box-shadow:0 16px 44px rgba(0,0,0,.24)!important;
}
body.app-page .hud-chip img{
  display:none!important;
}
body.app-page .hud-chip strong{
  color:#fff!important;
  font:900 30px/1 Inter,ui-sans-serif,system-ui,sans-serif!important;
  white-space:nowrap!important;
}
body.app-page .hud-chip small{
  color:#ffd3ee!important;
  font:900 11px/1 ui-monospace,monospace!important;
  text-transform:uppercase!important;
}
body.app-page .today-layout{
  display:grid!important;
  grid-template-columns:minmax(320px,.92fr) minmax(0,1.38fr)!important;
  gap:18px!important;
  align-items:start!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin:0 0 42px!important;
}
body:not([data-hud="quest"]) .today-layout{
  display:none!important;
}
body.app-page .today-layout > .member-panel,
body.app-page .member-grid > .member-panel{
  min-width:0!important;
  max-width:none!important;
  border:1px solid rgba(255,156,220,.22)!important;
  border-radius:22px!important;
  background:linear-gradient(145deg,rgba(35,9,31,.9),rgba(12,4,17,.92))!important;
  box-shadow:0 24px 70px rgba(0,0,0,.34)!important;
}
body.app-page .today-layout > .assignment-history-panel{
  grid-column:1 / -1!important;
}
body[data-hud="quest"] .member-grid{
  display:none!important;
}
body:not([data-hud="quest"]) .member-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:18px!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin:0 0 42px!important;
}
body[data-hud] .member-grid > [data-hud-panel]{
  display:none!important;
}
body[data-hud] .member-grid > [data-hud-panel].hud-active:not(.hidden){
  display:block!important;
}
body.app-page .member-grid > .member-panel.hidden{
  display:none!important;
}
body.app-page .member-grid > .app-route-panel,
body[data-hud="playlists"] .member-grid > [data-hud-panel="playlists"].hud-active,
body[data-hud="systems"] .member-grid > [data-hud-panel="systems"].hud-active{
  grid-column:1 / -1!important;
}
body.app-page .panel-heading,
body.app-page .source-heading{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:16px!important;
}
body.app-page .panel-heading h2,
body.app-page .source-heading h2,
body.app-page .member-panel h2{
  letter-spacing:0!important;
}
body.app-page .command-deck-panel .panel-heading h2{
  max-width:720px!important;
  font-size:30px!important;
  line-height:1.08!important;
}
body.app-page .history-list{
  min-width:0!important;
}
body.app-page .app-menu-scrim{
  z-index:2147483500!important;
}
body.app-page > .app-drawer{
  z-index:2147483641!important;
  background:
    radial-gradient(circle at 24px 28px,rgba(255,79,195,.18),transparent 132px),
    linear-gradient(180deg,#100613 0%,#07020a 46%,#030105 100%)!important;
  opacity:1!important;
  filter:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  box-shadow:0 24px 80px rgba(0,0,0,.62)!important;
}
body.app-page > .app-drawer .drawer-profile{
  display:grid!important;
  grid-template-columns:52px minmax(0,1fr)!important;
  align-items:center!important;
  gap:12px!important;
}
body.app-page > .app-drawer .drawer-profile small,
body.app-page > .app-drawer b{
  letter-spacing:0!important;
}
body.app-page .app-persistent-player.jukie-compact{
  z-index:900!important;
}
@media(max-width:1180px){
  body.app-page .member-shell{
    width:100%!important;
    max-width:none!important;
    padding-left:14px!important;
    padding-right:14px!important;
  }
  body.app-page .member-nav.app-member-nav{
    min-height:82px!important;
    grid-template-columns:auto minmax(0,1fr) auto!important;
  }
  body.app-page .logo-image img{
    width:170px!important;
    max-width:58vw!important;
  }
  body.app-page .member-summary{
    display:none!important;
  }
  body.app-page .app-menu-toggle{
    display:grid!important;
    justify-self:end!important;
    width:48px!important;
    height:48px!important;
    border:0!important;
    border-radius:12px!important;
    background:rgba(255,79,195,.12)!important;
    box-shadow:0 0 22px rgba(255,79,195,.18)!important;
  }
  body.app-page .app-shell-v2{
    display:block!important;
    padding-top:14px!important;
  }
  body.app-page .app-side-v2{
    display:block!important;
  }
  body.app-page .hud-dock-row{
    position:static!important;
    display:block!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
  }
  body.app-page .rail-logo,
  body.app-page .hud-dock-row > .hud-bonus-dock{
    display:none!important;
  }
  body.app-page .hud-nav{
    position:fixed!important;
    left:14px!important;
    right:14px!important;
    bottom:14px!important;
    z-index:920!important;
    display:grid!important;
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
    gap:6px!important;
    width:auto!important;
    max-width:none!important;
    padding:8px!important;
    border-radius:24px!important;
    background:rgba(8,2,12,.94)!important;
    box-shadow:0 24px 70px rgba(0,0,0,.38)!important;
    backdrop-filter:blur(16px)!important;
    -webkit-backdrop-filter:blur(16px)!important;
  }
  body.app-page .hud-nav button,
  body.app-page .hud-nav button[data-hud-target="store"]{
    grid-template-columns:minmax(0,1fr)!important;
    justify-items:center!important;
    gap:2px!important;
    min-height:54px!important;
    padding:8px 4px!important;
    text-align:center!important;
  }
  body.app-page .hud-nav button::before{
    width:18px!important;
    height:5px!important;
  }
  body.app-page .hud-nav span{
    font-size:11px!important;
  }
  body.app-page .member-hero{
    grid-template-columns:minmax(0,1fr) 132px!important;
    min-height:0!important;
    padding:22px!important;
  }
  body.app-page .member-hero h1{
    font-size:38px!important;
  }
  body.app-page .level-ring{
    width:128px!important;
    min-height:112px!important;
    padding:14px!important;
  }
  body.app-page .level-ring strong{
    font-size:44px!important;
  }
  body.app-page .game-hud{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  body.app-page .today-layout,
  body:not([data-hud="quest"]) .member-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  body.app-page .today-layout > .task-panel,
  body.app-page .today-layout > .command-deck-panel,
  body.app-page .today-layout > .assignment-history-panel{
    grid-column:1 / -1!important;
  }
  body.app-page .app-persistent-player.jukie-compact{
    bottom:94px!important;
  }
}
@media(max-width:760px){
  body.app-page .member-shell{
    padding-left:10px!important;
    padding-right:10px!important;
    padding-bottom:178px!important;
  }
  body.app-page .member-nav.app-member-nav{
    min-height:74px!important;
    padding:10px 0!important;
  }
  body.app-page .logo-image img{
    width:158px!important;
  }
  body.app-page .app-menu-toggle{
    width:46px!important;
    height:46px!important;
  }
  body.app-page .app-shell-v2{
    padding-top:10px!important;
  }
  body.app-page .member-hero{
    grid-template-columns:minmax(0,1fr) 104px!important;
    gap:12px!important;
    padding:18px!important;
    border-radius:18px!important;
  }
  body.app-page .member-hero .system-line{
    font-size:10px!important;
  }
  body.app-page .member-hero h1{
    font-size:30px!important;
    line-height:1!important;
  }
  body.app-page .hero-rank-line{
    font-size:12px!important;
  }
  body.app-page .level-ring{
    width:104px!important;
    min-height:98px!important;
    padding:11px!important;
    border-radius:14px!important;
  }
  body.app-page .level-ring strong{
    font-size:38px!important;
  }
  body.app-page .level-ring span,
  body.app-page .level-ring small{
    font-size:10px!important;
  }
  body.app-page .sync-overview .conditioning-strip{
    padding:14px!important;
    border-radius:15px!important;
  }
  body.app-page .conditioning-strip-head{
    grid-template-columns:minmax(0,1fr) auto auto!important;
  }
  body.app-page .conditioning-strip-head strong{
    font-size:24px!important;
  }
  body.app-page .game-hud{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }
  body.app-page .hud-chip{
    min-height:78px!important;
    padding:14px!important;
  }
  body.app-page .hud-chip strong{
    font-size:28px!important;
  }
  body.app-page .today-layout,
  body:not([data-hud="quest"]) .member-grid{
    grid-template-columns:minmax(0,1fr)!important;
    gap:12px!important;
  }
  body.app-page .today-layout > .member-panel,
  body.app-page .member-grid > .member-panel{
    grid-column:1 / -1!important;
    border-radius:16px!important;
  }
  body.app-page .panel-heading,
  body.app-page .source-heading{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
  }
  body.app-page .command-deck-panel .panel-heading h2{
    font-size:25px!important;
  }
  body.app-page .hud-nav{
    left:10px!important;
    right:10px!important;
    bottom:10px!important;
    gap:4px!important;
    padding:7px!important;
  }
  body.app-page .hud-nav button,
  body.app-page .hud-nav button[data-hud-target="store"]{
    min-height:50px!important;
    border-radius:16px!important;
  }
  body.app-page .hud-nav span{
    font-size:10px!important;
  }
  body.app-page .app-persistent-player.jukie-compact{
    bottom:86px!important;
  }
}
@media(max-width:480px){
  body.app-page .member-hero{
    grid-template-columns:minmax(0,1fr)!important;
  }
  body.app-page .level-ring{
    justify-self:start!important;
    grid-template-columns:auto auto auto!important;
    width:100%!important;
    min-height:0!important;
    justify-content:space-between!important;
    text-align:left!important;
  }
}

/* App shell v2 true EOF header lock. */
body.app-page .member-nav.app-member-nav{
  position:sticky!important;
  top:0!important;
  z-index:1200!important;
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr) auto!important;
  gap:18px!important;
  align-items:center!important;
  min-height:76px!important;
  width:100%!important;
  margin:0!important;
  padding:12px 0!important;
  border:0!important;
  border-bottom:1px solid rgba(255,156,220,.14)!important;
  border-radius:0!important;
  background:rgba(7,4,10,.9)!important;
  box-shadow:none!important;
  backdrop-filter:blur(18px)!important;
  -webkit-backdrop-filter:blur(18px)!important;
}
body.app-page .app-member-nav > .logo.logo-image{
  display:block!important;
  width:auto!important;
  height:auto!important;
  margin:0!important;
}
body.app-page .app-member-nav > .logo.logo-image img{
  display:block!important;
  width:190px!important;
  max-width:40vw!important;
  height:auto!important;
  object-fit:contain!important;
}
body.app-page .app-member-nav > .app-drawer{
  display:none!important;
}
body.app-page .app-menu-toggle{
  display:none!important;
}
body.app-page .member-summary{
  justify-self:end!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  min-width:0!important;
  margin:0!important;
}
body.app-page .member-summary > img{
  display:block!important;
  width:42px!important;
  height:42px!important;
  border-radius:999px!important;
  object-fit:cover!important;
}
body.app-page .member-summary > span{
  display:grid!important;
  gap:1px!important;
  min-width:0!important;
}
body.app-page .member-summary form button,
body.app-page .pwa-install-button,
body.app-page .notification-bell{
  min-height:38px!important;
  border:1px solid rgba(255,156,220,.24)!important;
  border-radius:999px!important;
  padding:8px 13px!important;
  color:#ffe6f6!important;
  background:rgba(255,79,195,.08)!important;
  box-shadow:none!important;
}
@media(max-width:1180px){
  body.app-page .member-nav.app-member-nav{
    min-height:82px!important;
    grid-template-columns:auto minmax(0,1fr) auto!important;
    padding:10px 0!important;
  }
  body.app-page .app-member-nav > .logo.logo-image img{
    width:170px!important;
    max-width:58vw!important;
  }
  body.app-page .member-summary{
    display:none!important;
  }
  body.app-page .app-menu-toggle{
    display:grid!important;
    place-items:center!important;
    justify-self:end!important;
    width:48px!important;
    height:48px!important;
    border:0!important;
    border-radius:12px!important;
    background:rgba(255,79,195,.12)!important;
    box-shadow:0 0 22px rgba(255,79,195,.18)!important;
  }
}
@media(max-width:760px){
  body.app-page .member-nav.app-member-nav{
    min-height:74px!important;
    padding:10px 0!important;
  }
  body.app-page .app-member-nav > .logo.logo-image img{
    width:158px!important;
  }
  body.app-page .app-menu-toggle{
    width:46px!important;
    height:46px!important;
  }
}

/* App shell v3 mockup convergence. This intentionally stays last. */
body.app-page{
  --shell-bg:#07040a;
  --shell-panel:#160915;
  --shell-panel-2:#210b1f;
  --shell-ink:#fff4fb;
  --shell-muted:#c9aeca;
  --shell-pink:#ff4fc3;
  --shell-pink-2:#ff9cdf;
  --shell-cyan:#7bf3ff;
  --shell-green:#75f0bd;
  --shell-line:rgba(255,156,220,.22);
  --shell-shadow:0 24px 70px rgba(0,0,0,.38);
}
body.app-page .member-shell{
  width:min(1480px,100%)!important;
  max-width:1480px!important;
  margin:0 auto!important;
  padding:0 clamp(16px,4vw,38px) 128px!important;
}
body.app-page .member-nav.app-member-nav{
  position:sticky!important;
  top:0!important;
  z-index:1200!important;
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr) auto!important;
  gap:18px!important;
  align-items:center!important;
  width:100%!important;
  min-height:72px!important;
  margin:0!important;
  padding:14px 0!important;
  border:0!important;
  border-bottom:1px solid rgba(255,156,220,.14)!important;
  border-radius:0!important;
  background:rgba(7,4,10,.88)!important;
  box-shadow:none!important;
  backdrop-filter:blur(18px)!important;
  -webkit-backdrop-filter:blur(18px)!important;
}
body.app-page .app-member-nav > .logo.logo-image img{
  width:190px!important;
  max-width:40vw!important;
}
body.app-page .topbar-status{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  min-width:0!important;
  color:var(--shell-green)!important;
  font:900 12px/1 ui-monospace,monospace!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
}
body.app-page .topbar-status i{
  display:block!important;
  width:11px!important;
  height:11px!important;
  border-radius:50%!important;
  background:var(--shell-green)!important;
  box-shadow:0 0 18px var(--shell-green)!important;
}
body.app-page .topbar-status.is-paused{
  color:#ff7a9d!important;
}
body.app-page .topbar-status.is-paused i{
  background:#ff477d!important;
  box-shadow:0 0 18px rgba(255,71,125,.75)!important;
}
body.app-page .member-summary{
  justify-self:end!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  min-width:0!important;
}
body.app-page .member-summary > img{
  width:40px!important;
  height:40px!important;
  border-radius:50%!important;
  object-fit:cover!important;
  box-shadow:0 0 22px rgba(255,79,195,.38)!important;
}
body.app-page .member-summary > span{
  min-width:0!important;
}
body.app-page .member-summary small{
  display:block!important;
  color:var(--shell-pink-2)!important;
  font:900 10px/1 ui-monospace,monospace!important;
  letter-spacing:.16em!important;
  text-transform:uppercase!important;
}
body.app-page .member-summary strong{
  display:block!important;
  max-width:190px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:var(--shell-ink)!important;
  font-size:14px!important;
}
body.app-page .member-summary form button,
body.app-page .pwa-install-button,
body.app-page .notification-bell{
  min-height:40px!important;
  border:1px solid var(--shell-line)!important;
  border-radius:999px!important;
  padding:8px 13px!important;
  color:#ffe6f6!important;
  background:rgba(255,79,195,.08)!important;
  box-shadow:none!important;
}
body.app-page .app-shell-v2{
  display:grid!important;
  grid-template-columns:230px minmax(0,1fr)!important;
  gap:22px!important;
  width:100%!important;
  padding:22px 0 0!important;
}
body.app-page .app-side-v2{
  min-width:0!important;
}
body.app-page .app-main-v2{
  display:grid!important;
  gap:18px!important;
  min-width:0!important;
}
body.app-page .hud-dock-row{
  position:sticky!important;
  top:92px!important;
  display:grid!important;
  gap:18px!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body.app-page .hud-dock-row > .rail-logo{
  display:none!important;
}
body.app-page .hud-nav{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:8px!important;
  width:100%!important;
  padding:10px!important;
  border:1px solid var(--shell-line)!important;
  border-radius:22px!important;
  background:linear-gradient(145deg,rgba(35,9,31,.88),rgba(8,2,12,.92))!important;
  box-shadow:var(--shell-shadow)!important;
}
body.app-page .hud-nav button,
body.app-page .hud-nav button[data-hud-target="store"]{
  display:grid!important;
  grid-template-columns:12px minmax(0,1fr)!important;
  align-items:center!important;
  gap:10px!important;
  min-height:52px!important;
  width:100%!important;
  padding:8px 12px!important;
  border:0!important;
  border-radius:16px!important;
  color:var(--shell-muted)!important;
  background:transparent!important;
  box-shadow:none!important;
  text-align:left!important;
  font:850 15px/1.2 Inter,ui-sans-serif,system-ui,sans-serif!important;
  letter-spacing:0!important;
}
body.app-page .hud-nav button::before{
  content:""!important;
  display:block!important;
  width:8px!important;
  height:28px!important;
  border-radius:999px!important;
  background:rgba(255,156,220,.24)!important;
}
body.app-page .hud-nav button img{
  display:none!important;
}
body.app-page .hud-nav span{
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:15px!important;
  letter-spacing:0!important;
}
body.app-page .hud-nav button.active{
  color:#220819!important;
  background:linear-gradient(135deg,#ffd3ee,var(--shell-pink))!important;
  box-shadow:0 0 24px rgba(255,79,195,.24)!important;
}
body.app-page .hud-nav button.active::before{
  background:#220819!important;
}
body.app-page .hud-bonus-dock{
  display:grid!important;
  gap:10px!important;
  padding:0!important;
}
body.app-page .quest-quick-button,
body.app-page .quest-quick-card{
  min-height:76px!important;
  display:grid!important;
  align-content:center!important;
  gap:3px!important;
  padding:15px!important;
  border:1px solid var(--shell-line)!important;
  border-radius:18px!important;
  background:rgba(255,79,195,.08)!important;
  box-shadow:none!important;
}
body.app-page .quest-quick-button{
  color:#220819!important;
  background:linear-gradient(135deg,#ffd3ee,var(--shell-pink))!important;
}
body.app-page .quest-quick-button strong,
body.app-page .quest-quick-card strong{
  font-size:18px!important;
  line-height:1!important;
  white-space:normal!important;
}
body.app-page .member-hero,
body.app-page .sync-overview,
body.app-page .game-hud,
body.app-page .today-layout,
body.app-page .member-grid{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin-left:0!important;
  margin-right:0!important;
}
body.app-page .member-hero{
  min-height:230px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 160px!important;
  gap:20px!important;
  align-items:center!important;
  padding:30px!important;
  overflow:hidden!important;
  border:1px solid var(--shell-line)!important;
  border-radius:26px!important;
  background:
    linear-gradient(90deg,rgba(8,2,12,.96),rgba(32,6,37,.74),rgba(255,79,195,.09)),
    linear-gradient(135deg,rgba(255,79,195,.18),transparent 55%)!important;
  box-shadow:var(--shell-shadow)!important;
}
body.app-page .member-hero h1{
  margin:0 0 10px!important;
  font:900 clamp(34px,4.6vw,64px)/.94 ui-monospace,monospace!important;
  letter-spacing:0!important;
}
body.app-page .member-hero h1 em{
  color:var(--shell-pink-2)!important;
  font-style:normal!important;
  text-shadow:0 0 26px rgba(255,79,195,.54)!important;
}
body.app-page .member-hero .system-line{
  margin:0 0 12px!important;
  color:var(--shell-green)!important;
  font:900 12px/1 ui-monospace,monospace!important;
  letter-spacing:.12em!important;
}
body.app-page .hero-rank-line{
  color:var(--shell-green)!important;
  font-weight:900!important;
  text-transform:uppercase!important;
  letter-spacing:.08em!important;
}
body.app-page .level-ring{
  display:grid!important;
  place-items:center!important;
  gap:2px!important;
  width:100%!important;
  min-height:132px!important;
  padding:18px!important;
  border:1px solid rgba(255,156,220,.26)!important;
  border-radius:18px!important;
  background:rgba(7,2,10,.72)!important;
  text-align:center!important;
  box-shadow:none!important;
}
body.app-page .level-ring span{
  color:var(--shell-pink-2)!important;
  font:900 11px/1 ui-monospace,monospace!important;
  letter-spacing:.18em!important;
}
body.app-page .level-ring strong{
  font-size:54px!important;
  line-height:.95!important;
}
body.app-page .level-ring small{
  color:var(--shell-muted)!important;
  font-weight:900!important;
}
body.app-page .sync-overview{
  display:grid!important;
}
body.app-page .sync-overview .conditioning-strip{
  display:grid!important;
  gap:9px!important;
  min-height:0!important;
  padding:17px 19px!important;
  border:1px solid var(--shell-line)!important;
  border-radius:18px!important;
  background:rgba(9,3,12,.72)!important;
}
body.app-page .sync-overview .conditioning-strip-head{
  grid-template-columns:minmax(0,1fr) auto auto!important;
  gap:12px!important;
}
body.app-page .sync-overview .conditioning-strip-head span{
  color:var(--shell-pink-2)!important;
}
body.app-page .sync-overview .conditioning-strip-head strong{
  font-size:27px!important;
}
body.app-page .game-hud{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:12px!important;
  margin:0!important;
}
body.app-page .hud-chip{
  min-height:76px!important;
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr)!important;
  align-items:center!important;
  gap:14px!important;
  padding:16px 18px!important;
  border:1px solid var(--shell-line)!important;
  border-radius:18px!important;
  background:rgba(255,79,195,.08)!important;
  box-shadow:none!important;
}
body.app-page .hud-chip img{
  width:31px!important;
  height:31px!important;
}
body.app-page .hud-chip strong{
  font-size:27px!important;
  line-height:1!important;
}
body.app-page .hud-chip small{
  grid-column:2!important;
  color:var(--shell-muted)!important;
  font:900 10px/1 ui-monospace,monospace!important;
  letter-spacing:.16em!important;
}
body.app-page .today-layout{
  display:grid!important;
  grid-template-columns:minmax(320px,.92fr) minmax(0,1.38fr)!important;
  gap:18px!important;
  align-items:start!important;
  margin:0 0 42px!important;
}
body.app-page .today-layout > .member-panel{
  min-width:0!important;
  border:1px solid var(--shell-line)!important;
  border-radius:22px!important;
  background:linear-gradient(145deg,rgba(35,9,31,.9),rgba(12,4,17,.92))!important;
  box-shadow:var(--shell-shadow)!important;
}
body.app-page .task-panel > .label,
body.app-page .command-deck-panel .label{
  color:var(--shell-pink-2)!important;
}
body.app-page .task-panel{
  grid-column:1!important;
  padding:22px!important;
}
body.app-page .command-deck-panel{
  grid-column:2!important;
  padding:22px!important;
}
body.app-page .assignment-history-panel{
  grid-column:1 / -1!important;
}
body.app-page .command-deck-panel .panel-heading{
  padding:0!important;
}
body.app-page .command-deck-panel .panel-heading h2{
  margin:0 0 10px!important;
  font:900 clamp(26px,2.6vw,38px)/1.05 ui-monospace,monospace!important;
  letter-spacing:0!important;
}
body.app-page #current-task{
  display:grid!important;
  gap:12px!important;
}
body.app-page #current-task h2{
  margin:0!important;
  font:900 clamp(28px,2.4vw,36px)/1.05 ui-monospace,monospace!important;
  letter-spacing:0!important;
}
body.app-page .task-link-button,
body.app-page .primary-action,
body.app-page .action{
  border-radius:999px!important;
  color:#220819!important;
  background:linear-gradient(135deg,#ffd3ee,var(--shell-pink))!important;
  box-shadow:0 0 30px rgba(255,79,195,.28)!important;
}
body.app-page .history-item.deck-item{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:14px!important;
  padding:15px!important;
  border:1px solid rgba(255,156,220,.18)!important;
  border-radius:18px!important;
  background:rgba(10,3,14,.55)!important;
}
body.app-page .history-item.deck-item strong{
  display:block!important;
  margin:4px 0 5px!important;
  font-size:18px!important;
}
body.app-page .deck-card-actions{
  display:flex!important;
  flex-direction:column!important;
  gap:8px!important;
  align-items:end!important;
}
body.app-page .icon-action{
  width:42px!important;
  height:42px!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid rgba(255,156,220,.28)!important;
  border-radius:50%!important;
  background:rgba(255,79,195,.1)!important;
}
body.app-page .icon-action img{
  width:27px!important;
  height:27px!important;
}
body:not([data-hud="quest"]) .today-layout{
  display:none!important;
}
body[data-hud="quest"] .member-grid{
  display:none!important;
}
body:not([data-hud="quest"]) .member-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:18px!important;
  margin:0 0 42px!important;
}
body[data-hud] .member-grid > [data-hud-panel]{
  display:none!important;
}
body[data-hud] .member-grid > [data-hud-panel].hud-active:not(.hidden){
  display:block!important;
}
body.app-page .member-grid > .app-route-panel,
body[data-hud="playlists"] .member-grid > [data-hud-panel="playlists"].hud-active,
body[data-hud="systems"] .member-grid > [data-hud-panel="systems"].hud-active{
  grid-column:1 / -1!important;
}
body.app-page .app-persistent-player.jukie-compact{
  width:min(620px,calc(100vw - 28px))!important;
  bottom:18px!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:12px!important;
  padding:14px 16px!important;
  border-radius:24px!important;
  background:linear-gradient(145deg,rgba(11,3,15,.97),rgba(39,9,37,.95))!important;
  box-shadow:0 20px 60px rgba(0,0,0,.45),0 0 36px rgba(255,79,195,.18)!important;
}
@media(max-width:980px){
  body.app-page .member-shell{
    width:100%!important;
    max-width:none!important;
    padding:0 14px 150px!important;
  }
  body.app-page .member-nav.app-member-nav{
    grid-template-columns:auto minmax(0,1fr) auto!important;
    padding:12px 0!important;
  }
  body.app-page .topbar-status{
    justify-self:end!important;
    font-size:10px!important;
  }
  body.app-page .member-summary{
    display:none!important;
  }
  body.app-page .app-menu-toggle{
    display:grid!important;
    place-items:center!important;
    justify-self:end!important;
    width:48px!important;
    height:48px!important;
    border:0!important;
    border-radius:12px!important;
    background:rgba(255,79,195,.12)!important;
  }
  body.app-page .app-shell-v2{
    display:block!important;
    padding-top:14px!important;
  }
  body.app-page .app-side-v2{
    display:block!important;
  }
  body.app-page .hud-dock-row{
    position:static!important;
    display:block!important;
    padding:0!important;
  }
  body.app-page .hud-bonus-dock{
    display:none!important;
  }
  body.app-page .hud-nav{
    position:fixed!important;
    left:14px!important;
    right:14px!important;
    bottom:14px!important;
    z-index:940!important;
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
    gap:6px!important;
    width:auto!important;
    padding:8px!important;
    border-radius:24px!important;
    background:rgba(8,2,12,.94)!important;
    backdrop-filter:blur(16px)!important;
    -webkit-backdrop-filter:blur(16px)!important;
  }
  body.app-page .hud-nav button,
  body.app-page .hud-nav button[data-hud-target="store"]{
    grid-template-columns:minmax(0,1fr)!important;
    justify-items:center!important;
    min-height:54px!important;
    padding:8px 4px!important;
    text-align:center!important;
    font-size:11px!important;
  }
  body.app-page .hud-nav button::before{
    width:18px!important;
    height:5px!important;
  }
  body.app-page .hud-nav span{
    font-size:11px!important;
  }
  body.app-page .member-hero{
    grid-template-columns:1fr auto!important;
    padding:22px!important;
  }
  body.app-page .today-layout,
  body:not([data-hud="quest"]) .member-grid{
    grid-template-columns:1fr!important;
  }
  body.app-page .today-layout > .task-panel,
  body.app-page .today-layout > .command-deck-panel,
  body.app-page .today-layout > .assignment-history-panel{
    grid-column:1 / -1!important;
  }
  body.app-page .app-persistent-player.jukie-compact{
    bottom:92px!important;
  }
}
@media(max-width:620px){
  body.app-page .member-shell{
    padding-left:14px!important;
    padding-right:14px!important;
    padding-bottom:160px!important;
  }
  body.app-page .app-member-nav > .logo.logo-image img{
    width:158px!important;
    max-width:58vw!important;
  }
  body.app-page .topbar-status{
    display:none!important;
  }
  body.app-page .member-hero{
    grid-template-columns:1fr!important;
    min-height:0!important;
  }
  body.app-page .level-ring{
    grid-template-columns:auto 1fr auto!important;
    justify-content:stretch!important;
    min-height:0!important;
    text-align:left!important;
  }
  body.app-page .level-ring strong{
    font-size:44px!important;
  }
  body.app-page .game-hud{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }
  body.app-page .hud-chip{
    min-height:84px!important;
    padding:14px!important;
  }
  body.app-page .history-item.deck-item{
    grid-template-columns:1fr!important;
  }
  body.app-page .deck-card-actions{
    flex-direction:row!important;
    align-items:center!important;
  }
  body.app-page .hud-nav{
    left:14px!important;
    right:14px!important;
    bottom:14px!important;
  }
}

/* App shell v2 header lock. */
body.app-page .member-nav.app-member-nav{
  position:sticky!important;
  top:0!important;
  z-index:1200!important;
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr) auto!important;
  gap:18px!important;
  align-items:center!important;
  min-height:76px!important;
  width:100%!important;
  margin:0!important;
  padding:12px 0!important;
  border:0!important;
  border-bottom:1px solid rgba(255,156,220,.14)!important;
  border-radius:0!important;
  background:rgba(7,4,10,.9)!important;
  box-shadow:none!important;
  backdrop-filter:blur(18px)!important;
  -webkit-backdrop-filter:blur(18px)!important;
}
body.app-page .app-member-nav > .logo.logo-image{
  display:block!important;
  width:auto!important;
  height:auto!important;
  margin:0!important;
}
body.app-page .app-member-nav > .logo.logo-image img{
  display:block!important;
  width:190px!important;
  max-width:40vw!important;
  height:auto!important;
  object-fit:contain!important;
}
body.app-page .app-member-nav > .app-drawer{
  display:none!important;
}
body.app-page .app-menu-toggle{
  display:none!important;
}
body.app-page .member-summary{
  justify-self:end!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  min-width:0!important;
  margin:0!important;
}
body.app-page .member-summary > img{
  display:block!important;
  width:42px!important;
  height:42px!important;
  border-radius:999px!important;
  object-fit:cover!important;
}
body.app-page .member-summary > span{
  display:grid!important;
  gap:1px!important;
  min-width:0!important;
}
body.app-page .member-summary small{
  color:#ff9cdf!important;
  font:800 10px/1.1 ui-monospace,monospace!important;
  letter-spacing:0!important;
  text-transform:uppercase!important;
}
body.app-page .member-summary strong{
  max-width:178px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:#fff4fb!important;
  font-size:15px!important;
}
body.app-page .member-summary form button,
body.app-page .pwa-install-button,
body.app-page .notification-bell{
  min-height:38px!important;
  border:1px solid rgba(255,156,220,.24)!important;
  border-radius:999px!important;
  padding:8px 13px!important;
  color:#ffe6f6!important;
  background:rgba(255,79,195,.08)!important;
  box-shadow:none!important;
}
body.app-page > .app-drawer{
  z-index:2147483641!important;
  background:
    radial-gradient(circle at 24px 28px,rgba(255,79,195,.18),transparent 132px),
    linear-gradient(180deg,#100613 0%,#07020a 46%,#030105 100%)!important;
  opacity:1!important;
  filter:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  box-shadow:0 24px 80px rgba(0,0,0,.62)!important;
}
body.app-page > .app-menu-scrim{
  z-index:2147483500!important;
}
@media(max-width:1180px){
  body.app-page .member-nav.app-member-nav{
    min-height:82px!important;
    grid-template-columns:auto minmax(0,1fr) auto!important;
    padding:10px 0!important;
  }
  body.app-page .app-member-nav > .logo.logo-image img{
    width:170px!important;
    max-width:58vw!important;
  }
  body.app-page .member-summary{
    display:none!important;
  }
  body.app-page .app-menu-toggle{
    display:grid!important;
    place-items:center!important;
    justify-self:end!important;
    width:48px!important;
    height:48px!important;
    border:0!important;
    border-radius:12px!important;
    background:rgba(255,79,195,.12)!important;
    box-shadow:0 0 22px rgba(255,79,195,.18)!important;
  }
}
@media(max-width:760px){
  body.app-page .member-nav.app-member-nav{
    min-height:74px!important;
    padding:10px 0!important;
  }
  body.app-page .app-member-nav > .logo.logo-image img{
    width:158px!important;
  }
  body.app-page .app-menu-toggle{
    width:46px!important;
    height:46px!important;
  }
}
@media(max-width:1180px){
  .app-page .hud-dock-row{
    position:static!important;
    display:block!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
  }
  .app-page .rail-logo,
  .app-page .hud-nav{
    display:none!important;
  }
  body[data-hud="quest"] .member-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:14px!important;
    width:100%!important;
    max-width:none!important;
    margin:0 0 42px!important;
  }
}
@media(max-width:760px){
  .app-page > .member-shell > .hud-bonus-dock{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    margin:0 0 12px!important;
  }
  .app-page > .member-shell > .hud-bonus-dock::before{
    grid-column:1/-1!important;
  }
  .app-page .game-hud{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    width:100%!important;
  }
  body[data-hud="quest"] .task-panel,
  body[data-hud="quest"] .command-deck-panel,
  body[data-hud="quest"] .assignment-history-panel{
    width:100%!important;
    max-width:none!important;
  }
}

/* PWA 41: clean Today layout. This replaces the old dashboard member-grid for
   the active ritual/deck area: mobile is 1 column, tablet/desktop are 2, and
   an odd final card spans the full row. */
.app-page .member-shell{
  display:block!important;
}
.app-page .member-hero .system-line.is-paused{
  color:#ff9aa8!important;
}
.app-page .member-hero .system-line.is-paused i{
  background:#ff425f!important;
  box-shadow:0 0 14px rgba(255,66,95,.78)!important;
}
.app-page .member-hero,
.app-page .game-hud,
.app-page .hud-dock-row > .hud-bonus-dock,
.app-page .today-layout,
.app-page .member-grid{
  grid-column:1 / -1!important;
  clear:both!important;
}
.today-layout{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:18px!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin:0 0 42px!important;
  align-items:start!important;
}
body:not([data-hud="quest"]) .today-layout{
  display:none!important;
}
.today-layout > .member-panel{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
}
.today-layout > .member-panel:last-child:nth-child(odd),
.today-layout > .assignment-history-panel{
  grid-column:1 / -1!important;
}
body[data-hud="quest"] .member-grid{
  display:none!important;
}
body:not([data-hud="quest"]) .member-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:18px!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
}
@media(max-width:760px){
  .today-layout,
  body:not([data-hud="quest"]) .member-grid{
    grid-template-columns:minmax(0,1fr)!important;
    gap:12px!important;
  }
  .today-layout > .member-panel:last-child:nth-child(odd),
  .today-layout > .assignment-history-panel{
    grid-column:1!important;
  }
}

/* PWA 46: today cards live outside member-grid, so they need their own
   breakpoint placement instead of inheriting old quest swim-lane rules. */
@media(min-width:761px) and (max-width:1180px){
  body[data-hud="quest"] .today-layout{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  body[data-hud="quest"] .today-layout > .task-panel,
  body[data-hud="quest"] .today-layout > .command-deck-panel,
  body[data-hud="quest"] .today-layout > .assignment-history-panel{
    grid-column:1 / -1!important;
    grid-row:auto!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
  }
}
@media(max-width:760px){
  body[data-hud="quest"] .today-layout,
  body[data-hud="quest"] .today-layout > .task-panel,
  body[data-hud="quest"] .today-layout > .command-deck-panel,
  body[data-hud="quest"] .today-layout > .assignment-history-panel{
    grid-column:1 / -1!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
  }
}

/* PWA 45: bonus actions belong to the navigation rail, not the main content grid. */
.app-page .hud-dock-row > .hud-bonus-dock{
  box-sizing:border-box!important;
  min-width:0!important;
}
@media(min-width:1181px){
  .app-page .hud-dock-row > .hud-bonus-dock{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:10px!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
  }
  .app-page .hud-dock-row > .hud-bonus-dock::before{
    content:"BONUS XP";
    display:block!important;
    padding:0 4px 2px!important;
    color:#ff9cdc!important;
    font:900 9px/1 ui-monospace,monospace!important;
    letter-spacing:.18em!important;
    text-transform:uppercase!important;
  }
  .app-page .hud-dock-row > .hud-bonus-dock .quest-quick-button,
  .app-page .hud-dock-row > .hud-bonus-dock .quest-quick-card{
    min-height:74px!important;
    padding:14px 16px!important;
    border-radius:18px!important;
  }
  .app-page .hud-dock-row > .hud-bonus-dock strong{
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
  }
  .app-page .hud-dock-row > .hud-bonus-dock small{
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
  }
}
@media(max-width:1180px){
  .app-page .hud-dock-row{
    position:static!important;
    display:block!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-width:none!important;
    margin:0 0 12px!important;
    padding:0!important;
  }
  .app-page .hud-dock-row > .hud-bonus-dock{
    position:relative!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    margin:0!important;
  }
  .app-page .hud-dock-row > .hud-bonus-dock::before{
    content:"BONUS XP OPPORTUNITIES";
    grid-column:1/-1!important;
    display:block!important;
    padding:0 0 6px!important;
    border-bottom:1px solid rgba(255,136,219,.24)!important;
    color:#ff9cdc!important;
    font:900 10px/1 ui-monospace,monospace!important;
    letter-spacing:.16em!important;
    text-transform:uppercase!important;
  }
  .app-page .hud-dock-row > .hud-bonus-dock .quest-quick-button,
  .app-page .hud-dock-row > .hud-bonus-dock .quest-quick-card{
    min-width:0!important;
    min-height:74px!important;
    padding:13px 14px!important;
  }
}
@media(max-width:760px){
  .app-page .hud-dock-row > .hud-bonus-dock{
    grid-template-columns:minmax(0,1fr)!important;
    gap:8px!important;
  }
  .app-page .hud-dock-row > .hud-bonus-dock .quest-quick-button,
  .app-page .hud-dock-row > .hud-bonus-dock .quest-quick-card{
    grid-template-columns:minmax(0,1fr) 18px!important;
    min-height:66px!important;
    padding:12px 13px!important;
  }
}


/* PWA 48: any active HUD panel must fill the mobile shell. */
@media(max-width:760px){
  body[data-hud] [data-hud-panel].hud-active{
    grid-column:1 / -1!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
  }
}

/* PWA 49: keep desktop rail ordered at the top after the bonus dock moved inside it. */
@media(min-width:1181px){
  .app-page .hud-dock-row{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    gap:14px!important;
    overflow:visible!important;
  }
  .app-page .hud-dock-row > .rail-logo{
    order:1!important;
    flex:0 0 auto!important;
    display:block!important;
  }
  .app-page .hud-dock-row > .hud-nav{
    order:2!important;
    position:static!important;
    inset:auto!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    bottom:auto!important;
    transform:none!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
  }
  .app-page .hud-dock-row > .hud-bonus-dock{
    order:3!important;
    flex:0 0 auto!important;
    margin:0!important;
    align-self:stretch!important;
  }
}

/* App shell v2 final cascade lock. Keep this at EOF. */
body.app-page .member-shell{
  width:min(1480px,100%)!important;
  max-width:1480px!important;
  min-width:0!important;
  margin:0 auto!important;
  padding:0 clamp(16px,4vw,38px) 132px!important;
}
body.app-page .app-shell-v2{
  display:grid!important;
  grid-template-columns:230px minmax(0,1fr)!important;
  gap:22px!important;
  width:100%!important;
  min-width:0!important;
  padding:22px 0 0!important;
}
body.app-page .app-main-v2{
  display:grid!important;
  gap:18px!important;
  min-width:0!important;
}
body.app-page .hud-dock-row{
  position:sticky!important;
  top:98px!important;
  left:auto!important;
  right:auto!important;
  bottom:auto!important;
  z-index:30!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:18px!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  height:auto!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body.app-page .hud-dock-row > .rail-logo,
body.app-page .hud-dock-row > .hud-nav,
body.app-page .hud-dock-row > .hud-bonus-dock{
  position:static!important;
  transform:none!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin:0!important;
}
body.app-page .hud-dock-row > .rail-logo{
  display:block!important;
  height:auto!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
}
body.app-page .hud-dock-row > .rail-logo img{
  display:block!important;
  width:190px!important;
  max-width:100%!important;
  height:auto!important;
  margin:0 auto 2px!important;
  object-fit:contain!important;
}
body.app-page .hud-nav{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:8px!important;
  padding:10px!important;
  border:1px solid rgba(255,156,220,.22)!important;
  border-radius:22px!important;
  background:linear-gradient(145deg,rgba(35,9,31,.88),rgba(8,2,12,.92))!important;
  box-shadow:0 24px 70px rgba(0,0,0,.38)!important;
  overflow:visible!important;
}
body.app-page .hud-nav button,
body.app-page .hud-nav button[data-hud-target="store"]{
  display:grid!important;
  grid-template-columns:12px minmax(0,1fr)!important;
  align-items:center!important;
  justify-items:stretch!important;
  gap:10px!important;
  min-height:52px!important;
  width:100%!important;
  padding:8px 12px!important;
  border:0!important;
  border-radius:16px!important;
  color:#c9aeca!important;
  background:transparent!important;
  box-shadow:none!important;
  text-align:left!important;
  font:850 15px/1.2 Inter,ui-sans-serif,system-ui,sans-serif!important;
  letter-spacing:0!important;
}
body.app-page .hud-nav button::before{
  content:""!important;
  display:block!important;
  width:8px!important;
  height:28px!important;
  border-radius:999px!important;
  background:rgba(255,156,220,.24)!important;
}
body.app-page .hud-nav button img{
  display:none!important;
}
body.app-page .hud-nav span{
  display:block!important;
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:15px!important;
  letter-spacing:0!important;
}
body.app-page .hud-nav button.active{
  color:#220819!important;
  background:linear-gradient(135deg,#ffd3ee,#ff4fc3)!important;
}
body.app-page .hud-nav button.active::before{
  background:#220819!important;
}
body.app-page .hud-dock-row > .hud-bonus-dock{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:10px!important;
  padding:0!important;
}
body.app-page .member-hero,
body.app-page .sync-overview,
body.app-page .game-hud,
body.app-page .today-layout,
body.app-page .member-grid{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin-left:0!important;
  margin-right:0!important;
}
body.app-page .member-hero{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 160px!important;
  gap:20px!important;
}
body.app-page .game-hud{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:12px!important;
  margin:0!important;
}
body.app-page .today-layout{
  display:grid!important;
  grid-template-columns:minmax(320px,.92fr) minmax(0,1.38fr)!important;
  gap:18px!important;
  align-items:start!important;
  margin:0 0 42px!important;
}
body.app-page .today-layout > .task-panel{
  grid-column:1!important;
}
body.app-page .today-layout > .command-deck-panel{
  grid-column:2!important;
}
body.app-page .today-layout > .assignment-history-panel{
  grid-column:1 / -1!important;
}
body:not([data-hud="quest"]) .today-layout{
  display:none!important;
}
body[data-hud="quest"] .member-grid{
  display:none!important;
}
body:not([data-hud="quest"]) .member-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:18px!important;
  margin:0 0 42px!important;
}
body[data-hud] .member-grid > [data-hud-panel]{
  display:none!important;
}
body[data-hud] .member-grid > [data-hud-panel].hud-active:not(.hidden){
  display:block!important;
}
body.app-page .member-grid > .member-panel.hidden{
  display:none!important;
}
body.app-page .member-grid > .app-route-panel,
body[data-hud="playlists"] .member-grid > [data-hud-panel="playlists"].hud-active,
body[data-hud="systems"] .member-grid > [data-hud-panel="systems"].hud-active{
  grid-column:1 / -1!important;
}
@media(max-width:1180px){
  body.app-page .member-shell{
    width:100%!important;
    max-width:none!important;
    padding-left:14px!important;
    padding-right:14px!important;
    padding-bottom:172px!important;
  }
  body.app-page .app-shell-v2{
    display:block!important;
    padding-top:14px!important;
  }
  body.app-page .hud-dock-row{
    position:static!important;
    display:block!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
  }
  body.app-page .hud-dock-row > .rail-logo,
  body.app-page .hud-dock-row > .hud-bonus-dock{
    display:none!important;
  }
  body.app-page .hud-nav{
    position:fixed!important;
    left:14px!important;
    right:14px!important;
    bottom:14px!important;
    z-index:920!important;
    display:grid!important;
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
    gap:6px!important;
    width:auto!important;
    max-width:none!important;
    padding:8px!important;
    border-radius:24px!important;
    background:rgba(8,2,12,.94)!important;
    backdrop-filter:blur(16px)!important;
    -webkit-backdrop-filter:blur(16px)!important;
  }
  body.app-page .hud-nav button,
  body.app-page .hud-nav button[data-hud-target="store"]{
    grid-template-columns:minmax(0,1fr)!important;
    justify-items:center!important;
    min-height:54px!important;
    padding:8px 4px!important;
    text-align:center!important;
    font-size:11px!important;
  }
  body.app-page .hud-nav button::before{
    width:18px!important;
    height:5px!important;
  }
  body.app-page .hud-nav span{
    font-size:11px!important;
  }
  body.app-page .member-hero{
    grid-template-columns:minmax(0,1fr) 132px!important;
  }
  body.app-page .game-hud,
  body:not([data-hud="quest"]) .member-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  body.app-page .today-layout{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  body.app-page .today-layout > .task-panel,
  body.app-page .today-layout > .command-deck-panel,
  body.app-page .today-layout > .assignment-history-panel{
    grid-column:1 / -1!important;
  }
}
@media(max-width:760px){
  body.app-page .member-shell{
    padding-left:10px!important;
    padding-right:10px!important;
    padding-bottom:178px!important;
  }
  body.app-page .member-hero{
    grid-template-columns:minmax(0,1fr) 104px!important;
    gap:12px!important;
    padding:18px!important;
    border-radius:18px!important;
  }
  body.app-page .member-hero h1{
    font-size:30px!important;
    line-height:1!important;
  }
  body.app-page .level-ring{
    width:104px!important;
    min-height:98px!important;
    padding:11px!important;
  }
  body.app-page .level-ring strong{
    font-size:38px!important;
  }
  body.app-page .game-hud,
  body.app-page .today-layout,
  body:not([data-hud="quest"]) .member-grid{
    grid-template-columns:minmax(0,1fr)!important;
    gap:12px!important;
  }
  body.app-page .game-hud{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }
  body.app-page .today-layout > .task-panel,
  body.app-page .today-layout > .command-deck-panel,
  body.app-page .today-layout > .assignment-history-panel,
  body.app-page .member-grid > .member-panel{
    grid-column:1 / -1!important;
  }
  body.app-page .hud-nav{
    left:10px!important;
    right:10px!important;
    bottom:10px!important;
    gap:4px!important;
    padding:7px!important;
  }
  body.app-page .hud-nav button,
  body.app-page .hud-nav button[data-hud-target="store"]{
    min-height:50px!important;
    border-radius:16px!important;
  }
  body.app-page .hud-nav span{
    font-size:10px!important;
  }
}
@media(max-width:480px){
  body.app-page .member-hero{
    grid-template-columns:minmax(0,1fr)!important;
  }
  body.app-page .level-ring{
    justify-self:start!important;
    grid-template-columns:auto auto auto!important;
    width:100%!important;
    min-height:0!important;
    justify-content:space-between!important;
    text-align:left!important;
  }
}

/* App shell v2 true EOF header lock. */
body.app-page .member-nav.app-member-nav{
  position:sticky!important;
  top:0!important;
  z-index:1200!important;
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr) auto!important;
  gap:18px!important;
  align-items:center!important;
  min-height:76px!important;
  width:100%!important;
  margin:0!important;
  padding:12px 0!important;
  border:0!important;
  border-bottom:1px solid rgba(255,156,220,.14)!important;
  border-radius:0!important;
  background:rgba(7,4,10,.9)!important;
  box-shadow:none!important;
  backdrop-filter:blur(18px)!important;
  -webkit-backdrop-filter:blur(18px)!important;
}
body.app-page .app-member-nav > .logo.logo-image{
  display:block!important;
  width:auto!important;
  height:auto!important;
  margin:0!important;
}
body.app-page .app-member-nav > .logo.logo-image img{
  display:block!important;
  width:190px!important;
  max-width:40vw!important;
  height:auto!important;
  object-fit:contain!important;
}
body.app-page .app-member-nav > .app-drawer{
  display:none!important;
}
body.app-page .app-menu-toggle{
  display:none!important;
}
body.app-page .member-summary{
  justify-self:end!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  min-width:0!important;
  margin:0!important;
}
body.app-page .member-summary > img{
  display:block!important;
  width:42px!important;
  height:42px!important;
  border-radius:999px!important;
  object-fit:cover!important;
}
body.app-page .member-summary > span{
  display:grid!important;
  gap:1px!important;
  min-width:0!important;
}
body.app-page .member-summary form button,
body.app-page .pwa-install-button,
body.app-page .notification-bell{
  min-height:38px!important;
  border:1px solid rgba(255,156,220,.24)!important;
  border-radius:999px!important;
  padding:8px 13px!important;
  color:#ffe6f6!important;
  background:rgba(255,79,195,.08)!important;
  box-shadow:none!important;
}
@media(max-width:1180px){
  body.app-page .member-nav.app-member-nav{
    min-height:82px!important;
    grid-template-columns:auto minmax(0,1fr) auto!important;
    padding:10px 0!important;
  }
  body.app-page .app-member-nav > .logo.logo-image img{
    width:170px!important;
    max-width:58vw!important;
  }
  body.app-page .member-summary{
    display:none!important;
  }
  body.app-page .app-menu-toggle{
    display:grid!important;
    place-items:center!important;
    justify-self:end!important;
    width:48px!important;
    height:48px!important;
    border:0!important;
    border-radius:12px!important;
    background:rgba(255,79,195,.12)!important;
    box-shadow:0 0 22px rgba(255,79,195,.18)!important;
  }
}
@media(max-width:760px){
  body.app-page .member-nav.app-member-nav{
    min-height:74px!important;
    padding:10px 0!important;
  }
  body.app-page .app-member-nav > .logo.logo-image img{
    width:158px!important;
  }
  body.app-page .app-menu-toggle{
    width:46px!important;
    height:46px!important;
  }
}

/* App shell v3 true EOF lock. Keep this literally last. */
body.app-page .member-shell{
  width:min(1480px,100%)!important;
  max-width:1480px!important;
  margin:0 auto!important;
  padding:0 clamp(16px,4vw,38px) 128px!important;
}
body.app-page .member-nav.app-member-nav{
  position:sticky!important;
  top:0!important;
  z-index:1200!important;
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr) auto!important;
  gap:18px!important;
  align-items:center!important;
  min-height:72px!important;
  padding:14px 0!important;
  border:0!important;
  border-bottom:1px solid rgba(255,156,220,.14)!important;
  border-radius:0!important;
  background:rgba(7,4,10,.88)!important;
  box-shadow:none!important;
  backdrop-filter:blur(18px)!important;
  -webkit-backdrop-filter:blur(18px)!important;
}
body.app-page .topbar-status{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  color:#75f0bd!important;
  font:900 12px/1 ui-monospace,monospace!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
}
body.app-page .topbar-status i{
  display:block!important;
  width:11px!important;
  height:11px!important;
  border-radius:50%!important;
  background:#75f0bd!important;
  box-shadow:0 0 18px #75f0bd!important;
}
body.app-page .topbar-status.is-paused{color:#ff7a9d!important}
body.app-page .topbar-status.is-paused i{background:#ff477d!important;box-shadow:0 0 18px rgba(255,71,125,.75)!important}
body.app-page .app-shell-v2{
  display:grid!important;
  grid-template-columns:230px minmax(0,1fr)!important;
  gap:22px!important;
  width:100%!important;
  padding:22px 0 0!important;
}
body.app-page .app-main-v2{
  display:grid!important;
  gap:18px!important;
  min-width:0!important;
}
body.app-page .hud-dock-row{
  position:sticky!important;
  top:92px!important;
  display:grid!important;
  gap:18px!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body.app-page .hud-dock-row > .rail-logo{display:none!important}
body.app-page .hud-nav{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:8px!important;
  width:100%!important;
  padding:10px!important;
  border:1px solid rgba(255,156,220,.22)!important;
  border-radius:22px!important;
  background:linear-gradient(145deg,rgba(35,9,31,.88),rgba(8,2,12,.92))!important;
  box-shadow:0 24px 70px rgba(0,0,0,.38)!important;
}
body.app-page .hud-nav button,
body.app-page .hud-nav button[data-hud-target="store"]{
  display:grid!important;
  grid-template-columns:12px minmax(0,1fr)!important;
  align-items:center!important;
  gap:10px!important;
  min-height:52px!important;
  width:100%!important;
  padding:8px 12px!important;
  border:0!important;
  border-radius:16px!important;
  color:#c9aeca!important;
  background:transparent!important;
  box-shadow:none!important;
  text-align:left!important;
  font:850 15px/1.2 Inter,ui-sans-serif,system-ui,sans-serif!important;
  letter-spacing:0!important;
}
body.app-page .hud-nav button::before{
  content:""!important;
  display:block!important;
  width:8px!important;
  height:28px!important;
  border-radius:999px!important;
  background:rgba(255,156,220,.24)!important;
}
body.app-page .hud-nav button img{display:none!important}
body.app-page .hud-nav span{
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:15px!important;
  letter-spacing:0!important;
}
body.app-page .hud-nav button.active{
  color:#220819!important;
  background:linear-gradient(135deg,#ffd3ee,#ff4fc3)!important;
  box-shadow:0 0 24px rgba(255,79,195,.24)!important;
}
body.app-page .hud-nav button.active::before{background:#220819!important}
body.app-page .member-hero,
body.app-page .sync-overview,
body.app-page .game-hud,
body.app-page .today-layout,
body.app-page .member-grid{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin-left:0!important;
  margin-right:0!important;
}
body.app-page .member-hero{
  min-height:230px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 160px!important;
  gap:20px!important;
  align-items:center!important;
  padding:30px!important;
  overflow:hidden!important;
  border:1px solid rgba(255,156,220,.22)!important;
  border-radius:26px!important;
  background:linear-gradient(90deg,rgba(8,2,12,.96),rgba(32,6,37,.74),rgba(255,79,195,.09)),linear-gradient(135deg,rgba(255,79,195,.18),transparent 55%)!important;
  box-shadow:0 24px 70px rgba(0,0,0,.38)!important;
}
body.app-page .member-hero h1{
  margin:0 0 10px!important;
  font:900 clamp(34px,4.6vw,64px)/.94 ui-monospace,monospace!important;
  letter-spacing:0!important;
}
body.app-page .level-ring{
  display:grid!important;
  place-items:center!important;
  width:100%!important;
  min-height:132px!important;
  padding:18px!important;
  border:1px solid rgba(255,156,220,.26)!important;
  border-radius:18px!important;
  background:rgba(7,2,10,.72)!important;
  text-align:center!important;
  box-shadow:none!important;
}
body.app-page .level-ring strong{font-size:54px!important;line-height:.95!important}
body.app-page .game-hud{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:12px!important;
  margin:0!important;
}
body.app-page .hud-chip{
  min-height:76px!important;
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr)!important;
  align-items:center!important;
  gap:14px!important;
  padding:16px 18px!important;
  border:1px solid rgba(255,156,220,.22)!important;
  border-radius:18px!important;
  background:rgba(255,79,195,.08)!important;
  box-shadow:none!important;
}
body.app-page .hud-chip strong{font-size:27px!important;line-height:1!important}
body.app-page .today-layout{
  display:grid!important;
  grid-template-columns:minmax(320px,.92fr) minmax(0,1.38fr)!important;
  gap:18px!important;
  align-items:start!important;
  margin:0 0 42px!important;
}
body.app-page .today-layout > .task-panel{grid-column:1!important}
body.app-page .today-layout > .command-deck-panel{grid-column:2!important}
body.app-page .today-layout > .assignment-history-panel{grid-column:1 / -1!important}
body.app-page .today-layout > .member-panel{
  border:1px solid rgba(255,156,220,.22)!important;
  border-radius:22px!important;
  background:linear-gradient(145deg,rgba(35,9,31,.9),rgba(12,4,17,.92))!important;
  box-shadow:0 24px 70px rgba(0,0,0,.38)!important;
}
body.app-page .command-deck-panel .panel-heading h2{
  font:900 clamp(26px,2.6vw,38px)/1.05 ui-monospace,monospace!important;
  letter-spacing:0!important;
}
body[data-hud="quest"] .member-grid{display:none!important}
body:not([data-hud="quest"]) .today-layout{display:none!important}
body:not([data-hud="quest"]) .member-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:18px!important;
}
@media(max-width:980px){
  body.app-page .member-shell{width:100%!important;max-width:none!important;padding:0 14px 150px!important}
  body.app-page .member-summary{display:none!important}
  body.app-page .topbar-status{justify-self:end!important;font-size:10px!important}
  body.app-page .app-menu-toggle{display:grid!important;place-items:center!important;justify-self:end!important;width:48px!important;height:48px!important;border:0!important;border-radius:12px!important;background:rgba(255,79,195,.12)!important}
  body.app-page .app-shell-v2{display:block!important;padding-top:14px!important}
  body.app-page .hud-dock-row{position:static!important;display:block!important}
  body.app-page .hud-bonus-dock{display:none!important}
  body.app-page .hud-nav{position:fixed!important;left:14px!important;right:14px!important;bottom:14px!important;z-index:940!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:6px!important;width:auto!important;padding:8px!important;border-radius:24px!important;background:rgba(8,2,12,.94)!important;backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important}
  body.app-page .hud-nav button,
  body.app-page .hud-nav button[data-hud-target="store"]{grid-template-columns:minmax(0,1fr)!important;justify-items:center!important;min-height:54px!important;padding:8px 4px!important;text-align:center!important;font-size:11px!important}
  body.app-page .hud-nav button::before{width:18px!important;height:5px!important}
  body.app-page .hud-nav span{font-size:11px!important}
  body.app-page .member-hero{grid-template-columns:1fr auto!important;padding:22px!important}
  body.app-page .today-layout,
  body:not([data-hud="quest"]) .member-grid{grid-template-columns:1fr!important}
  body.app-page .today-layout > .task-panel,
  body.app-page .today-layout > .command-deck-panel,
  body.app-page .today-layout > .assignment-history-panel{grid-column:1 / -1!important}
  body.app-page .app-persistent-player.jukie-compact{bottom:92px!important}
}
@media(max-width:620px){
  body.app-page .member-shell{padding-left:14px!important;padding-right:14px!important;padding-bottom:160px!important}
  body.app-page .app-member-nav > .logo.logo-image img{width:158px!important;max-width:58vw!important}
  body.app-page .topbar-status{display:none!important}
  body.app-page .member-hero{grid-template-columns:1fr!important;min-height:0!important}
  body.app-page .level-ring{grid-template-columns:auto 1fr auto!important;justify-content:stretch!important;min-height:0!important;text-align:left!important}
  body.app-page .level-ring strong{font-size:44px!important}
  body.app-page .game-hud{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  body.app-page .hud-chip{min-height:84px!important;padding:14px!important}
}

/* App shell v4: converge the live app on the approved sleek ritual cockpit.
   Keep this block last so it wins over the older accumulated shell experiments. */
body.app-page{
  background:
    linear-gradient(rgba(255,255,255,.024) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.024) 1px,transparent 1px),
    radial-gradient(circle at 50% -10%,rgba(255,79,195,.19),transparent 36%),
    #07040a!important;
  background-size:4px 4px,4px 4px,100% 100%,100% 100%!important;
}
body.app-page .member-shell{
  width:min(1480px,100%)!important;
  max-width:1480px!important;
  padding:0 clamp(16px,4vw,38px) 128px!important;
}
body.app-page .member-nav.app-member-nav{
  position:sticky!important;
  top:0!important;
  z-index:1300!important;
  min-height:72px!important;
  padding:14px 0!important;
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:18px!important;
  background:rgba(7,4,10,.92)!important;
  border:0!important;
  border-bottom:1px solid rgba(255,156,220,.14)!important;
  border-radius:0!important;
  box-shadow:none!important;
  backdrop-filter:blur(18px)!important;
  -webkit-backdrop-filter:blur(18px)!important;
}
body.app-page .app-member-nav > .logo.logo-image img{
  width:190px!important;
  max-width:40vw!important;
}
body.app-page .topbar-status{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  min-width:0!important;
  color:#75f0bd!important;
  font:900 12px/1 ui-monospace,monospace!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
}
body.app-page .topbar-status span{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
body.app-page .topbar-status i{
  display:block!important;
  width:11px!important;
  height:11px!important;
  flex:0 0 auto!important;
  border-radius:50%!important;
  background:#75f0bd!important;
  box-shadow:0 0 18px #75f0bd!important;
}
body.app-page .topbar-status.is-paused{
  color:#ff8da8!important;
}
body.app-page .topbar-status.is-paused i{
  background:#ff477d!important;
  box-shadow:0 0 18px rgba(255,71,125,.75)!important;
}
body.app-page .member-summary{
  justify-self:end!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  min-width:0!important;
}
body.app-page .member-summary > img{
  width:40px!important;
  height:40px!important;
  border-radius:50%!important;
  object-fit:cover!important;
  box-shadow:0 0 22px rgba(255,79,195,.38)!important;
}
body.app-page .member-summary > span{
  min-width:0!important;
}
body.app-page .member-summary small{
  color:#ff9cdf!important;
  font:900 10px/1 ui-monospace,monospace!important;
  letter-spacing:.16em!important;
  text-transform:uppercase!important;
}
body.app-page .member-summary strong{
  display:block!important;
  max-width:190px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:#fff4fb!important;
  font-size:14px!important;
}
body.app-page .member-summary form button,
body.app-page .pwa-install-button,
body.app-page .notification-bell{
  min-height:40px!important;
  border:1px solid rgba(255,156,220,.24)!important;
  border-radius:999px!important;
  padding:8px 13px!important;
  color:#ffe6f6!important;
  background:rgba(255,79,195,.08)!important;
  box-shadow:none!important;
}
body.app-page .app-shell-v2{
  display:grid!important;
  grid-template-columns:230px minmax(0,1fr)!important;
  gap:22px!important;
  width:100%!important;
  padding:22px 0 0!important;
}
body.app-page .app-side-v2,
body.app-page .app-main-v2{
  min-width:0!important;
}
body.app-page .app-main-v2{
  display:grid!important;
  gap:18px!important;
}
body.app-page .hud-dock-row{
  position:sticky!important;
  top:92px!important;
  display:grid!important;
  gap:18px!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body.app-page .hud-dock-row > .rail-logo{
  display:none!important;
}
body.app-page .hud-nav{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:8px!important;
  width:100%!important;
  padding:10px!important;
  border:1px solid rgba(255,156,220,.22)!important;
  border-radius:22px!important;
  background:linear-gradient(145deg,rgba(35,9,31,.88),rgba(8,2,12,.92))!important;
  box-shadow:0 24px 70px rgba(0,0,0,.38)!important;
}
body.app-page .hud-nav button,
body.app-page .hud-nav button[data-hud-target="store"]{
  display:grid!important;
  grid-template-columns:12px minmax(0,1fr)!important;
  align-items:center!important;
  gap:10px!important;
  width:100%!important;
  min-height:52px!important;
  padding:8px 12px!important;
  border:0!important;
  border-radius:16px!important;
  color:#c9aeca!important;
  background:transparent!important;
  box-shadow:none!important;
  text-align:left!important;
  font:850 15px/1.2 Inter,ui-sans-serif,system-ui,sans-serif!important;
  letter-spacing:0!important;
}
body.app-page .hud-nav button::before{
  content:""!important;
  display:block!important;
  width:8px!important;
  height:28px!important;
  border-radius:999px!important;
  background:rgba(255,156,220,.24)!important;
}
body.app-page .hud-nav button.active{
  color:#220819!important;
  background:linear-gradient(135deg,#ffd3ee,#ff4fc3)!important;
  box-shadow:0 0 24px rgba(255,79,195,.24)!important;
}
body.app-page .hud-nav button.active::before{
  background:#220819!important;
}
body.app-page .hud-nav span{
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:15px!important;
  letter-spacing:0!important;
}
body.app-page .hud-bonus-dock{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:10px!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
}
body.app-page .hud-bonus-dock::before{
  content:"BONUS XP";
  display:block!important;
  padding:0 4px 2px!important;
  color:#ff9cdc!important;
  font:900 9px/1 ui-monospace,monospace!important;
  letter-spacing:.18em!important;
  text-transform:uppercase!important;
}
body.app-page .hud-bonus-dock .quest-quick-button,
body.app-page .hud-bonus-dock .quest-quick-card{
  min-height:76px!important;
  display:grid!important;
  gap:3px!important;
  padding:15px!important;
  border:1px solid rgba(255,156,220,.22)!important;
  border-radius:18px!important;
  overflow:hidden!important;
}
body.app-page .hud-bonus-dock .quest-quick-button{
  color:#220819!important;
  background:linear-gradient(135deg,#ffd3ee,#ff4fc3)!important;
}
body.app-page .hud-bonus-dock .quest-quick-card{
  color:#fff4fb!important;
  background:rgba(255,79,195,.08)!important;
}
body.app-page .hud-bonus-dock span,
body.app-page .hud-bonus-dock small{
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
}
body.app-page .hud-bonus-dock strong{
  color:inherit!important;
  font:900 18px/1 Inter,ui-sans-serif,system-ui,sans-serif!important;
  white-space:normal!important;
}
body.app-page .member-hero,
body.app-page .sync-overview,
body.app-page .game-hud,
body.app-page .today-layout,
body.app-page .member-grid{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin-left:0!important;
  margin-right:0!important;
}
body.app-page .member-hero{
  min-height:230px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 160px!important;
  gap:20px!important;
  align-items:center!important;
  padding:30px!important;
  overflow:hidden!important;
  border:1px solid rgba(255,156,220,.22)!important;
  border-radius:26px!important;
  background:
    linear-gradient(90deg,rgba(8,2,12,.96),rgba(32,6,37,.74),rgba(255,79,195,.09)),
    linear-gradient(135deg,rgba(255,79,195,.18),transparent 55%)!important;
  box-shadow:0 24px 70px rgba(0,0,0,.38)!important;
}
body.app-page .member-hero::after{
  display:none!important;
}
body.app-page .member-hero h1{
  margin:0 0 10px!important;
  max-width:820px!important;
  font:900 clamp(34px,4.6vw,64px)/.94 ui-monospace,monospace!important;
  letter-spacing:0!important;
}
body.app-page .member-hero h1 em{
  display:block!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
body.app-page .hero-rank-line{
  margin:8px 0 0!important;
  color:#7df6d8!important;
  font:900 12px/1 Inter,ui-sans-serif,system-ui,sans-serif!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
}
body.app-page #member-status{
  display:none!important;
}
body.app-page .level-ring{
  width:100%!important;
  min-height:132px!important;
  display:grid!important;
  place-items:center!important;
  gap:2px!important;
  padding:18px!important;
  border:1px solid rgba(255,156,220,.26)!important;
  border-radius:18px!important;
  background:rgba(7,2,10,.72)!important;
  text-align:center!important;
  box-shadow:none!important;
}
body.app-page .level-ring span,
body.app-page .level-ring small{
  color:#ff9cdf!important;
  font:900 11px/1 ui-monospace,monospace!important;
  letter-spacing:.18em!important;
}
body.app-page .level-ring strong{
  color:#fff4fb!important;
  font:900 54px/.95 Inter,ui-sans-serif,system-ui,sans-serif!important;
  letter-spacing:0!important;
}
body.app-page .sync-overview .conditioning-strip{
  display:grid!important;
  gap:9px!important;
  min-height:0!important;
  padding:17px 19px!important;
  border:1px solid rgba(255,156,220,.22)!important;
  border-radius:18px!important;
  background:rgba(9,3,12,.72)!important;
}
body.app-page .sync-overview .conditioning-strip-head{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto auto!important;
  align-items:center!important;
  gap:12px!important;
}
body.app-page .sync-overview .conditioning-strip-head span{
  color:#ff9cdf!important;
  font:900 10px/1 ui-monospace,monospace!important;
  letter-spacing:.18em!important;
}
body.app-page .sync-overview .conditioning-strip-head strong{
  color:#fff4fb!important;
  font-size:27px!important;
}
body.app-page .game-hud{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:12px!important;
  margin:0!important;
}
body.app-page .hud-chip{
  min-height:72px!important;
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr)!important;
  align-items:center!important;
  gap:13px!important;
  padding:14px 16px!important;
  border:1px solid rgba(255,156,220,.18)!important;
  border-radius:18px!important;
  background:rgba(255,79,195,.065)!important;
  box-shadow:none!important;
}
body.app-page .hud-chip img{
  display:block!important;
  width:30px!important;
  height:30px!important;
  object-fit:contain!important;
}
body.app-page .hud-chip strong{
  color:#fff4fb!important;
  font:900 27px/1 Inter,ui-sans-serif,system-ui,sans-serif!important;
  letter-spacing:0!important;
}
body.app-page .hud-chip small{
  grid-column:2!important;
  color:#c9aeca!important;
  font:900 10px/1 ui-monospace,monospace!important;
  letter-spacing:.16em!important;
}
body.app-page .today-layout{
  display:grid!important;
  grid-template-columns:minmax(320px,.92fr) minmax(0,1.38fr)!important;
  gap:18px!important;
  align-items:start!important;
  margin:0 0 42px!important;
}
body.app-page .today-layout > .member-panel{
  min-width:0!important;
  border:1px solid rgba(255,156,220,.22)!important;
  border-radius:22px!important;
  background:linear-gradient(145deg,rgba(35,9,31,.9),rgba(12,4,17,.92))!important;
  box-shadow:0 24px 70px rgba(0,0,0,.38)!important;
}
body.app-page .task-panel{
  grid-column:1!important;
  padding:0!important;
}
body.app-page .command-deck-panel{
  grid-column:2!important;
  padding:0!important;
}
body.app-page .assignment-history-panel{
  grid-column:1 / -1!important;
}
body.app-page .shell-window-heading,
body.app-page .command-deck-panel > .panel-heading{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:16px!important;
  padding:20px 22px 0!important;
}
body.app-page .shell-window-heading h2,
body.app-page .command-deck-panel .panel-heading h2{
  margin:0!important;
  font:900 clamp(26px,2.6vw,38px)/1.05 Inter,ui-sans-serif,system-ui,sans-serif!important;
  letter-spacing:0!important;
}
body.app-page .task-panel > #current-task{
  display:grid!important;
  gap:12px!important;
  margin:20px 22px 0!important;
  padding:18px!important;
  border:1px solid rgba(123,243,255,.34)!important;
  border-radius:18px!important;
  background:linear-gradient(135deg,rgba(123,243,255,.11),rgba(255,79,195,.08))!important;
}
body.app-page #current-task h2{
  margin:0!important;
  font:900 clamp(30px,2.8vw,42px)/1.04 Inter,ui-sans-serif,system-ui,sans-serif!important;
  letter-spacing:0!important;
}
body.app-page #current-task p{
  font-size:16px!important;
  line-height:1.45!important;
}
body.app-page #current-task .task-link-row{
  margin-top:4px!important;
}
body.app-page #current-task .task-link-button,
body.app-page .primary-action,
body.app-page .action{
  min-height:48px!important;
  border:0!important;
  border-radius:999px!important;
  color:#220819!important;
  background:linear-gradient(135deg,#ffd3ee,#ff4fc3)!important;
  font-weight:950!important;
  box-shadow:0 0 30px rgba(255,79,195,.28)!important;
}
body.app-page .task-panel > .conditioning-spotlight,
body.app-page .task-panel > .task-experience,
body.app-page .task-panel > #proof-form,
body.app-page .task-panel > .task-actions{
  margin-left:22px!important;
  margin-right:22px!important;
}
body.app-page .task-panel > .task-actions{
  margin-bottom:22px!important;
}
body.app-page .current-window-tag,
body.app-page .live-count-tag{
  flex:0 0 auto!important;
  color:#7bf3ff!important;
  border-color:rgba(123,243,255,.36)!important;
  background:rgba(123,243,255,.08)!important;
}
body.app-page .command-deck-panel > .ritual-legend,
body.app-page .command-deck-panel > .ritual-legend-note,
body.app-page .command-deck-panel > #available-tasks{
  margin-left:22px!important;
  margin-right:22px!important;
}
body.app-page .command-deck-panel > #available-tasks{
  margin-bottom:22px!important;
}
body.app-page .ritual-legend{
  margin-top:18px!important;
}
body.app-page .path-command-section{
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body.app-page .path-command-heading{
  display:none!important;
}
body.app-page .history-item.deck-item{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:14px!important;
  padding:15px!important;
  border:1px solid rgba(255,156,220,.18)!important;
  border-radius:18px!important;
  background:rgba(10,3,14,.55)!important;
}
body.app-page .history-item.deck-item + .history-item.deck-item{
  margin-top:12px!important;
}
body.app-page .history-item.deck-item > div:first-child{
  min-width:0!important;
}
body.app-page .history-item.deck-item strong{
  display:block!important;
  margin:4px 0 5px!important;
  color:#fff4fb!important;
  font:900 18px/1.15 Inter,ui-sans-serif,system-ui,sans-serif!important;
  letter-spacing:0!important;
}
body.app-page .history-item.deck-item p{
  color:#c9aeca!important;
  line-height:1.45!important;
}
body.app-page .deck-card-actions{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-end!important;
  gap:8px!important;
}
body.app-page .icon-action{
  width:42px!important;
  height:42px!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid rgba(255,156,220,.28)!important;
  border-radius:50%!important;
  background:rgba(255,79,195,.1)!important;
}
body.app-page .icon-action img{
  width:27px!important;
  height:27px!important;
}
body:not([data-hud="quest"]) .today-layout{
  display:none!important;
}
body[data-hud="quest"] .member-grid{
  display:none!important;
}
body:not([data-hud="quest"]) .member-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:18px!important;
  margin:0 0 42px!important;
}
body[data-hud] .member-grid > [data-hud-panel]{
  display:none!important;
}
body[data-hud] .member-grid > [data-hud-panel].hud-active:not(.hidden){
  display:block!important;
}
body.app-page .member-grid > .app-route-panel,
body[data-hud="playlists"] .member-grid > [data-hud-panel="playlists"].hud-active,
body[data-hud="systems"] .member-grid > [data-hud-panel="systems"].hud-active{
  grid-column:1 / -1!important;
}
body.app-page .app-persistent-player.jukie-compact{
  z-index:950!important;
  width:min(620px,calc(100vw - 28px))!important;
  bottom:18px!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:12px!important;
  padding:14px 16px!important;
  border-radius:24px!important;
  background:linear-gradient(145deg,rgba(11,3,15,.97),rgba(39,9,37,.95))!important;
  box-shadow:0 20px 60px rgba(0,0,0,.45),0 0 36px rgba(255,79,195,.18)!important;
}
body.app-page > .app-menu-scrim{
  z-index:2147483500!important;
}
body.app-page > .app-drawer{
  z-index:2147483641!important;
  background:
    radial-gradient(circle at 24px 28px,rgba(255,79,195,.18),transparent 132px),
    linear-gradient(180deg,#100613 0%,#07020a 46%,#030105 100%)!important;
  opacity:1!important;
  filter:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  box-shadow:0 24px 80px rgba(0,0,0,.62)!important;
}
@media(max-width:1180px){
  body.app-page .member-shell{
    width:100%!important;
    max-width:none!important;
    padding:0 14px 160px!important;
  }
  body.app-page .member-nav.app-member-nav{
    min-height:82px!important;
    padding:10px 0!important;
  }
  body.app-page .app-member-nav > .logo.logo-image img{
    width:170px!important;
    max-width:58vw!important;
  }
  body.app-page .member-summary{
    display:none!important;
  }
  body.app-page .app-menu-toggle{
    display:grid!important;
    place-items:center!important;
    justify-self:end!important;
    width:48px!important;
    height:48px!important;
    border:0!important;
    border-radius:12px!important;
    background:rgba(255,79,195,.12)!important;
    box-shadow:0 0 22px rgba(255,79,195,.18)!important;
  }
  body.app-page .app-shell-v2{
    display:block!important;
    padding-top:14px!important;
  }
  body.app-page .hud-dock-row{
    position:static!important;
    display:block!important;
  }
  body.app-page .hud-dock-row > .hud-bonus-dock{
    display:none!important;
  }
  body.app-page .hud-nav{
    position:fixed!important;
    left:14px!important;
    right:14px!important;
    bottom:14px!important;
    z-index:940!important;
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
    gap:6px!important;
    width:auto!important;
    padding:8px!important;
    border-radius:24px!important;
    background:rgba(8,2,12,.94)!important;
    backdrop-filter:blur(16px)!important;
    -webkit-backdrop-filter:blur(16px)!important;
  }
  body.app-page .hud-nav button,
  body.app-page .hud-nav button[data-hud-target="store"]{
    grid-template-columns:minmax(0,1fr)!important;
    justify-items:center!important;
    min-height:54px!important;
    padding:8px 4px!important;
    text-align:center!important;
    font-size:11px!important;
  }
  body.app-page .hud-nav button::before{
    width:18px!important;
    height:5px!important;
  }
  body.app-page .hud-nav span{
    font-size:11px!important;
  }
  body.app-page .member-hero{
    grid-template-columns:1fr auto!important;
    min-height:0!important;
    padding:22px!important;
  }
  body.app-page .game-hud{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  body.app-page .today-layout,
  body:not([data-hud="quest"]) .member-grid{
    grid-template-columns:1fr!important;
  }
  body.app-page .today-layout > .task-panel,
  body.app-page .today-layout > .command-deck-panel,
  body.app-page .today-layout > .assignment-history-panel{
    grid-column:1 / -1!important;
  }
  body.app-page .app-persistent-player.jukie-compact{
    bottom:92px!important;
  }
}
@media(max-width:620px){
  body.app-page .member-shell{
    padding-left:14px!important;
    padding-right:14px!important;
    padding-bottom:166px!important;
  }
  body.app-page .member-nav.app-member-nav{
    min-height:74px!important;
  }
  body.app-page .app-member-nav > .logo.logo-image img{
    width:158px!important;
  }
  body.app-page .topbar-status{
    display:none!important;
  }
  body.app-page .member-hero{
    grid-template-columns:1fr!important;
    padding:18px!important;
    border-radius:20px!important;
  }
  body.app-page .member-hero h1{
    font-size:34px!important;
  }
  body.app-page .level-ring{
    grid-template-columns:auto 1fr auto!important;
    justify-content:stretch!important;
    min-height:0!important;
    text-align:left!important;
  }
  body.app-page .level-ring strong{
    font-size:44px!important;
  }
  body.app-page .game-hud{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }
  body.app-page .hud-chip{
    min-height:78px!important;
    padding:13px!important;
  }
  body.app-page .shell-window-heading,
  body.app-page .command-deck-panel > .panel-heading{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    padding:18px 16px 0!important;
  }
  body.app-page .task-panel > #current-task,
  body.app-page .task-panel > .conditioning-spotlight,
  body.app-page .task-panel > .task-experience,
  body.app-page .task-panel > #proof-form,
  body.app-page .task-panel > .task-actions,
  body.app-page .command-deck-panel > .ritual-legend,
  body.app-page .command-deck-panel > .ritual-legend-note,
  body.app-page .command-deck-panel > #available-tasks{
    margin-left:16px!important;
    margin-right:16px!important;
  }
  body.app-page .history-item.deck-item{
    grid-template-columns:1fr!important;
  }
  body.app-page .deck-card-actions{
    flex-direction:row!important;
    align-items:center!important;
  }
}

/* PWA shell 5: make the live ritual cards match the cleaner cockpit mockup. */
body.app-page .task-upgrade-nudge{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:18px!important;
  align-items:start!important;
  margin:18px 0 0!important;
  padding:22px!important;
  border:1px solid rgba(255,156,220,.24)!important;
  border-radius:22px!important;
  background:
    radial-gradient(circle at 0 0,rgba(255,79,195,.22),transparent 42%),
    linear-gradient(145deg,rgba(255,79,195,.1),rgba(12,4,17,.82))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 18px 42px rgba(0,0,0,.22)!important;
}
body.app-page .task-upgrade-nudge div{
  min-width:0!important;
}
body.app-page .task-upgrade-nudge small{
  display:block!important;
  margin:0 0 8px!important;
  color:#ff4fc3!important;
  font:950 10px/1 ui-monospace,monospace!important;
  letter-spacing:.18em!important;
  text-transform:uppercase!important;
}
body.app-page .task-upgrade-nudge strong{
  display:block!important;
  color:#fff4fb!important;
  font:950 clamp(24px,2.2vw,32px)/1.02 Inter,ui-sans-serif,system-ui,sans-serif!important;
  letter-spacing:0!important;
}
body.app-page .task-upgrade-nudge p{
  margin:10px 0 0!important;
  max-width:58ch!important;
  color:#f0d5ed!important;
  font:750 16px/1.42 Inter,ui-sans-serif,system-ui,sans-serif!important;
}
body.app-page .task-upgrade-nudge a{
  justify-self:start!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:min(100%,280px)!important;
  min-height:52px!important;
  padding:0 24px!important;
  border:0!important;
  border-radius:999px!important;
  color:#230719!important;
  background:linear-gradient(135deg,#ffd3ee 0%,#ff4fc3 100%)!important;
  box-shadow:0 0 30px rgba(255,79,195,.28)!important;
  font:950 15px/1 Inter,ui-sans-serif,system-ui,sans-serif!important;
  text-decoration:none!important;
}

body.app-page .hud-bonus-dock{
  gap:14px!important;
}
body.app-page .hud-bonus-dock .quest-quick-button,
body.app-page .hud-bonus-dock .quest-quick-card{
  min-height:104px!important;
  align-content:center!important;
  gap:8px!important;
  padding:18px 20px!important;
  border-radius:22px!important;
}
body.app-page .hud-bonus-dock .quest-quick-button::after,
body.app-page .hud-bonus-dock .quest-quick-card::after{
  display:none!important;
}
body.app-page .hud-bonus-dock span{
  color:inherit!important;
  opacity:.78!important;
  font:950 9px/1 ui-monospace,monospace!important;
  letter-spacing:.18em!important;
}
body.app-page .hud-bonus-dock strong{
  max-width:100%!important;
  color:inherit!important;
  font:950 clamp(22px,1.8vw,28px)/1.02 Inter,ui-sans-serif,system-ui,sans-serif!important;
  letter-spacing:0!important;
  white-space:normal!important;
}
body.app-page .hud-bonus-dock small{
  max-width:100%!important;
  color:inherit!important;
  opacity:.9!important;
  font:800 13px/1.25 Inter,ui-sans-serif,system-ui,sans-serif!important;
  letter-spacing:0!important;
  white-space:normal!important;
}

body.app-page #available-tasks{
  display:grid!important;
  gap:18px!important;
}
body.app-page .path-command-section{
  display:grid!important;
  gap:14px!important;
}
body.app-page .history-item.deck-item{
  position:relative!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:16px!important;
  padding:22px!important;
  overflow:hidden!important;
  border-radius:22px!important;
  background:
    radial-gradient(circle at 100% 0,rgba(255,79,195,.08),transparent 34%),
    linear-gradient(145deg,rgba(36,9,34,.74),rgba(8,2,12,.72))!important;
}
body.app-page .history-item.deck-item.selected{
  border-left:3px solid #ff4fc3!important;
  background:
    radial-gradient(circle at 100% 0,rgba(255,79,195,.16),transparent 36%),
    linear-gradient(145deg,rgba(52,12,48,.84),rgba(10,3,14,.76))!important;
}
body.app-page .history-item.deck-item > div:first-child,
body.app-page .history-item.deck-item > div:last-child{
  min-width:0!important;
  width:auto!important;
  text-align:left!important;
  justify-items:start!important;
}
body.app-page .history-item.deck-item strong{
  display:block!important;
  max-width:68ch!important;
  margin:8px 0 8px!important;
  overflow:visible!important;
  color:#fff6fb!important;
  font:950 clamp(22px,2.1vw,30px)/1.08 Inter,ui-sans-serif,system-ui,sans-serif!important;
  letter-spacing:0!important;
  -webkit-line-clamp:unset!important;
  -webkit-box-orient:initial!important;
}
body.app-page .history-item.deck-item p{
  max-width:70ch!important;
  margin:0!important;
  color:#f0d5ed!important;
  font:700 16px/1.48 Inter,ui-sans-serif,system-ui,sans-serif!important;
}
body.app-page .history-item.deck-item small{
  color:#b99eba!important;
  font:750 13px/1.35 Inter,ui-sans-serif,system-ui,sans-serif!important;
}
body.app-page .history-item.deck-item > .tag,
body.app-page .deck-card-actions .tag,
body.app-page .deck-card-actions .deck-status{
  position:static!important;
  display:inline-flex!important;
  width:auto!important;
  min-width:0!important;
  max-width:100%!important;
  min-height:30px!important;
  align-items:center!important;
  justify-content:center!important;
  padding:8px 12px!important;
  border:1px solid rgba(255,156,220,.35)!important;
  border-radius:999px!important;
  color:#7bf3ff!important;
  background:rgba(123,243,255,.08)!important;
  box-shadow:0 0 18px rgba(123,243,255,.08)!important;
  font:950 10px/1 ui-monospace,monospace!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
  text-align:center!important;
}
body.app-page .history-item.deck-item > .tag{
  justify-self:start!important;
  order:-1!important;
}
body.app-page .deck-card-actions{
  display:flex!important;
  flex-flow:row wrap!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:10px!important;
  width:100%!important;
  padding-top:4px!important;
}
body.app-page .deck-card-actions .deck-status.live-dot{
  color:#ff9cdc!important;
  border-color:rgba(255,79,195,.45)!important;
  background:rgba(255,79,195,.14)!important;
}
body.app-page .deck-card-actions .mini-action.icon-action{
  width:46px!important;
  height:46px!important;
  min-width:46px!important;
  min-height:46px!important;
  border:0!important;
  border-radius:50%!important;
  background:rgba(255,79,195,.12)!important;
  box-shadow:0 0 20px rgba(255,79,195,.16)!important;
}
body.app-page .deck-card-actions .mini-action.icon-action img{
  width:31px!important;
  height:31px!important;
}
body.app-page .expired-deck-card .deck-card-actions .pill-action{
  width:auto!important;
  min-width:0!important;
  height:46px!important;
  padding:0 14px 0 10px!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  border-radius:999px!important;
  color:#230719!important;
  background:linear-gradient(135deg,#ffd3ee,#ff4fc3)!important;
  font:950 13px/1 Inter,ui-sans-serif,system-ui,sans-serif!important;
}
body.app-page .expired-deck-card .deck-card-actions .pill-action img{
  width:28px!important;
  height:28px!important;
}
body.app-page .upcoming-preview,
body.app-page .preview-path-section .history-item.deck-item,
body.app-page .missed-path-section .history-item.deck-item{
  opacity:1!important;
}

@media(min-width:1181px){
  body.app-page .command-deck-panel .history-item.deck-item{
    padding:24px 26px!important;
  }
}

@media(max-width:760px){
  body.app-page .task-upgrade-nudge{
    padding:18px!important;
  }
  body.app-page .task-upgrade-nudge strong{
    font-size:24px!important;
  }
  body.app-page .task-upgrade-nudge a{
    width:100%!important;
  }
  body.app-page .history-item.deck-item{
    padding:18px!important;
  }
  body.app-page .history-item.deck-item strong{
    font-size:24px!important;
  }
  body.app-page .history-item.deck-item p{
    font-size:16px!important;
  }
  body.app-page .deck-card-actions{
    gap:8px!important;
  }
}

/* Shell 8: local-preview verified app shell cleanup.
   This block intentionally sits last so older experimental HUD rules cannot
   squeeze the rail, bonus cards, or active ritual columns back into bad grids. */
body.app-page{
  --app-font:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --app-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;
  font-family:var(--app-font)!important;
}

body.app-page .member-shell{
  width:min(1480px,100%)!important;
  max-width:1480px!important;
  overflow-x:hidden!important;
}

body.app-page .app-shell-v2{
  display:grid!important;
  grid-template-columns:230px minmax(0,1fr)!important;
  gap:22px!important;
  align-items:start!important;
}

body.app-page .app-side-v2,
body.app-page .app-main-v2{
  min-width:0!important;
}

body.app-page .hud-dock-row{
  position:sticky!important;
  top:92px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:18px!important;
  align-self:start!important;
  width:100%!important;
}

body.app-page .hud-nav button,
body.app-page .hud-nav button[data-hud-target="store"]{
  grid-template-columns:12px minmax(0,1fr)!important;
  font-family:var(--app-font)!important;
  font-weight:900!important;
  letter-spacing:0!important;
}

body.app-page .hud-nav span{
  font-family:var(--app-font)!important;
  font-size:15px!important;
  font-weight:900!important;
  letter-spacing:0!important;
}

body.app-page .hud-bonus-dock{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:12px!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  margin:0!important;
}

body.app-page .hud-bonus-dock::before{
  display:block!important;
  width:100%!important;
  padding:0 3px 1px!important;
  color:#ff9cdc!important;
  font:950 10px/1 var(--app-mono)!important;
  letter-spacing:.16em!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
}

body.app-page .hud-bonus-dock .quest-quick-button,
body.app-page .hud-bonus-dock .quest-quick-card{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  align-content:center!important;
  justify-items:start!important;
  gap:6px!important;
  width:100%!important;
  min-width:0!important;
  min-height:92px!important;
  padding:17px 18px!important;
  border-radius:20px!important;
  text-align:left!important;
}

body.app-page .hud-bonus-dock span,
body.app-page .hud-bonus-dock strong,
body.app-page .hud-bonus-dock small{
  position:relative!important;
  z-index:1!important;
  display:block!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  overflow:visible!important;
  text-overflow:clip!important;
  white-space:normal!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
}

body.app-page .hud-bonus-dock span{
  font:950 9px/1 var(--app-mono)!important;
  letter-spacing:.13em!important;
  text-transform:uppercase!important;
}

body.app-page .hud-bonus-dock strong{
  font:950 20px/1.02 var(--app-font)!important;
  letter-spacing:0!important;
}

body.app-page .hud-bonus-dock small{
  font:850 12px/1.28 var(--app-font)!important;
  letter-spacing:0!important;
}

body.app-page .member-hero,
body.app-page .sync-overview,
body.app-page .game-hud,
body.app-page .today-layout,
body.app-page .member-grid{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
}

body.app-page .member-hero{
  align-items:center!important;
}

body.app-page .member-hero h1{
  letter-spacing:0!important;
}

body.app-page .level-ring{
  align-self:center!important;
}

body.app-page .game-hud{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:12px!important;
}

body.app-page .hud-chip{
  min-width:0!important;
}

body.app-page .hud-chip strong{
  font-family:var(--app-font)!important;
  letter-spacing:0!important;
}

body.app-page .today-layout{
  display:grid!important;
  grid-template-columns:minmax(360px,.92fr) minmax(0,1.38fr)!important;
  gap:18px!important;
  align-items:start!important;
}

body.app-page .today-layout > .task-panel{
  grid-column:1!important;
}

body.app-page .today-layout > .command-deck-panel{
  grid-column:2!important;
}

body.app-page .today-layout > .assignment-history-panel{
  grid-column:1 / -1!important;
}

body.app-page .shell-window-heading h2,
body.app-page .command-deck-panel .panel-heading h2,
body.app-page #current-task h2,
body.app-page .history-item.deck-item strong,
body.app-page .task-upgrade-nudge strong{
  font-family:var(--app-font)!important;
  letter-spacing:0!important;
}

body.app-page .command-deck-panel .panel-heading h2{
  max-width:100%!important;
  overflow:visible!important;
  white-space:normal!important;
}

body.app-page .history-item.deck-item{
  width:100%!important;
  min-width:0!important;
}

body.app-page .history-item.deck-item p{
  max-width:76ch!important;
}

body.app-page .task-upgrade-nudge{
  grid-template-columns:minmax(0,1fr)!important;
}

body.app-page .task-upgrade-nudge a{
  width:min(100%,280px)!important;
}

body.app-page > .app-menu-scrim{
  z-index:2147483500!important;
}

body.app-page > .app-drawer{
  z-index:2147483641!important;
  background:
    radial-gradient(circle at 34px 36px,rgba(255,79,195,.18),transparent 150px),
    linear-gradient(180deg,#100613 0%,#07020a 52%,#030105 100%)!important;
  opacity:1!important;
  filter:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}

@media(max-width:1180px){
  body.app-page .member-shell{
    width:100%!important;
    max-width:none!important;
    padding-left:14px!important;
    padding-right:14px!important;
    padding-bottom:166px!important;
  }

  body.app-page .app-shell-v2{
    display:block!important;
    padding-top:14px!important;
  }

  body.app-page .hud-dock-row{
    position:static!important;
    display:block!important;
  }

  body.app-page .hud-dock-row > .hud-bonus-dock{
    display:none!important;
  }

  body.app-page .hud-nav{
    position:fixed!important;
    left:14px!important;
    right:14px!important;
    bottom:14px!important;
    z-index:940!important;
    display:grid!important;
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
    gap:6px!important;
    width:auto!important;
    padding:8px!important;
    border-radius:24px!important;
    background:rgba(8,2,12,.94)!important;
    border:1px solid rgba(255,156,220,.22)!important;
    box-shadow:0 18px 54px rgba(0,0,0,.42),0 0 28px rgba(255,79,195,.12)!important;
    backdrop-filter:blur(16px)!important;
    -webkit-backdrop-filter:blur(16px)!important;
  }

  body.app-page .hud-nav button,
  body.app-page .hud-nav button[data-hud-target="store"]{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    justify-items:center!important;
    min-height:54px!important;
    padding:8px 4px!important;
    text-align:center!important;
    font-size:11px!important;
  }

  body.app-page .hud-nav button::before{
    width:18px!important;
    height:5px!important;
  }

  body.app-page .hud-nav span{
    font-size:11px!important;
    white-space:nowrap!important;
  }

  body.app-page .member-hero{
    grid-template-columns:minmax(0,1fr) auto!important;
  }

  body.app-page .today-layout,
  body:not([data-hud="quest"]) .member-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:18px!important;
  }

  body.app-page .today-layout > .task-panel,
  body.app-page .today-layout > .command-deck-panel,
  body.app-page .today-layout > .assignment-history-panel,
  body:not([data-hud="quest"]) .member-grid > [data-hud-panel].hud-active{
    grid-column:1 / -1!important;
  }

  body.app-page .command-deck-panel .panel-heading h2{
    font-size:clamp(28px,5.4vw,38px)!important;
  }
}

@media(max-width:620px){
  body.app-page .member-nav.app-member-nav{
    min-height:72px!important;
  }

  body.app-page .app-member-nav > .logo.logo-image img{
    width:164px!important;
    max-width:58vw!important;
  }

  body.app-page .app-menu-toggle{
    width:46px!important;
    height:46px!important;
  }

  body.app-page .member-hero{
    grid-template-columns:1fr!important;
    gap:16px!important;
  }

  body.app-page .member-hero h1{
    font-size:clamp(30px,8.6vw,38px)!important;
    line-height:.98!important;
  }

  body.app-page .level-ring{
    grid-template-columns:auto 1fr auto!important;
    align-items:center!important;
    min-height:72px!important;
    padding:14px 16px!important;
    text-align:left!important;
  }

  body.app-page .game-hud{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
  }

  body.app-page .hud-chip{
    min-height:82px!important;
  }

  body.app-page .task-upgrade-nudge a{
    width:100%!important;
  }
}

@media(max-width:420px){
  body.app-page .game-hud{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

@media(max-width:1180px){
  html body.app-page .app-side-v2 .hud-dock-row nav.hud-nav{
    position:fixed!important;
    inset:auto 14px 14px 14px!important;
    z-index:940!important;
    display:grid!important;
    width:auto!important;
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
    gap:6px!important;
    margin:0!important;
    transform:none!important;
  }
}

/* Shell 9: mobile screenshot polish batch. Keep this last. */
html body.app-page,
html body.app-page .member-shell,
html body.app-page .app-main-v2{
  overflow-x:hidden!important;
}

body.app-page .member-nav.app-member-nav{
  background:#050108!important;
  box-shadow:0 10px 36px rgba(0,0,0,.32)!important;
}

body.app-page .hud-nav button::before{
  display:none!important;
  content:none!important;
}

body.app-page .hud-nav button,
body.app-page .hud-nav button[data-hud-target="store"]{
  grid-template-columns:30px minmax(0,1fr)!important;
}

body.app-page .hud-nav button img{
  display:block!important;
  width:28px!important;
  height:28px!important;
  object-fit:contain!important;
  filter:drop-shadow(0 0 10px rgba(255,79,195,.46))!important;
}

body.app-page .hud-nav span{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

body.app-page .current-window-tag,
body.app-page .ritual-slot-pill{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  max-width:100%!important;
  min-height:32px!important;
  padding:8px 14px!important;
  border-radius:999px!important;
  color:#7bf3ff!important;
  border:1px solid rgba(123,243,255,.42)!important;
  background:rgba(123,243,255,.08)!important;
  box-shadow:0 0 16px rgba(123,243,255,.08)!important;
  font:950 11px/1 var(--app-mono)!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

body.app-page .today-jump-nav{
  display:none;
}

body[data-hud="quest"] .today-jump-nav.hud-active{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  width:100%!important;
  margin:12px 0 18px!important;
  padding:7px!important;
  border:1px solid rgba(255,156,220,.2)!important;
  border-radius:999px!important;
  background:rgba(8,2,12,.74)!important;
}

body.app-page .today-jump-nav button{
  flex:1 1 120px!important;
  min-height:38px!important;
  border:0!important;
  border-radius:999px!important;
  color:#ffd7ef!important;
  background:rgba(255,79,195,.09)!important;
  font:950 12px/1 var(--app-font)!important;
  cursor:pointer!important;
}

body.app-page .today-jump-nav button:hover{
  color:#220819!important;
  background:linear-gradient(135deg,#ffd3ee,#ff4fc3)!important;
}

body.app-page .task-reactions{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:10px!important;
  margin:18px 22px!important;
}

body.app-page .task-reactions.hidden{
  display:none!important;
}

body.app-page .task-reactions > span{
  grid-column:1 / -1!important;
  color:#d6becf!important;
  font:850 13px/1.35 var(--app-font)!important;
}

body.app-page .task-reactions button{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  min-height:44px!important;
  padding:9px 10px!important;
  border:1px solid rgba(255,156,220,.3)!important;
  border-radius:999px!important;
  color:#fff4fb!important;
  background:rgba(255,79,195,.06)!important;
  font:900 13px/1 var(--app-font)!important;
}

body.app-page .task-reactions button::before{
  content:"♡";
  display:grid!important;
  place-items:center!important;
  width:22px!important;
  height:22px!important;
  border:1px solid rgba(255,156,220,.72)!important;
  border-radius:50%!important;
  color:#ff9cdc!important;
  background:rgba(255,79,195,.06)!important;
  font:900 15px/1 var(--app-font)!important;
}

body.app-page .task-reactions button[data-task-reaction="too_easy"]::before{content:"☆"}
body.app-page .task-reactions button[data-task-reaction="too_hard"]::before{content:"!"}
body.app-page .task-reactions button[data-task-reaction="not_for_me"]::before{content:"⊘"}

body.app-page .task-reactions button.selected{
  color:#220819!important;
  background:linear-gradient(135deg,#ffd3ee,#ff4fc3)!important;
}

body.app-page .task-reactions button.selected::before{
  color:#220819!important;
  border-color:#220819!important;
  background:rgba(255,255,255,.36)!important;
}

body.app-page .ritual-legend{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:9px!important;
  padding:12px!important;
  border:1px solid rgba(255,156,220,.18)!important;
  border-radius:18px!important;
  background:rgba(255,79,195,.055)!important;
}

body.app-page .ritual-legend::before{
  content:"Action legend";
  grid-column:1 / -1!important;
  color:#ff9cdc!important;
  font:950 10px/1 var(--app-mono)!important;
  letter-spacing:.16em!important;
  text-transform:uppercase!important;
}

body.app-page .ritual-legend span{
  min-width:0!important;
  justify-content:center!important;
  padding:8px 9px!important;
  white-space:nowrap!important;
}

body.app-page .task-link-row{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:10px!important;
  width:100%!important;
}

body.app-page .task-link-row .task-link-button{
  flex:1 1 220px!important;
}

body.app-page .task-panel > .conditioning-spotlight{
  padding:14px 16px!important;
  border-radius:16px!important;
  background:rgba(255,79,195,.07)!important;
}

body.app-page .task-upgrade-nudge{
  gap:12px!important;
  padding:16px!important;
  border-radius:18px!important;
}

body.app-page .task-upgrade-nudge strong{
  font-size:clamp(20px,1.8vw,26px)!important;
}

body.app-page .task-upgrade-nudge p{
  font-size:14px!important;
}

body.app-page .game-hud .hud-chip strong{
  white-space:nowrap!important;
}

@media(max-width:1180px){
  body.app-page .member-nav.app-member-nav{
    width:100vw!important;
    max-width:none!important;
    margin-left:calc(50% - 50vw)!important;
    margin-right:calc(50% - 50vw)!important;
    padding-left:max(16px,env(safe-area-inset-left))!important;
    padding-right:max(16px,env(safe-area-inset-right))!important;
    box-sizing:border-box!important;
  }

  html body.app-page .hud-nav{
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
  }

  html body.app-page .hud-nav button,
  html body.app-page .hud-nav button[data-hud-target="store"]{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:26px auto!important;
    align-items:center!important;
    justify-items:center!important;
    gap:3px!important;
    min-width:0!important;
    min-height:58px!important;
    padding:7px 3px!important;
  }

  html body.app-page .hud-nav button img{
    width:24px!important;
    height:24px!important;
  }

  html body.app-page .hud-nav span{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    font-size:11px!important;
    line-height:1.05!important;
    text-align:center!important;
    white-space:nowrap!important;
  }

  body.app-page .shell-window-heading{
    align-items:center!important;
  }
}

@media(max-width:620px){
  body.app-page .game-hud{
    gap:9px!important;
  }

  body.app-page .hud-chip{
    grid-template-columns:36px minmax(0,1fr)!important;
    min-height:78px!important;
    padding:12px!important;
    gap:10px!important;
  }

  body.app-page .hud-chip img{
    width:31px!important;
    height:31px!important;
  }

  body.app-page .hud-chip strong{
    font-size:clamp(24px,7vw,34px)!important;
  }

  body.app-page .hud-chip small{
    grid-column:2!important;
    font-size:9px!important;
    letter-spacing:.13em!important;
  }

  body.app-page .shell-window-heading,
  body.app-page .command-deck-panel > .panel-heading{
    grid-template-columns:minmax(0,1fr)!important;
  }

  body.app-page .current-window-tag{
    justify-self:start!important;
    order:-1!important;
    max-width:calc(100vw - 72px)!important;
  }

  body.app-page .today-jump-nav{
    border-radius:18px!important;
  }

  body.app-page .today-jump-nav button{
    flex:1 1 30%!important;
    min-width:0!important;
  }

  body.app-page .task-reactions{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    margin-left:16px!important;
    margin-right:16px!important;
  }

  body.app-page .task-reactions button{
    justify-content:flex-start!important;
    padding-left:12px!important;
  }

  body.app-page .ritual-legend{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }

  body.app-page .task-link-row{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
  }

  body.app-page .task-link-row .task-link-button{
    width:100%!important;
  }

  body.app-page .deck-card-actions{
    width:100%!important;
    justify-content:flex-start!important;
  }
}

/* Shell 10: keep real listening time readable inside compact HUD cards. */
body.app-page .game-hud .hud-chip strong,
body.app-page #hud-listening{
  min-width:0!important;
  max-width:none!important;
  overflow:visible!important;
  text-overflow:clip!important;
  letter-spacing:0!important;
}

body.app-page #hud-listening{
  font-size:clamp(22px,2.2vw,34px)!important;
}

@media(max-width:620px){
  body.app-page #hud-listening{
    font-size:clamp(20px,5.7vw,28px)!important;
  }
}

/* Shell 11: make the current ritual metadata read as path/layer, not another window. */
body.app-page .current-ritual-meta .path-pill{
  color:#ffd3ee!important;
  border-color:rgba(255,156,220,.44)!important;
  background:rgba(255,79,195,.13)!important;
}

/* Shell 12: match the approved mockup header rhythm. */
body.app-page .current-ritual-meta{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:8px!important;
}

body.app-page .current-ritual-meta .path-pill,
body.app-page .current-ritual-meta .layer-pill{
  min-height:30px!important;
  padding:7px 13px!important;
}

body.app-page .current-ritual-meta .layer-pill{
  color:#ffd3ee!important;
  border-color:rgba(255,156,220,.36)!important;
  background:rgba(255,156,220,.12)!important;
}

body.app-page .shell-window-heading{
  position:relative!important;
  padding-right:140px!important;
}

body.app-page .shell-window-heading .current-window-tag{
  position:absolute!important;
  top:20px!important;
  right:22px!important;
}

@media(max-width:620px){
  body.app-page .shell-window-heading{
    display:flex!important;
    align-items:flex-start!important;
    justify-content:space-between!important;
    grid-template-columns:none!important;
    padding-right:122px!important;
  }

  body.app-page .shell-window-heading > div{
    min-width:0!important;
  }

  body.app-page .current-window-tag{
    order:0!important;
    justify-self:auto!important;
    align-self:flex-start!important;
    margin-left:auto!important;
    max-width:42vw!important;
  }
}

/* Shell 14: ritual deck becomes filtered horizontal rails instead of a nested scroll view. */
body.app-page .command-deck-panel .history-list,
body.app-page #available-tasks{
  display:block!important;
  max-height:none!important;
  overflow:visible!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
}

body.app-page .deck-filter-row{
  display:flex!important;
  gap:9px!important;
  margin:18px 22px 6px!important;
  padding:2px 0 10px!important;
  overflow-x:auto!important;
  overscroll-behavior-x:contain!important;
  scrollbar-width:none!important;
  -webkit-overflow-scrolling:touch!important;
}

body.app-page .deck-filter-row::-webkit-scrollbar,
body.app-page .deck-card-rail::-webkit-scrollbar{
  display:none!important;
}

body.app-page .deck-filter-row button{
  flex:0 0 auto!important;
  min-height:36px!important;
  border:1px solid rgba(255,156,220,.24)!important;
  border-radius:999px!important;
  padding:8px 13px!important;
  color:#ffe8f7!important;
  background:rgba(255,79,195,.08)!important;
  font:900 12px/1 Inter,ui-sans-serif,system-ui,sans-serif!important;
  letter-spacing:0!important;
}

body.app-page .deck-filter-row button[aria-pressed="true"]{
  color:#210617!important;
  border-color:transparent!important;
  background:linear-gradient(135deg,#ffd3ee,#ff4fc3)!important;
  box-shadow:0 0 24px rgba(255,79,195,.28)!important;
}

body.app-page .deck-filter-row span{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:22px!important;
  min-height:22px!important;
  margin-left:8px!important;
  border-radius:999px!important;
  color:inherit!important;
  background:rgba(255,255,255,.2)!important;
  font-size:11px!important;
}

body.app-page .path-command-section{
  display:block!important;
  margin:16px 0 0!important;
  padding:0!important;
  overflow:visible!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

body.app-page .path-command-section[hidden]{
  display:none!important;
}

body.app-page .path-command-heading{
  display:flex!important;
  align-items:flex-end!important;
  justify-content:space-between!important;
  gap:12px!important;
  margin:0 22px 10px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
}

body.app-page .path-command-heading small{
  display:block!important;
  color:#ff9cdc!important;
  font:900 10px/1.1 var(--mono-font, ui-monospace, monospace)!important;
  letter-spacing:.18em!important;
  text-transform:uppercase!important;
}

body.app-page .path-command-heading h3{
  margin:4px 0 0!important;
  color:#fff5fb!important;
  font:900 clamp(20px,2vw,28px)/1.05 Inter,ui-sans-serif,system-ui,sans-serif!important;
  letter-spacing:0!important;
}

body.app-page .deck-card-rail{
  display:flex!important;
  gap:14px!important;
  margin:0!important;
  padding:0 22px 16px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  overscroll-behavior-x:contain!important;
  scroll-snap-type:x proximity!important;
  scrollbar-width:none!important;
  -webkit-overflow-scrolling:touch!important;
}

body.app-page .deck-card-rail .history-item.deck-item{
  flex:0 0 clamp(340px,42vw,560px)!important;
  min-width:0!important;
  max-width:none!important;
  scroll-snap-align:start!important;
}

body.app-page .deck-card-rail .history-item.deck-item + .history-item.deck-item{
  margin-top:0!important;
}

body.app-page .deck-card-rail .history-item.deck-item strong{
  display:block!important;
  overflow:visible!important;
  -webkit-line-clamp:unset!important;
  -webkit-box-orient:unset!important;
}

body.app-page .deck-card-rail .history-item.deck-item p{
  max-width:100%!important;
}

body.app-page .upcoming-path-section .control-note,
body.app-page .preview-path-section .control-note{
  margin:0 22px 10px!important;
  max-width:760px!important;
}

@media(max-width:760px){
  body.app-page .deck-filter-row{
    margin:16px 16px 4px!important;
  }

  body.app-page .path-command-heading{
    margin-left:16px!important;
    margin-right:16px!important;
  }

  body.app-page .deck-card-rail{
    gap:12px!important;
    padding-left:16px!important;
    padding-right:16px!important;
  }

  body.app-page .deck-card-rail .history-item.deck-item{
    flex-basis:min(84vw,430px)!important;
  }

  body.app-page .upcoming-path-section .control-note,
  body.app-page .preview-path-section .control-note{
    margin-left:16px!important;
    margin-right:16px!important;
  }
}

/* Shell 40: keep every carousel slide aligned; do not use rail padding for gutters. */
body.app-page .deck-carousel{
  --deck-slide-peek:34px;
  box-sizing:border-box!important;
}

body.app-page .deck-carousel .deck-card-rail{
  gap:0!important;
  padding:0!important;
  scroll-padding:0!important;
}

body.app-page .deck-carousel .history-item.deck-item{
  flex:0 0 calc(100% - var(--deck-slide-peek))!important;
  width:calc(100% - var(--deck-slide-peek))!important;
  max-width:calc(100% - var(--deck-slide-peek))!important;
  margin:0 var(--deck-slide-peek) 0 0!important;
}

body.app-page .deck-carousel .history-item.deck-item:last-child{
  margin-right:0!important;
}

body.app-page .active-path-section .deck-carousel{
  padding-left:22px!important;
  padding-right:22px!important;
}

@media(max-width:760px){
  body.app-page .deck-carousel{
    --deck-slide-peek:24px;
  }

  body.app-page .active-path-section .deck-carousel{
    padding-left:16px!important;
    padding-right:16px!important;
  }
}

/* Shell 15: keep ritual instructions pure, with upgrade/context in their own cards. */
body.app-page .current-upgrade-card.hidden{
  display:none!important;
}

body.app-page .current-upgrade-card{
  margin:14px 22px 0!important;
}

body.app-page .current-upgrade-card .task-upgrade-nudge{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:16px!important;
  margin:0!important;
  padding:18px!important;
  border:1px solid rgba(255,156,220,.28)!important;
  border-radius:20px!important;
  background:linear-gradient(135deg,rgba(255,79,195,.18),rgba(12,4,17,.88))!important;
  box-shadow:0 18px 50px rgba(0,0,0,.24), inset 0 0 22px rgba(255,79,195,.07)!important;
}

body.app-page .current-upgrade-card .task-upgrade-nudge small{
  color:#ff9cdc!important;
  font:900 10px/1 var(--mono-font,ui-monospace,monospace)!important;
  letter-spacing:.18em!important;
  text-transform:uppercase!important;
}

body.app-page .current-upgrade-card .task-upgrade-nudge strong{
  margin-top:4px!important;
  color:#fff5fb!important;
  font:950 clamp(20px,1.7vw,28px)/1.05 Inter,ui-sans-serif,system-ui,sans-serif!important;
  letter-spacing:0!important;
}

body.app-page .current-upgrade-card .task-upgrade-nudge p{
  max-width:760px!important;
  margin:7px 0 0!important;
  color:#f4cfe5!important;
  font:750 15px/1.42 Inter,ui-sans-serif,system-ui,sans-serif!important;
}

body.app-page .current-upgrade-card .task-upgrade-nudge a{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:46px!important;
  min-width:148px!important;
  padding:12px 18px!important;
  border-radius:999px!important;
  color:#220819!important;
  background:linear-gradient(135deg,#ffd3ee,#ff4fc3)!important;
  font:950 14px/1 Inter,ui-sans-serif,system-ui,sans-serif!important;
  text-decoration:none!important;
  box-shadow:0 0 30px rgba(255,79,195,.28)!important;
}

body.app-page .task-panel > .conditioning-spotlight{
  margin:14px 22px 0!important;
  padding:0!important;
  border-radius:0!important;
  background:transparent!important;
}

body.app-page .conditioning-spotlight .why-dollos-chose{
  display:block!important;
  margin:0!important;
  padding:0!important;
  border:1px solid rgba(123,243,255,.22)!important;
  border-radius:18px!important;
  background:linear-gradient(135deg,rgba(123,243,255,.07),rgba(12,4,17,.74))!important;
  box-shadow:none!important;
  overflow:hidden!important;
}

body.app-page .why-dollos-chose summary{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
  min-height:58px!important;
  padding:14px 16px!important;
  cursor:pointer!important;
  list-style:none!important;
}

body.app-page .why-dollos-chose summary::-webkit-details-marker{
  display:none!important;
}

body.app-page .why-dollos-chose summary > span:first-child{
  min-width:0!important;
}

body.app-page .why-dollos-chose summary small{
  display:block!important;
  color:#7bf3ff!important;
  font:900 10px/1 var(--mono-font,ui-monospace,monospace)!important;
  letter-spacing:.18em!important;
  text-transform:uppercase!important;
}

body.app-page .why-dollos-chose summary strong.conditioning-focus-title{
  display:block!important;
  margin-top:4px!important;
  color:#fff5fb!important;
  font:950 clamp(18px,1.45vw,24px)/1.05 Inter,ui-sans-serif,system-ui,sans-serif!important;
  letter-spacing:0!important;
  white-space:normal!important;
}

body.app-page .why-toggle{
  flex:0 0 auto!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:30px!important;
  padding:7px 11px!important;
  border:1px solid rgba(123,243,255,.28)!important;
  border-radius:999px!important;
  color:#7bf3ff!important;
  background:rgba(123,243,255,.07)!important;
  font:900 11px/1 Inter,ui-sans-serif,system-ui,sans-serif!important;
}

body.app-page .why-dollos-body{
  padding:0 16px 16px!important;
}

body.app-page .why-dollos-body span{
  color:#ffd3ee!important;
  font:750 14px/1.35 Inter,ui-sans-serif,system-ui,sans-serif!important;
}

body.app-page .why-dollos-body .conditioning-core-bar{
  height:12px!important;
  margin:10px 0!important;
}

body.app-page .why-dollos-body p{
  margin:8px 0 0!important;
  color:#d7b6c8!important;
  font:700 13px/1.42 Inter,ui-sans-serif,system-ui,sans-serif!important;
}

@media(max-width:760px){
  body.app-page .current-upgrade-card,
  body.app-page .task-panel > .conditioning-spotlight{
    margin-left:16px!important;
    margin-right:16px!important;
  }

  body.app-page .current-upgrade-card .task-upgrade-nudge{
    grid-template-columns:1fr!important;
  }

  body.app-page .current-upgrade-card .task-upgrade-nudge a{
    width:100%!important;
  }
}

/* Shell 16: single-column ritual flow, left-rail section tracker, and mockup player polish. */
body.app-page .today-jump-nav,
body[data-hud="quest"] .today-jump-nav.hud-active{
  display:none!important;
}

body.app-page .section-rail-nav{
  position:relative!important;
  display:grid!important;
  gap:2px!important;
  width:100%!important;
  padding:12px 10px 12px 16px!important;
  border:1px solid rgba(255,156,220,.18)!important;
  border-radius:18px!important;
  background:linear-gradient(145deg,rgba(35,9,31,.62),rgba(8,2,12,.72))!important;
  box-shadow:0 18px 42px rgba(0,0,0,.18)!important;
}

body:not([data-hud="quest"]) .section-rail-nav{
  display:none!important;
}

body.app-page .section-rail-nav::before{
  content:""!important;
  position:absolute!important;
  left:25px!important;
  top:24px!important;
  bottom:24px!important;
  width:0!important;
  border-left:1px dashed rgba(255,156,220,.34)!important;
  pointer-events:none!important;
}

body.app-page .section-rail-nav button{
  position:relative!important;
  z-index:1!important;
  display:grid!important;
  grid-template-columns:18px minmax(0,1fr)!important;
  align-items:center!important;
  gap:10px!important;
  min-height:38px!important;
  width:100%!important;
  border:0!important;
  border-radius:13px!important;
  padding:8px 10px 8px 0!important;
  color:#d8b8cc!important;
  background:transparent!important;
  text-align:left!important;
  cursor:pointer!important;
  font:900 12px/1.1 var(--app-font,Inter,ui-sans-serif,system-ui,sans-serif)!important;
  letter-spacing:0!important;
}

body.app-page .section-rail-nav button i{
  display:block!important;
  justify-self:center!important;
  width:11px!important;
  height:11px!important;
  border:1px solid rgba(255,156,220,.55)!important;
  border-radius:999px!important;
  background:#08020c!important;
  box-shadow:0 0 0 4px rgba(8,2,12,.9)!important;
}

body.app-page .section-rail-nav button span{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

body.app-page .section-rail-nav button.active{
  color:#fff5fb!important;
  background:rgba(255,79,195,.08)!important;
}

body.app-page .section-rail-nav button.active i{
  border-color:#ff9cdc!important;
  background:linear-gradient(135deg,#ffd3ee,#ff4fc3)!important;
  box-shadow:0 0 0 4px rgba(8,2,12,.92),0 0 20px rgba(255,79,195,.62)!important;
}

body.app-page .today-layout{
  grid-template-columns:minmax(0,1fr)!important;
  gap:18px!important;
}

body.app-page .today-layout > .task-panel,
body.app-page .today-layout > .command-deck-panel,
body.app-page .today-layout > .assignment-history-panel{
  grid-column:1 / -1!important;
}

body.app-page .app-persistent-player.jukie-compact{
  position:fixed!important;
  left:50%!important;
  right:auto!important;
  bottom:18px!important;
  z-index:950!important;
  width:min(620px,calc(100vw - 28px))!important;
  transform:translateX(-50%)!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:12px!important;
  align-items:center!important;
  padding:14px 16px!important;
  border:1px solid rgba(255,156,220,.28)!important;
  border-radius:24px!important;
  background:linear-gradient(145deg,rgba(11,3,15,.97),rgba(39,9,37,.95))!important;
  box-shadow:0 20px 60px rgba(0,0,0,.45),0 0 36px rgba(255,79,195,.18)!important;
}

body.app-page .app-persistent-player .jukie-compact-copy{
  min-width:0!important;
  display:grid!important;
  gap:3px!important;
}

body.app-page .app-persistent-player .jukie-compact-copy small{
  display:block!important;
  color:#ff9cdc!important;
  font:900 10px/1 var(--app-mono,ui-monospace,monospace)!important;
  letter-spacing:.16em!important;
  text-transform:uppercase!important;
}

body.app-page .app-persistent-player .jukie-compact-copy strong{
  display:block!important;
  color:#fff5fb!important;
  font:950 18px/1.08 var(--app-font,Inter,ui-sans-serif,system-ui,sans-serif)!important;
  letter-spacing:0!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

body.app-page .app-persistent-player .jukie-compact-copy span{
  color:#e6bfd7!important;
  font:750 13px/1.2 var(--app-font,Inter,ui-sans-serif,system-ui,sans-serif)!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

body.app-page .app-persistent-player .jukie-mini-controls{
  display:flex!important;
  gap:8px!important;
}

body.app-page .app-persistent-player .jukie-mini-controls button,
body.app-page .app-persistent-player .jukie-mini-controls #jukie-toggle{
  display:grid!important;
  place-items:center!important;
  width:44px!important;
  height:44px!important;
  border:0!important;
  border-radius:50%!important;
  color:#220819!important;
  background:linear-gradient(135deg,#ffd3ee,#ff4fc3)!important;
  box-shadow:0 10px 24px rgba(255,48,184,.25)!important;
  font:950 22px/1 var(--app-font,Inter,ui-sans-serif,system-ui,sans-serif)!important;
}

body.app-page .app-persistent-player .jukie-mini-controls #jukie-toggle{
  font-size:17px!important;
}

body.app-page .app-persistent-player:has(.persistent-bambi-progress:not(.hidden)){
  grid-template-rows:auto auto!important;
}

body.app-page .app-persistent-player .persistent-bambi-progress{
  grid-column:1 / -1!important;
}

@media(max-width:1180px){
  body.app-page .section-rail-nav{
    display:none!important;
  }
}

@media(max-width:760px){
  body.app-page .app-persistent-player.jukie-compact{
    bottom:92px!important;
    width:min(620px,calc(100vw - 28px))!important;
    padding:13px 14px!important;
  }

  body.app-page .app-persistent-player .jukie-compact-copy strong{
    font-size:16px!important;
  }

  body.app-page .app-persistent-player .jukie-mini-controls button,
  body.app-page .app-persistent-player .jukie-mini-controls #jukie-toggle{
    width:42px!important;
    height:42px!important;
  }
}

/* Shell 17: hard-stop overlapping Today panels after legacy HUD grid rules. */
body.app-page[data-hud="quest"] .today-layout{
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  gap:18px!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin:0 0 42px!important;
  overflow:visible!important;
}

body.app-page[data-hud="quest"] .today-layout > .task-panel,
body.app-page[data-hud="quest"] .today-layout > .command-deck-panel,
body.app-page[data-hud="quest"] .today-layout > .assignment-history-panel{
  position:relative!important;
  inset:auto!important;
  display:block!important;
  flex:0 0 auto!important;
  order:initial!important;
  grid-column:auto!important;
  grid-row:auto!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  min-height:0!important;
  transform:none!important;
  z-index:auto!important;
  overflow:visible!important;
}

body.app-page[data-hud="quest"] .today-layout > .task-panel{
  order:1!important;
}

body.app-page[data-hud="quest"] .today-layout > .command-deck-panel{
  order:2!important;
}

body.app-page[data-hud="quest"] .today-layout > .assignment-history-panel{
  order:3!important;
}

/* Shell 18: content-side section rail and one-card ritual carousels. */
body.app-page[data-hud="quest"] .section-rail-nav{
  position:relative!important;
  display:block!important;
  height:var(--section-rail-height,560px)!important;
  min-height:360px!important;
  margin-top:18px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

body.app-page[data-hud="quest"] .section-rail-nav::before{
  left:10px!important;
  top:var(--section-line-start,24px)!important;
  bottom:auto!important;
  height:max(0px,calc(var(--section-line-end,100%) - var(--section-line-start,24px)))!important;
  border-left-color:rgba(255,156,220,.38)!important;
}

body.app-page[data-hud="quest"] .section-rail-nav button{
  position:absolute!important;
  top:var(--section-y,24px)!important;
  left:0!important;
  right:0!important;
  min-height:46px!important;
  grid-template-columns:22px minmax(0,1fr)!important;
  padding:9px 10px 9px 0!important;
  transform:translateY(-50%)!important;
}

body.app-page[data-hud="quest"] .section-rail-nav button span{
  white-space:normal!important;
}

body.app-page[data-hud="quest"] .section-rail-nav button.active{
  background:linear-gradient(90deg,rgba(255,79,195,.16),rgba(255,79,195,.03))!important;
}

body.app-page .deck-carousel{
  position:relative!important;
  display:grid!important;
  grid-template-columns:44px minmax(0,1fr) 44px!important;
  align-items:center!important;
  gap:10px!important;
  margin:0!important;
  padding:0 22px 18px!important;
}

body.app-page .deck-carousel .deck-card-rail{
  grid-column:2!important;
  display:flex!important;
  gap:0!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  overscroll-behavior-x:contain!important;
  scroll-snap-type:x mandatory!important;
  scroll-behavior:smooth!important;
  scrollbar-width:none!important;
  -webkit-overflow-scrolling:touch!important;
}

body.app-page .deck-carousel .deck-card-rail::-webkit-scrollbar{
  display:none!important;
}

body.app-page .deck-carousel .history-item.deck-item{
  flex:0 0 100%!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  scroll-snap-align:start!important;
  scroll-snap-stop:always!important;
}

body.app-page .deck-carousel .history-item.deck-item + .history-item.deck-item{
  margin-top:0!important;
}

body.app-page .deck-carousel-arrow{
  position:relative!important;
  z-index:2!important;
  display:grid!important;
  place-items:center!important;
  width:44px!important;
  height:44px!important;
  border:0!important;
  border-radius:50%!important;
  color:#220819!important;
  background:linear-gradient(135deg,#ffd3ee,#ff4fc3)!important;
  box-shadow:0 12px 28px rgba(255,48,184,.25),0 0 24px rgba(255,79,195,.22)!important;
  font:950 28px/1 var(--app-font,Inter,ui-sans-serif,system-ui,sans-serif)!important;
  cursor:pointer!important;
}

body.app-page .deck-carousel-arrow:disabled{
  opacity:.32!important;
  cursor:default!important;
  filter:saturate(.55)!important;
}

body.app-page .deck-carousel-dots{
  grid-column:1 / -1!important;
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  gap:8px!important;
  min-height:14px!important;
  margin-top:2px!important;
}

body.app-page .deck-carousel-dots button{
  width:8px!important;
  height:8px!important;
  padding:0!important;
  border:1px solid rgba(255,156,220,.42)!important;
  border-radius:50%!important;
  background:rgba(255,156,220,.18)!important;
  box-shadow:none!important;
}

body.app-page .deck-carousel-dots button.active{
  width:22px!important;
  border-radius:999px!important;
  border-color:transparent!important;
  background:linear-gradient(135deg,#ffd3ee,#ff4fc3)!important;
  box-shadow:0 0 18px rgba(255,79,195,.45)!important;
}

body.app-page .deck-carousel.is-single{
  grid-template-columns:minmax(0,1fr)!important;
}

body.app-page .deck-carousel.is-single .deck-card-rail{
  grid-column:1!important;
}

body.app-page .deck-carousel.is-single .deck-carousel-arrow,
body.app-page .deck-carousel.is-single .deck-carousel-dots{
  display:none!important;
}

@media(max-width:1180px){
  body.app-page .section-rail-nav{
    display:none!important;
  }

  body.app-page[data-hud="quest"] .today-jump-nav,
  body.app-page[data-hud="quest"] .today-jump-nav.hud-active{
    position:sticky!important;
    top:0!important;
    z-index:70!important;
    display:flex!important;
    gap:8px!important;
    margin:12px 0 14px!important;
    padding:8px!important;
    overflow-x:auto!important;
    border:1px solid rgba(255,156,220,.2)!important;
    border-radius:999px!important;
    background:rgba(8,2,12,.92)!important;
    backdrop-filter:blur(14px)!important;
    -webkit-backdrop-filter:blur(14px)!important;
    scrollbar-width:none!important;
  }

  body.app-page[data-hud="quest"] .today-jump-nav::-webkit-scrollbar{
    display:none!important;
  }

  body.app-page[data-hud="quest"] .today-jump-nav button{
    flex:1 0 auto!important;
    min-height:38px!important;
    border:0!important;
    border-radius:999px!important;
    padding:9px 13px!important;
    color:#ffd3ee!important;
    background:rgba(255,79,195,.08)!important;
    font:950 12px/1 var(--app-font,Inter,ui-sans-serif,system-ui,sans-serif)!important;
  }

  body.app-page[data-hud="quest"] .today-jump-nav button.active{
    color:#220819!important;
    background:linear-gradient(135deg,#ffd3ee,#ff4fc3)!important;
  }
}

@media(max-width:760px){
  body.app-page .deck-carousel{
    grid-template-columns:38px minmax(0,1fr) 38px!important;
    gap:8px!important;
    padding:0 16px 18px!important;
  }

  body.app-page .deck-carousel-arrow{
    width:38px!important;
    height:38px!important;
    font-size:24px!important;
  }
}

/* Shell 19: keep the content-map rail underneath the primary app menu, and
   prevent it from leaking into the mobile/tablet layout. */
body.app-page .hud-dock-row > .rail-logo{
  order:1!important;
}

body.app-page .hud-dock-row > .hud-nav{
  order:2!important;
}

body.app-page .hud-dock-row > .section-rail-nav{
  order:4!important;
}

body.app-page .hud-dock-row > .hud-bonus-dock{
  order:3!important;
}

body.app-page[data-hud="quest"] .hud-dock-row > .section-rail-nav{
  margin-top:10px!important;
}

@media(max-width:1180px){
  html body.app-page .hud-dock-row > .section-rail-nav,
  html body.app-page[data-hud="quest"] .hud-dock-row > .section-rail-nav,
  html body.app-page[data-hud="quest"] .section-rail-nav{
    display:none!important;
  }

  html body.app-page[data-hud="quest"] .today-jump-nav,
  html body.app-page[data-hud="quest"] .today-jump-nav.hud-active{
    top:74px!important;
  }
}

/* Shell 21: compact floating section tracker on desktop. */
@media(min-width:1181px){
  html body.app-page[data-hud="quest"] .hud-dock-row > .section-rail-nav{
    position:fixed!important;
    top:50vh!important;
    left:max(18px,calc((100vw - 1480px) / 2 + clamp(16px,4vw,38px)))!important;
    width:230px!important;
    max-width:230px!important;
    margin:0!important;
    transform:translateY(-50%)!important;
    z-index:35!important;
  }
}

/* Shell 22: keep the compact tracker below the bonus cards, then let it move
   with the rail instead of overlaying the primary side menu. */
@media(min-width:1181px){
  html body.app-page[data-hud="quest"] .hud-dock-row > .section-rail-nav{
    position:sticky!important;
    top:calc(50vh - 112px)!important;
    left:auto!important;
    width:100%!important;
    max-width:none!important;
    height:224px!important;
    min-height:224px!important;
    margin:2px 0 0!important;
    transform:none!important;
    z-index:31!important;
  }

  html body.app-page[data-hud="quest"] .section-rail-nav::before{
    top:22px!important;
    height:180px!important;
    bottom:auto!important;
  }

  html body.app-page[data-hud="quest"] .section-rail-nav button{
    min-height:34px!important;
    padding:6px 8px 6px 0!important;
    font-size:11px!important;
    transform:translateY(-50%)!important;
  }

  html body.app-page[data-hud="quest"] .section-rail-nav button:nth-child(1){
    top:24px!important;
  }

  html body.app-page[data-hud="quest"] .section-rail-nav button:nth-child(2){
    top:112px!important;
  }

  html body.app-page[data-hud="quest"] .section-rail-nav button:nth-child(3){
    top:204px!important;
  }
}

/* Shell 23: section tracker is now a sibling below the menu/bonus stack. */
@media(min-width:1181px){
  html body.app-page .app-side-v2{
    align-self:stretch!important;
  }

  html body.app-page[data-hud="quest"] .app-side-v2 > .section-rail-nav{
    position:sticky!important;
    top:calc(50vh - 112px)!important;
    display:block!important;
    width:100%!important;
    max-width:none!important;
    height:224px!important;
    min-height:224px!important;
    margin:16px 0 0!important;
    transform:none!important;
    z-index:31!important;
  }

  html body.app-page[data-hud="quest"] .app-side-v2 > .section-rail-nav::before{
    top:22px!important;
    height:180px!important;
    bottom:auto!important;
  }

  html body.app-page[data-hud="quest"] .app-side-v2 > .section-rail-nav button{
    min-height:34px!important;
    padding:6px 8px 6px 0!important;
    font-size:11px!important;
    transform:translateY(-50%)!important;
  }

  html body.app-page[data-hud="quest"] .app-side-v2 > .section-rail-nav button:nth-child(1){
    top:24px!important;
  }

  html body.app-page[data-hud="quest"] .app-side-v2 > .section-rail-nav button:nth-child(2){
    top:112px!important;
  }

  html body.app-page[data-hud="quest"] .app-side-v2 > .section-rail-nav button:nth-child(3){
    top:204px!important;
  }
}

@media(max-width:1180px){
  html body.app-page .app-side-v2 > .section-rail-nav,
  html body.app-page[data-hud="quest"] .app-side-v2 > .section-rail-nav{
    display:none!important;
  }
}

/* Shell 24: JS-controlled floating state for the compact tracker. */
@media(min-width:1181px){
  html body.app-page[data-hud="quest"] .app-side-v2 > .section-rail-nav{
    position:relative!important;
    top:auto!important;
  }

  html body.app-page[data-hud="quest"] .app-side-v2 > .section-rail-nav.is-floating{
    position:fixed!important;
    top:calc(50vh - 112px)!important;
    left:var(--section-float-left,18px)!important;
    width:var(--section-float-width,230px)!important;
    max-width:var(--section-float-width,230px)!important;
    margin:0!important;
    z-index:60!important;
  }
}

/* Shell 25: restore the desktop top navigation after the mobile drawer locks. */
@media(min-width:1181px){
  html body.app-page .member-nav.app-member-nav{
    grid-template-columns:auto auto minmax(0,1fr) auto!important;
  }

  html body.app-page .app-member-nav > .logo.logo-image{
    grid-column:1!important;
  }

  html body.app-page .topbar-status{
    grid-column:2!important;
    max-width:220px!important;
  }

  html body.app-page .app-menu-toggle{
    display:none!important;
  }

  html body.app-page .app-member-nav > .app-drawer{
    grid-column:3!important;
    position:static!important;
    inset:auto!important;
    z-index:auto!important;
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:clamp(9px,1vw,16px)!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    height:auto!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
    opacity:1!important;
    filter:none!important;
    transform:none!important;
    transition:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }

  html body.app-page .app-member-nav > .app-drawer::before,
  html body.app-page .app-member-nav > .app-drawer::after,
  html body.app-page .app-member-nav > .app-drawer .drawer-profile{
    display:none!important;
    content:none!important;
  }

  html body.app-page .app-member-nav > .app-drawer b{
    display:inline-flex!important;
    color:#ff9cdf!important;
    font:900 10px/1 ui-monospace,monospace!important;
    letter-spacing:.14em!important;
    white-space:nowrap!important;
  }

  html body.app-page .app-member-nav > .app-drawer a{
    display:inline-flex!important;
    align-items:center!important;
    width:auto!important;
    padding:0!important;
    border:0!important;
    color:#d9c3d7!important;
    background:transparent!important;
    box-shadow:none!important;
    font:800 12px/1.15 Inter,ui-sans-serif,system-ui,sans-serif!important;
    letter-spacing:0!important;
    text-shadow:none!important;
    white-space:nowrap!important;
  }

  html body.app-page .app-member-nav > .app-drawer a:hover,
  html body.app-page .app-member-nav > .app-drawer a.active{
    color:#ff9cdf!important;
    text-shadow:0 0 16px rgba(255,79,195,.36)!important;
  }

  html body.app-page .member-summary{
    grid-column:4!important;
  }
}

@media(min-width:1181px) and (max-width:1320px){
  html body.app-page .topbar-status{
    display:none!important;
  }

  html body.app-page .member-nav.app-member-nav{
    grid-template-columns:auto minmax(0,1fr) auto!important;
  }

  html body.app-page .app-member-nav > .app-drawer{
    grid-column:2!important;
    gap:9px!important;
  }

  html body.app-page .app-member-nav > .app-drawer a{
    font-size:11px!important;
  }

  html body.app-page .member-summary{
    grid-column:3!important;
  }
}

/* Shell 26: single pink section titles instead of duplicate eyebrow headers. */
body.app-page .shell-window-heading h2,
body.app-page .command-deck-panel > .panel-heading h2,
body.app-page .assignment-history-panel > .panel-heading h2{
  margin:0!important;
  color:var(--shell-pink-2)!important;
  font-size:clamp(34px,4.1vw,58px)!important;
  line-height:.98!important;
  letter-spacing:0!important;
  text-shadow:0 0 22px rgba(255,79,195,.28)!important;
}

body.app-page .command-deck-panel > .panel-heading .muted{
  margin-top:14px!important;
}

@media(max-width:760px){
  body.app-page .shell-window-heading h2,
  body.app-page .command-deck-panel > .panel-heading h2,
  body.app-page .assignment-history-panel > .panel-heading h2{
    font-size:clamp(30px,10vw,44px)!important;
  }
}

/* Shell 27: ritual card metadata becomes layer-left, window/status-right. */
body.app-page .history-item.deck-item .ritual-meta-row{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:start!important;
  gap:12px!important;
  width:100%!important;
  margin:0 0 12px!important;
}

body.app-page .history-item.deck-item .ritual-layer-label{
  align-self:center!important;
  min-width:0!important;
  color:var(--shell-pink-2)!important;
  font:950 11px/1 ui-monospace,monospace!important;
  letter-spacing:.18em!important;
  text-transform:uppercase!important;
  text-shadow:0 0 16px rgba(255,79,195,.34)!important;
}

body.app-page .history-item.deck-item .ritual-meta-side{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:8px!important;
  min-width:0!important;
}

body.app-page .history-item.deck-item .ritual-slot-pill{
  margin:0!important;
  color:#7bf3ff!important;
  border-color:rgba(123,243,255,.48)!important;
  background:rgba(123,243,255,.08)!important;
  box-shadow:0 0 18px rgba(123,243,255,.08)!important;
}

body.app-page .deck-status-icon{
  position:relative!important;
  display:inline-grid!important;
  place-items:center!important;
  flex:0 0 auto!important;
  width:34px!important;
  height:34px!important;
  border:1px solid rgba(255,156,220,.48)!important;
  border-radius:999px!important;
  background:
    radial-gradient(circle at 36% 26%,rgba(255,211,238,.7),rgba(255,79,195,.34) 34%,rgba(36,8,32,.72) 72%)!important;
  box-shadow:0 0 22px rgba(255,79,195,.2), inset 0 0 12px rgba(255,255,255,.08)!important;
}

body.app-page .deck-status-icon > span{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  overflow:hidden!important;
  clip:rect(0 0 0 0)!important;
  white-space:nowrap!important;
}

body.app-page .deck-status-icon i{
  position:relative!important;
  display:block!important;
  width:15px!important;
  height:12px!important;
}

body.app-page .deck-status-icon.locked i::before{
  content:""!important;
  position:absolute!important;
  left:3px!important;
  top:-8px!important;
  width:9px!important;
  height:10px!important;
  border:2px solid #fff3fb!important;
  border-bottom:0!important;
  border-radius:9px 9px 0 0!important;
  box-shadow:0 0 8px rgba(255,255,255,.48)!important;
}

body.app-page .deck-status-icon.locked i::after{
  content:""!important;
  position:absolute!important;
  inset:1px 0 0!important;
  border-radius:4px!important;
  background:linear-gradient(135deg,#fff3fb,#ff68cf)!important;
  box-shadow:0 0 10px rgba(255,104,207,.7)!important;
}

body.app-page .deck-status-icon.queued i{
  width:14px!important;
  height:14px!important;
  border:2px solid #fff3fb!important;
  border-radius:999px!important;
  box-shadow:0 0 10px rgba(255,255,255,.48)!important;
}

body.app-page .deck-status-icon.queued i::before{
  content:""!important;
  position:absolute!important;
  left:6px!important;
  top:2px!important;
  width:2px!important;
  height:6px!important;
  border-radius:99px!important;
  background:#ff68cf!important;
  transform-origin:bottom center!important;
}

body.app-page .deck-status-icon.queued i::after{
  content:""!important;
  position:absolute!important;
  left:6px!important;
  top:6px!important;
  width:5px!important;
  height:2px!important;
  border-radius:99px!important;
  background:#ff68cf!important;
}

@media(max-width:760px){
  body.app-page .history-item.deck-item .ritual-meta-row{
    gap:10px!important;
  }

  body.app-page .history-item.deck-item .ritual-meta-side{
    max-width:56vw!important;
  }

  body.app-page .history-item.deck-item .ritual-slot-pill{
    max-width:44vw!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
}

/* Shell 28: make upgrade moments contextual instead of wedged into the assignment. */
body.app-page #current-task .current-ritual-meta{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(190px,280px)!important;
  align-items:start!important;
  gap:12px!important;
  width:100%!important;
  margin:0 0 16px!important;
}

body.app-page .current-ritual-tags{
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  min-width:0!important;
}

body.app-page .current-focus-pill{
  justify-self:end!important;
  width:min(100%,280px)!important;
  min-width:0!important;
  border:1px solid rgba(123,243,255,.24)!important;
  border-radius:18px!important;
  background:linear-gradient(135deg,rgba(123,243,255,.08),rgba(255,79,195,.06))!important;
  box-shadow:inset 0 0 18px rgba(123,243,255,.04),0 0 24px rgba(123,243,255,.06)!important;
  overflow:hidden!important;
}

body.app-page .current-focus-pill summary{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:4px 10px!important;
  min-height:40px!important;
  padding:8px 11px!important;
  cursor:pointer!important;
  list-style:none!important;
}

body.app-page .current-focus-pill summary::-webkit-details-marker{
  display:none!important;
}

body.app-page .current-focus-pill summary span,
body.app-page .current-focus-pill summary small{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

body.app-page .current-focus-pill summary span{
  color:#7bf3ff!important;
  font:950 10px/1 ui-monospace,monospace!important;
  letter-spacing:.16em!important;
  text-transform:uppercase!important;
}

body.app-page .current-focus-pill summary strong{
  grid-row:1 / 3!important;
  grid-column:2!important;
  color:#fff5fb!important;
  font:950 22px/1 var(--app-font,Inter,ui-sans-serif,system-ui,sans-serif)!important;
  letter-spacing:0!important;
}

body.app-page .current-focus-pill summary small{
  color:#ffd3ee!important;
  font:850 12px/1.1 Inter,ui-sans-serif,system-ui,sans-serif!important;
  letter-spacing:0!important;
  text-transform:none!important;
}

body.app-page .current-focus-pill > div{
  padding:0 11px 12px!important;
}

body.app-page .current-focus-pill p{
  margin:8px 0 0!important;
  color:#f1c5dd!important;
  font:750 12px/1.35 Inter,ui-sans-serif,system-ui,sans-serif!important;
}

body.app-page .current-focus-pill i{
  display:block!important;
  height:8px!important;
  margin-top:9px!important;
  border:1px solid rgba(255,156,220,.16)!important;
  border-radius:999px!important;
  background:rgba(0,0,0,.24)!important;
  overflow:hidden!important;
}

body.app-page .current-focus-pill i b{
  display:block!important;
  height:100%!important;
  border-radius:inherit!important;
  background:linear-gradient(90deg,#7bf3ff,#ffd3ee,#ff4fc3)!important;
  box-shadow:0 0 14px rgba(255,79,195,.38)!important;
}

/* Shell 30: keep the assignment sync readout compact unless expanded. */
body.app-page .current-focus-pill{
  border-radius:14px!important;
  background:
    linear-gradient(135deg,rgba(10,3,15,.88),rgba(47,16,42,.74))!important;
}

body.app-page .current-focus-pill[open]{
  box-shadow:
    inset 0 0 18px rgba(123,243,255,.05),
    0 0 22px rgba(255,79,195,.08)!important;
}

body.app-page .current-focus-pill summary{
  grid-template-areas:
    "path pct"
    "status pct"
    "bar bar"!important;
  min-height:0!important;
  padding:8px 10px 9px!important;
  transition:
    background-color .18s ease,
    border-color .18s ease,
    box-shadow .18s ease!important;
}

body.app-page .current-focus-pill summary:hover,
body.app-page .current-focus-pill summary:focus-visible{
  background:rgba(255,79,195,.07)!important;
  box-shadow:inset 0 0 0 1px rgba(255,156,220,.14)!important;
  outline:none!important;
}

body.app-page .current-focus-pill summary span{
  grid-area:path!important;
  color:#7bf3ff!important;
  font:900 9px/1.05 ui-monospace,monospace!important;
  letter-spacing:.13em!important;
}

body.app-page .current-focus-pill summary strong{
  grid-area:pct!important;
  grid-row:auto!important;
  grid-column:auto!important;
  align-self:center!important;
  color:#fff6fb!important;
  font:950 21px/1 var(--app-font,Inter,ui-sans-serif,system-ui,sans-serif)!important;
}

body.app-page .current-focus-pill summary small{
  grid-area:status!important;
  color:#ffe3f3!important;
  font:760 11px/1.1 Inter,ui-sans-serif,system-ui,sans-serif!important;
  letter-spacing:0!important;
  text-transform:none!important;
}

body.app-page .current-focus-pill summary i{
  grid-area:bar!important;
  height:5px!important;
  margin:4px 0 0!important;
}

body.app-page .current-focus-pill > div{
  display:grid!important;
  gap:6px!important;
  padding:8px 10px 11px!important;
  border-top:1px solid rgba(123,243,255,.12)!important;
}

body.app-page .current-focus-pill > div p{
  margin:0!important;
  color:#ecd0df!important;
  font:650 11px/1.35 Inter,ui-sans-serif,system-ui,sans-serif!important;
  letter-spacing:0!important;
  text-transform:none!important;
  overflow-wrap:anywhere!important;
}

body.app-page .current-focus-pill > div p:first-child{
  color:#fff2fa!important;
  font-weight:760!important;
}

/* Shell 31: section titles should feel crisp, not oversized pink labels. */
body.app-page .shell-window-heading h2,
body.app-page .command-deck-panel > .panel-heading h2,
body.app-page .assignment-history-panel > .panel-heading h2{
  color:#fff4fb!important;
  font-size:clamp(30px,3vw,44px)!important;
  line-height:1.04!important;
  letter-spacing:0!important;
  text-shadow:0 0 20px rgba(255,79,195,.18)!important;
}

body.app-page .command-deck-panel > .panel-heading h2{
  font-size:clamp(30px,2.8vw,42px)!important;
}

@media(max-width:760px){
  body.app-page .shell-window-heading h2,
  body.app-page .command-deck-panel > .panel-heading h2,
  body.app-page .assignment-history-panel > .panel-heading h2{
    font-size:clamp(28px,8vw,36px)!important;
  }
}

/* Shell 32: polish curriculum filters, lane headers, carousel arrows, and status icons. */
body.app-page .live-count-tag{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:34px!important;
  padding:8px 13px!important;
  border:1px solid rgba(123,243,255,.44)!important;
  border-radius:999px!important;
  color:#7bf3ff!important;
  background:linear-gradient(135deg,rgba(123,243,255,.14),rgba(255,79,195,.08))!important;
  box-shadow:0 0 22px rgba(123,243,255,.12), inset 0 0 12px rgba(255,255,255,.04)!important;
  font:950 12px/1 Inter,ui-sans-serif,system-ui,sans-serif!important;
  letter-spacing:0!important;
  text-transform:none!important;
}

body.app-page .deck-filter-row{
  display:inline-flex!important;
  align-items:center!important;
  gap:4px!important;
  width:auto!important;
  max-width:calc(100% - 44px)!important;
  margin:16px 22px 14px!important;
  padding:5px!important;
  border:1px solid rgba(255,156,220,.2)!important;
  border-radius:999px!important;
  background:rgba(8,2,12,.46)!important;
  box-shadow:inset 0 0 18px rgba(255,79,195,.05)!important;
}

body.app-page .deck-filter-row button{
  min-height:32px!important;
  padding:7px 11px!important;
  border:0!important;
  border-radius:999px!important;
  color:#e7c7d9!important;
  background:transparent!important;
  box-shadow:none!important;
  font:850 12px/1 Inter,ui-sans-serif,system-ui,sans-serif!important;
}

body.app-page .deck-filter-row button[aria-pressed="true"]{
  color:#250719!important;
  background:linear-gradient(135deg,#ffd3ee,#ff4fc3)!important;
  box-shadow:0 0 20px rgba(255,79,195,.26)!important;
}

body.app-page .deck-filter-row span{
  min-width:20px!important;
  min-height:20px!important;
  margin-left:6px!important;
  color:inherit!important;
  background:rgba(255,255,255,.18)!important;
  font:900 10px/1 Inter,ui-sans-serif,system-ui,sans-serif!important;
}

body.app-page .path-command-section{
  gap:12px!important;
}

body.app-page .path-command-heading{
  align-items:center!important;
  margin:16px 22px 10px!important;
  padding:10px 12px!important;
  border:1px solid rgba(255,156,220,.18)!important;
  border-radius:18px!important;
  background:linear-gradient(135deg,rgba(255,79,195,.08),rgba(8,2,12,.3))!important;
  box-shadow:inset 0 0 16px rgba(255,79,195,.035)!important;
}

body.app-page .path-command-heading > div{
  display:flex!important;
  align-items:baseline!important;
  flex-wrap:wrap!important;
  gap:8px 10px!important;
  min-width:0!important;
}

body.app-page .path-command-heading small{
  color:#ff9cdc!important;
  font:950 10px/1 ui-monospace,monospace!important;
  letter-spacing:.16em!important;
}

body.app-page .path-command-heading h3{
  margin:0!important;
  color:#fff5fb!important;
  font:900 clamp(20px,1.8vw,26px)/1 Inter,ui-sans-serif,system-ui,sans-serif!important;
}

body.app-page .path-command-heading > .tag{
  position:static!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:34px!important;
  min-height:28px!important;
  padding:6px 10px!important;
  border:1px solid rgba(123,243,255,.32)!important;
  border-radius:999px!important;
  color:#7bf3ff!important;
  background:rgba(123,243,255,.08)!important;
  box-shadow:0 0 16px rgba(123,243,255,.08)!important;
  font:950 12px/1 Inter,ui-sans-serif,system-ui,sans-serif!important;
}

body.app-page .upcoming-path-section .control-note,
body.app-page .preview-path-section .control-note{
  margin:0 22px 10px!important;
  color:#7bedbd!important;
  font:760 12px/1.35 Inter,ui-sans-serif,system-ui,sans-serif!important;
}

body.app-page .deck-carousel{
  display:block!important;
  grid-template-columns:none!important;
  padding:0 44px 18px!important;
}

body.app-page .deck-carousel .deck-card-rail{
  grid-column:auto!important;
}

body.app-page .deck-carousel-arrow{
  position:absolute!important;
  top:50%!important;
  z-index:5!important;
  width:34px!important;
  height:72px!important;
  border:0!important;
  border-radius:0!important;
  color:#ff8bd6!important;
  background:transparent!important;
  box-shadow:none!important;
  text-shadow:0 0 18px rgba(255,79,195,.7)!important;
  transform:translateY(-50%)!important;
  font:950 52px/1 Inter,ui-sans-serif,system-ui,sans-serif!important;
}

body.app-page .deck-carousel-prev{
  left:8px!important;
}

body.app-page .deck-carousel-next{
  right:8px!important;
}

body.app-page .deck-carousel-arrow:not(:disabled):hover,
body.app-page .deck-carousel-arrow:not(:disabled):focus-visible{
  color:#ffd3ee!important;
  outline:none!important;
  text-shadow:0 0 24px rgba(255,79,195,.9)!important;
}

body.app-page .deck-carousel-arrow:disabled{
  opacity:.18!important;
  filter:none!important;
}

body.app-page .deck-status-icon.locked i{
  width:18px!important;
  height:18px!important;
}

body.app-page .deck-status-icon.locked i::before{
  left:4px!important;
  top:1px!important;
  width:10px!important;
  height:9px!important;
  border:2px solid #fff3fb!important;
  border-bottom:0!important;
  border-radius:9px 9px 0 0!important;
  box-shadow:0 0 8px rgba(255,255,255,.5)!important;
}

body.app-page .deck-status-icon.locked i::after{
  inset:auto!important;
  left:2px!important;
  top:8px!important;
  width:14px!important;
  height:10px!important;
  border-radius:4px!important;
  background:linear-gradient(135deg,#fff3fb,#ff68cf)!important;
  box-shadow:0 0 10px rgba(255,104,207,.66)!important;
}

@media(max-width:760px){
  body.app-page .deck-filter-row{
    max-width:calc(100% - 32px)!important;
    margin:14px 16px 12px!important;
  }

  body.app-page .path-command-heading{
    margin-left:16px!important;
    margin-right:16px!important;
  }

  body.app-page .deck-carousel{
    padding:0 34px 18px!important;
  }

  body.app-page .deck-carousel-arrow{
    width:28px!important;
    height:62px!important;
    font-size:42px!important;
  }

  body.app-page .deck-carousel-prev{
    left:5px!important;
  }

  body.app-page .deck-carousel-next{
    right:5px!important;
  }
}

body.app-page #current-task .pill-note{
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:9px 11px!important;
}

body.app-page #current-task .pill-note > span{
  flex:1 1 340px!important;
  min-width:0!important;
}

body.app-page .pill-store-link,
body.app-page .locked-task-preview a{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:34px!important;
  padding:8px 13px!important;
  border:1px solid rgba(255,156,220,.32)!important;
  border-radius:999px!important;
  color:#220819!important;
  background:linear-gradient(135deg,#ffd3ee,#ff4fc3)!important;
  font:950 12px/1 Inter,ui-sans-serif,system-ui,sans-serif!important;
  text-decoration:none!important;
  box-shadow:0 0 20px rgba(255,79,195,.22)!important;
}

body.app-page .locked-task-preview{
  display:grid!important;
  gap:7px!important;
  margin:14px 0 10px!important;
  padding:13px!important;
  border:1px solid rgba(255,156,220,.22)!important;
  border-radius:16px!important;
  background:linear-gradient(135deg,rgba(255,79,195,.12),rgba(8,2,12,.58))!important;
}

body.app-page .locked-task-preview small{
  color:#ff9cdc!important;
  font:950 10px/1 ui-monospace,monospace!important;
  letter-spacing:.17em!important;
  text-transform:uppercase!important;
}

body.app-page .locked-task-preview span{
  color:#f6d2e7!important;
  font:750 13px/1.35 Inter,ui-sans-serif,system-ui,sans-serif!important;
}

body.app-page .locked-task-preview a{
  justify-self:start!important;
}

body.app-page .locked-preview-grid{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(210px,1fr))!important;
  gap:12px!important;
  margin-top:14px!important;
}

body.app-page .locked-preview-card{
  display:grid!important;
  gap:10px!important;
  min-height:160px!important;
  padding:15px!important;
  border:1px solid rgba(255,156,220,.24)!important;
  border-radius:18px!important;
  background:
    radial-gradient(circle at 85% 10%,rgba(255,79,195,.28),transparent 34%),
    linear-gradient(135deg,rgba(255,211,238,.09),rgba(8,2,12,.62))!important;
  box-shadow:inset 0 0 22px rgba(255,255,255,.03),0 0 24px rgba(255,79,195,.08)!important;
}

body.app-page .locked-preview-card small,
body.app-page .locked-preview-card > span{
  color:#ff9cdc!important;
  font:950 10px/1.25 ui-monospace,monospace!important;
  letter-spacing:.16em!important;
  text-transform:uppercase!important;
}

body.app-page .locked-preview-card strong{
  display:block!important;
  margin-top:7px!important;
  color:#fff5fb!important;
  font:950 20px/1.05 Inter,ui-sans-serif,system-ui,sans-serif!important;
  letter-spacing:0!important;
}

body.app-page .locked-preview-card p{
  margin:9px 0 0!important;
  color:#f2c7df!important;
  font:760 14px/1.38 Inter,ui-sans-serif,system-ui,sans-serif!important;
}

body.app-page .locked-preview-card > span{
  align-self:end!important;
  width:max-content!important;
  max-width:100%!important;
  padding:7px 10px!important;
  border:1px solid rgba(123,243,255,.22)!important;
  border-radius:999px!important;
  color:#7bf3ff!important;
  background:rgba(123,243,255,.07)!important;
}

@media(max-width:760px){
  body.app-page #current-task .current-ritual-meta{
    grid-template-columns:1fr!important;
  }

  body.app-page .current-focus-pill{
    justify-self:stretch!important;
    width:100%!important;
  }

  body.app-page .current-focus-pill summary{
    min-height:46px!important;
  }

  body.app-page #current-task .pill-note > span,
  body.app-page .pill-store-link{
    flex-basis:100%!important;
    width:100%!important;
  }
}

/* Shell 33: route-aware app sections, restored curriculum rail, and calmer
   full-width ritual sliders. Keep this after the prior shell overrides. */
body.app-page .app-shell-v2{
  align-items:start!important;
}

body.app-page .member-hero[hidden],
body.app-page .sync-overview[hidden],
body.app-page .game-hud[hidden],
body.app-page #daily-ritual-map-panel[hidden],
body.app-page .today-jump-nav[hidden],
body.app-page #today-layout[hidden],
body.app-page [data-hud-panel][hidden]{
  display:none!important;
}

body.app-page:not([data-hud="quest"]) .member-hero,
body.app-page:not([data-hud="quest"]) .sync-overview,
body.app-page:not([data-hud="quest"]) .game-hud{
  display:none!important;
}

body.app-page:not([data-hud="quest"]) .member-grid.member-grid-active{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  align-items:start!important;
  gap:18px!important;
  width:100%!important;
  margin:0 0 42px!important;
}

body.app-page[data-hud="store"] .member-grid.member-grid-active{
  grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)!important;
}

body.app-page[data-hud="store"] .member-grid.member-grid-active > .bonus-summary-card,
body.app-page[data-hud="store"] #locked-preview-panel.hud-active,
body.app-page[data-hud="playlists"] .member-grid.member-grid-active > [data-hud-panel="playlists"].hud-active,
body.app-page[data-hud="systems"] .member-grid.member-grid-active > [data-hud-panel="systems"].hud-active,
body.app-page[data-hud="guide"] .member-grid.member-grid-active > [data-hud-panel="guide"].hud-active,
body.app-page[data-hud="feed"] .member-grid.member-grid-active > [data-hud-panel="feed"].hud-active,
body.app-page[data-hud="leaderboard"] .member-grid.member-grid-active > [data-hud-panel="leaderboard"].hud-active,
body.app-page[data-hud="mindlink"] .member-grid.member-grid-active > [data-hud-panel="mindlink"].hud-active{
  grid-column:1 / -1!important;
}

body.app-page:not([data-hud="quest"]) .app-side-v2 > .section-rail-nav{
  display:none!important;
}

@media(min-width:1181px){
  html body.app-page[data-hud="quest"] .app-side-v2 > .section-rail-nav{
    display:block!important;
    position:relative!important;
    top:auto!important;
    width:100%!important;
    height:224px!important;
    min-height:224px!important;
    margin:16px 0 0!important;
    z-index:31!important;
  }

  html body.app-page[data-hud="quest"] .app-side-v2 > .section-rail-nav.is-floating{
    position:fixed!important;
    top:calc(50vh - 112px)!important;
    left:var(--section-float-left,18px)!important;
    width:var(--section-float-width,230px)!important;
    max-width:var(--section-float-width,230px)!important;
    margin:0!important;
  }
}

body.app-page .deck-carousel{
  position:relative!important;
  display:block!important;
  width:100%!important;
  margin:0!important;
  padding:0 0 20px!important;
  overflow:visible!important;
}

body.app-page .deck-carousel .deck-card-rail{
  display:flex!important;
  width:100%!important;
  min-width:0!important;
  gap:0!important;
  padding:0!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scroll-snap-type:x mandatory!important;
  scroll-behavior:smooth!important;
  scrollbar-width:none!important;
  -webkit-overflow-scrolling:touch!important;
}

body.app-page .deck-carousel .deck-card-rail::-webkit-scrollbar{
  display:none!important;
}

body.app-page .deck-carousel .history-item.deck-item{
  flex:0 0 100%!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  scroll-snap-align:start!important;
  scroll-snap-stop:always!important;
}

body.app-page .deck-carousel-arrow{
  position:absolute!important;
  top:50%!important;
  z-index:6!important;
  display:grid!important;
  place-items:center!important;
  width:52px!important;
  height:min(132px,70%)!important;
  border:0!important;
  border-radius:18px!important;
  color:#ffd3ee!important;
  background:rgba(255,79,195,.18)!important;
  box-shadow:0 0 28px rgba(255,79,195,.2)!important;
  text-shadow:0 0 18px rgba(255,79,195,.85)!important;
  transform:translateY(-50%)!important;
  font:950 48px/1 Inter,ui-sans-serif,system-ui,sans-serif!important;
  opacity:.72!important;
}

body.app-page .deck-carousel-prev{
  left:8px!important;
}

body.app-page .deck-carousel-next{
  right:8px!important;
}

body.app-page .deck-carousel-arrow:not(:disabled):hover,
body.app-page .deck-carousel-arrow:not(:disabled):focus-visible{
  opacity:.95!important;
  background:rgba(255,79,195,.25)!important;
  outline:none!important;
}

body.app-page .deck-carousel-arrow:disabled{
  opacity:.12!important;
  pointer-events:none!important;
}

body.app-page .deck-carousel-dots{
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  gap:8px!important;
  min-height:14px!important;
  margin-top:12px!important;
}

body.app-page .upcoming-path-section .path-command-heading,
body.app-page .preview-path-section .path-command-heading{
  align-items:center!important;
  margin:18px 22px 8px!important;
  padding:12px 14px!important;
  border:1px solid rgba(255,156,220,.2)!important;
  border-radius:18px!important;
  background:linear-gradient(135deg,rgba(255,79,195,.11),rgba(8,2,12,.32))!important;
}

body.app-page .upcoming-path-section .path-command-heading h3,
body.app-page .preview-path-section .path-command-heading h3{
  font:900 clamp(20px,1.8vw,28px)/1.05 Inter,ui-sans-serif,system-ui,sans-serif!important;
  letter-spacing:0!important;
}

body.app-page .path-command-heading > .tag{
  white-space:nowrap!important;
}

body.app-page .deck-status-icon.locked i{
  width:20px!important;
  height:20px!important;
}

body.app-page .deck-status-icon.locked i::before{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  top:0!important;
  width:12px!important;
  height:10px!important;
  border:2px solid #fff3fb!important;
  border-bottom:0!important;
  border-radius:10px 10px 0 0!important;
  transform:translateX(-50%)!important;
  box-shadow:0 0 8px rgba(255,255,255,.5)!important;
}

body.app-page .deck-status-icon.locked i::after{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  top:8px!important;
  width:16px!important;
  height:11px!important;
  border-radius:4px!important;
  background:linear-gradient(135deg,#fff3fb,#ff68cf)!important;
  transform:translateX(-50%)!important;
  box-shadow:0 0 10px rgba(255,104,207,.66)!important;
}

@media(max-width:1180px){
  body.app-page:not([data-hud="quest"]) .member-grid.member-grid-active{
    grid-template-columns:1fr!important;
  }
}

@media(max-width:760px){
  body.app-page .deck-carousel-arrow{
    width:42px!important;
    height:min(112px,66%)!important;
    border-radius:14px!important;
    font-size:40px!important;
  }

  body.app-page .deck-carousel-prev{
    left:5px!important;
  }

  body.app-page .deck-carousel-next{
    right:5px!important;
  }

  body.app-page .upcoming-path-section .path-command-heading,
  body.app-page .preview-path-section .path-command-heading{
    margin-left:16px!important;
    margin-right:16px!important;
  }
}

/* Shell 37: make ritual carousels behave like one-card slides with real gutters. */
body.app-page .deck-carousel{
  overflow:hidden!important;
}

body.app-page .deck-carousel .deck-card-rail{
  --deck-carousel-gutter:clamp(18px,2.2vw,32px);
  --deck-carousel-gap:clamp(30px,4vw,56px);
  gap:var(--deck-carousel-gap)!important;
  padding-left:var(--deck-carousel-gutter)!important;
  padding-right:var(--deck-carousel-gutter)!important;
  box-sizing:border-box!important;
  scroll-padding-left:var(--deck-carousel-gutter)!important;
  scroll-padding-right:var(--deck-carousel-gutter)!important;
}

body.app-page .deck-carousel .history-item.deck-item{
  flex:0 0 100%!important;
  width:100%!important;
  box-sizing:border-box!important;
}

@media(max-width:760px){
  body.app-page .deck-carousel .deck-card-rail{
    --deck-carousel-gutter:16px;
    --deck-carousel-gap:34px;
  }
}

/* Shell 38: active assignment headers read as section labels, not pills. */
body.app-page .active-path-section .path-command-heading{
  --active-section-edge:22px;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:14px!important;
  margin:18px var(--active-section-edge) 18px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

body.app-page .active-path-section .path-command-heading > div{
  display:grid!important;
  gap:4px!important;
  min-width:0!important;
}

body.app-page .active-path-section .path-command-heading small{
  display:block!important;
  color:#ff8ed7!important;
  font:900 12px/1.1 Inter,ui-sans-serif,system-ui,sans-serif!important;
  letter-spacing:.18em!important;
  text-transform:uppercase!important;
}

body.app-page .active-path-section .path-command-heading h3{
  display:block!important;
  margin:0!important;
  color:#fff3fb!important;
  font:900 clamp(28px,3.1vw,42px)/.98 Inter,ui-sans-serif,system-ui,sans-serif!important;
  letter-spacing:0!important;
  text-transform:none!important;
}

body.app-page .active-path-section .path-command-heading > .tag{
  align-self:center!important;
}

body.app-page .active-path-section .deck-carousel{
  --active-section-edge:22px;
  padding-left:var(--active-section-edge)!important;
  padding-right:var(--active-section-edge)!important;
}

body.app-page .active-path-section .deck-carousel .deck-card-rail{
  --deck-carousel-gutter:0px;
}

body.app-page .active-path-section .deck-carousel .history-item.deck-item.selected{
  border:3px solid rgba(255,79,195,.88)!important;
  box-shadow:
    0 0 0 1px rgba(255,190,235,.18) inset,
    0 0 34px rgba(255,79,195,.22)!important;
}

body.app-page .active-path-section .task-link-row{
  width:auto!important;
  margin:16px 0 10px!important;
}

body.app-page .active-path-section .task-link-row .task-link-button{
  flex:0 0 auto!important;
  width:auto!important;
  min-width:clamp(190px,22vw,280px)!important;
  max-width:100%!important;
  min-height:42px!important;
  padding:0 18px 0 12px!important;
  gap:9px!important;
  border:1px solid rgba(123,243,255,.32)!important;
  border-radius:999px!important;
  color:#fff4fb!important;
  background:linear-gradient(135deg,rgba(123,243,255,.10),rgba(255,79,195,.14))!important;
  box-shadow:inset 0 0 16px rgba(255,255,255,.03),0 0 18px rgba(123,243,255,.08)!important;
  font:850 13px/1 Inter,ui-sans-serif,system-ui,sans-serif!important;
  letter-spacing:0!important;
}

body.app-page .active-path-section .task-link-row .task-link-button::before{
  content:"▶";
  display:inline-grid!important;
  place-items:center!important;
  width:26px!important;
  height:26px!important;
  border-radius:50%!important;
  color:#220819!important;
  background:linear-gradient(135deg,#ffd3ee,#ff4fc3)!important;
  box-shadow:0 0 16px rgba(255,79,195,.24)!important;
  font:900 11px/1 Inter,ui-sans-serif,system-ui,sans-serif!important;
  text-indent:1px!important;
}

@media(max-width:760px){
  body.app-page .active-path-section .path-command-heading{
    --active-section-edge:16px;
  }

  body.app-page .active-path-section .deck-carousel{
    --active-section-edge:16px;
  }

  body.app-page .active-path-section .deck-carousel .deck-card-rail{
    --deck-carousel-gutter:0px;
  }

  body.app-page .active-path-section .task-link-row .task-link-button{
    width:100%!important;
    min-width:0!important;
  }
}

/* Shell 39: curriculum filters should wrap on mobile, never side-scroll. */
@media(max-width:760px){
  body.app-page .deck-filter-row{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:6px!important;
    width:calc(100% - 32px)!important;
    max-width:none!important;
    margin:14px 16px 12px!important;
    padding:6px!important;
    overflow:visible!important;
    border-radius:24px!important;
  }

  body.app-page .deck-filter-row button{
    width:100%!important;
    min-width:0!important;
    padding:8px 7px!important;
    justify-content:center!important;
    white-space:nowrap!important;
    font-size:11px!important;
  }

  body.app-page .deck-filter-row span{
    min-width:18px!important;
    min-height:18px!important;
    margin-left:4px!important;
    font-size:9px!important;
  }
}

/* Shell 41: one shared content lane for every ritual carousel card. */
body.app-page .path-command-section{
  --path-card-edge:22px;
}

body.app-page .path-command-section .deck-carousel{
  margin-left:var(--path-card-edge)!important;
  margin-right:var(--path-card-edge)!important;
  padding:0 0 20px!important;
  width:auto!important;
  overflow:hidden!important;
}

body.app-page .path-command-section .deck-carousel .deck-card-rail{
  gap:34px!important;
  padding:0!important;
  scroll-padding:0!important;
}

body.app-page .path-command-section .deck-carousel .history-item.deck-item{
  flex:0 0 100%!important;
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
}

body.app-page .path-command-section .deck-carousel .history-item.deck-item + .history-item.deck-item{
  margin-top:0!important;
}

@media(max-width:760px){
  body.app-page .path-command-section{
    --path-card-edge:16px;
  }

  body.app-page .path-command-section .deck-carousel .deck-card-rail{
    gap:26px!important;
  }
}

/* Ritual value refit: daily map, Pink Pill uses, and upgrade previews. */
body.app-page .daily-ritual-map-panel{
  grid-column:1/-1;
  margin:18px 0;
  padding:24px;
  border-color:rgba(255,156,220,.22);
  background:
    radial-gradient(circle at 92% 8%,rgba(255,79,195,.16),transparent 28%),
    linear-gradient(135deg,rgba(255,79,195,.08),rgba(112,235,255,.035)),
    rgba(16,4,20,.84);
}

body.app-page .daily-map-head,
body.app-page .pink-pill-menu-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
  margin-bottom:18px;
}

body.app-page .daily-map-head h2,
body.app-page .upgrade-preview-head h3{
  margin:2px 0 6px;
  color:#fff1fa;
  font-family:Inter,system-ui,sans-serif;
  font-weight:950;
  letter-spacing:0;
}

body.app-page .daily-map-head h2{
  font-size:clamp(24px,3vw,38px);
}

body.app-page .daily-plan-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
  flex-wrap:wrap;
  max-width:min(100%,360px);
}

body.app-page .daily-plan-actions button,
body.app-page .daily-map-upgrade-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  padding:8px 12px;
  border:1px solid rgba(255,156,220,.32);
  border-radius:999px;
  background:rgba(255,79,195,.12);
  color:#fff1fa;
  font:900 11px Inter,system-ui,sans-serif;
  text-decoration:none;
  cursor:pointer;
}

body.app-page .daily-plan-actions .tag{
  min-height:32px;
  padding:7px 11px;
  white-space:nowrap;
}

body.app-page .daily-plan-actions button{
  min-height:32px;
  padding:7px 11px;
  gap:6px;
  white-space:nowrap;
}

body.app-page .daily-plan-actions button:hover,
body.app-page .daily-plan-actions button:focus-visible,
body.app-page .daily-map-upgrade-link:hover,
body.app-page .daily-map-upgrade-link:focus-visible{
  border-color:rgba(255,156,220,.66);
  background:rgba(255,79,195,.22);
  outline:none;
}

body.app-page .daily-capacity-card{
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(360px,1.1fr);
  gap:14px;
  align-items:stretch;
  margin:0 0 18px;
  padding:16px;
  border:1px solid rgba(117,241,189,.2);
  border-radius:18px;
  background:
    radial-gradient(circle at 8% 12%,rgba(117,241,189,.12),transparent 34%),
    linear-gradient(135deg,rgba(255,79,195,.075),rgba(112,235,255,.04)),
    rgba(12,2,17,.78);
}

body.app-page .daily-capacity-card h3{
  margin:2px 0 8px;
  color:#fff1fa;
  font:950 clamp(22px,2.2vw,32px)/1.04 Inter,system-ui,sans-serif;
  letter-spacing:0;
}

body.app-page .daily-capacity-card p{
  margin:0;
  color:rgba(255,241,250,.78);
  font:700 14px/1.45 Inter,system-ui,sans-serif;
}

body.app-page .daily-capacity-controls{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
}

body.app-page .daily-capacity-option{
  display:grid;
  gap:5px;
  align-content:center;
  min-height:76px;
  padding:11px 12px;
  border:1px solid rgba(255,156,220,.22);
  border-radius:14px;
  background:rgba(255,79,195,.08);
  color:#fff1fa;
  text-align:left;
  cursor:pointer;
}

body.app-page .daily-capacity-option strong{
  font:950 13px/1 Inter,system-ui,sans-serif;
  letter-spacing:0;
}

body.app-page .daily-capacity-option small{
  color:rgba(255,241,250,.68);
  font:700 11px/1.25 Inter,system-ui,sans-serif;
}

body.app-page .daily-capacity-option:hover,
body.app-page .daily-capacity-option:focus-visible,
body.app-page .daily-capacity-option.is-selected{
  border-color:rgba(117,241,189,.62);
  background:linear-gradient(135deg,rgba(117,241,189,.14),rgba(255,79,195,.14));
  box-shadow:0 0 18px rgba(117,241,189,.12);
  outline:none;
}

body.app-page .weekly-curriculum-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(320px,.92fr);
  gap:14px;
  margin:0 0 18px;
}

body.app-page .weekly-curriculum-card{
  display:grid;
  align-content:start;
  gap:12px;
  padding:18px;
  border:1px solid rgba(117,241,189,.22);
  border-radius:18px;
  background:
    radial-gradient(circle at 88% 18%,rgba(117,241,189,.14),transparent 30%),
    linear-gradient(145deg,rgba(15,29,38,.38),rgba(44,9,38,.46));
}

body.app-page .weekly-curriculum-card h3{
  margin:2px 0 8px;
  color:#fff7fc;
  font:950 clamp(20px,2.4vw,30px)/1.05 Inter,system-ui,sans-serif;
  letter-spacing:0;
}

body.app-page .weekly-curriculum-card p{
  margin:0 0 10px;
  color:rgba(255,241,250,.78);
  font-size:14px;
  line-height:1.45;
}

body.app-page .weekly-curriculum-card .weekly-focus-policy{
  padding:10px 12px;
  border:1px solid rgba(255,79,195,.25);
  border-radius:12px;
  background:rgba(255,79,195,.08);
  color:#ffeafa;
}

body.app-page .weekly-curriculum-card .weekly-focus-note{
  margin-bottom:6px;
  color:rgba(255,241,250,.84);
  font-size:13px;
}

body.app-page .weekly-focus-stack{
  display:grid;
  gap:4px;
  margin:0 0 10px;
}

body.app-page .weekly-curriculum-card blockquote{
  margin:12px 0 0;
  padding:10px 12px;
  border-left:3px solid #ff4fc3;
  border-radius:10px;
  background:rgba(255,79,195,.08);
  color:#ffe6f7;
  font:850 14px/1.35 Inter,system-ui,sans-serif;
}

body.app-page .weekly-curriculum-plan{
  background:
    radial-gradient(circle at 16% 16%,rgba(255,79,195,.13),transparent 31%),
    linear-gradient(145deg,rgba(45,9,38,.58),rgba(9,5,17,.72));
}

body.app-page .weekly-plan-summary{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:start;
  gap:8px 12px;
}

body.app-page .weekly-plan-summary .label,
body.app-page .weekly-plan-summary h3{
  grid-column:1;
}

body.app-page .weekly-plan-summary .tag{
  grid-column:2;
  grid-row:1 / span 2;
  align-self:center;
}

body.app-page .weekly-load-help{
  display:grid;
  gap:5px;
  padding:11px 12px;
  border:1px solid rgba(117,241,189,.2);
  border-radius:14px;
  background:
    radial-gradient(circle at 92% 12%,rgba(117,241,189,.12),transparent 32%),
    rgba(117,241,189,.055);
}

body.app-page .weekly-load-help strong{
  color:#75f1bd;
  font:950 11px/1.15 Inter,system-ui,sans-serif;
  letter-spacing:.12em;
  text-transform:uppercase;
}

body.app-page .weekly-load-help p{
  margin:0;
  color:rgba(255,241,250,.82);
  font-size:13px;
  line-height:1.42;
}

body.app-page .weekly-load-help small{
  color:rgba(255,241,250,.62);
  font-size:12px;
  line-height:1.35;
}

body.app-page .weekly-slot-preview{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
}

body.app-page .weekly-slot-preview span,
body.app-page .weekly-upgrade-link{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:6px 9px;
  border:1px solid rgba(112,235,255,.26);
  border-radius:999px;
  background:rgba(112,235,255,.08);
  color:#aef7ff;
  font:900 10px Inter,system-ui,sans-serif;
  text-decoration:none;
}

body.app-page .weekly-plan-timeline{
  display:grid;
  gap:10px;
  width:100%;
}

body.app-page .weekly-plan-timeline-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:10px;
  padding-top:4px;
  border-top:1px solid rgba(255,156,220,.13);
}

body.app-page .weekly-plan-timeline-head strong{
  color:#ff9fe0;
  font:950 12px/1.1 Inter,system-ui,sans-serif;
  letter-spacing:.12em;
  text-transform:uppercase;
}

body.app-page .weekly-plan-timeline-head span{
  color:rgba(255,241,250,.58);
  font-size:12px;
  line-height:1.25;
  text-align:right;
}

body.app-page .weekly-plan-days{
  display:grid;
  gap:7px;
  width:100%;
}

body.app-page .weekly-plan-day{
  display:grid;
  grid-template-columns:48px minmax(0,1fr) auto;
  align-items:center;
  gap:9px;
  min-height:54px;
  padding:8px 9px;
  border:1px solid rgba(255,156,220,.2);
  border-radius:14px;
  background:rgba(9,2,12,.38);
}

body.app-page .weekly-plan-day.is-today{
  border-color:rgba(255,79,195,.68);
  background:linear-gradient(135deg,rgba(255,195,235,.16),rgba(255,79,195,.11));
  box-shadow:0 0 16px rgba(255,79,195,.18);
}

body.app-page .weekly-day-code{
  display:grid;
  gap:3px;
  justify-items:start;
}

body.app-page .weekly-day-code strong{
  color:#fff7fc;
  font:950 13px/1 Inter,system-ui,sans-serif;
  text-transform:uppercase;
}

body.app-page .weekly-day-code span,
body.app-page .weekly-day-body small,
body.app-page .weekly-day-count{
  color:rgba(255,241,250,.58);
  font:850 10px/1.15 Inter,system-ui,sans-serif;
  text-transform:uppercase;
  letter-spacing:.06em;
}

body.app-page .weekly-day-body{
  display:grid;
  gap:3px;
  min-width:0;
}

body.app-page .weekly-day-body b{
  color:#fff1fa;
  font:900 13px/1.15 Inter,system-ui,sans-serif;
}

body.app-page .weekly-day-body small{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  text-transform:none;
  letter-spacing:0;
}

body.app-page .weekly-day-count{
  min-width:max-content;
  padding:5px 7px;
  border:1px solid rgba(112,235,255,.24);
  border-radius:999px;
  background:rgba(112,235,255,.08);
  color:#aef7ff;
}

body.app-page .weekly-curriculum-plan small{
  color:rgba(255,241,250,.62);
  font-size:12px;
  line-height:1.35;
}

body.app-page .weekly-upgrade-link{
  border-color:rgba(255,156,220,.32);
  background:rgba(255,79,195,.12);
  color:#fff1fa;
}

body.app-page .weekly-safety{
  grid-column:1/-1;
  padding-top:12px;
  border-top:1px solid rgba(255,156,220,.14);
  color:rgba(255,241,250,.68);
  font-size:13px;
}

body.app-page .weekly-safety summary{
  cursor:pointer;
  color:#75f1bd;
  font-weight:900;
}

body.app-page .weekly-safety ul{
  margin:8px 0 0;
  padding-left:18px;
}

body.app-page .daily-map-slots{
  display:grid;
  grid-template-columns:repeat(7,minmax(0,1fr));
  gap:8px;
}

body.app-page .daily-map-slot{
  display:block;
  width:100%;
  min-height:118px;
  padding:13px 12px;
  border:1px solid rgba(255,156,220,.18);
  border-radius:16px;
  background:linear-gradient(145deg,rgba(47,14,52,.54),rgba(8,2,12,.72));
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.025);
  color:inherit;
  font:inherit;
  text-align:left;
  cursor:pointer;
  appearance:none;
}

body.app-page .daily-map-slot:hover,
body.app-page .daily-map-slot:focus-visible{
  border-color:rgba(255,156,220,.48);
  box-shadow:0 0 22px rgba(255,79,195,.10),inset 0 0 0 1px rgba(255,255,255,.04);
  outline:none;
}

body.app-page .daily-map-slot.is-selected{
  border-color:rgba(255,79,195,.72);
  box-shadow:0 0 26px rgba(255,79,195,.16),inset 0 0 0 1px rgba(255,255,255,.05);
}

body.app-page .daily-map-slot strong,
body.app-page .daily-map-slot span,
body.app-page .daily-map-slot small{
  display:block;
}

body.app-page .daily-map-slot strong{
  color:#fff1fa;
  font-size:14px;
  font-weight:900;
}

body.app-page .daily-map-slot span{
  width:max-content;
  margin:8px 0;
  padding:4px 8px;
  border-radius:999px;
  color:#ffd3ee;
  background:rgba(255,79,195,.12);
  font:900 9px ui-monospace,monospace;
  letter-spacing:.08em;
  text-transform:uppercase;
}

body.app-page .daily-map-slot.is-open{
  border-color:rgba(119,230,182,.58);
  box-shadow:0 0 22px rgba(119,230,182,.08),inset 0 0 0 1px rgba(119,230,182,.14);
}

body.app-page .daily-map-slot.is-open span{
  color:#74edba;
  background:rgba(119,230,182,.13);
}

body.app-page .daily-map-slot.is-missed{
  border-color:rgba(255,120,170,.44);
}

body.app-page .daily-map-slot.is-missed span{
  color:#ff9aba;
  background:rgba(255,80,140,.13);
}

body.app-page .daily-map-slot.is-planned span,
body.app-page .daily-map-slot.is-waiting span{
  color:#70ebff;
  background:rgba(112,235,255,.12);
}

body.app-page .daily-map-slot.is-upgrade span{
  color:#ffd3ee;
  background:rgba(255,79,195,.16);
}

body.app-page .daily-map-slot.is-done span{
  color:#74edba;
  background:rgba(119,230,182,.13);
}

body.app-page .daily-map-slot small{
  color:rgba(255,241,250,.72);
  font-size:11px;
  line-height:1.35;
  overflow:hidden;
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
}

body.app-page .daily-map-foot{
  margin:16px 0 0;
  color:var(--muted);
  font-size:13px;
}

body.app-page .daily-map-detail{
  box-sizing:border-box;
  width:100%;
  max-width:100%;
  min-width:0;
  overflow:hidden;
  margin-top:16px;
  padding:16px;
  border:1px solid rgba(255,156,220,.20);
  border-radius:18px;
  background:linear-gradient(145deg,rgba(255,79,195,.08),rgba(8,2,12,.64));
}

body.app-page .daily-map-detail.is-empty{
  border-color:rgba(255,156,220,.14);
  background:rgba(8,2,12,.50);
}

body.app-page .daily-map-detail-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:14px;
  margin-bottom:12px;
}

body.app-page .daily-map-detail-head small,
body.app-page .daily-map-detail-card > div > span,
body.app-page .daily-map-detail.is-empty small{
  display:block;
  margin-bottom:5px;
  color:#ff9cdc;
  font:900 9px ui-monospace,monospace;
  letter-spacing:.16em;
  text-transform:uppercase;
}

body.app-page .daily-map-detail-head strong,
body.app-page .daily-map-detail.is-empty strong{
  display:block;
  color:#fff1fa;
  font-size:20px;
  font-weight:950;
}

body.app-page .daily-map-detail-head > span{
  display:inline-grid;
  place-items:center;
  min-width:34px;
  min-height:34px;
  border:1px solid rgba(112,235,255,.42);
  border-radius:999px;
  color:#70ebff;
  background:rgba(112,235,255,.10);
  font-weight:950;
}

body.app-page .daily-map-detail-list{
  display:grid;
  gap:10px;
  min-width:0;
  max-width:100%;
}

body.app-page .daily-map-detail-carousel{
  min-width:0;
  max-width:100%;
}

body.app-page .daily-map-detail .deck-carousel{
  margin:0!important;
  padding:0 0 4px!important;
  overflow:hidden!important;
}

body.app-page .daily-map-detail .deck-card-rail{
  gap:clamp(18px,5vw,34px)!important;
  padding:0!important;
  scroll-padding:0!important;
}

body.app-page .daily-map-detail .daily-map-detail-card.deck-item{
  flex:0 0 100%!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  scroll-snap-align:start!important;
  scroll-snap-stop:always!important;
}

body.app-page .daily-map-detail .deck-carousel-dots{
  margin-top:12px!important;
}

body.app-page .daily-map-detail-card{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:14px;
  align-items:center;
  padding:14px;
  border:1px solid rgba(255,156,220,.16);
  border-radius:16px;
  background:rgba(10,2,14,.58);
  box-sizing:border-box;
  min-width:0;
  max-width:100%;
  overflow:hidden;
}

body.app-page .daily-map-detail-card > div{
  min-width:0;
}

body.app-page .daily-map-detail-card strong{
  display:block;
  color:#fff1fa;
  font-size:16px;
  font-weight:950;
}

body.app-page .daily-map-detail-card p,
body.app-page .daily-map-detail.is-empty p{
  margin:6px 0 0;
  color:rgba(255,241,250,.76);
  font-size:13px;
  line-height:1.4;
  overflow-wrap:anywhere;
}

body.app-page .daily-map-detail-card small{
  display:block;
  margin-top:8px;
  color:rgba(255,241,250,.58);
  font-size:12px;
}

body.app-page .daily-map-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
  flex-wrap:wrap;
  min-width:0;
  max-width:100%;
}

body.app-page .daily-map-detail-card .task-link-row{
  margin:0;
  min-width:0;
  max-width:100%;
  flex-wrap:wrap;
}

body.app-page .daily-map-detail-card .task-link-button{
  min-height:38px;
  padding:9px 13px;
  white-space:nowrap;
  max-width:100%;
}

body.app-page .daily-map-detail-card .task-link-row .task-link-button{
  flex:0 0 auto!important;
  width:auto!important;
  min-width:min(230px,100%)!important;
  min-height:40px!important;
  padding:0 16px 0 12px!important;
  gap:9px!important;
  border:1px solid rgba(123,243,255,.34)!important;
  border-radius:999px!important;
  color:#fff4fb!important;
  background:linear-gradient(135deg,rgba(123,243,255,.10),rgba(255,79,195,.16))!important;
  box-shadow:inset 0 0 16px rgba(255,255,255,.03),0 0 18px rgba(123,243,255,.08)!important;
  font:850 13px/1 Inter,ui-sans-serif,system-ui,sans-serif!important;
  letter-spacing:0!important;
}

body.app-page .daily-map-detail-card .task-link-row .task-link-button::before{
  content:"▶";
  display:inline-grid!important;
  place-items:center!important;
  width:25px!important;
  height:25px!important;
  flex:0 0 25px!important;
  border-radius:50%!important;
  color:#220819!important;
  background:linear-gradient(135deg,#ffd3ee,#ff4fc3)!important;
  box-shadow:0 0 16px rgba(255,79,195,.24)!important;
  font:900 10px/1 Inter,ui-sans-serif,system-ui,sans-serif!important;
  text-indent:1px!important;
}

body.app-page .daily-map-detail-card .daily-map-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:10px!important;
  flex-wrap:nowrap!important;
}

body.app-page .daily-map-detail-card .daily-map-actions .icon-action{
  display:grid!important;
  place-items:center!important;
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  min-height:42px!important;
  padding:0!important;
  border-radius:50%!important;
  border:1px solid rgba(255,156,220,.28)!important;
  background:radial-gradient(circle at 45% 35%,rgba(255,156,220,.20),rgba(255,79,195,.08) 54%,rgba(8,2,12,.68))!important;
  box-shadow:0 0 18px rgba(255,79,195,.14), inset 0 0 14px rgba(255,255,255,.03)!important;
}

body.app-page .daily-map-detail-card .daily-map-actions .icon-action img{
  width:25px!important;
  height:25px!important;
}

body.app-page .daily-map-detail-card .daily-map-actions .icon-action span{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}

body.app-page .daily-map-state-note{
  margin:0;
  color:rgba(255,241,250,.62);
  font-size:12px;
  text-align:right;
}

body.app-page .daily-map-upgrade-link{
  justify-self:end;
  white-space:nowrap;
}

body.app-page .pink-pill-menu,
body.app-page .upgrade-value-previews{
  margin:18px 0;
}

body.app-page .pink-pill-menu-head{
  align-items:center;
  padding:15px 16px;
  border:1px solid rgba(255,156,220,.20);
  border-radius:16px;
  background:linear-gradient(135deg,rgba(255,79,195,.14),rgba(8,2,12,.52));
}

body.app-page .pink-pill-menu-head strong{
  display:block;
  color:#fff1fa;
  font-size:18px;
  font-weight:950;
}

body.app-page .pink-pill-menu-head p{
  margin:3px 0 0;
  color:rgba(255,241,250,.72);
  font-size:13px;
  line-height:1.35;
}

body.app-page .pink-pill-menu-head > span{
  display:grid;
  place-items:center;
  flex:0 0 auto;
  min-width:48px;
  min-height:48px;
  border:1px solid rgba(255,156,220,.34);
  border-radius:50%;
  color:#fff1fa;
  background:radial-gradient(circle,#ff4fc3 0%,rgba(255,79,195,.22) 54%,rgba(8,2,12,.74) 100%);
  font:950 20px ui-monospace,monospace;
  box-shadow:0 0 24px rgba(255,79,195,.22);
}

body.app-page .pink-pill-action-grid,
body.app-page .upgrade-preview-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(190px,1fr));
  gap:10px;
}

body.app-page .pink-pill-action-grid article,
body.app-page .upgrade-preview-grid article{
  min-height:120px;
  padding:15px 16px;
  border:1px solid rgba(255,156,220,.18);
  border-radius:16px;
  background:linear-gradient(145deg,rgba(255,79,195,.08),rgba(8,2,12,.66));
}

body.app-page .pink-pill-action-grid article.is-disabled{
  opacity:.56;
  filter:saturate(.62);
}

body.app-page .pink-pill-action-grid strong,
body.app-page .upgrade-preview-grid strong{
  display:block;
  color:#fff1fa;
  font-weight:950;
}

body.app-page .pink-pill-action-grid p,
body.app-page .upgrade-preview-grid p{
  margin:7px 0 0;
  color:rgba(255,241,250,.72);
  font-size:13px;
  line-height:1.35;
}

body.app-page .pink-pill-action-grid a,
body.app-page .upgrade-preview-grid span{
  display:inline-flex;
  width:max-content;
  max-width:100%;
  margin-top:12px;
  padding:8px 10px;
  border-radius:999px;
  color:#210719;
  background:linear-gradient(135deg,#ffd3ee,#ff4fc3);
  font-size:12px;
  font-weight:950;
}

body.app-page .upgrade-preview-head{
  margin:0 0 12px;
}

body.app-page .upgrade-preview-head h3{
  font-size:22px;
}

body.app-page .upgrade-preview-grid small{
  display:block;
  margin-bottom:7px;
  color:#ff9cdc;
  font:900 9px ui-monospace,monospace;
  letter-spacing:.16em;
  text-transform:uppercase;
}

@media(max-width:1180px){
  body.app-page .weekly-curriculum-grid{
    grid-template-columns:1fr;
  }

  body.app-page .daily-capacity-card{
    grid-template-columns:1fr;
  }

  body.app-page .daily-map-slots{
    grid-template-columns:repeat(4,minmax(0,1fr));
  }

  body.app-page .daily-map-detail-card{
    grid-template-columns:minmax(0,1fr);
    gap:12px;
  }

  body.app-page .daily-map-actions{
    justify-content:flex-start;
  }

  body.app-page .daily-map-detail-card .task-link-button{
    white-space:normal;
  }
}

@media(max-width:760px){
  body.app-page .daily-ritual-map-panel{
    margin:14px 0;
    padding:18px 16px;
  }

  body.app-page .daily-map-head,
  body.app-page .pink-pill-menu-head{
    display:grid;
    gap:12px;
  }

  body.app-page .daily-plan-actions{
    justify-content:flex-start;
    gap:7px;
    max-width:100%;
  }

  body.app-page .daily-plan-actions .tag,
  body.app-page .daily-plan-actions button{
    min-height:30px;
    padding:7px 10px;
    font-size:11px;
  }

  body.app-page .weekly-curriculum-grid{
    grid-template-columns:1fr;
  }

  body.app-page .weekly-curriculum-card{
    padding:14px;
    gap:14px;
  }

  body.app-page .daily-capacity-card{
    padding:14px;
  }

  body.app-page .daily-capacity-controls{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  body.app-page .daily-capacity-option{
    min-height:68px;
    padding:10px;
  }

  body.app-page .weekly-plan-summary{
    grid-template-columns:1fr;
  }

  body.app-page .weekly-plan-summary .tag{
    grid-column:1;
    grid-row:auto;
    width:max-content;
    max-width:100%;
  }

  body.app-page .weekly-plan-timeline-head{
    display:grid;
    align-items:start;
  }

  body.app-page .weekly-plan-timeline-head span{
    text-align:left;
  }

  body.app-page .weekly-plan-day{
    grid-template-columns:42px minmax(0,1fr);
  }

  body.app-page .weekly-day-count{
    grid-column:2;
    justify-self:start;
  }

  body.app-page .daily-map-slots{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
  }

  body.app-page .daily-map-slot{
    min-height:104px;
  }

  body.app-page .daily-map-detail{
    padding:14px;
  }

  body.app-page .daily-map-detail-card .task-link-button{
    width:100%;
  }

  body.app-page .daily-map-state-note{
    text-align:left;
  }

  body.app-page .pink-pill-menu-head > span{
    justify-self:start;
    min-width:42px;
    min-height:42px;
    font-size:18px;
  }

  body.app-page .pink-pill-action-grid,
  body.app-page .upgrade-preview-grid{
    grid-template-columns:1fr;
  }
}

/* Shell 42: compact persistent player content. Dock sizing lives in member-dock-foundation.css. */
body.app-page .app-persistent-player.jukie-compact::before{
  display:none!important;
  content:none!important;
}

body.app-page .app-persistent-player.jukie-compact{
  min-height:0!important;
}

body.app-page .app-persistent-player .jukie-compact-copy{
  overflow:hidden!important;
}

body.app-page .app-persistent-player .jukie-compact-copy small{
  display:block!important;
  margin:0!important;
  color:#ff9cdc!important;
  font:900 9px/1 var(--app-mono,ui-monospace,monospace)!important;
  letter-spacing:.16em!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

body.app-page .app-persistent-player .jukie-compact-copy strong,
body.app-page .app-persistent-player .jukie-compact-copy span{
  min-width:0!important;
  max-width:100%!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

body.app-page .app-persistent-player .jukie-compact-copy strong{
  font-size:15px!important;
}

body.app-page .app-persistent-player .jukie-compact-copy span{
  font-size:12px!important;
}

body.app-page .app-persistent-player .jukie-mini-controls{
  flex:0 0 auto!important;
  gap:7px!important;
}

body.app-page .app-persistent-player .jukie-mini-controls button,
body.app-page .app-persistent-player .jukie-mini-controls #jukie-toggle{
  width:40px!important;
  height:40px!important;
}

body.app-page .member-shell{
  padding-bottom:var(--dollos-bottom-safe-area,clamp(150px,12vh,210px))!important;
}

body.app-page #current-task .task-link-row,
body.app-page .task-panel .task-link-row{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  width:auto!important;
}

body.app-page #current-task .task-link-button,
body.app-page .task-panel .task-link-row .task-link-button{
  flex:0 1 auto!important;
  width:auto!important;
  max-width:min(100%,340px)!important;
}

@media(max-width:760px){
  body.app-page .member-shell{
    padding-bottom:var(--dollos-bottom-safe-area,calc(248px + env(safe-area-inset-bottom)))!important;
  }

  body.app-page .app-persistent-player .jukie-compact-copy small{
    font-size:8px!important;
  }

  body.app-page .app-persistent-player .jukie-compact-copy strong{
    font-size:14px!important;
  }

  body.app-page .app-persistent-player .jukie-compact-copy span{
    font-size:11px!important;
  }

  body.app-page .app-persistent-player .jukie-mini-controls{
    gap:6px!important;
  }

  body.app-page .app-persistent-player .jukie-mini-controls button,
  body.app-page .app-persistent-player .jukie-mini-controls #jukie-toggle{
    width:38px!important;
    height:38px!important;
    font-size:18px!important;
  }

  body.app-page #current-task .task-link-button,
  body.app-page .task-panel .task-link-row .task-link-button{
    width:100%!important;
    max-width:100%!important;
    justify-content:center!important;
  }
}

body.app-page .task-progress{
  display:grid!important;
  grid-template-columns:1fr!important;
  width:100%!important;
  max-width:min(100%,420px)!important;
  gap:8px!important;
  margin:14px 0 12px!important;
}

body.app-page .task-progress>div{
  display:flex!important;
  align-items:baseline!important;
  justify-content:space-between!important;
  gap:12px!important;
  width:100%!important;
}

body.app-page .task-progress span{
  min-width:0!important;
  color:#ff8fce!important;
  font-size:12px!important;
  font-weight:900!important;
}

body.app-page .task-progress strong{
  flex:0 0 auto!important;
  color:#fff4fb!important;
  font-size:clamp(18px,2vw,28px)!important;
  line-height:1!important;
}

body.app-page .task-progress>i{
  display:block!important;
  width:100%!important;
  min-width:180px!important;
  height:10px!important;
  border:1px solid rgba(255,136,219,.24)!important;
  border-radius:999px!important;
  background:rgba(19,8,23,.9)!important;
  overflow:hidden!important;
}

body.app-page .task-progress>i>b{
  display:block!important;
  height:100%!important;
  border-radius:inherit!important;
  background:linear-gradient(90deg,#70ebff,#ff4fc3)!important;
  box-shadow:0 0 16px rgba(255,79,195,.5)!important;
  transition:width .25s ease!important;
}

body.app-page #current-task .task-progress,
body.app-page .task-panel .task-progress{
  max-width:420px!important;
}

/* Proof upload: a Safari-safe native picker with a durable pending state. */
body.app-page .task-panel > .proof-upload-form,
body.app-page .task-panel > .proof-pending-status{
  margin-left:22px!important;
  margin-right:22px!important;
}

body.app-page .proof-upload-form,
body.app-page .proof-pending-status{
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
  border:1px solid rgba(255,156,220,.34)!important;
  border-radius:18px!important;
  background:
    radial-gradient(circle at 0 0,rgba(255,79,195,.18),transparent 50%),
    rgba(12,4,17,.9)!important;
}

body.app-page .proof-upload-form.hidden,
body.app-page .proof-pending-status.hidden{
  display:none!important;
}

body.app-page .proof-upload-form{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:14px!important;
  align-items:end!important;
  margin-top:16px!important;
  margin-bottom:16px!important;
  padding:16px!important;
}

body.app-page .proof-required-copy{
  grid-column:1 / -1!important;
  display:grid!important;
  gap:5px!important;
  min-width:0!important;
}

body.app-page .proof-required-copy small,
body.app-page .proof-pending-status small{
  color:#ff8fd4!important;
  font:900 10px/1.2 var(--app-mono,ui-monospace,monospace)!important;
  letter-spacing:.16em!important;
}

body.app-page .proof-required-copy strong,
body.app-page .proof-pending-status strong{
  color:#fff4fb!important;
  font-size:18px!important;
  line-height:1.2!important;
}

body.app-page .proof-required-copy p,
body.app-page .proof-pending-status p{
  margin:0!important;
  color:#cfb5ca!important;
  font-size:13px!important;
  line-height:1.4!important;
}

body.app-page .proof-picker-row{
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr)!important;
  gap:8px 12px!important;
  align-items:center!important;
  min-width:0!important;
}

body.app-page .proof-file-input{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}

body.app-page .proof-picker-button,
body.app-page .proof-submit-button{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:48px!important;
  max-width:100%!important;
  padding:11px 16px!important;
  border-radius:999px!important;
  font-weight:900!important;
  line-height:1.2!important;
  text-align:center!important;
  cursor:pointer!important;
  touch-action:manipulation!important;
  -webkit-tap-highlight-color:transparent!important;
}

body.app-page .proof-picker-button{
  border:1px solid rgba(123,243,255,.45)!important;
  color:#c8fbff!important;
  background:rgba(123,243,255,.1)!important;
}

body.app-page .proof-file-input:focus + .proof-picker-button{
  outline:3px solid rgba(123,243,255,.34)!important;
  outline-offset:3px!important;
}

body.app-page .proof-file-name{
  min-width:0!important;
  overflow:hidden!important;
  color:#f6ddec!important;
  font-size:12px!important;
  line-height:1.35!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

body.app-page .proof-submit-button{
  border:0!important;
  color:#24091d!important;
  background:linear-gradient(135deg,#ffd4ef,#ff4fc3)!important;
  box-shadow:0 0 24px rgba(255,79,195,.24)!important;
}

body.app-page .proof-submit-button:focus-visible{
  outline:3px solid #ff9cdc!important;
  outline-offset:3px!important;
}

body.app-page .proof-submit-button:disabled{
  opacity:.48!important;
  cursor:not-allowed!important;
  box-shadow:none!important;
}

body.app-page .proof-form-feedback{
  grid-column:1 / -1!important;
  min-width:0!important;
  margin:0!important;
  overflow-wrap:anywhere!important;
  color:#a8e9dc!important;
  font-size:12px!important;
  line-height:1.4!important;
}

body.app-page .proof-form-feedback.is-error{
  color:#ffb1bc!important;
}

body.app-page .proof-pending-status{
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr)!important;
  gap:12px!important;
  align-items:center!important;
  margin-top:16px!important;
  margin-bottom:16px!important;
  padding:15px 16px!important;
  border-color:rgba(116,237,186,.42)!important;
  background:linear-gradient(135deg,rgba(116,237,186,.12),rgba(255,79,195,.08))!important;
}

body.app-page .proof-pending-status > div{
  display:grid!important;
  gap:4px!important;
  min-width:0!important;
}

body.app-page .proof-state-icon{
  display:grid!important;
  place-items:center!important;
  width:42px!important;
  height:42px!important;
  border:1px solid rgba(116,237,186,.55)!important;
  border-radius:50%!important;
  color:#8ff4c7!important;
  background:rgba(116,237,186,.1)!important;
  font-size:20px!important;
  font-weight:950!important;
}

body.app-page .deck-proof-form{
  width:100%!important;
}

@media(max-width:760px){
  html body.app-page .member-shell{
    padding-bottom:calc(248px + env(safe-area-inset-bottom))!important;
  }

  body.app-page .task-panel > .proof-upload-form,
  body.app-page .task-panel > .proof-pending-status{
    margin-left:16px!important;
    margin-right:16px!important;
  }

  body.app-page .proof-upload-form{
    grid-template-columns:1fr!important;
    padding:15px!important;
  }

  body.app-page .proof-picker-row{
    grid-template-columns:1fr!important;
  }

  body.app-page .proof-picker-button,
  body.app-page .proof-submit-button{
    width:100%!important;
  }

  body.app-page .proof-file-name{
    white-space:normal!important;
    overflow-wrap:anywhere!important;
  }
}

/* Shell 28: unread announcements remain reachable after restored-scroll PWA loads. */
html body.app-page.secondary-focus-shell main.member-shell > .announcement-stack:not(.hidden){
  display:grid!important;
}

body.app-page .announcement-stack:focus-visible{
  outline:2px solid rgba(255,156,220,.78)!important;
  outline-offset:4px!important;
}

@media(max-width:1180px){
  html body.app-page .member-alert-controls{
    position:fixed!important;
    top:18px!important;
    right:76px!important;
    bottom:auto!important;
    left:auto!important;
    z-index:1002!important;
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
    width:auto!important;
    min-width:0!important;
    height:44px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }

  html body.app-page .member-alert-controls > .notification-bell:not(.hidden){
    position:relative!important;
    display:grid!important;
    width:44px!important;
    min-width:44px!important;
    height:44px!important;
    min-height:44px!important;
    padding:0!important;
    border-radius:12px!important;
  }

  html body.app-page .member-alert-controls > .notification-bell:not(.hidden) > span{
    display:block!important;
  }

  html body.app-page.secondary-focus-shell .member-alert-controls > .notification-bell:not(.hidden){
    display:grid!important;
  }
}

@media(min-width:1181px){
  html body.app-page .member-nav.app-member-nav{
    grid-template-columns:auto auto minmax(0,1fr) auto auto!important;
  }

  html body.app-page .member-alert-controls{
    grid-column:4!important;
    display:flex!important;
    align-items:center!important;
    justify-self:end!important;
    gap:8px!important;
  }

  html body.app-page .member-summary{
    grid-column:5!important;
  }
}

@media(min-width:1181px) and (max-width:1320px){
  html body.app-page .member-nav.app-member-nav{
    grid-template-columns:auto minmax(0,1fr) auto auto!important;
  }

  html body.app-page .member-alert-controls{
    grid-column:3!important;
  }

  html body.app-page .member-summary{
    grid-column:4!important;
  }
}

@media(max-width:360px){
  html body.app-page .app-member-nav > .logo.logo-image img{
    width:140px!important;
  }

  html body.app-page .member-alert-controls{
    right:68px!important;
    gap:6px!important;
  }

  html body.app-page .member-alert-controls > .notification-bell:not(.hidden){
    width:40px!important;
    min-width:40px!important;
    height:40px!important;
    min-height:40px!important;
  }
}