:root{--c-bg-top: #aee6fa;--c-bg-bottom: #5ec2ec;--c-accent: #2b6cb8;--c-accent-dark: #1f5490;--c-sun: #ffd93d;--c-card: #ffffff;--c-text: #234;--c-text-soft: #5a7184;--c-danger: #e05a6d;--c-green: #4caf6d;--tap-child: 88px;--radius: 24px;--shadow: 0 8px 24px rgba(30, 70, 120, .18)}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;overflow:hidden}body{font-family:Nunito,-apple-system,sans-serif;color:var(--c-text);background:linear-gradient(180deg,var(--c-bg-top),var(--c-bg-bottom));user-select:none;-webkit-user-select:none;touch-action:manipulation;position:fixed;inset:0}button{font-family:inherit;border:none;background:none;cursor:pointer;color:inherit}input,select{font-family:inherit;font-size:20px}.screen{position:absolute;inset:0;display:flex;flex-direction:column;animation:screen-fade .3s ease;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}@keyframes screen-fade{0%{opacity:0}to{opacity:1}}.spinner{width:48px;height:48px;border:5px solid rgba(43,108,184,.25);border-top-color:var(--c-accent);border-radius:50%;animation:spin .9s linear infinite;margin:auto}.spinner-small{width:22px;height:22px;border-width:3px;display:inline-block;margin:0;vertical-align:middle}@keyframes spin{to{transform:rotate(360deg)}}.boot-screen{position:absolute;inset:0;display:flex}.btn{border-radius:20px;font-weight:800;font-size:22px;padding:14px 30px;min-height:56px;box-shadow:var(--shadow);transition:transform .12s ease,filter .12s ease}.btn:active{transform:scale(.96)}.btn:disabled{filter:grayscale(.6) opacity(.6);cursor:default}.btn-primary{background:linear-gradient(180deg,#4f9fe0,var(--c-accent));color:#fff}.btn-secondary{background:#eef4fa;color:var(--c-accent)}.btn-danger{background:linear-gradient(180deg,#ef7385,var(--c-danger));color:#fff}.screen-header{display:flex;align-items:center;gap:16px;padding:20px 24px;min-height:96px}.screen-header h1{font-size:34px;font-weight:800;flex:1;text-align:center;color:#fff;text-shadow:0 2px 6px rgba(30,70,120,.35)}.screen-header h1:first-child{margin-left:var(--tap-child)}.back-button{width:var(--tap-child);height:var(--tap-child);display:flex;align-items:center;justify-content:center;border-radius:50%;background:#ffffffd9;box-shadow:var(--shadow);flex-shrink:0}.back-button img{width:40px;height:40px}.toast{position:fixed;bottom:40px;left:50%;transform:translate(-50%);background:#14283ce6;color:#fff;font-size:20px;padding:14px 28px;border-radius:16px;z-index:200;animation:screen-fade .25s ease}.modal-backdrop{position:absolute;inset:0;background:#0a192d80;display:flex;align-items:center;justify-content:center;z-index:50;animation:screen-fade .2s ease}.orientation-overlay{position:fixed;inset:0;background:linear-gradient(180deg,var(--c-bg-top),var(--c-bg-bottom));z-index:500;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px}.orientation-icon{width:120px;height:120px}.orientation-text{font-size:28px;font-weight:800;color:#fff;text-shadow:0 2px 6px rgba(30,70,120,.35)}.login-screen{align-items:center;justify-content:center}.login-column{width:420px;display:flex;flex-direction:column;gap:18px}.login-title{font-size:34px;font-weight:800;text-align:center;color:#fff;text-shadow:0 2px 6px rgba(30,70,120,.35);margin-bottom:8px}.field{display:flex;flex-direction:column;gap:6px}.field-label{font-size:16px;font-weight:700;color:#fff}.field input,.field-password input{width:100%;height:56px;border:3px solid transparent;border-radius:16px;padding:0 18px;font-size:20px;background:var(--c-card);outline:none}.field input:focus{border-color:var(--c-accent)}.field-password{position:relative}.pw-toggle{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:44px;height:44px;font-size:20px}.login-submit{height:64px}.login-error{color:#fff;background:var(--c-danger);border-radius:12px;padding:10px 16px;text-align:center;font-size:18px;font-weight:700}.offline-overlay{position:absolute;inset:0;background:#0a192d8c;display:flex;align-items:center;justify-content:center;z-index:60}.offline-card{background:var(--c-card);border-radius:var(--radius);padding:36px 44px;display:flex;flex-direction:column;align-items:center;gap:20px;box-shadow:var(--shadow)}.offline-text{font-size:22px;font-weight:700;text-align:center}.home-screen{justify-content:space-between}.home-top{height:120px;display:flex;align-items:center;padding:0 24px;gap:24px}.home-today{display:flex;align-items:center;gap:12px}.today-star{width:64px;height:64px}.today-label{font-size:16px;font-weight:700;color:#fff}.home-streak{flex:1;display:flex;align-items:center;justify-content:center;gap:10px}.streak-icon{width:48px;height:48px}.streak-number{font-size:34px;font-weight:800;color:#fff;text-shadow:0 2px 6px rgba(30,70,120,.35)}.streak-label{font-size:16px;font-weight:700;color:#fff}.offline-badge{width:28px;height:28px;margin-left:8px}.parent-button{width:var(--tap-child);height:var(--tap-child);display:flex;align-items:center;justify-content:center}.parent-button img{width:56px;height:56px;filter:drop-shadow(0 2px 4px rgba(30,70,120,.3))}.home-center{display:flex;flex-direction:column;align-items:center;gap:18px;margin-top:30px}.home-hello{font-size:34px;font-weight:800;color:#fff;text-shadow:0 2px 6px rgba(30,70,120,.35)}.start-button{width:280px;height:280px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffe98a,var(--c-sun) 55%,#f5b81d);box-shadow:0 12px 36px #d6961480,inset 0 -8px 18px #c8820a59;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;transition:transform .15s ease}.start-button:active,.start-button.pressed{transform:scale(.94)}.start-icon{width:96px;height:96px}.start-label{font-size:28px;font-weight:800;color:#6b4d00}.home-bottom{height:140px;display:flex;align-items:center;justify-content:space-between;padding:0 32px}.nav-card{width:200px;height:110px;background:var(--c-card);border-radius:20px;box-shadow:var(--shadow);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;transition:transform .12s ease}.nav-card:active{transform:scale(.95)}.nav-card img{width:44px;height:44px}.nav-card-label{font-size:20px;font-weight:800;color:var(--c-accent)}.nav-card-counter{font-size:14px;color:var(--c-text-soft)}.intro-screen{background:#000}.intro-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.intro-hint{position:absolute;right:24px;bottom:24px;background:#0a192d8c;color:#fff;font-size:16px;padding:10px 16px;border-radius:12px;animation:screen-fade .4s ease}.brush-screen{background:#14324a}.reveal-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.reveal-cover{position:absolute;inset:0;width:100%;height:100%}.brush-hud{position:absolute;inset:0;transition:opacity .3s ease;pointer-events:none}.brush-hud>*{pointer-events:auto}.hud-hidden{opacity:0;pointer-events:none!important}.hud-hidden>*{pointer-events:none!important}.hud-button{position:absolute;top:24px;width:var(--tap-child);height:var(--tap-child);display:flex;align-items:center;justify-content:center;border-radius:50%;background:#ffffffe0;box-shadow:var(--shadow)}.hud-button img{width:36px;height:36px}.hud-pause{left:24px}.hud-stop{right:24px}.timer-ring{position:absolute;top:24px;left:50%;transform:translate(-50%);width:96px;height:96px}.timer-text{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:800;color:var(--c-accent-dark)}.pacer{position:absolute;left:0;right:0;bottom:0;height:180px;display:flex;justify-content:center;pointer-events:none}.pacer-mouth{position:relative;width:320px;height:200px;margin-bottom:-20px}.mouth-base,.mouth-overlay{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.mouth-overlay{opacity:0;transition:opacity .3s ease}.mouth-overlay.active{opacity:1}.brush-anim{position:absolute;width:200px;height:200px;transition:left .3s ease,top .3s ease}.brush-screen[data-phase=paused] .brush-anim,.brush-screen[data-phase=exit_confirm] .brush-anim{visibility:hidden}.pause-overlay{position:absolute;inset:0;background:#0006;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:26px;z-index:40;animation:screen-fade .2s ease}.resume-button{width:200px;height:200px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#8fd7a8,var(--c-green) 60%,#35915a);box-shadow:0 12px 36px #145a3280;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#fff;font-size:24px;font-weight:800}.resume-button img{width:64px;height:64px;filter:brightness(10)}.pause-exit-link{font-size:20px;font-weight:700;color:#fff;text-decoration:underline;min-height:44px}.exit-overlay{position:absolute;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:45;animation:screen-fade .2s ease}.exit-card{width:520px;min-height:280px;background:var(--c-card);border-radius:var(--radius);box-shadow:var(--shadow);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px;padding:36px}.exit-question{font-size:26px;font-weight:800;text-align:center}.exit-buttons{display:flex;flex-direction:column;gap:14px;width:100%}.aborted-screen{align-items:center;justify-content:center;gap:26px}.aborted-icon{width:96px;height:96px}.aborted-text{font-size:30px;font-weight:800;color:#fff;text-shadow:0 2px 6px rgba(30,70,120,.35)}.reward-screen{align-items:center;justify-content:center;overflow:hidden}.confetti{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none;z-index:5}.reward-card{display:flex;flex-direction:column;align-items:center;gap:18px;z-index:10;margin-bottom:120px}.reward-card.animating{animation:card-pop .9s cubic-bezier(.2,1.4,.4,1)}@keyframes card-pop{0%{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}.sticker-frame{width:480px;height:480px;max-height:52vh;max-width:52vh;background:var(--c-card);border-radius:32px;box-shadow:var(--shadow);display:flex;align-items:center;justify-content:center;padding:24px}.sticker-frame img{width:100%;height:100%;object-fit:contain}.reward-plate{background:var(--c-card);color:var(--c-accent);font-size:28px;font-weight:800;border-radius:18px;padding:12px 32px;box-shadow:var(--shadow);display:flex;flex-direction:column;align-items:center}.reward-subplate{font-size:20px;color:var(--c-text-soft)}.reward-big-star{width:240px;height:240px}.scene-thumb{width:480px;height:360px;max-width:52vw;object-fit:cover;border-radius:24px;box-shadow:var(--shadow)}.reward-panel{position:absolute;left:0;right:0;bottom:0;height:140px;background:#ffffffeb;display:flex;align-items:center;justify-content:center;gap:64px;z-index:12;animation:panel-rise .4s ease}@keyframes panel-rise{0%{transform:translateY(100%)}to{transform:translateY(0)}}.reward-star,.reward-streak{display:flex;align-items:center;gap:14px;font-size:26px;font-weight:800}.reward-star img{width:72px;height:72px}.reward-streak img{width:56px;height:56px}.star-morph{animation:star-morph .6s ease}@keyframes star-morph{0%{transform:scale(.6)}60%{transform:scale(1.25)}to{transform:scale(1)}}.streak-bump{animation:star-morph .6s ease;display:inline-block}.reward-buttons{position:absolute;bottom:160px;display:flex;gap:20px;z-index:15;animation:screen-fade .3s ease}.albums-strip{display:flex;gap:24px;overflow-x:auto;padding:24px 32px 40px;align-items:center;flex:1}.album-card{width:320px;flex-shrink:0;background:var(--c-card);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;padding-bottom:14px;transition:transform .12s ease}.album-card:active{transform:scale(.96)}.album-cover-wrap{position:relative}.album-cover{width:320px;height:240px;object-fit:cover;display:block}.album-empty .album-cover{opacity:.6;filter:saturate(.5)}.album-bonus-badge{position:absolute;top:12px;left:12px;background:var(--c-sun);color:#6b4d00;font-size:16px;font-weight:800;border-radius:12px;padding:4px 12px}.album-done-badge{position:absolute;right:12px;bottom:12px;width:56px;height:56px}.album-progress{margin-top:12px;font-size:20px;font-weight:800;color:var(--c-accent)}.scene-button{min-width:var(--tap-child);height:64px;padding:0 24px;border-radius:18px;background:#ffffffe6;color:var(--c-accent);font-size:22px;font-weight:800;box-shadow:var(--shadow);flex-shrink:0}.album-grid{flex:1;display:grid;grid-template-columns:repeat(4,minmax(140px,200px));grid-template-rows:repeat(3,minmax(110px,1fr));gap:24px;justify-content:center;align-content:center;padding:0 24px 24px;min-height:0}.slot{border-radius:22px;display:flex;align-items:center;justify-content:center;padding:12px;min-height:0;position:relative}.slot img{max-width:100%;max-height:100%;object-fit:contain}.slot-filled{background:#fdfdff;box-shadow:var(--shadow)}.slot-empty{background:#fff6}.slot-question{width:56%;opacity:.8}.slot.wiggle{animation:wiggle .3s ease}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}.slot-broken{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.slot-broken-badge{position:absolute;top:4px;right:4px;width:28px;height:28px;border-radius:50%;background:var(--c-danger);color:#fff;font-weight:800;display:flex;align-items:center;justify-content:center}.sticker-detail-card{width:640px;max-width:84vw;max-height:86vh;background:var(--c-card);border-radius:28px;box-shadow:var(--shadow);display:flex;flex-direction:column;align-items:center;padding:40px;position:relative;animation:detail-pop .2s ease}@keyframes detail-pop{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.sticker-detail-card>img{width:560px;max-width:100%;max-height:56vh;object-fit:contain}.detail-close{position:absolute;top:8px;right:8px;width:var(--tap-child);height:var(--tap-child);display:flex;align-items:center;justify-content:center}.detail-close img{width:32px;height:32px}.detail-title{font-size:28px;font-weight:800;margin-top:16px}.detail-date{font-size:16px;color:var(--c-text-soft);margin-top:6px}.scene-screen{background:#14324a}.scene-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.scene-sticker{position:absolute;animation:sticker-appear .2s ease backwards}@keyframes sticker-appear{0%{opacity:0;scale:.9}to{opacity:1;scale:1}}.scene-back{position:absolute;top:24px;left:24px;z-index:20}.scene-done-badge{position:absolute;top:32px;right:24px;z-index:20;display:flex;align-items:center;gap:10px;background:#ffffffe6;border-radius:18px;padding:10px 18px;font-size:20px;font-weight:800;color:var(--c-green);box-shadow:var(--shadow)}.scene-done-badge img{width:40px;height:40px}.scene-hint{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#0a192d8c;color:#fff;font-size:20px;padding:14px 24px;border-radius:16px;z-index:20}.scene-fx{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:30;pointer-events:none}.calendar-screen{align-items:center}.calendar-screen .screen-header{width:100%}.calendar-streak{display:flex;align-items:center;gap:8px;color:#fff;font-size:20px;font-weight:800;flex-shrink:0}.calendar-streak img{width:40px;height:40px}.month-nav{display:flex;align-items:center;gap:20px;margin-bottom:6px}.month-arrow{width:64px;height:64px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#ffffffd9;box-shadow:var(--shadow)}.month-arrow img{width:28px;height:28px}.month-arrow:disabled{opacity:.35}.month-title{font-size:26px;font-weight:800;color:#fff;min-width:220px;text-align:center;text-shadow:0 2px 6px rgba(30,70,120,.35)}.month-grid{display:grid;grid-template-columns:repeat(7,minmax(64px,96px));gap:4px 8px;justify-content:center}.weekday-cell{text-align:center;font-size:15px;font-weight:800;color:#ffffffd9}.day-cell{height:clamp(52px,9.5vh,82px);border-radius:14px;background:#ffffff59;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;position:relative}.day-cell:disabled{cursor:default}.day-empty{background:transparent}.day-number{font-size:17px;font-weight:800;color:#23517a}.day-star{width:clamp(26px,4.6vh,44px);height:clamp(26px,4.6vh,44px)}.day-unknown{font-size:26px;color:#6d87a0;line-height:.7}.day-today{outline:4px solid var(--c-sun)}.day-future{opacity:.45}.day-future .day-star{display:none}.day-selected{outline:4px solid var(--c-accent)}.calendar-note{margin-top:10px;color:#fff;font-size:17px;font-weight:700;background:#0a192d59;padding:8px 18px;border-radius:12px}.gate-screen{align-items:center;justify-content:center;background:#0a192d80}.gate-card{width:560px;background:var(--c-card);border-radius:28px;box-shadow:var(--shadow);padding:28px 36px;display:flex;flex-direction:column;align-items:center;gap:12px}.gate-title{font-size:22px;font-weight:800;color:var(--c-text-soft)}.gate-question{font-size:30px;font-weight:800;min-height:40px}.gate-answer{min-width:160px;height:56px;border-radius:14px;background:#eef4fa;font-size:30px;font-weight:800;display:flex;align-items:center;justify-content:center}.gate-answer.shake{animation:shake .3s ease}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.gate-keypad{display:grid;grid-template-columns:repeat(3,72px);gap:10px}.gate-key{width:72px;height:60px;border-radius:14px;background:#eef4fa;font-size:26px;font-weight:800;color:var(--c-accent)}.gate-key:active{background:#d9e7f5}.gate-key:disabled{opacity:.4}.gate-ok{background:var(--c-accent);color:#fff}.gate-close{margin-top:6px;min-height:48px}.parent-screen{background:#f2f6fa}.parent-header{display:flex;align-items:center;justify-content:space-between;padding:20px 32px}.parent-header h1{font-size:30px;font-weight:800;color:var(--c-text)}.parent-tabs{display:flex;gap:8px;padding:0 32px;border-bottom:2px solid #dce6ef}.parent-tab{padding:12px 24px;font-size:20px;font-weight:800;color:var(--c-text-soft);border-radius:12px 12px 0 0;min-height:44px}.parent-tab.active{color:var(--c-accent);background:#fff;box-shadow:0 -2px 8px #1e467814}.parent-content{flex:1;overflow-y:auto;padding:24px 32px 48px;display:flex;flex-direction:column;align-items:center}.parent-content>div{width:100%;max-width:720px}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.metric-card{background:#fff;border-radius:16px;padding:18px;box-shadow:0 2px 10px #1e467814;text-align:center}.metric-value{font-size:30px;font-weight:800;color:var(--c-accent)}.metric-label{font-size:15px;color:var(--c-text-soft);margin-top:4px}.table-title{font-size:22px;font-weight:800;margin:26px 0 12px}.days-table{width:100%;border-collapse:collapse;background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 2px 10px #1e467814}.days-table th,.days-table td{padding:10px 16px;font-size:17px;text-align:left;border-bottom:1px solid #eef3f8}.days-table th{background:#f7fafc;font-weight:800;color:var(--c-text-soft)}.parent-content .month-title{color:var(--c-text);text-shadow:none}.parent-content .weekday-cell{color:var(--c-text-soft)}.parent-content .day-cell{background:#fff;box-shadow:0 1px 4px #1e467814}.day-details{margin-top:16px;background:#fff;border-radius:14px;padding:16px 20px;font-size:18px;box-shadow:0 2px 10px #1e467814;display:flex;flex-direction:column;gap:6px}.settings-tab,.data-tab{display:flex;flex-direction:column;gap:22px}.setting-row{display:flex;align-items:center;justify-content:space-between;background:#fff;border-radius:16px;padding:16px 22px;box-shadow:0 2px 10px #1e467814;gap:16px}.setting-label{font-size:20px;font-weight:700}.segmented{display:flex;background:#eef4fa;border-radius:14px;padding:4px}.segmented button{padding:10px 20px;border-radius:11px;font-size:18px;font-weight:800;color:var(--c-text-soft);min-height:44px}.segmented button.active{background:var(--c-accent);color:#fff}.switch{width:72px;height:44px;border-radius:22px;background:#cfd9e4;position:relative;transition:background .2s ease}.switch.on{background:var(--c-green)}.switch-knob{position:absolute;top:4px;left:4px;width:36px;height:36px;border-radius:50%;background:#fff;transition:left .2s ease;box-shadow:0 2px 6px #0003}.switch.on .switch-knob{left:32px}select{height:44px;border-radius:12px;border:2px solid #dce6ef;padding:0 12px;background:#fff;max-width:320px}.setting-block{background:#fff;border-radius:16px;padding:22px;box-shadow:0 2px 10px #1e467814;display:flex;flex-direction:column;gap:14px}.setting-block h2{font-size:22px;font-weight:800}.setting-block input{height:48px;border:2px solid #dce6ef;border-radius:12px;padding:0 14px}.setting-block input:focus{border-color:var(--c-accent);outline:none}.setting-message{font-size:17px;font-weight:700;color:var(--c-accent)}.danger-block{border:2px solid #f5cdd4}.reset-warning{font-size:18px;color:var(--c-danger);font-weight:700}.check-row{display:flex;align-items:center;gap:12px;font-size:18px;cursor:pointer}.check-row input{width:24px;height:24px}.hold-button{position:relative;overflow:visible}.hold-ring{position:absolute;left:8px;top:50%;transform:translateY(-50%);width:40px;height:40px}.hold-hint{font-size:15px;color:var(--c-text-soft)}.confirm-card{background:#fff;border-radius:20px;padding:30px;max-width:480px;display:flex;flex-direction:column;gap:22px;box-shadow:var(--shadow)}.confirm-text{font-size:20px;font-weight:700;text-align:center}.confirm-buttons{display:flex;gap:14px;justify-content:center}.magic-screen{position:fixed;inset:0;overflow:hidden;user-select:none;-webkit-user-select:none}.magic-header{position:absolute;top:0;left:0;right:0;height:78px;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#128bbd,#0f80b1);box-shadow:0 4px #0a3c5a2e;z-index:30}.magic-title{margin:0;font-size:36px;font-weight:900;color:#fff;letter-spacing:.5px;text-shadow:0 3px 0 rgba(16,66,100,.35)}.header-bubbles{position:absolute;top:0;height:110px;width:250px;pointer-events:none}.header-bubbles.left{left:0}.header-bubbles.right{right:0}.header-gear{position:absolute;right:16px;top:11px}.round-blue-btn{width:58px;height:58px;border-radius:50%;border:none;padding:8px;cursor:pointer;background:radial-gradient(circle at 35% 28%,#6fc6ee,#2f8fd0 55%,#1f6cb8);box-shadow:inset 0 3px 4px #ffffff80,inset 0 -4px 6px #0c3c6e59,0 4px #0c3c6e59}.round-blue-btn:active{transform:translateY(2px);box-shadow:inset 0 3px 4px #ffffff80,inset 0 -4px 6px #0c3c6e59,0 2px #0c3c6e59}.round-blue-btn .glyph{width:100%;height:100%;display:block}.glyph{display:block}.glossy-btn{border:none;cursor:pointer;border-radius:999px;background:linear-gradient(180deg,#ffd558,#ffab2e 42%,#f78f1d 58%,#f2811a);box-shadow:inset 0 4px 3px #ffffff8c,inset 0 -6px 8px #c45c0073,0 6px #c96a05,0 10px 14px #14506e40;color:#fff}.glossy-btn:active{transform:translateY(3px);box-shadow:inset 0 4px 3px #ffffff8c,inset 0 -6px 8px #c45c0073,0 3px #c96a05}.glossy-btn:disabled{filter:saturate(.55) brightness(.92)}.glossy-btn-text{font-weight:900;text-shadow:0 2px 0 rgba(178,84,0,.55);letter-spacing:.5px}.glossy-lg{padding:14px 58px}.glossy-lg .glossy-btn-text{font-size:40px}.glossy-md{padding:10px 36px}.glossy-md .glossy-btn-text{font-size:26px}.glossy-sm{padding:7px 22px}.glossy-sm .glossy-btn-text{font-size:20px}.coin-pill{position:relative;height:46px;min-width:118px;padding:0 20px 0 42px;border-radius:999px;background:linear-gradient(180deg,#55a1e8,#2b72c8);box-shadow:inset 0 3px 3px #fff6,inset 0 -4px 5px #0a326e66;display:flex;align-items:center;justify-content:flex-end}.coin-pill-coin{position:absolute;left:-16px;top:50%;transform:translateY(-50%);width:58px;height:58px;filter:drop-shadow(0 3px 2px rgba(90,50,0,.3))}.coin-pill-num{font-size:26px;font-weight:900;color:#fff;text-shadow:0 2px 0 rgba(16,66,100,.4)}.start-screen{background:radial-gradient(120% 90% at 20% 0%,#3fc4de,#3fc4de00 55%),linear-gradient(180deg,#2fb4d4,#1b90c4 60%,#1b86bc)}.wave-lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.start-card-row{position:absolute;inset:78px 0 0;display:flex;align-items:center;justify-content:center;gap:120px}.brusher-card{display:flex;flex-direction:column;align-items:center;width:460px}.brusher-avatar-btn{position:relative;border:none;background:none;cursor:pointer;width:100%;height:320px}.brusher-avatar{position:absolute;left:50%;top:10px;transform:translate(-50%);width:250px;height:250px;border-radius:50%;overflow:hidden;background:linear-gradient(180deg,#cdeefb,#8ed2f0);box-shadow:inset 0 -8px 14px #1e6ea040,0 10px 22px #0a3c6440}.brusher-avatar img{width:100%;height:100%;object-fit:cover}.brusher-foam{position:absolute;left:0;right:0;bottom:0;height:120px;pointer-events:none;filter:drop-shadow(0 6px 8px rgba(10,60,100,.18))}.brusher-card .glossy-btn{margin-top:-26px;min-width:340px;z-index:2}.page-dots{position:absolute;bottom:28px;left:0;right:0;display:flex;justify-content:center;gap:14px}.page-dots .dot{width:18px;height:18px;border-radius:50%;background:#0d6f9c}.page-dots .dot.active{background:#fff}.offline-dot{position:absolute;top:92px;right:18px;width:16px;height:16px;border-radius:50%;background:#ff8b1c;box-shadow:0 0 0 4px #ff8b1c59;z-index:40}.map-screen{background:#83cfc4}.map-backdrop{position:absolute;inset:0;width:100%;height:100%}.map-scroll{position:absolute;inset:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch}.map-scroll::-webkit-scrollbar{display:none}.map-road-svg{display:block;height:100%}.map-num{font-family:inherit;font-size:46px;font-weight:900;fill:#fff;paint-order:stroke;stroke:#285a3c59;stroke-width:7px}.map-num.future{opacity:.55}.map-node.today{cursor:pointer}.flag-num{font-family:inherit;font-size:34px;font-weight:900;fill:#fff;paint-order:stroke;stroke:#8c1e1480;stroke-width:5px}.map-header{position:absolute;top:14px;left:18px;right:22px;display:flex;align-items:flex-start;justify-content:space-between;z-index:30;pointer-events:none}.map-header>*{pointer-events:auto}.cal-plaque{position:relative;background:#fff;border-radius:14px;padding:26px 34px 12px;box-shadow:0 6px #1446642e}.cal-plaque:before{content:"";position:absolute;top:0;left:0;right:0;height:18px;border-radius:14px 14px 0 0;background:#f7941d}.cal-plaque-clips{position:absolute;top:-14px;left:0;right:0;display:flex;justify-content:space-between;padding:0 56px}.cal-plaque-clips span{width:10px;height:26px;border-radius:6px;background:#e2861a;box-shadow:inset 0 2px 2px #ffffff80}.cal-plaque-label{font-size:30px;font-weight:900;color:#26333b}.map-offline{top:104px;right:26px}.map-streak-chip{position:absolute;left:20px;top:92px;z-index:25;display:flex;align-items:center;gap:8px;background:#ffffffd9;border-radius:999px;padding:6px 18px 6px 10px;box-shadow:0 4px #14466426}.map-streak-chip .glyph{width:34px;height:34px}.map-streak-chip span{font-size:22px;font-weight:900;color:#26333b}.map-streak-label{margin-left:2px}.map-foam{position:absolute;left:0;right:0;bottom:0;height:168px;z-index:20}.map-foam-bg{position:absolute;inset:0;filter:drop-shadow(0 -4px 10px rgba(20,90,120,.18))}.map-foam-bg .foam{position:absolute;inset:0}.map-foam-bg:after{content:"";position:absolute;left:0;right:0;bottom:0;height:62px;background:linear-gradient(180deg,#a5dcf300,#9edcf5 78%)}.map-foam-row{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:space-between;padding:0 18px 10px}.map-profile{position:relative;display:flex;align-items:flex-end;gap:10px;min-width:320px}.map-avatar{width:128px;height:128px;border-radius:50%;border:6px solid #ffffff;padding:0;overflow:hidden;cursor:pointer;background:linear-gradient(180deg,#cdeefb,#8ed2f0);box-shadow:0 6px 12px #0f466e4d}.map-avatar img{width:100%;height:100%;object-fit:cover;display:block}.map-name-row{display:flex;align-items:center;gap:8px;padding-bottom:6px}.map-name{font-size:32px;font-weight:900;color:#fff;text-shadow:0 2px 0 rgba(16,66,100,.45),0 0 12px rgba(16,86,120,.35)}.map-pencil,.map-gear{border:none;background:none;cursor:pointer;padding:0;width:44px;height:44px;opacity:.95}.map-pencil .glyph,.map-gear .glyph{width:100%;height:100%}.map-gear{position:absolute;left:148px;bottom:74px;width:52px;height:52px}.map-center-actions{position:relative;display:flex;gap:26px;align-items:flex-end;padding-bottom:4px}.map-star-burst{position:absolute;left:50%;top:-68px;transform:translate(-50%);width:210px;height:130px;pointer-events:none;opacity:.95}.map-star-burst svg{width:100%;height:100%}.golden-round{position:relative;width:118px;height:118px;border:none;background:none;padding:0;cursor:pointer;filter:drop-shadow(0 6px 0 rgba(178,84,0,.45))}.golden-round:active{transform:translateY(3px)}.golden-round-bg{position:absolute;inset:0;width:100%;height:100%}.golden-round-icon{position:absolute;inset:22px;display:block}.golden-round-icon .glyph{width:100%;height:100%}.map-brush-corner{display:flex;align-items:flex-end;gap:4px;padding-bottom:6px}.map-brush-graphic{border:none;background:none;padding:0;cursor:pointer;transform:rotate(14deg) translateY(8px)}.brush-cta{white-space:nowrap}.brush-cta .glossy-btn-text{font-size:30px}.pmodal{position:fixed;inset:0;z-index:60;background:linear-gradient(180deg,#2fb4d4,#1b90c4);display:flex;flex-direction:column}.pmodal-header{position:relative;flex:0 0 78px}.pmodal-x{position:absolute;left:16px;top:11px}.pmodal-right{position:absolute;right:16px;top:11px;display:flex;align-items:center;gap:24px}.pmodal-tabs{display:flex;gap:6px}.pmodal-tab{width:56px;height:56px;border:none;border-radius:12px;cursor:pointer;padding:8px;background:linear-gradient(180deg,#7fc4e8,#4795c9);box-shadow:inset 0 2px 3px #ffffff73,inset 0 -3px 5px #0c3c6e4d;opacity:.75}.pmodal-tab.active{opacity:1;background:linear-gradient(180deg,#a5dcf7,#5fb1e0);box-shadow:inset 0 2px 3px #fff9,inset 0 -3px 5px #0c3c6e40,0 0 0 3px #ffffff80}.pmodal-tab .glyph{width:100%;height:100%}.pmodal-body{flex:1;display:flex;min-height:0;position:relative}.pmodal-left{flex:0 0 46%;overflow-y:auto;padding:20px 26px 30px 30px;z-index:2}.pmodal-cat-title{margin:18px 0 10px;font-size:22px;font-weight:800;color:#eaf7fd;border-top:2px solid rgba(255,255,255,.35);padding-top:12px}.pmodal-cat:first-child .pmodal-cat-title{border-top:none;padding-top:0;margin-top:4px}.pmodal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.char-tile{position:relative;aspect-ratio:1;border-radius:18px;border:4px solid #8fd0ee;background:linear-gradient(180deg,#b8e4f7,#5fb1e0);box-shadow:inset 0 3px 4px #ffffff80,0 4px #0f466e40;cursor:pointer;padding:0;overflow:visible}.char-tile img{width:100%;height:100%;object-fit:cover;border-radius:13px;display:block}.char-tile.locked img{filter:saturate(.55) brightness(.8);opacity:.8}.char-tile.selected{border-color:#f2b31d;background:linear-gradient(180deg,#ffe37a,#ffc93c);box-shadow:inset 0 3px 4px #fff9,0 0 0 4px #ffd23f73,0 4px #b2780066}.char-tile.viewed:not(.selected){border-color:#fff}.tile-lock,.char-lock{position:absolute}.char-lock{left:50%;bottom:-10px;transform:translate(-50%);width:52px;height:52px}.char-lock .tile-lock{position:static;width:100%;height:100%}.char-check{position:absolute;right:-12px;bottom:-12px;width:52px;height:52px;filter:drop-shadow(0 2px 2px rgba(120,70,0,.4))}.char-check .tile-check{width:100%;height:100%}.pmodal-preview{flex:1;position:relative;overflow:hidden}.underwater-bg{position:absolute;inset:0;width:100%;height:100%}.pmodal-art{position:absolute;left:50%;top:47%;transform:translate(-50%,-50%);max-width:72%;max-height:76%;filter:drop-shadow(0 10px 18px rgba(10,60,90,.35))}.pmodal-caption{position:absolute;right:26px;bottom:18px;font-size:24px;font-weight:800;color:#fff;text-shadow:0 2px 0 rgba(16,66,100,.4)}.avatar-variants{position:absolute;right:22px;bottom:58px;display:flex;gap:16px}.avatar-variant{width:92px;height:92px;border-radius:50%;border:5px solid #2b72c8;overflow:hidden;padding:0;cursor:pointer;background:#bfe4f5;box-shadow:0 4px 8px #0a3c5a59}.avatar-variant.active{border-color:#ffd23f;box-shadow:0 0 0 4px #ffd23f80,0 4px 8px #0a3c5a59}.avatar-variant img{width:100%;height:100%;object-fit:cover;display:block}.unlock-cta{position:absolute;left:50%;bottom:26px;transform:translate(-50%)}.brush-preview{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);filter:drop-shadow(0 12px 20px rgba(10,60,90,.35))}.brush-types .char-tile,.brush-colors .char-tile{display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#eef8fd,#bfe4f5)}.brush-types{grid-template-columns:repeat(2,1fr)}.brush-types .char-tile svg{height:92%}.brush-tile.selected,.color-tile.selected{background:linear-gradient(180deg,#ffe37a,#ffc93c)}.color-tile svg{width:100%;height:100%;border-radius:12px}.rename-overlay{position:fixed;inset:0;z-index:70;background:#0a2d4680;display:flex;align-items:center;justify-content:center}.rename-card{width:480px;background:linear-gradient(180deg,#fff,#eaf7fd);border-radius:24px;padding:28px 32px;box-shadow:0 14px 30px #05233c66;display:flex;flex-direction:column;gap:18px;align-items:center}.rename-title{margin:0;font-size:28px;font-weight:900;color:#26333b}.rename-input{width:100%;font-size:30px;font-weight:800;text-align:center;padding:12px 16px;border-radius:16px;border:3px solid #8fd0ee;background:#fff;color:#26333b;font-family:inherit}.rename-actions{display:flex;align-items:center;gap:22px}.rename-cancel{border:none;background:none;font-size:20px;font-weight:700;color:#4a7c96;cursor:pointer;text-decoration:underline;font-family:inherit}.foam-screen{background:#e4edf3}.foam-pause{position:absolute;top:20px;left:20px;width:76px;height:76px;border:none;border-radius:20px;cursor:pointer;padding:12px;background:linear-gradient(180deg,#ffd558,#ffab2e 42%,#f78f1d 58%,#f2811a);box-shadow:inset 0 4px 3px #ffffff8c,inset 0 -5px 7px #c45c0073,0 5px #c96a05,0 8px 12px #3c506440}.foam-pause:active{transform:translateY(2px)}.foam-pause .glyph{width:100%;height:100%}.wipe-progress{position:absolute;top:22px;left:50%;transform:translate(-50%);width:300px;height:14px;border-radius:999px;background:#78879659;overflow:hidden}.wipe-progress-fill{height:100%;border-radius:999px;background:#fff;transition:width .2s linear}.foam-timer{position:absolute;left:50%;bottom:18px;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;pointer-events:none}.brush-dial{width:200px;height:200px;margin-bottom:-14px;filter:drop-shadow(0 4px 6px rgba(50,80,100,.25))}.brush-dial svg{width:100%;height:100%}.dial-num{font-family:inherit;font-size:13px;font-weight:800;fill:#2b8fa8}.timer-pill{min-width:190px;padding:10px 34px;border-radius:22px;background:linear-gradient(180deg,#3fb9dc,#1f8fc0 55%,#1a7fb0);box-shadow:inset 0 3px 3px #ffffff80,inset 0 -5px 7px #0a466e66,0 5px #0e5a82cc,0 8px 12px #3250644d;text-align:center}.timer-pill .pill-text{font-size:44px;font-weight:900;color:#fff;text-shadow:0 2px 0 rgba(12,70,110,.45)}.countdown{position:absolute;left:42%;top:38%;transform:translate(-50%,-50%);font-size:160px;font-weight:900;color:#fff;text-shadow:0 8px 0 rgba(150,165,180,.55);z-index:5;pointer-events:none}.wiping-brush{position:absolute;left:0;top:0;transform-origin:20px 14px;pointer-events:none;z-index:4;filter:drop-shadow(0 6px 8px rgba(60,90,110,.3))}.wiping-brush.counting{transition:transform .7s ease-out}.intro-skip{position:absolute;right:26px;bottom:26px;width:84px;height:84px;border:none;border-radius:22px;cursor:pointer;padding:14px;background:linear-gradient(180deg,#ffd558,#ffab2e 42%,#f78f1d 58%,#f2811a);box-shadow:inset 0 4px 3px #ffffff8c,inset 0 -5px 7px #c45c0073,0 5px #c96a05,0 10px 14px #00000059}.intro-skip .glyph{width:100%;height:100%}.map-center-actions{position:absolute;left:50%;bottom:12px;transform:translate(-50%);display:flex;align-items:center}.map-brush-peek{position:absolute;left:-20px;bottom:-34px;border:none;background:none;padding:0;cursor:pointer;transform:rotate(-16deg);z-index:0}.brush-cta{position:relative;z-index:1}.brush-cta .glossy-btn-text{font-size:42px}.map-albums-btn{width:92px;height:92px;margin-left:18px;padding:14px;z-index:1}.map-corner-stars{position:absolute;right:6px;bottom:2px;width:190px;height:140px;pointer-events:none}.map-corner-stars svg{width:100%;height:100%}