:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f8f8f8;--bg-elevated:#fff;--bg-elevated-2:#eee;--text:#3d3d3d;--text-dim:#54585a;--accent-teal:#21cfff;--accent-amber:#ff9800;--accent-lime:#00b140;--accent-yellow:#ff07a7;--color-valid:#00b140;--color-invalid:#f91d1d;--doodle-pink:#ff07a7;--doodle-blue:#21cfff;--doodle-yellow:#ffd23f;--doodle-green:#00b140;--doodle-outline:#3d3d3d;--image-outline:#0000001a;--radius:1rem;--radius-sm:.5rem;--space-1:.5rem;--space-2:1rem;--space-3:1.5rem;--space-4:2rem;--font-size-base:1.125rem;--font-size-lg:1.5rem;--font-size-xl:2.5rem;--shadow-card:0 1px 2px #0000000f, 0 4px 12px #0000000f;--shadow-card-hover:0 2px 4px #00000014, 0 8px 20px #0000001a}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#10151c;--bg-elevated:#1a2230;--bg-elevated-2:#232d3f;--text:#e8edf2;--text-dim:#9aa7b8;--doodle-outline:#10151c;--image-outline:#ffffff1a;--shadow-card:inset 0 1px 0 #ffffff0f, 0 2px 4px #00000080, 0 8px 20px #00000073;--shadow-card-hover:inset 0 1px 0 #ffffff17, 0 4px 8px #0000008c, 0 12px 28px #00000080}*{box-sizing:border-box}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}html,body{height:100%;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:Segoe UI,system-ui,-apple-system,sans-serif;font-size:var(--font-size-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;overscroll-behavior:none}#app{flex-direction:column;min-height:100vh;display:flex}button{font-family:inherit;font-size:inherit;color:inherit;cursor:pointer;touch-action:manipulation}:focus-visible{outline:2px solid var(--accent-teal);outline-offset:2px}@media (prefers-reduced-motion:reduce){.tile,.profile-tile,.home__player-trigger,.home__menu-item,.letter-sounds__go{transition-duration:.01ms}.doodle{animation:none!important}.tile:not([disabled]):hover .tile__badge{animation:none}}h1,h2,h3{text-wrap:balance;margin:0}.container{width:100%;max-width:1200px;padding:var(--space-2);margin:0 auto}@media (width>=426px){.container{padding:var(--space-3)}}@media (width>=1024px){.container{padding:var(--space-4)}}.tile{background:var(--bg-elevated);border:2px solid var(--bg-elevated-2);border-radius:var(--radius);box-shadow:var(--shadow-card);color:var(--text);padding:var(--space-3);justify-content:center;align-items:center;gap:var(--space-1);flex-direction:column;transition:scale .15s,border-color .15s,box-shadow .15s,translate .15s;display:flex}.tile:not([disabled]):hover{background:var(--bg-elevated-2);box-shadow:var(--shadow-card-hover);translate:0 -2px}.tile:active{translate:0;scale:.96}.tile[disabled]{opacity:.5;cursor:not-allowed;box-shadow:none}.tile--action{padding:var(--space-1) var(--space-3);flex-direction:row;min-height:44px}.tile--accent-teal{border-color:var(--accent-teal)}.tile--accent-amber{border-color:var(--accent-amber)}.tile--accent-lime{border-color:var(--accent-lime)}.tile--accent-yellow{border-color:var(--accent-yellow)}.game-view{flex-direction:column;flex:1;display:flex}.game-view--center{justify-content:center;align-items:center}.game-dialog{background:var(--bg-elevated);border-radius:var(--radius);box-shadow:var(--shadow-card-hover);padding:var(--space-4);text-align:center;align-items:center;gap:var(--space-3);flex-direction:column;width:100%;max-width:24rem;display:flex;position:relative}.game-dialog p{color:var(--text-dim);margin:0}.game-dialog-close{top:var(--space-2);right:var(--space-2);color:var(--text-dim);font-size:var(--font-size-lg);background:0 0;border:none;padding:0;line-height:1;position:absolute}.game-dialog-close:after{content:"";width:44px;height:44px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.game-go{background:var(--accent-lime);color:var(--bg);font-family:"Baloo 2",sans-serif;font-weight:700;font-size:var(--font-size-lg);min-width:7rem}.game-go:not([disabled]):hover{background:var(--accent-lime)}.game-dont-show{align-items:center;gap:var(--space-1);color:var(--text-dim);font-size:.9375rem;display:flex}.game-dont-show input{width:1.25rem;height:1.25rem}.game-results{text-align:center;justify-content:center;align-items:center;gap:var(--space-3);flex-direction:column;display:flex}.game-score{font-size:var(--font-size-xl)}.game-results-actions{gap:var(--space-3);display:flex}.game-results-actions .tile{min-width:8rem;font-size:var(--font-size-lg)}.game-header{z-index:1;justify-content:space-between;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);display:flex;position:relative}.game-header__action{align-items:center;gap:var(--space-2);min-width:0;display:flex}.game-header__action-label{color:#fff;text-shadow:0 1px 3px #00000073;font-size:var(--font-size-base);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.game-header__icon-btn{background:var(--bg-elevated);border:2px solid var(--accent-teal);width:44px;height:44px;color:var(--text);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:.5rem;transition-property:scale,background;transition-duration:.15s;display:flex}.game-header__icon-btn svg{width:100%;height:100%}.game-header__icon-btn:hover{background:var(--bg-elevated-2)}.game-header__icon-btn:active{scale:.96}@media (width<=26rem){.game-header__action-label{display:none}}.avatar{color:var(--bg);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:5rem;height:5rem;font-family:"Baloo 2",sans-serif;font-size:2.25rem;font-weight:700;display:flex}.avatar--sm{width:2.75rem;height:2.75rem;font-size:1.25rem}.avatar--teal{background:var(--accent-teal)}.avatar--amber{background:var(--accent-amber)}.avatar--lime{background:var(--accent-lime)}.avatar--yellow{background:var(--accent-yellow)}.avatar--empty{background:var(--bg-elevated-2);color:var(--text-dim)}.avatar--photo{object-fit:cover;box-shadow:0 0 0 1px var(--image-outline)}.profiles{text-align:center;justify-content:center;align-items:center;gap:var(--space-4);flex-direction:column;flex:1;display:flex}.profiles__title{font-family:"Baloo 2",sans-serif;font-size:var(--font-size-xl);letter-spacing:.02em}.profiles__grid{justify-content:center;align-items:flex-start;gap:var(--space-3);flex-wrap:wrap;width:100%;max-width:40rem;display:flex}.profile-tile{box-shadow:none;align-items:center;gap:var(--space-1);width:7rem;color:var(--text);background:0 0;border:none;flex-direction:column;padding:0;transition:scale .15s;display:flex}.profile-tile:hover .profile-tile__name{color:var(--accent-teal)}.profile-tile:active{scale:.96}.profile-tile .avatar{width:6rem;height:6rem;font-size:2.5rem}.profile-tile__name{font-family:"Baloo 2",sans-serif;font-weight:600;font-size:var(--font-size-base);text-wrap:pretty}.profile-tile--add{color:var(--text-dim)}.modal-overlay{padding:var(--space-2);z-index:100;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--bg-elevated);border-radius:var(--radius);width:100%;max-width:22rem;padding:var(--space-3);align-items:center;gap:var(--space-2);text-align:center;box-shadow:var(--shadow-card-hover);overscroll-behavior:contain;flex-direction:column;display:flex}.modal__avatar{justify-content:center;display:flex}.modal__input{background:var(--bg-elevated-2);border:1px solid var(--bg-elevated-2);border-radius:var(--radius-sm);width:100%;color:var(--text);font-size:var(--font-size-lg);padding:var(--space-2);text-align:center}.modal__input--valid{border-color:var(--color-valid)}.modal__input--invalid{border-color:var(--color-invalid)}.modal__suggestions{gap:var(--space-2);flex-wrap:wrap;justify-content:center;display:flex}.modal__suggestion{background:var(--bg-elevated-2);border:1px solid var(--bg-elevated-2);border-radius:var(--radius-sm);color:var(--text);padding:var(--space-1) var(--space-2);cursor:pointer;min-height:36px}.modal__error{color:var(--accent-amber);margin:0}.modal__actions{gap:var(--space-2);width:100%;display:flex}.modal__actions .tile{min-height:44px;padding:var(--space-2);flex:1}.home{position:relative}.doodle{z-index:0;pointer-events:none;--base-opacity:.5;opacity:var(--base-opacity);position:absolute}.doodle svg{width:100%;height:100%;display:block}.doodle--outline{--base-opacity:.2}@keyframes doodle-drift-right{0%{left:-40%;translate:0}50%{translate:0 var(--dy,12px)}to{left:140%;translate:0}}@keyframes doodle-drift-left{0%{left:140%;translate:0}50%{translate:0 var(--dy,12px)}to{left:-40%;translate:0}}@keyframes doodle-twinkle{0%,to{opacity:var(--base-opacity)}50%{opacity:calc(var(--base-opacity) * .4)}}.home__divider{color:var(--doodle-green);opacity:.6;grid-column:1/-1;justify-content:center;display:flex}.home__divider svg{width:6rem;height:1rem}.home__header{justify-content:space-between;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);flex-wrap:nowrap;display:flex}.home__title{font-family:"Baloo 2",sans-serif;font-size:clamp(1.5rem, 7vw, var(--font-size-xl));letter-spacing:.02em;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.home__player{flex-shrink:0;position:relative}.home__player-trigger{background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:scale .15s,box-shadow .15s;display:flex}.home__player-trigger:hover{box-shadow:0 0 0 2px var(--accent-teal)}.home__player-trigger:active{scale:.96}.home__menu{top:calc(100% + var(--space-1));background:var(--bg-elevated);border-radius:var(--radius-sm);min-width:10rem;box-shadow:var(--shadow-card-hover);z-index:10;flex-direction:column;display:flex;position:absolute;right:0;overflow:hidden}.home__menu[hidden]{display:none}.home__menu-item{color:var(--text);font-size:var(--font-size-base);text-align:left;padding:var(--space-2);background:0 0;border:none;min-height:44px;transition:background-color .1s}.home__menu-item:hover,.home__menu-item:active{background:var(--bg-elevated-2)}.game-grid{gap:var(--space-3);grid-template-columns:1fr;display:grid}@media (width>=426px){.game-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.game-grid{grid-template-columns:repeat(3,1fr)}}.game-grid .tile{min-height:12rem;font-size:var(--font-size-lg);font-weight:600;position:relative;overflow:hidden}.game-grid .tile small{font-size:var(--font-size-base);color:var(--text-dim);font-weight:400}.game-grid .tile>.tile__badge,.game-grid .tile>span,.game-grid .tile>small{z-index:1;position:relative}.tile__badge{margin-bottom:var(--space-1);gap:.05em;font-family:"Baloo 2",sans-serif;font-size:5rem;font-weight:800;line-height:1;display:flex}.tile__badge span{filter:drop-shadow(4px 6px #00000059);display:inline-block}.tile__badge--letters span:first-child{color:var(--doodle-pink);rotate:-10deg}.tile__badge--letters span:nth-child(2){color:var(--doodle-blue);translate:0 -.15em;rotate:4deg}.tile__badge--letters span:nth-child(3){color:var(--doodle-yellow);rotate:-6deg}.tile__badge--numbers span{color:var(--text-dim)}.tile__badge--numbers span:nth-child(2){translate:0 -.1em;rotate:6deg}.tile__badge--numbers span:nth-child(3){rotate:-8deg}.tile:not([disabled]):hover .tile__badge{animation:.5s ease-in-out badge-wiggle}@keyframes badge-wiggle{0%,to{rotate:0deg}25%{rotate:-4deg}75%{rotate:4deg}}.profile-page{align-items:center;gap:var(--space-3);text-align:left;flex-direction:column;flex:1;display:flex;position:relative}.profile-page>h2{width:100%;max-width:24rem}.profile-page__close{color:var(--text-dim);font-size:var(--font-size-lg);background:0 0;border:none;align-self:flex-end;padding:0;line-height:1;position:relative}.profile-page__close:after{content:"";width:44px;height:44px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.profile-page__header{align-items:center;gap:var(--space-2);text-align:center;flex-direction:column;display:flex}.profile-edit__field{gap:var(--space-1);text-align:left;width:100%;max-width:24rem;color:var(--text-dim);flex-direction:column;display:flex}.profile-edit__select,.profile-edit__input{background:var(--bg-elevated);border:1px solid var(--bg-elevated-2);border-radius:var(--radius-sm);color:var(--text);font-size:var(--font-size-base);padding:var(--space-2);min-height:44px}