:root{color-scheme:dark;background:#11182f;color:#f6f5ff;font-family:ui-rounded,"SF Pro Rounded",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}body{background:radial-gradient(ellipse at 50% 0,#283654 0,transparent 65%),#11182f}main{max-width:510px;padding:20px 20px max(22px,env(safe-area-inset-bottom))}header{margin-bottom:18px}.brand{font-size:22px;letter-spacing:-.5px}.brand>span{color:#c0b5ff;padding-right:5px}header .quiet{font-size:13px;color:#bac5e0;padding:8px;min-height:44px}.activity-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:5px;background:#1a2540;border:1px solid #33415b;border-radius:24px;gap:5px;margin-bottom:20px}.activity-nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;background:transparent;color:#bcc6dd;border-radius:18px;min-height:66px;font-size:12px;font-weight:700;padding:7px 0;transition:background 160ms ease-out,transform 120ms ease-out}.activity-nav button span{font-size:24px;line-height:1.1}.activity-nav button[aria-current]{background:#c5b8ff;color:#252041;box-shadow:0 2px 10px #080e2520}.phone-display{position:relative;background:linear-gradient(130deg,#343b69,#242d50 65%);border:1px solid #555d86;border-radius:30px;padding:16px 22px 13px;box-shadow:inset 0 1px 0 #ffffff15}.display-caption{display:flex;justify-content:space-between;align-items:center;color:#c8d0e9;font-size:13px;font-weight:650}.signal{letter-spacing:2px;color:#a6f2d2}.phone-friend{background:transparent;width:100%;display:flex;align-items:center;justify-content:center;min-height:88px;position:relative}.phone-friend>span:first-child{font-size:76px;line-height:1;filter:drop-shadow(0 8px 9px #05092130);transition:transform 200ms cubic-bezier(.23,1,.32,1)}.phone-friend:active>span:first-child{transform:rotate(-8deg) scale(1.06)}.voice-bars{position:absolute;right:6px;display:flex;align-items:center;gap:4px;height:35px;opacity:0;transition:opacity 150ms ease}.voice-bars i{display:block;width:4px;height:12px;border-radius:4px;background:#b7ffc6}.voice-bars i:nth-child(2n){height:26px}.voice-bars i:nth-child(3){height:35px}.talking .voice-bars{opacity:1}.talking .voice-bars i{animation:voice .5s ease-in-out infinite alternate}.talking .voice-bars i:nth-child(2n){animation-delay:-.3s}.friend-line{display:flex;align-items:center;justify-content:space-between;gap:10px}.friend-line strong{font-size:21px}.friend-line>span{font-size:23px;font-variant-numeric:tabular-nums;letter-spacing:3px;color:#d5ceff}#callCaption{margin:6px 0 0;color:#c3cee5;font-size:14px;line-height:1.45;min-height:40px}.contacts{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:14px 0}.contacts button{background:#202c47;border:2px solid transparent;min-height:60px;border-radius:20px;font-size:35px;transition:transform 140ms ease-out}.contacts button[aria-pressed=true]{border-color:#b9a4ff;background:#353759}.dialpad{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.dialpad button{font-size:32px;line-height:1;min-height:58px;background:#eeedff;color:#232c48;border-radius:20px;font-weight:650;box-shadow:0 3px 0 #a4a7ce;transition:transform 120ms cubic-bezier(.23,1,.32,1),background 120ms ease}.dialpad button:active{background:#d0c4ff;transform:translateY(2px) scale(.97)}.dialpad .special-key{background:#2b3855;color:#bfc7e5;box-shadow:0 3px 0 #0e1529;font-size:27px}.call-actions{display:flex;gap:12px;margin-top:16px}.call-button{display:flex;align-items:center;justify-content:center;gap:14px;flex:1;min-height:63px;border-radius:23px;background:#8ee8b5;color:#123b2a;font-size:20px;font-weight:750;box-shadow:0 4px 0 #448f69}.call-button>span:first-child{font-size:30px}.hangup-button{background:#ff8b98;color:#421521;width:78px;border-radius:23px;font-size:31px;transform:rotate(135deg)}.hangup-button:active{transform:rotate(135deg) scale(.97)}button:focus-visible{outline:3px solid #ffe7a5;outline-offset:4px}.intro,.note{color:#b4c1dc}.mode{color:#23324b}.mode strong{font-size:21px}.repeat{color:#243556;background:#dfdef8}.choice{color:#23334b;background:#f2f3ff;box-shadow:0 5px 0 #646d8e}.choice.correct{background:#d0f4df}.dot{background:#3e4e6c}.dot.done{background:#9aeac0}.primary{background:#c5b8ff;color:#21263d}.feedback{color:#d8f7e7}dialog{background:#f4f5ff;color:#223b56;color-scheme:light}dialog .note{color:#536c85}dialog .primary{background:#304f99;color:#fff}.quiet{color:inherit}#toys h1{font-size:29px;margin:24px 0}#home h1{font-size:30px}#home .hello{font-size:55px}#home .modes{grid-template-columns:1fr}#home .mode{display:grid;grid-template-columns:80px 1fr;text-align:left;padding:18px;gap:6px 15px}#home .mode>span{grid-row:1/3}#home .mode small{font-size:14px}.progress{margin:22px 0}.digit-bump{animation:digit .2s ease-out}@keyframes digit{from{transform:translateY(5px);opacity:.5}to{transform:translateY(0);opacity:1}}@keyframes voice{to{transform:scaleY(.45)}}@media(min-width:700px){main{padding-top:28px}.dialpad button{min-height:64px}.phone-friend{min-height:95px}.phone-friend>span:first-child{font-size:84px}}@media(max-height:750px) and (orientation:portrait){main{padding-top:10px}header{margin-bottom:10px}.activity-nav{margin-bottom:12px}.activity-nav button{min-height:57px}.phone-display{padding:12px 18px}.phone-friend{min-height:65px}.phone-friend>span:first-child{font-size:60px}#callCaption{min-height:36px;font-size:13px}.contacts{margin:11px 0;gap:8px}.contacts button{min-height:51px;font-size:30px}.dialpad button{min-height:50px}.dialpad{gap:8px}.call-actions{margin-top:13px}.call-button{min-height:54px}}@media(orientation:landscape) and (max-height:550px){main{max-width:920px}.phone-stage{display:grid;grid-template-columns:1fr 1fr;gap:12px 24px}.phone-display{grid-row:1/3}.contacts{grid-column:1;margin:0}.dialpad{grid-column:2;grid-row:1/3}.call-actions{grid-column:2;margin:0}.activity-nav{max-width:440px;margin:0 auto 15px}.activity-nav button{min-height:50px;flex-direction:row;gap:8px}.phone-friend{min-height:90px}.dialpad button{min-height:47px}header{margin-bottom:10px}.phone-display{padding:12px 20px}.friend-line>span{font-size:20px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
@media(max-height:700px) and (orientation:portrait){main{padding-top:10px}header{margin-bottom:8px}.activity-nav{margin-bottom:10px}.activity-nav button{min-height:48px}.phone-display{padding:10px 16px}.phone-friend{min-height:48px}.phone-friend>span:first-child{font-size:46px}#callCaption{min-height:30px;font-size:12px}.contacts{margin:10px 0}.contacts button{min-height:48px}.dialpad button{min-height:48px}.dialpad{gap:7px}.call-button{min-height:52px}.call-actions{margin-top:12px}}
#home .game-library{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:22px}#home .game-library .mode{display:flex;flex-direction:column;text-align:center;align-items:center;justify-content:center;padding:16px 8px;gap:7px;border-radius:24px;min-height:142px}#home .game-library .mode>span{font-size:43px;line-height:1.2;min-height:50px}#home .game-library .mode.color>span,#home .game-library .mode.number>span{font-size:23px}#home .game-library .mode strong{font-size:20px}#home .game-library .mode small{font-size:12px}.extra-peek{background:#d5d2ff}.extra-feed{background:#efdbfa}.extra-cars{background:#f8ceac}
.contact-groups{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.contact-groups button{min-height:44px;background:#202c47;color:#bfcbe1;border-radius:14px;font-size:13px;font-weight:700}.contact-groups button[aria-pressed=true]{background:#47486e;color:#fff}.phone-portrait{display:inline-block;width:84px;height:84px;border-radius:22px;background-size:200% 200%;background-repeat:no-repeat}.phone-atlas-ready .phone-portrait{background-image:url('assets/barboskins-atlas.webp?v=4');color:transparent}.contacts button{padding:0;display:flex;align-items:center;justify-content:center}.contacts .phone-portrait{width:52px;height:52px;border-radius:16px}.contacts{margin:8px 0 12px}.extra-music{background:#c9e8df}.phone-friend{padding:0}.phone-friend>span.phone-portrait{font-size:54px;line-height:84px;filter:none}.puppy-play .puppy-caption{font-size:13px}.setting{gap:8px}
@media(max-height:750px) and (orientation:portrait){.phone-friend>span.phone-portrait{width:62px;height:62px;line-height:62px}.contacts .phone-portrait{width:44px;height:44px}.contacts{margin:7px 0 10px}.contact-groups{margin-top:7px}.contact-groups button{min-height:36px}}
@media(max-height:880px) and (orientation:portrait){.phone-display{padding-top:10px;padding-bottom:10px}.phone-friend>span.phone-portrait{width:70px;height:70px;line-height:70px}.phone-friend{min-height:70px}.dialpad button{min-height:52px}.contacts{margin:7px 0 10px}.call-actions{margin-top:12px}.call-button{min-height:55px}#callCaption{min-height:36px}}
@media(max-height:700px) and (orientation:portrait){.phone-friend>span.phone-portrait{width:46px;height:46px;line-height:46px}.phone-friend{min-height:46px}.dialpad button{min-height:44px}.contact-groups button{min-height:36px}.phone-display{padding:8px 14px}#callCaption{min-height:30px}.call-button{min-height:48px}}