:root{--acc: #ff7a5c;--bg: #141a33;--vv-top: 0px;--vv-bot: 0px;--top: calc(env(safe-area-inset-top) + 12px + var(--vv-top));--bot: calc(env(safe-area-inset-bottom) + 18px + var(--vv-bot));--vh: 1vh}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body{height:100%;background:var(--bg);overflow:hidden;overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;font-family:-apple-system,system-ui,Segoe UI,Roboto,sans-serif;color:#fff}#board{position:fixed;inset:0;width:100%;height:100%;display:block;touch-action:none}#top{position:fixed;left:0;right:0;top:0;padding:calc(var(--top) + 8px) 20px 8px;display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none}#levelLabel{font-weight:300;font-size:13px;line-height:1;letter-spacing:.18em;opacity:.5;font-variant-numeric:tabular-nums;transition:transform .35s cubic-bezier(.2,1.9,.4,1),opacity .3s,color .4s}#levelLabel.pop{transform:scale(1.35);opacity:.9}#levelLabel.gold{color:#ffd166;opacity:.95}#levelLabel.daily{color:var(--acc);opacity:.95;font-weight:500;text-transform:uppercase}#bar{width:min(40vw,180px);height:3px;border-radius:2px;background:#ffffff1f}#bar i{display:block;height:100%;width:0;background:var(--acc);border-radius:2px;transition:width .16s ease-out,background .6s,box-shadow .3s}#bar.hot i{box-shadow:0 0 10px 2px var(--acc)}#bar.streak i{box-shadow:0 0 8px 1px #ffd16688}#bottom{position:fixed;left:0;right:0;bottom:0;padding:12px 26px var(--bot);display:flex;justify-content:space-between;align-items:center;pointer-events:none}#bottom.left{flex-direction:row-reverse}body.daily #hintKey{visibility:hidden}body.daily #menuHint{display:none}button,.key{pointer-events:auto;appearance:none;border:0;background:#ffffff12;color:#fff;font:inherit;width:62px;height:62px;border-radius:50%;display:flex;align-items:center;justify-content:center;touch-action:manipulation;cursor:pointer;position:relative;transition:transform .12s,background .2s}.key{pointer-events:none;cursor:default;flex:none}button:active{transform:scale(.9);background:#ffffff29}button:focus-visible{outline:2px solid rgba(255,255,255,.6);outline-offset:3px}button[disabled]{opacity:.3}button svg,.key svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;opacity:.85}#homeKey{position:fixed;left:14px;top:var(--top);width:46px;height:46px;background:transparent;z-index:30;display:none}#homeKey svg{width:22px;height:22px;opacity:.55}body.daily:not(.overlay) #homeKey{display:flex}#burger{position:fixed;right:14px;top:var(--top);width:46px;height:46px;background:transparent;z-index:30}#burger svg{width:22px;height:22px;opacity:.55}#scrim{position:fixed;inset:0;z-index:25;display:none;background:#0a0d1a59}#scrim.on{display:block}#menu{position:fixed;right:14px;top:calc(var(--top) + 50px);z-index:30;background:#1e2440f0;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-radius:22px;padding:8px;min-width:230px;box-shadow:0 20px 50px -10px #0009;transform:translateY(-8px) scale(.94);opacity:0;pointer-events:none;transform-origin:top right;transition:transform .2s cubic-bezier(.2,1.6,.4,1),opacity .18s}#menu.open{transform:none;opacity:1;pointer-events:auto}#menu:not(.open) button{pointer-events:none}#menu button{width:100%;height:48px;border-radius:14px;background:transparent;justify-content:space-between;padding:0 6px 0 16px;font-size:15px;letter-spacing:.02em}#menu button:active{background:#ffffff1a}#menu button svg{width:22px;height:22px;opacity:.7}#menu hr{border:0;height:1px;background:#ffffff1a;margin:6px 10px}.screen{position:fixed;inset:0;z-index:20;display:flex;flex-direction:column;align-items:center;background:radial-gradient(circle at 50% 30%,#1f2648,#141a33 70%);opacity:0;visibility:hidden;pointer-events:none;overflow:hidden;transition:opacity .28s,visibility 0s .28s}.screen.on{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .28s,visibility 0s}.screen:not(.on) button{pointer-events:none}.head{width:100%;display:flex;align-items:center;gap:6px;padding:var(--top) 14px 0;flex:none}.head h2{font-size:17px;font-weight:500;letter-spacing:.04em;flex:1;text-align:center;padding-left:46px}.close{width:46px;height:46px;background:transparent;flex:none}.close svg{width:22px;height:22px;opacity:.55}.body{width:100%;max-width:440px;flex:1;min-height:0;display:flex;flex-direction:column;padding:6px 22px var(--bot);overflow:hidden}body.sub #burger,body.overlay #top,body.overlay #bottom{opacity:0;pointer-events:none}#top,#bottom,#burger,#homeKey{transition:opacity .25s}#home{justify-content:center;gap:6px;padding:var(--top) 24px var(--bot);--group: clamp(8px, calc(var(--vh) * 2.2), 24px)}#home>*{flex:none}#home>.fitGone{display:none}#logo{width:min(36vw,calc(var(--vh) * 20),160px,var(--logo-fit, 160px));height:auto}#logo .dots circle{fill:#ffffff29}#logo .path{stroke:var(--acc);stroke-width:14;stroke-linecap:round;stroke-linejoin:round;fill:none;stroke-dasharray:1000;stroke-dashoffset:1000;filter:drop-shadow(0 0 10px var(--acc))}#home.on #logo .path{animation:draw 1.6s cubic-bezier(.4,0,.2,1) .15s forwards}@keyframes draw{to{stroke-dashoffset:0}}#home h1{font-size:clamp(30px,9vw,46px);font-weight:200;letter-spacing:.34em;padding-left:.34em;line-height:1;margin-top:calc(var(--group) / 2)}#tagline{font-size:clamp(12px,3.4vw,14px);opacity:.55;letter-spacing:.06em}#play{margin-top:var(--group);width:min(100%,300px);height:60px;padding:0 24px;border-radius:30px;background:var(--acc);color:#141a33;font-size:17px;font-weight:600;letter-spacing:.06em;gap:12px;box-shadow:0 12px 40px -8px var(--acc)}#play:active{background:var(--acc)}#play svg{width:26px;height:26px;fill:#141a33;stroke:none;opacity:1;flex:none}#play small{font-weight:400;opacity:.75;font-size:13px;letter-spacing:.04em;margin-left:-4px;white-space:nowrap}#daily{width:min(100%,300px);height:48px;padding:0 20px;border-radius:24px;background:transparent;box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--acc),transparent 45%);justify-content:flex-start;gap:12px;font-size:15px;font-weight:500;letter-spacing:.06em}#daily:active{background:color-mix(in srgb,var(--acc),transparent 85%)}#daily svg{width:20px;height:20px;flex:none;stroke:var(--acc);opacity:1}#daily svg+svg,#daily.done svg:first-child{display:none}#daily.done svg+svg{display:block}#daily small{margin-left:auto;font-size:12px;font-weight:400;letter-spacing:.04em;opacity:.6;white-space:nowrap}#daily.done small{color:var(--acc);opacity:.9}#homerow{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;width:min(100%,320px)}#homerow button{width:100%;height:auto;padding:10px 0 8px;border-radius:18px;flex-direction:column;gap:5px;font-size:10.5px;letter-spacing:.04em;opacity:.9}#homerow button svg{width:22px;height:22px;flex:none}#homerow button.off svg{opacity:.3}#homerow button.off .on-mark,#menu button.off .on-mark,#homerow button .off-mark,#menu button .off-mark{display:none}#homerow button.off .off-mark,#menu button.off .off-mark{display:block}#grid{display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(4,1fr);gap:10px;width:100%;flex:1;min-height:0;max-height:min(100%,420px);align-self:center}#grid button{width:100%;height:100%;border-radius:16px;font-size:clamp(14px,4vw,17px);font-weight:300;font-variant-numeric:tabular-nums;background:#ffffff14;overflow:hidden}#grid button.current{background:var(--acc);color:#141a33;font-weight:500}#grid button.locked{opacity:.3}#grid button.locked:after{content:"";width:6px;height:6px;border-radius:50%;background:#fff}#grid button.done{background:#ffffff29}#grid canvas.thumb{position:absolute;inset:6px;width:calc(100% - 12px);height:calc(100% - 12px);object-fit:contain;opacity:.5;pointer-events:none}#grid button.current canvas.thumb{opacity:.34}#grid .num{position:relative;text-shadow:0 1px 6px rgba(20,26,51,.9)}#grid .rating{position:absolute;left:0;right:0;bottom:6px;display:flex;gap:3px;justify-content:center;pointer-events:none}#grid .rating i{width:5px;height:5px;border-radius:50%;background:transparent;border:1px solid rgba(255,255,255,.35)}#grid .rating i.on{background:#fff;border-color:#fff}#grid button.perfect .rating i.on{background:#ffd166;border-color:#ffd166;box-shadow:0 0 5px #ffd166}#grid button.current .rating i{border-color:#141a3373}#grid button.current .rating i.on{background:#141a33;border-color:#141a33;box-shadow:none}.pager{display:flex;align-items:center;justify-content:center;gap:16px;padding-top:14px;flex:none}.pager button{width:46px;height:46px}.pager span{font-size:13px;opacity:.6;letter-spacing:.06em;font-variant-numeric:tabular-nums;min-width:74px;text-align:center}.dots{display:flex;gap:6px;justify-content:center}.dots i{width:6px;height:6px;border-radius:50%;background:#fff3;transition:background .2s,transform .2s}.dots i.on{background:var(--acc);transform:scale(1.3)}[hidden]{display:none!important}#card{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:14px;padding:0 6px}#cardIcon{width:min(46vw,calc(var(--vh) * 22),180px);height:auto;aspect-ratio:1;border-radius:26px;background:#ffffff0d}#cardTitle{font-size:clamp(17px,5vw,21px);font-weight:500}#cardText{font-size:clamp(13px,3.8vw,15.5px);line-height:1.45;opacity:.72;max-width:34ch}.row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:clamp(9px,1.6vh,14px) 0;border-bottom:1px solid rgba(255,255,255,.07);font-size:clamp(14px,3.9vw,15.5px)}.row small{display:block;font-size:12px;opacity:.55;margin-top:2px}.switch{width:50px;height:30px;border-radius:15px;background:#ffffff24;flex:none;position:relative;transition:background .2s}.switch:after{content:"";position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:#fff;transition:transform .2s}.switch.on{background:var(--acc)}.switch.on:after{transform:translate(20px)}.switch:active{transform:none}.seg{display:flex;flex:none;background:#ffffff14;border-radius:12px;padding:3px}.seg button{width:auto;height:30px;padding:0 clamp(8px,3vw,14px);border-radius:9px;font-size:13px;background:transparent}.seg button.on{background:#ffffff2e}#reset{width:100%;height:48px;border-radius:14px;margin-top:auto;background:#ff6b6b24;color:#ff8a80;font-size:15px;gap:10px;overflow:hidden;flex:none}#reset i{position:absolute;left:0;top:0;bottom:0;width:0;background:#ff6b6b59;pointer-events:none}#reset.holding i{animation:hold 1.2s linear forwards}@keyframes hold{to{width:100%}}@media(prefers-reduced-motion:reduce){#levelLabel,#bar i,.screen,#menu{transition:none}#home.on #logo .path{animation:none;stroke-dashoffset:0}}.appstore{display:inline-block;flex:none;line-height:0;padding:10px;border-radius:12px}.appstore svg{height:44px;width:auto;display:block}.appstore:active{background:#ffffff14}#appstoreSlot{margin-top:max(0px,calc(var(--group) - 10px))}#appstoreSlot:empty{display:none}#build{position:absolute;left:0;right:0;bottom:max(2px,calc(var(--bot) - 15px));font-size:10px;line-height:12px;opacity:.28;letter-spacing:.06em;text-align:center;font-variant-numeric:tabular-nums}#tip{font-size:12.5px;line-height:1.45;opacity:0;letter-spacing:.02em;max-width:30ch;text-align:center;margin-top:var(--group);transition:opacity .5s ease}#tip.in{opacity:.62}@media(prefers-reduced-motion:reduce){#tip{transition:none}}#offer .close{position:absolute;right:14px;top:var(--top)}.offerBody{justify-content:center;align-items:center;text-align:center;gap:calc(var(--vh) * 1.6)}#offerLogo{width:min(26vw,110px);height:auto;flex:none}#offerLogo .dots circle{fill:#ffffff29}#offerLogo .path{fill:none;stroke:var(--acc);stroke-width:14;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 10px var(--acc))}.offerBody h2{font-size:clamp(20px,5.6vw,26px);font-weight:300;letter-spacing:.04em;line-height:1.2}.offerBody p{font-size:clamp(13px,3.6vw,15px);opacity:.6;line-height:1.5;max-width:30ch}#offerBadge{margin-top:calc(var(--vh) * 1)}#offerLater{width:auto;height:44px;padding:0 22px;border-radius:22px;background:transparent;white-space:nowrap;font-size:14px;letter-spacing:.04em;opacity:.6}#offerLater:active{background:#ffffff14}#dailyDone .close{position:absolute;right:14px;top:var(--top)}#dailyDoneDots{display:flex;gap:18px;justify-content:center}#dailyDoneDots i{width:22px;height:22px;border-radius:50%;box-shadow:inset 0 0 0 2px #ffffff38}#dailyDoneDots i.on{background:var(--acc);box-shadow:0 0 14px 2px color-mix(in srgb,var(--acc),transparent 40%)}#dailyShare{width:min(100%,280px);height:54px;padding:0 24px;border-radius:27px;gap:12px;margin-top:calc(var(--vh) * 1);background:var(--acc);color:#141a33;font-size:16px;font-weight:600;letter-spacing:.04em;box-shadow:0 12px 36px -10px var(--acc)}#dailyShare:active{background:var(--acc)}#dailyShare svg{width:22px;height:22px;opacity:1}#dailyContinue,#guideSkip{width:auto;height:44px;padding:0 22px;border-radius:22px;background:transparent;white-space:nowrap;font-size:14px;letter-spacing:.04em;opacity:.6;flex:none}#dailyContinue:active,#guideSkip:active{background:#ffffff14}#guideSkip{display:none;align-self:center;margin-top:6px}#guide.intro #guideSkip{display:flex}:root{--dot3: #ffd166;--dot2: #cca656;--dot1: #99824a;--dot0: #665a3a}#homeStats,#statsKey,#menuStats{display:none}body.stats #menuStats,body.statsButton #homeStats,body.statsButton #statsKey{display:flex}#homeStats{position:absolute;left:14px;top:var(--top);width:46px;height:46px;background:transparent}#homeStats svg{width:22px;height:22px;opacity:.55}#homeStats i{display:none;position:absolute;top:9px;right:8px;width:7px;height:7px;border-radius:50%;background:var(--acc);box-shadow:0 0 8px var(--acc)}#homeStats.fresh i{display:block}#homeStats.fresh svg{opacity:.9}#keysRight{display:flex;align-items:center;gap:12px}#bottom.left #keysRight{flex-direction:row-reverse}#statsKey{width:48px;height:48px;background:#ffffff0d}#statsKey svg{width:22px;height:22px;opacity:.6}body:has(#toast.nearHint.on) #statsKey{visibility:hidden}body.daily #statsKey{display:none}#statsBody{justify-content:flex-start;gap:14px;padding:2px 18px calc(var(--bot) + 8px)}#statsBody>*{flex:none}#statsHero{display:flex;flex-direction:column;align-items:center;gap:6px}#weave{width:100%;height:auto;aspect-ratio:2 / 1;max-height:230px;display:block}#weaveCaption{font-size:11.5px;letter-spacing:.06em;opacity:.55;font-variant-numeric:tabular-nums}.kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.kpis.waiting{display:block}.kpi{background:#ffffff0d;border-radius:14px;padding:8px 9px 7px;display:flex;flex-direction:column;gap:1px;min-width:0}.kpi b{font-size:21px;font-weight:300;line-height:1.15}.kpi span{font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;opacity:.6}.kpi small{font-size:10.5px;opacity:.5;line-height:1.25}.micro{margin-top:auto;padding-top:7px;height:25px;box-sizing:border-box;display:flex;align-items:flex-end;gap:1.5px;position:relative}.micro.cols i{flex:1;height:max(2px,var(--h));border-radius:1.5px;background:#ffffff1a}.micro.cols i.on{background:var(--dot3);opacity:.6}.micro.cols i.today{opacity:1;box-shadow:0 0 6px var(--dot3)}.micro.cols i.today:not(.on){background:#ffffff47;box-shadow:none}.micro.spread i.on{background:#ffffff6b;opacity:1}.micro.spread b{position:absolute;bottom:0;top:3px;width:2px;margin-left:-1px;border-radius:1px;background:var(--dot3);box-shadow:0 0 5px var(--dot3)}.micro.mix .track{flex:1;display:flex;gap:1.5px;height:7px;border-radius:4px;overflow:hidden;background:#ffffff14}.micro.mix i{min-width:2px}.micro.mix i.d3{background:var(--dot3)}.micro.mix i.d2{background:var(--dot2)}.micro.mix i.d1{background:var(--dot1)}.micro.mix i.d0{background:var(--dot0);box-shadow:inset 0 0 0 1px var(--dot1)}.micro.mix i.rest{min-width:0;background:none}@media(max-width:300px){.kpis{gap:6px}.kpi{padding:7px 6px 6px}.kpi span,.panel h3{letter-spacing:.03em}}.panel header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:2px 10px;margin-bottom:6px}.panel h3{font-size:9.5px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;opacity:.6;white-space:nowrap}.panel header span{font-size:11px;opacity:.75;text-align:right;white-space:nowrap;margin-left:auto}svg.chart{display:block;overflow:visible}.chart .d3,.legend .d3{fill:var(--dot3);background:var(--dot3)}.chart .d2,.legend .d2{fill:var(--dot2);background:var(--dot2)}.chart .d1,.legend .d1{fill:var(--dot1);background:var(--dot1)}.chart .d0,.legend .d0{fill:var(--dot0);background:var(--dot0)}.chart .rung.none{fill:#ffffff0f}.chart .rung.lesson{fill:#ffffff24}.chart .rung.d0{stroke:var(--dot1);stroke-width:1}.legend .d0{box-shadow:inset 0 0 0 1px var(--dot1)}.chart .line{fill:none;stroke:#fff;stroke-width:2;stroke-linejoin:round;stroke-linecap:round}.chart .grid{stroke:#ffffff1f;stroke-width:1}.chart .halo{fill:none;stroke:#141a33;stroke-width:5;stroke-linejoin:round;opacity:.8}.chart .dot{opacity:.8}.chart .dot.d3{fill:var(--dot3)}.chart .dot.d0{stroke:var(--dot1);stroke-width:1}.chart text{font-size:10px;fill:#ffffff80;font-variant-numeric:tabular-nums}.chart text.value{fill:#ffffffe0;font-size:10.5px}.chart .hour{fill:var(--dot3);opacity:.55}.chart .hour.none{fill:#ffffff14;opacity:1}.legend{display:flex;flex-wrap:wrap;gap:4px 12px;justify-content:center;margin-top:5px;font-size:10px}.legend span{display:flex;align-items:center;gap:5px;white-space:nowrap;color:#fff9}.legend i{width:10px;height:10px;border-radius:2px}.wait{display:flex;flex-direction:column;gap:5px;font-size:11px;line-height:1.3;opacity:.6}.wait i{display:block;height:3px;border-radius:2px;background:#ffffff1a}.panel>.wait,.kpis>.wait{margin-top:8px}.kpis>.wait{grid-column:1 / -1;margin-top:0}.wait em{display:block;height:100%;border-radius:2px;background:#ffffff73}.note{font-size:11px;line-height:1.3;opacity:.7;margin-bottom:6px}.bars{display:grid;grid-template-columns:max-content 1fr auto auto;gap:5px 8px;align-items:center;font-size:11.5px}.piece{display:contents}.piece span{white-space:nowrap;opacity:.8}.piece i{height:6px;border-radius:3px;background:#ffffff14}.piece em{display:block;height:100%;border-radius:3px;background:var(--dot3)}.piece b{font-weight:400;text-align:right;font-variant-numeric:tabular-nums}.piece small{font-size:10px;opacity:.35;text-align:right;font-variant-numeric:tabular-nums}#statsBody.enter .chart .line{stroke-dasharray:1;stroke-dashoffset:1;animation:stats-draw 1.1s .25s cubic-bezier(.3,.7,.2,1) forwards}#statsBody.enter .chart .halo{opacity:0;animation:stats-fade .4s 1.1s forwards}#statsBody.enter .chart .dot{transform-box:fill-box;transform-origin:center;animation:stats-pop .45s cubic-bezier(.2,1.7,.4,1) var(--d, 0ms) both}#statsBody.enter .chart .hour{transform-box:fill-box;transform-origin:bottom;animation:stats-grow .6s cubic-bezier(.2,1.3,.4,1) var(--d, 0ms) both}#statsBody.enter .micro.cols i{transform-origin:bottom;animation:stats-grow .6s cubic-bezier(.2,1.3,.4,1) var(--d, 0ms) both}#statsBody.enter .micro.mix .track{transform-origin:left;animation:stats-widen .9s .2s cubic-bezier(.2,1,.3,1) both}#statsBody.enter .micro.spread b{animation:stats-fade-in .4s .55s both}@keyframes stats-fade-in{0%{opacity:0}}#statsBody.enter .piece em,#statsBody.enter .wait em{transform-origin:left;animation:stats-widen .9s .2s cubic-bezier(.2,1,.3,1) both}@keyframes stats-draw{to{stroke-dashoffset:0}}@keyframes stats-fade{to{opacity:.8}}@keyframes stats-pop{0%{transform:scale(0);opacity:0}}@keyframes stats-grow{0%{transform:scaleY(0)}}@keyframes stats-widen{0%{transform:scaleX(0)}}@media(prefers-reduced-motion:reduce){#statsBody *{animation:none!important}}#levels .body,#stats .body,#settings .body{overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch}#grid{max-height:none}#settings .body>*{flex:none}@media(max-height:480px){.row{padding:6px 0}.row small{margin-top:1px}#reset{height:44px}#card{gap:8px}#cardIcon{width:min(18vw,calc(var(--vh) * 14),84px)}.pager{padding-top:8px}.pager button{width:40px;height:40px}}#toast{position:fixed;left:50%;bottom:calc(var(--bot) + 92px);transform:translate(-50%);max-width:min(84vw,320px);padding:10px 16px;border-radius:14px;background:#0a0d1ae0;border:1px solid rgba(255,255,255,.1);font-size:13.5px;line-height:1.35;text-align:center;letter-spacing:.01em;opacity:0;pointer-events:none;z-index:40;transition:opacity .25s}#toast.on{opacity:1}#toast.nearHint{left:98px;right:98px;max-width:none;transform:translateY(50%);bottom:calc(var(--bot) + 31px);padding:8px 12px;text-wrap:balance}#toast.nearHint:after{content:"";position:absolute;top:50%;right:-8px;transform:translateY(-50%);border:7px solid transparent;border-right:0;border-left-color:#0a0d1ae0}#bottom.left~#toast.nearHint:after{right:auto;left:-8px;border:7px solid transparent;border-left:0;border-right-color:#0a0d1ae0}@media(prefers-reduced-motion:reduce){#toast{transition:none}}#rotate{display:none}@media(orientation:landscape)and (max-height:480px){#rotate{position:fixed;inset:0;z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:var(--bg);text-align:center;padding:24px}#rotate svg{width:44px;height:44px;fill:none;stroke:#fff;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;opacity:.5}#rotate p{font-size:14px;font-weight:300;letter-spacing:.08em;opacity:.6}}