.app-shell{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:var(--bg-primary)}.scene-background{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden}.scene-background__layer{position:absolute;top:0;right:0;bottom:0;left:0}.scene-background__layer img{width:100%;height:100%;object-fit:cover;display:block;transform:none;filter:brightness(.8)}.scene-background__menu-shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,transparent 55%,rgba(10,8,6,.75) 100%)}.scene-background__doors{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none}.scene-background__door{position:absolute;top:0;bottom:0;width:50%;background:var(--bg-primary);will-change:transform}.scene-background__door--left{left:0;box-shadow:inset -.5rem 0 1.5rem #0000006b}.scene-background__door--right{right:0;box-shadow:inset .5rem 0 1.5rem #0000006b}.app-screen{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;will-change:transform}.app-screen--splash{z-index:2}.splash-screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--bg-primary);z-index:100}.splash-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.splash-bg img{width:100%;height:100%;object-fit:cover;opacity:.35;filter:blur(.1875rem) saturate(.75)}.splash-bg-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#0a080640,#0a08068c 40%,#0a0806e0)}.splash-orb{position:absolute;width:17.5rem;height:17.5rem;border-radius:50%;background:radial-gradient(circle,rgba(120,90,65,.18) 0%,rgba(80,60,45,.06) 40%,transparent 70%);filter:blur(2.5rem);animation:breathe 4s ease-in-out infinite}.splash-logo{position:relative;z-index:1;width:100%;padding:0 var(--space-md)}@keyframes btn-blur-in{0%{backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px)}to{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}}.btn{position:relative;width:100%;padding:1rem 1.5rem;border:1px solid var(--surface-border-light);border-radius:var(--radius-pill);font-family:var(--font-button);font-size:var(--font-size-lg);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-primary);-webkit-text-stroke:.045em currentColor;paint-order:stroke fill;cursor:pointer;outline:none;overflow:hidden;isolation:isolate;background:var(--surface-bg-heavy);box-shadow:var(--shadow-soft),inset 0 1px #fffcf814;-webkit-transform:translateZ(0);transform:translateZ(0);transition:border-color .25s ease;animation:btn-blur-in 1.2s ease-in-out calc(var(--pop-delay, 0s) + .4s) both}.btn:disabled{opacity:.35;cursor:default}.btn--primary{background:#0a08064d;border-color:var(--surface-border-light)}.btn--secondary,.btn--glass{background:#0a08064d;border-color:var(--surface-border)}.btn--ghost{background:var(--surface-bg);border-color:var(--surface-border);box-shadow:none}.btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:radial-gradient(circle at var(--tap-x, 50%) var(--tap-y, 50%),rgba(255,235,210,.28) 0%,transparent 65%);opacity:0;transform:scale(.6);transition:opacity .15s ease,transform .35s var(--ease-out-expo);pointer-events:none;z-index:0}.btn:active:not(:disabled):before{opacity:1;transform:scale(1.2)}.btn:active:not(:disabled){box-shadow:var(--shadow-tap-glow),inset 0 1px #fffcf81a;border-color:#fffcf833}.btn>*{position:relative;z-index:1}.btn-icon{position:relative;width:2.75rem;height:2.75rem;display:flex;align-items:center;justify-content:center;border:1px solid var(--surface-border);border-radius:50%;background:#0a08064d;color:var(--text-primary);font-size:1.125rem;cursor:pointer;overflow:hidden;isolation:isolate;-webkit-transform:translateZ(0);transform:translateZ(0);transition:border-color .25s ease;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.btn-icon--square{border-radius:var(--radius-md)}.btn-icon--close,.btn-icon--chevron{font-size:1.5rem}.btn-icon--lg{width:3.5rem;height:3.5rem;font-size:1.375rem}.btn-icon--xl{width:4rem;height:4rem;font-size:1.5rem}.btn-icon:disabled{opacity:.35;cursor:default}.btn-icon:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:radial-gradient(circle at center,rgba(255,235,210,.3) 0%,transparent 70%);opacity:0;transform:scale(.5);transition:opacity .15s ease,transform .35s var(--ease-out-expo);pointer-events:none}.btn-icon:active:not(:disabled):before{opacity:1;transform:scale(1.4)}.btn-icon:active:not(:disabled){box-shadow:var(--shadow-tap-glow);border-color:#fffcf833}.btn-icon i{position:relative;z-index:1}.menu-screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;overflow:hidden}.menu-content{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:var(--space-xl) var(--space-lg);padding-bottom:calc(var(--space-2xl) + var(--safe-bottom))}.menu-brand{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:flex;align-items:center;justify-content:center;pointer-events:none}.menu-buttons{width:100%;display:flex;flex-direction:column;gap:var(--space-md);max-width:20rem}.menu-screen .btn:active:not(:disabled){box-shadow:var(--shadow-soft),inset 0 1px #fffcf81a}.topbar-wrapper{position:absolute;top:calc(var(--space-md) + var(--safe-top));left:var(--space-md);right:var(--space-md);z-index:20}.topbar-island{display:flex;align-items:center;gap:var(--space-md);padding:.5rem .75rem;background:var(--surface-bg-heavy);backdrop-filter:blur(var(--surface-blur));-webkit-backdrop-filter:blur(var(--surface-blur));border:1px solid var(--surface-border);border-radius:var(--radius-pill);box-shadow:var(--shadow-medium)}.topbar-center{flex:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-width:0;overflow:hidden}.topbar-title{font-family:var(--font-display);font-size:var(--font-size-base);font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.topbar-title--uppercase{text-transform:uppercase;letter-spacing:.06em}.topbar-subtitle{font-size:var(--font-size-xs);font-weight:500;color:var(--text-secondary);letter-spacing:.08em;text-transform:uppercase}.topbar-subtitle--plain{letter-spacing:normal;text-transform:none}.topbar-right{display:flex;align-items:center;justify-content:flex-end;flex-shrink:0}.gallery-screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;background:var(--bg-primary);overscroll-behavior:none}.gallery-scroll{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;padding:calc(var(--safe-top) + var(--topbar-offset)) var(--space-lg) 0}.gallery-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md)}.gallery-grid-spacer{grid-column:1 / -1;height:var(--space-md)}.gallery-card-wrap{position:relative;width:100%;padding-bottom:177.77%;height:0}.gallery-card{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;border:1px solid var(--surface-border);background:#0a080633;box-shadow:0 12px 30px #00000057,0 4px 12px #0000003d;transition:border-color .25s ease,box-shadow .25s ease;isolation:isolate;-webkit-transform:translateZ(0);transform:translateZ(0)}.gallery-card:active{border-color:#fffcf833}.gallery-card--locked:active{box-shadow:0 8px 22px #00000047}.gallery-card:before{content:"";position:absolute;top:var(--tap-y, 50%);left:var(--tap-x, 50%);width:25rem;height:25rem;border-radius:50%;background:radial-gradient(circle,rgba(255,235,210,.28) 0%,transparent 65%);opacity:0;transform:translate(-50%,-50%) scale(.4);transition:opacity .15s ease,transform .35s var(--ease-out-expo);pointer-events:none;z-index:2}.gallery-card:active:before{opacity:1;transform:translate(-50%,-50%) scale(1)}.gallery-card-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;display:block;border-radius:var(--radius-lg);box-shadow:0 16px 36px #00000070,0 5px 16px #0000004d,inset 0 0 1.75rem #ffebd20f;transition:box-shadow .35s ease}.gallery-card--locked .gallery-card-image{filter:saturate(0) brightness(.5);box-shadow:0 10px 24px #00000052,0 3px 12px #0003}.gallery-card--locked{box-shadow:0 8px 22px #00000047}.gallery-card-badge{position:absolute;top:var(--space-sm);right:var(--space-sm);width:1.75rem;height:1.75rem;border-radius:50%;background:#0a08064d;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--surface-border-light);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-soft),0 0 .75rem #ffebd21a;z-index:3}.gallery-card-badge svg{width:.875rem;height:.875rem;color:var(--text-primary)}.gallery-card-title{position:absolute;bottom:0;left:0;right:0;padding:var(--space-lg) var(--space-md) var(--space-md);border-radius:0 0 var(--radius-lg) var(--radius-lg);background:linear-gradient(to top,rgba(10,8,6,.75),transparent);font-family:var(--font-display);font-size:var(--font-size-sm);font-weight:600;color:var(--text-primary);z-index:3}.gallery-detail-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:0;overflow:hidden;overscroll-behavior:none;touch-action:none}.gallery-detail-card{position:relative;z-index:1;width:100vw;height:100vh;display:flex;flex-direction:column;border-radius:0;overflow:hidden;background:var(--surface-bg-heavy);backdrop-filter:blur(1.75rem);-webkit-backdrop-filter:blur(1.75rem);box-shadow:var(--shadow-heavy);-webkit-transform:translateZ(0);transform:translateZ(0)}html:not(.pwa-standalone) .gallery-detail-card{width:var(--modal-max-w);height:var(--modal-max-h-below-topbar);border-radius:var(--radius-2xl)}.gallery-detail-close{position:absolute;top:calc(var(--safe-top) + var(--space-md));right:var(--space-md);z-index:10}.gallery-detail-image{width:100%;height:100%;object-fit:cover;object-position:center;display:block;z-index:0;background:#0a080640;border-radius:0}.gallery-detail-card--locked .gallery-detail-image{filter:saturate(0) brightness(.5)}.gallery-detail-content{position:absolute;bottom:0;left:0;right:0;z-index:2;padding:8rem var(--space-lg) calc(var(--safe-bottom) + var(--space-lg));display:flex;flex-direction:column;gap:var(--space-md);background:linear-gradient(to top,rgba(10,8,6,.95) 0%,rgba(10,8,6,.75) 45%,transparent 100%);pointer-events:none}.gallery-detail-content>*{pointer-events:auto}.gallery-detail-title{font-family:var(--font-display);font-size:var(--font-size-xl);font-weight:600;text-align:center;color:var(--text-primary)}.gallery-detail-actions,.difficulty-selector-pop{width:100%}.difficulty-selector{position:relative;border-radius:var(--radius-pill);background:var(--surface-bg);border:1px solid var(--surface-border);padding:.1875rem;overflow:hidden;isolation:isolate;transition:border-color .2s ease;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.difficulty-selector:before{content:"";position:absolute;top:var(--tap-y, 50%);left:var(--tap-x, 50%);width:12rem;height:12rem;border-radius:50%;background:radial-gradient(circle,rgba(255,235,210,.3) 0%,transparent 66%);opacity:0;transform:translate(-50%,-50%) scale(.45);transition:opacity .15s ease,transform .35s var(--ease-out-expo);pointer-events:none;z-index:0}.difficulty-selector:active{border-color:#fffcf833}.difficulty-selector:active:before{opacity:1;transform:translate(-50%,-50%) scale(1)}.difficulty-selector-inner{position:relative;display:flex;width:100%;z-index:1}.difficulty-indicator-wrap{position:absolute;top:0;bottom:0;left:0;right:0;z-index:0;pointer-events:none}.difficulty-indicator{position:absolute;top:0;bottom:0;border-radius:var(--radius-pill);background:#0a08064d;border:1px solid var(--surface-border-light);box-shadow:var(--shadow-soft)}.difficulty-option-wrap{flex:1;display:flex;position:relative;z-index:1}.difficulty-option{flex:1;width:100%;padding:.75rem .5rem;border:none;border-radius:var(--radius-pill);background:transparent;font-family:var(--font-button);font-size:var(--font-size-sm);font-weight:700;-webkit-text-stroke:.04em currentColor;paint-order:stroke fill;color:var(--text-secondary);cursor:pointer;transition:color .3s ease}.difficulty-option--active{color:var(--text-primary)}.gallery-screen .btn:active:not(:disabled),.gallery-detail-overlay .btn:active:not(:disabled){box-shadow:var(--shadow-soft),inset 0 1px #fffcf81a}.gallery-screen .btn-icon:active:not(:disabled),.gallery-detail-overlay .btn-icon:active:not(:disabled){box-shadow:none}.win-modal-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:0;overflow:hidden;box-sizing:border-box;background:#000;overscroll-behavior:none;touch-action:none;--win-modal-available-h: min( var(--modal-max-h), calc( var(--app-height, 100dvh) - var(--safe-top) - var(--safe-bottom) - 2 * var(--space-sm) ) );--win-modal-available-w: min(var(--modal-max-w), 100%)}.win-modal-panel{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100vw;height:100vh;border-radius:0;overflow:hidden;background:var(--surface-bg-heavy);backdrop-filter:blur(1.75rem);-webkit-backdrop-filter:blur(1.75rem);box-shadow:var(--shadow-heavy);-webkit-transform:translateZ(0);transform:translateZ(0)}html:not(.pwa-standalone) .win-modal-panel{width:var(--modal-max-w);height:var(--modal-max-h-below-topbar);border-radius:var(--radius-2xl)}.win-modal-image{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center;cursor:pointer;z-index:0}.win-modal-ui{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:space-between;pointer-events:none;z-index:2}.win-modal-ui-top,.win-modal-ui-bottom,.win-modal-actions-wrap{pointer-events:none}.win-modal-ui-top{position:relative;padding:calc(var(--safe-top) + var(--space-md)) var(--space-md) var(--space-lg)}.win-modal-ui-top-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,rgba(10,8,6,.72) 0%,rgba(10,8,6,.35) 70%,transparent 100%);pointer-events:none}.win-modal-ui-top .win-modal-text{position:relative;z-index:1}.win-modal-ui-bottom{position:relative;padding:var(--space-lg) var(--space-md) calc(var(--safe-bottom) + var(--space-xs) + var(--space-sm) + 2 * 1.45 * .625rem)}.win-modal-ui-bottom-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(10,8,6,.92) 0%,rgba(10,8,6,.58) 65%,transparent 100%);pointer-events:none}.win-modal-text{position:relative;z-index:1;text-align:center}.win-modal-title{font-family:var(--font-display);font-size:var(--font-size-xl);font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--text-primary);margin-bottom:var(--space-xs);text-shadow:0 .125rem .5rem rgba(0,0,0,.45)}.win-modal-moves{font-size:var(--font-size-sm);color:var(--text-secondary);letter-spacing:.04em;line-height:1.4;text-shadow:0 .125rem .375rem rgba(0,0,0,.4)}.win-modal-actions-wrap{position:relative;z-index:1;width:100%}.win-modal-actions{display:flex;gap:var(--space-md);align-items:flex-end;justify-content:center;width:100%}.win-modal-action{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);min-width:0;transform-origin:center bottom}.win-modal-action--primary{margin-top:-.5rem}.win-modal-action-label{font-size:var(--font-size-xs);color:var(--text-muted);letter-spacing:.04em;text-align:center;text-shadow:0 .125rem .375rem rgba(0,0,0,.45)}.win-modal-actions .btn-icon{background:#0a080673}.win-modal-next-btn{width:5rem;height:5rem;font-size:2rem;border-color:var(--surface-border-light);background:#0a080680;box-shadow:var(--shadow-medium),var(--shadow-glow)}.win-modal-hint{position:absolute;z-index:1;left:var(--space-md);right:var(--space-md);bottom:var(--space-xs);margin:0;min-height:1.8125rem;display:flex;align-items:center;justify-content:center;font-size:.625rem;color:#fffcf82e;letter-spacing:.03em;text-align:center;line-height:1.45;text-shadow:none;pointer-events:none}.game-screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;background:var(--bg-primary);overflow:hidden}.game-ambient-source{flex:1;display:flex;flex-direction:column;min-height:0}.game-board-area{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--safe-top) 0 calc(var(--safe-bottom) + 3.5rem) 0;position:relative;min-height:0}.game-board-wrapper{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;container-type:size}.puzzle-board-shell{width:100%;height:100%;min-width:0;min-height:0;display:flex;align-items:center;justify-content:center}.puzzle-board-stage{position:relative;display:flex;align-items:center;justify-content:center}.puzzle-board-layer{display:flex;align-items:center;justify-content:center}.puzzle-board-layer.puzzle-preview{position:absolute;top:0;right:0;bottom:0;left:0}.puzzle-preview{border-radius:1.5rem;overflow:hidden;box-shadow:var(--shadow-heavy),var(--shadow-glow);cursor:pointer}.puzzle-preview-board{pointer-events:none}.puzzle-preview-tile{width:100%;height:100%;min-width:0;min-height:0;overflow:hidden}.puzzle-board{--board-gap: 1px;display:grid;column-gap:var(--board-gap);row-gap:var(--board-gap);position:relative;box-sizing:border-box}.puzzle-tile{position:relative;width:100%;height:100%;min-width:0;min-height:0;margin:0;padding:0;overflow:hidden;cursor:pointer;touch-action:none;background-size:var(--board-cols-pct) var(--board-rows-pct);background-repeat:no-repeat;transition:box-shadow .3s ease,border-radius .3s ease}.puzzle-tile:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border-radius:inherit;transition:box-shadow .2s ease}.puzzle-tile--selected{box-shadow:var(--shadow-tile-drag);z-index:50}.puzzle-tile--dragging{z-index:100;border-radius:.5rem;box-shadow:var(--shadow-tile-drag);transition:none}.puzzle-tile--drop-target{box-shadow:inset 0 0 0 2px #fffcf833}.game-header{position:absolute;bottom:0;left:0;right:0;padding:var(--space-md) var(--space-md) calc(var(--safe-bottom) + var(--space-md));display:grid;grid-template-columns:1fr auto 1fr;align-items:center;z-index:50;pointer-events:none}.game-header>*{pointer-events:auto}.game-header-left{justify-self:start}.game-header-center{justify-self:center;display:flex;flex-direction:column;align-items:center;text-align:center;gap:.125rem;max-width:100%}.game-header-right{justify-self:end}.game-header-title{font-family:var(--font-display);font-size:var(--font-size-lg);font-weight:700;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.8),0 1px 2px rgba(0,0,0,.5);letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.game-header-subtitle{font-size:var(--font-size-xs);font-weight:600;color:#fff;opacity:.5;text-shadow:0 1px 4px rgba(0,0,0,.8);letter-spacing:.04em;text-transform:uppercase;margin-top:-.2rem}.game-header-action-slot{display:flex;align-items:center}.brand-block{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-sm)}.brand-title{font-family:var(--font-display);font-size:var(--font-size-3xl);font-weight:300;letter-spacing:var(--logo-letter-spacing);padding-left:var(--logo-letter-spacing);text-transform:uppercase;color:var(--text-primary);text-shadow:0 0 1.875rem var(--accent-glow)}.brand-title--splash{font-size:var(--font-size-display);letter-spacing:var(--logo-letter-spacing-display);padding-left:var(--logo-letter-spacing-display);text-shadow:0 0 2.5rem var(--accent-glow)}.brand-subtitle{font-family:var(--font-body);font-size:var(--font-size-sm);font-weight:400;letter-spacing:var(--logo-subtitle-letter-spacing);padding-left:var(--logo-subtitle-letter-spacing);text-transform:uppercase;color:var(--text-secondary)}.brand-line{width:3.75rem;height:1px;background:linear-gradient(90deg,transparent,var(--accent-soft),transparent);margin-top:var(--space-md)}@font-face{font-family:Arteks;src:url(/assets/Arteks%20Bold-CvGUcMtC.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Arteks Black;src:url(/assets/Arteks%20Black-adolia9E.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}:root{font-size:17px;--bg-primary: #000000;--bg-secondary: #0a0a0a;--bg-elevated: #141414;--surface-bg: rgba(255, 252, 248, .04);--surface-bg-medium: rgba(255, 252, 248, .07);--surface-bg-heavy: rgba(255, 252, 248, .11);--surface-border: rgba(255, 252, 248, .08);--surface-border-light: rgba(255, 252, 248, .14);--surface-blur: 1.5rem;--glass-bg: var(--surface-bg);--glass-bg-medium: var(--surface-bg-medium);--glass-bg-heavy: var(--surface-bg-heavy);--glass-border: var(--surface-border);--glass-border-light: var(--surface-border-light);--glass-blur: var(--surface-blur);--text-primary: rgba(255, 252, 248, .94);--text-secondary: rgba(255, 252, 248, .55);--text-muted: rgba(255, 252, 248, .32);--accent: rgba(255, 252, 248, .88);--accent-soft: rgba(255, 252, 248, .12);--accent-glow: rgba(255, 235, 210, .18);--accent-glow-strong: rgba(255, 235, 210, .32);--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--radius-sm: .75rem;--radius-md: 1.125rem;--radius-lg: 1.5rem;--radius-xl: 2rem;--radius-2xl: 2.5rem;--radius-pill: 62.5rem;--font-display: "Arteks Black", "Arteks", sans-serif;--font-body: "Arteks", sans-serif;--font-button: "Arteks", sans-serif;--font: var(--font-body);--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.375rem;--font-size-2xl: 1.75rem;--font-size-3xl: 2.25rem;--font-size-display: 3rem;--logo-letter-spacing: 3.5rem;--logo-letter-spacing-display: 2.75rem;--logo-subtitle-letter-spacing: .3rem;--shadow-soft: 0 4px 24px rgba(0, 0, 0, .28);--shadow-medium: 0 8px 32px rgba(0, 0, 0, .42);--shadow-heavy: 0 16px 48px rgba(0, 0, 0, .55);--shadow-glow: 0 0 40px rgba(255, 235, 210, .06);--shadow-tile-drag: 0 20px 50px rgba(0, 0, 0, .7), 0 0 0 1px rgba(255, 252, 248, .05);--shadow-tap-glow: 0 0 24px rgba(255, 235, 210, .22), 0 0 48px rgba(255, 235, 210, .08);--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px);--app-height: 100dvh;--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-out-back: cubic-bezier(.34, 1.56, .64, 1);--ease-spring: cubic-bezier(.175, .885, .32, 1.275);--topbar-offset: 5.5rem;--modal-inset-top: calc(var(--safe-top) + var(--topbar-offset));--modal-max-w: 93vw;--modal-max-h: min(95vh, 95dvh, calc(var(--app-height, 100dvh) * .95));--modal-max-h-below-topbar: min(var(--modal-max-h), calc(var(--app-height, 100dvh) - var(--modal-inset-top) - var(--safe-bottom) - 2 * var(--space-md)))}@media (max-width: 430px){:root{font-size:18px}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{height:100%;width:100%;overflow:hidden;overscroll-behavior:none;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;font-family:var(--font-body);font-size:var(--font-size-base);color:var(--text-primary);background:var(--bg-primary);overflow:hidden;overscroll-behavior:none;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}img{-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;user-drag:none;-webkit-touch-callout:none}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:500}#app{max-width:430px;margin:0 auto;height:var(--app-height, 100dvh);position:relative;overflow:hidden;background:var(--bg-primary)}html.pwa-standalone{height:100vh;min-height:100vh}html.pwa-standalone body{height:100%}html.pwa-standalone #app{height:100%;min-height:0}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.hide-scrollbar::-webkit-scrollbar{display:none}.glass,.surface{background:var(--surface-bg);backdrop-filter:blur(var(--surface-blur));-webkit-backdrop-filter:blur(var(--surface-blur));border:1px solid var(--surface-border);-webkit-transform:translateZ(0);transform:translateZ(0)}.glass-medium,.surface--medium{background:var(--surface-bg-medium);backdrop-filter:blur(var(--surface-blur));-webkit-backdrop-filter:blur(var(--surface-blur));border:1px solid var(--surface-border);-webkit-transform:translateZ(0);transform:translateZ(0)}.glass-heavy,.surface--heavy{background:var(--surface-bg-heavy);backdrop-filter:blur(1.75rem);-webkit-backdrop-filter:blur(1.75rem);border:1px solid var(--surface-border-light);-webkit-transform:translateZ(0);transform:translateZ(0)}.screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;padding-top:var(--safe-top);padding-bottom:var(--safe-bottom);overflow:hidden;overscroll-behavior:none}@keyframes breathe{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-.375rem)}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #ffebd20a}50%{box-shadow:0 0 40px #ffebd21a,0 0 60px #ffebd20a}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{opacity:0;transform:translateY(1.25rem)}to{opacity:1;transform:translateY(0)}}@keyframes tap-glow{0%{opacity:.6;transform:scale(.8)}to{opacity:0;transform:scale(1.6)}}.ambient-bg{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;z-index:0;pointer-events:none}.ambient-bg:before{content:"";position:absolute;top:-30%;left:-30%;width:160%;height:160%;background:radial-gradient(ellipse at 30% 20%,rgba(80,60,45,.35) 0%,transparent 50%),radial-gradient(ellipse at 70% 80%,rgba(60,45,35,.25) 0%,transparent 50%),radial-gradient(ellipse at 50% 50%,rgba(50,40,30,.15) 0%,transparent 70%);animation:breathe 8s ease-in-out infinite}.ambient-bg:after{content:"";position:absolute;bottom:-20%;right:-20%;width:80%;height:80%;background:radial-gradient(circle,rgba(90,70,50,.12) 0%,transparent 60%);animation:breathe 12s ease-in-out infinite reverse}