.tiles-container{min-height:100%!important}.tiles-container,.tiles-grid{width:100%!important;padding:16px!important;box-sizing:border-box!important}.tiles-grid{display:grid!important;gap:8px!important;height:100%!important;grid-template-columns:repeat(var(--grid-columns,3),1fr)!important;grid-auto-rows:minmax(80px,auto)!important}.tile{min-height:calc(80px * var(--tile-scale, 1))!important;max-height:calc(120px * var(--tile-scale, 1))!important;padding:calc(12px * var(--tile-scale, 1))!important;box-sizing:border-box!important;background:hsla(0,0%,100%,.03)!important;backdrop-filter:blur(10px)!important;border:1px solid hsla(0,0%,100%,.2)!important;border-radius:20px!important;box-shadow:0 8px 32px rgba(0,0,0,.3),0 2px 8px rgba(0,0,0,.2),inset 0 1px 0 hsla(0,0%,100%,.1)!important}.tile[data-category=homebase]{background:linear-gradient(135deg,hsla(0,100%,71%,.3),rgba(255,87,51,.2))!important}.tile[data-category=want]{background:linear-gradient(135deg,rgba(78,205,196,.3),rgba(85,230,193,.2))!important}.tile[data-category=need]{background:linear-gradient(135deg,rgba(255,152,0,.3),rgba(255,193,7,.2))!important}.tile[data-category=feel]{background:linear-gradient(135deg,rgba(33,150,243,.3),rgba(103,58,183,.2))!important}.tile[data-category=do]{background:linear-gradient(135deg,rgba(121,85,72,.3),rgba(93,64,55,.2))!important}.tile[data-category=people]{background:linear-gradient(135deg,rgba(255,152,0,.3),rgba(251,140,0,.2))!important}.tile:hover{background:hsla(0,0%,100%,.15)!important;border:1px solid hsla(0,0%,100%,.3)!important;box-shadow:0 20px 40px rgba(0,0,0,.4),0 8px 16px rgba(0,0,0,.3),inset 0 1px 0 hsla(0,0%,100%,.2),0 0 0 1px hsla(0,0%,100%,.1)!important}.tile[data-category=homebase]:hover{background:linear-gradient(135deg,hsla(0,100%,71%,.4),rgba(255,87,51,.3))!important;box-shadow:0 20px 40px hsla(0,100%,71%,.3),0 8px 16px rgba(0,0,0,.3),inset 0 1px 0 hsla(0,0%,100%,.2)!important}.tile[data-category=want]:hover{background:linear-gradient(135deg,rgba(78,205,196,.4),rgba(85,230,193,.3))!important;box-shadow:0 20px 40px rgba(78,205,196,.3),0 8px 16px rgba(0,0,0,.3),inset 0 1px 0 hsla(0,0%,100%,.2)!important}.tile[data-category=need]:hover{background:linear-gradient(135deg,rgba(255,152,0,.4),rgba(255,193,7,.3))!important;box-shadow:0 20px 40px rgba(255,152,0,.3),0 8px 16px rgba(0,0,0,.3),inset 0 1px 0 hsla(0,0%,100%,.2)!important}.tile[data-category=feel]:hover{background:linear-gradient(135deg,rgba(33,150,243,.4),rgba(103,58,183,.3))!important;box-shadow:0 20px 40px rgba(33,150,243,.3),0 8px 16px rgba(0,0,0,.3),inset 0 1px 0 hsla(0,0%,100%,.2)!important}.tile[data-category=do]:hover{background:linear-gradient(135deg,rgba(121,85,72,.4),rgba(93,64,55,.3))!important;box-shadow:0 20px 40px rgba(121,85,72,.3),0 8px 16px rgba(0,0,0,.3),inset 0 1px 0 hsla(0,0%,100%,.2)!important}.tile[data-category=people]:hover{background:linear-gradient(135deg,rgba(255,152,0,.4),rgba(251,140,0,.3))!important;box-shadow:0 20px 40px rgba(255,152,0,.3),0 8px 16px rgba(0,0,0,.3),inset 0 1px 0 hsla(0,0%,100%,.2)!important}.tile:active{transform:scale(.98)!important}.tile .emoji{font-size:calc(2rem * var(--emoji-scale, 1))!important;margin-bottom:calc(8px * var(--tile-scale, 1))!important;display:block!important;filter:drop-shadow(0 1px 2px rgba(0,0,0,.2))!important}.tile .emoji,.tile .text{position:static!important}.tile .text{font-size:calc(.9rem * var(--font-scale, 1))!important;letter-spacing:.3px!important;line-height:1.1!important;text-shadow:0 1px 2px rgba(0,0,0,.4)!important;margin:0!important;padding:0 4px!important;width:100%!important}.tile .play-button{top:8px!important;right:8px!important;width:32px!important;height:32px!important;font-size:14px!important;opacity:.7!important;transition:all .3s ease!important;box-shadow:0 4px 8px rgba(0,0,0,.2)!important}.tile:hover .play-button{border:1px solid hsla(0,0%,100%,.4)!important;box-shadow:0 6px 12px rgba(0,0,0,.3)!important}@media (min-width:480px) and (max-width:767px){.tiles-grid{grid-template-columns:repeat(3,1fr)!important;gap:10px!important}.tile .emoji{font-size:3.5rem!important}.tile .text{font-size:1.1rem!important}}@media (min-width:768px) and (max-width:1023px){.tiles-grid{grid-template-columns:repeat(4,1fr)!important;gap:12px!important}.tile .emoji{font-size:4rem!important}.tile .text{font-size:1.2rem!important}}@media (min-width:1024px) and (max-width:1439px){.tiles-grid{grid-template-columns:repeat(5,1fr)!important;gap:14px!important}.tile .emoji{font-size:4.5rem!important}.tile .text{font-size:1.3rem!important}}@media (min-width:1440px){.tiles-grid{grid-template-columns:repeat(6,1fr)!important;gap:16px!important;max-width:1400px!important}.tile .emoji{font-size:5rem!important}.tile .text{font-size:1.4rem!important}}@media (max-width:479px){.tiles-grid{grid-template-columns:repeat(2,1fr)!important;gap:8px!important}.tiles-container{padding:8px!important}.tile{min-height:100px!important;padding:12px!important}.tile .emoji{font-size:3rem!important;margin-bottom:8px!important}.tile .text{font-size:.9rem!important}.tile .play-button{width:24px!important;height:24px!important;font-size:12px!important}}@media (min-width:2000px){.tiles-grid{grid-template-columns:repeat(8,1fr)!important;max-width:1800px!important}}@media (min-width:768px) and (max-width:1024px) and (orientation:portrait){.tiles-grid{grid-template-columns:repeat(3,1fr)!important}}@media (max-width:768px) and (orientation:landscape){.tiles-grid{grid-template-columns:repeat(4,1fr)!important}.tiles-container{padding:8px!important}.tile{min-height:80px!important}.tile .emoji{font-size:2.5rem!important}.tile .text{font-size:.9rem!important}}.board-container{width:100%!important;height:100%!important;display:flex!important;flex-direction:column!important;padding:0!important}.board-title{font-size:1.5rem!important;font-weight:700!important;color:#fff!important;text-align:center!important;margin:16px 0!important;text-shadow:0 2px 4px rgba(0,0,0,.3)!important}.tile:not([data-category=homebase]):not([data-category=want]):not([data-category=need]):not([data-category=feel]):not([data-category=do]):not([data-category=people]):hover{background:linear-gradient(135deg,rgba(102,126,234,.4),rgba(118,75,162,.3))!important;box-shadow:0 20px 40px rgba(102,126,234,.3),0 8px 16px rgba(0,0,0,.3),inset 0 1px 0 hsla(0,0%,100%,.2)!important}.tile-highlighted{background:linear-gradient(135deg,rgba(255,235,59,.4),rgba(255,193,7,.3))!important;border:2px solid rgba(255,235,59,.8)!important}@keyframes pulse-glow{0%,to{box-shadow:0 8px 32px rgba(0,0,0,.3),0 2px 8px rgba(0,0,0,.2),inset 0 1px 0 hsla(0,0%,100%,.1)}50%{box-shadow:0 12px 40px rgba(102,126,234,.4),0 4px 12px rgba(0,0,0,.3),inset 0 1px 0 hsla(0,0%,100%,.2)}}.tile-pulse{animation:pulse-glow 2s ease-in-out infinite!important}.bottom-nav{position:fixed!important;bottom:0!important;left:0!important;right:0!important;height:60px!important;background:#000!important;z-index:100000!important}.nav-btn{border:none!important;font-size:14px!important;font-weight:700!important;cursor:pointer!important;display:flex!important;align-items:center!important;justify-content:center!important}.nav-btn:hover{opacity:.8!important}.nav-btn.gray{background:#666!important}.nav-btn.blue{background:#2196f3!important}.nav-btn.purple{background:#9c27b0!important}.nav-btn.green{background:#4caf50!important}.nav-btn.red{background:#f44336!important}.header.android-style{background:#000!important;color:#fff!important;padding:10px 20px!important;border-bottom:1px solid #333!important;display:flex!important;justify-content:space-between!important;align-items:center!important}.header.android-style h1{color:#fff!important;font-size:18px!important;font-weight:700!important;margin:0!important}.header-left{gap:8px!important}.header-actions,.header-left{display:flex!important;align-items:center!important}.header-btn,.user-menu-btn{background:transparent!important;border:none!important;color:#fff!important;font-size:32px!important;padding:12px!important;cursor:pointer!important;border-radius:8px!important;transition:background .2s ease!important;min-width:48px!important;min-height:48px!important}.user-icon{font-size:32px!important}.header-btn:hover{background:hsla(0,0%,100%,.1)!important}.sentence-bar{background:rgba(0,0,0,.3)!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;border:1px solid hsla(0,0%,100%,.15)!important;border-radius:12px!important;padding:8px 12px!important;margin:6px 8px!important;box-shadow:0 2px 8px rgba(0,0,0,.3)!important;min-height:48px!important;max-height:48px!important;display:flex!important;align-items:center!important;gap:12px!important}.sentence-bar *,.sentence-bar .sentence-content,.sentence-bar div,.sentence-bar span,div[contenteditable]{color:#fff!important}[style*="#7B1FA2"],[style*="#9C27B0"],[style*=purple]{display:none!important}body,html{overflow:hidden!important;overflow-x:hidden!important;overflow-y:hidden!important}.tiles-container{overflow:hidden!important}*{scrollbar-width:none!important;-ms-overflow-style:none!important}::-webkit-scrollbar{display:none!important}.board-container,.main-content{overflow:hidden!important}.tiles-grid{justify-content:center!important;align-content:center!important}.settings-feature-btn{width:100%!important;padding:12px 16px!important;margin:8px 0!important;background:hsla(0,0%,100%,.1)!important;border:1px solid hsla(0,0%,100%,.2)!important;border-radius:8px!important;color:#fff!important;font-size:14px!important;font-weight:500!important;cursor:pointer!important;transition:all .2s ease!important;text-align:left!important}.settings-feature-btn:hover{background:hsla(0,0%,100%,.2)!important;transform:translateY(-1px)!important}.settings-feature-btn.active{background:rgba(76,175,80,.3)!important;border-color:#4caf50!important}.settings-feature-btn.ai-btn,.settings-feature-btn.production-btn{background:linear-gradient(135deg,rgba(123,63,242,.3),rgba(255,0,110,.3))!important}.settings-feature-btn.healthcare-btn{background:linear-gradient(135deg,rgba(76,175,80,.3),rgba(33,150,243,.3))!important}.settings-feature-btn.billing-btn{background:linear-gradient(135deg,rgba(16,185,129,.3),rgba(5,150,105,.3))!important}.settings-group{margin:20px 0!important}.settings-group h4{color:hsla(0,0%,100%,.8)!important;font-size:14px!important;font-weight:600!important;margin:0 0 8px!important;text-transform:uppercase!important;letter-spacing:.5px!important}body{background:linear-gradient(135deg,#0f0f1e,#1a1a2e)!important;min-height:100vh!important}.star-background{opacity:.3!important}.main-content{background:transparent!important;margin:0!important;padding:0 0 180px!important;min-height:calc(100vh - 140px)!important}.main-content,.tiles-container{width:100vw!important;max-width:none!important}.tiles-container{padding:0 0 200px!important;margin:-90px 0 0!important}.board-container{width:100vw!important;max-width:none!important;margin:0!important;padding:0 0 160px!important}.sentence-content{flex:1!important;min-height:24px!important;outline:none!important;border:none!important;background:transparent!important}.sentence-actions{gap:8px!important;flex-shrink:0!important}.sentence-actions,.sentence-btn{display:flex!important;align-items:center!important}.sentence-btn{width:32px!important;height:32px!important;border-radius:8px!important;border:none!important;background:hsla(0,0%,100%,.1)!important;color:#fff!important;font-size:16px!important;cursor:pointer!important;justify-content:center!important;transition:all .2s ease!important}.sentence-btn:hover{background:hsla(0,0%,100%,.2)!important}.sentence-content{color:#fff!important;font-size:1.1rem!important;font-weight:500!important}.tile{position:relative!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;width:100%!important;height:100%!important;padding:20px!important;margin:0!important;border-radius:16px!important;overflow:hidden!important;cursor:pointer!important;-webkit-user-select:none!important;-moz-user-select:none!important;user-select:none!important;-webkit-tap-highlight-color:transparent!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;transform-style:preserve-3d!important;box-shadow:0 2px 8px rgba(0,0,0,.1),inset 0 1px 0 hsla(0,0%,100%,.1)!important}.tile[data-tile-id="1001"]{background:linear-gradient(135deg,#66bb6a,#2e7d32)!important}.tile[data-tile-id="1002"]{background:linear-gradient(135deg,#ab47bc,#6a1b9a)!important}.tile[data-tile-id="1003"]{background:linear-gradient(135deg,#ffb74d,#e65100)!important}.tile[data-tile-id="1004"]{background:linear-gradient(135deg,#ef5350,#b71c1c)!important}.tile[data-tile-id="1005"]{background:linear-gradient(135deg,#42a5f5,#0d47a1)!important}.tile[data-tile-id="1006"]{background:linear-gradient(135deg,#ff7043,#bf360c)!important}.tile[data-tile-id="1007"]{background:linear-gradient(135deg,#ce93d8,#7b1fa2)!important}.tile[data-tile-id="1008"]{background:linear-gradient(135deg,#4dd0e1,#006064)!important}.tile[data-tile-id="1009"]{background:linear-gradient(135deg,#64b5f6,#0277bd)!important}.tile:hover{transform:translateY(-8px) scale(1.05)!important;box-shadow:0 8px 30px rgba(0,0,0,.35),0 15px 60px rgba(0,0,0,.25),inset 0 1px 0 hsla(0,0%,100%,.2)!important}.tile:active{transform:scale(.95)!important;box-shadow:0 2px 10px rgba(0,0,0,.3),inset 0 1px 0 hsla(0,0%,100%,.1)!important}.tile .emoji{font-size:clamp(8rem,20vw,12rem)!important;line-height:1!important;margin-bottom:32px!important;filter:drop-shadow(0 8px 16px rgba(0,0,0,.25))!important;animation:subtle-float 3s ease-in-out infinite!important;z-index:2!important}.tile .text{bottom:0!important;left:0!important;right:0!important;font-size:clamp(1.4rem,3.5vw,2.2rem)!important;font-weight:700!important;text-align:center!important;text-transform:uppercase!important;letter-spacing:1px!important;padding:16px 12px!important;background:linear-gradient(180deg,transparent,rgba(0,0,0,.4) 20%,rgba(0,0,0,.8))!important;text-shadow:0 2px 4px rgba(0,0,0,.8),0 1px 2px #000!important;z-index:2!important;border-radius:0 0 24px 24px!important}.tile .play-button,.tile .text{position:absolute!important;color:#fff!important}.tile .play-button{top:24px!important;right:24px!important;width:64px!important;height:64px!important;background:hsla(0,0%,100%,.2)!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;border:1px solid hsla(0,0%,100%,.3)!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:28px!important;opacity:.9!important;transition:all .2s ease!important;z-index:3!important;box-shadow:0 4px 16px rgba(0,0,0,.2)!important}.tile:hover .play-button{opacity:1!important;background:hsla(0,0%,100%,.3)!important;transform:scale(1.1)!important}.header{background:rgba(15,15,30,.8)!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;border-bottom:1px solid hsla(0,0%,100%,.1)!important;box-shadow:0 4px 20px rgba(0,0,0,.3)!important}.header h1{background:linear-gradient(135deg,#667eea,#764ba2)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;font-weight:700!important}.bottom-nav{background:rgba(15,15,30,.9)!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;border-top:1px solid hsla(0,0%,100%,.1)!important;display:flex!important;justify-content:space-around!important;align-items:center!important;gap:8px!important}.bottom-nav,.nav-btn{padding:12px!important}.nav-btn{flex:1!important;border-radius:16px!important;background:hsla(0,0%,100%,.1)!important;border:1px solid hsla(0,0%,100%,.2)!important;color:#fff!important;font-size:1.5rem!important;transition:all .2s ease!important;backdrop-filter:blur(10px)!important}.nav-btn:hover{background:hsla(0,0%,100%,.2)!important;transform:translateY(-2px)!important}.nav-btn.yes{background:linear-gradient(135deg,#4caf50,#45a049)!important}.nav-btn.no{background:linear-gradient(135deg,#f44336,#da190b)!important}.nav-btn.help{background:linear-gradient(135deg,#ff9800,#f57c00)!important}@keyframes subtle-float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes tile-explode-90s{0%{transform:scale(1);opacity:1}10%{transform:scale(1.1);opacity:1}20%{transform:scale(1.05);opacity:.9;filter:brightness(2) contrast(1.5)}30%{transform:scale(.95);opacity:.7;filter:brightness(3) contrast(2) hue-rotate(45deg)}50%{transform:scale(.5);opacity:.3;filter:brightness(5) contrast(3) blur(2px) hue-rotate(90deg)}to{transform:scale(0);opacity:0;filter:brightness(10) blur(10px) hue-rotate(180deg)}}@keyframes fragment-1{0%{transform:translate(0) rotate(0deg) scale(1.2);opacity:1;filter:brightness(1.5)}20%{transform:translate(-40px,-30px) rotate(180deg) scale(1.1);opacity:1;filter:brightness(1.3)}60%{transform:translate(-140px,-80px) rotate(540deg) scale(.8);opacity:.8;filter:brightness(1)}to{transform:translate(-220px,-150px) rotate(2turn) scale(0);opacity:0;filter:brightness(.5)}}@keyframes fragment-2{0%{transform:translate(0) rotate(0deg) scale(1.2);opacity:1;filter:brightness(1.5)}25%{transform:translate(45px,-50px) rotate(-150deg) scale(1.1);opacity:1;filter:brightness(1.3)}65%{transform:translate(130px,-140px) rotate(-400deg) scale(.7);opacity:.7;filter:brightness(1)}to{transform:translate(200px,-220px) rotate(-540deg) scale(0);opacity:0;filter:brightness(.5)}}@keyframes fragment-3{0%{transform:translate(0) rotate(0deg) scale(1.2);opacity:1;filter:brightness(1.5)}30%{transform:translate(-30px,25px) rotate(120deg) scale(1);opacity:1;filter:brightness(1.2)}70%{transform:translate(-100px,80px) rotate(270deg) scale(.6);opacity:.6;filter:brightness(.8)}to{transform:translate(-160px,140px) rotate(1turn) scale(0);opacity:0;filter:brightness(.3)}}@keyframes fragment-4{0%{transform:translate(0) rotate(0deg) scale(1.2);opacity:1;filter:brightness(1.5)}15%{transform:translate(55px,20px) rotate(-200deg) scale(1.1);opacity:1;filter:brightness(1.4)}55%{transform:translate(160px,60px) rotate(-500deg) scale(.8);opacity:.8;filter:brightness(1)}to{transform:translate(240px,120px) rotate(-2turn) scale(0);opacity:0;filter:brightness(.4)}}@keyframes fragment-5{0%{transform:translate(0) rotate(0deg) scale(1.2);opacity:1;filter:brightness(1.5)}35%{transform:translate(10px,-60px) rotate(300deg) scale(1);opacity:1;filter:brightness(1.3)}75%{transform:translate(30px,-180px) rotate(700deg) scale(.5);opacity:.5;filter:brightness(.7)}to{transform:translate(60px,-280px) rotate(900deg) scale(0);opacity:0;filter:brightness(.3)}}@keyframes fragment-6{0%{transform:translate(0) rotate(0deg) scale(1.2);opacity:1;filter:brightness(1.5)}25%{transform:translate(-25px,35px) rotate(-135deg) scale(1.1);opacity:1;filter:brightness(1.3)}65%{transform:translate(-80px,120px) rotate(-350deg) scale(.7);opacity:.7;filter:brightness(.9)}to{transform:translate(-140px,200px) rotate(-450deg) scale(0);opacity:0;filter:brightness(.4)}}@keyframes fragment-7{0%{transform:translate(0) rotate(0deg) scale(1.2);opacity:1;filter:brightness(1.5)}20%{transform:translate(70px,-15px) rotate(200deg) scale(1.1);opacity:1;filter:brightness(1.4)}60%{transform:translate(200px,-50px) rotate(480deg) scale(.8);opacity:.8;filter:brightness(1)}to{transform:translate(320px,-90px) rotate(600deg) scale(0);opacity:0;filter:brightness(.3)}}@keyframes fragment-8{0%{transform:translate(0) rotate(0deg) scale(1.2);opacity:1;filter:brightness(1.5)}30%{transform:translate(-60px,-20px) rotate(-250deg) scale(1);opacity:1;filter:brightness(1.3)}70%{transform:translate(-180px,-60px) rotate(-600deg) scale(.6);opacity:.6;filter:brightness(.8)}to{transform:translate(-280px,-120px) rotate(-800deg) scale(0);opacity:0;filter:brightness(.3)}}@keyframes emoji-explosion{0%{transform:scale(1) rotate(0deg);filter:drop-shadow(0 8px 16px rgba(0,0,0,.25))}25%{transform:scale(1.4) rotate(-10deg);filter:drop-shadow(0 12px 24px rgba(0,0,0,.4)) drop-shadow(0 0 20px rgba(255,255,255,.8)) brightness(1.3) saturate(1.5)}50%{transform:scale(1.6) rotate(5deg);filter:drop-shadow(0 16px 32px rgba(0,0,0,.5)) drop-shadow(0 0 40px rgba(255,215,0,.6)) brightness(1.5) saturate(2)}75%{transform:scale(1.2) rotate(-3deg);filter:drop-shadow(0 10px 20px rgba(0,0,0,.3)) drop-shadow(0 0 15px rgba(255,255,255,.4)) brightness(1.1) saturate(1.2)}to{transform:scale(1) rotate(0deg);filter:drop-shadow(0 8px 16px rgba(0,0,0,.25))}}@keyframes text-explosion{0%{transform:scale(1);text-shadow:0 2px 4px rgba(0,0,0,.8),0 1px 2px #000}30%{transform:scale(1.2);text-shadow:0 4px 8px rgba(0,0,0,.9),0 0 10px hsla(0,0%,100%,.8),0 0 20px rgba(255,215,0,.6)}60%{transform:scale(1.1);text-shadow:0 6px 12px #000,0 0 15px hsla(0,0%,100%,.6),0 0 30px rgba(255,215,0,.4),0 0 45px rgba(255,69,0,.3)}to{transform:scale(1);text-shadow:0 2px 4px rgba(0,0,0,.8),0 1px 2px #000}}.tile.exploding-90s{animation:tile-explode-90s 1.2s ease-out forwards!important;z-index:9999!important}.tile.exploding-90s .emoji{animation:emoji-explosion .8s ease-out!important}.tile.exploding-90s .text{animation:text-explosion .8s ease-out!important}.explosion-fragment{position:absolute!important;pointer-events:none!important;z-index:10000!important;width:30px!important;height:30px!important;border-radius:2px!important;opacity:1!important;border:2px solid rgba(0,0,0,.3)!important;box-shadow:0 2px 4px rgba(0,0,0,.5)!important;will-change:transform,opacity,filter!important;transform:translateZ(0)!important;backface-visibility:hidden!important}.explosion-fragment:first-child{animation:fragment-1 1.8s cubic-bezier(.25,.46,.45,.94) forwards;animation-delay:.1s}.explosion-fragment:nth-child(2){animation:fragment-2 1.6s cubic-bezier(.25,.46,.45,.94) forwards;animation-delay:.05s}.explosion-fragment:nth-child(3){animation:fragment-3 1.7s cubic-bezier(.25,.46,.45,.94) forwards;animation-delay:.15s}.explosion-fragment:nth-child(4){animation:fragment-4 1.9s cubic-bezier(.25,.46,.45,.94) forwards;animation-delay:.08s}.explosion-fragment:nth-child(5){animation:fragment-5 1.5s cubic-bezier(.25,.46,.45,.94) forwards;animation-delay:.12s}.explosion-fragment:nth-child(6){animation:fragment-6 2s cubic-bezier(.25,.46,.45,.94) forwards;animation-delay:.18s}.explosion-fragment:nth-child(7){animation:fragment-7 1.4s cubic-bezier(.25,.46,.45,.94) forwards;animation-delay:.06s}.explosion-fragment:nth-child(8){animation:fragment-8 2.1s cubic-bezier(.25,.46,.45,.94) forwards;animation-delay:.2s}@keyframes comic-explosion{0%{transform:scale(0) rotate(-15deg) skew(-5deg);opacity:0;filter:brightness(1) contrast(1) saturate(1);background:radial-gradient(ellipse 80% 60%,#ff0 0,rgba(255,165,0,.95) 30%,rgba(255,69,0,.9) 60%,rgba(255,0,0,.8) 80%,rgba(139,0,0,.6) 95%,transparent 100%)}10%{transform:scale(.8) rotate(-8deg) skew(-2deg);opacity:.8;filter:brightness(1.5) contrast(1.3) saturate(1.2);background:radial-gradient(ellipse 85% 65%,#fff 0,rgba(255,255,0,.95) 25%,rgba(255,165,0,.9) 50%,rgba(255,69,0,.8) 75%,rgba(255,0,0,.6) 90%,transparent 100%)}25%{transform:scale(2.2) rotate(8deg) skew(3deg);opacity:1;filter:brightness(2) contrast(1.5) saturate(1.5);background:radial-gradient(ellipse 90% 70%,#fff 0,rgba(255,255,0,.95) 20%,rgba(255,215,0,.9) 40%,rgba(255,140,0,.8) 65%,rgba(255,69,0,.6) 85%,transparent 100%)}45%{transform:scale(3.8) rotate(-4deg) skew(-1deg);opacity:1;filter:brightness(1.8) contrast(1.4) saturate(1.3);background:radial-gradient(ellipse 95% 75%,hsla(0,0%,100%,.95) 0,rgba(255,255,0,.9) 25%,rgba(255,215,0,.8) 50%,rgba(255,140,0,.6) 75%,transparent 100%)}65%{transform:scale(4.5) rotate(6deg) skew(2deg);opacity:.9;filter:brightness(1.6) contrast(1.3) saturate(1.1);background:radial-gradient(ellipse 100% 80%,hsla(0,0%,100%,.8) 0,rgba(255,215,0,.7) 35%,rgba(255,140,0,.5) 70%,transparent 100%)}85%{transform:scale(5.2) rotate(-2deg) skew(-.5deg);opacity:.5;filter:brightness(1.3) contrast(1.1) saturate(.9);background:radial-gradient(ellipse 105% 85%,rgba(255,215,0,.6) 0,rgba(255,140,0,.4) 50%,transparent 100%)}to{transform:scale(6) rotate(0deg) skew(0deg);opacity:0;filter:brightness(1) contrast(1) saturate(.5)}}@keyframes fire-explosion{0%{transform:scale(0) rotate(0deg);opacity:1;background:radial-gradient(circle,rgba(255,140,0,.9) 0,rgba(255,69,0,.8) 30%,rgba(255,0,0,.6) 60%,rgba(139,0,0,.3) 80%,transparent 100%)}30%{transform:scale(2) rotate(45deg);opacity:.9;background:radial-gradient(circle,rgba(255,165,0,.8) 0,rgba(255,69,0,.7) 30%,rgba(255,0,0,.5) 60%,rgba(139,0,0,.2) 80%,transparent 100%)}70%{transform:scale(4) rotate(90deg);opacity:.5;background:radial-gradient(circle,rgba(255,69,0,.6) 0,rgba(255,0,0,.4) 40%,rgba(139,0,0,.2) 70%,transparent 100%)}to{transform:scale(6) rotate(180deg);opacity:0}}@keyframes smoke-cloud{0%{transform:scale(0);opacity:.8;background:radial-gradient(circle,rgba(50,50,50,.7) 0,rgba(80,80,80,.5) 40%,hsla(0,0%,47%,.3) 70%,transparent 100%)}50%{transform:scale(3);opacity:.6}to{transform:scale(8);opacity:0}}@keyframes spark-burst{0%{transform:scale(0);opacity:1;background:radial-gradient(circle,gold 0,rgba(255,140,0,.8) 20%,rgba(255,69,0,.6) 40%,transparent 60%)}40%{transform:scale(1.5);opacity:.8}to{transform:scale(5);opacity:0}}.comic-explosion{position:absolute!important;pointer-events:none!important;z-index:10003!important;width:240px!important;height:140px!important;border-radius:25px!important;transform-origin:center!important;left:-120px!important;top:-70px!important;animation:comic-explosion 1.2s cubic-bezier(.68,-.55,.265,1.55) forwards!important;display:flex!important;align-items:center!important;justify-content:center!important;font-family:Impact,Arial Black,Helvetica,sans-serif!important;font-size:52px!important;font-weight:900!important;color:#000!important;text-shadow:4px 4px 0 #fff,-4px -4px 0 #fff,4px -4px 0 #fff,-4px 4px 0 #fff,2px 2px 0 #fff,-2px -2px 0 #fff,2px -2px 0 #fff,-2px 2px 0 #fff,8px 8px 0 rgba(0,0,0,.4),0 0 20px hsla(0,0%,100%,.8)!important;letter-spacing:6px!important;border:5px solid #000!important;box-shadow:0 0 30px rgba(255,255,0,.9),0 0 60px rgba(255,165,0,.6),inset 0 0 30px hsla(0,0%,100%,.4),inset 0 0 60px rgba(255,255,0,.2)!important;backdrop-filter:blur(1px)!important;will-change:transform,opacity,filter!important;transform:translateZ(0)!important;backface-visibility:hidden!important}.comic-explosion:after{content:"POW!"!important;position:absolute!important;animation:text-impact 1.2s cubic-bezier(.68,-.55,.265,1.55) forwards,text-shake .15s ease-in-out infinite!important;z-index:1!important;transform-origin:center!important}@keyframes text-impact{0%{transform:scale(0) rotate(-15deg);opacity:0;filter:blur(5px)}15%{transform:scale(1.3) rotate(-5deg);opacity:.8;filter:blur(2px)}35%{transform:scale(1.1) rotate(3deg);opacity:1;filter:blur(0)}50%{transform:scale(1.15) rotate(-1deg);opacity:1}70%{transform:scale(1.05) rotate(1deg);opacity:1}to{transform:scale(1) rotate(0deg);opacity:1}}@keyframes text-shake{0%,to{transform:translateX(0) translateY(0) rotate(0deg)}25%{transform:translateX(-1px) translateY(-1px) rotate(-.5deg)}50%{transform:translateX(1px) translateY(1px) rotate(.5deg)}75%{transform:translateX(-1px) translateY(1px) rotate(-.5deg)}}.fire-explosion{z-index:10001!important;width:80px!important;height:80px!important;left:-40px!important;top:-40px!important;animation:fire-explosion 1s ease-out forwards!important;animation-delay:.2s!important}.fire-explosion,.smoke-cloud{position:absolute!important;pointer-events:none!important;border-radius:50%!important;transform-origin:center!important;will-change:transform,opacity!important;transform:translateZ(0)!important;backface-visibility:hidden!important}.smoke-cloud{z-index:10000!important;width:120px!important;height:120px!important;left:-60px!important;top:-60px!important;animation:smoke-cloud 1.5s ease-out forwards!important;animation-delay:.3s!important}.spark-burst{position:absolute!important;pointer-events:none!important;z-index:10002!important;width:60px!important;height:60px!important;border-radius:50%!important;transform-origin:center!important;left:-30px!important;top:-30px!important;animation:spark-burst .6s ease-out forwards!important;will-change:transform,opacity!important;transform:translateZ(0)!important;backface-visibility:hidden!important}@keyframes screen-flash{0%{background:transparent}10%{background:hsla(0,0%,100%,.8)}20%{background:hsla(0,0%,100%,.4)}to{background:transparent}}.screen-flash{position:fixed!important;top:0!important;left:0!important;width:100vw!important;height:100vh!important;pointer-events:none!important;z-index:99999!important;animation:screen-flash .3s ease-out!important}@media (max-width:480px){.tiles-grid{grid-template-columns:repeat(1,1fr)!important;gap:24px!important}.tile{min-height:280px!important}.tile .emoji{font-size:6rem!important}.tile .text{font-size:1.5rem!important;bottom:24px!important}.tile .play-button{width:48px!important;height:48px!important;font-size:20px!important}}@media (min-width:768px) and (max-width:1024px){.tiles-grid{grid-template-columns:repeat(2,1fr)!important;gap:28px!important}.tile{min-height:400px!important}}@media (min-width:1024px){.tiles-grid{grid-template-columns:repeat(3,1fr)!important;gap:30px!important;padding:30px!important;width:100vw!important;max-width:none!important;margin:0!important;box-sizing:border-box!important}.tile{min-height:400px!important}}@media (min-width:1440px){.tiles-grid{grid-template-columns:repeat(4,1fr)!important;width:100vw!important;max-width:none!important;gap:40px!important;padding:40px!important;margin:0!important;box-sizing:border-box!important}.tile{min-height:500px!important}}.board-title{display:none!important}.settings-panel{background:rgba(15,15,30,.95)!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;border-left:1px solid hsla(0,0%,100%,.1)!important}.high-contrast{--background:#000!important;--foreground:#fff!important;--primary:#0f0!important;--secondary:#ff0!important;--accent:#0ff!important;--muted:grey!important;--border:#fff!important}.high-contrast *{border-color:var(--border)!important;outline-color:var(--primary)!important}.high-contrast .card,.high-contrast .tile,.high-contrast button{background:var(--background)!important;color:var(--foreground)!important;border:2px solid var(--border)!important}.high-contrast .tile:hover,.high-contrast button:hover{background:var(--primary)!important;color:var(--background)!important}.large-text{font-size:125%!important}.large-text .tile,.large-text button{min-height:100px!important;padding:20px!important;font-size:20px!important}.large-text .sentence-content{font-size:24px!important;min-height:80px!important}.large-text h1{font-size:36px!important}.large-text h2{font-size:30px!important}.large-text h3{font-size:24px!important}.reduce-motion *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.reduce-motion .loading-spinner{animation:none!important}.focus-indicator :focus{outline:3px solid #4caf50!important;outline-offset:2px!important;box-shadow:0 0 0 3px rgba(76,175,80,.3)!important}.focus-indicator .tile:focus,.focus-indicator button:focus{transform:scale(1.05);z-index:10}.skip-to-content{position:absolute;top:-40px;left:0;background:#000;color:#fff;padding:8px;text-decoration:none;z-index:100000}.skip-to-content:focus{top:0}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.keyboard-nav :focus{outline:3px dashed #2196f3!important;outline-offset:4px!important}.keyboard-nav .tile:focus:after,.keyboard-nav button:focus:after{content:"";position:absolute;top:-4px;left:-4px;right:-4px;bottom:-4px;border:2px solid #2196f3;border-radius:inherit;pointer-events:none}.clickable,.tile,button{min-width:44px;min-height:44px;cursor:pointer}.colorblind-friendly{--safe-green:#15803d;--safe-red:#dc2626;--safe-blue:#1e40af;--safe-yellow:#ca8a04;--safe-purple:#7c3aed;--safe-orange:#ea580c}.dyslexia-friendly{font-family:OpenDyslexic,Comic Sans MS,sans-serif!important;letter-spacing:.12em!important;word-spacing:.16em!important;line-height:1.8!important}.dyslexia-friendly div,.dyslexia-friendly p{margin-bottom:1.5em!important}@media print{.no-print{display:none!important}.tile{-moz-column-break-inside:avoid;break-inside:avoid;page-break-inside:avoid}body{font-size:12pt;line-height:1.5;color:#000;background:#fff}}@media (pointer:coarse){.clickable,.tile,button{min-width:48px;min-height:48px;padding:12px}}@media (prefers-color-scheme:dark){:root:not(.light-mode){--background:#1a1a1a;--foreground:#e5e5e5;--card:#2a2a2a;--border:#404040}}[aria-busy=true]{cursor:progress}[aria-busy=true]:after{content:" (Loading...)";font-style:italic;color:var(--muted)}[aria-invalid=true]{border-color:#dc2626!important;background-color:rgba(220,38,38,.1)!important}[aria-invalid=true]:focus{outline-color:#dc2626!important;box-shadow:0 0 0 3px rgba(220,38,38,.3)!important}.success,[aria-checked=true]{border-color:#15803d!important;background-color:rgba(21,128,61,.1)!important}[aria-describedby]{position:relative}.tooltip{position:absolute;bottom:100%;left:50%;transform:translateX(-50%);background:#333;color:#fff;padding:8px 12px;border-radius:4px;font-size:14px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .3s;z-index:1000}[aria-describedby]:focus .tooltip,[aria-describedby]:hover .tooltip{opacity:1}a:not(.button){text-decoration:underline;color:var(--primary)}a:visited:not(.button){color:var(--secondary)}.tile:disabled,button:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(100%)}:root{--mobile-xs:320px;--mobile-sm:375px;--mobile-md:414px;--mobile-lg:480px;--tablet-sm:768px;--tablet-md:834px;--tablet-lg:1024px;--ipad-pro:1366px;--spacing-xs:clamp(0.25rem,1vw,0.5rem);--spacing-sm:clamp(0.5rem,2vw,1rem);--spacing-md:clamp(0.75rem,3vw,1.5rem);--spacing-lg:clamp(1rem,4vw,2rem);--spacing-xl:clamp(1.5rem,5vw,3rem);--font-size-xs:clamp(0.625rem,2.5vw,0.875rem);--font-size-sm:clamp(0.75rem,3vw,1rem);--font-size-md:clamp(0.875rem,3.5vw,1.125rem);--font-size-lg:clamp(1rem,4vw,1.25rem);--font-size-xl:clamp(1.125rem,4.5vw,1.5rem);--font-size-2xl:clamp(1.25rem,5vw,2rem);--font-size-3xl:clamp(1.5rem,6vw,3rem);--touch-target-min:44px;--touch-target-comfortable:48px;--touch-target-large:56px;--grid-mobile-xs:1;--grid-mobile-sm:2;--grid-mobile-md:2;--grid-mobile-lg:3;--grid-tablet-sm:3;--grid-tablet-md:4;--grid-tablet-lg:5;--grid-desktop:6;--header-height-mobile:56px;--header-height-tablet:64px;--sentence-bar-height-mobile:60px;--sentence-bar-height-tablet:80px;--bottom-nav-height-mobile:60px;--bottom-nav-height-tablet:70px;--animation-fast:0.15s;--animation-normal:0.3s;--animation-slow:0.5s;--z-background:0;--z-content:1;--z-header:100;--z-sentence-bar:200;--z-bottom-nav:300;--z-modal:1000;--z-toast:2000}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}html{font-size:16px;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;touch-action:manipulation}body,html{height:100%;overflow-x:hidden}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,SF Pro Text,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.4;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app-container{display:flex;flex-direction:column;height:100vh;height:100dvh;width:100vw;overflow:hidden;position:relative}.main-content{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;padding:0;margin:0}.header{position:sticky;top:0;left:0;right:0;height:var(--header-height-mobile);background:hsla(0,0%,100%,.95);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(0,0,0,.1);display:flex;align-items:center;justify-content:space-between;padding:0 var(--spacing-sm);z-index:var(--z-header);transition:height var(--animation-normal) ease}.header h1{font-size:var(--font-size-lg);font-weight:600;margin:0;letter-spacing:-.02em}.header-left,.header-right{display:flex;align-items:center;gap:var(--spacing-xs)}.header-btn{min-width:var(--touch-target-min);min-height:var(--touch-target-min);display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.05);border:none;border-radius:12px;font-size:var(--font-size-md);cursor:pointer;transition:all var(--animation-fast) ease;-webkit-tap-highlight-color:transparent}.header-btn:active{transform:scale(.95);background:rgba(0,0,0,.1)}.hamburger-menu{display:none;flex-direction:column;justify-content:center;width:var(--touch-target-min);height:var(--touch-target-min);background:none;border:none;cursor:pointer;padding:8px}.hamburger-line{width:20px;height:2px;background:currentColor;margin:2px 0;transition:all var(--animation-fast) ease}.sentence-bar{position:sticky;top:var(--header-height-mobile);left:0;right:0;height:var(--sentence-bar-height-mobile);background:hsla(0,0%,100%,.95);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(0,0,0,.1);display:flex;align-items:center;padding:0 var(--spacing-sm);gap:var(--spacing-sm);z-index:var(--z-sentence-bar);overflow:hidden}.sentence-content{flex:1;background:rgba(0,0,0,.05);border-radius:12px;padding:var(--spacing-sm);min-height:40px;font-size:var(--font-size-md);display:flex;align-items:center;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;white-space:nowrap}.sentence-actions{display:flex;gap:var(--spacing-xs);flex-shrink:0}.sentence-btn{width:var(--touch-target-min);height:var(--touch-target-min);display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.05);border:none;border-radius:10px;font-size:var(--font-size-lg);cursor:pointer;transition:all var(--animation-fast) ease}.sentence-btn:active{transform:scale(.9);background:rgba(0,0,0,.1)}.tiles-container{padding:var(--spacing-sm);width:100%;max-width:100vw;overflow-x:hidden}.tiles-grid{display:grid;grid-template-columns:repeat(var(--grid-mobile-sm),1fr);gap:var(--spacing-sm);width:100%;max-width:100%;padding:0;margin:0}.tile{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--tile-bg,#6366f1);color:#fff;border-radius:16px;padding:var(--spacing-sm);cursor:pointer;transition:transform var(--animation-fast) ease;position:relative;overflow:hidden;min-height:80px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.tile:active{transform:scale(.95)}.tile .emoji{font-size:var(--font-size-3xl);line-height:1;margin-bottom:var(--spacing-xs);filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.tile .text{font-size:var(--font-size-md);font-weight:600;text-align:center;line-height:1.2;text-shadow:0 1px 2px rgba(0,0,0,.2);word-break:break-word;hyphens:auto;width:100%}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:var(--bottom-nav-height-mobile);background:hsla(0,0%,100%,.95);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid rgba(0,0,0,.1);justify-content:space-around;padding:0 var(--spacing-sm);z-index:var(--z-bottom-nav);padding-bottom:max(env(safe-area-inset-bottom),8px)}.bottom-nav,.bottom-nav-btn{display:flex;align-items:center}.bottom-nav-btn{flex-direction:column;justify-content:center;background:none;border:none;cursor:pointer;flex:1;max-width:80px;min-height:var(--touch-target-comfortable);padding:var(--spacing-xs);border-radius:12px;transition:all var(--animation-fast) ease}.bottom-nav-btn:active{transform:scale(.95);background:rgba(0,0,0,.05)}.bottom-nav-icon{font-size:var(--font-size-xl);margin-bottom:2px}.bottom-nav-label{font-size:var(--font-size-xs);font-weight:500;line-height:1}.settings-panel{position:fixed;top:0;right:-100%;width:100vw;height:100vh;height:100dvh;background:hsla(0,0%,100%,.98);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:var(--z-modal);transition:right var(--animation-normal) ease;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:max(env(safe-area-inset-top),0) max(env(safe-area-inset-right),0) max(env(safe-area-inset-bottom),0) max(env(safe-area-inset-left),0)}.settings-panel.open{right:0}.settings-header{position:sticky;top:0;background:hsla(0,0%,100%,.95);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:var(--spacing-md);border-bottom:1px solid rgba(0,0,0,.1);display:flex;align-items:center;justify-content:space-between}.settings-close{width:var(--touch-target-min);height:var(--touch-target-min);display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.05);border:none;border-radius:12px;font-size:var(--font-size-xl);cursor:pointer}.settings-content{padding:var(--spacing-md)}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:max(env(safe-area-inset-top),var(--spacing-md)) max(env(safe-area-inset-right),var(--spacing-md)) max(env(safe-area-inset-bottom),var(--spacing-md)) max(env(safe-area-inset-left),var(--spacing-md))}.modal-content{background:#fff;border-radius:20px;padding:var(--spacing-lg);width:100%;max-width:500px;max-height:90vh;overflow-y:auto;-webkit-overflow-scrolling:touch;position:relative}.modal-header{justify-content:space-between;margin-bottom:var(--spacing-md)}.modal-close,.modal-header{display:flex;align-items:center}.modal-close{width:var(--touch-target-min);height:var(--touch-target-min);justify-content:center;background:rgba(0,0,0,.05);border:none;border-radius:12px;font-size:var(--font-size-xl);cursor:pointer}@media screen and (max-width:767px){.hamburger-menu{display:flex}.header-right .header-btn:not(.settings-toggle){display:none}@media screen and (max-width:374px){.tiles-grid{grid-template-columns:repeat(var(--grid-mobile-xs),1fr)}.tile .emoji{font-size:clamp(2rem,8vw,2.5rem)}.tile .text{font-size:var(--font-size-sm)}}@media screen and (min-width:375px){.tiles-grid{grid-template-columns:repeat(var(--grid-mobile-sm),1fr)}}@media screen and (min-width:480px){.tiles-grid{grid-template-columns:repeat(var(--grid-mobile-lg),1fr)}}.sentence-bar{position:fixed;bottom:var(--bottom-nav-height-mobile);top:auto;margin:var(--spacing-sm);border-radius:16px;border:1px solid rgba(0,0,0,.1);box-shadow:0 4px 20px rgba(0,0,0,.1)}.main-content{padding-bottom:calc(var(--bottom-nav-height-mobile) + var(--sentence-bar-height-mobile) + var(--spacing-lg))}}@media screen and (orientation:landscape) and (max-height:500px){:root{--header-height-mobile:44px;--sentence-bar-height-mobile:50px;--bottom-nav-height-mobile:50px}.header h1{font-size:var(--font-size-md)}.tiles-grid{grid-template-columns:repeat(4,1fr);gap:var(--spacing-xs)}.tile{padding:var(--spacing-xs)}.tile .emoji{font-size:var(--font-size-xl)}.tile .text{font-size:var(--font-size-xs)}.sentence-bar{display:none}.main-content{padding-bottom:var(--bottom-nav-height-mobile)}}@media screen and (min-width:768px) and (max-width:834px) and (orientation:portrait){:root{--header-height-mobile:var(--header-height-tablet);--sentence-bar-height-mobile:var(--sentence-bar-height-tablet);--bottom-nav-height-mobile:var(--bottom-nav-height-tablet)}.tiles-grid{grid-template-columns:repeat(var(--grid-tablet-sm),1fr);gap:var(--spacing-md)}.hamburger-menu{display:none}.header-right .header-btn{display:flex}.sentence-bar{position:static;margin:0 var(--spacing-md) var(--spacing-md) var(--spacing-md);border-radius:16px;border:1px solid rgba(0,0,0,.1)}.main-content{padding-bottom:var(--bottom-nav-height-tablet)}.settings-panel{width:400px;border-top-left-radius:20px;border-bottom-left-radius:20px}}@media screen and (min-width:768px) and (max-width:1024px) and (orientation:landscape){.tiles-grid{grid-template-columns:repeat(var(--grid-tablet-md),1fr);gap:var(--spacing-md)}.tiles-container{padding:var(--spacing-md);max-width:1000px;margin:0 auto}}@media screen and (min-width:1024px) and (max-width:1366px){.tiles-grid{grid-template-columns:repeat(var(--grid-tablet-lg),1fr);gap:var(--spacing-lg)}.tiles-container{padding:var(--spacing-lg);max-width:1200px;margin:0 auto}.tile{padding:var(--spacing-md)}.tile .emoji{font-size:clamp(3rem,5vw,4rem)}.tile .text{font-size:var(--font-size-lg)}.settings-panel{width:450px}}@media screen and (min-width:1366px){.tiles-grid{grid-template-columns:repeat(var(--grid-desktop),1fr);gap:var(--spacing-xl)}.tiles-container{padding:var(--spacing-xl);max-width:1400px;margin:0 auto}.settings-panel{width:500px}}@media (hover:none) and (pointer:coarse){.bottom-nav-btn,.header-btn,.sentence-btn,.tile,a,button{min-width:var(--touch-target-min);min-height:var(--touch-target-min)}.bottom-nav-btn:active,.header-btn:active,.sentence-btn:active,.tile:active,button:active{transform:scale(.95);opacity:.9}.header-btn:hover,.tile:hover,button:hover{transform:none}.header-btn:after,.sentence-btn:after,.tile:after{content:"";position:absolute;inset:-8px;z-index:-1}}@supports (-webkit-touch-callout:none){input,select,textarea{font-size:16px!important}.main-content,.modal-content,.sentence-content,.settings-panel{-webkit-overflow-scrolling:touch}.header{padding-top:max(env(safe-area-inset-top),0)}.bottom-nav{padding-bottom:max(env(safe-area-inset-bottom),8px)}.sentence-bar{margin-left:max(env(safe-area-inset-left),var(--spacing-sm));margin-right:max(env(safe-area-inset-right),var(--spacing-sm))}.modal-content{max-height:calc(100vh - env(keyboard-inset-height, 0px))}}@supports not (-webkit-touch-callout:none){.bottom-nav-btn,.header-btn,.sentence-btn,.tile,button{-webkit-tap-highlight-color:rgba(99,102,241,.2)}.bottom-nav{padding-bottom:12px}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media (prefers-contrast:high){.bottom-nav-btn,.header-btn,.sentence-btn,.sentence-content,.tile{border:2px solid}}.bottom-nav-btn:focus-visible,.header-btn:focus-visible,.sentence-btn:focus-visible,.tile:focus-visible,button:focus-visible{outline:3px solid #6366f1;outline-offset:2px;z-index:10}@media (prefers-font-size:large){:root{--font-size-xs:clamp(0.875rem,3vw,1.125rem);--font-size-sm:clamp(1rem,3.5vw,1.25rem);--font-size-md:clamp(1.125rem,4vw,1.375rem);--font-size-lg:clamp(1.25rem,4.5vw,1.5rem);--font-size-xl:clamp(1.375rem,5vw,1.75rem);--font-size-2xl:clamp(1.5rem,5.5vw,2.25rem);--font-size-3xl:clamp(1.75rem,6.5vw,3.5rem)}}.h-screen,.responsive-container{z-index:1!important}.header{z-index:100!important}.sentence-bar{z-index:90!important}.bottom-nav{z-index:95!important}.settings-panel{z-index:200!important}.modal-backdrop{z-index:300!important}.modal{z-index:350!important}.main-content,.tiles-container{z-index:10!important}@media screen and (max-width:768px){.billing-btn,.clinical-btn,.compliance-btn,.documentation-btn,.healthcare-btn,.iep-goals-btn,.production-btn,.professional-btn,.session-planning-btn,.student-management-btn,.teacher-setup-btn,.therapist-btn,.therapy-goals-btn{display:none!important}.settings-group:has(.billing-btn),.settings-group:has(.healthcare-btn),.settings-group:has(.production-btn){display:none!important}.settings-accordion-header:has(span:contains("Billing")),.settings-accordion-header:has(span:contains("Clinical")),.settings-accordion-header:has(span:contains("Healthcare")),.settings-accordion-header:has(span:contains("Professional")){display:none!important}.achievements-section,.level-indicator,.points-display,.progress-card,.progress-container,.progress-panel,.progress-section,.session-progress,.streak-counter,.student-progress,.xp-display,[class*=achievement],[class*=level-],[class*=points],[class*=progress-],[class*=streak],[id*=progress],div:has(h2:contains("Your Progress")),div:has(h3:contains("Progress")),div:has(span:contains("Level")),div:has(span:contains("Points")),div:has(span:contains("Streak")),div:has(span:contains("XP")){display:none!important}.activity-progress,.game-progress,.your-progress-section{display:none!important}}@media screen and (max-width:480px){.header-actions{gap:8px}.header-btn:not(.settings-btn):not(.home-btn):not(.back-btn):not(.tinkyask-btn):not(.games-hub-btn){display:none}.sentence-bar{background:linear-gradient(135deg,#667eea,#764ba2);padding:16px!important;border-radius:16px!important;margin:8px!important;box-shadow:0 4px 20px rgba(102,126,234,.3)!important}.sentence-content{background:#fff!important;color:#1a1a2e!important;font-size:18px!important;padding:16px!important;min-height:60px!important;border-radius:12px!important}.sentence-actions{gap:12px}.sentence-btn.speak-btn,.speak-btn{min-width:64px!important;min-height:64px!important;font-size:32px!important;background:linear-gradient(135deg,#34c759,#30d158)!important;border:none!important;border-radius:16px!important;box-shadow:0 4px 16px rgba(52,199,89,.4)!important;animation:pulse 2s infinite}.clear,.sentence-btn.clear{min-width:48px!important;min-height:48px!important;font-size:20px!important}.tile{min-height:100px!important;padding:12px!important}.tile .emoji{font-size:36px!important}.tile .text{font-size:14px!important;font-weight:600!important}}@keyframes pulse{0%{box-shadow:0 4px 16px rgba(52,199,89,.4)}50%{box-shadow:0 4px 24px rgba(52,199,89,.6)}to{box-shadow:0 4px 16px rgba(52,199,89,.4)}}@media screen and (max-width:480px){.header{padding:8px 12px!important;height:56px!important}.header h1{font-size:1.2rem!important}.header-btn.tinkyask-btn{background:linear-gradient(135deg,#ff6b6b,#ee5a52)!important;font-size:24px!important;padding:8px!important}.header-btn.games-hub-btn{background:linear-gradient(135deg,#e91e63,#c2185b)!important;font-size:24px!important;padding:8px!important}.tiles-container{padding-top:8px!important}.bottom-nav{background:rgba(26,26,46,.98)!important;backdrop-filter:blur(20px)!important;border-top:1px solid hsla(0,0%,100%,.1)!important;padding:8px 4px!important}.bottom-nav .nav-btn{font-size:12px!important;padding:8px 4px!important;min-width:60px!important}.eliza-btn,.sentence-btn.eliza-btn{background:linear-gradient(135deg,#ff6b6b,#ee5a52)!important;min-width:56px!important;min-height:56px!important;font-size:28px!important}.achievement-card,.achievements,.achievements-grid,.level-progress,.progress-card,.progress-container,.progress-content,.progress-header,.progress-section,.session-stats,.sessions-count,.stats-container,.students-count,.total-points,.your-progress,[class*=achievement],[class*=level]:not(.tile-level),[class*=points],[class*=progress]:not(.sentence-content),[class*=stats]:not(.sentence-stats),[class*=xp],div:has(>.progress-header),div:has(>h2:contains("Your Progress")),div:has(>h3:contains("Progress")),section:has(.progress-content){display:none!important;visibility:hidden!important;height:0!important;overflow:hidden!important;margin:0!important;padding:0!important}.complete-session-btn,button:has(span:contains("Complete Current Session")){display:none!important}.highlights-section,.video-highlights{display:none!important}.main-content{padding-top:8px!important}.tiles-container{padding-top:0!important}}.hidden-mobile{display:none}@media screen and (min-width:768px){.hidden-mobile{display:initial}}.mobile-only{display:initial}@media screen and (min-width:768px){.mobile-only{display:none}}.no-scroll-x{overflow-x:hidden;max-width:100vw}.full-width{width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}.safe-area-inset{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}@media (screen-spanning:single-fold-vertical){.tiles-container{display:grid;grid-template-columns:1fr 1fr;gap:env(viewport-segment-width)}.header{grid-column:1/-1}}@media (screen-spanning:single-fold-horizontal){.main-content{display:flex;flex-direction:column}}@media (prefers-color-scheme:dark){.bottom-nav,.header,.sentence-bar,.settings-panel{background:hsla(0,0%,8%,.95);border-color:hsla(0,0%,100%,.1)}.bottom-nav-btn,.header-btn,.sentence-btn,.sentence-content{background:hsla(0,0%,100%,.1)}.tile{box-shadow:0 2px 8px rgba(0,0,0,.3)}.modal-content{background:#1a1a1a;color:#fff}}@media print{.bottom-nav,.header,.modal-overlay,.sentence-bar,.settings-panel,button{display:none!important}.tiles-grid{grid-template-columns:repeat(6,1fr);gap:2mm;padding:0}.tile{border:1px solid #000;background:#fff!important;page-break-inside:avoid}.tile,.tile .text{color:#000!important}.tile .text{text-shadow:none!important}}.bottom-nav,.header,.sentence-bar,.settings-panel,.tile{will-change:transform;transform:translateZ(0)}.tiles-grid{contain:layout style paint}@media (max-width:768px) and (prefers-reduced-motion:no-preference){.bottom-nav-btn,.header-btn,.sentence-btn,.tile{transition:transform var(--animation-fast) ease,opacity var(--animation-fast) ease}}*{transform:none!important;transform-style:flat!important;will-change:auto!important;backface-visibility:visible!important;-webkit-backface-visibility:visible!important;perspective:none!important;-webkit-perspective:none!important;transform:translateZ(0)!important;-webkit-transform:translateZ(0)!important;filter:none!important;-webkit-filter:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}body{-webkit-font-smoothing:antialiased!important;-moz-osx-font-smoothing:grayscale!important}:after,:before,body{transform:none!important}:after,:before{will-change:auto!important}*,:after,:before{animation:none!important;transition:none!important}*{z-index:auto!important;opacity:1!important;mix-blend-mode:normal!important;isolation:auto!important}*,.absolute,.fixed,.relative,.sticky{position:static!important}