@font-face{font-family:Union;src:url(../assets/fonts/Union.woff2) format("woff2"),url(../assets/fonts/Union.woff) format("woff"),url(../assets/fonts/Union.ttf) format("truetype");font-weight:400;font-style:normal;font-display:block;unicode-range:U+0000-00CA,U+00CC-00E7,U+00EC-10FFFF}@font-face{font-family:Union;src:url(../assets/fonts/Union.otf) format("opentype");font-weight:400;font-style:normal;font-display:block;unicode-range:U+00CB,U+00E8-00EB}@font-face{font-family:Bebas Neue Pro;src:url(../assets/fonts/BebasNeue-Pro-Expanded-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:block}:root{--sf-bg: #fefbef;--sf-green: #28ab64;--sf-red: #e62731;--sf-yellow: #fee245;--sf-blue: #194093;--text-dark: #1a1a1a;--bg: var(--sf-bg);--ink: var(--text-dark);--muted: rgba(26, 26, 26, .55);--accent: var(--sf-blue);--tile: #ffffff;--good: var(--sf-green);--yellow: var(--sf-yellow);--orange: #e8a020;--red: var(--sf-red);--gray: rgba(26, 26, 26, .35);--ios-kb-key-h: 43px;--ios-kb-gap: 6px;--ios-kb-row-gap: 11px;--ios-kb-pad-x: 3px;--ios-kb-radius: 5px;--ios-kb-font: 22px;--ios-kb-return-min: 88px;--ios-kb-shadow: 0 1px 0 rgba(0, 0, 0, .28);--keyboard-margin-top: 14px;--input-area-margin-top: 16px;--input-area-padding-top: 18px}*{box-sizing:border-box;margin:0;padding:0}html{overflow-x:hidden}body{font-family:Union,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--sf-bg);color:var(--text-dark);width:100%;height:100dvh;height:100vh;margin:0;padding:max(8px,env(safe-area-inset-top,0px)) 0 max(8px,env(safe-area-inset-bottom,0px));box-sizing:border-box;overflow:hidden;-webkit-font-smoothing:antialiased}.container{width:100%;max-width:480px;margin:0 auto;position:relative;z-index:1}.splash-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:var(--sf-bg);display:flex;align-items:center;justify-content:center;transition:opacity .4s ease,visibility .4s ease}.splash-screen.hidden{opacity:0;visibility:hidden;pointer-events:none}.splash-content{display:flex;flex-direction:column;align-items:center;gap:14px;transform:translateY(-32px);animation:splashFadeIn .5s ease forwards}@keyframes splashFadeIn{0%{opacity:0}to{opacity:1}}.splash-stack{display:flex;flex-direction:column-reverse;align-items:center;margin-top:10px;perspective:500px}.splash-stack-row{display:flex;gap:4px;justify-content:center;margin-top:-10px;opacity:0;transform-origin:center bottom;animation:splashBlockStack .9s cubic-bezier(.34,1.2,.64,1) forwards;animation-delay:calc(.16s * var(--stack-i))}.splash-stack-row:last-child{margin-top:0}.splash-stack-tile{width:40px;height:40px;border-radius:5px;border:1.5px solid var(--ink);box-shadow:0 3px #0000001f;flex-shrink:0}.splash-stack-row.s-green .splash-stack-tile{background:var(--good);border-color:var(--good)}.splash-stack-row.s-yellow .splash-stack-tile{background:var(--yellow);border-color:var(--yellow)}.splash-stack-row.s-orange .splash-stack-tile{background:var(--orange);border-color:var(--orange)}.splash-stack-row.s-red .splash-stack-tile{background:var(--red);border-color:var(--red)}@keyframes splashBlockStack{0%{opacity:0;transform:translateY(-120px) scale(.75) rotateX(25deg)}55%{opacity:1;transform:translateY(0) scale(1) rotateX(0)}72%{opacity:1;transform:translateY(6px) scale(1.03) rotateX(-3deg)}88%{opacity:1;transform:translateY(-2px) scale(.99) rotateX(1deg)}to{opacity:1;transform:translateY(0) scale(1) rotateX(0)}}.woopword-logo-img{display:block;width:auto;max-width:min(320px,92vw);height:auto;max-height:52px;object-fit:contain}.woopword-logo--text{display:inline-flex;align-items:center;justify-content:center;background:#000;border-radius:4px;padding:10px 22px;max-width:min(320px,92vw);box-sizing:border-box}.woopword-logo-text{font-family:Bebas Neue Pro,sans-serif;font-size:clamp(1.75rem,8vw,2.35rem);font-weight:400;line-height:1;letter-spacing:.06em;color:#fff;white-space:nowrap}.splash-brand{display:flex;flex-direction:column;align-items:center;gap:4px}.splash-by{font-family:Union,sans-serif;font-size:1.25rem;color:var(--text-dark);margin:0}.top-header{position:relative;width:100%;flex-shrink:0;padding-top:8px;margin-bottom:12px;overflow:visible}.widget-header{width:100%;max-width:480px;margin:0 auto;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:0;padding:10px 0 4px;text-align:center;overflow:visible}.header-deco{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.header-bar{--bar-letter-w: 11px;--bar-gap: 2px;position:absolute;width:calc(var(--letters) * var(--bar-letter-w) + (var(--letters) - 1) * var(--bar-gap));height:14px;border-radius:4px;border:1.5px solid transparent;box-shadow:0 2px #0000001a}.header-bar.s-green{background:var(--good);border-color:var(--good)}.header-bar.s-yellow{background:var(--yellow);border-color:var(--yellow)}.header-bar.s-orange{background:var(--orange);border-color:var(--orange)}.header-bar.s-red{background:var(--red);border-color:var(--red)}.header-bar.pos-tl{left:12px;top:2px}.header-bar.pos-tr{right:-46px;top:18px}.header-bar.pos-bl{left:-58px;bottom:6px}.header-bar.pos-br{right:12px;bottom:8px}.widget-header .game-logo,.widget-header .header-subtitle,.widget-header .practice-header-title,.widget-header .close-practice-btn--compact{position:relative;z-index:1}@media(max-width:320px){.header-deco{display:none}}.game-logo{width:auto;max-width:min(150px,70vw);height:auto;max-height:36px;object-fit:contain}.game-logo--next{max-width:min(118px,58vw);max-height:28px}.header-subtitle{font-family:Union,sans-serif;font-size:1.35rem;margin-top:-4px;line-height:1.1;color:var(--text-dark)}.widget-header--practice{margin-bottom:28px;gap:6px}.practice-header-title{font-family:Union,sans-serif;font-size:1.35rem;line-height:1.1;color:var(--text-dark)}.close-practice-btn--compact{margin-top:0;padding:4px 12px;font-size:.75rem;font-weight:600;border-width:1.5px;border-radius:6px}.countdown-timer{font-size:1.35rem;font-weight:400}.header-subtitle.countdown-timer{margin-top:8px}.tagline-row{margin-top:6px;margin-bottom:36px;text-align:center;flex-shrink:0}.tagline{font-family:Union,sans-serif;font-size:.95rem;color:var(--muted);text-align:center}.close-practice-btn{display:inline-block;margin-top:10px;padding:8px 16px;border:2px solid var(--sf-blue);border-radius:8px;background:transparent;color:var(--sf-blue);font-family:Union,sans-serif;font-size:.85rem;font-weight:700;cursor:pointer;transition:opacity .15s ease;-webkit-tap-highlight-color:transparent}.close-practice-btn:hover{opacity:.85}.close-practice-btn:active{opacity:.75}.end-close-practice{width:100%;margin-top:8px}.stack-wrap{display:flex;gap:0px;margin-bottom:22px;flex-shrink:0;align-items:stretch}.bracket{display:flex;flex-direction:column-reverse;width:14px;flex-shrink:0;align-self:stretch;margin-left:6px}.br-seg{flex:1;position:relative;border-left:2.5px solid currentColor;transition:color .4s ease,opacity .4s ease;opacity:.55}#brSeg1{color:var(--good)}#brSeg2{color:var(--yellow)}#brSeg3{color:var(--orange)}#brSeg4{color:var(--red)}.br-seg.segment-solved-1,.br-seg.segment-solved-2,.br-seg.segment-solved-3,.br-seg.segment-solved-4{opacity:1}#brSeg4:before{content:"";position:absolute;top:0;left:-2.5px;width:8px;height:10px;border-top:2.5px solid currentColor;border-left:2.5px solid currentColor;border-top-left-radius:8px}#brSeg1:after{content:"";position:absolute;bottom:0;left:-2.5px;width:8px;height:10px;border-bottom:2.5px solid currentColor;border-left:2.5px solid currentColor;border-bottom-left-radius:8px}#brSeg3{position:relative}#brSeg3:before{content:"";position:absolute;top:50%;left:-8px;width:8px;height:16px;transform:translateY(-50%);border-left:2.5px solid currentColor;border-top-left-radius:7px;border-bottom-left-radius:7px}.word-stack{flex-grow:1;min-width:0;display:flex;flex-direction:column-reverse;gap:16px}.word-row{transition:opacity .5s ease}.word-row.solved-row{opacity:.85}.word-row.dropping{animation:dropIn .55s cubic-bezier(.4,1.4,.5,1)}@keyframes dropIn{0%{transform:translateY(-260px);opacity:0}70%{transform:translateY(8px);opacity:1}to{transform:translateY(0);opacity:1}}.tiles{display:flex;gap:5px;justify-content:center;align-items:center;flex-wrap:nowrap;width:100%;max-width:100%}.tile{flex:1 1 0;min-width:26px;max-width:46px;width:46px;aspect-ratio:46 / 54;height:auto;box-sizing:border-box;background:var(--tile);border:1.5px solid var(--ink);border-radius:4px;display:grid;place-items:center;font-family:Union,sans-serif;font-weight:400;font-size:clamp(20px,7.5vw,35px);line-height:1;text-align:center;-webkit-user-select:none;user-select:none;transition:background .3s ease,color .3s ease,border-color .3s ease}.tile-letter{display:block;line-height:1;transform:translate(-.08em)}#row0 .tile.dot{border-color:#28ab6480}#row1 .tile.dot{border-color:#d7aa19c7}#row2 .tile.dot{border-color:#e8a0208c}#row3 .tile.dot{border-color:#e6273173}.tile.dot{color:#00000026}.tile.revealed-green,.tile.solved-level-1{background:var(--good);color:#fff;border-color:var(--good)}.tile.solved-level-2{background:var(--yellow);color:#fff;border-color:var(--yellow)}.tile.solved-level-3{background:var(--orange);color:#fff;border-color:var(--orange)}.tile.solved-level-4{background:var(--red);color:#fff;border-color:var(--red)}.empty-slot-row{display:flex;gap:5px;justify-content:center;flex-wrap:nowrap;width:100%}.empty-slot{flex:1 1 0;min-width:26px;max-width:46px;width:46px;aspect-ratio:46 / 54;height:auto;box-sizing:border-box;border:1.5px dashed rgba(0,0,0,.18);border-radius:4px;background:transparent;animation:emptyPulse 2.4s ease-in-out infinite}#row1 .empty-slot{border-color:#d7aa1994}#row2 .empty-slot{border-color:#e8a02073}#row3 .empty-slot{border-color:#e6273159}@keyframes emptyPulse{0%,to{opacity:.7}50%{opacity:1}}@keyframes flipIn{0%{transform:rotateX(0)}50%{transform:rotateX(90deg)}to{transform:rotateX(0)}}.tile.flipping{animation:flipIn .9s ease}.new-word-banner{text-align:center;font-family:Union,sans-serif;font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:var(--sf-blue);font-weight:700;padding:6px 0;opacity:0;transition:opacity .3s ease}.new-word-banner.show{opacity:1}.input-area{margin-top:var(--input-area-margin-top);padding-top:var(--input-area-padding-top);border-top:1px solid rgba(0,0,0,.1);flex-shrink:0}.input-row{display:flex;align-items:stretch;gap:8px}.input-row-main{flex:1;min-width:0}.input-display{height:40px;border:1.5px solid var(--ink);border-radius:4px;background:#fff;display:flex;align-items:center;justify-content:center;font-family:Bebas Neue Pro,sans-serif;font-size:20px;font-weight:400;line-height:1;letter-spacing:.06em;color:var(--ink);-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}.menu-btn{flex-shrink:0;width:40px;height:40px;border:1.5px solid var(--ink);border-radius:4px;background:#fff;color:var(--ink);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s ease;-webkit-tap-highlight-color:transparent}.menu-btn:hover{background:#0000000a}.menu-btn:active{background:#00000014}.input-text{font-family:inherit}.input-backspace{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:30px;height:30px;border:none;background:transparent;color:var(--ink);border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:.55;transition:opacity .15s ease,background .15s ease;-webkit-tap-highlight-color:transparent}.input-backspace:not(:disabled):hover{opacity:1}.input-backspace:not(:disabled):active{background:#0000000f;opacity:1}.input-backspace:disabled{opacity:.2;cursor:not-allowed}.input-display.empty .input-text:before{content:attr(data-placeholder);font-family:Union,sans-serif;color:var(--muted);opacity:.55;font-size:.95rem;letter-spacing:normal}.input-display.shake{animation:shake .4s ease}.input-caret{display:inline-block;width:2px;height:22px;background:var(--accent);margin-left:4px;animation:caretBlink 1s steps(2) infinite}@keyframes caretBlink{0%,50%{opacity:1}50.01%,to{opacity:0}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.keyboard{margin-top:var(--keyboard-margin-top);flex-shrink:0;width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding:0 var(--ios-kb-pad-x);box-sizing:border-box;display:flex;flex-direction:column;gap:var(--ios-kb-row-gap);align-items:stretch;touch-action:manipulation}@media(min-width:520px){.keyboard{width:100%;max-width:480px;margin-left:auto;margin-right:auto}}.kb-row{display:grid;gap:var(--ios-kb-gap);width:100%}.kb-row[data-cols="10"]{grid-template-columns:repeat(10,minmax(0,1fr))}.kb-row[data-cols="9"]{grid-template-columns:repeat(9,minmax(0,1fr))}.kb-row[data-cols="8"]{grid-template-columns:repeat(7,minmax(0,1fr)) minmax(var(--ios-kb-return-min),2.75fr)}.kb-key{width:100%;height:var(--ios-kb-key-h);border:none;background:var(--tile);color:var(--ink);border-radius:var(--ios-kb-radius);box-shadow:var(--ios-kb-shadow);font-family:Bebas Neue Pro,sans-serif;font-weight:400;font-size:var(--ios-kb-font);line-height:1;letter-spacing:.02em;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .12s ease,color .12s ease,transform .08s ease;-webkit-tap-highlight-color:transparent}.kb-key:active{transform:scale(.97)}.kb-key.tapped{animation:keyTap .2s ease-out}@keyframes keyTap{0%{transform:scale(1)}50%{transform:scale(.96);background:var(--accent);color:#fff}to{transform:scale(1)}}.kb-key.kb-wide{font-size:12px;letter-spacing:.1em}.kb-key.kb-enter{background:var(--sf-blue);color:var(--sf-bg);box-shadow:var(--ios-kb-shadow);font-family:Bebas Neue Pro,sans-serif;font-size:20px;letter-spacing:.04em}.kb-key.kb-enter:active{opacity:.88}.kb-key.s-green{background:var(--good);color:#fff;box-shadow:none}.kb-key.s-gray{background:var(--gray);color:#fff;box-shadow:none;opacity:.55;text-decoration:line-through}@media(max-width:389px),(max-height:843px){:root{--keyboard-margin-top: 3px;--input-area-margin-top: 8px;--input-area-padding-top: 8px;--ios-kb-key-h: 40px;--ios-kb-gap: 5px;--ios-kb-row-gap: 8px;--ios-kb-font: 20px;--ios-kb-return-min: 76px}.top-header{padding-top:4px;margin-bottom:4px}.widget-header{padding:6px 0 2px}.widget-header--practice{margin-bottom:10px}.game-logo{max-height:28px}.game-logo--next{max-width:min(100px,52vw);max-height:22px}.header-subtitle{font-size:1.1rem;margin-top:0}.header-subtitle.countdown-timer{margin-top:6px}.practice-header-title{font-size:1.1rem;margin-top:0}.tagline-row{margin-top:2px;margin-bottom:10px}.tagline{font-size:.85rem}.stack-wrap{margin-bottom:10px}.word-stack{gap:10px}.feedback{margin:2px 0 0;min-height:14px;font-size:.8rem}.input-display{font-size:18px;height:36px}.input-display.empty .input-text:before{font-size:.85rem}.menu-btn{width:36px;height:36px}.input-caret{height:18px}.input-end-actions .input-share-btn{height:36px;min-height:36px;max-height:36px}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#1a1a1a94;display:flex;align-items:center;justify-content:center;padding:20px 16px}.modal-panel{position:relative;width:100%;max-width:480px;background:var(--sf-bg);border-radius:12px;border:1.5px solid var(--ink);box-shadow:0 8px 32px #0000002e;overflow:hidden}.modal-deco{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.modal-deco .modal-bar-1{left:-24px;top:14%}.modal-deco .modal-bar-2{right:-50px;top:32%}.modal-deco .modal-bar-3{left:18px;top:42%}.modal-deco .modal-bar-4{right:-18px;top:52%}.modal-deco .modal-bar-5{left:-42px;bottom:32%}.modal-deco .modal-bar-6{right:4px;bottom:14%}.modal-panel .modal-header,.modal-panel .modal-body{position:relative;z-index:1}.modal-header{display:flex;align-items:center;gap:8px;padding:12px 12px 10px;border-bottom:1px solid rgba(0,0,0,.1)}.modal-header--minimal{justify-content:flex-end;border-bottom:none;padding-bottom:4px}.modal-header--minimal .modal-back-spacer{display:none}.modal-title-spacer{flex:1}.modal-back,.modal-back-spacer{flex-shrink:0;width:36px}.modal-back{border:none;background:transparent;font-family:Union,sans-serif;font-size:1.25rem;color:var(--sf-blue);cursor:pointer;padding:4px 0;line-height:1}.modal-title{flex:1;font-family:Union,sans-serif;font-size:1.1rem;font-weight:700;text-align:center;min-width:0}.modal-close{flex-shrink:0;width:36px;height:36px;border:none;background:transparent;color:var(--ink);border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:.7}.modal-close:hover{opacity:1;background:#0000000d}.modal-body{max-height:min(60vh,400px);overflow-y:auto}.modal-menu{display:flex;flex-direction:column;align-items:center;gap:8px;padding:10px 16px 28px}.modal-menu-btn{position:relative;z-index:1;width:auto;min-width:min(240px,82vw);max-width:100%;padding:8px 20px;border:none;border-radius:6px;background:var(--sf-blue);color:var(--sf-bg);font-family:Union,sans-serif;font-size:1.2rem;font-weight:700;line-height:1.2;text-align:center;cursor:pointer;transition:opacity .15s ease;-webkit-tap-highlight-color:transparent}.modal-menu-btn:hover{opacity:.92}.modal-menu-btn:active{opacity:.85}.modal-content{padding:14px 18px 18px;font-family:Union,sans-serif;font-size:.9rem;line-height:1.55;color:var(--ink)}.modal-content--explain{font-family:Union,sans-serif;font-size:1.1rem;line-height:1.6}.modal-content p+p{margin-top:10px}.modal-explain-score{margin-top:14px}.modal-explain-score-intro{margin-bottom:10px}.modal-explain-score-list{list-style:none;display:flex;flex-direction:column;gap:6px}.modal-explain-score-list li{display:flex;justify-content:space-between;gap:16px}.modal-contact-link{display:inline-block;margin-top:10px;color:var(--sf-blue);font-weight:700;text-decoration:none}.modal-contact-link:hover{text-decoration:underline}.input-hint{text-align:center;margin-top:8px;font-family:Union,sans-serif;font-size:.75rem;color:var(--muted)}.feedback{text-align:center;margin:8px 0 2px;min-height:18px;font-family:Union,sans-serif;font-size:.85rem;flex-shrink:0}.feedback.good{color:var(--sf-green)}.feedback.bad{color:var(--sf-red)}.feedback.info{color:var(--muted)}.end-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:250;background:#1a1a1a6b;display:flex;align-items:center;justify-content:center;padding:20px 16px}.end-modal-panel{width:100%;max-width:300px;background:var(--sf-bg);border-radius:12px;border:1.5px solid rgba(26,26,26,.12);box-shadow:0 12px 40px #0000002e;padding:18px 16px 16px}.complete-inline{text-align:center;padding:0}.complete-inline h2{font-family:Bebas Neue Pro,Union,sans-serif;font-size:1.75rem;font-weight:400;letter-spacing:.04em;text-transform:uppercase;margin-bottom:4px;color:var(--sf-green)}.complete-inline.failed h2{color:var(--sf-red)}.complete-inline .reveal{font-family:Union,sans-serif;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;margin:2px 0 14px;color:var(--muted)}.complete-inline .reveal span{color:var(--sf-blue)}.complete-inline.failed .reveal.fail-words{margin-top:-6px;font-size:.85rem;letter-spacing:.12em}.complete-inline .score-stats{display:flex;flex-wrap:wrap;gap:8px 28px;justify-content:center;margin-top:6px}.complete-inline .score-line{font-family:Union,sans-serif;font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;margin-top:0;color:var(--muted)}.complete-inline .streak-line b{color:var(--orange)}.complete-inline .score-line b{font-weight:800;color:var(--ink);font-size:22px;margin-left:4px}.complete-inline.failed .score-line b{color:var(--red)}.score-blocks{display:flex;flex-direction:column-reverse;align-items:center;gap:4px;margin:8px auto 10px;width:fit-content}.score-row{display:flex;gap:4px;justify-content:center}.score-block{width:22px;height:22px;border-radius:3px;border:1.5px solid var(--ink)}.score-block.s-green{background:var(--good);border-color:var(--good)}.score-block.s-yellow{background:var(--yellow);border-color:var(--yellow)}.score-block.s-orange{background:var(--orange);border-color:var(--orange)}.score-block.s-red{background:var(--red);border-color:var(--red)}.score-block.s-missed{background:transparent;border:1.5px dashed var(--red);color:var(--red);display:flex;align-items:center;justify-content:center;font-family:Union,sans-serif;font-size:14px;line-height:1}.new-game-btn{margin-top:6px;padding:12px 22px;background:var(--sf-green);color:var(--sf-bg);border:none;border-radius:8px;font-family:Union,sans-serif;font-size:1rem;cursor:pointer}.new-game-btn:hover{opacity:.9}.new-game-btn:disabled{opacity:.45;cursor:not-allowed}.share-btn{margin-top:0;padding:11px 22px;background:transparent;color:var(--sf-blue);border:1.5px solid var(--sf-blue);border-radius:8px;font-family:Union,sans-serif;font-size:1rem;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:background .15s ease,color .15s ease}.share-btn:hover{background:var(--sf-blue);color:var(--sf-bg)}.share-btn.shared{background:var(--good);color:#fff;border-color:var(--good)}.offline-panel{display:flex;flex-direction:column;align-items:center;gap:16px;margin-top:24px;text-align:center;max-width:320px;margin-left:auto;margin-right:auto}.offline-panel .feedback.bad{margin:0;line-height:1.4}.end-actions{display:flex;flex-direction:column;gap:8px;align-items:stretch;margin-top:12px}.end-actions .share-btn{width:100%;justify-content:center}.input-end-actions{display:flex;flex-direction:column;gap:8px;width:100%}.input-end-actions .share-btn,.input-end-actions .new-game-btn{width:100%;margin-top:0;justify-content:center}.input-end-actions .input-share-btn{height:40px;min-height:40px;max-height:40px;padding:0 16px;box-sizing:border-box;border-radius:4px;font-size:1rem;line-height:1}.input-end-actions .input-next-btn{padding:10px 18px;font-size:.95rem}.input-end-actions .input-close-practice{font-size:.85rem;padding:6px 0}.play-page.game-over .input-row{align-items:flex-start}.play-page.game-over .keyboard{display:none}#root{width:100%;height:100%;min-height:0;display:flex;flex-direction:column;overflow:hidden}.play-page,.app-page{width:100%;position:relative}.play-page{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.play-page-body{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden;width:100%;max-width:480px;margin:0 auto;padding-left:max(8px,env(safe-area-inset-left,0px));padding-right:max(8px,env(safe-area-inset-right,0px))}.app-page{padding-bottom:24px}.app-page h1{font-size:1.75rem;font-weight:400;margin-bottom:12px}.app-page-hint{font-family:Union,sans-serif;font-size:.85rem;color:var(--muted);line-height:1.6}