*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%}body{color:#333;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;touch-action:manipulation;overscroll-behavior:none;background:#fff8f0;font-family:system-ui,Arial,sans-serif}#root{flex-direction:column;justify-content:center;align-items:center;min-height:100%;padding:24px 16px;display:flex}.game{flex-direction:column;align-items:center;gap:32px;width:100%;max-width:400px;display:flex}.progress-row{justify-content:center;align-items:flex-end;width:100%;min-height:92px;display:flex;position:relative}.ninja-anchor{position:absolute;bottom:0;left:0}.progress{align-items:center;gap:10px;padding-bottom:8px;display:flex}.progress-dot{background:#ddd;border-radius:50%;width:12px;height:12px;transition:background .3s}.progress-dot.active{background:#ff6b6b}.progress-dot.done{background:#51cf66}.word-display{flex-direction:column;align-items:center;gap:16px;display:flex}.emoji{font-size:96px;line-height:1}.say-it-btn{color:#fff;cursor:pointer;active:none;background:#ff6b6b;border:none;border-radius:50px;padding:12px 28px;font-size:20px;font-weight:700;transition:transform .1s,box-shadow .1s;box-shadow:0 4px #c94444}.say-it-btn:active{transform:translateY(3px);box-shadow:0 1px #c94444}.slots{justify-content:center;gap:12px;display:flex}.slot{color:#333;background:#fff;border:3px dashed #ccc;border-radius:12px;justify-content:center;align-items:center;width:64px;height:72px;font-size:32px;font-weight:900;transition:border-color .2s,background .2s;display:flex}.slot.filled{background:0 0;border-color:#0000}.tiles{flex-wrap:wrap;justify-content:center;gap:12px;min-height:80px;transition:opacity .3s,transform .3s;display:flex}.end-screen{text-align:center;flex-direction:column;align-items:center;gap:16px;display:flex}.end-emoji{font-size:120px;line-height:1}.end-title{color:#ff6b6b;font-size:48px;font-weight:900}.end-subtitle{color:#888;font-size:22px}.restart-btn{color:#fff;cursor:pointer;background:#ff6b6b;border:none;border-radius:50px;margin-top:8px;padding:14px 36px;font-size:22px;font-weight:700;transition:transform .1s,box-shadow .1s;box-shadow:0 4px #c94444}.restart-btn:active{transform:translateY(3px);box-shadow:0 1px #c94444}.tiles.hidden{opacity:0;pointer-events:none;transform:translateY(8px)}.tiles.visible{opacity:1;transform:translateY(0)}.tile{color:#333;cursor:grab;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;background:#ffe066;border:none;border-radius:12px;justify-content:center;align-items:center;width:64px;height:72px;font-size:32px;font-weight:900;transition:transform .1s;display:flex;box-shadow:0 4px #e6b800}.tile:active{cursor:grabbing}.tile.dragging{opacity:.3}.tile.overlay{cursor:grabbing;transform:scale(1.1);box-shadow:0 8px 16px #0003}.slot.over{background:#fff0f0;border-color:#ff6b6b;transform:scale(1.05)}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-10px)}40%{transform:translate(10px)}60%{transform:translate(-7px)}80%{transform:translate(7px)}}.slots.shake{animation:.45s shake}