/* Approved 2026-09-30: original screens + navigation donor, no reinterpretation. */
:root{--bg:#08090b;--panel:#0b0d0f;--line:#222426;--gold:#dfa12f;--muted:#a1a2a5;--r3:#8a35d2}
h1,h2,h3{font-weight:500;letter-spacing:0}.topbar{border:0;height:82px}.prototype-label{padding-top:0;padding-bottom:0;font-size:8px}.shell{max-width:650px;padding-left:0}main{padding-top:22px}.primary,.secondary{font-weight:500}.secondary{background:transparent;border-color:#303236}.reward-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;border-radius:8px;border:1px solid #dba331;background:linear-gradient(110deg,#d99e25,#e4ac32);color:#111;font-weight:500}.reward-button:hover{background:#e8b44e}
.brand-mark{background-image:url('./design-assets/home-reference.png');background-size:420px auto;background-position:-39px -70px;width:37px;height:38px}.reference-avatar{background-image:url('./design-assets/home-reference.png');background-size:450px auto;background-position:-64px -139px;width:88px;height:105px}.header-actions .reference-avatar{background-image:url('./design-assets/home-reference.png');background-size:450px auto;background-position:-363px -71px;width:43px;height:45px}.home-identity .avatar{background-image:url('./design-assets/home-reference.png');background-size:450px auto;background-position:-64px -139px;width:88px;height:105px}.home-identity{padding:20px 15px;background:linear-gradient(125deg,#0c0e10,#08090b);border-color:#202224}.home-identity h1{font-size:23px}.home-title{color:var(--red);font-size:12px}.home-stats{gap:14px}.home-stats strong{font-size:18px}.home-stats small{font-size:11px}.home-stats .progress{height:4px}.level-chip{font-size:10px}.stream-banner{margin-top:16px;min-height:144px;background:#08090b}.stream-copy{padding:17px 14px;width:70%;background:linear-gradient(90deg,#08090b 55%,transparent)}.stream-copy h2{font-size:19px}.stream-copy .secondary{min-height:44px}.live-outline{color:var(--red)}.stream-art{background-image:url('./design-assets/home-reference.png');background-size:490px auto;background-position:-281px -357px;width:157px;height:155px}.section-heading.small{margin-top:25px}.section-heading.small h2{font-size:13px}.section-heading.small a{font-size:10px;color:var(--gold)}
.reference-daily-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.reference-daily-grid>button{min-width:0;padding:14px 5px;background:linear-gradient(130deg,#0e1012,#08090b);border:1px solid #222426;border-radius:9px;display:flex;align-items:center;flex-direction:column;gap:12px;font-size:9px;font-weight:400;line-height:1.5}.reference-daily-grid>button>span{min-height:28px;text-align:center}.reference-daily-grid strong{color:var(--gold);font-size:12px;font-weight:500}.task-glyph{width:30px;height:30px;color:var(--gold);flex-shrink:0}.reference-daily-grid .task-meter{flex-direction:column-reverse;gap:6px;margin-top:2px;width:100%}.reference-daily-grid .progress{width:100%}.reference-daily-grid>button:disabled{opacity:.7}.reference-live{width:100%;text-align:left;min-height:102px;padding:17px 14px;margin-top:16px}.reference-live h2{color:var(--red);font-size:17px}.reference-live p:not(.eyebrow){font-size:10px;max-width:220px;line-height:1.5;margin-top:7px}.reference-live .eyebrow{font-size:10px}.flower-art{background-image:url('./design-assets/home-reference.png');background-size:440px auto;background-position:-244px -668px;width:128px;height:99px;right:10px;opacity:.75}.banner-arrow{margin-left:auto;z-index:1;font-size:24px}
.approved-tasks>h1{margin:14px 0 18px;font-size:24px}.approved-tasks .tabs{margin-bottom:18px}.approved-tasks .tabs button{text-transform:uppercase;font-size:12px;min-height:48px}.task-intro{border:1px solid #202224;border-radius:12px;display:flex;align-items:center;padding:17px 12px;gap:8px;min-height:90px;background:linear-gradient(125deg,#0d0f10,#08090b)}.task-intro h2{font-size:13px;font-weight:500;color:#dbad53;line-height:1.5}.task-intro p{font-size:11px;color:#b0b0b0;margin-top:5px}.intro-art{display:flex;margin-left:auto;flex-shrink:0}.intro-art>.icon{color:var(--gold);width:38px;height:38px}.refresh-note{font-size:10px;color:var(--muted);margin:20px 0 14px}.approved-task-row{width:100%;display:flex;align-items:center;gap:10px;border:1px solid #202224;border-radius:12px;background:linear-gradient(120deg,#0c0e10,#08090b);padding:16px 11px;margin:9px 0;text-align:left;min-height:90px}.approved-task-row>.task-glyph{width:27px;height:29px}.task-description{flex:1;min-width:0}.task-description h2,.task-description>strong{font-size:12px;line-height:1.5;font-weight:500;display:block}.task-description p,.condition{display:block;font-size:10px;line-height:1.5;color:var(--muted);margin-top:5px}.task-meter{display:flex;align-items:center;gap:6px;margin-top:10px}.task-meter .progress{flex:1;margin:0;height:4px;min-width:10px}.task-meter>span{font-size:10px;white-space:nowrap}.row-reward{border-left:1px solid #242628;padding-left:9px;display:flex;align-items:center;flex-direction:column;gap:5px;font-size:11px;color:var(--gold)}.row-reward .icon{width:21px;height:21px}.approved-task-row .secondary,.approved-task-row .reward-button{font-size:10px;padding:8px;min-height:44px;min-width:65px}.claimed{opacity:.6}.special-row{min-height:88px;gap:12px}.special-row .row-reward>span{color:var(--text)}.chevron{font-size:24px;color:#bbb}.special-list{margin-top:18px}.first-steps{margin-top:24px;border:1px solid var(--line);border-radius:12px;padding:16px;color:var(--muted);font-size:12px}.first-steps summary{cursor:pointer;min-height:32px}.first-steps .task-row{padding:10px 0;border:0}.first-steps .secondary{font-size:11px}.first-steps>p{margin:12px 0}.reward-art{display:block;flex-shrink:0;width:48px;height:55px;background-image:url('./design-assets/special-reference.png');background-size:410px auto;background-repeat:no-repeat}.reward-mask{background-position:-36px -322px}.reward-headset{background-position:-35px -403px}.reward-scroll{background-position:-35px -491px}.reward-daruma{background-position:-35px -571px}.reward-pupu{background-position:-35px -654px}.intro-art .reward-art{width:30px;height:38px;background-size:270px auto}.intro-art .reward-mask{background-position:-24px -212px}.intro-art .reward-headset{background-position:-23px -266px}.intro-art .reward-scroll{background-position:-23px -323px}.special-detail-art{margin:30px auto;transform:scale(1.5);transform-origin:center}
/* Literal donor icon pixels: no newly drawn replacement claw or mask. */
nav#nav{position:fixed;top:auto;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,650px);display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;padding:10px 8px max(13px,env(safe-area-inset-bottom));border:0;border-top:1px solid #202224;border-radius:0;background:#090b0ef5;backdrop-filter:blur(16px)}
#nav a{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-height:54px;min-width:0;font-size:9px;text-transform:uppercase;color:#8c8f95}#nav a[aria-current]{color:var(--red)}#nav a[href="#machine"]{color:#e9ad29}.approved-nav-icon{display:block;width:34px;height:34px;flex-shrink:0;background-image:url('./design-assets/navigation-reference.png');background-size:951.6px 698.75px;background-repeat:no-repeat;mix-blend-mode:screen}.nav-home{background-position:-136px -590px;filter:grayscale(1) brightness(.65)}.nav-tasks{background-position:-198px -590px}.nav-machine{background-position:-258px -590px}.nav-collection{background-position:-321px -590px}.nav-profile{background-position:-387px -590px}a[aria-current] .nav-home{filter:none}a[aria-current] .nav-tasks,a[aria-current] .nav-collection,a[aria-current] .nav-profile{filter:sepia(1) saturate(30) hue-rotate(320deg)}#nav a:focus-visible{outline-offset:-2px;border-radius:8px}
@media(max-width:370px){main{padding-left:13px;padding-right:13px}.approved-task-row{gap:6px;padding:12px 8px}.approved-task-row>.task-glyph{width:22px}.approved-task-row .secondary,.approved-task-row .reward-button{min-width:57px;padding:6px;font-size:9px}.task-description h2{font-size:11px}.row-reward{padding-left:6px}.task-intro h2{font-size:12px}#nav a{font-size:8px}}
.approved-nav-icon{height:25px;background-image:none;background-color:currentColor;mask-image:url('./design-assets/navigation-mask.svg');mask-mode:luminance;mask-size:951.6px 698.75px;mask-repeat:no-repeat;mix-blend-mode:normal;filter:none!important}
.nav-home{mask-position:-136px -590px}.nav-tasks{mask-position:-198px -590px}.nav-machine{mask-position:-258px -590px}.nav-collection{mask-position:-321px -590px}.nav-profile{mask-position:-387px -590px}
.reference-daily-grid .progress{flex:auto;min-height:3px}
.primary[data-action="equip"]{background:var(--gold);color:var(--bg);border-color:var(--gold)}
/* Daily content is intentionally pending, not a loading state. */
.reference-daily-grid>.daily-placeholder{min-height:152px;opacity:1;cursor:default;color:var(--muted)}
.daily-placeholder .task-glyph,.reference-daily-grid .daily-placeholder strong{color:var(--muted)}
.stream-error{color:#ff7568;font-size:12px;line-height:1.5;margin:12px 0}