@font-face{font-family:'IRANSansX';src:url('IRANSansX-Medium.ttf') format('truetype');font-weight:500}:root{--bg:#0f172a;--panel:rgba(30,41,59,0.7);--primary:#8b5cf6;--secondary:#ec4899;--text:#fff;--correct:#10b981;--present:#f59e0b;--absent:#475569;--tile-bg:rgba(255,255,255,0.05);--key-bg:#334155}[data-theme="luxury"]{--bg:#0a0a0a;--panel:rgba(20,20,20,0.9);--primary:#d4af37;--secondary:#f3e5ab;--correct:#b4941f;--present:#4d431d;--absent:#262626;--tile-bg:#1a1a1a;--key-bg:#262626}[data-theme="ocean"]{--bg:#082f49;--panel:rgba(12,74,110,0.8);--primary:#38bdf8;--secondary:#7dd3fc;--correct:#0ea5e9;--present:#67e8f9;--absent:#1e293b}[data-theme="light"]{--bg:#f8fafc;--panel:rgba(255,255,255,0.9);--primary:#6366f1;--secondary:#db2777;--text:#1e293b;--correct:#22c55e;--present:#eab308;--absent:#cbd5e1;--tile-bg:#f1f5f9;--key-bg:#e2e8f0}*{margin:0;padding:0;box-sizing:border-box;font-family:'IRANSansX','Tahoma',sans-serif;-webkit-tap-highlight-color:transparent}body{background-color:var(--bg);color:var(--text);height:100vh;width:100vw;display:flex;flex-direction:column;align-items:center;overflow:hidden;transition:background .5s ease;user-select:none;-webkit-user-select:none}#game-wrapper{width:100%;max-width:500px;height:100%;display:flex;flex-direction:column;justify-content:space-between}.header{width:100%;padding:10px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.stat-card{background:var(--panel);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.1);border-radius:12px;padding:6px;text-align:center;cursor:pointer}.stat-label{font-size:.65rem;opacity:.7;display:block}.stat-val{font-weight:bold;font-size:.9rem}#progress-container{width:100%;padding:0 10px;display:none;height:10px}.progress-bar-bg{width:100%;height:6px;background:rgba(255,255,255,0.1);border-radius:10px;overflow:hidden}.progress-bar-fill{width:100%;height:100%;background:var(--secondary);transition:width .1s linear}#board-container{flex:1;display:flex;align-items:center;justify-content:center;padding:5px;overflow:hidden}#board{display:grid;gap:6px;padding:5px}.row{display:grid;grid-template-columns:repeat(var(--cols),1fr);gap:6px}.tile{width:clamp(35px,11vh,55px);height:clamp(35px,11vh,55px);border:2px solid var(--absent);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:clamp(1.2rem,4vh,1.8rem);font-weight:800;background:var(--tile-bg);transition:transform .3s;perspective:1000px}.tile.pop{animation:pop .15s ease-out;border-color:var(--primary)}.tile.flip{animation:flip .6s ease-in-out}@keyframes pop{50%{transform:scale(1.1)}}@keyframes flip{0%{transform:rotateX(0deg)}50%{transform:rotateX(90deg)}100%{transform:rotateX(0deg)}}.tile.correct{background:var(--correct)!important;border-color:var(--correct)!important;color:#fff}.tile.present{background:var(--present)!important;border-color:var(--present)!important;color:#fff}.tile.absent{background:var(--absent)!important;border-color:var(--absent)!important;color:#fff;opacity:.5}.keyboard{width:100%;padding:5px 5px 15px;background:var(--panel);border-radius:20px 20px 0 0;backdrop-filter:blur(15px)}.key-row{display:flex;justify-content:center;gap:3px;margin-bottom:5px}.key{flex:1;height:45px;border-radius:6px;border:none;background:var(--key-bg);color:var(--text);font-weight:bold;cursor:pointer;font-size:.85rem;display:flex;align-items:center;justify-content:center}.key.wide{flex:2;background:var(--primary);color:#fff}.key.del{flex:1.5;background:#64748b}.key:active{transform:scale(.92)}.modal{position:fixed;inset:0;background:rgba(0,0,0,0.85);display:none;align-items:center;justify-content:center;z-index:1000;backdrop-filter:blur(8px);padding:20px}.modal.active{display:flex}.modal-content{background:var(--bg);border:2px solid var(--primary);width:100%;max-width:400px;padding:25px;border-radius:24px;text-align:center;animation:modalIn .4s cubic-bezier(.18,.89,.32,1.28)}.btn{width:100%;padding:12px;border:none;border-radius:12px;background:var(--primary);color:#fff;font-weight:bold;margin-top:10px;cursor:pointer}.shop-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:15px 0}.shop-item{background:var(--tile-bg);border:2px solid var(--absent);padding:10px;border-radius:14px;cursor:pointer}.shop-item.active{border-color:var(--primary);background:rgba(139,92,246,.1)}.theme-preview{display:flex;gap:4px;margin-top:5px;justify-content:center}.p-dot{width:12px;height:12px;border-radius:50%}#wheel-container{position:relative;width:250px;height:250px;margin:10px auto}#wheel-canvas{width:100%;height:100%;transition:transform 4s cubic-bezier(.1,0,.2,1)}.pointer{position:absolute;top:-10px;left:50%;transform:translateX(-50%);width:20px;height:30px;background:#ef4444;clip-path:polygon(50% 100%,0 0,100% 0);z-index:10}@keyframes modalIn{from{transform:scale(.8) translateY(20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}@keyframes shake{0%,100%{transform:translateX(0)}25%{transform:translateX(-8px)}75%{transform:translateX(8px)}}