@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&display=swap";:root{--bg: #fafafa;--card: #ffffff;--border: #eee;--accent: #4f46e5;--accent-soft: #eef2ff;--green: #16a34a;--green-soft: #dcfce7;--red: #dc2626;--red-soft: #fee2e2;--gold: #ca8a04;--gold-soft: #fef9c3;--text: #111;--text2: #444;--text3: #999;--shadow: 0 1px 3px rgba(0,0,0,.06);--shadow-md: 0 4px 12px rgba(0,0,0,.06);--radius: 12px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}.app{max-width:100vw;min-height:100vh;display:flex;flex-direction:column}.splash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:#111;transition:opacity .6s}.splash-fade-out{opacity:0;pointer-events:none}.splash-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:#111}.splash-content{position:relative;z-index:2;text-align:center;opacity:0;transform:scale(.9);transition:all .5s cubic-bezier(.16,1,.3,1)}.splash-content.splash-visible{opacity:1;transform:scale(1)}.splash-logo{font-size:44px;font-weight:800;letter-spacing:-2px}.splash-logo-word{color:#fff}.splash-logo-bucks{color:#818cf8}.splash-studio{margin-top:20px;font-size:11px;font-weight:600;color:#555;letter-spacing:4px;text-transform:uppercase;opacity:0;transition:opacity .4s .1s}.splash-studio.splash-visible{opacity:1}.splash-glow{position:absolute;top:50%;left:50%;width:300px;height:300px;transform:translate(-50%,-50%) scale(0);border-radius:50%;background:radial-gradient(circle,rgba(79,70,229,.15) 0%,transparent 70%);transition:transform 1.2s ease}.splash-glow-active{transform:translate(-50%,-50%) scale(3)}.page{flex:1;padding:16px 16px 24px;display:flex;flex-direction:column;gap:16px;max-width:480px;margin:0 auto;width:100%}.page-center{justify-content:center;align-items:center;text-align:center}.header{text-align:center;padding:8px 0}.game-title{font-size:28px;font-weight:800;letter-spacing:-1px;color:var(--text)}.game-title .w{color:var(--text)}.game-title .b{color:var(--accent)}.game-title .coin{display:none}.subtitle{color:var(--text3);font-size:13px;font-weight:500;margin-top:2px}.wallet-bar{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:var(--card);border:1px solid var(--border);border-radius:100px;font-weight:700;font-size:14px;color:var(--text);box-shadow:var(--shadow);margin:0 auto}.card{background:var(--card);border-radius:var(--radius);padding:20px;border:1px solid var(--border)}.card-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--text3);margin-bottom:12px}.btn{width:100%;padding:14px;border-radius:var(--radius);border:none;font-size:15px;font-weight:700;cursor:pointer;transition:all .15s;display:flex;align-items:center;justify-content:center;gap:6px;font-family:inherit}.btn:active{transform:scale(.98);opacity:.9}.btn-primary{background:var(--accent);color:#fff}.btn-secondary{background:var(--accent-soft);color:var(--accent)}.btn-success{background:var(--green);color:#fff}.btn-gold{background:var(--gold);color:#fff}.btn:disabled{opacity:.35;cursor:not-allowed;transform:none}.input-group{display:flex;flex-direction:column;gap:6px}.input-group label{font-size:12px;font-weight:600;color:var(--text3);text-transform:uppercase;letter-spacing:.5px}.input{width:100%;padding:12px 14px;border-radius:10px;border:1.5px solid var(--border);background:#fff;color:var(--text);font-size:15px;font-weight:600;outline:none;font-family:inherit;transition:border-color .2s}.input:focus{border-color:var(--accent)}.input-code{text-align:center;font-size:24px;font-weight:800;letter-spacing:8px;text-transform:uppercase}.select{width:100%;padding:12px 14px;border-radius:10px;border:1.5px solid var(--border);background:#fff;color:var(--text);font-size:15px;font-weight:600;outline:none;font-family:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none}.room-code{font-size:32px;font-weight:800;letter-spacing:6px;text-align:center;color:var(--accent);padding:20px;border-radius:var(--radius);background:var(--accent-soft);border:1.5px dashed rgba(79,70,229,.25);font-family:monospace;cursor:pointer}.scores-bar{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;background:var(--card);border-radius:var(--radius);border:1px solid var(--border)}.score-item{text-align:center}.score-label{font-size:10px;font-weight:700;color:var(--text3);text-transform:uppercase;letter-spacing:1px}.score-value{font-size:24px;font-weight:800}.score-you{color:var(--accent)}.score-opponent{color:var(--gold)}.timer-value{font-size:26px;font-weight:800;font-variant-numeric:tabular-nums;color:var(--text)}.timer-value.urgent{color:var(--red);animation:pulse 1s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.tiles-container{display:flex;flex-direction:column;align-items:center;gap:12px}.tiles-word{font-size:24px;font-weight:800;letter-spacing:3px;color:var(--accent);min-height:36px;text-align:center}.tiles-word:not(.active){font-size:13px;font-weight:500;color:var(--text3);letter-spacing:0}.tiles-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.tile-cookie{width:48px;height:48px;border-radius:12px;border:none;background:var(--accent);color:#fff;box-shadow:0 3px #3730a3,var(--shadow-md);display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;transition:all .1s;-webkit-tap-highlight-color:transparent}.tile-cookie:active{transform:translateY(2px);box-shadow:0 1px #3730a3}.tile-cookie.tile-selected{background:#111;box-shadow:0 3px #000,var(--shadow-md);transform:translateY(-2px)}.tile-letter{font-size:20px;font-weight:800;pointer-events:none}.tile-order{position:absolute;top:-4px;right:-4px;width:16px;height:16px;border-radius:50%;background:var(--red);color:#fff;font-size:9px;font-weight:800;display:flex;align-items:center;justify-content:center}.tiles-actions{display:flex;gap:8px;width:100%}.word-board{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;max-height:160px;overflow-y:auto}.word-slot{background:var(--card);border-radius:8px;padding:6px 4px;text-align:center;border:1.5px solid var(--border);min-height:34px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;transition:all .3s}.word-slot-mine{background:var(--green-soft);border-color:#16a34a4d;animation:pop .3s ease}.word-slot-opponent{background:var(--gold-soft);border-color:#ca8a044d;animation:pop .3s ease}.word-slot-empty{border-style:dashed}@keyframes pop{0%{transform:scale(.7)}60%{transform:scale(1.08)}to{transform:scale(1)}}.word-slot-text{font-size:11px;font-weight:800;letter-spacing:1px}.word-slot-mine .word-slot-text{color:var(--green)}.word-slot-opponent .word-slot-text{color:var(--gold)}.word-slot-who{font-size:8px;font-weight:700;text-transform:uppercase}.word-slot-mine .word-slot-who{color:var(--green);opacity:.6}.word-slot-opponent .word-slot-who{color:var(--gold);opacity:.6}.word-slot-blanks{display:flex;gap:3px;justify-content:center}.word-slot-blank{width:10px;height:2px;border-radius:1px;background:var(--border)}.found-words{display:flex;flex-wrap:wrap;gap:4px}.found-word{padding:4px 8px;background:var(--green-soft);color:var(--green);border-radius:6px;font-size:11px;font-weight:700;letter-spacing:.5px}.status-badge{display:inline-flex;padding:6px 14px;border-radius:100px;font-size:12px;font-weight:700}.status-waiting{background:var(--gold-soft);color:var(--gold)}.status-ready{background:var(--green-soft);color:var(--green)}.status-playing{background:var(--accent-soft);color:var(--accent)}.status-finished{background:#f1f5f9;color:#64748b}.status-payment_pending{background:var(--gold-soft);color:var(--gold)}.players-status{display:flex;gap:8px}.player-card{flex:1;padding:14px;border-radius:var(--radius);background:var(--card);text-align:center;border:1px solid var(--border)}.player-name{font-size:14px;font-weight:700}.player-status{font-size:12px;font-weight:600;color:var(--text3);margin-top:2px}.player-paid{color:var(--green)}.result-badge{margin:8px 0;animation:pop .5s ease}.result-badge-icon{width:72px;height:72px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:800;color:#fff}.result-badge-icon.win{background:var(--green)}.result-badge-icon.draw{background:#6b7280}.result-badge-icon.lose{background:var(--red)}.result-title{font-size:28px;font-weight:800}.result-subtitle{font-size:14px;color:var(--text3);margin-top:2px}.coin-change{font-size:18px;font-weight:800;padding:8px 20px;border-radius:100px}.coin-win{background:var(--green-soft);color:var(--green)}.coin-lose{background:var(--red-soft);color:var(--red)}.coin-draw{background:#f1f5f9;color:#6b7280}.results-scores{display:flex;align-items:center;gap:16px;padding:20px;background:var(--card);border-radius:var(--radius);border:1px solid var(--border);width:100%}.results-player{flex:1;text-align:center}.results-label{font-size:11px;font-weight:700;color:var(--text3);text-transform:uppercase;display:block}.results-points{font-size:36px;font-weight:800;display:block}.results-words{font-size:11px;font-weight:600;color:var(--text3);display:block}.results-vs{font-size:14px;font-weight:800;color:var(--text3)}.wallet-balance-big{text-align:center;padding:28px;background:var(--card);border-radius:16px;border:1px solid var(--border)}.wallet-amount{font-size:42px;font-weight:800;color:var(--text);display:block}.wallet-label{font-size:12px;font-weight:700;color:var(--text3);text-transform:uppercase;letter-spacing:2px}.tx-row{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;background:var(--card);border-radius:10px;border:1px solid var(--border)}.tx-type{font-size:13px;font-weight:700;text-transform:capitalize;display:block}.tx-date{font-size:11px;color:var(--text3)}.tx-amount{font-size:14px;font-weight:800}.tx-pos{color:var(--green)}.tx-neg{color:var(--red)}.lb-list{display:flex;flex-direction:column;gap:4px}.lb-row{display:flex;align-items:center;gap:12px;padding:12px 14px;background:var(--card);border-radius:10px;border:1px solid var(--border)}.lb-row-me{background:var(--accent-soft);border-color:#4f46e526}.lb-rank{width:44px;text-align:center;flex-shrink:0}.lb-rank-num{font-size:13px;font-weight:700;color:var(--text3)}.lb-medal{display:inline-flex;align-items:center;justify-content:center;padding:2px 8px;border-radius:6px;font-size:11px;font-weight:800;color:#fff}.lb-medal-1{background:var(--gold)}.lb-medal-2{background:#9ca3af}.lb-medal-3{background:#b45309}.lb-name{flex:1;font-size:14px;font-weight:600}.lb-you{font-size:11px;font-weight:700;color:var(--accent)}.lb-balance{font-size:14px;font-weight:800;color:var(--text)}.spinner{width:32px;height:32px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite;margin:16px auto}@keyframes spin{to{transform:rotate(360deg)}}.error{color:var(--red);font-size:13px;font-weight:600;text-align:center}.toast{position:fixed;bottom:80px;left:50%;transform:translate(-50%);padding:10px 24px;background:var(--text);color:#fff;border-radius:100px;font-size:14px;font-weight:700;z-index:1000;animation:toastIn .2s ease}@keyframes toastIn{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.waiting-dots{display:inline-flex;gap:3px}.waiting-dots span{width:5px;height:5px;border-radius:50%;background:var(--text3);animation:dot 1.4s infinite both}.waiting-dots span:nth-child(2){animation-delay:.16s}.waiting-dots span:nth-child(3){animation-delay:.32s}@keyframes dot{0%,80%,to{transform:scale(.4);opacity:.3}40%{transform:scale(1);opacity:1}}.steps{display:flex;flex-direction:column;gap:8px}.step{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:500;color:var(--text2)}.step-num{width:24px;height:24px;border-radius:50%;background:var(--accent-soft);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;color:var(--accent);flex-shrink:0}.free-banner{text-align:center;padding:12px;background:var(--green-soft);border-radius:var(--radius)}.free-banner p:first-child{font-size:13px;color:var(--green);font-weight:700}.free-banner p:last-child{font-size:11px;color:var(--text3);margin-top:2px}.payment-info{text-align:center;padding:20px}.payment-amount{font-size:32px;font-weight:800;color:var(--green)}.payment-details{margin-top:8px;font-size:13px;color:var(--text3)}.payment-account{font-size:20px;font-weight:800;margin:8px 0;font-family:monospace}.fee-box{background:#f8fafc;border:1px solid var(--border);border-radius:10px;padding:12px;margin-bottom:12px}.fee-row{display:flex;justify-content:space-between;font-size:13px;font-weight:600;color:var(--text2);padding:3px 0}.fee-total{border-top:1px solid var(--border);margin-top:6px;padding-top:8px;font-weight:800;color:var(--text)}.resolved-box{padding:12px;background:var(--green-soft);border-radius:10px;margin-bottom:10px}.resolved-name{font-size:14px;font-weight:800;color:var(--green)}.resolved-bank{font-size:12px;color:var(--text3);margin-top:2px}.setting-row{display:flex;justify-content:space-between;align-items:center;padding:4px 0}.setting-label{font-size:14px;font-weight:600;color:var(--text)}.setting-toggle{padding:6px 16px;border-radius:100px;border:none;font-size:12px;font-weight:800;cursor:pointer;font-family:inherit;transition:all .15s}.setting-toggle.on{background:var(--accent);color:#fff}.setting-toggle.off{background:var(--border);color:var(--text3)}.tier-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.tier-card{padding:12px;border-radius:10px;border:1.5px solid var(--border);background:var(--card);cursor:pointer;text-align:center;transition:all .15s;display:flex;flex-direction:column;gap:2px}.tier-card:active{transform:scale(.97)}.tier-active{border-color:var(--accent);background:var(--accent-soft)}.tier-locked{opacity:.35;cursor:not-allowed}.tier-name{font-size:14px;font-weight:800;color:var(--text)}.tier-desc{font-size:11px;font-weight:600;color:var(--text3)}.tier-prize{font-size:12px;font-weight:800;color:var(--green);margin-top:2px}.btn-forfeit{width:100%;padding:10px;border-radius:8px;border:none;background:none;color:var(--red);font-size:12px;font-weight:700;cursor:pointer;font-family:inherit;opacity:.6;transition:opacity .15s}.btn-forfeit:active{opacity:1}.btn-forfeit:disabled{opacity:.2;cursor:not-allowed}