*{box-sizing:border-box;margin:0;padding:0}html,body,#app{height:100%;overflow:hidden}body{font-family:Roboto,system-ui,Noto Sans,sans-serif;background:#fff;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.stage{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;touch-action:manipulation}.hamburger{position:absolute;top:8px;right:8px;width:48px;height:48px;background:transparent;border:none;cursor:pointer;z-index:20;padding:6px;transition:opacity .15s}.hamburger img{width:100%;height:100%}.game{display:flex;flex-direction:column;height:100%}.half{flex:1;display:flex;align-items:center;justify-content:center;min-height:0}.animal-img{width:100%;height:100%;object-fit:contain;padding:16px;cursor:pointer}.row{width:100%;gap:0}.letter-btn,.tile{flex:1;height:100%;margin:4px;padding:8px;background:#fff8e1;border:2px solid #FF8F00;border-radius:16px;font-family:inherit;font-weight:400;color:#000;display:flex;align-items:center;justify-content:center;cursor:pointer;line-height:1;overflow:hidden;position:relative;transition:color .25s;min-width:0}.letter-btn:active,.tile:active{background:#ffe082}.letter-btn:disabled,.tile:disabled{opacity:1;color:#000}.letter-btn.flash-ok{color:#4caf50}.letter-btn.flash-bad{color:#f44336}.btns-hidden .letter-btn,.btns-hidden .tile{visibility:hidden}.tile img{max-width:100%;max-height:100%;object-fit:contain;pointer-events:none}.tile-flash{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.tile-flash.flash-ok{background:#4caf5073}.tile-flash.flash-bad{background:#f4433673}.prompt-letter{cursor:pointer;color:#000;line-height:1}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30}.scrim.center{display:flex;align-items:center;justify-content:center;background:#00000052;z-index:50}.popup{position:absolute;top:60px;right:8px;min-width:220px;background:#fff;border-radius:4px;box-shadow:0 8px 24px #00000047;padding:8px 0;z-index:31}.item{display:flex;align-items:center;gap:16px;padding:12px 16px;cursor:pointer;font-size:16px}.item:hover{background:#f5f5f5}.item img,.item svg.icon{width:24px;height:24px;flex:none}.item .check{margin-left:auto;color:#8a000000}.fullscreen-dialog{position:fixed;top:0;right:0;bottom:0;left:0;background:#fff;z-index:40;overflow-y:auto;padding:16px}.dlg-top{display:flex;justify-content:flex-end;margin-bottom:8px}.icon-btn{width:48px;height:48px;padding:10px;background:none;border:none;cursor:pointer;border-radius:50%}.icon-btn:hover{background:#f5f5f5}.icon-btn img{width:100%;height:100%}.presets{display:flex;gap:8px;margin-bottom:16px}.preset{flex:1;padding:10px 4px;font-size:14px;text-transform:uppercase;border:none;border-radius:4px;background:#ff8f00;color:#fff;cursor:pointer;letter-spacing:.5px}.preset:active{filter:brightness(.92)}.grid{display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr))}.cell{margin:4px;position:relative}.toggle{width:100%;padding:12px 0;font-size:28px;line-height:1.2;border:none;border-radius:4px;cursor:pointer;font-family:inherit}.toggle.on{background:#ff8f00;color:#fff}.toggle.off{background:#e0e0e0;color:#000}.toggle.unserved{background:#f5f5f5;color:#bdbdbd}.badge{position:absolute;top:0;right:0;width:22px;height:22px;font-size:11px;display:flex;align-items:center;justify-content:center;background:#f5f5f5;color:#616161;border:1px solid #BDBDBD;border-bottom-left-radius:10px;cursor:pointer}.badge.mastered{background:#4caf50;color:#fff;border-color:#2e7d32}.alert{background:#fff;border-radius:8px;padding:20px;max-width:420px;width:calc(100% - 48px);box-shadow:0 11px 32px #0006;font-size:16px;color:#212121}.alert h3{font-size:18px;margin-bottom:12px}.alert p{line-height:1.45}.alert a{color:#ff8f00}.btnrow{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.btnrow button{padding:9px 16px;font-size:14px;text-transform:uppercase;border:none;background:none;color:#ff8f00;font-weight:500;cursor:pointer;border-radius:4px}.btnrow button:active{background:#ffecb3}.toast{position:fixed;bottom:48px;left:50%;transform:translate(-50%);background:#323232;color:#fff;padding:10px 18px;border-radius:4px;font-size:14px;z-index:60;white-space:nowrap;max-width:calc(100% - 32px);overflow:hidden;text-overflow:ellipsis}