:root{
  --bg:#090b12;--bg2:#0e1320;--panel:#111827;--panel2:#151c2d;--line:rgba(255,255,255,.11);--text:#f8fafc;--muted:#9aa8bd;--soft:#cbd5e1;--orange:#f97316;--gold:#facc15;--blue:#38bdf8;--green:#34d399;--tile-dark:#26221c;--board-size:4;--board-gap:clamp(7px,1.7vw,12px);--cell-radius:clamp(11px,2.2vw,18px);--empty-cell:rgba(255,255,255,.075);--shadow:0 30px 110px rgba(0,0,0,.42)}
@font-face{font-family:"Tajawal";src:url("/assets/fonts/Tajawal-400-Arabic.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF}@font-face{font-family:"Tajawal";src:url("/assets/fonts/Tajawal-500-Arabic.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF}@font-face{font-family:"Tajawal";src:url("/assets/fonts/Tajawal-700-Arabic.woff2") format("woff2");font-weight:700 1000;font-style:normal;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF}@font-face{font-family:"Noto Sans Devanagari";src:url("/assets/fonts/NotoSansDevanagari.woff2") format("woff2");font-weight:400 1000;font-style:normal;font-display:swap;unicode-range:U+0900-097F,U+A8E0-A8FF,U+1CD0-1CFF}
*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}html.no-js .game-card:after{content:'Please enable interactive content to play 2048.';display:block;margin-top:1rem;color:#fecaca}body{margin:0;min-height:100vh;background:radial-gradient(circle at 80% 0%,rgba(249,115,22,.22),transparent 30rem),radial-gradient(circle at 0% 20%,rgba(56,189,248,.14),transparent 24rem),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;line-height:1.5;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,black,transparent 78%)}a{color:inherit;text-decoration:none}button,select{font:inherit}button{border:0;cursor:pointer;background:none;color:inherit}.container{width:min(1180px,calc(100% - 32px));margin-inline:auto}.hidden{display:none!important}.skip-link{position:fixed;left:1rem;top:1rem;z-index:999;transform:translateY(-150%);border-radius:999px;background:#fff;color:#111827;padding:.85rem 1rem;font-weight:900}.skip-link:focus{transform:none}.site-header{position:fixed;inset-inline:0;top:0;z-index:100;border-bottom:1px solid var(--line);background:rgba(9,11,18,.84);backdrop-filter:blur(18px);box-shadow:0 18px 70px rgba(0,0,0,.22)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 0}
.g7-brand{display:inline-flex;align-items:center;gap:.7rem;color:#fff;text-decoration:none;font-weight:1000;letter-spacing:-.03em}.g7-brand-badge{display:grid;place-items:center;width:48px;height:48px;border-radius:16px;background:linear-gradient(135deg,#facc15,#f97316);color:#111827;font-size:.82rem;font-weight:1000;box-shadow:0 0 26px rgba(250,204,21,.32)}.g7-brand-text{font-weight:1000;letter-spacing:-.04em}.g7-brand-text span{color:#facc15}.desktop-nav{display:none;align-items:center;gap:1.5rem;color:#d5deeb;font-size:.92rem;font-weight:850}.desktop-nav a{transition:color .18s ease}.desktop-nav a:hover{color:white}.header-actions{display:flex;align-items:center;gap:.6rem}.menu-button{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.06)}.mobile-menu{border-top:1px solid var(--line);background:rgba(9,11,18,.96)}.mobile-nav{display:grid;gap:.55rem;padding:.8rem 0 1rem}.mobile-link{border:1px solid rgba(255,255,255,.08);border-radius:14px;background:rgba(255,255,255,.045);padding:.85rem 1rem;color:#e2e8f0;font-weight:850}.button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:46px;border-radius:999px;padding:.82rem 1.12rem;font-weight:1000;line-height:1;transition:transform .18s ease,filter .18s ease,background .18s ease,border-color .18s ease}.button:hover{transform:translateY(-1px)}.button-primary{background:linear-gradient(135deg,var(--orange),var(--gold));color:#111827;box-shadow:0 16px 42px rgba(249,115,22,.22)}.button-primary:hover{filter:brightness(1.06)}.button-secondary{border:1px solid var(--line);background:rgba(255,255,255,.055);color:white}.button-secondary:hover{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.22)}.button-small{min-height:42px;padding:.72rem 1rem}.button-large{min-height:56px;padding-inline:1.45rem}.hero{position:relative;padding:7.2rem 0 3.5rem}.hero-grid{display:grid;gap:2.4rem;align-items:center}.hero-copy{position:relative;z-index:2}.eyebrow,.section-kicker{display:inline-flex;align-items:center;gap:.55rem;color:#fed7aa;font-weight:1000;font-size:.72rem;line-height:1;text-transform:uppercase;letter-spacing:.16em}.eyebrow{border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.055);border-radius:999px;padding:.7rem .95rem}.eyebrow span{width:8px;height:8px;border-radius:99px;background:var(--green);box-shadow:0 0 18px rgba(52,211,153,.9)}h1,h2,h3,p{margin:0}.hero h1{margin-top:1.15rem;max-width:760px;font-size:clamp(2.65rem,9vw,5.95rem);line-height:.94;font-weight:1000;letter-spacing:-.075em}.hero-lead{margin-top:1.25rem;max-width:680px;color:#d5deeb;font-size:clamp(1.05rem,2vw,1.25rem);line-height:1.8}.hero-actions{display:flex;flex-direction:column;gap:.75rem;margin-top:1.75rem}.trust-row{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.2rem}.trust-row span{border:1px solid rgba(255,255,255,.09);border-radius:999px;background:rgba(255,255,255,.045);color:#cbd5e1;padding:.48rem .72rem;font-size:.78rem;font-weight:850}.hero-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;margin-top:1.35rem;max-width:560px}.hero-stats div{border:1px solid rgba(255,255,255,.1);border-radius:18px;background:rgba(255,255,255,.055);padding:.9rem .65rem;text-align:center}.hero-stats strong{display:block;color:white;font-size:clamp(1.1rem,3vw,1.65rem);font-weight:1000;line-height:1}.hero-stats span{display:block;margin-top:.32rem;color:#94a3b8;font-size:.72rem;font-weight:850}.game-card{position:relative;z-index:3;width:100%;max-width:650px;margin-inline:auto;border:1px solid rgba(255,255,255,.12);border-radius:32px;background:linear-gradient(180deg,rgba(21,26,39,.94),rgba(9,11,18,.97));box-shadow:var(--shadow),0 0 0 1px rgba(255,255,255,.025) inset;padding:clamp(14px,2.6vw,24px);scroll-margin-top:100px}.game-card:focus-within{box-shadow:var(--shadow),0 0 0 4px rgba(56,189,248,.12)}.game-topbar,.game-toolbar,.theme-row,.overlay-actions,.overlay-share{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap}.game-topbar{justify-content:space-between;margin-bottom:1rem}.game-topbar h2{margin-top:.35rem;color:white;font-size:clamp(1.3rem,3vw,2rem);font-weight:1000;line-height:1.05;letter-spacing:-.04em}.status-pill{border:1px solid rgba(34,197,94,.18);border-radius:999px;background:rgba(34,197,94,.12);color:#86efac;padding:.58rem .85rem;font-size:.76rem;font-weight:1000}.score-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem;margin-bottom:1rem}.score-box{min-width:0;border:1px solid rgba(255,255,255,.09);border-radius:18px;background:rgba(255,255,255,.055);padding:.85rem .45rem;text-align:center}.score-box span,.game-insights span,.overlay-stats small{display:block;color:#94a3b8;font-size:.64rem;font-weight:1000;text-transform:uppercase;letter-spacing:.08em}.score-box strong{display:block;margin-top:.28rem;color:white;font-size:clamp(.95rem,3.5vw,1.55rem);font-weight:1000;line-height:1}.game-toolbar{align-items:stretch;margin-bottom:.75rem}.select-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.native-mode-select{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.mode-control{position:relative;z-index:30;flex:1 1 260px;min-width:min(100%,260px)}.mode-button{display:flex;align-items:center;justify-content:space-between;gap:.75rem;width:100%;min-height:48px;border:1px solid rgba(255,255,255,.14);border-radius:16px;background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.045));color:#f8fafc;padding:.78rem 1rem;font-weight:1000;text-align:left;box-shadow:inset 0 1px 0 rgba(255,255,255,.06);transition:transform .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease}.mode-button:hover,.mode-button[aria-expanded=true]{transform:translateY(-1px);border-color:rgba(251,191,36,.48);background:rgba(255,255,255,.095);box-shadow:0 14px 36px rgba(0,0,0,.22),0 0 0 4px rgba(251,191,36,.08)}.mode-chevron{width:18px;height:18px;flex:0 0 auto;color:#fed7aa;transition:transform .18s ease}.mode-button[aria-expanded=true] .mode-chevron{transform:rotate(180deg)}.mode-menu{position:absolute;left:0;right:0;top:calc(100% + 8px);z-index:80;max-height:330px;overflow:auto;border:1px solid rgba(255,255,255,.16);border-radius:18px;background:#111827;padding:.45rem;box-shadow:0 26px 70px rgba(0,0,0,.52),0 0 0 1px rgba(255,255,255,.04) inset}.mode-menu button{display:flex;align-items:center;width:100%;min-height:42px;border-radius:13px;padding:.7rem .82rem;color:#e2e8f0;font-weight:900;text-align:left;transition:background .16s ease,color .16s ease,transform .16s ease}.mode-menu button:hover,.mode-menu button:focus-visible{outline:none;transform:translateX(2px);background:rgba(255,255,255,.08);color:#fff}.mode-menu button[aria-selected=true]{background:linear-gradient(135deg,var(--orange),var(--gold));color:#111827}.control-button,.theme-pill,.share-btn{border:1px solid rgba(255,255,255,.11);border-radius:16px;background:rgba(255,255,255,.06);color:#f8fafc;padding:.78rem .85rem;font-weight:1000;transition:transform .18s ease,background .18s ease,border-color .18s ease}.control-button:hover,.theme-pill:hover,.share-btn:hover{transform:translateY(-1px);background:rgba(255,255,255,.095)}.primary-control,.theme-pill.active{background:linear-gradient(135deg,var(--orange),var(--gold));color:#111827;border-color:transparent}.theme-row{margin-bottom:1rem}.theme-pill{flex:1 1 auto;min-width:86px;padding-block:.62rem;font-size:.82rem}.board-wrap{position:relative;outline:none;border-radius:28px}.board-wrap:focus-visible{box-shadow:0 0 0 4px rgba(56,189,248,.25)}.game-board{--size:var(--board-size);display:grid;grid-template-columns:repeat(var(--size),minmax(0,1fr));gap:var(--board-gap);width:min(100%,560px);aspect-ratio:1/1;margin-inline:auto;border-radius:28px;padding:var(--board-gap);background:#2c3342;touch-action:none;user-select:none}.game-board.board-3{--board-size:3;--board-gap:clamp(9px,2vw,14px)}.game-board.board-4{--board-size:4}.game-board.board-5{--board-size:5;--board-gap:clamp(6px,1.35vw,9px);--cell-radius:clamp(8px,1.7vw,14px)}.game-board.board-6{--board-size:6;--board-gap:clamp(5px,1.1vw,8px);--cell-radius:clamp(7px,1.4vw,12px)}.cell{aspect-ratio:1/1;border-radius:var(--cell-radius);background:var(--empty-cell);overflow:hidden;display:grid;place-items:center}.tile{width:100%;height:100%;display:grid;place-items:center;border-radius:var(--cell-radius);font-weight:1000;line-height:1;letter-spacing:-.055em;color:white;text-shadow:0 1px 3px rgba(0,0,0,.18);box-shadow:inset 0 -3px 0 rgba(0,0,0,.08),0 8px 22px rgba(0,0,0,.14);animation:tileIn .14s cubic-bezier(.2,.8,.2,1)}.tile-size-3{font-size:clamp(2rem,12vw,4.4rem)}.tile-size-4{font-size:clamp(1.45rem,8vw,3.35rem)}.tile-size-5{font-size:clamp(.95rem,5.2vw,2.25rem)}.tile-size-6{font-size:clamp(.72rem,4vw,1.7rem)}.tile[data-value="2"],.tile[data-value="4"],.tile[data-value="128"],.tile[data-value="256"],.tile[data-value="512"],.tile[data-value="1024"]{color:var(--tile-dark);text-shadow:none}.tile[data-value="2"]{background:#eee4da}.tile[data-value="4"]{background:#eadcc8}.tile[data-value="8"]{background:#f2b46d}.tile[data-value="16"]{background:#f28c4c}.tile[data-value="32"]{background:#f26d55}.tile[data-value="64"]{background:#f04b2f}.tile[data-value="128"]{background:#f2d05c}.tile[data-value="256"]{background:#e9b92f}.tile[data-value="512"]{background:#f5a400;color:#111827;text-shadow:none}.tile[data-value="1024"]{background:#facc15;color:#111827;text-shadow:none}.tile[data-value="2048"]{background:radial-gradient(circle at 28% 18%,rgba(255,255,255,.5),transparent 26%),linear-gradient(135deg,#fff3b0 0%,#facc15 24%,#f59e0b 48%,#f97316 68%,#16a34a 100%);color:#fffaf0;border:1px solid rgba(255,236,153,.9);box-shadow:0 0 0 1px rgba(255,255,255,.16) inset,0 0 24px rgba(250,204,21,.58),0 8px 24px rgba(22,163,74,.3);text-shadow:0 2px 4px rgba(0,0,0,.48),0 0 12px rgba(255,255,255,.22)}.tile[data-value="4096"]{background:linear-gradient(135deg,#38bdf8,#2563eb);color:#07111f;text-shadow:none}.tile[data-value="8192"]{background:linear-gradient(135deg,#22c55e,#16a34a);color:#03130a;text-shadow:none}.tile[data-value="16384"]{background:linear-gradient(135deg,#a855f7,#7c3aed)}.tile[data-value="32768"]{background:linear-gradient(135deg,#ec4899,#be123c)}.tile[data-value="65536"],.tile[data-value="131072"],.tile[data-value="262144"]{background:linear-gradient(135deg,#111827,#f59e0b);box-shadow:inset 0 -3px 0 rgba(0,0,0,.08),0 8px 22px rgba(0,0,0,.14),0 0 20px rgba(245,158,11,.35)}.tile[data-value="1024"],.tile[data-value="2048"]{font-size:clamp(1.1rem,6vw,2.6rem)}.tile[data-value="4096"],.tile[data-value="8192"],.tile[data-value="16384"]{font-size:clamp(.9rem,5vw,2.1rem)}.tile[data-value="32768"],.tile[data-value="65536"],.tile[data-value="131072"],.tile[data-value="262144"]{font-size:clamp(.75rem,4vw,1.7rem)}.tile-size-5.tile[data-value="1024"],.tile-size-5.tile[data-value="2048"]{font-size:clamp(.78rem,4.2vw,1.78rem)}.tile-size-5.tile[data-value="4096"],.tile-size-5.tile[data-value="8192"],.tile-size-5.tile[data-value="16384"]{font-size:clamp(.68rem,3.6vw,1.54rem)}.tile-size-5.tile[data-value="32768"],.tile-size-5.tile[data-value="65536"],.tile-size-5.tile[data-value="131072"],.tile-size-5.tile[data-value="262144"]{font-size:clamp(.58rem,3.2vw,1.3rem)}.tile-size-6.tile[data-value="1024"],.tile-size-6.tile[data-value="2048"]{font-size:clamp(.6rem,3.4vw,1.4rem)}.tile-size-6.tile[data-value="4096"],.tile-size-6.tile[data-value="8192"],.tile-size-6.tile[data-value="16384"]{font-size:clamp(.55rem,3vw,1.25rem)}.tile-size-6.tile[data-value="32768"],.tile-size-6.tile[data-value="65536"],.tile-size-6.tile[data-value="131072"],.tile-size-6.tile[data-value="262144"]{font-size:clamp(.48rem,2.6vw,1.05rem)}.theme-dark .game-board{background:#111827}.theme-dark .cell{background:rgba(255,255,255,.045)}.theme-dark .tile{filter:saturate(.85) brightness(.98)}.theme-neon .game-board{background:#030712;box-shadow:0 0 34px rgba(56,189,248,.16),inset 0 0 0 1px rgba(56,189,248,.16)}.theme-neon .cell{background:rgba(56,189,248,.08)}.theme-neon .tile{box-shadow:0 0 22px rgba(56,189,248,.2),inset 0 -3px 0 rgba(0,0,0,.08)}.theme-neon .tile[data-value="2048"]{box-shadow:0 0 0 1px rgba(255,255,255,.16) inset,0 0 24px rgba(250,204,21,.58),0 8px 24px rgba(22,163,74,.3)}.theme-retro .game-board{background:#2b2118}.theme-retro .cell{background:rgba(255,236,179,.09)}.theme-retro .tile{border-radius:10px;filter:sepia(.22) saturate(1.12)}.game-overlay{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:clamp(16px,3vw,32px);background:rgba(2,6,23,.72);backdrop-filter:blur(10px);overflow-y:auto}.game-overlay.hidden{display:none}.overlay-card{width:min(100%,460px);max-height:calc(100vh - 32px);overflow-y:auto;border:1px solid rgba(255,255,255,.12);border-radius:28px;background:rgba(15,23,42,.96);padding:1.3rem;text-align:center;box-shadow:0 30px 80px rgba(0,0,0,.35)}.overlay-card>p:first-child{color:#fed7aa;font-size:.75rem;font-weight:1000;text-transform:uppercase;letter-spacing:.16em}.overlay-card h3{margin-top:.35rem;color:white;font-size:1.75rem;font-weight:1000}.overlay-card>p:nth-child(3){margin-top:.45rem;color:#cbd5e1}.overlay-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem;margin:1rem 0}.overlay-stats span{border:1px solid rgba(255,255,255,.09);border-radius:16px;background:rgba(255,255,255,.055);padding:.75rem .45rem}.overlay-stats strong{display:block;margin-top:.25rem;color:white;font-weight:1000}.overlay-actions .button,.overlay-share .share-btn{flex:1 1 130px}.overlay-share{margin-top:.65rem}.share-panel{width:100%;margin-top:.75rem;border:1px solid rgba(255,255,255,.1);border-radius:18px;background:rgba(255,255,255,.055);padding:.85rem;text-align:left}.share-panel strong{display:block;color:white;font-weight:1000}.share-panel p{margin-top:.35rem;color:#cbd5e1;font-size:.88rem;line-height:1.6}.share-panel code{display:block;margin-top:.55rem;max-width:100%;overflow-wrap:anywhere;border-radius:12px;background:rgba(2,6,23,.45);padding:.55rem;color:#fed7aa;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.78rem}.share-panel .share-btn{margin-top:.65rem;width:100%}.share-btn{color:#cbd5e1}.game-insights{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem;margin-top:1rem}.game-insights div{border:1px solid rgba(255,255,255,.08);border-radius:16px;background:rgba(255,255,255,.045);padding:.72rem .45rem;text-align:center}.game-insights strong{display:block;margin-top:.2rem;color:white;font-weight:1000}.content-section{padding:clamp(3.6rem,8vw,5.8rem) 0}.answer-strip{padding:1rem 0 0}.answer-card{border:1px solid rgba(251,191,36,.16);border-radius:28px;background:linear-gradient(135deg,rgba(249,115,22,.1),rgba(56,189,248,.06));padding:1.35rem}.answer-card h2,.section-head h2,.section-intro h2,.leaderboard-card h2{margin-top:.75rem;color:white;font-size:clamp(2rem,5vw,3.25rem);line-height:1.05;font-weight:1000;letter-spacing:-.05em}.answer-card p:last-child,.section-head p,.section-intro p,.leaderboard-card p{margin-top:1rem;color:#b9c5d6;font-size:1rem;line-height:1.8}.two-column{display:grid;gap:2rem}.section-intro{max-width:560px}.section-head{max-width:760px;margin-bottom:2rem}.feature-grid,.steps-grid,.variant-grid,.guide-grid{display:grid;gap:1rem}.feature-grid article,.step-card,.variant-card,.guide-grid article,.tips-list article{border:1px solid rgba(255,255,255,.1);border-radius:24px;background:rgba(255,255,255,.045);padding:1.15rem;text-align:left;transition:transform .18s ease,border-color .18s ease,background .18s ease}.feature-grid article:hover,.step-card:hover,.variant-card:hover,.guide-grid article:hover,.tips-list article:hover{transform:translateY(-3px);border-color:rgba(251,146,60,.34);background:rgba(255,255,255,.075)}.feature-grid h3,.step-card h3,.variant-card strong,.guide-grid h3,.tips-list h3{display:block;color:white;font-size:1.05rem;font-weight:1000;line-height:1.25}.feature-grid p,.step-card p,.variant-card span,.guide-grid p,.tips-list p{display:block;margin-top:.65rem;color:#aab8ca;line-height:1.75}.step-card span{display:grid;place-items:center;width:42px;height:42px;margin-bottom:.9rem;border-radius:14px;background:linear-gradient(135deg,var(--orange),var(--gold));color:#111827;font-weight:1000}.variant-card{cursor:pointer}.tips-list{display:grid;gap:1rem}.leaderboard-card{display:grid;gap:1.4rem;border:1px solid rgba(255,255,255,.1);border-radius:30px;background:rgba(255,255,255,.045);padding:clamp(1.25rem,3vw,2rem)}.leaderboard-list{margin:0;padding:0;list-style:none;display:grid;gap:.65rem}.leaderboard-list li{display:flex;justify-content:space-between;gap:1rem;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:rgba(255,255,255,.04);padding:.85rem 1rem;color:#dbe6f3;font-weight:850}.faq-list{display:grid;gap:.85rem;max-width:860px}.faq-list details{border:1px solid rgba(255,255,255,.1);border-radius:20px;background:rgba(255,255,255,.045);padding:1rem}.faq-list summary{cursor:pointer;color:white;font-weight:1000}.faq-list p{margin-top:.75rem;color:#aab8ca;line-height:1.75}.site-footer{border-top:1px solid var(--line);background:#070a11;padding:3rem 0 1.4rem}.footer-grid{display:grid;gap:2rem}.footer-brand{margin-bottom:1rem}.site-footer p{max-width:380px;color:#94a3b8;line-height:1.8}.site-footer h2{margin-bottom:.9rem;color:white;font-size:.85rem;text-transform:uppercase;letter-spacing:.12em}.site-footer nav{display:grid;align-content:start;gap:.65rem}.site-footer nav a{color:#aab8ca;font-weight:750}.site-footer nav a:hover{color:white}.footer-bottom{margin-top:2rem;padding-top:1.3rem;border-top:1px solid rgba(255,255,255,.08);color:#7f8da3;font-size:.9rem}@keyframes tileIn{from{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}@media (min-width:640px){.hero-actions{flex-direction:row}.feature-grid,.variant-grid,.guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.steps-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.footer-grid{grid-template-columns:1.6fr 1fr 1fr}}@media (min-width:980px){.desktop-nav{display:flex}.menu-button{display:none}.hero-grid{grid-template-columns:.9fr 1.1fr}.two-column{grid-template-columns:.75fr 1.25fr;align-items:start}.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.leaderboard-card{grid-template-columns:.9fr 1.1fr;align-items:center}}


/* Language switcher */
.language-switcher{position:relative;z-index:120}.language-switcher summary{list-style:none;display:flex;align-items:center;gap:.55rem;min-height:42px;border:1px solid rgba(255,255,255,.11);border-radius:999px;background:rgba(255,255,255,.055);padding:.54rem .72rem;color:#e2e8f0;font-weight:950;cursor:pointer;transition:background .18s ease,border-color .18s ease,transform .18s ease}.language-switcher summary::-webkit-details-marker{display:none}.language-switcher summary:hover{transform:translateY(-1px);border-color:rgba(251,191,36,.35);background:rgba(255,255,255,.09)}.language-switcher summary span{font-size:.78rem}.language-switcher summary strong{display:grid;place-items:center;min-width:30px;height:30px;border-radius:999px;background:linear-gradient(135deg,var(--orange),var(--gold));color:#111827;font-size:.72rem}.language-panel{position:absolute;right:0;top:calc(100% + 10px);width:min(420px,calc(100vw - 24px));display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem;border:1px solid rgba(255,255,255,.14);border-radius:22px;background:#111827;padding:.65rem;box-shadow:0 28px 90px rgba(0,0,0,.55)}.language-panel a{display:flex;align-items:center;justify-content:space-between;gap:.7rem;border:1px solid rgba(255,255,255,.07);border-radius:14px;background:rgba(255,255,255,.04);padding:.72rem .78rem;color:#dbe6f3;font-weight:900;transition:background .16s ease,transform .16s ease,border-color .16s ease}.language-panel a:hover{transform:translateY(-1px);background:rgba(255,255,255,.08);border-color:rgba(251,191,36,.28);color:#fff}.language-panel small{color:#fed7aa;font-size:.68rem;font-weight:1000}.mobile-language-block{border:1px solid rgba(255,255,255,.09);border-radius:18px;background:rgba(255,255,255,.045);padding:.85rem}.mobile-language-block>span{display:block;margin-bottom:.7rem;color:#fed7aa;font-size:.72rem;font-weight:1000;text-transform:uppercase;letter-spacing:.12em}.mobile-language-block>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.mobile-language-block a{border:1px solid rgba(255,255,255,.07);border-radius:12px;background:rgba(255,255,255,.045);padding:.65rem .7rem;color:#e2e8f0;font-weight:850}.footer-languages{grid-template-columns:repeat(2,minmax(0,1fr))!important}.footer-languages h2{grid-column:1/-1}.footer-languages a{font-size:.92rem}@media (min-width:640px){.footer-grid{grid-template-columns:1.4fr .8fr .8fr 1.1fr}}@media (max-width:560px){.hero{padding-top:6.4rem}.brand-name{display:none}.score-grid,.game-insights{gap:.45rem;grid-template-columns:repeat(2,minmax(0,1fr))}.score-box{border-radius:14px;padding:.66rem .28rem}.score-box span,.game-insights span{font-size:.54rem;letter-spacing:.05em;overflow-wrap:anywhere}.game-toolbar{display:grid;grid-template-columns:1fr}.mode-control{grid-column:1/-1;min-width:0}.control-button{padding:.72rem .45rem;font-size:.82rem;min-height:46px}.theme-pill{min-width:calc(50% - .4rem)}.game-card{border-radius:24px}.game-board,.board-wrap{border-radius:22px}.overlay-stats{grid-template-columns:1fr}.hero-stats{gap:.45rem}.hero-stats div{padding:.75rem .35rem}.hero-stats span{font-size:.64rem}.language-switcher{display:none}.mobile-language-block>div{grid-template-columns:1fr 1fr}.footer-languages{grid-template-columns:1fr 1fr!important}.header-inner,.header-actions,.hero-grid,.hero-copy,.game-card{min-width:0}.header-inner{gap:.5rem}.header-actions{gap:.45rem}.header-actions .button-small{max-width:calc(100vw - 120px);padding:.64rem .78rem;font-size:.82rem;white-space:nowrap}.menu-button{flex:0 0 44px}.eyebrow,.section-kicker{max-width:100%;white-space:normal;line-height:1.25;letter-spacing:.1em}.hero h1{font-size:2.42rem;line-height:1;letter-spacing:0;overflow-wrap:break-word}.hero-lead{max-width:100%;font-size:1rem;line-height:1.72}.hero-actions .button{width:100%}body,.site-header{max-width:100vw}.container{width:min(calc(100vw - 20px),370px);max-width:370px;margin-inline:10px}}

.language-panel em,.mobile-language-block em,.footer-languages em{display:block;margin-top:.16rem;color:#94a3b8;font-size:.64rem;font-style:normal;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.language-panel a[data-status="coming-soon"],.mobile-language-block a[data-status="coming-soon"],.footer-languages a[data-status="coming-soon"]{border-style:dashed;color:#cbd5e1}.language-panel a[aria-current="page"],.mobile-language-block a[aria-current="page"],.footer-languages a[aria-current="page"]{border-color:rgba(251,191,36,.42);background:rgba(251,191,36,.08);color:#fff}
@media (max-width:380px){.hero h1{font-size:2.2rem}.header-actions .button-small{font-size:.78rem;padding-inline:.62rem}}


[dir="rtl"] .skip-link{right:1rem;left:auto}[dir="rtl"] .mode-button,[dir="rtl"] .mode-menu button,[dir="rtl"] .feature-grid article,[dir="rtl"] .step-card,[dir="rtl"] .variant-card,[dir="rtl"] .guide-grid article,[dir="rtl"] .tips-list article{text-align:right}[dir="rtl"] .mode-menu button:hover,[dir="rtl"] .mode-menu button:focus-visible{transform:translateX(-2px)}[dir="rtl"] .hero h1,[dir="rtl"] .answer-card h2,[dir="rtl"] .section-head h2,[dir="rtl"] .section-intro h2,[dir="rtl"] .leaderboard-card h2,[dir="rtl"] .game-topbar h2{letter-spacing:0}[dir="rtl"] .game-board{direction:ltr}[dir="rtl"] .language-panel{right:auto;left:0}[dir="rtl"] .language-panel a,[dir="rtl"] .mobile-language-block a,[dir="rtl"] .footer-languages a{direction:rtl}[dir="rtl"] .leaderboard-list li{direction:rtl}
html[lang="ar"]{direction:ltr}html[lang="ar"] body{direction:rtl;font-family:"Tajawal",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}html[lang="ar"] .tile{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}html[lang="hi"] body{font-family:"Noto Sans Devanagari",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}html[lang="hi"] .tile{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}html[lang="zh-Hans"] body{font-family:"Noto Sans SC","Microsoft YaHei","PingFang SC","Hiragino Sans GB",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}html[lang="zh-Hans"] .tile{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}html[lang="ja"] body{font-family:"Hiragino Sans","Yu Gothic","Meiryo","Noto Sans JP",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}html[lang="ja"] .tile{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}html[lang="ko"] body{font-family:"Apple SD Gothic Neo","Malgun Gothic","Noto Sans KR",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}html[lang="ko"] .tile{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}
@media (max-width:560px){html[lang="ar"],html[lang="ar"] body{overflow-x:hidden}html[lang="ar"] .hero h1{font-size:1.8rem;line-height:1.16;word-break:normal}html[lang="ar"] .eyebrow,html[lang="ar"] .section-kicker{font-size:.66rem;letter-spacing:.04em}html[lang="ar"] .header-actions .button-small{max-width:150px}html[lang="ar"] .hero-copy,html[lang="ar"] .hero-grid,html[lang="ar"] .game-card{max-width:100%}html[lang="ar"] .hero-lead{font-size:.98rem;line-height:1.85}html[lang="ar"] body{width:100%;max-width:100vw}html[lang="ar"] .container{width:calc(100vw - 20px);max-width:calc(100vw - 20px);margin-left:10px;margin-right:10px}html[lang="ar"] .header-inner{direction:ltr}html[lang="ar"] .brand{order:2;direction:ltr}html[lang="ar"] .header-actions{order:1;direction:rtl}html[lang="ar"] .site-header,html[lang="ar"] main,html[lang="ar"] section{max-width:100vw;overflow-x:clip}html[lang="ar"] .hero-copy,html[lang="ar"] .hero h1,html[lang="ar"] .hero-lead,html[lang="ar"] .eyebrow{min-width:0;max-width:100%;text-align:right}html[lang="ar"] .game-card{width:100%;margin-left:0;margin-right:0}html[lang="ar"] .game-topbar,html[lang="ar"] .game-toolbar,html[lang="ar"] .theme-row{max-width:100%}}



/* gos7 legal pages v2 — self-contained premium layout */
body.gos7-legal-page{--bg:#090b12;--panel:#111827;--panel2:#151b2a;--line:rgba(255,255,255,.12);--text:#f8fafc;--muted:#aab7c8;--soft:#dbe6f3;--gold:#fbbf24;--orange:#f97316;--blue:#38bdf8;--green:#34d399;--shadow:0 28px 90px rgba(0,0,0,.35)}body.gos7-legal-page{margin:0;min-height:100vh;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;line-height:1.65;background:radial-gradient(circle at 84% 0%,rgba(249,115,22,.22),transparent 32rem),radial-gradient(circle at 0% 18%,rgba(56,189,248,.14),transparent 26rem),#090b12;overflow-x:hidden}body.gos7-legal-page:before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(rgba(255,255,255,.026) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.026) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,black,transparent 80%)}
.legal-container{width:min(1160px,calc(100% - 32px));margin-inline:auto}.legal-skip{position:fixed;left:1rem;top:1rem;z-index:999;transform:translateY(-150%);border-radius:999px;background:#fff;color:#111827;padding:.85rem 1rem;font-weight:900}.legal-skip:focus{transform:none}.legal-topbar{position:sticky;top:0;z-index:50;border-bottom:1px solid var(--line);background:rgba(9,11,18,.84);backdrop-filter:blur(18px);box-shadow:0 18px 70px rgba(0,0,0,.22)}.legal-topbar-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:76px}.legal-brand{display:inline-flex;align-items:center;gap:.72rem;text-decoration:none;color:#fff}.legal-brand-mark{display:grid;place-items:center;width:48px;height:48px;border-radius:16px;background:linear-gradient(135deg,var(--orange),var(--gold) 52%,var(--blue));color:#fff;font-size:.82rem;font-weight:1000;letter-spacing:-.06em;box-shadow:0 16px 42px rgba(249,115,22,.24)}.legal-brand-text{font-weight:1000;letter-spacing:-.04em}.legal-brand-text span{color:#fed7aa}.legal-nav{display:flex;align-items:center;gap:1.25rem;color:#d5deeb;font-size:.92rem;font-weight:850}.legal-nav a{opacity:.92;text-decoration:none}.legal-nav a:hover,.legal-nav a[aria-current="page"]{color:#fff;opacity:1}.legal-cta{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:linear-gradient(135deg,var(--orange),var(--gold));color:#111827;text-decoration:none;font-weight:1000;padding:.72rem 1rem;box-shadow:0 16px 42px rgba(249,115,22,.22)}.legal-hero{padding:clamp(4rem,7vw,7rem) 0 clamp(1.7rem,4vw,3rem)}.legal-hero-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:1.25rem;align-items:end}.legal-eyebrow{display:inline-flex;align-items:center;gap:.55rem;width:max-content;max-width:100%;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.055);border-radius:999px;padding:.7rem .95rem;color:#fed7aa;font-size:.72rem;font-weight:1000;text-transform:uppercase;letter-spacing:.15em}.legal-eyebrow:before{content:"";width:8px;height:8px;border-radius:99px;background:var(--green);box-shadow:0 0 18px rgba(52,211,153,.9)}.legal-hero h1{margin:.95rem 0 0;max-width:860px;font-size:clamp(2.8rem,8vw,5.8rem);line-height:.95;font-weight:1000;letter-spacing:-.075em;color:#fff}.legal-hero .lead{margin:1.1rem 0 0;max-width:830px;color:#d5deeb;font-size:clamp(1.06rem,1.75vw,1.26rem);line-height:1.85}.legal-hero-meta{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1.1rem}.legal-pill{display:inline-flex;align-items:center;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:rgba(255,255,255,.055);color:#cbd5e1;padding:.5rem .72rem;font-size:.78rem;font-weight:850}.legal-pill strong{color:#fff}.legal-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;margin:1.3rem 0 0}.legal-summary-card{border:1px solid rgba(255,255,255,.1);border-radius:22px;background:rgba(255,255,255,.055);padding:1rem}.legal-summary-card strong{display:block;color:#fff;font-size:1rem}.legal-summary-card span{display:block;margin-top:.35rem;color:#aab7c8;font-size:.9rem;line-height:1.55}.legal-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:1.2rem;align-items:start;padding:0 0 clamp(3.5rem,7vw,6rem)}.legal-toc{border:1px solid rgba(255,255,255,.11);border-radius:28px;background:rgba(255,255,255,.045);padding:1rem;box-shadow:0 20px 70px rgba(0,0,0,.2)}.legal-toc-title{display:block;margin-bottom:.75rem;color:#fed7aa;font-size:.78rem;font-weight:1000;text-transform:uppercase;letter-spacing:.13em}.legal-toc nav{display:grid;gap:.45rem}.legal-toc a{display:flex;align-items:center;gap:.55rem;border:1px solid rgba(255,255,255,.075);border-radius:14px;background:rgba(255,255,255,.035);color:#dbe6f3;text-decoration:none;font-weight:850;font-size:.92rem;padding:.58rem .68rem}.legal-toc a:hover,.legal-toc a[aria-current="page"]{background:rgba(251,191,36,.09);border-color:rgba(251,191,36,.26);color:#fff}.legal-content{display:grid;gap:1rem}.legal-card{border:1px solid rgba(255,255,255,.11);border-radius:30px;background:linear-gradient(180deg,rgba(17,24,39,.88),rgba(9,11,18,.96));box-shadow:var(--shadow);padding:clamp(1.15rem,2.6vw,2rem);overflow:hidden}.legal-card.highlight{background:linear-gradient(135deg,rgba(249,115,22,.13),rgba(56,189,248,.075));border-color:rgba(251,191,36,.22)}.legal-card h2{margin:0;color:#fff;font-size:clamp(1.35rem,2.7vw,2rem);line-height:1.17;font-weight:1000;letter-spacing:-.035em}.legal-card h3{margin:1rem 0 .2rem;color:#fed7aa;font-size:1.05rem;line-height:1.25;font-weight:1000}.legal-card p{margin:.72rem 0 0;color:#c1ccda;font-size:1rem;line-height:1.84}.legal-card ul{margin:.85rem 0 0;padding:0;list-style:none;display:grid;gap:.48rem}.legal-card li{position:relative;color:#c1ccda;font-size:1rem;line-height:1.72;padding-left:1.25rem}.legal-card li:before{content:"";position:absolute;left:0;top:.75em;width:.42rem;height:.42rem;border-radius:99px;background:linear-gradient(135deg,var(--orange),var(--gold))}.legal-card a{color:#facc15;font-weight:900;text-decoration:underline;text-decoration-color:rgba(250,204,21,.35);text-underline-offset:.18em}.legal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem;margin-top:.9rem}.legal-mini{border:1px solid rgba(255,255,255,.09);border-radius:20px;background:rgba(255,255,255,.04);padding:1rem}.legal-mini h3{margin:0;color:#fff;font-size:1rem}.legal-mini p{font-size:.94rem}.legal-email-button{display:inline-flex;align-items:center;justify-content:center;margin-top:.75rem;border-radius:999px;background:linear-gradient(135deg,var(--orange),var(--gold));color:#111827!important;text-decoration:none!important;padding:.85rem 1.05rem;font-weight:1000}.legal-footer{border-top:1px solid rgba(255,255,255,.09);background:rgba(5,8,14,.55);padding:2.2rem 0}.legal-footer-grid{display:grid;grid-template-columns:1.3fr .8fr .9fr 1.3fr;gap:1.2rem}.legal-footer h2{margin:0 0 .8rem;color:#fff;font-size:.78rem;text-transform:uppercase;letter-spacing:.12em}.legal-footer p,.legal-footer a{color:#94a3b8;font-size:.92rem;line-height:1.7}.legal-footer a{display:block;text-decoration:none;margin:.35rem 0;font-weight:750}.legal-footer a:hover{color:#fff}.legal-footer-brand{display:flex;align-items:center;gap:.7rem;margin-bottom:.8rem}.legal-footer-langs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.2rem .7rem}.legal-copy{margin-top:1.5rem;padding-top:1.2rem;border-top:1px solid rgba(255,255,255,.08);color:#64748b;font-size:.85rem}.legal-language-note{margin-top:1rem;color:#94a3b8;font-size:.9rem}.legal-table{width:100%;border-collapse:separate;border-spacing:0;margin-top:1rem;overflow:hidden;border-radius:18px;border:1px solid rgba(255,255,255,.1)}.legal-table th,.legal-table td{padding:.85rem .9rem;border-bottom:1px solid rgba(255,255,255,.08);text-align:left;color:#c1ccda;vertical-align:top}.legal-table th{color:#fff;background:rgba(255,255,255,.055);font-weight:1000}.legal-table tr:last-child td{border-bottom:0}@media (min-width:940px){.legal-hero-grid{grid-template-columns:1fr 300px}.legal-layout{grid-template-columns:290px minmax(0,1fr)}.legal-toc{position:sticky;top:96px}.legal-content{gap:1.15rem}}@media (max-width:760px){.legal-nav{display:none}.legal-topbar-inner{min-height:68px}.legal-brand-mark{width:44px;height:44px}.legal-hero{padding-top:3.1rem}.legal-hero h1{font-size:2.45rem;letter-spacing:-.045em}.legal-summary{grid-template-columns:1fr}.legal-grid{grid-template-columns:1fr}.legal-footer-grid{grid-template-columns:1fr 1fr}.legal-footer-grid>div:first-child{grid-column:1/-1}.legal-card{border-radius:24px}.legal-card p,.legal-card li{font-size:.97rem}.legal-table{display:block;overflow-x:auto}}@media (max-width:460px){.legal-container{width:calc(100% - 20px)}.legal-cta{display:none}.legal-footer-grid{grid-template-columns:1fr}.legal-footer-langs{grid-template-columns:1fr 1fr}.legal-hero h1{font-size:2.12rem}.legal-eyebrow{font-size:.66rem;letter-spacing:.08em}.legal-card{padding:1rem}.legal-card h2{font-size:1.32rem}.legal-toc{border-radius:22px}}

/* Legal pages: fix hero summary cards so they never become narrow vertical strips on desktop */
@media (min-width: 940px) {
  .legal-hero-grid {
    grid-template-columns: minmax(0, 1fr) minmax(380px, 460px) !important;
    gap: clamp(2rem, 5vw, 4rem) !important;
    align-items: center !important;
  }

  .legal-summary {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 0.85rem !important;
    margin: 0 !important;
  }

  .legal-summary-card {
    display: grid !important;
    grid-template-columns: 128px minmax(0, 1fr) !important;
    gap: 0.9rem !important;
    align-items: start !important;
    min-height: auto !important;
    padding: 1rem 1.1rem !important;
    border-radius: 22px !important;
  }

  .legal-summary-card strong {
    font-size: 0.92rem !important;
    line-height: 1.35 !important;
  }

  .legal-summary-card span {
    margin-top: 0 !important;
    font-size: 0.92rem !important;
    line-height: 1.6 !important;
  }
}

@media (min-width: 761px) and (max-width: 939px) {
  .legal-summary {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  .legal-summary-card {
    min-width: 0 !important;
  }
}

@media (max-width: 760px) {
  .legal-summary-card {
    padding: 1rem !important;
  }
}


.save-resume-button{white-space:nowrap}.save-short{display:none}.save-panel{position:fixed;inset:0;z-index:220;display:grid;place-items:center;padding:18px}.save-panel.hidden{display:none!important}.save-panel-backdrop{position:absolute;inset:0;background:rgba(17,24,39,.58);backdrop-filter:blur(10px)}.save-panel-card{position:relative;width:min(760px,calc(100vw - 24px));max-height:min(88vh,780px);overflow:auto;border:1px solid rgba(255,255,255,.34);border-radius:28px;background:rgba(255,252,246,.96);box-shadow:0 28px 80px rgba(31,41,55,.28);padding:clamp(18px,4vw,30px);color:#2f2a25}.save-panel-close{position:absolute;top:14px;right:14px;width:40px;height:40px;border:0;border-radius:999px;background:rgba(47,42,37,.08);color:#2f2a25;font-size:1.55rem;line-height:1;cursor:pointer}.save-panel-close:hover,.save-panel-close:focus-visible{background:rgba(47,42,37,.16);outline:3px solid rgba(241,180,76,.45)}.save-panel-card h2{margin:.2rem 0 .4rem;font-size:clamp(1.45rem,4vw,2.1rem)}.save-panel-intro{margin:0;color:#665c52;max-width:58ch}.save-panel-message{margin:1rem 0 0;padding:.75rem .9rem;border-radius:16px;background:#fff4d7;color:#624415;font-weight:800}.save-slots-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px}.save-slot-card{display:flex;min-width:0;flex-direction:column;gap:10px;border:1px solid rgba(47,42,37,.12);border-radius:22px;background:#fffaf1;padding:16px;box-shadow:0 12px 28px rgba(47,42,37,.08)}.save-slot-card.is-empty{background:#fffdf8}.save-slot-card h3{margin:0;font-size:1.05rem}.save-slot-status{margin:0;color:#7a5a1d;font-weight:800}.save-slot-meta{display:grid;gap:6px;font-size:.9rem}.save-slot-meta-row{display:flex;justify-content:space-between;gap:10px;border-bottom:1px dashed rgba(47,42,37,.14);padding-bottom:5px}.save-slot-meta-row span{color:#6f665d}.save-slot-meta-row strong{text-align:end;color:#2f2a25}.save-slot-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:auto}.save-slot-action{border:0;border-radius:14px;background:#2f2a25;color:#fff;font-weight:900;min-height:42px;padding:.65rem .8rem;cursor:pointer}.save-slot-action:hover,.save-slot-action:focus-visible{background:#4a4036;outline:3px solid rgba(241,180,76,.45)}.save-slot-action:disabled{cursor:not-allowed;opacity:.48}.save-save{grid-column:1/-1;background:#f1b44c;color:#2f2a25}.save-delete{background:#7c2d12}.save-load{background:#214f46}html[dir="rtl"] .save-panel-card,html[dir="rtl"] .save-slot-card{text-align:right}html[dir="rtl"] .save-panel-close{right:auto;left:14px}html[dir="rtl"] .save-slot-meta-row strong{text-align:left}@media (max-width:760px){.save-slots-grid{grid-template-columns:1fr}.save-panel{padding:12px}.save-panel-card{border-radius:22px}.save-slot-actions{grid-template-columns:1fr 1fr}}@media (max-width:520px){.save-full{display:none}.save-short{display:inline}.save-panel-card{padding:18px 14px}.save-slot-actions{grid-template-columns:1fr}.save-save{grid-column:auto}.save-slot-meta-row{align-items:flex-start;flex-direction:column;gap:2px}.save-slot-meta-row strong{text-align:start}html[dir="rtl"] .save-slot-meta-row strong{text-align:right}}

/* Session analysis card */
.session-analysis{margin-top:18px;padding-top:16px;border-top:1px solid rgba(148,163,184,.18)}.analysis-title{margin:0 0 12px;text-align:center;font-size:.75rem;letter-spacing:.16em;text-transform:uppercase;color:#facc15;font-weight:800}.analysis-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.analysis-item{padding:10px 12px;border-radius:14px;background:rgba(15,23,42,.62);border:1px solid rgba(148,163,184,.16);text-align:center}.analysis-label{display:block;margin-bottom:4px;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:rgba(203,213,225,.72);line-height:1.2}.analysis-value{display:block;font-size:1rem;font-weight:900;color:#fff7d6;line-height:1.2}.analysis-tip{margin-top:12px;margin-bottom:20px;padding:12px 14px;border-radius:16px;background:linear-gradient(135deg,rgba(250,204,21,.12),rgba(34,197,94,.08));border:1px solid rgba(250,204,21,.24);text-align:start}.analysis-tip-label{display:block;margin-bottom:5px;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:#facc15;font-weight:900}.analysis-tip-text{margin:0;font-size:.92rem;line-height:1.45;color:rgba(255,247,214,.92)}@media(max-width:430px){.analysis-grid{gap:8px}.analysis-item{padding:9px 8px}.analysis-label{font-size:.62rem}.analysis-value{font-size:.9rem}.analysis-tip{padding:10px 11px}.analysis-tip-text{font-size:.86rem}}@media(max-width:360px){.analysis-grid{grid-template-columns:1fr}}

/* Support placements */
.site-support-block{width:min(100% - 32px,1100px);margin:clamp(32px,5vw,56px) auto;padding:0}.site-support-label{display:block;margin-bottom:10px;text-align:center;font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:rgba(203,213,225,.68)}.site-support-block .support-placement,.support-placement-box{min-height:96px;max-height:140px;border-radius:22px;border:1px solid rgba(148,163,184,.18);background:linear-gradient(135deg,rgba(15,23,42,.82),rgba(2,6,23,.72));display:flex;align-items:center;justify-content:center;color:rgba(148,163,184,.55);font-size:.82rem;font-weight:850}.support-placement{width:100%}.support-placement-box{width:100%}@media (max-width:640px){.site-support-block{width:calc(100% - 24px);margin:28px auto}.site-support-block .support-placement,.support-placement-box{min-height:84px;max-height:110px;border-radius:18px}}

/* Game-card support placement */
.site-support-block--game{width:100%;margin:22px 0 0;padding:0;display:block;clear:both}.site-support-block--game .support-placement{width:100%;min-height:76px;max-height:96px;border-radius:18px;border:1px solid rgba(148,163,184,.16);background:rgba(15,23,42,.55);display:flex;align-items:center;justify-content:center;color:rgba(148,163,184,.5);font-size:.82rem;font-weight:850}.site-support-block--game .site-support-label{display:block;margin-bottom:8px;text-align:center;font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:rgba(203,213,225,.62)}@media (max-width:640px){.site-support-block--game .support-placement{min-height:68px;max-height:86px}}@media (max-width:430px){.game-overlay{align-items:flex-start;padding:14px}.overlay-card{max-height:calc(100vh - 28px)}}
/* Variation preview cards for /2048-variations/ */
.variation-preview-section{margin:clamp(40px,6vw,72px) auto;text-align:center}.variation-preview-section h2{color:#fff;font-size:clamp(2rem,4.5vw,3.2rem);line-height:1.05;font-weight:1000;letter-spacing:-.05em;margin:0}.variation-preview-section>.wrap>p{margin:.7rem auto 0;max-width:640px;color:#b9c5d6;font-size:clamp(1rem,1.6vw,1.15rem);line-height:1.7}.variation-preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(16px,2vw,24px);margin-top:2rem}.variation-preview-card{display:flex;flex-direction:column;border-radius:26px;padding:clamp(18px,2vw,24px);background:linear-gradient(180deg,rgba(17,24,39,.82),rgba(9,11,18,.92));border:1px solid rgba(148,163,184,.16);box-shadow:0 18px 40px rgba(0,0,0,.22);text-align:left}.variation-preview-head{display:flex;flex-direction:column;gap:.35rem}.variation-badge{display:inline-flex;align-items:center;gap:.4rem;width:fit-content;border:1px solid rgba(251,191,36,.28);border-radius:999px;background:rgba(251,191,36,.1);color:#fed7aa;padding:.35rem .7rem;font-size:.7rem;font-weight:1000;text-transform:uppercase;letter-spacing:.1em;line-height:1}.variation-preview-head h3{margin:.2rem 0 0;color:#fff;font-size:1.15rem;font-weight:1000;line-height:1.25}.variation-preview-head p{margin:.15rem 0 0;color:#aab7c8;font-size:.88rem;line-height:1.5}.variation-board{display:grid;gap:clamp(4px,.7vw,8px);padding:clamp(8px,1vw,12px);border-radius:22px;background:rgba(15,23,42,.72);border:1px solid rgba(148,163,184,.14);margin-top:14px;width:100%}.variation-board--3{grid-template-columns:repeat(3,minmax(0,1fr))}.variation-board--4{grid-template-columns:repeat(4,minmax(0,1fr))}.variation-board--5{grid-template-columns:repeat(5,minmax(0,1fr))}.variation-board--6{grid-template-columns:repeat(6,minmax(0,1fr))}.variation-tile{aspect-ratio:1/1;min-width:0;border-radius:clamp(7px,1vw,12px);display:flex;align-items:center;justify-content:center;font-weight:900;line-height:1;white-space:nowrap;overflow:hidden;font-variant-numeric:tabular-nums;font-size:clamp(.72rem,1.5vw,1.1rem);background:rgba(71,85,105,.55);color:#fff}.variation-tile--empty{background:rgba(38,50,68,.55)}.variation-tile--2{background:#eee4da;color:#5a4a3a}.variation-tile--4{background:#eadcc8;color:#5a4a3a}.variation-tile--8{background:#f2b46d}.variation-tile--16{background:#f28c4c}.variation-tile--32{background:#f26d55}.variation-tile--64{background:#f04b2f}.variation-tile--128{background:#e9d26e;color:#5a4a3a}.variation-tile--256{background:#e0c44a;color:#5a4a3a}.variation-tile--512{background:#d9a43c;color:#1a1a1a}.variation-tile--1024{background:#d4952a;color:#1a1a1a}.variation-tile--2048{background:radial-gradient(circle at 28% 18%,rgba(255,255,255,.45),transparent 26%),linear-gradient(135deg,#fff3b0 0%,#facc15 24%,#f59e0b 52%,#16a34a 100%);color:#fffaf0;box-shadow:0 0 18px rgba(250,204,21,.45)}.variation-tile--4096{background:linear-gradient(135deg,#38bdf8,#0ea5e9);color:#07111f}.variation-tile--8192{background:linear-gradient(135deg,#4ade80,#16a34a);color:#03130a}.variation-board--5 .variation-tile{font-size:clamp(.58rem,1.15vw,.95rem)}.variation-board--6 .variation-tile{font-size:clamp(.48rem,.95vw,.82rem)}.variation-play-link{display:inline-flex;align-items:center;justify-content:center;margin-top:16px;border-radius:999px;background:linear-gradient(135deg,var(--orange),var(--gold));color:#111827;text-decoration:none;font-weight:1000;padding:.62rem 1rem;font-size:.88rem;box-shadow:0 12px 28px rgba(249,115,22,.18);transition:transform .18s ease,filter .18s ease}.variation-play-link:hover{transform:translateY(-1px);filter:brightness(1.06)}.variation-time-block{display:flex;align-items:center;gap:.6rem;margin-top:6px;padding:.45rem .7rem;border-radius:12px;background:rgba(251,191,36,.06);border:1px solid rgba(251,191,36,.15);width:fit-content}.variation-time-block span{color:#fed7aa;font-size:.78rem;font-weight:850;line-height:1}.variation-board--3 .variation-tile,.variation-board--4 .variation-tile{border-radius:clamp(6px,.8vw,10px)}.variation-board--5 .variation-tile,.variation-board--6 .variation-tile{border-radius:clamp(5px,.6vw,8px)}@media (max-width:820px){.variation-preview-grid{grid-template-columns:1fr}}@media (max-width:430px){.variation-preview-card{padding:16px}.variation-board{gap:4px;padding:8px;border-radius:18px}.variation-board--6 .variation-tile{font-size:clamp(.42rem,2.1vw,.66rem);border-radius:7px}}

.unified-footer{border-top:1px solid rgba(255,255,255,.09);background:#070a11;padding:3rem 0 1.4rem}.unified-footer-grid{display:grid;grid-template-columns:1.35fr 1fr .8fr .9fr;gap:clamp(1.2rem,3vw,2.2rem);align-items:start}.unified-footer .footer-brand{display:inline-flex;margin-bottom:1rem;text-decoration:none}.unified-footer p{max-width:380px;color:#94a3b8;line-height:1.8;margin:0}.unified-footer h2{margin:0 0 .9rem;color:white;font-size:.85rem;text-transform:uppercase;letter-spacing:.12em}.unified-footer nav{display:grid;align-content:start;gap:.65rem}.unified-footer nav a{color:#aab8ca;font-weight:750;text-decoration:none;line-height:1.35}.unified-footer nav a:hover{color:white}.unified-footer-bottom{margin-top:2rem;padding-top:1.3rem;border-top:1px solid rgba(255,255,255,.08);color:#7f8da3;font-size:.9rem}@media (max-width:860px){.unified-footer-grid{grid-template-columns:1fr 1fr}.unified-footer-grid>div:first-child{grid-column:1/-1}}@media (max-width:520px){.unified-footer{padding-top:2.4rem}.unified-footer-grid{grid-template-columns:1fr;gap:1.35rem}.unified-footer nav{gap:.55rem}.unified-footer-bottom{margin-top:1.4rem}}
.unified-footer-languages{margin-top:1.35rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.08);gap:.6rem}.unified-footer .unified-footer-languages h2{margin-bottom:0}.unified-language-list{display:flex;flex-wrap:wrap;gap:.42rem .55rem;direction:ltr}.unified-footer .unified-language-list a{display:inline-flex;align-items:center;min-height:28px;margin:0;border:1px solid rgba(255,255,255,.08);border-radius:999px;background:rgba(255,255,255,.035);padding:.28rem .58rem;color:#aab8ca;font-size:.82rem;font-weight:800;line-height:1.15;white-space:nowrap}.unified-footer .unified-language-list a:hover{border-color:rgba(251,191,36,.28);background:rgba(251,191,36,.07);color:#fff}[dir="rtl"] .unified-language-list{justify-content:flex-end}
.back-to-top{position:fixed;right:22px;bottom:22px;z-index:80;width:46px;height:46px;border-radius:999px;border:1px solid rgba(250,204,21,.35);background:linear-gradient(135deg,rgba(250,204,21,.96),rgba(245,158,11,.94));color:#07111f;font-weight:900;font-size:1.25rem;box-shadow:0 14px 34px rgba(0,0,0,.28),0 0 18px rgba(250,204,21,.22);cursor:pointer;opacity:0;visibility:hidden;transform:translateY(14px) scale(.96);transition:opacity .22s ease,visibility .22s ease,transform .22s ease;line-height:1}.back-to-top.is-visible{opacity:1;visibility:visible;transform:translateY(0) scale(1)}.back-to-top:hover,.back-to-top:focus-visible{transform:translateY(-2px) scale(1.03);outline:3px solid rgba(250,204,21,.28);outline-offset:3px}@media(max-width:640px){.back-to-top{right:16px;bottom:16px;width:42px;height:42px;font-size:1.12rem}}