@font-face{font-family:Riffic;src:url(/fonts/RifficFree-Bold.ttf) format("truetype");font-weight:700;font-display:swap}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg: #b8d4f0;--color-surface: rgba(180, 160, 210, .65);--color-surface-2: rgba(160, 140, 195, .5);--color-primary: #6b3fa0;--color-primary-hover: #5a2d8f;--color-accent: #d4850e;--color-text: #3a2060;--color-text-muted: #7a6a9a;--color-error: #ef4444;--color-success: #22c55e;--radius: 16px;--radius-sm: 8px;--shadow: 0 4px 16px rgba(80, 40, 120, .2);--transition: .15s ease;--grid-size: 3;--screen-pad-x: 1rem;--header-pad-top: 1rem;--header-pad-bottom: .75rem}html,body{height:100%;background:var(--color-bg) url(/ui/bg.svg) 0 0/cover fixed no-repeat;color:var(--color-text);font-family:Riffic,system-ui,-apple-system,Segoe UI,sans-serif;font-weight:700;-webkit-font-smoothing:antialiased}#root{height:100%;display:flex;flex-direction:column}button{cursor:pointer;border:none;font-family:inherit;font-size:1rem;transition:opacity var(--transition),transform var(--transition)}button:active{transform:scale(.97)}button:disabled{opacity:.5;cursor:not-allowed}img{display:block;max-width:100%}.app{display:flex;flex-direction:column;min-height:100%;align-items:center}.app--loading,.app--error{justify-content:center;gap:1rem;padding:2rem;text-align:center}.spinner{width:48px;height:48px;border:4px solid var(--color-surface-2);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.preview-screen__play-btn,.preview-screen__share-btn,.preview-screen__home-btn,.home-screen__settings-btn,.puzzle-screen__share-btn,.puzzle-screen__home-btn,.settings-popup__retake-btn,.puzzle-screen__timeout button{background:linear-gradient(to bottom,#8b5fbf,#5a3090);box-shadow:inset 0 2px #ffffff4d;border:1px solid #3d1d6b;border-bottom-width:3px;border-radius:var(--radius-sm);color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3);font-weight:700;font-family:Riffic,system-ui,sans-serif}:is(.preview-screen__play-btn,.preview-screen__share-btn,.preview-screen__home-btn,.home-screen__settings-btn,.puzzle-screen__share-btn,.puzzle-screen__home-btn,.settings-popup__retake-btn,.puzzle-screen__timeout button):hover{background:linear-gradient(to bottom,#9b6fcf,#6a40a0)}:is(.preview-screen__play-btn,.preview-screen__share-btn,.preview-screen__home-btn,.home-screen__settings-btn,.puzzle-screen__share-btn,.puzzle-screen__home-btn,.settings-popup__retake-btn,.puzzle-screen__timeout button):active{transform:scale(.97)!important}.preview-screen,.puzzle-screen{display:flex;flex-direction:column;align-items:center;width:100%;max-width:480px;gap:1.25rem}.preview-screen{padding:0 var(--screen-pad-x) 1.5rem}.puzzle-screen{padding:0 var(--screen-pad-x) 1rem}.preview-screen__header,.puzzle-screen__header{display:flex;justify-content:space-between;align-items:center;width:100%;padding:var(--header-pad-top) 0 var(--header-pad-bottom)}.preview-screen__header-left,.puzzle-screen__header-left,.home-screen__header-left{display:flex;align-items:center;gap:.5rem}.preview-screen__portrait-wrap{position:relative;width:100%;aspect-ratio:1;border-radius:var(--radius);overflow:hidden;background:var(--color-surface);box-shadow:var(--shadow)}.preview-screen__portrait{width:100%;height:100%;object-fit:cover}.preview-screen__grid-preview{position:absolute;inset:0;background-image:repeating-linear-gradient(to right,transparent,transparent calc(100% / var(--grid-size) - 1px),rgba(255,255,255,.35) calc(100% / var(--grid-size) - 1px),rgba(255,255,255,.35) calc(100% / var(--grid-size))),repeating-linear-gradient(to bottom,transparent,transparent calc(100% / var(--grid-size) - 1px),rgba(255,255,255,.35) calc(100% / var(--grid-size) - 1px),rgba(255,255,255,.35) calc(100% / var(--grid-size)));pointer-events:none;transition:background .3s ease}.preview-screen__swap-loading,.preview-screen__swap-error{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#6450a099;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);font-size:.9rem;color:#fff;text-align:center;padding:1rem}.preview-screen__swap-error{color:var(--color-error)}.preview-screen__top-bar{display:flex;gap:1rem;width:100%;align-items:stretch}.preview-screen__difficulty-wrap{flex:1}.preview-screen__controls{display:flex;gap:.75rem;width:100%}.preview-screen__ai-btn,.puzzle-screen__hint-btn{flex:1;padding:.75rem;border-radius:var(--radius-sm);font-weight:600;background:linear-gradient(to bottom,#c8b4f0bf,#a08cc8b3);box-shadow:inset 0 2px #fff3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(80,60,130,.4);border-bottom-width:3px;color:var(--color-text);text-shadow:0 1px 5px rgba(255,255,255,.4)}.preview-screen__ai-btn--prompt{border:2px solid var(--color-primary);animation:pulse-border 1.5s ease-in-out infinite}.preview-screen__ai-btn--active{background:linear-gradient(to bottom,#8b5fbf,#5a3090);box-shadow:inset 0 2px #ffffff4d;border:1px solid #3d1d6b;border-bottom-width:3px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3)}@keyframes pulse-border{0%,to{border-color:var(--color-primary)}50%{border-color:var(--color-accent)}}.preview-screen__share-btn{flex:3}.preview-screen__play-btn{padding:.6rem 1.25rem;font-size:.9rem;white-space:nowrap;flex-shrink:0}.preview-screen__home-btn,.home-screen__settings-btn,.puzzle-screen__home-btn{width:44px;height:44px;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;padding:10px}:is(.preview-screen__home-btn,.home-screen__settings-btn,.puzzle-screen__home-btn) img{width:100%;height:100%;object-fit:contain}.home-screen__settings-btn img{transform:translateY(2px)}.puzzle-screen__stats-bar{display:flex;gap:1rem;width:100%;align-items:center;padding:.5rem 0}.puzzle-screen__timer{font-size:1.25rem;font-weight:700;font-family:Riffic,system-ui,sans-serif}.puzzle-screen__moves{color:var(--color-text-muted)}.puzzle-screen__grid{display:grid;grid-template-columns:repeat(var(--grid-size, 4),1fr);width:100%;aspect-ratio:1;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}.puzzle-screen__tile{width:100%;height:100%;border:none;background-repeat:no-repeat;background-size:cover;cursor:pointer;box-shadow:inset 0 0 0 1.5px #fff6;transition:box-shadow var(--transition),filter var(--transition)}.puzzle-screen__tile:active{transform:none}.puzzle-screen__tile--selected{box-shadow:inset 0 0 0 3px var(--color-accent);filter:brightness(1.15)}.puzzle-screen__tile--locked{cursor:default;pointer-events:none;box-shadow:none}.puzzle-screen__tile--pulsing{animation:tile-lock-pulse .6s ease-out forwards;z-index:1}@keyframes tile-lock-pulse{0%{box-shadow:0 0 0 0 var(--color-accent)}to{box-shadow:0 0 0 10px #f59e0b00}}.puzzle-screen__tile--hinted{animation:tile-hint-pulse .8s ease-in-out infinite;z-index:2;box-shadow:inset 0 0 0 3px var(--color-accent)}@keyframes tile-hint-pulse{0%,to{transform:scale(1);box-shadow:inset 0 0 0 3px var(--color-accent)}50%{transform:scale(1.1);box-shadow:inset 0 0 0 3px var(--color-accent),0 0 12px #d4850e80}}.puzzle-screen__timeout{text-align:center;padding:1rem;border-radius:var(--radius);background:#b4a0dcb3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.25);width:100%;display:flex;flex-direction:column;gap:.75rem;align-items:center}.puzzle-screen__timeout button{padding:.5rem 1.25rem}.puzzle-screen--complete{padding-bottom:1.5rem}.puzzle-screen__controls{position:relative;display:flex;gap:.75rem;width:100%}.puzzle-screen__hint-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.25rem;padding:.75rem}.puzzle-screen__hint-btn-icon{width:18px;height:18px}.puzzle-screen__hint-error{position:absolute;top:100%;left:0;margin-top:.35rem;font-size:.8rem;color:var(--color-error);white-space:nowrap;animation:hint-error-fade 2s ease-out forwards}@keyframes hint-error-fade{0%,60%{opacity:1}to{opacity:0}}.puzzle-screen__share-btn--playing{flex:1}.puzzle-screen__share-btn{width:100%;padding:.75rem;animation:gallery-fade-in .4s ease both}.portrait-gallery{display:flex;flex-direction:column;gap:1rem;width:100%;animation:gallery-fade-in .4s ease both}.portrait-gallery__carousel{padding:0}.portrait-gallery__carousel-title,.portrait-gallery__section-title,.home-screen__carousel-title,.home-screen__section-title{font-size:.85rem;font-weight:700;font-family:Riffic,system-ui,sans-serif;color:var(--color-text-muted);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.04em}.portrait-gallery__carousel-strip,.home-screen__carousel-strip{display:flex;gap:.5rem;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:.25rem}:is(.portrait-gallery__carousel-strip,.home-screen__carousel-strip)::-webkit-scrollbar{display:none}.portrait-gallery__grid,.home-screen__grid,.category-screen__grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}@keyframes gallery-fade-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.selfie-capturer{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;animation:selfie-enter .2s ease both}.selfie-capturer--closing{animation:selfie-exit .15s ease both}@keyframes selfie-enter{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes selfie-exit{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}.selfie-capturer__backdrop{position:absolute;inset:0}.selfie-capturer__container{position:relative;display:flex;flex-direction:column;align-items:center;gap:1rem;width:min(480px,95vw);background:#b4a0dcb3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.25);border-radius:var(--radius);overflow:hidden;padding-bottom:1.5rem}.selfie-capturer__video{width:100%;aspect-ratio:4/3;object-fit:cover}.selfie-capturer__shutter{background:#fff;border-radius:50%;width:64px;height:64px;font-size:1.75rem;box-shadow:var(--shadow)}.selfie-capturer__tabs{display:flex;width:100%;border-bottom:1px solid rgba(255,255,255,.2)}.selfie-capturer__tab{flex:1;padding:.75rem 0;background:transparent;color:var(--color-text-muted);font-size:.9rem;font-weight:700;font-family:Riffic,system-ui,sans-serif;border-radius:0;border-bottom:2px solid transparent;transition:color var(--transition),border-color var(--transition)}.selfie-capturer__dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;width:calc(100% - 2rem);aspect-ratio:4/3;border:2px dashed rgba(255,255,255,.35);border-radius:var(--radius-sm);background:#ffffff14;color:#ffffffb3;font-size:.95rem;font-weight:600;cursor:pointer;transition:background var(--transition),border-color var(--transition)}.selfie-capturer__dropzone:hover{background:#ffffff24;border-color:#ffffff80}.selfie-capturer__dropzone-icon{font-size:2.5rem}.selfie-capturer__preview{width:100%;aspect-ratio:4/3;object-fit:cover}.selfie-capturer__confirm{background:#fff;border-radius:50px;padding:.65rem 2rem;font-size:1rem;font-weight:700;font-family:Riffic,system-ui,sans-serif;color:var(--color-primary);box-shadow:var(--shadow)}.selfie-capturer__crop-wrap{position:relative;width:100%;aspect-ratio:4/3}.selfie-capturer__change-btn{background:none;color:#ffffffb3;font-size:.85rem;text-decoration:underline;padding:.25rem}.selfie-capturer__error{padding:2rem;text-align:center;color:var(--color-error)}.tutorial-spotlight{position:fixed;inset:0;z-index:200;animation:tutorial-enter .2s ease both}.tutorial-spotlight--closing{animation:tutorial-exit .2s ease both}.tutorial-spotlight__backdrop{position:fixed;inset:0;z-index:199}.tutorial-spotlight__cutout{position:fixed;border-radius:var(--radius-sm);box-shadow:0 0 0 9999px #000000b3;z-index:200;pointer-events:none}.tutorial-spotlight__target{position:fixed;z-index:201;cursor:pointer}.tutorial-spotlight__hand{position:fixed;width:48px;z-index:201;pointer-events:none;animation:tutorial-tap 1s ease-in-out infinite;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}@keyframes tutorial-tap{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes tutorial-enter{0%{opacity:0}to{opacity:1}}@keyframes tutorial-exit{0%{opacity:1}to{opacity:0}}.ad-unit{display:flex;align-items:center;justify-content:center;width:100%;min-height:300px}.ad-unit__placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;width:320px;height:250px;background:#b4a0dcb3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--radius);color:var(--color-text-muted);font-size:.9rem;border:1px dashed rgba(255,255,255,.3)}.ad-unit__skip{background:#b4a0dc80;color:var(--color-text-muted);border-radius:var(--radius-sm);padding:.4rem 1rem;font-size:.85rem}.coin-balance{display:flex;align-items:center;gap:.35rem}.coin-balance__icon{width:32px;height:32px}.coin-balance__amount,.level-badge__number,.level-up-overlay__badge-number,.completion-overlay__reward,.level-up-overlay__reward,.completion-overlay__xp-label,.category-screen__title,.puzzle-screen__timer{color:var(--color-accent);-webkit-text-stroke:min(.1em,2px) rgba(255,255,255,.9);paint-order:stroke fill;text-shadow:0 0 7px white}.puzzle-screen__share-btn,.preview-screen__share-btn{color:#fddb4d;text-shadow:0 1px 2px rgba(0,0,0,.8)}.coin-balance__amount{font-weight:700;font-size:1rem}.difficulty-selector{display:flex;width:100%;height:100%}.difficulty-selector__option{flex:1;padding:.6rem 0;font-weight:600;font-size:.9rem;background:linear-gradient(to bottom,#c8b4f0bf,#a08cc8b3);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(80,60,130,.4);border-bottom-width:3px;box-shadow:inset 0 2px #fff3;color:var(--color-text);text-shadow:0 1px 5px rgba(255,255,255,.4);border-radius:0;transition:background var(--transition),color var(--transition),box-shadow var(--transition)}.difficulty-selector__option:first-child{border-radius:var(--radius-sm) 0 0 var(--radius-sm)}.difficulty-selector__option:last-child{border-radius:0 var(--radius-sm) var(--radius-sm) 0}.difficulty-selector__option+.difficulty-selector__option{margin-left:-1px}.difficulty-selector__option--active{position:relative;z-index:1;background:linear-gradient(to bottom,#8b5fbf,#5a3090);border-color:#3d1d6b;box-shadow:inset 0 2px #ffffff4d;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3)}.game-popup{position:fixed;inset:0;display:flex;align-items:start;justify-content:center;padding:70px 1rem 1rem}.game-popup--tap-anywhere{cursor:pointer}.game-popup--closing .game-popup__panel{animation:popup-panel-exit .15s ease-in both}.game-popup__show-on-top{position:fixed;pointer-events:none}.game-popup__panel{position:relative;background:url(/ui/panel.png) center / 100% 100% no-repeat;width:min(340px,90vw);padding:2.5rem 1.75rem 2rem;display:flex;flex-direction:column;align-items:center;border:1px solid rgba(255,255,255,.25);border-radius:var(--radius);animation:popup-panel-enter .3s cubic-bezier(.34,1.46,.64,1) both;filter:drop-shadow(0 6px 20px rgba(40,20,80,.8))}.game-popup__panel:after{content:"";position:absolute;inset:0;background:url(/ui/sparkles.png) repeat;background-position-y:bottom;background-size:100% auto;pointer-events:none;opacity:.7}.game-popup__rope{position:absolute;width:40px;transform:translateY(-100%);pointer-events:none}.game-popup__rope--left{top:34px;left:24px}.game-popup__rope--right{top:10px;right:24px}.game-popup__title{font-family:Riffic,system-ui,sans-serif;font-size:1.5rem;font-weight:900;color:#fff;text-align:center;margin-bottom:.75rem;paint-order:stroke fill;-webkit-text-stroke:2px #3d1d6b;text-shadow:-2px -2px 0 #3d1d6b,2px -2px 0 #3d1d6b,-2px 2px 0 #3d1d6b,2px 2px 0 #3d1d6b,0 -2px 0 #3d1d6b,0 2px 0 #3d1d6b,-2px 0 0 #3d1d6b,2px 0 0 #3d1d6b}.game-popup__body{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:1rem;width:100%;text-align:center}.popup-backdrop{position:fixed;inset:0;z-index:40;background:#6450a099;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:popup-backdrop-enter .1s ease both}.popup-backdrop--closing{animation:popup-backdrop-exit 80ms ease both}@keyframes popup-backdrop-enter{0%{opacity:0}to{opacity:1}}@keyframes popup-backdrop-exit{0%{opacity:1}to{opacity:0}}@keyframes popup-panel-enter{0%{transform:translateY(-100%);opacity:.5}to{transform:translateY(0);opacity:1}}@keyframes popup-panel-exit{0%{transform:translateY(0);opacity:1}to{transform:translateY(-100%);opacity:.5}}.completion-overlay__reward,.level-up-overlay__reward{display:flex;align-items:center;gap:.5rem;font-weight:800}.completion-overlay__reward{font-size:2rem}.level-up-overlay__reward{font-size:1.75rem}.completion-overlay__coin-icon{width:36px;height:36px}.completion-overlay__cta,.level-up-overlay__cta{font-size:1rem;color:#fffc;animation:pulse-cta 1.5s ease-in-out infinite}@keyframes pulse-cta{0%,to{opacity:1}50%{opacity:.4}}.completion-overlay__coins,.level-up-overlay__coins{position:fixed;inset:0;pointer-events:none}.completion-overlay__coins{z-index:51}.level-up-overlay__coins{z-index:56}.completion-overlay__fly-coin,.level-up-overlay__fly-coin{--coin-index: 0;--coin-origin-x: 50%;--coin-origin-y: 50%;--coin-target-x: 0;--coin-target-y: 0;position:absolute;left:var(--coin-origin-x);top:var(--coin-origin-y);width:28px;height:28px;transform:translate(-50%,-50%);animation:coin-fly .8s cubic-bezier(.22,1,.36,1) forwards;animation-delay:calc(var(--coin-index) * 40ms)}@keyframes coin-fly{0%{transform:translate(-50%,-50%) scale(1);opacity:1}20%{transform:translate(calc(-50% + (var(--coin-index, 0) * 30px - 100px)),calc(-50% + (var(--coin-index, 0) * -20px + 60px))) scale(1.3);opacity:1}to{left:var(--coin-target-x);top:var(--coin-target-y);transform:translate(-50%,-50%) scale(.5);opacity:0}}.completion-overlay__xp-bar{display:flex;flex-direction:column;align-items:center;gap:.35rem;width:80%}.completion-overlay__xp-track{width:100%;height:20px;background:#ffffff4d;border-radius:10px;overflow:hidden}.completion-overlay__xp-fill{height:100%;background:linear-gradient(to right,#d4850e,#c06a10);border-radius:10px;transition:width 1s ease-out}.completion-overlay__xp-label{font-size:.85rem;font-weight:700}.level-badge{position:relative;width:44px;height:44px;flex-shrink:0}.level-badge__plate{width:100%;height:100%;object-fit:contain}.level-badge__number{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1rem;font-family:Riffic,system-ui,sans-serif;color:#207ead}.level-up-overlay__badge-wrap{position:relative;width:120px;height:120px;display:flex;align-items:center;justify-content:center}.level-up-overlay__starburst{position:absolute;width:350%;height:350%;border-radius:50%;-webkit-mask-image:radial-gradient(circle,black 0%,black 30%,transparent 70%);mask-image:radial-gradient(circle,black 0%,black 30%,transparent 70%);background:repeating-conic-gradient(from 0deg,transparent 0deg,rgba(208,240,255,.3) 8deg,rgba(208,240,255,.3) 16deg,transparent 24deg);animation:starburst-rotate 16s linear infinite}@keyframes starburst-rotate{to{transform:rotate(360deg)}}.level-up-overlay__badge-plate{position:relative;width:100%;height:100%;object-fit:contain}.level-up-overlay__badge-number{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:2.5rem;font-family:Riffic,system-ui,sans-serif;color:#207ead}.level-up-overlay__coin-icon{width:32px;height:32px}.home-screen{display:flex;flex-direction:column;height:100%;width:100%;max-width:480px;overflow:hidden}.home-screen__header{display:flex;justify-content:space-between;align-items:center;padding:var(--header-pad-top) var(--screen-pad-x) var(--header-pad-bottom);flex-shrink:0}.home-screen__carousel{padding:0 1rem .75rem;flex-shrink:0}.home-screen__content{flex:1;overflow-y:auto;padding:0 1rem 1rem}.home-screen__tab-bar{display:flex;background:#b4a0dcb3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid rgba(255,255,255,.3);flex-shrink:0}.home-screen__tab{flex:1;padding:.75rem 0;background:transparent;color:var(--color-text-muted);font-size:.9rem;font-weight:600;font-family:Riffic,system-ui,sans-serif;border-radius:0;border-top:2px solid transparent;transition:color var(--transition),border-color var(--transition);display:flex;align-items:center;justify-content:center;gap:.35rem}.selfie-capturer__tab--active,.home-screen__tab--active{color:var(--color-text);text-shadow:0 1px 2px rgba(255,255,255,.8)}.selfie-capturer__tab--active{border-bottom-color:var(--color-primary)}.home-screen__tab--active{border-top-color:var(--color-primary)}.home-screen__tab-icon{width:20px;height:20px}.settings-popup__controls{display:flex;flex-direction:column;gap:1.25rem;width:100%;padding:0 2rem}.settings-popup__row{display:flex;align-items:center;justify-content:space-between}.settings-popup__label{font-size:1rem;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3)}.settings-popup__switch{width:56px;height:32px;border-radius:16px;background:#b4a0dcb3;border:2px solid rgba(255,255,255,.25);padding:2px;display:flex;align-items:center;cursor:pointer;transition:background .2s ease}.settings-popup__switch--on{background:var(--color-primary)}.settings-popup__thumb{width:24px;height:24px;border-radius:50%;background:#c8b4e6cc;border:3px solid white;box-shadow:0 1px 3px #0000004d;transition:transform .2s ease}.settings-popup__switch--on .settings-popup__thumb{transform:translate(24px)}.settings-popup__retake-btn{padding:.75rem;font-size:1rem;width:100%}.portrait-card{position:relative;border-radius:var(--radius);overflow:hidden;cursor:pointer;aspect-ratio:1;background:#b4a0dcb3;border:1px solid rgba(255,255,255,.25)}.portrait-card--compact{width:100px;height:100px;flex-shrink:0;border-radius:var(--radius-sm)}.portrait-card__img{width:100%;height:100%;object-fit:cover;display:block}.portrait-card__badge{position:absolute;top:.4rem;right:.4rem;background:#6450a0b3;color:#fff;font-size:.7rem;font-weight:700;padding:.2rem .4rem;border-radius:var(--radius-sm);white-space:nowrap}.category-card{cursor:pointer;border-radius:var(--radius);overflow:hidden;background:#b4a0dcb3;border:1px solid rgba(255,255,255,.25)}.category-card__collage{display:grid;grid-template-columns:1fr 1fr;gap:1px}.category-card__collage-img{width:100%;aspect-ratio:1;object-fit:cover;display:block}.category-card__label{padding:.5rem .6rem;font-weight:700;font-size:.85rem;color:var(--color-text);text-shadow:0 1px 5px rgba(255,255,255,.4);background:#b4a0dc80}.category-screen{display:flex;flex-direction:column;height:100%;width:100%;max-width:480px;overflow:hidden}.category-screen__header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:#b4a0dcb3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid rgba(255,255,255,.25);flex-shrink:0}.category-screen__home-btn{font-size:1.1rem;background:#ffffff26;color:#fff;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.25);flex-shrink:0;overflow:hidden;padding:4px}.category-screen__home-btn img{width:100%;height:100%;object-fit:contain}.category-screen__title{font-size:1.1rem;font-weight:800;font-family:Riffic,system-ui,sans-serif;text-align:center;flex:1}.category-screen__header-spacer{width:40px;flex-shrink:0}.category-screen__content{flex:1;overflow-y:auto;padding:.75rem}