:root{--bg-top:#fff5d6;--bg-mid:#ffd9e8;--bg-bottom:#bde8ff;--ink:#2b1835;--muted:#7d647f;--panel:#ffffffbd;--panel-strong:#ffffffe6;--border:#ffffffb8;--berry:#e84d8a;--rose:#ff7aa5;--orange:#ff9f43;--mint:#45c79b;--blue:#45aaf2;--violet:#8f5cf7;--shadow:0 20px 60px #752b4d38;--cell-size:clamp(38px, 9.6vw, 68px);--cell-gap:clamp(5px, 1.25vw, 9px);--font-game:Vazirmatn, Tahoma, sans-serif;color:var(--ink);font-family:var(--font-game);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{background:radial-gradient(circle at 15% 10%, #fffffff2, transparent 24rem), linear-gradient(145deg, var(--bg-top) 0%, var(--bg-mid) 48%, var(--bg-bottom) 100%);min-height:100%}body{min-width:320px;min-height:100svh;margin:0}button{font:inherit}#root{min-height:100svh}.app{width:min(1180px,100%);min-height:100svh;margin:0 auto;padding:18px}.game-header{grid-template-columns:minmax(170px,1fr) minmax(460px,1.45fr) minmax(260px,.9fr);align-items:stretch;gap:14px;margin-bottom:16px;display:grid}.title-block,.stats-strip,.actions,.board-shell,.panel{border:1px solid var(--border);background:var(--panel);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.title-block{border-radius:26px;flex-direction:column;justify-content:center;min-height:118px;padding:18px 20px;display:flex;position:relative;overflow:hidden}.title-block:after{content:"";inset-inline-start:-30px;background:#ff9f4342;border-radius:50%;width:120px;height:120px;position:absolute;bottom:-40px}.eyebrow{color:#8b4e6a;margin:0 0 6px;font-size:.86rem;font-weight:800}h1,h2,p{margin:0}h1{letter-spacing:0;color:#511c54;font-size:clamp(2rem,4.8vw,3.8rem);line-height:1}h2{color:#4d2858;font-size:1rem;line-height:1.2}.stats-strip{border-radius:26px;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:12px;display:grid}.stat-tile{text-align:center;background:linear-gradient(#ffffffd6,#ffffff8a),linear-gradient(135deg,#ff7aa533,#45aaf22e);border-radius:20px;min-width:0;padding:13px 10px;box-shadow:inset 0 -4px #7b3e5d14}.stat-tile span{color:var(--muted);margin-bottom:4px;font-size:.78rem;font-weight:800;display:block}.stat-tile strong{color:#34123e;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(1.05rem,2vw,1.55rem);line-height:1.1;display:block;overflow:hidden}.combo-tile--active{background:linear-gradient(135deg,#fff4a6,#ff9f43 42%,#ff5c93);animation:.52s both comboPulse}.actions{border-radius:26px;grid-template-columns:1fr;gap:9px;padding:12px;display:grid}.actions button{color:#fff;background:linear-gradient(135deg, var(--berry), var(--orange));cursor:pointer;border:0;border-radius:17px;min-height:0;padding:10px 14px;font-weight:900;transition:transform .16s,box-shadow .16s,filter .16s;box-shadow:0 8px #922d482e,0 14px 28px #e84d8a38}.actions button:nth-child(2){background:linear-gradient(135deg, var(--blue), var(--violet))}.actions button:nth-child(3){background:linear-gradient(135deg, var(--mint), var(--blue))}.actions button:hover:not(:disabled){filter:saturate(1.08);transform:translateY(-2px)}.actions button:active:not(:disabled){transform:translateY(3px);box-shadow:0 4px #922d482e,0 8px 18px #e84d8a2e}.actions button:disabled{cursor:not-allowed;filter:grayscale(.6);opacity:.58}.game-layout{grid-template-columns:minmax(0,1fr) 330px;align-items:start;gap:16px;display:grid}.board-shell{border-radius:34px;min-width:0;padding:clamp(10px,2vw,22px);position:relative;overflow:hidden}.board-glow{pointer-events:none;background:linear-gradient(135deg,#ffffff75,#fff0),radial-gradient(circle at 50% 20%,#ffffffc7,#0000 18rem);border-radius:28px;position:absolute;inset:12px}.board{z-index:1;grid-template-columns:repeat(8, var(--cell-size));grid-template-rows:repeat(8, var(--cell-size));gap:var(--cell-gap);background:linear-gradient(135deg,#ffffff85,#ffffff47),#ff7eb129;border-radius:26px;place-content:center;width:max-content;max-width:100%;margin:0 auto;padding:clamp(8px,2vw,18px);display:grid;position:relative;box-shadow:inset 0 0 0 1px #ffffffa3}.cell{width:var(--cell-size);height:var(--cell-size);color:#fff;cursor:pointer;isolation:isolate;background:radial-gradient(circle at 32% 24%,#ffffffbd,#0000 25%),linear-gradient(145deg,#ffcf58,#ff7d67 48%,#e84d8a);border:0;border-radius:clamp(14px,2.8vw,20px);outline:none;place-items:center;transition:transform .17s,filter .17s,box-shadow .17s;display:grid;position:relative;box-shadow:inset 0 -7px #6c284a2e,inset 0 2px #ffffffa3,0 10px 18px #5d2d5838}.cell:nth-child(5n+2){background:radial-gradient(circle at 32% 24%,#ffffffbd,#0000 25%),linear-gradient(145deg,#74e0c1,#45aaf2 52%,#8f5cf7)}.cell:nth-child(5n+3){background:radial-gradient(circle at 32% 24%,#ffffffbd,#0000 25%),linear-gradient(145deg,#ffeb7a,#ff9f43 52%,#f45173)}.cell:nth-child(5n+4){background:radial-gradient(circle at 32% 24%,#ffffffbd,#0000 25%),linear-gradient(145deg,#b2ffda,#45c79b 48%,#2299ce)}.cell:nth-child(5n){background:radial-gradient(circle at 32% 24%,#ffffffbd,#0000 25%),linear-gradient(145deg,#d8adff,#8f5cf7 52%,#e84d8a)}.cell:not(:disabled):hover{filter:saturate(1.08);transform:translateY(-3px)scale(1.03)}.cell:focus-visible{box-shadow:0 0 0 4px #ffffffeb,0 0 0 7px #e84d8a7a,inset 0 -7px #6c284a2e,0 10px 18px #5d2d5838}.cell__shine{z-index:-1;background:#ffffff75;border-radius:999px;width:38%;height:22%;position:absolute;inset:7px auto auto 9px;transform:rotate(-22deg)}.cell__letter{text-shadow:0 3px #5d2a4a38;font-size:clamp(1.32rem,5vw,2.25rem);font-weight:950;line-height:1}.cell--selected{transform:translateY(-4px)scale(1.08);box-shadow:0 0 0 4px #fff,0 0 0 8px #ffcf58db,inset 0 -7px #6c284a2e,0 16px 25px #5d2d5842}.cell--swapping{animation:.21s both swapBounce}.cell--shaking{animation:.32s both shake}.cell--matched{animation:.42s forwards explode}.cell--falling{animation:.36s both fallIn}.cell--spawning{animation:.39s cubic-bezier(.2,1.25,.34,1) both spawnIn}.score-popup{z-index:4;grid-row:calc(var(--popup-row) + 1);grid-column:calc(var(--popup-col) + 1);color:#fff;text-align:center;pointer-events:none;background:linear-gradient(135deg,#511c54,#e84d8a 55%,#ff9f43);border-radius:999px;place-self:center;max-width:min(260px,74vw);padding:8px 12px;font-size:clamp(.82rem,2vw,1rem);font-weight:950;line-height:1.2;animation:.92s forwards scoreFloat;position:absolute;box-shadow:0 16px 32px #511c5440}.sidebar{gap:14px;display:grid}.panel{border-radius:26px;padding:16px}.panel__header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.panel__header span{color:#fff;background:var(--berry);text-align:center;border-radius:999px;min-width:34px;padding:4px 9px;font-size:.8rem;font-weight:900}.word-list,.combo-list{gap:8px;max-height:282px;padding-inline-end:4px;display:grid;overflow:auto}.word-chip,.combo-row,.statistics-grid div{background:#ffffff94;border:1px solid #ffffffb3;border-radius:17px;box-shadow:inset 0 -3px #7b3e5d0f}.word-chip{justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex}.word-chip strong{color:#3d1644;font-size:1.02rem}.word-chip span{color:var(--muted);white-space:nowrap;font-size:.82rem;font-weight:800}.combo-row{grid-template-columns:48px 1fr auto;align-items:center;gap:9px;padding:10px 12px;display:grid}.combo-row span{color:var(--berry);font-weight:950}.combo-row strong{color:#3d1644;font-size:.92rem}.combo-row em{color:var(--muted);font-size:.82rem;font-style:normal;font-weight:800}.empty-state{color:var(--muted);text-align:center;background:#ffffff70;border-radius:18px;padding:18px 12px;font-size:.9rem;font-weight:800}.statistics-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:0;display:grid}.statistics-grid div{min-width:0;padding:12px}.statistics-grid dt{color:var(--muted);font-size:.78rem;font-weight:800}.statistics-grid dd{color:#3d1644;text-overflow:ellipsis;white-space:nowrap;margin:5px 0 0;font-size:1.08rem;font-weight:950;line-height:1.1;overflow:hidden}@keyframes swapBounce{0%{transform:scale(1)}50%{transform:scale(1.12)rotate(2deg)}to{transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)rotate(-3deg)}40%{transform:translate(7px)rotate(3deg)}60%{transform:translate(-5px)rotate(-2deg)}80%{transform:translate(4px)rotate(2deg)}}@keyframes explode{0%{opacity:1;transform:scale(1)}45%{filter:brightness(1.18)saturate(1.25);transform:scale(1.18)rotate(-4deg)}to{opacity:0;transform:scale(.12)rotate(18deg)}}@keyframes fallIn{0%{transform:translateY(-22px)}to{transform:translateY(0)}}@keyframes spawnIn{0%{opacity:0;transform:translateY(-42px)scale(.35)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes scoreFloat{0%{opacity:0;transform:translateY(10px)scale(.78)}18%,70%{opacity:1;transform:translateY(-8px)scale(1)}to{opacity:0;transform:translateY(-34px)scale(.92)}}@keyframes comboPulse{0%{transform:scale(1)}45%{transform:scale(1.05)}to{transform:scale(1)}}@media (width<=1060px){.game-header{grid-template-columns:1fr}.actions{grid-template-columns:repeat(3,minmax(0,1fr))}.game-layout{grid-template-columns:1fr}.sidebar{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=760px){.app{padding:10px}.title-block,.stats-strip,.actions,.board-shell,.panel{border-radius:20px}.stats-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.actions{grid-template-columns:1fr}.board-shell{padding:8px}.board{border-radius:20px;padding:7px}.sidebar{grid-template-columns:1fr}.word-list,.combo-list{max-height:210px}}@media (width<=380px){:root{--cell-gap:4px}.app,.stat-tile{padding-inline:6px}}