body{margin:0;background:#ece9f0;color:#463b50;font:15px/1.4 PixelUI,monospace}*{box-sizing:border-box}button,select,a{font:inherit}button,select{cursor:pointer}button:focus-visible,select:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #a97edb;outline-offset:3px}button{color:inherit}button:disabled{cursor:default;opacity:.5}[hidden]{display:none!important}
html[data-ui-theme=dark] body{background:#131517;color:#ebeaee}.workbench{max-width:920px;margin:18px auto 0;padding:0 16px}.proposal-tabs{display:flex;gap:6px}.proposal-tabs button{flex:1;padding:11px 15px;border:1px solid #aaa1b6;border-radius:10px;background:#faf6ff}.proposal-tabs button[aria-pressed=true]{background:#d8c4ef;border-color:#8e6db0;color:#352844}.workbench-actions{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;margin:10px 0}.workbench-actions button,.workbench-actions select,.workbench-actions a{font-size:12px;min-height:32px;padding:5px 8px;border:1px solid #a79cae;background:#f9f5fc;border-radius:6px;color:inherit;text-decoration:none}html[data-ui-theme=dark] .proposal-tabs button,html[data-ui-theme=dark] .workbench-actions :is(button,select,a){background:#25292e;border-color:#525862}html[data-ui-theme=dark] .proposal-tabs button[aria-pressed=true]{background:#494052;color:#f2eaff;border-color:#b396d4}.comparison{max-width:920px;display:grid;grid-template-columns:1fr 430px;gap:40px;margin:22px auto 40px;padding:0 16px;align-items:start}.proposal-note{padding-top:50px}.proposal-note>p:first-child{font-size:12px;color:#7c6b8b;letter-spacing:.08em}.proposal-note h1{font:40px/1.1 AchievementTitle,monospace;margin:20px 0}.proposal-note>p{max-width:290px;line-height:1.7}.proposal-note>span{display:inline-block;border-bottom:3px solid #80e2b0;margin-top:18px;padding-bottom:4px}.mock-surface{--paper:#faf3ff;--bg:#f0e5fa;--ink:#352844;--muted:#756480;--edge:#b3a1c2;--active:#dfccf6;--mint:#80e2b0;--green:#287a51;--gold:#8e6322;--reward:#fff9e6;--reward-edge:#d9b455;--track:#ded3e8;--cream:#fff9ee;--shadow:#c8b3d9;position:relative;isolation:isolate;height:852px;max-height:calc(100dvh - 148px);min-height:570px;border:1px solid var(--edge);border-radius:22px;overflow:hidden;box-shadow:0 12px 40px #37254318;background:var(--bg);color:var(--ink);font:16px/1.4 PixelUI,monospace}.mock-surface button{font:inherit;letter-spacing:0;text-shadow:none}.mock-surface button:focus-visible{outline-offset:-3px}.mock-surface button{border:0;background:none;padding:0}.mock-banner{height:62px;padding:13px 18px 9px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;background:var(--cream);border-bottom:1px solid var(--edge)}.mock-banner h2{font:24px/1 PixelUI,monospace;text-transform:uppercase;font-weight:400;letter-spacing:.5px;margin:0}.mock-banner>span{font-size:12px;color:var(--muted)}.mock-scroll{height:calc(100% - 62px);overflow:auto;overscroll-behavior:contain;padding:14px 16px 120px;background:var(--bg) url('/assets/interface-v2/pastel-ui/background-lilac.png') repeat;background-size:96px 96px;scrollbar-width:thin;scrollbar-color:var(--edge) transparent}
html[data-ui-theme=dark] .mock-surface{--paper:#222528;--bg:#1b1d1f;--ink:#e8e9e7;--muted:#b0b2bb;--edge:#4c505a;--active:#3d414b;--mint:#67dfa3;--green:#7be4ad;--gold:#ffe075;--reward:#302d25;--reward-edge:#a9863c;--track:#41454d;--cream:#202327;--shadow:#141518}html[data-ui-theme=dark] .mock-scroll{background-image:none}.family-heading{display:flex;align-items:center;gap:12px;min-height:96px;margin-bottom:12px}.family-heading .ach-icon{width:96px;height:96px}.family-heading .family-copy{flex:1;min-width:0}.family-heading h3{font:31px/1 AchievementTitle,PixelUI,monospace;margin:0 0 7px;font-weight:400}.family-heading p{margin:0;font-size:13px;color:var(--muted)}.family-heading .choose-place{display:flex;align-items:center;gap:6px;min-height:35px;margin-top:2px;color:var(--muted);font-size:13px}.chevron{display:inline-block;width:7px;height:7px;border-right:2px solid currentColor;border-top:2px solid currentColor;transform:rotate(45deg);margin-right:3px;flex:none}.choose-place .chevron{transform:rotate(135deg);margin-top:-3px}.reward-banner{display:flex;gap:10px;align-items:center;justify-content:space-between;border:1px solid var(--reward-edge);border-radius:10px;background:var(--reward);padding:9px 10px;margin-bottom:16px;color:var(--gold);font-size:14px}.reward-banner .claim-button,.mock-surface .claim-button{flex:none;background:var(--mint);border:1px solid #43875c;box-shadow:0 3px 0 #276341;border-radius:7px;padding:8px 11px;min-height:38px;font-size:14px;color:#174a32}.claim-button:active{translate:0 2px;box-shadow:0 1px 0 #276341}.section-label{font-size:12px;font-weight:400;letter-spacing:.04em;color:var(--muted);margin:18px 2px 7px;display:flex;align-items:center;justify-content:space-between}.section-label small{font:inherit}.paper{border:1px solid var(--edge);border-radius:13px;background:var(--paper);overflow:hidden}.goal-row{border-bottom:1px solid var(--edge);position:relative}.goal-row:last-child{border-bottom:0}.mock-surface .goal-open{display:block;width:100%;padding:14px 14px 13px;text-align:left}.goal-line{display:flex;align-items:center;gap:10px}.goal-line strong{font-weight:400;flex:1;min-width:0;line-height:1.2}.goal-line small{color:var(--muted);font-size:12px;white-space:nowrap}.goal-subtitle{display:block;margin-top:6px;font-size:12px;color:var(--muted);line-height:1.35}.goal-meter{display:flex;gap:10px;align-items:center;margin-top:9px}.goal-meter .meter{flex:1}.goal-meter>span{font-size:12px;color:var(--green);white-space:nowrap}.meter{height:6px;background:var(--track);overflow:hidden;border-radius:6px}.meter>span{display:block;height:100%;background:var(--mint);border-radius:6px;transition:width .2s ease}.goal-row[data-pending=true]:before{content:'';position:absolute;width:5px;height:5px;border-radius:50%;background:var(--gold);right:28px;top:21px}.goal-row[data-pending=true] .goal-line small{margin-right:8px}.memory{margin-top:15px}.memory>summary{display:flex;align-items:center;justify-content:space-between;list-style:none;min-height:46px;color:var(--muted);font-size:14px;cursor:pointer}.memory>summary::-webkit-details-marker{display:none}.memory[open]>summary .chevron{transform:rotate(135deg)}.memory-row{display:flex!important;align-items:center;justify-content:space-between;gap:8px;min-height:48px!important;padding:10px 14px!important;width:100%;text-align:left;border-bottom:1px solid var(--edge)!important}.memory-row:last-child{border-bottom:0!important}.check{color:var(--green);font-size:15px}.mystery{width:100%;display:flex!important;align-items:center;text-align:left;gap:8px;min-height:64px;margin:10px 0 0;color:var(--muted);font-size:13px!important}.mystery .ach-icon{width:48px;height:48px}.mystery>span:nth-child(2){flex:1}.album-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mock-surface .album-card{position:relative;min-width:0;border:1px solid var(--edge);border-radius:12px;background:var(--paper);padding:13px 10px 11px!important;display:flex;flex-direction:column;align-items:flex-start;min-height:174px;text-align:left;box-shadow:0 3px 0 var(--shadow)}.album-card[data-pending=true]{border-color:var(--reward-edge)}.album-card .ach-icon{height:64px;width:64px;margin-bottom:7px}.album-card strong{font-weight:400;line-height:1.2}.album-card .album-count{font-size:12px;color:var(--muted);margin-top:4px}.album-card .stamps{margin-top:auto;padding-top:13px}.album-card .pending-dot{position:absolute;right:10px;top:10px;font-size:11px;color:var(--gold);border:1px solid var(--reward-edge);background:var(--reward);padding:2px 6px;border-radius:20px}.stamps{display:flex;gap:5px;align-items:center;width:100%}.stamp{height:22px;min-width:0;flex:1;border:1px solid var(--edge);border-radius:5px;display:grid;place-items:center;font-size:11px;color:var(--muted);background:var(--bg)}.stamp[data-earned=true]{background:var(--active);color:var(--ink);border-color:var(--muted)}.stamp[data-pending=true]{background:var(--reward);border-color:var(--reward-edge);color:var(--gold)}.stamp[data-next=true]{border-style:dashed}.spotlight{border:1px solid var(--active-edge,var(--edge));border-radius:14px;overflow:hidden;background:var(--paper);box-shadow:0 4px 0 var(--shadow);margin-bottom:21px}.spotlight .eyebrow{display:block;background:var(--active);color:var(--ink);padding:7px 14px;font-size:12px}.spotlight-body{padding:15px;display:flex;align-items:center;gap:14px}.spotlight-body .ach-icon{width:80px;height:80px}.spotlight-copy{flex:1;min-width:0}.spotlight h4{font:26px/1 AchievementTitle,monospace;font-weight:400;margin:0 0 8px}.spotlight-copy p{font-size:13px;margin:0;color:var(--muted)}.spotlight-footer{display:flex;align-items:center;gap:10px;padding:0 15px 15px}.spotlight-footer .meter{flex:1;height:9px}.spotlight-footer>span{font-size:14px}.mock-surface .spotlight-action{display:block;min-height:42px;width:100%;border-top:1px solid var(--edge);color:var(--green);font-size:14px}.path-list{margin-left:9px;border-left:2px solid var(--edge);padding-left:15px}.path-list .goal-row{border:0;margin-bottom:12px;background:var(--paper);border-radius:10px}.path-list .goal-row:after{content:'';position:absolute;left:-21px;top:24px;width:8px;height:8px;border:2px solid var(--bg);background:var(--mint);box-shadow:0 0 0 1px var(--edge);border-radius:50%}.path-list .goal-open{padding:12px}.collection-card{padding:14px;border:1px solid var(--edge);background:var(--paper);border-radius:12px;margin-bottom:12px}.collection-card>button{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;text-align:left;min-height:38px}.collection-card strong{font-weight:400}.collection-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:12px}.collection-item{padding:10px 8px!important;min-height:48px;border:1px solid var(--edge)!important;border-radius:7px;text-align:left;font-size:13px!important;color:var(--muted)!important}.collection-item[data-earned=true]{background:var(--active);color:var(--ink)!important}.collection-item span{display:block;margin-top:4px;font-size:11px}.bonus-line{display:block;font-size:12px;color:var(--muted);margin:12px 0 0;padding-top:12px;border-top:1px dashed var(--edge)}
html body[data-home-navigation=v02] .mock-surface .main-navigation{position:absolute!important;inset:auto 0 0!important;height:105px!important;width:100%;z-index:20;pointer-events:none;background:linear-gradient(transparent,var(--bg) 42%)}html body[data-home-navigation=v02] .mock-surface .main-navigation .home-nav-dock{inset:auto 12px 12px!important;padding:9px 10px!important;gap:7px!important;max-width:none!important}.mock-dialog{color:var(--ink);background:var(--paper);border:1px solid var(--edge);border-radius:20px 20px 0 0;width:min(430px,100%);max-width:100%;max-height:85dvh;position:fixed;inset:auto 0 0;margin:0 auto;padding:18px 20px 28px;overflow:auto;overscroll-behavior:contain;font:16px/1.4 PixelUI,monospace;box-shadow:0 -10px 40px #17121e30}.mock-dialog::backdrop{background:#15101d99}.dialog-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.dialog-top h3{font:29px/1 AchievementTitle,monospace;font-weight:400;margin:0}.mock-dialog .close-dialog{width:44px;height:44px;flex:none;font:28px/1 PixelUI,monospace}.detail-hero{display:flex;align-items:center;gap:10px;margin-bottom:14px}.detail-hero .ach-icon{width:96px;height:96px}.detail-hero>div{flex:1}.detail-hero p{font-size:13px;color:var(--muted);margin:0 0 6px}.detail-hero strong{font-weight:400;font-size:22px}.mock-dialog .claim-button{width:100%;margin:4px 0 20px;min-height:44px}.detail-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-top:12px}.detail-step{min-height:52px;padding:8px 5px;border:1px solid var(--edge);border-radius:8px;text-align:center;font-size:17px;color:var(--muted)}.detail-step small{display:block;font-size:10px;margin-top:4px}.detail-step[data-earned=true]{color:var(--green);background:var(--active)}.detail-step[data-pending=true]{background:var(--reward);color:var(--gold);border-color:var(--reward-edge)}.detail-steps.is-collection{grid-template-columns:repeat(2,minmax(0,1fr))}.is-collection .detail-step{font-size:14px}.place-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.place-grid button{display:flex;align-items:center;gap:5px;min-height:80px;text-align:left;border:1px solid var(--edge);border-radius:10px;padding:5px;font-size:14px}.place-grid .ach-icon{width:64px;height:64px}.place-grid button[aria-pressed=true]{background:var(--active)}.mock-toast{position:absolute;bottom:108px;inset-inline:14px;z-index:30;background:var(--mint);color:#174a32;border-radius:8px;padding:9px 12px;text-align:center;font-size:13px;box-shadow:0 2px 10px #17121e20;pointer-events:none;transition:opacity .15s}.mock-toast:empty{opacity:0}.secret-copy{text-align:center;margin:18px 0}.secret-copy .ach-icon{width:96px;height:96px;margin:auto}.secret-copy p{color:var(--muted)}
@media(max-width:760px){.workbench{margin:0;padding:8px 10px 0}.workbench-actions{gap:5px;margin:6px 0}.workbench-actions :is(button,select,a){font-size:11px;min-height:30px;padding:4px 6px}.workbench-actions a{display:none}.proposal-tabs button{padding:9px 8px}.comparison{display:block;margin:8px 0 0;padding:0}.proposal-note{display:none}.mock-surface{width:100%;height:calc(100dvh - 94px);min-height:480px;max-height:none;border:0;border-top:1px solid var(--edge);border-radius:0;box-shadow:none}.mock-scroll{padding:12px 14px 116px}.mock-banner{height:54px;padding:9px}.mock-scroll{height:calc(100% - 54px)}.mock-banner h2{font-size:22px}.family-heading{margin-bottom:10px}.family-heading h3{font-size:30px}.mock-dialog{width:min(430px,100%)} }
@media(max-width:350px){.mock-scroll{padding-inline:10px}.family-heading{gap:7px}.family-heading .ach-icon{width:80px;height:80px}.family-heading h3{font-size:27px}.goal-open{padding-inline:10px!important}.goal-line{gap:6px}.goal-line strong{font-size:15px}.album-card{padding:10px 8px!important}.album-card strong{font-size:15px}.stamp{font-size:10px}.place-grid button{font-size:12px}.place-grid .ach-icon{width:48px;height:48px}.detail-steps{grid-template-columns:repeat(3,minmax(0,1fr))}}
/* App-like interaction everywhere, including dynamic dialogs and their titles.
   Keep native scrolling, clicks and keyboard focus; only text selection is off. */
html[data-ui-theme] body,html[data-ui-theme] body *{-webkit-user-select:none!important;user-select:none!important;-webkit-touch-callout:none!important}
/* Common vertical geometry for the Album and Pixel Star Pass action areas. */
.mock-surface{--reward-action-height:40px;--reward-action-gap:12px;--reward-area-top:16px}
@media(prefers-reduced-motion:reduce){.meter>span,.mock-toast{transition:none}}
@media(max-width:760px){body{height:100dvh;display:flex;flex-direction:column;overflow:hidden}.workbench{flex:none;width:100%;margin-bottom:4px}.comparison{flex:1;min-height:0;margin:0}.mock-surface{height:100%;min-height:0}}