:root{color-scheme:light;--paper:#f6f7f2;--ink:#1b2828;--muted:#7c8580;--mint:#d1f6bb;--accent:#202f2a;--line:#e5e9e2;--green:#337b51;font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{font:inherit;cursor:pointer;color:inherit}button:focus-visible,a:focus-visible{outline:3px solid #6c9f61;outline-offset:5px}button:disabled{cursor:default}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.shell{width:min(100%,480px);min-height:100svh;margin:auto;display:flex;flex-direction:column;padding:env(safe-area-inset-top) 26px env(safe-area-inset-bottom)}.topbar{height:88px;flex:none;display:flex;align-items:center;position:relative;gap:12px}.brand{font-size:24px;font-weight:650;letter-spacing:-1.5px;display:flex;align-items:baseline;gap:1px}.brand span{font-weight:400}.brand i{width:6px;height:6px;border-radius:50%;background:#79a567;margin-left:4px}.prototype{margin-left:auto;font-size:11px;color:var(--muted);letter-spacing:.3px;border:1px solid #e2e7de;border-radius:20px;padding:5px 9px}.back{border:0;background:none;width:36px;height:44px;padding:6px;margin-left:-8px;display:flex;align-items:center;justify-content:center}.back[hidden]{display:none}main{flex:1;display:flex;outline:0;min-height:0}.screen{display:flex;flex:1;flex-direction:column;align-items:center;text-align:center;min-width:0;padding:12px 0 10px;animation:arrive .32s ease both}.overline{font-size:12px;font-weight:500;color:var(--muted);margin:0 0 20px;letter-spacing:.2px}.hero{width:100%;min-height:180px;flex:1;max-height:310px;display:grid;place-items:center;position:relative;margin-bottom:18px}.halo{position:relative;display:grid;place-items:center;width:214px;height:214px;border-radius:50%;background:radial-gradient(circle at 35% 20%,#fafff5,#e0eddc 60%,#cee3ce);box-shadow:inset 0 1px 1px #fff,0 28px 65px -40px #33554155}.halo:before,.halo:after{content:"";position:absolute;border:1px solid #d4dfcf;border-radius:50%;inset:-17px;opacity:.6}.halo:after{inset:-34px;opacity:.25}.halo svg{height:78px;width:78px;stroke-width:1.15}.halo .spark{position:absolute;right:6px;top:17px;background:#fff;border-radius:15px;padding:12px;box-shadow:0 6px 20px #283b2610;transform:rotate(12deg)}.halo .spark svg{height:24px;width:24px;stroke-width:1.7}.hero.compact{max-height:190px;min-height:140px}.app-icon{height:100px;width:100px;display:grid;place-items:center;background:linear-gradient(145deg,#1c394b,#256f88);color:#fff;border-radius:27px;box-shadow:0 18px 45px -24px #163b56aa;position:relative}.app-icon svg{width:53px;height:53px;stroke-width:1.6}.app-icon .icon-dot{width:9px;height:9px;background:#a9e5f5;border-radius:50%;position:absolute;top:19px;right:19px}h1{font-size:clamp(29px,8vw,38px);line-height:1.13;font-weight:560;letter-spacing:-1.4px;margin:0;white-space:pre-line;text-wrap:balance}p.description{font-size:16px;line-height:1.5;color:#718076;max-width:310px;margin:15px 0 0;text-wrap:balance}.actions{width:100%;margin-top:auto;padding-top:34px}.primary{width:100%;min-height:62px;border:0;border-radius:21px;background:var(--accent);color:#fff;font-size:17px;font-weight:550;display:flex;align-items:center;justify-content:center;gap:13px;box-shadow:0 10px 26px -20px #101c18;transition:transform .15s,background .15s}.primary:active{transform:scale(.975)}.primary.soft{background:var(--mint);color:#243b29}.primary svg{height:19px;width:19px;stroke-width:1.8}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:100%;margin:34px 0 22px}.choice{padding:27px 15px 21px;border:1px solid #e0e5db;border-radius:24px;background:#fdfefb;display:flex;align-items:center;flex-direction:column;gap:16px;min-height:139px;font-size:17px;transition:transform .15s,border-color .15s,background .15s}.choice:active{transform:scale(.97);background:#e7f3df;border-color:#afc7a4}.choice svg{width:39px;height:39px;stroke-width:1.4}.choice-grid.binary{margin-top:35px}.binary .choice{min-height:115px;padding:23px 15px;gap:12px}.binary .choice svg{width:28px;height:28px}.choice-body{justify-content:center;flex:1;width:100%;display:flex;flex-direction:column;align-items:center;padding-bottom:30px}.screen.device-screen .choice-body{padding-bottom:22px}.small-device{width:62px;height:62px;border-radius:20px;display:grid;place-items:center;background:#e7ecdf;margin-bottom:28px}.small-device svg{width:29px;height:29px}.transfer{position:relative;width:220px;height:160px;display:grid;place-items:center}.transfer>.computer{width:130px;height:130px;stroke-width:1}.transfer>.phone{position:absolute;left:6px;bottom:6px;width:44px;height:70px;stroke-width:1.5;fill:var(--paper)}.transfer>.transfer-arrow{position:absolute;top:8px;left:17px;width:22px;color:#6c9462;transform:rotate(-25deg)}.store-tag{display:flex;align-items:center;justify-content:center;gap:8px;font-size:13px;color:var(--muted);margin-top:18px}.store-tag svg{width:16px;height:16px}.signal{width:140px;height:140px;background:#e9f2e1;color:#527949;border-radius:42px;display:grid;place-items:center;transform:rotate(-6deg)}.signal svg{width:65px;height:65px;stroke-width:1.3;transform:rotate(6deg)}.signal.confirm{color:#4e7568;background:#e1eee7}.signal.neutral{background:#e7ece8;color:#64776b}.progress-orbit{width:150px;height:150px;position:relative;display:grid;place-items:center}.progress-orbit:before{content:"";position:absolute;inset:0;border:2px solid #dde6d5;border-top-color:#618b53;border-radius:50%;animation:spin 1.4s linear infinite}.progress-orbit svg{width:47px;height:47px;color:#618b53}.progress-caption{margin-top:22px;color:var(--muted);font-size:15px}.mode-list{width:100%;display:flex;flex-direction:column;gap:12px;margin:35px 0}.mode{border:1px solid var(--line);border-radius:23px;background:#fcfdf9;padding:22px 20px;display:flex;align-items:center;gap:16px;text-align:left;min-height:86px;font-size:18px;font-weight:530;letter-spacing:-.3px}.mode:first-child{background:#e9f2e1;border-color:#d5e3c9}.mode .mode-icon{width:39px;height:39px;display:grid;place-items:center;border-radius:14px;background:#fff9}.mode>svg{margin-left:auto;width:19px;color:#85917c}.power-area{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;min-height:310px;width:100%;padding:25px 0}.power-button{border:1px solid #dce5d5;background:radial-gradient(circle at 35% 20%,#fdfff9,#e0e9da);width:204px;height:204px;border-radius:50%;display:grid;place-items:center;color:#61795b;box-shadow:0 20px 55px -30px #23352150;position:relative;transition:transform .2s,background .4s,box-shadow .4s}.power-button:before{content:"";position:absolute;inset:-18px;border:1px solid #dfe6d9;border-radius:50%}.power-button svg{width:73px;height:73px;stroke-width:1.4}.power-button:active{transform:scale(.96)}.power-button.on{background:radial-gradient(circle at 35% 20%,#e3ffd0,#b1e795);color:#315b35;border-color:#c3dfa9;box-shadow:0 22px 70px -28px #6eae4f70}.power-button.on:before{border-color:#d6e6c9}.power-label{font-size:17px;font-weight:530;margin-top:39px;color:#506048}.status-title{font-size:32px;letter-spacing:-1px}.status-dot{display:inline-block;width:7px;height:7px;background:#6f9c55;border-radius:50%;margin-right:8px;vertical-align:middle}.chosen-mode{color:#7a8779;font-size:14px;margin-top:12px}.finish-action{height:48px;border:0;background:none;color:#697663;font-size:14px;margin-top:12px;border-radius:12px;padding:10px 14px}.screen.power-screen{padding-top:36px}.context-note{font-size:12px;color:var(--muted)}footer{text-align:center;min-height:44px;padding:12px 0 15px;font-size:10px;line-height:1.4;color:#969d94;letter-spacing:.1px}.empty-action-space{height:26px}.retry-icon{color:#927746;background:#f0eadc}.error-caption{font-size:15px;color:#8a8171;line-height:1.5;margin-top:15px}button[hidden]{display:none!important}.fade-out{animation:arrive .18s ease reverse both}body[data-device="windows"] .app-icon{border-radius:22px}body[data-device="iphone"] .primary{border-radius:20px}.native-screen .overline{letter-spacing:.15px}.native-screen h1{font-size:32px}.connection-hint{font-size:12px;color:var(--muted);margin-top:9px}.connection-hint:empty{display:none}
@keyframes arrive{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}
@media(min-height:800px){.topbar{height:100px}.screen{padding-top:23px}.hero{max-height:350px}.actions{padding-bottom:22px}.choice-grid{gap:15px}.choice{min-height:153px}.power-area{min-height:390px}}
@media(max-height:650px){.topbar{height:66px}.screen{padding-top:0}.hero{min-height:135px;max-height:190px;margin-bottom:8px}.halo{width:145px;height:145px}.halo:before{inset:-11px}.halo:after{inset:-22px}.halo svg{height:55px;width:55px}.halo .spark{padding:8px}.hero.compact{min-height:110px;max-height:135px}.app-icon{height:82px;width:82px;border-radius:24px}h1{font-size:29px}.actions{padding-top:24px}.primary{min-height:56px}.choice-grid{margin-top:25px;gap:10px}.choice{min-height:115px;padding:19px 14px;gap:10px}.choice-body{padding-bottom:8px}.power-area{min-height:265px;padding:18px 0}.power-button{width:160px;height:160px}.power-button svg{width:60px;height:60px}.power-label{margin-top:29px}.screen.power-screen{padding-top:15px}.small-device{margin-bottom:20px}.signal{width:115px;height:115px;border-radius:34px}footer{min-height:36px;padding:9px 0}}
@media(max-width:350px){.shell{padding-left:20px;padding-right:20px}.choice{min-height:111px}.mode{font-size:16px;padding:19px 15px}.mode-list{gap:10px}.primary{font-size:16px}.native-screen h1{font-size:29px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Revision 2: explicit simulation boundary and a permanently visible route switch. */
.demo-notice{flex:none;background:#eee8d5;border:1px solid #ded4b5;color:#69592d;border-radius:13px;padding:10px 8px;text-align:center;font-size:12px;font-weight:600;line-height:1.35;margin:0 0 12px}.topbar{height:76px}footer{min-height:26px;padding:7px 0 10px}.power-screen .status-title{font-size:30px;letter-spacing:-1px}.mode-switch{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:6px;background:#e9ede4;border:1px solid #dce2d6;border-radius:20px;padding:5px;margin-top:25px}.mode-option{min-height:49px;border:0;background:transparent;border-radius:15px;display:flex;align-items:center;justify-content:center;gap:9px;color:#6a7767;font-size:15px;font-weight:550}.mode-option svg{width:21px;height:21px}.mode-option.selected{background:#fffef9;color:#263e2a;box-shadow:0 2px 7px #182c1810}.real-state{margin:15px 0 0;font-size:12px;color:#7c8477;line-height:1.4}.power-button.busy{background:#e9eddf;color:#6e805b}.power-button.busy:before{border-top-color:#597b42;animation:spin 1.4s linear infinite}.power-screen .power-area{min-height:300px;padding:24px 0 14px}.power-screen .power-label{margin-top:32px}.screen.power-screen{padding-top:20px}.screen:has(.hero.compact) .actions{padding-top:25px}
@media(max-height:650px){.topbar{height:60px}.demo-notice{padding:8px 5px;margin-bottom:8px;font-size:11px}.screen.power-screen{padding-top:9px}.power-screen .status-title{font-size:25px;letter-spacing:-.7px}.mode-switch{margin-top:16px;padding:4px}.mode-option{min-height:44px;font-size:14px}.mode-option svg{width:19px;height:19px}.power-screen .power-area{min-height:230px;padding:20px 0 7px}.power-screen .power-button{height:136px;width:136px}.power-screen .power-button svg{height:52px;width:52px}.power-screen .power-label{margin-top:24px;font-size:15px}.real-state{margin-top:10px;font-size:11px}.finish-action{height:44px;margin-top:6px}.actions{padding-top:18px}.hero.compact{min-height:95px;max-height:115px}}
/* Revision 3: stable controls, emerald interaction, a guided member showroom. */
:root{--emerald:#0b493f;--emerald-deep:#07362f;--ease:cubic-bezier(.22,.8,.22,1)}
.shell{--gutter:26px;padding-left:var(--gutter);padding-right:var(--gutter)}
body{transition:background-color .5s ease}.screen{animation:screen-fade .25s ease both}.topbar{height:70px}
.primary,.secondary,.choice,.finish-action,.mode-option,.lot-price,.carousel-arrow,.cabinet-tile,.access-card,.shelf-link,.device-summary{transition:background-color .26s ease,color .26s ease,border-color .26s ease,box-shadow .3s ease;transform:none}
.primary{background:var(--emerald-deep);box-shadow:inset 0 1px 0 #ffffff12,0 9px 26px -22px #092f2a;min-height:56px}
.primary:active,.choice:active{transform:none;background:#0d594c;color:#fff}.primary:disabled{opacity:.35}
.secondary{min-height:56px;width:100%;border:1px solid #cfdad0;border-radius:20px;background:#edf1e9;font-weight:550;font-size:17px}
.mode-switch{position:relative;gap:0;padding:5px;background:#e8ede5;margin-top:21px;border-radius:20px;height:60px;flex:none}
.mode-track{position:absolute;top:5px;bottom:5px;left:5px;width:calc(50% - 5px);border-radius:15px;background:linear-gradient(135deg,#174f43,#0a352e);box-shadow:inset 0 1px 0 #ffffff25,0 3px 9px #123d2520;transform:translateX(calc(var(--selection,0)*100%));transition:transform .36s var(--ease);pointer-events:none}
.mode-option{position:relative;z-index:1;gap:7px;font-size:14px;min-height:48px;border-radius:15px;white-space:nowrap}
.mode-option.selected{background:transparent;color:#f6fbef;box-shadow:none}.mode-option svg{width:19px;height:19px}
.screen.power-screen{padding-top:14px}.power-screen .status-title{height:38px;line-height:38px;flex:none;font-size:30px;white-space:nowrap}
.power-screen .power-area{min-height:290px;flex:1;justify-content:center;padding:28px 0 18px}
.power-button{background:#e2ecdc;color:#4f6c54;transition:background-color .4s ease,color .3s ease,box-shadow .4s ease;border-color:#d3dfcd}
.power-button.on,.power-button.busy{background:#d3efbd;color:#285740;border-color:#c3d8b5;box-shadow:inset 0 2px 0 #ffffff80,0 24px 58px -30px #4d7b3b55}
.power-button:active{transform:none;background:#0c4c3e;color:#f4fae7}.power-button.busy:before{border-top-color:#467b55}
.power-screen .power-label{height:24px;line-height:24px;margin-top:32px;min-width:220px}.real-state{height:18px;line-height:18px;margin-top:8px}
.control-bottom{height:64px;width:100%;flex:none}.control-bottom .primary{height:56px;opacity:1;transition:opacity .3s ease,background-color .25s}.control-bottom .unavailable{visibility:hidden;opacity:0;pointer-events:none}
@media(hover:hover){.primary:hover,.secondary:hover,.choice:hover,.lot-price:not(:disabled):hover,.carousel-arrow:not(:disabled):hover,.cabinet-tile:hover,.access-card:hover,.shelf-link:hover,.device-summary:hover{background:var(--emerald);color:#f9fcf1;border-color:var(--emerald);box-shadow:inset 0 1px 0 #ffffff20,0 8px 25px -18px #123e2d80}.finish-action:hover{background:#e2eade;color:var(--emerald-deep)}.mode-option:hover{background:#0b493f;color:#fff}.mode-option.selected:hover{background:#165d4e}.power-button:hover{background:#0b493f;color:#f5fbe9;border-color:#125d49;box-shadow:inset 0 1px 0 #ffffff30,0 25px 65px -24px #0b493f55}.access-card:hover small,.shelf-link:hover small{color:#d4e8dc}}
.aurora-theme{background-color:#eff4f1}.has-badge:after{content:'✦';font-size:13px;margin-left:7px;color:#a27d38;letter-spacing:0}
.tour-title{flex:none}.tour-title h1{font-size:30px;line-height:1.2}.tour-title .overline{margin-bottom:9px}.tour-title .description{font-size:14px;margin-top:9px}.showcase-screen{padding-top:7px;overflow:visible;width:100%}
.carousel{position:relative;display:flex;gap:14px;align-items:stretch;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;width:calc(100% + var(--gutter)*2);padding:10px calc(var(--gutter) + 12px) 18px;margin:14px calc(-1*var(--gutter)) 0;scroll-padding-inline:calc(var(--gutter) + 12px);flex:none;-webkit-overflow-scrolling:touch}
.carousel::-webkit-scrollbar{display:none}.product-card{flex:0 0 100%;min-width:0;border:1px solid #dfe8dd;border-radius:29px;scroll-snap-align:center;background:#fbfcf7;box-shadow:0 10px 24px -22px #173a2950;display:flex;flex-direction:column;align-items:center;overflow:hidden;padding:18px 20px 19px;text-align:center}
.product-card.theme{background:#edf1f1;border-color:#dbe4e0}.product-card.badge{background:#f8f2e6;border-color:#e7dfcb}.product-card.month{background:#e9f0e7;border-color:#d4dfcd}
.product-art{height:230px;display:grid;place-items:center;width:100%;position:relative}.product-card h2{font-size:21px;font-weight:550;letter-spacing:-.6px;margin:12px 0 0}.product-card p{font-size:13px;color:#718071;margin:8px 0 17px;line-height:1.4}
.lot-price{width:100%;min-height:49px;border:1px solid #d0dbce;border-radius:16px;background:#fffef9;display:flex;justify-content:center;align-items:center;gap:12px;font-size:16px;font-weight:600;color:#163f32;margin-top:auto}.lot-price svg{width:17px;height:17px}.lot-price:active{background:var(--emerald);color:white}.lot-price.obtained{background:transparent;border-color:transparent;color:#69806c;box-shadow:none}
.carousel-nav{display:flex;align-items:center;justify-content:center;gap:25px;min-height:44px;flex:none}.carousel-arrow{width:40px;height:40px;border:1px solid #dce5da;background:#fafcf6;border-radius:50%;display:grid;place-items:center}.carousel-arrow svg{width:18px;height:18px}.carousel-arrow.previous svg{transform:rotate(180deg)}.carousel-arrow:disabled{opacity:.28}.carousel-dots{display:flex;gap:0}.carousel-dot{width:22px;height:36px;padding:0;border:0;background:transparent;display:grid;place-items:center}.carousel-dot:before{content:'';width:5px;height:5px;border-radius:50%;background:#c3cdc2;transition:background .3s,width .3s}.carousel-dot.current:before{width:17px;border-radius:4px;background:#1c5945}.showcase-screen>.finish-action{margin-top:auto;flex:none}
.capsule-art{width:125px;height:194px;position:relative;filter:drop-shadow(0 24px 18px #173b3420);transform:rotate(-18deg);flex:none}.capsule-half{position:absolute;left:0;width:100%;height:50%;border:1px solid #adc5aa;background:linear-gradient(105deg,#eaf4c8 0%,#e7edc4 9%,#bdd4a5 25%,#eaf8d1 55%,#9eb591 100%);box-shadow:inset 3px 0 10px #ffffef70,inset -6px 0 8px #425d3e12}.capsule-half.top{top:0;border-radius:80px 80px 8px 8px;transform-origin:50% 100%}.capsule-half.bottom{bottom:0;border-radius:8px 8px 80px 80px;background:linear-gradient(105deg,#124c3a,#3f6e52 18%,#174c3c 47%,#092b24);border-color:#25503a;transform-origin:50% 0}.capsule-art strong{position:absolute;top:112px;left:0;right:0;font-weight:500;font-size:24px;letter-spacing:-1px;color:#e9f3d7}.capsule-brand{position:absolute;top:45px;left:0;right:0;text-align:center;font-size:15px;letter-spacing:-.7px;color:#34563f;font-weight:600}.capsule-seam{position:absolute;top:96px;left:-1px;right:-1px;height:3px;border-radius:5px;background:linear-gradient(90deg,#64856c,#d5d7ae,#577553);box-shadow:0 2px 4px #173b3120}.capsule-glow{position:absolute;inset:20px -40px;background:radial-gradient(ellipse,#d5ecc580,transparent 70%);filter:blur(16px);z-index:-1}.capsule-art.mini{width:105px;height:164px}.mini .capsule-brand{top:36px}.mini strong{top:96px;font-size:21px}.mini .capsule-seam{top:81px}
.aurora-art{height:186px;width:142px;border-radius:23px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 17% 5%,#648d8b,#172e37 50%,#1d3039);transform:rotate(9deg);box-shadow:inset 0 1px 2px #ffffff70,0 20px 30px -16px #123c4150;border:1px solid #456c65}.aurora-art i{position:absolute;inset:-60% -20%;background:conic-gradient(from 30deg,transparent 10%,#aff9bfaa 19%,#2a9784 25%,transparent 32%,#95e9b970 47%,transparent 55%);filter:blur(11px);transform:rotate(25deg)}.aurora-art span{position:absolute;left:-10%;right:-10%;height:80px;bottom:-30px;background:#12262b;border-radius:50%;transform:rotate(-12deg)}.aurora-art b{position:absolute;top:17px;left:16px;color:#e9fbef;font-size:16px;letter-spacing:-.6px;font-weight:500}
.medallion-art{width:154px;height:154px;display:grid;place-items:center;border-radius:45px;background:linear-gradient(125deg,#ffeac0,#e9d39c 30%,#b99a5b 70%,#ead7a3);box-shadow:inset 1px 2px 3px #fff8dd, inset -3px -3px 6px #886b3a55,0 22px 40px -24px #4e381260;transform:rotate(-12deg);padding:11px}.medallion-art>div{display:flex;align-items:baseline;justify-content:center;padding-top:37px;height:100%;width:100%;border:1px solid #ad915e;border-radius:35px;box-shadow:inset 1px 1px 0 #fff4c1;color:#66512d;font-size:39px;letter-spacing:-3px;text-shadow:0 1px 0 #fff6cf}.medallion-art span{font-size:24px;letter-spacing:-2px}
.opening-screen{justify-content:center}.opening-stage{width:100%;height:350px;position:relative;display:grid;place-items:center;isolation:isolate}.opening-stage>.capsule-art{position:absolute;transform:rotate(0);animation:unseal-fade 2.1s ease forwards;z-index:2}.unsealing .top{animation:unseal-top 1.6s var(--ease) forwards}.unsealing .bottom{animation:unseal-bottom 1.6s var(--ease) forwards}.unsealing .capsule-brand,.unsealing .capsule-seam{animation:mark-fade .8s ease forwards}.revealed-gift{display:flex;flex-direction:column;align-items:center;gap:8px;position:relative;z-index:3;animation:gift-reveal 1.8s var(--ease) both;pointer-events:none}.revealed-gift>strong{font-size:52px;font-weight:450;letter-spacing:-2px;color:var(--emerald-deep)}.revealed-gift>span{font-size:13px;letter-spacing:4px;color:#6a826b}.opening-orbit{position:absolute;width:260px;height:260px;border:1px solid #b5cfaf;border-radius:50%;animation:orbit-open 1.9s ease both;z-index:0}.opening-orbit.second{width:310px;height:310px;animation-delay:.2s;opacity:.5}.opening-screen h1{font-size:26px}.opening-screen .finish-action{margin-top:24px}
.receipt-screen{padding-top:0}.receipt-art{flex:1;min-height:210px;display:grid;place-items:center;width:100%}.time-art{width:200px;height:200px;border-radius:50%;background:radial-gradient(circle at 35% 20%,#eaf4d9,#ccdcbc);border:1px solid #c8d7bc;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;box-shadow:inset 0 1px 1px #fffffa,0 23px 60px -35px #345a2750}.time-art span{font-size:38px;letter-spacing:-1.8px;font-weight:450}.time-art small{font-size:12px;letter-spacing:3px;color:#6e815d}.receipt-screen h1{font-size:30px}.receipt-screen .description{font-size:15px}.reward-tags{display:flex;gap:8px;margin-top:18px;font-size:12px;color:#6b7967}.reward-tags span{padding:8px 12px;border-radius:20px;background:#e5eddd}
.tour-screen .overline{margin-bottom:12px}.tour-screen h1{font-size:30px}.invitation-pair{width:100%;display:flex;gap:15px;align-items:center;justify-content:center;flex:1;min-height:180px;padding:35px 0}.invite-ticket{width:108px;height:150px;border:1px solid #c7d3be;background:linear-gradient(145deg,#eff5df,#d6e5c7);border-radius:24px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:30px;box-shadow:0 15px 30px -22px #2e513c50;transform:rotate(-8deg)}.invite-ticket:last-child{transform:rotate(8deg)}.invite-ticket svg{width:33px;height:33px;color:#497152}.invite-ticket span{font-size:13px;letter-spacing:4px;color:#809574}.tour-note{font-size:23px;line-height:1.35;letter-spacing:-.7px;margin:10px 0 0}.quiet-note{color:#7c877a;font-size:12px;line-height:1.5;margin:13px 0 0}.device-slots{width:100%;display:flex;gap:8px;align-items:center;justify-content:center;flex:1;min-height:230px}.device-slot{flex:1;max-width:125px;min-height:163px;border:1px dashed #ced9cd;border-radius:22px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;font-size:13px;color:#84917f}.device-slot svg{width:32px;height:32px}.device-slot.active{border-style:solid;background:#e8f0e1;color:#355940}.device-slot small{font-size:9px;max-width:80px;line-height:1.3}
.dashboard-screen{align-items:stretch;text-align:left;padding-top:8px;gap:15px}.cabinet-welcome{display:flex;align-items:center;gap:14px;margin:4px 0 11px}.cabinet-welcome .overline{margin:0 0 5px}.cabinet-welcome h1{font-size:30px}.member-mark{display:grid;place-items:center;width:55px;height:55px;border-radius:19px;background:#e3ead9;color:#587155;font-size:16px;letter-spacing:-.8px}.has-badge~.prototype{border-color:#daceaa}.aurora-theme .member-mark{background:linear-gradient(135deg,#f1e2ba,#c4a970);color:#5b4a2d}.access-card{display:flex;align-items:center;gap:12px;width:100%;border:1px solid #c8d7bd;background:#e4efd8;border-radius:24px;min-height:105px;padding:20px 17px;text-align:left}.access-symbol{width:39px;height:39px;display:grid;place-items:center;border:1px solid #a8c698;border-radius:50%;flex:none}.access-card>svg{width:17px;margin-left:auto}.access-card strong{font-size:15px;font-weight:600}.access-card small{font-size:11px;display:block;color:#6a7e62;margin-top:7px;line-height:1.5}.shelf-link{border:1px solid #d7e1d2;border-radius:24px;padding:22px 20px;background:linear-gradient(120deg,#fafcf4,#eaf2e4);position:relative;text-align:left}.shelf-link>span{font-size:22px;letter-spacing:-.5px}.shelf-link small{display:block;font-size:12px;color:#74856c;margin-top:7px}.shelf-link svg{position:absolute;right:20px;top:28px;width:20px}.cabinet-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.cabinet-grid.single{grid-template-columns:1fr}.cabinet-tile{min-height:110px;border:1px solid #dde5d7;background:#fafbf6;border-radius:22px;display:flex;flex-direction:column;align-items:flex-start;gap:9px;padding:17px 20px}.cabinet-tile strong{font-size:29px;line-height:1;font-weight:450}.cabinet-tile span{font-size:12px;color:inherit}.single .cabinet-tile{flex-direction:row;align-items:center;min-height:83px;gap:18px}.device-summary{display:flex;align-items:center;gap:12px;padding:13px 16px;border:1px solid #dce5d7;background:#f9fbf5;border-radius:18px;min-height:62px;font-size:14px}.device-summary b{margin-left:auto;font-size:13px;font-weight:500}.device-summary>svg{width:19px}.device-summary>svg:last-child{width:16px}.dashboard-screen>.finish-action{margin-top:auto;text-align:center}
.checkout-screen,.confirm-screen{padding-top:0}.checkout-art{flex:1;min-height:230px;display:grid;place-items:center;width:100%}.checkout-screen .description{font-size:14px}.checkout-price{font-size:35px;letter-spacing:-1px;margin:20px 0 0;font-weight:450}.checkout-screen .actions{padding-top:20px}.checkout-screen .quiet-note{margin-top:8px}.confirm-screen h1{font-size:28px}.confirm-options{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:17px;margin-top:35px;padding-bottom:16px}.confirm-options>div{display:flex;flex-direction:column;gap:12px}.confirm-options span{font-size:13px;color:#74816f}.confirm-options button{font-size:16px}
.toast{position:fixed;z-index:20;bottom:max(22px,env(safe-area-inset-bottom));left:50%;width:max-content;max-width:calc(100% - 36px);padding:15px 22px;background:#123b32;color:#f7f8e9;box-shadow:0 12px 35px #0c2d2b25;border:1px solid #426d55;border-radius:17px;transform:translate(-50%,10px);opacity:0;pointer-events:none;font-size:13px;line-height:1.45;text-align:center;transition:opacity .3s,transform .3s var(--ease)}.toast.visible{opacity:1;transform:translate(-50%,0)}
@keyframes screen-fade{from{opacity:.2}to{opacity:1}}@keyframes unseal-top{0%,20%{transform:translateY(0) rotate(0)}to{transform:translate(-22px,-64px) rotate(-18deg);opacity:0}}@keyframes unseal-bottom{0%,20%{transform:translateY(0) rotate(0)}to{transform:translate(22px,62px) rotate(18deg);opacity:0}}@keyframes unseal-fade{0%,65%{opacity:1}100%{opacity:0}}@keyframes mark-fade{0%,45%{opacity:1}to{opacity:0}}@keyframes gift-reveal{0%,35%{opacity:0;transform:scale(.78)}70%{opacity:1}to{opacity:1;transform:scale(1)}}@keyframes orbit-open{0%,15%{opacity:0;transform:scale(.3)}50%{opacity:.8}to{opacity:0;transform:scale(1.1)}}
@media(max-width:350px){.shell{--gutter:20px}.mode-option{font-size:12px;gap:5px}.mode-option svg{width:17px;height:17px}.confirm-options{gap:12px}.confirm-options span{font-size:12px}}
@media(max-height:700px){.topbar{height:56px}.demo-notice{font-size:10px;padding:7px 5px;margin-bottom:8px}.screen.power-screen{padding-top:7px}.power-screen .status-title{font-size:25px;height:32px;line-height:32px}.mode-switch{height:54px;margin-top:14px}.mode-option{min-height:42px}.power-screen .power-area{min-height:224px;padding:19px 0 12px}.power-screen .power-button{width:136px;height:136px}.power-screen .power-button svg{width:50px;height:50px}.power-screen .power-label{margin-top:25px;font-size:14px}.real-state{font-size:10px;margin-top:5px}.control-bottom{height:57px}.control-bottom .primary{height:50px;min-height:50px}.tour-title h1{font-size:25px}.tour-title .overline{font-size:10px;margin-bottom:6px}.tour-title .description{font-size:12px;margin-top:6px}.carousel{margin-top:8px;padding-top:6px;padding-bottom:10px}.product-card{padding:12px 16px;border-radius:23px}.product-art{height:141px}.product-card h2{font-size:18px;margin-top:8px}.product-card p{font-size:11px;margin:6px 0 12px}.lot-price{min-height:43px;font-size:14px;border-radius:13px}.product-art .capsule-art{transform:rotate(-18deg) scale(.66)}.product-art .capsule-art.mini{transform:rotate(-18deg) scale(.75)}.product-art .aurora-art{transform:rotate(9deg) scale(.68)}.product-art .medallion-art{transform:rotate(-12deg) scale(.75)}.carousel-nav{min-height:38px;gap:23px}.carousel-arrow{width:34px;height:34px}.showcase-screen>.finish-action{height:32px;min-height:32px;margin-top:5px;padding:4px 10px;font-size:12px}.opening-stage{height:270px}.opening-orbit{width:210px;height:210px}.opening-orbit.second{width:255px;height:255px}.receipt-art{min-height:180px}.time-art{width:155px;height:155px}.time-art span{font-size:31px}.receipt-screen h1{font-size:26px}.receipt-screen .description{font-size:13px}.receipt-art .aurora-art{transform:rotate(9deg) scale(.8)}.receipt-art .medallion-art{transform:rotate(-12deg) scale(.85)}.tour-screen h1{font-size:26px}.invitation-pair{min-height:160px;padding:19px 0}.invite-ticket{height:125px;width:90px;gap:20px}.tour-note{font-size:20px}.device-slots{min-height:190px}.device-slot{min-height:145px;font-size:11px}.device-slot svg{width:26px;height:26px}.quiet-note{font-size:11px}.dashboard-screen{gap:10px}.cabinet-welcome{margin:0 0 6px}.cabinet-welcome h1{font-size:26px}.member-mark{width:45px;height:45px;border-radius:16px}.access-card{min-height:86px;padding:13px;border-radius:21px}.access-card strong{font-size:13px}.access-card small{font-size:10px}.shelf-link{padding:14px 17px;border-radius:21px}.shelf-link>span{font-size:20px}.shelf-link small{font-size:11px}.cabinet-tile{min-height:86px;padding:13px 17px;gap:7px}.cabinet-tile strong{font-size:25px}.single .cabinet-tile{min-height:63px}.device-summary{min-height:51px;font-size:13px}.checkout-art{min-height:190px}.checkout-art .capsule-art{transform:rotate(-18deg) scale(.82)}.checkout-screen h1,.confirm-screen h1{font-size:26px}.checkout-price{font-size:30px;margin-top:14px}.confirm-options{margin-top:25px}.toast{font-size:12px;padding:12px 17px;bottom:15px}footer{font-size:9px;min-height:25px}}
@media(prefers-reduced-motion:reduce){.unsealing .top,.unsealing .bottom,.unsealing .capsule-brand,.unsealing .capsule-seam{opacity:0}.opening-orbit{opacity:0}.revealed-gift{opacity:1;transform:none}}
.product-art{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr)}
.toast{top:max(12px,env(safe-area-inset-top));bottom:auto;transform:translate(-50%,-8px)}.toast.visible{transform:translate(-50%,0)}
.aurora-theme .access-card{background:radial-gradient(ellipse at 15% 0%,#5c8470,#244c43 55%,#173831);color:#f2f7e7;border-color:#315d4b}.aurora-theme .access-card small{color:#cfdfcb}.aurora-theme .access-symbol{border-color:#86a98b}
@media(max-height:600px){.product-art{height:115px}.product-art .capsule-art{transform:rotate(-18deg) scale(.58)}.product-art .capsule-art.mini{transform:rotate(-18deg) scale(.64)}.product-art .aurora-art{transform:rotate(9deg) scale(.58)}.product-art .medallion-art{transform:rotate(-12deg) scale(.68)}.carousel-nav{min-height:44px}.carousel-arrow{width:40px;height:40px}.lot-price{min-height:44px}}
/* v4 · revolving showroom, collectible gifts, persistent navigation. */
.shell{height:100svh;min-height:540px;padding-bottom:calc(74px + env(safe-area-inset-bottom))}main{min-height:0}.screen{min-height:0}.topbar{height:64px}footer{flex:none;min-height:23px;font-size:9px;padding:5px 0 7px}.demo-notice{font-size:11px;padding:8px 6px;margin-bottom:9px}
.bottom-nav{position:fixed;z-index:30;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,480px);height:calc(69px + env(safe-area-inset-bottom));padding:6px 12px calc(7px + env(safe-area-inset-bottom));background:#f5f7f0ed;backdrop-filter:blur(18px);border-top:1px solid #dfe6d7;box-shadow:0 -9px 28px -22px #24452b60;display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.bottom-nav[hidden]{display:none}.bottom-nav button{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;border:0;border-radius:15px;background:transparent;color:#7c8977;font-size:10px;min-height:52px;transition:color .25s,background .25s}.bottom-nav svg{width:21px;height:21px;stroke-width:1.55}.bottom-nav button[aria-current=page]{background:#e1eadb;color:#254e3b}.bottom-nav button:active{background:#123f33;color:#fbfbed}
.showcase-screen{padding:2px 0 0;width:100%;min-height:0}.tour-title{width:100%;flex:none}.tour-title h1{font-size:29px;letter-spacing:-1px;white-space:nowrap}.tour-title .overline{font-size:10px;letter-spacing:.8px;margin-bottom:9px}.tour-title .description{font-size:13px;margin:8px auto 0;max-width:none;line-height:1.4;white-space:nowrap}.orbit-stage{position:relative;flex:1;min-height:260px;max-height:480px;width:calc(100% + var(--gutter)*2);align-self:center;perspective:1000px;perspective-origin:50% 45%;overflow:hidden;touch-action:pan-y;user-select:none;-webkit-user-select:none;outline:0;cursor:grab;margin-top:5px;isolation:isolate}.orbit-stage:focus-visible{outline:2px solid #60936b;outline-offset:-4px;border-radius:25px}.orbit-stage.dragging{cursor:grabbing}.orbit-stage .product-card{position:absolute;left:50%;top:50%;width:62%;height:calc(100% - 34px);max-height:410px;min-height:230px;padding:18px 16px 17px;display:flex;flex-direction:column;align-items:center;transform-origin:50% 50%;border-radius:26px;overflow:hidden;box-shadow:0 20px 32px -26px #15392e70,inset 0 1px 0 #ffffffc0;will-change:transform,opacity;backface-visibility:hidden;background:linear-gradient(145deg,#fefff9,#f1f4e9)}
.orbit-stage .product-card.theme{background:linear-gradient(140deg,#f1f7f2,#dce7e4)}.orbit-stage .product-card.avatar{background:linear-gradient(140deg,#fcf7e9,#ede3c9)}.orbit-stage .product-card.day{background:linear-gradient(140deg,#fbfdff,#eaf1f4)}.orbit-stage .product-card.month{background:linear-gradient(145deg,#f0f4e8,#d7e5cf);border-color:#c5d5bd}.orbit-stage .product-card.year{background:linear-gradient(145deg,#fbf2d9,#e8dfc5);border-color:#d4c7a4}.orbit-stage .product-card.devices{background:linear-gradient(140deg,#f3f4f4,#e4e9ed)}.orbit-stage .product-card.invites{background:linear-gradient(140deg,#f0f6e5,#d7e3ce)}
.orbit-stage .product-art{height:auto;min-height:0;flex:1;display:grid;grid-template-rows:minmax(0,1fr);place-items:center;isolation:isolate;pointer-events:none}.orbit-stage .product-card h2{font-size:19px;letter-spacing:-.6px;margin:10px 0 0;line-height:1.2;min-height:23px;pointer-events:none;white-space:nowrap}.orbit-stage .product-card p{font-size:11px;line-height:1.4;margin:7px 0 14px;min-height:31px;max-width:190px;text-wrap:balance;pointer-events:none}.orbit-stage .lot-price{flex:none;min-height:47px;font-size:15px;border-color:#cbd7c5;border-radius:15px;box-shadow:0 3px 8px #102d1605}.orbit-stage .obtained{box-shadow:none;border-color:transparent;background:transparent}.orbit-stage .card-preview{position:absolute;inset:0;border:0;border-radius:inherit;background:transparent;cursor:grab}.orbit-stage .card-preview[hidden]{display:none}.orbit-stage .product-card:not(.center-card) .lot-price{opacity:.58}.showcase-screen>.carousel-dots{height:32px;align-items:center;justify-content:center;flex:none}.showcase-screen .carousel-dot{width:25px;height:32px}.gesture-hint{font-size:11px;color:#899582;line-height:16px;margin:2px 0 5px;flex:none}.orbit-stage .capsule-art{width:124px;height:196px;transform:rotate(-18deg);filter:drop-shadow(0 22px 13px #2443322b)}.orbit-stage .capsule-art .capsule-brand{top:46px}.orbit-stage .capsule-art strong{top:114px;font-size:24px}.orbit-stage .capsule-art .capsule-seam{top:97px;background:linear-gradient(90deg,#8d8759,#f1e2a8,#8d8451)}
.capsule-art.mini{width:58px;height:90px;filter:drop-shadow(0 14px 10px #344f672a)}.mini .capsule-half.top{background:linear-gradient(100deg,#e6f0f5,#fff 30%,#d8e8ef 65%,#9bb9cb);border-color:#b7ccd9}.mini .capsule-half.bottom{background:linear-gradient(100deg,#37617c,#85aac2 30%,#476b83 68%,#294b62);border-color:#7596ab}.mini .capsule-brand,.orbit-stage .mini .capsule-brand{top:20px;font-size:8px;letter-spacing:-.3px;color:#3c6075}.mini strong,.orbit-stage .mini strong{top:53px;font-size:11px;letter-spacing:-.5px;color:#f3f9fc}.mini .capsule-seam,.orbit-stage .mini .capsule-seam{top:44px;height:2px;background:linear-gradient(90deg,#728e9e,#f6fcff,#638090)}.mini .capsule-glow{inset:-20px -40px;background:radial-gradient(ellipse,#d1e4ec,transparent 70%)}.orbit-stage .capsule-art.mini{width:58px;height:90px;transform:rotate(-18deg)}
.orbit-stage .aurora-art{transform:rotate(9deg) scale(.9)}.avatar-art{position:relative;width:145px;height:162px;border-radius:46px;background:linear-gradient(145deg,#efe3c1,#c8a969 65%,#af9055);box-shadow:inset 2px 2px 3px #fff4cd,inset -2px -3px 6px #604a2f25,0 22px 34px -20px #64502850;transform:rotate(-9deg);overflow:hidden;border:1px solid #d6c18f}.avatar-art:before{content:'';position:absolute;inset:9px;border:1px solid #9b7b44;border-radius:36px;background:radial-gradient(ellipse at 40% 15%,#4b7768,#20483f 65%,#173b34);box-shadow:inset 0 1px 3px #193e2980}.avatar-halo{position:absolute;width:88px;height:88px;border:1px solid #c7be8b50;border-radius:50%;left:27px;top:32px}.avatar-head{position:absolute;width:35px;height:38px;top:40px;left:54px;border-radius:50%;background:linear-gradient(120deg,#e6dfba,#9cba98);box-shadow:inset 1px 1px 3px #fff5d0,3px 8px 14px #092b2030}.avatar-body{position:absolute;width:72px;height:45px;left:35px;top:82px;border-radius:40px 40px 12px 12px;background:linear-gradient(120deg,#d6d5af,#90af8f);box-shadow:inset 1px 1px 3px #e3e5c0}.avatar-art>span{position:absolute;right:16px;top:15px;font-size:9px;letter-spacing:1px;color:#cfc89b}.avatar-art>b{position:absolute;bottom:15px;left:0;right:0;text-align:center;color:#dbd0a7;font-size:9px;letter-spacing:.2px;font-weight:500}.member-mark{position:relative;overflow:hidden}.member-mark .avatar-art{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(.34)}
.device-gift{position:relative;display:flex;gap:3px;align-items:center;justify-content:center;width:190px;height:160px;transform:rotate(-8deg)}.device-gift>div{height:93px;width:45px;border-radius:14px;background:linear-gradient(110deg,#f0f4ed,#b8cbc9);border:1px solid #9bafb1;box-shadow:inset 1px 1px 2px #fff,0 16px 25px -15px #19464b60;display:flex;align-items:center;justify-content:center;flex:none}.device-gift>div:nth-child(2){width:94px;height:124px;background:linear-gradient(145deg,#20564a,#103e33);z-index:1;flex-direction:column;gap:17px;color:#cfdec3;border-color:#62866d;box-shadow:inset 1px 1px 1px #aac7b0,0 22px 32px -16px #16473870}.device-gift>div:first-child{transform:rotate(-10deg) translateX(3px)}.device-gift>div:last-child{transform:rotate(10deg) translateX(-3px)}.device-gift svg{width:25px;height:25px}.device-gift>div:nth-child(2) svg{width:39px;height:39px;stroke-width:1.2}.device-gift b{font-size:11px;letter-spacing:-.3px;font-weight:500}.bundle-art{position:relative;display:flex;align-items:center;gap:17px;width:218px;height:162px;transform:rotate(-9deg);filter:drop-shadow(0 18px 16px #5d51282a)}.bundle-pack{position:relative;display:grid;grid-template-columns:repeat(5,21px);gap:5px;padding:8px 8px 26px;background:linear-gradient(145deg,#c3c7a6,#919c78);border:1px solid #82906e;border-radius:14px;box-shadow:inset 0 1px 2px #f5eec4}.bundle-piece{display:block;width:21px;height:48px;border-radius:14px;background:linear-gradient(100deg,#e0e6bc,#edf0ca 30%,#99b386 48%,#2f6046 50%,#174535 70%,#426b4d);border:1px solid #a2b085;box-shadow:inset 1px 0 2px #f8fbd070,1px 4px 5px #27462b20;position:relative}.bundle-piece:after{content:'';position:absolute;left:0;right:0;top:49%;height:2px;background:linear-gradient(90deg,#7f8b5e,#e6d6a0,#7c8d62)}.bundle-pack b{position:absolute;bottom:6px;left:0;right:0;text-align:center;font-size:12px;color:#f0efd5;letter-spacing:1px;font-weight:500}.bundle-extra{display:flex;gap:5px;position:relative;padding-bottom:27px}.bundle-extra .bundle-piece{width:25px;height:57px;background:linear-gradient(100deg,#e8d6a3,#f8eabf 30%,#ae8c4c 48%,#b19653 50%,#ddca8f 68%,#947b40);border-color:#b4975d}.bundle-extra b{position:absolute;bottom:0;left:0;right:0;text-align:center;font-size:19px;font-weight:500;letter-spacing:-.5px;color:#866d38}.orbit-stage .bundle-art{transform:rotate(-9deg) scale(.89)}.gift-pair{padding:0;min-height:0;height:170px}.gift-pair .invite-ticket{width:73px;height:117px;gap:22px;border-radius:19px}.gift-pair .invite-ticket svg{width:25px}
.ceremonial .opening-stage{height:auto;min-height:250px;flex:1;isolation:isolate;overflow:visible}.ceremonial .overline{margin-bottom:0;font-size:11px;letter-spacing:1px}.ceremonial .opening-stage>.capsule-art{animation:ceremony-shell 5.8s ease both;z-index:3}.ceremonial .unsealing .top{animation:ceremony-top 5.8s var(--ease) both}.ceremonial .unsealing .bottom{animation:ceremony-bottom 5.8s var(--ease) both}.ceremonial .unsealing .capsule-brand,.ceremonial .unsealing .capsule-seam{animation:ceremony-mark 5.8s ease both}.ceremonial .revealed-gift{animation:ceremony-reveal 5.8s var(--ease) both;z-index:4}.ceremonial .opening-orbit{animation:ceremony-orbit 5.8s ease both;border-color:#b9ae7a;width:265px;height:265px}.ceremonial .opening-orbit.second{width:315px;height:315px;animation-delay:.2s}.ceremony-light{position:absolute;width:320px;height:320px;border-radius:50%;background:radial-gradient(ellipse,#e9e0ab90,#dcebc550 36%,transparent 69%);filter:blur(8px);animation:ceremony-glow 5.8s ease both;z-index:0}.ceremony-platform{position:absolute;bottom:18%;width:190px;height:26px;border-radius:50%;background:radial-gradient(ellipse,#8c9b5f30,transparent 70%);filter:blur(6px);animation:ceremony-glow 5.8s ease both}.gift-spark{position:absolute;z-index:2;top:50%;left:50%;width:3px;height:3px;border-radius:50%;background:#b7a166;box-shadow:0 0 5px #ebda8b80;animation:ceremony-spark 5.8s var(--ease) both;transform:rotate(calc(var(--spark)*30deg)) translateY(0)}.ceremonial .finish-action{margin-top:12px;margin-bottom:4px}.time-art.day-time{width:155px;height:155px;background:radial-gradient(circle at 30% 20%,#f9fcff,#ccdfe8);border-color:#b7cdd8;color:#31566c}.day-time span{font-size:30px}.day-time small{color:#648293}.receipt-art .device-gift{transform:rotate(-8deg) scale(1.1)}.receipt-screen .receipt-art{min-height:170px}.receipt-screen .description{max-width:290px}.receipt-screen .actions{padding-top:22px;padding-bottom:8px}.checkout-art .bundle-art{transform:rotate(-9deg) scale(1.08)}.dashboard-screen{gap:13px}.dashboard-screen .cabinet-welcome h1{font-size:28px}
@keyframes ceremony-shell{0%{transform:rotate(-7deg) scale(.94);opacity:0}12%{opacity:1;transform:rotate(0) scale(1)}32%,62%{opacity:1}82%,100%{opacity:0}}@keyframes ceremony-top{0%,28%{transform:translate(0,0) rotate(0)}58%,100%{transform:translate(-40px,-91px) rotate(-25deg);opacity:0}}@keyframes ceremony-bottom{0%,28%{transform:translate(0,0) rotate(0)}58%,100%{transform:translate(40px,88px) rotate(25deg);opacity:0}}@keyframes ceremony-mark{0%,29%{opacity:1}42%,100%{opacity:0}}@keyframes ceremony-reveal{0%,38%{opacity:0;transform:translateY(20px) scale(.68)}66%{opacity:1;transform:translateY(0) scale(1)}100%{opacity:1;transform:translateY(-2px) scale(1)}}@keyframes ceremony-orbit{0%,24%{opacity:0;transform:scale(.45)}47%{opacity:.65}78%,100%{opacity:0;transform:scale(1.15)}}@keyframes ceremony-glow{0%{opacity:.2;transform:scale(.8)}36%,65%{opacity:1;transform:scale(1.08)}100%{opacity:.5;transform:scale(1)}}@keyframes ceremony-spark{0%,30%{opacity:0;transform:rotate(calc(var(--spark)*30deg)) translateY(-22px)}45%{opacity:.8}83%,100%{opacity:0;transform:rotate(calc(var(--spark)*30deg + 12deg)) translateY(-150px)}}
@media(hover:hover){.bottom-nav button:hover{background:#173f32;color:#f6f9ec}.orbit-stage .center-card .lot-price:not(:disabled):hover{background:#0c493c;color:#fffce7;box-shadow:inset 0 1px 0 #adc7ad40,0 7px 17px -12px #234d2d80}}
@media(max-height:740px){.shell{padding-bottom:calc(65px + env(safe-area-inset-bottom))}.bottom-nav{height:calc(62px + env(safe-area-inset-bottom));padding-top:4px;padding-bottom:calc(4px + env(safe-area-inset-bottom))}.bottom-nav button{min-height:51px}.topbar{height:54px}.demo-notice{padding:6px 5px;font-size:10px;margin-bottom:6px}.screen{padding-bottom:5px}.screen.power-screen{padding-top:5px}.power-screen .power-area{min-height:195px;padding:14px 0 8px}.power-screen .power-button{width:116px;height:116px}.power-screen .power-button svg{width:46px;height:46px}.power-screen .power-label{margin-top:25px;font-size:13px;height:19px;line-height:19px}.power-screen .real-state{margin-top:5px;height:16px;font-size:10px}.control-bottom{height:51px}.control-bottom .primary{height:46px;min-height:46px;font-size:15px}.tour-title h1{font-size:25px}.tour-title .overline{font-size:9px;margin-bottom:6px}.tour-title .description{font-size:11px;margin-top:6px}.orbit-stage{min-height:236px;margin-top:2px}.orbit-stage .product-card{height:calc(100% - 18px);min-height:218px;max-height:330px;padding:12px 11px 11px;border-radius:21px}.orbit-stage .product-card h2{font-size:16px;min-height:20px;margin-top:6px;letter-spacing:-.4px}.orbit-stage .product-card p{font-size:10px;min-height:27px;line-height:1.3;margin:5px 0 8px}.orbit-stage .lot-price{min-height:42px;font-size:13px;border-radius:13px}.orbit-stage .capsule-art{transform:rotate(-18deg) scale(.66)}.orbit-stage .capsule-art.mini{transform:rotate(-18deg) scale(.83)}.orbit-stage .aurora-art{transform:rotate(9deg) scale(.65)}.orbit-stage .avatar-art{transform:rotate(-9deg) scale(.70)}.orbit-stage .device-gift{transform:rotate(-8deg) scale(.72)}.orbit-stage .bundle-art{transform:rotate(-9deg) scale(.71)}.showcase-screen>.carousel-dots{height:28px}.showcase-screen .carousel-dot{height:28px;width:24px}.gesture-hint{font-size:10px;line-height:14px;margin-bottom:2px}.ceremonial .opening-stage{min-height:220px}.ceremonial .opening-orbit{width:225px;height:225px}.ceremonial .opening-orbit.second{width:265px;height:265px}.ceremony-light{width:270px;height:270px}.ceremonial .revealed-gift{scale:.83}.ceremonial h1{font-size:24px}.ceremonial .finish-action{height:34px;font-size:12px;padding:7px 12px}.receipt-art{min-height:140px}.receipt-screen h1{font-size:25px}.receipt-screen .description{font-size:12px}.receipt-screen .actions{padding-top:14px;padding-bottom:4px}.receipt-art .avatar-art{transform:rotate(-9deg) scale(.82)}.receipt-art .device-gift{transform:rotate(-8deg) scale(.9)}.time-art{width:145px;height:145px}.time-art span{font-size:29px}.time-art.day-time{width:135px;height:135px}.time-art.day-time span{font-size:26px}.checkout-art{min-height:140px}.checkout-art .capsule-art{transform:rotate(-18deg) scale(.7)}.checkout-art .bundle-art{transform:rotate(-9deg) scale(.88)}.checkout-price{font-size:27px;margin-top:11px}.checkout-screen .description{font-size:12px;margin-top:10px}.checkout-screen .actions{padding-top:14px}.confirm-options{margin-top:18px;padding-bottom:9px}.confirm-screen h1{font-size:23px}.dashboard-screen{gap:9px;padding-top:3px}.cabinet-welcome{margin:0 0 5px}.dashboard-screen .cabinet-welcome h1{font-size:24px}.access-card{min-height:80px}.shelf-link{padding:13px 15px}.shelf-link>span{font-size:18px}.cabinet-tile{min-height:75px;padding:11px 15px}.single .cabinet-tile{min-height:59px}.device-summary{min-height:48px}.tour-screen .device-slots{min-height:170px}.tour-screen .device-slot{min-height:130px}.tour-screen .actions{padding-top:12px}.gift-pair{height:155px}.tour-note{font-size:19px}.quiet-note{font-size:10px}}
@media(max-width:350px){.orbit-stage .product-card{width:64%}.tour-title h1{font-size:23px}.orbit-stage .product-card h2{font-size:15px}.orbit-stage .product-card p{font-size:9px}.bottom-nav{padding-left:9px;padding-right:9px}.bottom-nav button{font-size:9px}.bottom-nav svg{width:20px;height:20px}.orbit-stage .bundle-art{transform:rotate(-9deg) scale(.67)}}
@media(prefers-reduced-motion:reduce){.ceremonial .unsealing{opacity:0}.ceremonial .revealed-gift{opacity:1;transform:none}.gift-spark,.ceremony-light,.ceremony-platform,.ceremonial .opening-orbit{display:none}.orbit-stage .product-card{will-change:auto}}
/* v5 · a room to make your own */
body{background:#f4f3ed}.screen.room-screen{padding-top:4px}.room-heading{width:100%;flex:none}.room-heading .overline{font-size:10px;letter-spacing:1.2px;margin-bottom:12px}.room-heading h1{font-size:31px;letter-spacing:-1px}.room-heading p:last-child{font-size:13px;color:#7b8175;margin:10px 0 0}.room-view{--wall-back:#e6e4d9;--wall-top:#e7e4d8;--wall-bottom:#cfcdbf;--wall-side:#e1e0d3;--wall-right:#d3d1c3;--floor-back:#c1bead;--floor-front:#e7e3d5;--room-seam:#a3a593;--floor-line:#979886;--niche-dark:#8d9382;--niche-light:#d5d7c4;--niche-inner:#b3bca5;--room-mark:#8f9480;position:relative;width:calc(100% + 28px);flex:1;min-height:260px;max-height:470px;margin:22px -14px 0;overflow:hidden;border-radius:42% 42% 22px 22px;isolation:isolate;background:var(--wall-back);box-shadow:0 28px 38px -36px #5a6256;transition:background .7s;touch-action:pan-y}.room-view[data-style=aurora]{--wall-back:#57746b;--wall-top:#6f8d7e;--wall-bottom:#35554e;--wall-side:#8d9f8c;--wall-right:#3f615a;--floor-back:#687568;--floor-front:#b4b9a4;--room-seam:#b2bea0;--floor-line:#526b5c;--niche-dark:#183e37;--niche-light:#adc8ac;--niche-inner:#60917e;--room-mark:#c1c9ad}.room-architecture{position:absolute;inset:0;width:100%;height:100%;stroke:none}.room-architecture path{transition:fill .8s,stroke .8s}.room-architecture stop{transition:stop-color .8s}.wall-top{stop-color:var(--wall-top)}.wall-bottom{stop-color:var(--wall-bottom)}.wall-side{stop-color:var(--wall-side)}.floor-back{stop-color:var(--floor-back)}.floor-front{stop-color:var(--floor-front)}.niche-dark{stop-color:var(--niche-dark)}.niche-light{stop-color:var(--niche-light)}.room-ambience{pointer-events:none;position:absolute;inset:0;opacity:0;background:radial-gradient(ellipse at 25% 10%,#d7f7b73d,transparent 70%);transition:opacity .8s}.room-view[data-style=aurora] .room-ambience{opacity:1;animation:room-breath 9s ease-in-out infinite alternate}.room-hint{font-size:11px;letter-spacing:.15px;color:#818779;margin:16px 0 14px}.room-shop{min-height:55px;flex:none;margin-bottom:6px;background:#234b3d}.room-object{position:absolute;border:0;background:none;padding:0;width:120px;height:143px;display:flex;align-items:center;flex-direction:column;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;touch-action:none;isolation:isolate;z-index:3;outline-offset:0}.room-theme{right:5%;bottom:14%}.room-avatar{left:5%;bottom:14%}.room-access{left:calc(50% - 46px);bottom:7%;width:92px;height:114px}.room-devices{left:7%;bottom:45%;width:82px;height:91px}.room-invites{right:11%;bottom:46%;width:76px;height:85px}.object-model{width:100%;height:111px;display:grid;place-items:center;pointer-events:none;transition:filter .25s,transform .25s;filter:drop-shadow(0 10px 10px #1c302728)}.artifact-svg{width:100%;height:100%;stroke:none;overflow:visible}.artifact-svg text{font-family:inherit;stroke:none}.object-caption{font-size:11px;font-weight:550;color:#243b31;white-space:nowrap;max-width:130px;overflow:hidden;text-overflow:ellipsis;background:#fff9e9b8;padding:4px 8px;border-radius:9px;backdrop-filter:blur(8px);pointer-events:none}.object-halo{position:absolute;inset:10px -10px 15px;border-radius:50%;background:radial-gradient(ellipse,#f8e6ab90,transparent 69%);opacity:0;transition:opacity .18s;z-index:-1;pointer-events:none}.room-object.pressed .object-halo,.room-object:focus-visible .object-halo{opacity:1}.room-object.pressed .object-model{transform:translateY(-4px) scale(1.06);filter:drop-shadow(0 0 12px #fff2b8aa) drop-shadow(0 12px 10px #193c3550)}.room-object.pressed .object-caption{background:#164f3c;color:#fff7d6}.room-object.is-new .object-halo{animation:new-object-breath 3.6s ease-in-out infinite}.new-object{position:absolute;right:8px;top:8px;font-size:9px;font-weight:600;padding:4px 6px;color:#fff6d4;background:#2c5c45;border:1px solid #bdba8490;border-radius:8px;pointer-events:none}.is-holding *{animation-play-state:paused!important}.room-object.arriving{animation:object-arrival 1.6s cubic-bezier(.16,1,.3,1) both}.room-view[data-style=aurora] .object-caption{background:#203d34bb;color:#e8ead9}.room-access .object-model{height:85px}.room-devices .object-model{height:65px}.room-devices .devices-art{transform:scale(.35);position:absolute}.room-avatar .avatar-art{transform:scale(.53);position:absolute}.room-invites .object-model{height:60px}.room-medal{font-size:59px;color:#d4b86b;text-shadow:0 2px #655533,0 8px 15px #26372980}.room-invites .object-caption{font-size:9px}.object-dialog{border:1px solid #f9f7ea;border-radius:27px;background:#f6f5ed;color:#24352d;width:min(390px,calc(100% - 36px));max-height:85svh;padding:24px;margin:auto;box-shadow:0 25px 90px #102b2855;overflow:auto}.object-dialog::backdrop{background:#182d254d;backdrop-filter:blur(2px)}.object-dialog h2{font-size:24px;line-height:1.2;letter-spacing:-.7px;font-weight:550;margin:0 0 22px;text-align:center}.object-dialog .primary{min-height:49px;font-size:15px;border-radius:16px}.style-options{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-bottom:22px}.style-option{padding:6px 6px 12px;border:1px solid #d8ddce;border-radius:18px;background:#fffdf6;display:flex;flex-direction:column;gap:8px;align-items:center;min-width:0;font-size:11px}.style-option[aria-pressed=true]{border-color:#345d49;box-shadow:inset 0 0 0 1px #345d49;background:#edf0e3}.style-option em{font-style:normal;font-size:10px;color:#82907d;line-height:1.3}.style-option[aria-pressed=true] em{color:#27513b}.style-preview{width:100%;height:100px;position:relative;border-radius:12px;overflow:hidden;background:linear-gradient(105deg,#d2d0bd,#efebdf 70%)}.style-preview:after{content:'';position:absolute;bottom:-5px;height:35px;left:-10px;right:-10px;background:#c6c1ac;transform:skewX(-30deg)}.style-preview i{position:absolute;left:35%;width:35%;height:64px;top:15px;border-radius:40px 40px 0 0;border:7px solid #c3c4af;background:#909e85}.style-preview b{position:absolute;left:14%;bottom:24px;width:28px;height:35px;background:linear-gradient(120deg,#f6ecd5,#ab9a72);border-radius:50% 50% 0 0;z-index:2}.style-preview.aurora{background:linear-gradient(105deg,#698d7c,#305b50 70%)}.style-preview.aurora i{border-color:#95ac92;background:#345e50}.style-preview.aurora:after{background:#8d9981}.profile-label{font-size:12px;color:#7b8275;display:block;margin:12px 0 8px}.object-dialog input{font:inherit;width:100%;padding:14px;border:1px solid #ccd5c4;border-radius:12px;background:#fffdf5;margin-bottom:22px;color:#264032}.panel-note{text-align:center;color:#73806c;font-size:14px;line-height:1.5;margin:5px 0 22px}.time-stock{display:grid;gap:10px;margin:16px 0 22px}.time-stock .secondary{min-height:50px;display:flex;justify-content:space-between;align-items:center;padding:0 15px}.time-stock span{font-size:11px;color:#7e8777}.object-dialog .confirm-options{gap:18px}.medal-pair{display:flex;justify-content:center;gap:25px;font-size:60px;color:#c5ad68;margin-bottom:20px}.room-receipt .receipt-stage{position:relative;flex:1;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px}.room-receipt .receipt-message{display:flex;align-items:center;justify-content:center;gap:8px;font-size:12px;color:#53694d;margin-bottom:14px;background:#e6ecdc;padding:10px 14px;border-radius:15px}.receipt-message svg{width:15px;height:15px;stroke-width:2}.room-receipt .receipt-art{width:220px;height:230px;min-height:0;max-height:none;margin:0;flex:none;display:grid;place-items:center}.room-receipt h1{font-size:29px}.receipt-choices{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:100%;margin-top:26px;margin-bottom:8px}.receipt-choices .primary,.receipt-choices .secondary{min-height:54px;font-size:14px;border-radius:18px}.receipt-choices .primary svg{display:none}.room-receipt .overline{margin-bottom:0;font-size:10px}.product-art .design-object{width:190px;height:195px}.product-art .access-object{width:145px;height:155px}.revealed-gift .design-object,.revealed-gift .access-object{width:220px;height:230px}.gift-case{position:absolute;z-index:5;width:180px;height:150px;transform:rotate(-8deg);pointer-events:none}.case-base{position:absolute;inset:32px 0 0;border-radius:14px 14px 25px 25px;background:linear-gradient(135deg,#d4cdb1,#f1ead6 40%,#a49b7d);box-shadow:inset 1px 0 0 #fff,0 25px 40px -15px #3c453633;animation:box-base 5.8s ease both}.case-lid{position:absolute;top:0;left:-5px;right:-5px;height:87px;border-radius:23px 23px 12px 12px;background:linear-gradient(140deg,#fffdf0,#e7e0c9 70%,#bbb396);border-bottom:2px solid #b7a56f;box-shadow:inset 0 1px 0 #fff,0 4px 7px #706b5026;display:grid;place-items:center;animation:box-lid 5.8s cubic-bezier(.2,.7,.2,1) both}.case-lid span{font-size:27px;letter-spacing:-1.6px;color:#6d765b;text-shadow:0 1px #fff}.case-lid i{position:absolute;width:27px;height:18px;background:linear-gradient(100deg,#d1be84,#f7e9b6,#ac955c);bottom:-8px;left:calc(50% - 13px);border-radius:4px}.glass-capsule{position:relative;width:170px;height:220px;border-radius:65px 65px 45px 45px;border:1px solid #c3cbb9;box-shadow:inset 8px 0 15px #fff9, inset -8px -10px 12px #9fae9130,0 20px 28px -20px #4c624d60;background:linear-gradient(130deg,#ffffff90,#dfe7ce50 70%,#eff1dc70);transform:rotate(-8deg)}.glass-capsule:before{content:'';position:absolute;inset:7px;border:1px solid #fff9;border-radius:58px 58px 38px 38px;pointer-events:none}.glass-brand{position:absolute;top:17px;left:0;right:0;text-align:center;font-size:16px;letter-spacing:-.9px;color:#557052}.capsule-core{width:100px;height:100px;position:absolute;left:35px;top:40px}.capsule-medals{position:absolute;left:26px;right:26px;bottom:53px;display:flex;justify-content:space-between;color:#b79b59;font-size:36px;text-shadow:0 2px #fff9}.capsule-surprise{position:absolute;left:64px;bottom:30px;font-size:38px;font-style:normal;color:#6f927b}.glass-foot{font-size:5px;letter-spacing:.5px;position:absolute;bottom:15px;left:0;right:0;text-align:center;color:#6c8065}.checkout-art .glass-capsule{transform:scale(.8) rotate(-8deg)}.toast{top:35%;max-width:300px}.screen .room-shop:hover{background:#124d38}.is-holding .room-object.pressed .object-halo{opacity:1!important;animation:none}.is-holding .new-object{animation:none}
@keyframes object-arrival{0%{opacity:0;transform:translateY(-18px) scale(.86);filter:blur(4px)}60%{filter:blur(0)}100%{opacity:1;transform:none}}@keyframes new-object-breath{0%,100%{opacity:.25;transform:scale(.9)}50%{opacity:.85;transform:scale(1.1)}}@keyframes room-breath{to{opacity:.45}}@keyframes box-lid{0%,24%{opacity:1;transform:none}51%{opacity:1;transform:translate(-24px,-105px) rotate(-14deg)}67%,100%{opacity:0;transform:translate(-44px,-145px) rotate(-22deg)}}@keyframes box-base{0%,30%{opacity:1;transform:none}60%,100%{opacity:0;transform:translateY(115px) scale(.85)}}
@media(hover:hover){.room-object:hover .object-halo{opacity:1}.room-object:hover .object-model{filter:drop-shadow(0 0 12px #fff2b866) drop-shadow(0 12px 10px #193c3540)}.room-object:hover .object-caption{color:#fff7dc;background:#164f3c}.style-option:hover{border-color:#406c54}}
@media(max-height:740px){.room-heading .overline{margin-bottom:6px;font-size:9px}.room-heading h1{font-size:25px}.room-heading p:last-child{font-size:11px;margin-top:5px}.room-view{margin-top:14px;min-height:210px}.room-hint{margin:11px 0 10px;font-size:10px}.room-shop{min-height:46px;font-size:14px}.room-object{width:100px;height:116px}.object-model{height:88px}.room-access{width:75px;height:95px;left:calc(50% - 37px)}.room-access .object-model{height:68px}.room-invites{width:65px;height:80px}.room-devices{width:75px;height:80px}.room-receipt .receipt-art{width:170px;height:170px}.room-receipt h1{font-size:25px}.receipt-choices{margin-top:18px}.receipt-choices .primary,.receipt-choices .secondary{min-height:48px;font-size:13px}.product-art .design-object{width:145px;height:150px}.product-art .access-object{width:115px;height:122px}.product-art .glass-capsule{transform:scale(.65) rotate(-8deg)}.design-ceremony .opening-stage{min-height:200px}.room-receipt .receipt-message{font-size:11px}.style-preview{height:85px}}
@media(max-width:350px){.object-dialog{padding:20px 17px}.style-option{font-size:10px}.room-view{width:calc(100% + 20px);margin-left:-10px;margin-right:-10px}.room-theme{right:2%}.room-avatar{left:2%}.room-receipt .receipt-message{font-size:10px;padding:8px 10px}.room-heading h1{font-size:25px}}
@media(prefers-reduced-motion:reduce){.room-object.arriving,.room-object.is-new .object-halo,.room-ambience{animation:none}.room-object.is-new .object-halo{opacity:.55}.gift-case{display:none}.room-view *,.room-ambience{transition:none!important}}
.device-slot .slot-replace{border:0;background:#e3eadc;border-radius:10px;font-size:11px;padding:8px 10px;color:#35513c;margin-top:4px}.device-slot .slot-replace:active{background:#174e38;color:#fff}.room-access .object-caption{font-size:10px}
.room-capsules{left:calc(50% - 40px);bottom:43%;width:80px;height:100px}.room-capsules .object-model{height:76px}.room-capsules .glass-capsule{position:absolute;transform:scale(.34) rotate(-8deg)}.panel-capsule{height:180px;display:grid;place-items:center;margin:0 0 20px}.panel-capsule .glass-capsule{transform:scale(.7) rotate(-8deg)}

/* v6: the room is the viewport, not a card. All six objects share scene anchors. */
body.room-mode{overflow:hidden;background:#e3e6df}
.room-mode .shell{width:100%;max-width:none;height:100svh;height:100dvh;min-height:0;margin:0;padding:0;overflow:hidden;position:relative}
.room-mode .topbar{position:absolute;inset:env(safe-area-inset-top,0px) 0 auto;z-index:10;height:66px;padding:0 24px;background:linear-gradient(#f4f5ecb3,transparent)}
.room-mode .topbar .brand{font-size:25px;color:#364e42}
.room-mode .prototype{background:#f7f6ed80;color:#627363;border:1px solid #a2b2a335;backdrop-filter:blur(10px);font-size:10px}
.room-mode .demo-notice,.room-mode #context{display:none}
.room-mode #screen{position:absolute;inset:0;display:block;padding:0;margin:0;min-height:0;width:100%;overflow:hidden}
.room-mode .room-screen{padding:0;margin:0;display:block;position:absolute;inset:0;width:100%;height:100%;min-height:0}
.room-mode .room-view{--room-light:#f2f1e7;--room-wall:#d9ddd3;--room-ceiling:#f3f3eb;--room-left:#e6e7dc;--room-right:#c7d0c5;--room-floor:#bec7bb;--room-floor-front:#dfe1d2;--room-sky:#bfd2d2;--room-city:#a2b6b4;--room-trees:#8aab95;--room-curtain:#d6d9ce;--room-line:#6e897c;--room-desk:#d1cbb6;--room-desk-front:#b6b6a4;--room-desk-top:#e6e1ce;position:absolute;inset:0;width:100%;height:100%;min-height:0;max-height:none;flex:none;margin:0;border:0;border-radius:0;overflow:hidden;box-shadow:none;isolation:isolate}
.room-mode .room-view[data-style="aurora"]{--room-light:#bccfc0;--room-wall:#7d9e8e;--room-ceiling:#d4dfcf;--room-left:#a6c1ad;--room-right:#5c8374;--room-floor:#8aa391;--room-floor-front:#bac5aa;--room-sky:#6b9e9b;--room-city:#527f7d;--room-trees:#658c73;--room-curtain:#9ab7a3;--room-line:#426b5d;--room-desk:#abb79a;--room-desk-front:#8b9e83;--room-desk-top:#d6dac2}
.room-mode .room-architecture{position:absolute;inset:0;width:100%;height:100%;z-index:-2}
.room-mode .room-ambience{inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 50% 40%,#ffffff28,transparent 60%);opacity:1;animation:none}
.room-mode .room-heading{width:auto;position:absolute;top:calc(82px + env(safe-area-inset-top,0px));left:15%;right:15%;text-align:center;z-index:2;pointer-events:none;margin:0;padding:0}
.room-mode .room-heading h1{font-size:25px;line-height:1.1;font-weight:500;letter-spacing:-.7px;color:#344d42;margin:0}
.room-mode .room-heading p:last-child{font-size:11px;line-height:1.5;margin:7px 0 0;color:#5e7666}
.room-mode .furnishing-layer{position:absolute;inset:100px max(0px,calc((100vw - 1050px)/2)) calc(95px + env(safe-area-inset-bottom,0px));pointer-events:none}
.room-mode .room-object{--object-width:clamp(96px,30vw,176px);position:absolute;width:var(--object-width);height:clamp(105px,20dvh,165px);left:auto;right:auto;top:auto;bottom:auto;margin:0;padding:0;border:0;border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;background:transparent;transform:translate(-50%,-50%);isolation:isolate;pointer-events:auto;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;overflow:visible;transition:filter .25s ease}
.room-mode .room-avatar{left:20%;top:24%}.room-mode .room-access{left:80%;top:24%}
.room-mode .room-theme{left:20%;top:54%}.room-mode .room-invites{left:80%;top:54%}
.room-mode .room-capsules{left:32%;top:86%}.room-mode .room-devices{left:74%;top:86%}
.room-mode .object-model{position:relative;width:100%;height:calc(100% - 28px);display:flex;justify-content:center;align-items:flex-end;margin:0;transform:none;pointer-events:none;filter:drop-shadow(1px 9px 7px #344d3b14);transition:filter .22s ease}
.room-mode .object-model .furniture-model{position:relative;inset:auto;width:100%;height:100%;max-width:100%;max-height:100%;overflow:hidden;transform:none;filter:none;flex:none}
.room-mode .room-object:after{content:'';position:absolute;left:8%;right:8%;height:8px;bottom:26px;background:linear-gradient(#d6dacb,#a3b19c);border-top:1px solid #f8f7e6;box-shadow:0 5px 10px #223d2f15;transform:skewX(-12deg);z-index:-1}
.room-mode .room-capsules:after,.room-mode .room-devices:after{display:none}
.room-mode .object-caption{position:relative;inset:auto;display:block;max-width:100%;height:26px;line-height:26px;padding:0 10px;border-radius:8px;background:#eceddfb8;color:#3d5848;font-size:12px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:0 1px 0 #fff7;backdrop-filter:blur(8px);transition:background .22s,color .22s}
.room-mode .object-halo{position:absolute;inset:0 -7px 14px;border-radius:50%;background:radial-gradient(ellipse,#ffefbc99 0,#d8edcc50 37%,transparent 70%);filter:blur(8px);opacity:0;pointer-events:none;z-index:-1;transition:opacity .2s}
.room-mode .room-object.pressed .object-halo,.room-mode .room-object:focus-visible .object-halo{opacity:1}
.room-mode .room-object.pressed .object-caption,.room-mode .room-object:focus-visible .object-caption{background:#17533c;color:#fff6dc}
.room-mode .room-object.pressed .object-model{filter:drop-shadow(0 0 12px #e2c77088)}
.room-mode .new-object{position:absolute;right:6%;top:4%;font-size:9px;line-height:18px;padding:0 6px;border-radius:5px;color:#fff8de;background:#607c4d;pointer-events:none}
.room-mode .room-object.is-new .object-halo{animation:new-object-breath 3.4s ease-in-out infinite}
.room-mode .room-object.arriving{animation:room-arrive-v6 1.8s ease both}
.room-mode .is-holding *{animation-play-state:paused!important}
.room-mode .room-shop{position:absolute;bottom:calc(145px + env(safe-area-inset-bottom,0px));left:50%;transform:translateX(-50%);width:min(240px,65%);min-height:50px;border-radius:16px;font-size:15px;box-shadow:0 14px 35px #23473530}
.room-mode .room-demo{position:absolute;bottom:calc(88px + env(safe-area-inset-bottom,0px));left:0;right:0;text-align:center;color:#526b59;font-size:9px;letter-spacing:.3px;pointer-events:none}
.room-mode .bottom-nav{position:absolute;bottom:calc(12px + env(safe-area-inset-bottom,0px));left:50%;right:auto;transform:translateX(-50%);width:min(calc(100% - 24px),460px);height:65px;min-height:65px;padding:5px;border:1px solid #ffffffa0;border-radius:21px;background:#f4f5e5c9;backdrop-filter:blur(18px);box-shadow:0 8px 25px #304c3d1c;z-index:15}
.room-mode .bottom-nav button{border-radius:15px;padding:5px 2px;gap:3px}.room-mode .bottom-nav button svg{width:22px;height:22px}.room-mode .bottom-nav button span{font-size:10px}.room-mode .bottom-nav button[aria-current="page"]{background:#dce6d1;color:#234f38}
.room-mode .object-dialog{z-index:25;width:min(360px,calc(100vw - 36px));max-height:calc(100dvh - 40px);overflow:auto;background:#f3f4eade;backdrop-filter:blur(25px);border:1px solid #fff9;box-shadow:0 25px 100px #173b3955}
.room-mode .object-dialog::backdrop{background:#253c345e;backdrop-filter:blur(4px)}
@keyframes room-arrive-v6{from{opacity:0;filter:blur(7px);translate:0 -12px}to{opacity:1;filter:none;translate:0 0}}
@media(hover:hover){.room-mode .room-object:hover .object-halo{opacity:1}.room-mode .room-object:hover .object-caption{background:#17533c;color:#fff6dc}.room-mode .room-object:hover .object-model{filter:drop-shadow(0 0 12px #e2c77066)}}
@media(min-width:720px){.room-mode .room-heading{top:72px}.room-mode .room-heading h1{font-size:30px}.room-mode .room-heading p:last-child{font-size:12px}.room-mode .room-object{--object-width:clamp(140px,17vw,200px);height:clamp(115px,22dvh,195px)}.room-mode .room-avatar,.room-mode .room-theme{left:19%}.room-mode .room-access,.room-mode .room-invites{left:81%}.room-mode .room-capsules{left:32%}.room-mode .room-devices{left:68%}}
@media(max-height:670px){.room-mode .topbar{height:48px;padding:0 18px}.room-mode .room-heading{top:54px}.room-mode .room-heading h1{font-size:21px}.room-mode .room-heading p:last-child{font-size:10px;margin-top:5px}.room-mode .furnishing-layer{top:80px;bottom:95px}.room-mode .room-object{height:clamp(85px,19dvh,125px);--object-width:clamp(85px,28vw,140px)}.room-mode .object-caption{font-size:10px;height:23px;line-height:23px;padding:0 7px}.room-mode .object-model{height:calc(100% - 23px)}.room-mode .room-object:after{bottom:23px}.room-mode .room-shop{bottom:125px}}
@media(orientation:landscape) and (max-height:550px){.room-mode .room-heading{top:25px;left:28%;right:28%}.room-mode .room-heading h1{font-size:20px}.room-mode .furnishing-layer{top:66px;bottom:55px}.room-mode .room-object{height:94px;--object-width:112px}.room-mode .room-avatar{left:15%;top:25%}.room-mode .room-access{left:85%;top:25%}.room-mode .room-theme{left:15%;top:73%}.room-mode .room-invites{left:85%;top:73%}.room-mode .room-capsules{left:38%;top:56%}.room-mode .room-devices{left:62%;top:56%}.room-mode .bottom-nav{height:52px;min-height:52px;bottom:6px;width:340px}.room-mode .bottom-nav button svg{width:18px;height:18px}.room-mode .bottom-nav button span{font-size:9px}.room-mode .room-demo{bottom:62px;font-size:8px}.room-mode .room-shop{bottom:95px;min-height:43px}}
@media(prefers-reduced-motion:reduce){.room-mode .room-object.arriving,.room-mode .room-object.is-new .object-halo{animation:none}}

.product-art .avatar-object,.product-art .devices-object{width:190px;height:190px}.revealed-gift .artifact-svg{width:220px;height:220px}.receipt-art .avatar-object,.receipt-art .devices-object{width:200px;height:210px}.room-mode .room-demo{display:none}

/* v7: four tangible rewards, a real bundle silhouette, intentional choices. */
.decision-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;width:100%;margin-top:22px}.decision-row button{width:100%;min-height:50px;font-size:14px;padding:12px}.decision-row .secondary{background:#e8ebdf;border:1px solid #d9dfd0;color:#5e6b58}.decision-row .primary{background:#254d3d;color:#fff7db}.decision-row button:disabled{opacity:.4}.decision-row .primary:hover{background:#155237}
.refresh-note{font-size:10px;color:#687b5f;position:absolute;bottom:12px;left:0;right:0;text-align:center}.product-card:has(.refresh-note) .lot-price{margin-bottom:19px}.product-card h2{max-width:100%;font-size:24px;letter-spacing:-.7px}.product-card p{font-size:12px}.product-card .medallion-pair{display:flex;align-items:center;width:220px;gap:0}.medallion-pair .medallion{width:115px;height:130px}.medallion-pair .medallion:first-child{transform:rotate(-10deg);margin-right:-20px}.medallion-pair .medallion:last-child{transform:rotate(8deg)}
.treasure-case{width:184px;height:222px;position:relative;border-radius:19px 19px 30px 30px;background:linear-gradient(125deg,#ffffeea1,#c0d1bc35 65%,#f5efd870);border:1px solid #c6cdb7;box-shadow:inset 5px 2px 6px #ffffecb3,inset -5px -4px 8px #83967e40,0 23px 30px -18px #3b534f80;transform:rotate(-5deg);isolation:isolate}.treasure-case:before{content:'';position:absolute;inset:5px;border:1px solid #fff9;border-radius:14px 14px 25px 25px;pointer-events:none}.case-brand{display:block;position:absolute;left:0;right:0;top:13px;text-align:center;color:#54705a;font-size:18px;font-weight:500;letter-spacing:-1px}.case-window{position:absolute;inset:42px 10px 23px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:0}.case-window>span{display:flex;align-items:center;justify-content:center;min-width:0;min-height:0}.case-window .artifact-svg{height:100%;width:100%;max-width:85px;max-height:80px;filter:drop-shadow(0 6px 5px #607c5833)}.case-window>span:first-child .artifact-svg{scale:1.05}.case-ribbon{position:absolute;left:-4px;right:-4px;top:35px;height:6px;background:linear-gradient(90deg,#a78c51,#e9d6a4,#a58d57);box-shadow:0 1px 1px #fff8}.case-lock{position:absolute;bottom:0;left:calc(50% - 14px);border-radius:5px 5px 0 0;width:28px;height:19px;background:linear-gradient(120deg,#e4d5ad,#b89c5d);text-align:center;color:#69744e;font-size:14px;font-style:normal}.product-art .treasure-case{transform:rotate(-5deg) scale(.87)}.checkout-art .treasure-case,.panel-capsule .treasure-case{transform:scale(.8) rotate(-5deg)}
.treasure-bundle{position:relative;width:240px;height:230px;isolation:isolate}.bundle-aura{position:absolute;inset:5%;border-radius:50%;background:radial-gradient(ellipse,#ffeab755,transparent 70%);filter:blur(15px)}.bundle-chest{position:absolute;left:15px;top:85px;width:172px;height:110px;background:linear-gradient(130deg,#657f68,#2b493b);border:1px solid #b9ae7e;border-radius:8px 8px 20px 20px;box-shadow:inset 0 3px 1px #d6cfaa,0 25px 25px -13px #254f4b55;transform:rotate(-7deg)}.bundle-chest:before{content:'';position:absolute;left:-4px;right:-4px;top:-16px;height:27px;border-radius:15px 15px 5px 5px;background:linear-gradient(120deg,#d8c995,#a78e51);transform:rotateX(30deg);z-index:2}.bundle-chest>span{position:absolute;bottom:18px;left:40px;color:#ddd7af;font-size:24px;letter-spacing:-1px}.chest-band{position:absolute;width:22px;top:0;bottom:0;right:22px;background:linear-gradient(90deg,#b49c62,#d9c997,#b49c62);opacity:.8}.bundle-contents{position:absolute;left:2px;right:2px;top:-69px;height:80px;display:grid;grid-template-columns:repeat(5,1fr);gap:0;z-index:1}.bundle-unit{position:relative;transform:rotate(calc((var(--unit) - 5)*2deg));margin:0 -3px}.mini-treasure{position:relative;display:block;width:32px;height:48px;border:1px solid #b2b99f;border-radius:6px 6px 9px 9px;background:linear-gradient(125deg,#fff7dce0,#99b09d80);box-shadow:inset 2px 1px 2px #fff9,0 4px 6px #334e3530}.mini-treasure:before{content:'';position:absolute;left:0;right:0;top:6px;height:3px;background:#c6b16b}.mini-treasure i{position:absolute;left:7px;right:7px;top:15px;height:15px;border:2px solid #c2b778;border-radius:50%;background:#426c56}.mini-treasure b{position:absolute;bottom:1px;left:11px;color:#bba057;font-size:11px}.bundle-outside{position:absolute;right:2px;bottom:20px;width:88px;height:78px;display:flex;align-items:end;gap:5px;z-index:4}.bundle-outside .mini-treasure{width:40px;height:65px;transform:rotate(12deg);background:linear-gradient(130deg,#fff9e9,#adbea9)}.bundle-outside .mini-treasure:last-child{transform:rotate(26deg) translateY(8px)}.bundle-outside .mini-treasure i{top:20px;height:20px}.bundle-outside .mini-treasure b{left:14px;bottom:3px}
.bounty-screen{justify-content:flex-start;overflow:visible}.bounty-screen h1{font-size:31px;margin:5px 0 0}.bounty-stage{position:relative;width:100%;height:390px;min-height:300px;flex:1;max-height:440px;isolation:isolate;margin:0}.abundance-light{position:absolute;inset:6% -20%;border-radius:50%;background:radial-gradient(ellipse,#fff0becc,#d9eac88a 35%,transparent 66%);animation:abundance-bloom 10s ease both;z-index:-1}.bounty-source{position:absolute;top:50%;left:50%;width:184px;height:222px;margin:-111px 0 0 -92px;animation:bounty-open 10.8s cubic-bezier(.2,.6,.2,1) both;z-index:5}.bounty-source .treasure-case{transform:none}.reward-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px 12px;width:100%;height:100%;align-content:center}.reward-item{position:relative;text-align:center;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;filter:drop-shadow(0 8px 15px #59704e1c)}.reward-art{width:100%;height:130px;display:grid;place-items:center}.reward-art .artifact-svg{width:100%;height:100%;max-width:155px;filter:drop-shadow(0 4px 6px #9b9c6a24)}.reward-item strong{font-size:13px;line-height:19px;color:#34523b;display:block;font-weight:600}.reward-item>span{font-size:9px;line-height:15px;color:#75816a;display:block;white-space:normal;max-width:150px}.reveal-rewards{position:absolute;inset:0}.reveal-rewards .reward-item{animation:reward-release 9s cubic-bezier(.16,.7,.2,1) both;animation-delay:calc(var(--reward)*.58s)}.reveal-rewards .reward-item:nth-child(1){--rx:65%;--ry:60%}.reveal-rewards .reward-item:nth-child(2){--rx:-65%;--ry:60%}.reveal-rewards .reward-item:nth-child(3){--rx:65%;--ry:-60%}.reveal-rewards .reward-item:nth-child(4){--rx:-65%;--ry:-60%}.bounty-caption{font-size:11px;color:#79816b;margin:4px 0 9px;text-align:center}.bounty-screen .finish-action{margin-top:0;min-height:38px}.bounty-spark{position:absolute;left:50%;top:50%;width:4px;height:9px;border-radius:2px;background:#d0b267;opacity:0;transform:rotate(calc(var(--spark)*16deg));animation:abundance-spark 7s ease both;animation-delay:calc(1.2s + var(--spark)*.045s)}
.bounty-receipt .receipt-stage{width:100%;min-height:300px;flex:1}.bounty-receipt .receipt-art{width:100%;height:auto;flex:1;min-height:270px;display:block;max-height:400px}.bounty-receipt .receipt-message{margin:9px 0 0}.bounty-receipt h1{font-size:27px}.bounty-receipt .reward-grid{gap:8px 12px}.bounty-receipt .receipt-choices{margin-top:12px}.bounty-receipt .reward-art{height:125px}
@keyframes bounty-open{0%,12%{opacity:1;transform:scale(.82) translateY(0)}22%{opacity:1;transform:scale(1.08)}36%{opacity:.6;transform:scale(1.3);filter:blur(2px)}50%,100%{opacity:0;transform:scale(1.6);filter:blur(6px)}}
@keyframes reward-release{0%,16%{opacity:0;transform:translate(var(--rx),var(--ry)) scale(.2) rotate(-12deg)}39%{opacity:1;transform:translate(0,-7px) scale(1.06) rotate(2deg)}55%,100%{opacity:1;transform:none}}
@keyframes abundance-bloom{0%{opacity:0;scale:.3}30%{opacity:1;scale:1.15}70%,100%{opacity:.7;scale:1}}
@keyframes abundance-spark{0%,10%{opacity:0;translate:0 0}35%{opacity:.8;transform:rotate(calc(var(--spark)*16deg)) translateY(-140px)}100%{opacity:0;transform:rotate(calc(var(--spark)*16deg)) translateY(-210px)}}
.interactive-device-slots{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:40px 0 20px;width:100%}.interactive-device-slot{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;min-width:0;min-height:174px;border:1px solid #c4cebb;border-radius:22px;background:linear-gradient(135deg,#fbfcf2,#dce4d3);color:#456044;padding:18px 5px;box-shadow:inset 0 1px #fff,0 10px 25px #3b533011;transition:background .2s,box-shadow .2s,color .2s;touch-action:manipulation}.interactive-device-slot>span:last-child{font-size:12px}.slot-number{position:absolute;left:11px;top:10px;font-size:10px;letter-spacing:1px;color:#95a38b}.slot-figure{height:67px;width:100%;display:grid;place-items:center}.slot-figure svg{width:48px;height:58px;stroke-width:1.3}.slot-figure b{font-size:35px;font-weight:300}.interactive-device-slot.locked{background:linear-gradient(120deg,#f5f0dc,#e0e2c9)}.interactive-device-slot:active,.interactive-device-slot:focus-visible{background:#224e3a;color:#f8edcd;box-shadow:0 0 25px #e1ca8666}.slot-modal-art{height:150px;display:grid;place-items:center}.slot-modal-art>svg{width:130px;height:140px;stroke-width:1.2}.device-workshop .gesture-hint{margin-top:3px}.device-workshop{justify-content:center}
.invite-workbench{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin:20px 0 14px}.invite-slot{position:relative;border:1px solid #c6ccad;border-radius:18px;min-height:155px;background:linear-gradient(140deg,#faf7e6,#e1e4ca);color:#627658;padding:17px 6px 12px;transition:background .2s,box-shadow .2s}.invite-slot>div{height:95px;display:grid;place-items:center}.invite-slot svg{width:100%;height:100%;max-width:140px}.invite-slot div>b{font-size:36px;font-weight:300;color:#8c9a75}.invite-slot strong{font-size:11px;font-weight:500}.invite-slot.loaded{border-color:#b1a16a}.invite-slot.sealed{background:#d9e4cc}.invite-slot:active{background:#c4d7bc;box-shadow:0 0 22px #c5ab6955}.medal-balance{text-align:center;font-size:12px;color:#7c896d;margin:12px 0 21px}.invite-focus{height:170px;display:grid;place-items:center}.invite-focus svg{height:100%;width:200px}.medal-inventory{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:15px 0 20px;max-height:340px;overflow:auto}.medal-inventory button{display:flex;flex-direction:column;align-items:center;background:#e7e9d6;border:1px solid #c7cdb2;border-radius:15px;padding:8px;color:#637652;font:inherit;font-size:11px}.medal-inventory svg{width:100%;height:80px}.medal-inventory button:active{background:#cedfc5}.demo-invite-label{font-size:10px;color:#7c886f}.demo-invite-label input{font-size:10px!important;padding:10px!important}.stamp-arrival .invite-focus{animation:stamp-imprint .8s ease both}.object-dialog>.secondary{width:100%;min-height:44px;font:inherit}.object-dialog .finish-action{font-size:11px;margin:15px auto 0;display:block}.style-options{flex-wrap:wrap;display:grid;grid-template-columns:1fr 1fr;max-height:55dvh;overflow:auto}.style-preview.amber{background:#c9b37c}.style-preview.dusk{background:#8f88a8}.style-preview.ocean{background:#8fb7bc}
.room-mode .room-view[data-style="amber"]{--room-light:#ece1bc;--room-wall:#cab784;--room-right:#b5a478;--room-left:#e2d6ad;--room-sky:#d9c99f;--room-desk-top:#e8d6ac;--room-curtain:#d8c697}
.room-mode .room-view[data-style="dusk"]{--room-light:#ccc6d7;--room-wall:#a4a0b6;--room-right:#77788d;--room-left:#c2bdd0;--room-sky:#969cb9;--room-desk-top:#d4ced8;--room-curtain:#aaa6b8}
.room-mode .room-view[data-style="ocean"]{--room-light:#d0e0df;--room-wall:#9cbab9;--room-right:#729a9b;--room-left:#bdd1ce;--room-sky:#94bdca;--room-desk-top:#d1d8c7;--room-curtain:#abc6c0}
@keyframes stamp-imprint{0%{opacity:.3;scale:1.15}45%{opacity:1;scale:.95}100%{scale:1}}
@media(hover:hover){.interactive-device-slot:hover{background:#224e3a;color:#f8edcd;box-shadow:0 0 22px #cbbf8133}.invite-slot:hover,.medal-inventory button:hover{background:#d0dfc4;border-color:#9aab81}.treasure-case:hover{box-shadow:inset 5px 2px 6px #ffffecb3,0 20px 35px -15px #c0a34e50}}
@media(max-height:740px){.product-art .treasure-case{transform:scale(.65) rotate(-5deg)}.product-art .treasure-bundle{transform:scale(.76)}.product-card h2{font-size:21px}.product-card p{font-size:11px}.refresh-note{font-size:9px;bottom:8px}.bounty-stage{min-height:235px;max-height:300px}.bounty-screen h1,.bounty-receipt h1{font-size:25px}.reward-art,.bounty-receipt .reward-art{height:95px}.reward-grid{gap:7px}.reward-item strong{font-size:11px;line-height:16px}.reward-item>span{font-size:8px;line-height:13px}.bounty-receipt .receipt-stage{min-height:235px}.bounty-receipt .receipt-art{min-height:215px}.bounty-receipt .receipt-message{font-size:10px;padding:7px 10px}.bounty-source{transform:scale(.75)}.bounty-caption{font-size:9px}.bounty-receipt .receipt-choices{margin-top:8px}.interactive-device-slots{margin:27px 0 15px;gap:8px}.interactive-device-slot{min-height:146px}.invite-focus{height:125px}}
@media(max-width:350px){.reward-item>span{font-size:8px}.bounty-receipt h1{font-size:23px}.interactive-device-slot>span:last-child{font-size:10px}.interactive-device-slots{gap:7px}.decision-row{gap:12px}.decision-row button{font-size:12px}.treasure-bundle{scale:.9}}
@media(prefers-reduced-motion:reduce){.bounty-source,.bounty-spark{display:none}.reveal-rewards .reward-item,.abundance-light,.stamp-arrival .invite-focus{animation:none}.reward-item{opacity:1;transform:none}}

.treasure-lid{position:absolute;left:-1px;right:-1px;top:-1px;height:40px;border:1px solid #d0d4be;border-radius:18px 18px 3px 3px;background:linear-gradient(120deg,#ffffedbf,#d4dfc780);box-shadow:inset 0 2px #fff9;z-index:2}.treasure-lid .case-brand{top:9px}.bounty-source .treasure-lid{animation:treasure-unlid 10.8s ease both}.bounty-source .case-ribbon{animation:treasure-unlid 10.8s ease both}.bounty-source .case-window{animation:treasure-empty 10.8s ease both}@keyframes treasure-unlid{0%,13%{translate:0 0;rotate:0deg}28%,100%{translate:-20px -105px;rotate:-16deg;opacity:0}}@keyframes treasure-empty{0%,13%{opacity:1}28%,100%{opacity:0}}

.bounty-source.source-year{width:240px;height:230px;margin:-115px 0 0 -120px}

/* v8: three destinations, lighter orbit, device management inside the room. */
.bottom-nav{grid-template-columns:1fr 1.12fr 1fr}
.bottom-nav .nav-vpn svg{width:27px;height:27px;stroke-width:1.7}
.bottom-nav .nav-vpn{color:#315d48;font-weight:600}
.bottom-nav .nav-vpn.vpn-active svg{filter:drop-shadow(0 0 6px #62ab6a60);color:#25804f}
.orbit-stage{max-height:425px;perspective:1300px}
.orbit-stage .product-card{width:56%;max-height:350px;height:calc(100% - 58px);padding:14px 10px 17px;border-radius:35px;border:1px solid #ffffff90;background:linear-gradient(155deg,#fff9,#edf2e01c)!important;box-shadow:0 15px 26px -23px #163b3433,inset 0 1px #fff9;overflow:visible}
.orbit-stage .product-card h2{font-size:19px;white-space:normal;min-height:23px;line-height:1.15;text-wrap:balance}
.orbit-stage .product-card p{font-size:12px;margin:7px 0 12px;min-height:32px;max-width:180px}
.orbit-stage .product-art{overflow:visible}
.orbit-stage .lot-price{min-height:43px;width:calc(100% - 14px);font-size:14px;border-radius:15px;background:#edf2e9b3}
.orbit-stage .lot-price:not(:disabled):hover{background:#1b493b;color:#fff9e7}
.orbit-stage .product-card.center-card{border-color:#fff9}
.orbit-stage .product-card:not(.center-card){border-color:transparent}
.orbit-stage .treasure-case{transform:scale(.69) rotate(-5deg)}
.orbit-stage .treasure-bundle{transform:scale(.78)}
.orbit-stage .avatar-object,.orbit-stage .design-object,.orbit-stage .devices-object,.orbit-stage .access-object{max-width:180px;max-height:205px}
.orbit-stage .product-card.invites .medallion{width:160px;height:150px}
.product-card .refresh-note{bottom:-4px;font-size:9px}
.room-view.empty .room-shop{bottom:auto;top:48%;width:min(210px,60%)}
.object-dialog .interactive-device-slots{margin:23px 0 18px;gap:8px}
.object-dialog .interactive-device-slot{min-height:145px;padding:20px 5px 12px;border-radius:22px;background:linear-gradient(150deg,#fff7,#dce7d655)}
.object-dialog .interactive-device-slot.locked{color:#96a08f;background:#e7eadc55;border-style:dashed}
.object-dialog .interactive-device-slot>span:last-child{font-size:11px;line-height:1.3;overflow-wrap:anywhere;max-width:100%}
.object-dialog .slot-figure svg{width:33px;height:48px;stroke-width:1.3}
.device-plinth{display:grid;place-items:center;width:52px;height:55px;border-radius:15px;transform:perspective(150px) rotateY(-12deg);background:linear-gradient(145deg,#fff,#b9cbb9);box-shadow:4px 7px 8px #34503b20}
.device-gift-hint{display:block;margin:4px auto 22px;padding:9px;border:0;background:transparent;color:#3b6a4c;font-size:12px;line-height:1.5}
.slot-device-picker{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:22px 0}
.slot-device-picker button{min-height:105px;border:1px solid #ccd5c2;border-radius:19px;background:#e8eddc;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#365640;font-size:13px}
.slot-device-picker svg{width:32px;height:36px;stroke-width:1.4}
.slot-device-picker button:active,.interactive-device-slot:active{background:#244f3c!important;color:#fff2c9!important}
.device-name-label{display:block;font-size:11px;color:#758371;margin:0 0 20px}
.device-name-label input{width:100%;font:inherit;font-size:15px;margin-top:6px}
@media(hover:hover){.slot-device-picker button:hover,.object-dialog .interactive-device-slot:hover{background:#244f3c;color:#fff2c9}}
@media(max-height:700px){.orbit-stage{max-height:330px;min-height:220px}.orbit-stage .product-card{max-height:275px;height:calc(100% - 22px);min-height:205px;padding:10px 7px 13px}.orbit-stage .product-card h2{font-size:17px}.orbit-stage .product-card p{font-size:10px;min-height:27px;margin:6px 0 9px}.orbit-stage .treasure-case{transform:scale(.52) rotate(-5deg)}.orbit-stage .treasure-bundle{transform:scale(.59)}.orbit-stage .avatar-object,.orbit-stage .design-object,.orbit-stage .devices-object,.orbit-stage .access-object{max-width:140px;max-height:135px}.orbit-stage .lot-price{font-size:12px;min-height:40px}.object-dialog .interactive-device-slot{min-height:127px}.slot-device-picker button{min-height:88px}}

/* One weekly invitation station, inventory kept separately. */
.invite-workbench.weekly{grid-template-columns:1fr;margin:22px 0 12px}
.weekly .invite-slot{min-height:220px;border-radius:27px;border:1px solid #d5bd79;background:linear-gradient(140deg,#fffbee,#e8e3c9);box-shadow:inset 0 0 0 7px #f5f0de}
.weekly .invite-slot>div{height:165px}.weekly .invite-slot div>b{font-size:60px;font-weight:200}.weekly .invite-slot strong{font-size:13px}
.weekly .invite-slot svg{max-width:220px}.object-dialog:has(.weekly)>.primary{width:100%;margin:14px 0 10px}.object-dialog:has(.weekly)>.secondary{margin-top:10px}
.current-device{align-self:center;display:flex;align-items:center;gap:6px;border:0;background:transparent;color:#748271;font-size:11px;padding:8px 16px;margin-bottom:4px}.current-device svg{width:14px;height:18px;stroke-width:1.5}
.single-medallion .medallion{width:170px;height:170px}
@media(max-height:700px){.weekly .invite-slot{min-height:175px}.weekly .invite-slot>div{height:120px}.single-medallion .medallion{width:135px;height:135px}.current-device{margin-top:-5px;margin-bottom:0;padding:4px 10px}}
.object-dialog .interactive-device-slot:focus-visible{background:#244f3c;color:#fff2c9;box-shadow:0 0 22px #cbbf8133}
