.games-shell{width:min(100%,1060px);margin:auto;padding:max(26px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) max(28px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left))}
.games-nav{display:flex;align-items:center;gap:12px;margin-bottom:36px}.game-icon-button{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;border:1px solid #e1e7df;background:#fff;border-radius:15px;font-size:23px;color:#42645a}.game-wallet{margin-left:auto;display:flex;align-items:center;gap:5px;font-weight:750;font-size:14px;font-variant-numeric:tabular-nums}.game-wallet>span:first-child{font-size:19px;margin-right:2px}.games-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.games-eyebrow{font-size:10px;letter-spacing:.17em;color:#88998a;font-weight:750;margin-bottom:9px}.games-heading h1{font-size:36px;letter-spacing:-.03em}.games-heading h1>span{color:#c6a964;margin-left:11px;font-size:28px}.games-reward-note{display:flex;align-items:center;flex-wrap:wrap;gap:7px;font-size:13px;color:#798879;margin-top:20px}.games-reward-note strong{font-weight:750;color:#42735c}.games-reward-note>span:last-child{font-size:11px;margin-left:3px}.games-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:28px}.game-tile{position:relative;display:flex;flex-direction:column;align-items:stretch;text-align:left;border:1px solid;border-radius:26px;padding:17px 19px 22px;min-width:0;color:#34564d;box-shadow:0 5px 0 #dce4d75c,0 13px 32px #243d3b06;transition:transform .2s,box-shadow .2s}.game-tile:hover{transform:translateY(-3px);box-shadow:0 8px 0 #dce4d75c,0 17px 35px #243d3b0c}.game-tile:active{transform:translateY(2px)}.rocket-tile{background:#efebf7;border-color:#e4ddec}.jump-tile{background:#e6f2e9;border-color:#d5e8da}.garden-tile{background:#faf0de;border-color:#eee3cc}.tile-art{display:block;height:170px;width:100%;margin-bottom:14px}.tile-art svg{stroke:none;stroke-width:2.2}.art-shadow{fill:#a5999520}.tile-copy{padding-right:33px;display:flex;flex-direction:column;gap:5px}.tile-copy strong{font-size:20px;font-weight:750;letter-spacing:-.02em;line-height:1.3}.tile-copy small{font-size:12px;color:#7d8d80}.rocket-tile .tile-copy small{color:#8c7f9f}.garden-tile .tile-copy small{color:#a58f6b}.tile-play{display:grid;place-items:center;position:absolute;bottom:26px;right:18px;width:33px;height:33px;border-radius:12px;background:#ffffffaa;font-size:14px;color:#668773}.rocket-tile .tile-play{color:#9780b5}.garden-tile .tile-play{color:#b99b5e}.games-footnote{text-align:center;font-size:12px;color:#91a094;margin:22px 0 0}.lobby-message{min-height:24px;text-align:center;font-size:13px;margin-top:15px;color:#886653}.resume-game{display:flex;align-items:center;gap:12px;width:100%;margin-top:20px;background:#fff;border:1px solid #dce8dd;border-radius:16px;padding:14px 17px;color:#42735c;font-size:14px;text-align:left}.resume-game>span:last-child{margin-left:auto}
#game-player{max-width:760px;margin:auto}.player-heading{display:flex;gap:12px;align-items:center;justify-content:space-between}.player-heading h1{font-size:25px;text-align:center}.game-progress-row{display:flex;align-items:center;gap:15px;margin:20px 0 18px}.game-progress{display:flex;gap:7px;flex:1}.game-progress span{flex:1;height:7px;background:#e0e8df;border-radius:10px}.game-progress span.done{background:#69ac85}.game-progress-row>span{font-size:12px;color:#71887b;font-weight:700;min-width:36px}.play-view{overflow:hidden;border-radius:26px;border:1px solid #e0e8df;background:#fff;box-shadow:0 12px 30px #3c594609}.play-instruction{font-size:14px;color:#887999;margin-bottom:15px}.typing-sky{position:relative;display:grid;place-items:center;height:233px;background:linear-gradient(165deg,#e9e4f6,#f3f0fb);overflow:hidden}.sky-stars{position:absolute;inset:17px 35px;display:flex;justify-content:space-between;color:#c9b08b;font-size:20px;pointer-events:none}.sky-stars span{margin-top:47px;color:#a499bf}.orbit{position:absolute;width:290px;height:140px;border:1px solid #cec5e158;border-radius:50%;transform:rotate(-22deg)}.word-bubble{position:relative;display:flex;align-items:center;gap:13px;border:1px solid #fff;background:#ffffffdb;border-radius:23px;padding:13px 25px;box-shadow:0 13px 25px #8c79981c;animation:word-float 6s ease-in-out infinite}.word-bubble>span{font-size:42px}.word-bubble strong{font-size:39px;letter-spacing:.07em;font-weight:750;color:#796293}.word-bubble small{font-size:18px}.little-rocket{position:absolute;bottom:7px;left:calc(50% - 20px);font-size:38px;transition:transform .55s ease-in}.typing-view.launch .little-rocket{transform:translateY(-160px) rotate(-25deg);opacity:0;transition:transform .55s ease-in,opacity .5s}.typing-view.launch .word-bubble{opacity:0;transition:opacity .4s}.typing-desk{padding:22px;text-align:center}.typing-slots{display:flex;justify-content:center;gap:8px;margin-bottom:20px}.typing-slots span{display:grid;place-items:center;width:43px;height:51px;border-radius:12px;border:1px solid #e6e1ed;border-bottom:4px solid #d4c8e3;background:#faf8fd;font-size:29px;color:#76608e;line-height:1}.typing-slots span.filled{background:#ede7f6}.typing-slots.wrong{animation:gentle-shake .35s ease}.letter-keyboard{display:flex;flex-direction:column;align-items:center;gap:7px}.keyboard-row{display:flex;justify-content:center;gap:6px;width:100%}.keyboard-row button{width:42px;height:47px;border-radius:10px;background:#f0edf5;color:#6c5a81;font-size:18px;font-weight:750;border:1px solid #e4deed;box-shadow:0 3px 0 #d8d0e3}.keyboard-row button:active{transform:translateY(3px);box-shadow:none}.keyboard-row button.erase{width:60px;background:#e3dcea}.keyboard-hint{font-size:10px;color:#a49aaa;margin-top:14px}.game-feedback-row{display:flex;align-items:center;justify-content:center;gap:10px;min-height:44px;margin:8px 0;flex-wrap:wrap}.game-feedback-row p{font-size:14px;color:#547967;text-align:center}.game-feedback-row button{font-size:13px;color:#456f5d;background:#e7efe5;padding:8px 14px;border-radius:10px}.game-feedback-row.error p{color:#9b7359}
.jump-mission{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:14px 20px;background:#f5faf1;border-bottom:1px solid #e1ecd9}.jump-mission>button{display:flex;align-items:center;gap:10px;background:none;color:#46785c;padding:0}.jump-mission>button>span:first-child{font-size:30px}.jump-mission strong{font-size:23px;letter-spacing:.04em}.jump-mission>span{font-size:12px;color:#7b947c}#jump-canvas{display:block;width:100%;height:320px;background:#e9f3f2;touch-action:none;outline-offset:-4px}.jump-controls{display:flex;justify-content:space-between;gap:14px;padding:16px 20px;background:#f8faf4}.jump-controls>div{display:flex;gap:10px}.jump-controls button{display:flex;align-items:center;justify-content:center;gap:6px;min-width:62px;height:53px;background:#e2eddf;border:1px solid #cfdfca;border-radius:15px;color:#4c7454;box-shadow:0 4px 0 #c5d8c0;font-size:27px;touch-action:none;user-select:none;-webkit-user-select:none}.jump-controls button.pressed{transform:translateY(3px);box-shadow:0 1px 0 #c5d8c0}.jump-controls .jump-button{min-width:98px;background:#77a683;color:#fff;border-color:#77a683;box-shadow:0 4px 0 #55875f}.jump-button span{font-size:16px}.jump-accessible{font-size:12px;padding:4px 20px 14px;color:#7a907c;background:#f8faf4}.jump-accessible summary{cursor:pointer}.jump-accessible>div{display:flex;gap:8px;flex-wrap:wrap;padding-top:10px}.jump-accessible button{background:#e0eadb;border-radius:10px;padding:8px 15px;color:#496a49;font-size:17px}
.match-view{background:linear-gradient(#fcf5e7,#fbf7ee)}.garden-heading{text-align:center;padding:24px 20px 12px}.garden-flower{font-size:40px;line-height:1}.garden-heading p{font-size:13px;color:#a58d68;margin:5px 0 12px}.garden-word{display:inline-flex;align-items:center;gap:17px;background:#fffef9;border:1px solid #e9dab9;padding:12px 28px;border-radius:18px;box-shadow:0 5px 0 #ebe0c8;transform:rotate(-2deg);color:#8e7046}.garden-word strong{font-size:34px;letter-spacing:.05em}.garden-word>span{font-size:18px}.picture-baskets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;padding:32px 25px 25px}.picture-baskets button{display:flex;align-items:center;justify-content:center;position:relative;border:2px solid #f0e5cb;border-radius:23px;background:#fffefa;min-width:0;height:156px;box-shadow:0 7px 0 #e6d7ba;color:#bba172}.picture-baskets .basket-picture{font-size:62px;transition:transform .25s;display:block;line-height:1}.picture-baskets .basket-mark{position:absolute;bottom:7px;right:12px;font-size:14px;color:#a4977f}.picture-baskets button:hover .basket-picture{transform:translateY(-5px)}.picture-baskets button.picked{background:#e6eedb;border-color:#a1bb8d;animation:soft-pop .45s}.picture-baskets button.wrong{animation:gentle-shake .35s}.garden-ground{display:flex;justify-content:space-around;height:40px;color:#c3bf94;background:#e9edda;border-radius:55% 60% 0 0;font-size:22px}.garden-ground span{color:#dab69e;transform:translateY(-6px)}
.game-overlay{width:min(390px,calc(100% - 32px));max-height:calc(100svh - 32px);overflow:auto;border:1px solid #e4e9dc;border-radius:28px;padding:32px 26px;background:#fffef9;color:#34564d;text-align:center;box-shadow:0 28px 100px #314d362b}.game-overlay::backdrop{background:#27403352;backdrop-filter:blur(5px)}.overlay-icon{font-size:57px;line-height:1.3;margin-bottom:17px}.game-overlay h2{font-size:26px}.game-overlay p{font-size:15px;color:#7d8b73;margin:10px 0 24px;white-space:pre-line}.game-overlay.won p{font-size:34px;font-weight:800;color:#598565;font-variant-numeric:tabular-nums}.overlay-actions{display:grid;gap:10px}.overlay-actions .primary-button{width:100%;min-height:50px}.overlay-back{min-height:44px;border-radius:14px;background:#f0f2e9;color:#73816a;font-size:14px}.games-page.game-paused .word-bubble{animation-play-state:paused}.games-page .sound-next{flex-shrink:0}
@keyframes word-float{0%,100%{transform:translateY(-14px) rotate(-2deg)}50%{transform:translateY(13px) rotate(2deg)}}@keyframes gentle-shake{25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}@keyframes soft-pop{50%{transform:scale(1.045)}}
@media(max-width:700px){.games-shell{padding-left:18px;padding-right:18px}.games-heading h1{font-size:29px}.games-nav{margin-bottom:27px}.games-grid{grid-template-columns:1fr;gap:13px;margin-top:22px}.game-tile{display:grid;grid-template-columns:106px minmax(0,1fr) 30px;align-items:center;padding:10px 15px 13px 6px;border-radius:21px;gap:11px;min-height:124px}.tile-art{height:100px;margin:0}.tile-art svg{width:130px;max-width:none;margin-left:-8px}.tile-copy{padding:0;gap:7px}.tile-copy strong{font-size:21px}.tile-play{position:static;width:30px;height:34px}.tile-copy small{font-size:12px}.games-heading .guide-button{font-size:12px;padding:9px 11px;white-space:nowrap}.player-heading h1{font-size:22px}.typing-sky{height:210px}.typing-desk{padding:20px 12px}.keyboard-row{gap:4px}.keyboard-row button{flex:0 1 39px;min-width:0;height:44px;font-size:17px;border-radius:8px}.keyboard-row button.erase{flex-basis:50px}.letter-keyboard{gap:7px}.word-bubble strong{font-size:34px}.picture-baskets{gap:10px;padding:29px 15px 28px}.picture-baskets button{height:126px;border-radius:18px}.picture-baskets .basket-picture{font-size:49px}#jump-canvas{height:290px}.jump-mission{padding:12px 14px}.jump-mission>span{font-size:11px}.jump-controls{padding:14px}.garden-heading{padding-top:22px}}
@media(max-width:380px){.games-shell{padding-left:14px;padding-right:14px}.games-heading h1{font-size:26px}.games-eyebrow{font-size:9px}.game-tile{grid-template-columns:88px minmax(0,1fr) 26px;gap:9px}.tile-art svg{width:115px;margin-left:-12px}.tile-copy strong{font-size:19px}.tile-play{width:26px}.games-heading h1>span{margin-left:6px;font-size:21px}.games-reward-note{font-size:12px}.games-reward-note>span:last-child{font-size:10px}.keyboard-row{gap:3px}.keyboard-row button{font-size:16px}.typing-desk{padding-left:8px;padding-right:8px}.word-bubble{gap:8px;padding:12px 17px}.word-bubble strong{font-size:30px}.picture-baskets{gap:8px;padding-left:12px;padding-right:12px}.picture-baskets button{height:110px}.picture-baskets .basket-picture{font-size:42px}.jump-mission strong{font-size:20px}.jump-mission>span{font-size:10px}.jump-controls button{min-width:56px}.game-wallet{font-size:12px}.games-nav{gap:8px}}
@media(prefers-reduced-motion:reduce){.games-page *, .games-page *::before, .games-page *::after{animation:none!important;transition:none!important}.game-tile:hover{transform:none}}