:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Segoe UI,system-ui,-apple-system,sans-serif;font-size:16px;font-weight:400;line-height:1.5}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{color:#1a1a1b;background:#fff;min-height:100vh;overflow-x:hidden}#root{min-height:100vh}@keyframes flipTile{0%{transform:scaleY(1)}49%{transform:scaleY(0)}50%{background-color:var(--result-color);border-color:var(--result-color);color:#fff;transform:scaleY(0)}to{background-color:var(--result-color);border-color:var(--result-color);color:#fff;transform:scaleY(1)}}.tile-flip{animation:.45s forwards flipTile}@keyframes popIn{0%{transform:scale(.85)}40%{transform:scale(1.12)}to{transform:scale(1)}}.tile-pop{animation:.1s ease-out forwards popIn}@keyframes shakeRow{0%,to{transform:translate(0)}15%{transform:translate(-8px)}30%{transform:translate(8px)}45%{transform:translate(-8px)}60%{transform:translate(8px)}75%{transform:translate(-5px)}90%{transform:translate(5px)}}.row-shake{animation:.5s shakeRow}@keyframes bounceWin{0%,to{transform:translateY(0)}30%{transform:translateY(-18px)}60%{transform:translateY(-9px)}}.tile-bounce{animation:.6s forwards bounceWin}@keyframes hintSlideIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.hint-appear{animation:.3s forwards hintSlideIn}@keyframes clueIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.clue-card{animation:.4s forwards clueIn}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.gameover-card{animation:.4s forwards fadeSlideUp}.game-layout,.game-left{flex-direction:column;align-items:center;width:100%;display:flex}.game-right{width:100%;max-width:340px}@media (width>=768px){.game-layout{flex-direction:row;justify-content:center;align-items:flex-start;gap:28px}.game-left{flex-shrink:0;width:auto;min-width:400px}.game-right{flex-shrink:0;width:220px;max-width:220px;padding-top:4px}}.modal-backdrop{z-index:100;background:#00000073;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-box{background:#fff;border-radius:16px;width:90%;max-width:440px;max-height:90vh;padding:28px 24px;animation:.3s clueIn;position:relative;overflow-y:auto;box-shadow:0 20px 60px #0003}@keyframes spin{to{transform:rotate(360deg)}}@keyframes mfBadgeIn{0%{opacity:0;transform:scale(.7)translateY(-12px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes mfSlideLeft{0%{opacity:0;transform:translate(-60px)}to{opacity:1;transform:translate(0)}}@keyframes mfSlideRight{0%{opacity:0;transform:translate(60px)}to{opacity:1;transform:translate(0)}}@keyframes mfVsPop{0%{opacity:0;transform:scale(.4)}70%{transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.mf-badge{background:#538d4e1f;border:1px solid #538d4e66;border-radius:24px;padding:8px 20px;animation:.5s cubic-bezier(.34,1.56,.64,1) forwards mfBadgeIn}.mf-slide-left{animation:.55s cubic-bezier(.34,1.36,.64,1) .15s both mfSlideLeft}.mf-slide-right{animation:.55s cubic-bezier(.34,1.36,.64,1) .15s both mfSlideRight}.mf-vs{animation:.5s cubic-bezier(.34,1.56,.64,1) .4s both mfVsPop}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.pvp-layout{flex-direction:column;align-items:center;gap:20px;width:100%;display:flex}.pvp-board-left,.pvp-board-right{flex-direction:column;align-items:center;width:100%;display:flex}.pvp-divider{align-items:center;gap:8px;width:80%;height:1px;display:flex}@media (width>=768px){.pvp-layout{flex-direction:row;justify-content:center;align-items:flex-start;gap:0}.pvp-board-left,.pvp-board-right{flex:1;width:auto}.pvp-divider{flex-direction:column;align-self:stretch;width:1px;height:auto;min-height:380px;margin:0 16px}}.match-header{padding:8px 12px}@media (width>=480px){.match-header{padding:8px 20px}}.hide-mobile{display:none!important}@media (width>=540px){.hide-mobile{display:inline!important}}.app-header-nav{display:none}@media (width>=540px){.app-header-nav{display:flex}}.mini-tile{color:#fff;border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:11px;font-weight:800;display:flex}@media (width>=420px){.mini-tile{border-radius:4px;width:32px;height:32px;font-size:13px}}.guess-row{gap:3px;display:flex}@media (width>=420px){.guess-row{gap:4px}}.round-players{flex-wrap:wrap;gap:12px;padding:12px;display:flex}@media (width>=420px){.round-players{gap:24px;padding:16px}}.round-players-col{flex:1;min-width:130px}