body{color-scheme:light;background:var(--bg);color:var(--ink)}button{font:inherit;cursor:pointer}button:disabled{cursor:default}button:focus-visible,a:focus-visible{outline:3px solid #007da0;outline-offset:3px}.prototype-section{--sec-pad-y:24px}.sec-head h1{font-size:36px;margin:0 0 8px;line-height:1.15}.sec-head .d{font-size:16px}.sec-head{margin-bottom:22px;align-items:center}.sec-head>a{font-size:14px;white-space:nowrap}.workbench{display:grid;grid-template-columns:minmax(410px,1fr) 370px;gap:52px;align-items:start;max-width:1050px;margin:auto}.phone-stage{display:flex;flex-direction:column;align-items:center;padding:0 10px 18px}.phone-size{width:360px;height:800px;flex:none}.device-caption{text-align:center;font-size:12px;color:#727272;margin-top:12px}#phone{width:360px;height:800px;position:relative;overflow:hidden;border:1px solid #999;border-radius:26px;background:#f0f0f0;box-shadow:0 12px 35px #00000014;isolation:isolate;transform-origin:top left;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC",Arial,sans-serif;color:#282828;line-height:1.35}#phone *{box-sizing:border-box}#phone button{border:0;color:inherit;background:none;padding:0;line-height:1.25;touch-action:manipulation}#phone button:disabled{opacity:.45}#phone .btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:46px;border-radius:12px;background:#007da0;color:white;border:1px solid #015f7a;padding:10px 12px;font-size:16px;font-weight:650;box-shadow:0 3px 0 #015f7a;margin-top:10px}#phone .btn.secondary{background:#fff;color:#454545;border:1px solid #aaa;box-shadow:0 2px 0 #ccc}#phone .btn:active:not(:disabled){transform:translateY(2px);box-shadow:none}#phone .btn:disabled{background:#ccc;border-color:#aaa;color:#666;box-shadow:none;opacity:1}.ico{display:inline-flex;flex:none;align-items:center;justify-content:center;vertical-align:middle;width:32px;height:32px}.ico svg{width:100%;height:100%;display:block}.btn .ico{width:24px;height:24px}.btn:not(.secondary) .ico svg{stroke:currentColor}.round{width:40px;height:40px;border-radius:50%!important;background:#fff!important;border:1px solid #aaa!important;display:flex;align-items:center;justify-content:center;font-size:27px!important;flex:none}.topbar{position:absolute;top:17px;left:13px;right:13px;display:flex;align-items:center;gap:6px;z-index:3;min-height:42px}.topbar h2{font-size:21px;text-align:center;flex:1;font-weight:700;margin:0;line-height:1.2}.topbar .spacer{width:40px}.wallet{position:absolute;top:47px;left:20px;display:flex;gap:15px;z-index:2}.wallet span{border:1px solid #aaa;border-radius:20px;background:#fff;padding:6px 10px;font-size:15px;font-weight:650}.wallet span:last-child{display:flex;align-items:center;gap:4px}.rainbow{color:#007da0;font-weight:800;font-size:22px;line-height:1}.scene-box{position:absolute;top:100px;left:0;right:0;height:423px;overflow:hidden;pointer-events:none}.scene-box svg.room-art{width:100%;height:100%;display:block}.scene-box .gulu{position:absolute;left:105px;width:150px;height:165px;bottom:14px;filter:drop-shadow(0 5px 3px #00000012)}.scene-box .gulu>svg{width:100%;height:100%}.gulu .outfit-art{position:absolute;inset:0;pointer-events:none}.scene-box.editor-room{top:171px;height:300px}.editor-room .gulu{width:116px;height:128px;left:122px;bottom:16px}.scene-box.wardrobe-room{top:113px;height:372px}.wardrobe-room .gulu{bottom:16px}.side-actions{position:absolute;top:119px;left:14px;display:grid;gap:14px;z-index:3}#phone .side-button{width:61px;display:flex;align-items:center;flex-direction:column;font-size:12px;font-weight:650;gap:4px}#phone .side-button>.ico{width:47px;height:47px;border:1px solid #aaa;border-radius:15px;background:#fff;padding:8px}#phone .home-theme{position:absolute;top:119px;right:14px;z-index:3}.theme-shortcuts{position:absolute;top:309px;right:13px;display:grid;gap:12px;z-index:3}.daily{position:absolute;bottom:57px;left:0;right:0;height:214px;border:1px solid #999;border-radius:21px 21px 0 0;background:#dedede;padding:14px}.daily-head{display:flex;justify-content:space-between;font-size:14px;margin-bottom:12px}.daily-head span{font-size:12px;color:#575757}.goods{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.good{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:7px;background:#f3f3f3!important;border:1px solid #aaa!important;border-radius:12px;height:104px;font-size:13px}.good .ico{width:45px;height:45px}.main-nav{position:absolute;bottom:0;height:58px;left:0;right:0;border-top:1px solid #aaa;background:#eee;display:flex;justify-content:space-around;align-items:center}.main-nav button{width:48px;height:45px;border-radius:15px!important}.main-nav button.current{background:#fff!important;border:1px solid #aaa!important}.intro-title{position:absolute;top:95px;left:24px;right:24px;text-align:center;font-size:24px;font-weight:700}.intro-card{position:absolute;left:28px;right:28px;top:182px;border-radius:20px;border:1px solid #aaa;background:#fff;overflow:hidden;text-align:center;box-shadow:0 6px 0 #ddd}.intro-card .thumb{height:285px}.intro-card h3{font-size:20px;margin:17px 0 8px}.intro-card p{font-size:14px;margin:0 0 24px}.intro-cta{position:absolute;left:40px;right:40px;bottom:95px}.intro-close{position:absolute;right:16px;top:20px}.thumb{position:relative;overflow:hidden;background:#eee}.thumb .room-art{width:100%;height:100%;display:block}.theme-grid{position:absolute;left:16px;right:16px;top:83px;bottom:231px;display:grid;grid-template-columns:1fr 1fr;gap:12px;align-content:start;overflow-y:auto;padding:3px}.theme-tile{border:1px solid #aaa!important;border-radius:13px!important;background:white!important;overflow:hidden;text-align:left}.theme-tile.selected{outline:3px solid #007da0;outline-offset:-3px}.theme-tile .thumb{height:150px}.theme-tile .tile-name{display:block;font-size:15px;font-weight:650;padding:12px 10px 3px}.theme-tile .tile-state{display:block;font-size:12px;color:#666;padding:0 10px 13px}.theme-actions{position:absolute;bottom:24px;left:22px;right:22px;border-top:1px solid #ccc;padding-top:14px;text-align:center;min-height:167px}.theme-actions h3{font-size:18px;margin:0 0 7px}.theme-actions p{font-size:13px;color:#666;margin:8px 0;line-height:1.5}.progress{position:absolute;top:77px;left:24px;right:24px;z-index:2}.progress-label{display:flex;align-items:center;justify-content:space-between;font-size:13px}.progress-label strong{font-size:15px}.progress-rail{height:6px;background:#ccc;position:relative;margin:23px 14px 0 0;border-radius:5px}.progress-fill{height:6px;background:#007da0;border-radius:5px;transition:width .3s}.milestone{position:absolute;top:-16px;width:36px;height:38px;border:1px solid #aaa!important;border-radius:9px!important;background:#fff!important;display:flex;align-items:center;justify-content:center}.milestone.ready{box-shadow:0 0 0 3px #007da026;animation:nudge 2.5s infinite}.milestone.ready:after{content:"";position:absolute;right:-3px;top:-3px;background:#b12d4b;border:2px solid white;border-radius:50%;width:11px;height:11px}.milestone .mark{position:absolute;right:-5px;bottom:-4px;background:#fff;border:1px solid #aaa;border-radius:12px;font-size:12px;padding:0 3px}.permanent-bar{position:absolute;top:85px;left:20px;right:20px;text-align:center;color:#575757;font-size:14px}.inventory{position:absolute;top:478px;left:16px;right:16px;height:180px;overflow-y:auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:3px;align-content:start}.item{height:80px;background:#fff!important;border:1px solid #aaa!important;border-radius:11px!important;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;position:relative;padding:4px!important;font-size:12px!important;text-align:center}.item .ico{width:31px;height:31px}.item.locked{background:#e2e2e2!important;color:#666!important}.item.selected{outline:3px solid #007da0;outline-offset:-3px}.item .badge{position:absolute;right:4px;top:3px;font-size:12px;line-height:14px}.badge .ico{width:13px;height:13px}.action-bar{position:absolute;left:20px;right:20px;bottom:22px;text-align:center;border-top:1px solid #ccc;padding-top:11px;min-height:113px;background:#f0f0f0}.action-bar strong{display:block;font-size:16px;margin-bottom:5px}.action-bar p{font-size:13px;margin:5px 0;color:#666}.action-bar .btn{margin-top:10px}.materials{position:absolute;top:156px;right:15px;background:#fff;padding:3px 9px;border:1px solid #bbb;border-radius:15px;font-size:12px;z-index:2}.preview-pill{position:absolute;top:185px;left:15px;border-radius:12px;background:#fff;border:1px solid #bbb;padding:3px 9px;font-size:12px;z-index:2}.wardrobe-tabs{position:absolute;left:12px;right:12px;top:490px;display:flex;gap:6px;border-bottom:1px solid #aaa;padding-bottom:7px}.wardrobe-tabs button{flex:1;min-height:42px;border-radius:13px!important}.wardrobe-tabs .selected{background:#fff!important;outline:2px solid #007da0}.wardrobe-tabs .ico{width:28px;height:28px}.wardrobe-inventory{top:547px;height:119px}.wardrobe-inventory .item{height:94px}.wardrobe-message{position:absolute;top:553px;left:28px;right:28px;text-align:center}.wardrobe-message h3{font-size:17px;margin:12px 0 18px}.wardrobe-message .ico{width:44px;height:44px}.set-panel{position:absolute;top:453px;bottom:0;left:0;right:0;background:#dedede;border:1px solid #aaa;border-radius:23px 23px 0 0;padding:15px 17px;overflow:auto}.set-heading{font-size:16px;margin:0 0 12px;display:flex;align-items:center;justify-content:space-between}.set-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px}.set-card{border:1px solid #aaa!important;border-radius:12px!important;background:#fff!important;overflow:hidden;position:relative;min-height:142px}.set-card .thumb{height:111px}.set-card span{font-size:13px;display:block;padding:7px}.set-card .mini-gulu{position:absolute;width:67px;height:74px;top:25px;left:calc(50% - 34px)}.mini-gulu svg{width:100%;height:100%}.veil{position:absolute;inset:0;background:#000a;z-index:10;display:flex;align-items:center;justify-content:center;padding:22px}.dialog{width:100%;background:#f4f4f4;border:1px solid #aaa;border-radius:22px;padding:24px 18px 20px;box-shadow:0 7px 25px #0003;text-align:center;max-height:720px;overflow:auto;position:relative}.dialog h2{font-size:22px;margin:0 16px 18px}.dialog p{font-size:14px;color:#575757;line-height:1.55;margin:12px 0 18px}.dialog>.round{position:absolute;top:10px;right:10px;width:31px;height:31px;font-size:23px!important}.dialog .dialog-art{height:180px;margin:12px -1px;position:relative;overflow:hidden;border:1px solid #bbb;border-radius:12px}.dialog-art .thumb{height:100%}.dialog-art .mini-gulu{position:absolute;width:110px;height:122px;left:calc(50% - 55px);bottom:8px}.dialog .reward-icons{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin:18px 0}.reward-icons .ico{width:39px;height:39px}.base-list{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:16px 0}.base-list>div{font-size:12px;display:flex;align-items:center;flex-direction:column;gap:4px}.reward-screen{background:#000c;position:absolute;inset:0;z-index:12;text-align:center;color:white;padding:137px 25px 40px;display:flex;flex-direction:column;align-items:center}.reward-screen h2{font-size:27px;color:white;margin:0 0 47px}.reward-card{width:250px;border-radius:18px;background:#f0f0f0;border:1px solid #aaa;color:#333;padding:16px;margin-bottom:18px;animation:reveal .3s ease-out}.reward-card .thumb{height:160px;border-radius:10px;margin-bottom:12px}.reward-card .ico{width:67px;height:67px}.reward-card h3{font-size:19px;margin:12px 0}.reward-card p{font-size:14px;margin:7px 0}.reward-screen .btn{margin-top:auto;max-width:240px}.main-level{position:absolute;inset:0;background:#e3e8e8;padding:100px 30px 35px;text-align:center;display:flex;flex-direction:column;align-items:center}.main-level h2{font-size:25px}.main-level .level-visual{height:320px;width:100%;position:relative;border-radius:20px;border:1px solid #aaa;background:#f5f5f5;margin:25px 0;display:grid;place-items:center;overflow:hidden}.level-visual:after{content:"";width:120px;height:72px;background:#353535;border:10px solid #777;border-radius:50%;position:absolute;bottom:35px}.level-visual .ico{position:absolute;width:37px;height:37px}.main-level .btn{margin-top:auto}.toast{position:absolute;bottom:178px;left:27px;right:27px;z-index:15;text-align:center;background:#333e;color:#fff;border-radius:12px;padding:13px;font-size:14px;pointer-events:none}.tip-heading{font-size:13px;color:#727272;display:flex;align-items:center;gap:8px;margin:0 0 9px}.tip-heading:before{content:"";height:6px;width:6px;background:#007da0;border-radius:50%}.control-card{padding:19px 0;border-bottom:1px solid #d1d1d1}.control-card:first-child{padding-top:4px}.control-card h2{font-size:18px;margin:0 0 13px}.control-card p{font-size:14px;color:#575757;line-height:1.6;margin:8px 0}.scenario-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.review-btn{background:#fff;border:1px solid #bbb;border-radius:7px;padding:11px 9px;text-align:left;font-size:13px;color:#333}.review-btn:hover{border-color:#007da0;color:#015f7a;background:#007da008}.review-btn.active{border-color:#007da0;background:#007da010;color:#015f7a}.review-actions{display:flex;gap:7px;flex-wrap:wrap}.review-actions .review-btn{flex:1;white-space:nowrap}.state-grid{display:grid;grid-template-columns:1fr auto;gap:8px;font-size:13px;margin:12px 0}.state-grid dt{color:#666}.state-grid dd{margin:0;text-align:right;font-weight:550}.steps{margin:0;padding-left:21px;font-size:14px;line-height:1.65;color:#575757}.steps li{margin-bottom:9px;padding-left:3px}.steps strong{color:#1a1a1a;font-weight:600}.log{list-style:none;padding:0;margin:12px 0 0;font-size:12px;max-height:132px;overflow:auto;color:#666;line-height:1.7}.log li+li{border-top:1px solid #ebebeb;padding-top:5px;margin-top:5px}.disclaimer{font-size:12px!important;color:#727272!important}.save-state{font-size:12px;color:#727272;display:flex;align-items:center;justify-content:space-between}.control-card summary{cursor:pointer;font-size:14px;color:#015f7a}.control-card details p{font-size:12px}.guide-next{width:100%;margin-top:12px;border-color:#007da0;color:#015f7a}.saved-flash{animation:reveal .25s}.debug-error{color:#a73350;font-size:13px}.out-of-scope{font-size:12px;background:#f0f0f0;border-radius:7px;padding:10px}.review-btn:disabled{opacity:.45;cursor:default}.theme-grid,.inventory,.set-panel{scrollbar-width:thin;scrollbar-color:#bbb transparent;overscroll-behavior:contain}@keyframes nudge{0%,75%,100%{transform:rotate(0)}80%{transform:rotate(-6deg)}85%{transform:rotate(6deg)}90%{transform:rotate(-4deg)}95%{transform:rotate(4deg)}}@keyframes reveal{from{opacity:.2;transform:translateY(10px) scale(.95)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}@media(max-width:880px){.workbench{grid-template-columns:1fr;gap:25px}.phone-stage{padding:0}.sec-head{display:block}.sec-head>a{display:inline-block;margin-top:12px}#review-panel{width:100%;max-width:480px;margin:auto}.sec-head h1{font-size:29px}.prototype-section{--sec-pad-x:18px}.workbench{max-width:650px}}@media(max-width:400px){.prototype-section{--sec-pad-x:10px}.sec-head h1{font-size:25px}.phone-size{width:324px;height:720px}#phone{transform:scale(.9)}.sec-head .d{font-size:14px}}@media(min-width:881px) and (max-height:930px){.phone-size{width:306px;height:680px}#phone{transform:scale(.85)}.sec-head h1{font-size:30px}.prototype-section{--sec-pad-y:18px}.workbench{grid-template-columns:minmax(350px,1fr) 370px;gap:35px}}@media print{.workbench{display:block}.phone-size{page-break-inside:avoid}#review-panel{display:none}}
/* Keep report heading decorations outside the game screen. */
#phone h2::before,#phone h3::before{display:none}#phone h2,#phone h3{padding-top:0;letter-spacing:0}#phone h2{border:0}#phone .scene-box .room-art{pointer-events:none}.phone-stage{position:sticky;top:82px}.control-card h2::before{display:none}.control-card h2{padding-top:0}@media(max-width:880px){.phone-stage{position:static}}
.mini-gulu .outfit-art{position:absolute;inset:0;pointer-events:none}
/* V2: align to recorded shop/wardrobe interactions, give the scene priority. */
#phone .panel-close{position:absolute;right:9px;top:509px;z-index:5}.panel-close .round{width:36px;height:36px}.event-clock{position:absolute;top:22px;left:0;right:0;text-align:center;font-size:13px}.progress{top:61px;left:18px;right:23px;display:flex;align-items:center;height:44px;gap:16px}.material-pill{min-width:69px;padding:8px 9px;border:1px solid #aaa;border-radius:18px;background:#fff;text-align:center;font-size:15px;font-weight:650}.progress-rail{margin:0 10px 0 0;flex:1}.progress-count{position:absolute;top:22px;left:0;right:0;text-align:center;font-size:12px;color:#575757}.scene-box.editor-room{top:113px;height:401px}.scene-box.editor-room .room-art{width:100%;height:100%}#phone[data-view="editor"][data-event="false"] .editor-room{top:42px;height:472px}.preview-pill{top:127px}.inventory{top:553px;height:146px;gap:7px;padding:2px}.item{height:69px;gap:3px}.item .ico{width:27px;height:27px}.item span:not(.ico):not(.badge){line-height:14px}.action-bar{top:712px;bottom:13px;min-height:0;padding-top:0;border-top:0;background:transparent}.action-bar strong{font-size:15px;margin:0 0 4px}.action-bar .btn{min-height:43px;margin-top:7px}.switch-themes{position:absolute;left:18px;top:511px;display:flex;align-items:center;gap:5px;height:35px;font-size:13px!important;padding:4px 8px!important;border:1px solid #aaa!important;border-radius:12px!important;background:#fff!important;z-index:4}.wardrobe-tabs{top:530px;right:19px;left:19px}.wardrobe-inventory{top:584px;height:118px}.wardrobe-inventory .item{height:86px}.wardrobe-message{top:561px}.wardrobe-message h3{margin:9px 0 12px}.wardrobe-message>.ico{height:34px;width:34px}.wardrobe-message .btn{margin-top:10px;min-height:43px}.scene-box.wardrobe-room{top:100px;height:410px}.theme-shortcuts{top:350px;gap:12px}.theme-shortcuts .side-button>.ico{width:42px;height:42px}.daily{height:250px;padding:13px 12px}.daily-head{margin-bottom:8px}.goods{gap:7px}.good{height:90px;gap:5px}.good .ico{height:36px;width:36px}.scene-box:not(.wardrobe-room):not(.editor-room):not(.shop-room){height:390px}.set-panel{top:527px;overflow:visible;padding-top:0}.set-panel .set-heading:first-child{position:relative;top:-20px;height:33px;margin-bottom:-10px}.set-panel .set-grid{margin-bottom:12px}.set-panel .set-heading:not(:first-child){margin-bottom:9px}.set-panel{overflow-y:auto;padding-bottom:14px}.set-card{min-height:111px}.set-card .thumb{height:90px}.set-card .mini-gulu{top:13px;width:61px;height:67px}.set-card span{padding:5px}.set-panel .set-heading:first-child{top:0;margin:5px 0 8px}.set-panel .set-heading:first-child .round{width:31px;height:31px}.scene-box.shop-room{top:90px;height:550px}.shop-room .gulu{bottom:72px;width:184px;height:203px;left:88px}.shop-detail{position:absolute;left:22px;right:22px;bottom:26px;text-align:center;z-index:4}.shop-detail strong{font-size:17px;display:block}.shop-detail p{font-size:13px;line-height:1.45;margin:8px 0 20px}.shop-buttons{display:flex;gap:10px}.shop-buttons .btn{flex:1;min-width:0}.shop-reward{position:absolute;inset:0;background:#000b;z-index:12;color:white;text-align:center}.shop-reward h2{color:white;font-size:29px;margin-top:180px}.shop-reward-icon{position:absolute;top:340px;left:0;right:0;filter:drop-shadow(0 2px 6px #fff)}.shop-reward-icon .ico svg{stroke:#eee}.shop-reward .shop-detail{color:white}.shop-reward .shop-detail p{color:#ddd}.shop-detail .btn{margin-top:0}.scene-box .room-art{transition:opacity .15s}#review-panel .control-card h2{margin-top:0}.sec-head h1{font-size:32px}#phone .wardrobe-tabs .ico{width:25px;height:25px}@media(max-width:400px){.sec-head h1{font-size:25px}}

/* Keep the inventory close control, tabs and scene-status panel in separate rows. */
#phone[data-view="wardrobe"] .panel-close{top:486px;right:12px}
#phone[data-view="wardrobe"] .wardrobe-inventory{top:588px}
#phone[data-view="wardrobe"] .wardrobe-message{top:592px;display:flex;flex-direction:column;align-items:center;gap:12px}
#phone[data-view="wardrobe"] .wardrobe-message h3{margin:0;line-height:22px}
#phone[data-view="wardrobe"] .wardrobe-message>.ico{height:34px;width:34px}
#phone[data-view="wardrobe"] .wardrobe-message .btn{margin:0;min-height:43px}

#phone[data-view="wardrobe"] .theme-shortcuts{top:326px}
/* Spending progress and the linked Five-Day Gifts flow. */
.progress-count{top:25px;font-variant-numeric:tabular-nums}.milestone .mark{font-size:12px;white-space:nowrap}.action-bar .item-source{display:block;color:#575757;font-size:12px;line-height:16px;margin:2px 0}.action-bar:has(.item-source) .btn{margin-top:5px;min-height:39px}.inventory .exclusive{border-style:dashed}.inventory .exclusive.selected{border-style:solid}.five-timer{position:absolute;top:83px;left:0;right:0;text-align:center;font-size:13px}.five-days{position:absolute;top:125px;left:17px;right:17px;display:flex;gap:6px}.five-day{flex:1;min-width:0;border:1px solid #aaa!important;border-radius:12px!important;height:79px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:white!important}.five-day span{font-size:12px;white-space:nowrap}.five-day.selected{border:2px solid #007da0!important}.five-day b{font-size:24px;color:#007da0}.five-grand{position:absolute;top:237px;left:24px;right:24px;height:320px;border:1px solid #aaa;border-radius:24px;padding:18px;background:#fafafa;text-align:center}.five-grand.ready{border:2px solid #007da0;box-shadow:0 0 0 5px #007da012}.five-grand h3{font-size:16px;margin:0 0 20px!important;line-height:1.3}.five-prizes{display:grid;grid-template-columns:1fr 1fr;gap:8px;align-items:end;height:110px}.five-prizes>div{display:flex;flex-direction:column;gap:9px;align-items:center}.five-prizes strong{font-size:12px;font-weight:500}.five-count{font-size:19px;margin:18px 0 12px}.five-claim .btn{min-height:44px}.five-claim .round{display:inline-flex;justify-content:center;align-items:center}.five-pack{position:absolute;top:615px;left:25px;right:25px}.five-content{display:flex;justify-content:center;gap:32px;align-items:center;margin-bottom:30px}.five-content>span{display:flex;gap:4px;align-items:center;font-size:16px}.future-pack{border:1px solid #aaa;border-radius:12px;background:#eee;min-height:48px;display:flex;align-items:center;justify-content:center;gap:10px;font-size:18px}.gift-bundle{display:flex;flex-direction:column;gap:30px;align-items:center;position:absolute;top:285px;left:25px;right:25px}.gift-bundle>div{display:flex;flex-direction:column;align-items:center;gap:12px}.gift-bundle strong{font-size:16px;font-weight:500}.gift-actions{position:absolute;bottom:35px;left:25px;right:25px;display:flex;gap:10px}.gift-actions .btn{position:static!important;flex:1;width:auto!important;min-width:0}.reward-card:has(.gift-bundle){top:275px}.reward-card .gift-bundle{position:static}.reward-card:has(.gift-bundle)>h3{display:none}
#phone .action-bar:has(.item-source){top:705px}#phone .action-bar:has(.item-source) strong{line-height:18px;margin:0}#phone .action-bar .item-source{line-height:16px;margin:1px 0}#phone .action-bar:has(.item-source) .btn{height:40px;min-height:40px;padding:7px 10px;line-height:20px;margin-top:5px}.reward-screen:has(.gift-bundle){background:#000d}.reward-screen .gift-bundle .ico{filter:brightness(0) invert(1)}
.reward-screen .reward-card:has(.gift-bundle){position:absolute;top:285px;left:25px;right:25px;width:auto;background:transparent;border:0;padding:0;box-shadow:none;color:#fff}#phone .reward-screen:has(.gift-bundle)>.btn{position:absolute;bottom:35px;left:25px;right:25px;width:calc(100% - 50px);max-width:none}
/* V7: a compact resource counter beside a scrollable milestone rail. */
#phone .progress{top:54px;left:10px;right:10px;height:55px;gap:8px;align-items:center}
.progress-left{flex:0 0 57px;min-width:0;border:1px solid #aaa;border-radius:13px;background:#fff;padding:7px 2px;text-align:center}
#phone .progress-left .material-pill{min-width:0;border:0;background:transparent;border-radius:0;padding:0;font-size:15px;line-height:20px}
.progress-total{font-size:12px;line-height:16px;color:#575757;white-space:nowrap;font-variant-numeric:tabular-nums}
.reward-viewport{flex:1;min-width:0;height:58px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;cursor:grab;touch-action:pan-x;overscroll-behavior-x:contain;scroll-snap-type:x proximity}
.reward-viewport::-webkit-scrollbar{display:none}.reward-viewport.dragging{cursor:grabbing;scroll-snap-type:none;user-select:none}
.reward-track{position:relative;display:flex;gap:14px;width:max-content;padding:0 8px;height:58px;align-items:flex-start}
.reward-track-line,.reward-track-fill{position:absolute;left:30px;top:20px;height:4px;background:#c3c3c3;width:522px;pointer-events:none;border-radius:3px}
.reward-track-fill{background:#007da0}
#phone .reward-node{flex:0 0 44px;width:44px;height:57px;margin:0;padding:2px 0 0;border:0;background:none;display:flex;flex-direction:column;align-items:center;gap:3px;position:relative;scroll-snap-align:center}
.reward-node-icon{position:relative;width:34px;height:34px;background:#fff;border:1px solid #aaa;border-radius:9px;display:flex;align-items:center;justify-content:center;box-sizing:border-box}
.reward-node-value{font-size:12px;line-height:15px;color:#575757;font-variant-numeric:tabular-nums}
.reward-node.current .reward-node-icon{border:2px solid #007da0;box-shadow:0 0 0 2px #007da012}.reward-node.ready .reward-node-icon{background:#e7f2f5}.reward-node.claimed .reward-node-icon{background:#e7e7e7}.reward-node.claimed .reward-node-value{color:#007da0}
.reward-dot{width:7px;height:7px;background:#b33736;border-radius:50%;position:absolute;top:-2px;right:-2px;border:1px solid #fff}
.five-grand{top:125px;height:320px}.five-days{top:480px}.five-pack{top:615px}