:root{color:#30251f;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--brand:#a55037;--brand-dark:#743624;--sage:#587358;--bg:#f7f2e9;--surface:#fffdf8;--surface-soft:#f0e8db;--text:#30251f;--muted:#77695e;--line:#e4d9c9;--cream:#f5dfc0;--danger:#aa372d;--shadow:0 18px 55px #4934220b;background:#f7f2e9;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#201c18;--surface:#2a241f;--surface-soft:#342c25;--text:#f2e6d8;--muted:#bcad9c;--line:#483d33;--cream:#5b422e;--danger:#ef9b8e;--shadow:0 18px 55px #0002}*{box-sizing:border-box}body{min-width:320px;margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}button{color:inherit}button svg,a svg{flex-shrink:0}input,select,textarea{min-width:0}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--sage);outline-offset:4px}h1,h2,h3,p{margin-top:0}h1,h2{letter-spacing:-.035em}h1{font-family:Georgia,Times New Roman,serif;font-size:clamp(2.2rem,5vw,3.4rem);font-weight:500;line-height:1.1}h2{font-size:1.3rem;font-weight:650;line-height:1.35}h3{font-size:.96rem;line-height:1.4}p{color:var(--muted);line-height:1.65}svg{vertical-align:middle;display:inline-block}main:focus{outline:none}main{flex:1}.app-shell{--bg:var(--theme-bg,#f7f2e9);--surface:var(--theme-surface,#fffdf8);--text:var(--theme-text,#30251f);--brand:var(--brand-base,#a55037);--sage:var(--sage-base,#587358);background:var(--bg);color:var(--text);flex-direction:column;min-height:100dvh;display:flex}.skip-link{z-index:100;background:var(--surface);border:2px solid var(--brand);border-radius:8px;padding:12px;position:fixed;top:-60px;left:16px}.skip-link:focus{top:12px}.site-header{align-items:center;gap:38px;width:100%;max-width:1320px;height:94px;margin:auto;padding:0 64px;display:flex}.wordmark{letter-spacing:-.035em;white-space:nowrap;align-items:center;gap:11px;font-family:Georgia,Times New Roman,serif;font-size:1.44rem;font-weight:600;display:flex}.logo{width:43px;height:43px;color:var(--brand);background:var(--cream);border-radius:14px;place-items:center;display:grid}.landing-nav{align-items:center;gap:32px;margin-left:auto;font-size:.83rem;display:flex}.landing-nav>a:first-child{color:var(--muted)}.desktop-nav{align-items:center;gap:8px;margin-left:auto;display:flex}.desktop-nav>a{color:var(--muted);border-radius:12px;align-items:center;gap:9px;padding:11px 16px;font-size:.86rem;font-weight:550;display:flex}.desktop-nav>a.active{color:var(--brand);background:var(--surface-soft)}.icon-button{background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;min-width:40px;min-height:40px;padding:8px;display:inline-flex}.icon-button:hover{background:var(--surface-soft)}.connection-banner{background:var(--cream);text-align:center;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-size:.82rem;display:flex}.button{background:var(--surface-soft);color:var(--text);border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:13px;min-height:48px;padding:12px 20px;font-size:.9rem;font-weight:650;line-height:1.3;transition:background .18s,transform .18s;display:inline-flex}.button:hover:not(:disabled){background:var(--line);transform:translateY(-1px)}.button-primary{background:var(--brand);color:#fffaf3;box-shadow:0 5px #0000000a}.button-primary:hover:not(:disabled){background:var(--brand-dark)}.button-outline{border-color:var(--line);box-shadow:none;background:0 0}.button-small{border-radius:10px;min-height:39px;padding:9px 14px;font-size:.8rem}.button-danger{color:#fff;background:#a13b31}.button-danger:hover:not(:disabled){background:#862e27}.full-width{width:100%}.button-row{flex-wrap:wrap;gap:10px;display:flex}.text-link{color:var(--brand);align-items:center;gap:8px;font-size:.86rem;font-weight:600;display:inline-flex}.text-link:hover{text-decoration:underline}.text-button{color:var(--brand);background:0 0;border:0;justify-content:center;align-items:center;gap:7px;padding:9px 0;font-size:.83rem;font-weight:600;display:inline-flex}.muted-text{color:var(--muted)!important}.small-text{font-size:.84rem}.page-width{width:calc(100% - 80px);max-width:1060px;margin:0 auto;padding:34px 0 70px}.narrow-page{max-width:660px}.page-intro{margin-bottom:32px}.page-intro h1{margin-bottom:14px}.page-intro>p:last-child{max-width:580px;margin-bottom:0}.eyebrow{text-transform:uppercase;letter-spacing:.18em;color:var(--sage);margin-bottom:17px;font-size:.69rem;font-weight:750;line-height:1.6}.back-link{color:var(--muted);align-items:center;gap:8px;margin-bottom:28px;font-size:.8rem;display:inline-flex}.back-link svg{transform:rotate(180deg)}.panel{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:20px;padding:29px}.panel>h2{margin-bottom:17px}.panel>p{font-size:.9rem}.site-footer{width:100%;max-width:1320px;color:var(--muted);justify-content:space-between;align-items:center;gap:24px;margin:0 auto;padding:24px 64px 30px;font-size:.72rem;line-height:1.5;display:flex}.site-footer nav{gap:23px;display:flex}.footer-dot{padding:0 9px}.mobile-nav{display:none}.landing{max-width:1320px;margin:0 auto;padding:35px 64px 12px}.hero{grid-template-columns:1fr 1fr;align-items:center;gap:42px;padding:24px 0 60px;display:grid}.hero-copy{padding:14px 0}.hero .eyebrow{align-items:center;gap:10px;display:flex}.hero .eyebrow>span{background:var(--sage);border-radius:50%;width:6px;height:6px}.hero h1{letter-spacing:-.055em;margin:0 0 24px;font-size:clamp(3rem,4.7vw,4.8rem);line-height:1.07}.hero h1 em{color:var(--brand);font-style:italic}.hero-description{max-width:430px;margin-bottom:28px;font-size:.98rem;line-height:1.8}.hero-cta{gap:25px;min-height:55px;padding:16px 27px;font-size:.95rem}.cta-note{margin:13px 0 30px;font-size:.73rem}.hero-details{color:var(--muted);flex-direction:column;gap:10px;font-size:.73rem;display:flex}.hero-details>span{align-items:center;gap:9px;display:flex}.hero-details svg{color:var(--sage)}.hero-art{justify-self:end;width:100%;max-width:570px;position:relative}.cafe-illustration{width:100%;height:auto;display:block}.art-label{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:30px;align-items:center;gap:8px;padding:10px 14px;font-size:.69rem;display:flex;position:absolute;top:1%;left:7%}.status-dot{background:var(--sage);border-radius:50%;width:7px;height:7px;display:inline-block}.art-note{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:15px;align-items:center;gap:13px;padding:15px 20px;font-size:.75rem;line-height:1.6;display:flex;position:absolute;bottom:2%;right:2%;transform:rotate(-3deg)}.art-note strong{font-weight:600}.note-icon{color:var(--brand);background:var(--cream);border-radius:50%;place-items:center;width:38px;height:38px;display:grid}.landing-features{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:35px;padding:32px 0;display:grid}.landing-features article{gap:17px;display:flex}.feature-number{color:var(--brand);font-family:Georgia,serif;font-size:1.1rem;line-height:1.5}.landing-features h2{letter-spacing:-.01em;margin-bottom:8px;font-size:.95rem}.landing-features p{max-width:245px;margin:0;font-size:.77rem;line-height:1.7}.landing-account{color:var(--sage);justify-content:center;align-items:center;gap:12px;padding:29px 0 20px;font-size:.79rem;display:flex}.landing-account p{margin:0;font-size:.78rem}.landing-account a{color:var(--text);text-underline-offset:4px;text-decoration:underline}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:440px;padding:50px 22px;display:flex}.empty-state h1{margin:12px 0 4px;font-size:2.25rem}.empty-state p{max-width:420px;font-size:.9rem}.empty-state .text-link{margin-top:15px}.empty-icon,.tutorial-icon{background:var(--surface-soft);width:70px;height:70px;color:var(--brand);border-radius:24px;justify-content:center;align-items:center;margin-bottom:18px;display:inline-flex}.loading-cup{color:var(--brand);animation:1.6s ease-in-out infinite breathe}.loading-panel{min-height:180px;color:var(--muted);place-items:center;display:grid}@keyframes breathe{50%{opacity:.55;transform:translateY(-6px)}}.play-page{width:calc(100% - 48px);max-width:1320px;margin:0 auto;padding:6px 0 30px}.tutorial-backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:90;background:#24180f70;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.tutorial-card{background:var(--surface);max-height:calc(100dvh - 48px);color:var(--text);border:1px solid var(--line);border-radius:28px;width:calc(100% - 36px);max-width:460px;padding:38px;position:fixed;overflow:auto;box-shadow:0 20px 90px #0003}.tutorial-card::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#24180f70}.tutorial-card h2{font-family:Georgia,serif;font-size:2rem;font-weight:500}.tutorial-card p:not(.eyebrow){font-size:.9rem}.tutorial-close{color:var(--muted);position:absolute;top:12px;right:12px}.tutorial-bottom{justify-content:space-between;align-items:center;gap:20px;margin-top:28px;display:flex}.tutorial-dots{gap:6px;display:flex}.tutorial-dots span{background:var(--line);border-radius:8px;width:6px;height:6px}.tutorial-dots .current{background:var(--brand);width:20px}.account-grid{grid-template-columns:.9fr 1.1fr;align-items:start;gap:65px;display:grid}.account-aside{padding:18px 0}.account-aside h2{max-width:310px;font-family:Georgia,serif;font-size:1.7rem;font-weight:500}.account-aside>p{max-width:340px;font-size:.88rem}.check-list{color:var(--muted);gap:17px;margin:26px 0;padding:0;font-size:.79rem;list-style:none;display:grid}.check-list li{align-items:flex-start;gap:10px;line-height:1.55;display:flex}.check-list svg{color:var(--sage);flex-shrink:0;margin-top:1px}.account-summary{max-width:610px}.account-summary>.button{margin:10px 0 12px}.account-summary>.text-button{display:flex}.tab-row{border-bottom:1px solid var(--line);gap:26px;margin-bottom:25px;display:flex}.tab-row>button{color:var(--muted);background:0 0;border:0;border-bottom:2px solid #0000;padding:0 0 13px;font-size:.85rem;font-weight:600}.tab-row>button.active{color:var(--brand);border-bottom-color:var(--brand)}.form-stack{flex-direction:column;gap:19px;display:flex}.form-stack label{color:var(--text);flex-direction:column;gap:9px;font-size:.78rem;font-weight:650;line-height:1.5;display:flex}.form-stack input,.form-stack select,.form-stack textarea{background:var(--bg);border:1px solid var(--line);min-height:46px;color:var(--text);border-radius:10px;width:100%;padding:12px 14px;font-size:.87rem;line-height:1.45;transition:border-color .18s}.form-stack textarea{resize:vertical}.form-stack input::placeholder,.form-stack textarea::placeholder{color:var(--muted);opacity:.7}.form-stack input:focus,.form-stack textarea:focus,.form-stack select:focus{border-color:var(--brand)}.field-help{line-height:1.6;margin:-10px 0 0!important;font-size:.7rem!important}.form-legal{text-align:center;margin:-2px 0 0!important;font-size:.69rem!important;line-height:1.65!important}.form-legal a,.legal-content a,.support-aside a,.narrow-page .small-text a{color:var(--brand);text-underline-offset:3px;text-decoration:underline}.notice{border:1px solid var(--line);background:var(--surface-soft);color:var(--text);border-radius:12px;margin-bottom:17px;padding:15px 17px;font-size:.82rem;line-height:1.6}.notice p{color:inherit;font-size:inherit;margin:0 0 10px}.notice p:last-child{margin-bottom:0}.notice-error,.error-text{color:var(--danger)}.notice-error{background:#b64e3b0b;border-color:#b64e3b55}.notice-success{color:var(--sage);background:#62865d09;border-color:#62865d55;gap:12px;display:flex}.notice-success svg{flex-shrink:0;margin-top:1px}.notice code{overflow-wrap:anywhere}.recovery-card{background:var(--surface-soft);border:1px solid var(--line);border-radius:14px;margin:24px 0;padding:22px}.recovery-card>p{font-size:.8rem}.recovery-card h3{margin-bottom:10px}.recovery-code{white-space:normal;overflow-wrap:anywhere;border:1px dashed var(--brand);color:var(--brand);letter-spacing:.08em;-webkit-user-select:all;user-select:all;border-radius:10px;margin:18px 0;padding:16px;font-size:1rem;line-height:1.8;display:block}.recovery-card .small-text{margin:12px 0 0;font-size:.7rem}.settings-grid{grid-template-columns:1.45fr 1fr;align-items:start;gap:26px;display:grid}.settings-main{gap:22px;display:grid}.section-title{align-items:center;gap:12px;font-size:1.04rem;display:flex}.section-title svg{color:var(--brand)}.setting-row{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:22px;padding:20px 0;display:flex}.setting-row:last-child{padding-bottom:0}.setting-row h3{margin:0 0 5px;font-size:.85rem;font-weight:550}.setting-row p{max-width:350px;margin:0;font-size:.74rem}.switch{background:var(--line);border:0;border-radius:30px;flex-shrink:0;width:43px;height:25px;padding:3px;transition:background .2s}.switch span{background:var(--surface);border-radius:50%;width:19px;height:19px;transition:transform .2s;display:block;box-shadow:0 1px 3px #0003}.switch.on{background:var(--sage)}.switch.on span{background:#fff;transform:translate(18px)}.segmented{background:var(--bg);border:1px solid var(--line);border-radius:11px;gap:3px;margin-top:18px;padding:4px;display:flex}.segmented button{min-height:39px;color:var(--muted);background:0 0;border:0;border-radius:8px;flex:1;font-size:.78rem}.segmented button.active{background:var(--surface);color:var(--brand);font-weight:600;box-shadow:0 1px 5px #0000000e}.settings-aside{gap:22px;display:grid}.link-card{align-items:flex-start;gap:16px;display:flex}.link-card h2{letter-spacing:-.02em;margin-bottom:10px;font-size:1rem}.link-card p{margin-bottom:14px;font-size:.77rem;line-height:1.7}.link-card .text-link{font-size:.77rem}.link-icon{width:42px;height:42px;color:var(--sage);background:var(--surface-soft);border-radius:12px;flex-shrink:0;place-items:center;display:grid}.useful-links h2{font-size:1rem}.useful-links>a{border-bottom:1px solid var(--line);color:var(--muted);align-items:center;gap:9px;padding:15px 0;font-size:.78rem;display:flex}.useful-links>a>svg:last-child{margin-left:auto}.version-label{margin:21px 0 0;font-size:.65rem!important}.support-aside{padding-top:12px}.support-aside>h2{max-width:250px;margin-bottom:25px;font-family:Georgia,serif;font-size:1.7rem;font-weight:500}.support-aside details{border-bottom:1px solid var(--line);padding:15px 0}.support-aside summary{cursor:pointer;font-size:.81rem;font-weight:550;line-height:1.5}.support-aside details p{margin:12px 0 0;font-size:.78rem}.support-aside>.text-link{margin-top:23px;font-size:.76rem}.legal-page{max-width:860px}.legal-page h1{font-size:clamp(2.1rem,5vw,3.15rem)}.legal-content{padding:36px 42px}.legal-content h2{letter-spacing:-.01em;margin:32px 0 12px;font-size:1.12rem}.legal-content h2:first-child{margin-top:0}.legal-content p{margin-bottom:16px;font-size:.88rem;line-height:1.85}.legal-content p:last-child{margin-bottom:0}.danger-icon{color:var(--danger);background:#a13b310c}.shop-grid{grid-template-columns:1fr 1fr;gap:25px;display:grid}.shop-card{padding:30px;position:relative;overflow:hidden}.shop-card h2{font-family:Georgia,serif;font-size:1.75rem;font-weight:500}.shop-card>p{max-width:390px}.shop-icon{background:var(--cream);width:62px;height:62px;color:var(--brand);border-radius:20px;place-items:center;margin-bottom:24px;display:grid}.availability-label{background:var(--surface-soft);color:var(--muted);border-radius:20px;align-items:center;gap:7px;margin-bottom:18px;padding:6px 10px;font-size:.66rem;display:inline-flex}.product-row{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:18px 0;display:flex}.product-row h3{margin:0 0 4px;font-size:.88rem}.product-row p{margin:0;font-size:.75rem}.shop-note{align-items:flex-start;gap:10px;margin-top:22px;font-size:.76rem;display:flex}.shop-note svg{color:var(--sage);flex-shrink:0;margin-top:3px}.shop-status{margin-bottom:25px}.shop-balance{color:var(--muted);align-items:center;gap:18px;margin-top:18px;font-size:.8rem;display:flex}.shop-balance>span{align-items:center;gap:7px;display:flex}@media (width>=1500px){.landing{padding-top:55px}.hero{padding-bottom:75px}.site-header{height:105px}.hero-art{max-width:570px}}@media (width<=1050px){.site-header,.site-footer{padding-left:36px;padding-right:36px}.landing{padding:28px 36px 10px}.hero{gap:20px;padding-top:10px}.hero h1{font-size:3.7rem}.hero-description{font-size:.9rem}.hero-details{font-size:.69rem}.landing-features{gap:24px}.landing-features article{gap:12px}.account-grid{gap:35px}.settings-grid{grid-template-columns:1.35fr 1fr;gap:20px}.panel{padding:25px}}@media (width<=760px){.site-header{gap:15px;height:78px;padding:0 24px}.wordmark{gap:9px;font-size:1.25rem}.logo{border-radius:12px;width:37px;height:37px}.logo>svg{width:22px}.landing-nav{gap:10px}.landing-nav>a:first-child{display:none}.landing-nav .button{min-height:35px;padding:8px 11px;font-size:.7rem}.desktop-nav{display:none}.account-link{margin-left:auto}.landing{padding:15px 24px 5px}.hero{grid-template-columns:1fr;gap:23px;padding:20px 0 40px}.hero-copy{text-align:center;flex-direction:column;align-items:center;padding:0;display:flex}.hero h1{margin-bottom:20px;font-size:clamp(2.8rem,9vw,4.5rem)}.hero .eyebrow{margin-bottom:18px;font-size:.63rem}.hero-description{max-width:410px;margin-bottom:23px;font-size:.86rem;line-height:1.75}.hero-cta{gap:22px;min-height:51px;padding:14px 23px;font-size:.87rem}.cta-note{margin:12px 0 17px;font-size:.65rem}.hero-details{flex-flow:wrap;justify-content:center;gap:15px;font-size:.6rem}.hero-details>span{gap:6px}.hero-details svg{width:14px}.hero-art{justify-self:center;max-width:450px}.art-label{padding:8px 11px;font-size:.58rem;top:0}.art-note{gap:10px;padding:11px 14px;font-size:.65rem;right:0}.note-icon{width:30px;height:30px}.note-icon svg{width:17px}.landing-features{grid-template-columns:1fr;gap:23px;padding:25px 0}.landing-features article{gap:17px}.landing-features h2{margin-bottom:6px;font-size:.9rem}.landing-features p{max-width:100%;font-size:.75rem}.feature-number{font-size:1rem}.landing-account{align-items:flex-start;gap:10px;padding:25px 0}.landing-account p{max-width:245px;font-size:.7rem}.site-footer{text-align:center;flex-direction:column;gap:16px;padding:25px 24px;font-size:.64rem}.site-footer nav{gap:22px}.mobile-nav{z-index:50;background:var(--surface);border-top:1px solid var(--line);padding:8px 20px calc(8px + env(safe-area-inset-bottom));height:calc(70px + env(safe-area-inset-bottom));justify-content:space-around;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -7px 30px #24180f04}.mobile-nav>a{min-width:75px;min-height:48px;color:var(--muted);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:5px;font-size:.61rem;font-weight:550;display:flex}.mobile-nav>a.active{color:var(--brand);background:var(--surface-soft)}.mobile-nav>a svg{width:21px}.game-area{padding-bottom:calc(70px + env(safe-area-inset-bottom))}.game-area .site-header{border-bottom:1px solid var(--line);height:70px}.game-area .site-footer{padding-top:8px}.page-width{width:calc(100% - 40px);padding:30px 0 45px}.page-intro{margin-bottom:26px}.page-intro h1{margin-bottom:13px;font-size:2.35rem}.page-intro>p:last-child{font-size:.85rem}.eyebrow{margin-bottom:13px;font-size:.64rem}.back-link{margin-bottom:25px;font-size:.74rem}.account-grid{grid-template-columns:1fr;gap:25px}.account-aside{padding:0}.account-aside h2{max-width:100%;font-size:1.5rem}.account-aside>p{max-width:100%;font-size:.82rem}.account-aside .empty-icon{display:none}.check-list{gap:11px;margin:20px 0;font-size:.73rem}.panel{border-radius:17px;padding:23px}.panel h2{font-size:1.15rem}.form-stack{gap:18px}.form-stack label{font-size:.75rem}.form-stack input,.form-stack textarea,.form-stack select{font-size:16px}.form-stack .button{font-size:.82rem}.form-legal{font-size:.65rem!important}.settings-grid{grid-template-columns:1fr;gap:20px}.settings-main,.settings-aside{gap:18px}.setting-row p{font-size:.72rem}.link-card{padding:23px}.link-card h2{font-size:.95rem}.support-aside{padding-top:0}.support-aside>h2{max-width:100%;margin-bottom:10px;font-size:1.5rem}.support-aside summary{font-size:.77rem}.support-page .account-grid>.panel{order:-1}.legal-content{padding:25px 23px}.legal-content h2{margin-top:27px;font-size:1.02rem}.legal-content p{font-size:.81rem;line-height:1.8}.legal-page .page-intro h1{font-size:2.1rem}.play-page{width:calc(100% - 24px);padding-top:12px}.empty-state{min-height:390px}.empty-state h1{font-size:1.9rem}.tutorial-backdrop{padding:18px}.tutorial-card{border-radius:23px;padding:30px 25px}.tutorial-card::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#24180f70}.tutorial-card h2{font-size:1.7rem}.tutorial-card p:not(.eyebrow){font-size:.84rem}.tutorial-bottom{gap:12px}.tutorial-bottom .button{padding:12px 15px;font-size:.8rem}.tutorial-icon{border-radius:20px;width:60px;height:60px}.shop-grid{grid-template-columns:1fr;gap:20px}.shop-card h2{font-size:1.6rem}.shop-card .shop-icon{border-radius:16px;width:53px;height:53px;margin-bottom:20px}.shop-note{font-size:.71rem}.recovery-code{font-size:.88rem}.connection-banner{font-size:.72rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}:root[data-theme=dark] .app-shell{--bg:color-mix(in srgb,var(--theme-bg) 7%,#191919);--surface:color-mix(in srgb,var(--theme-surface) 8%,#202020);--text:#f2e6d8;--brand:color-mix(in srgb,var(--brand-base) 48%,#f6e6d1);--sage:color-mix(in srgb,var(--sage-base) 50%,#e2e8cf)}.button-primary{background:var(--brand-base,var(--brand));color:#fffaf3}.account-link{border:1px solid var(--line)}@media (width<=760px){.account-page .account-grid>.panel{order:-1}}.app-shell{--studio-inset-top:var(--safe-area-inset-top,0px);--studio-inset-bottom:var(--safe-area-inset-bottom,env(safe-area-inset-bottom,0px));--studio-inset-left:var(--safe-area-inset-left,0px);--studio-inset-right:var(--safe-area-inset-right,0px);padding-top:var(--studio-inset-top);padding-left:var(--studio-inset-left);padding-right:var(--studio-inset-right)}.app-shell:before{content:"";height:var(--studio-inset-top);background:var(--bg);pointer-events:none;z-index:110;position:fixed;inset:0 0 auto}@media (width<=760px){.mobile-nav{left:var(--studio-inset-left);right:var(--studio-inset-right);padding-bottom:calc(8px + var(--studio-inset-bottom));height:calc(70px + var(--studio-inset-bottom))}.game-area{padding-bottom:calc(70px + var(--studio-inset-bottom))}}