*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Tahoma,Arial,sans-serif}body{min-height:100svh;padding-bottom:env(safe-area-inset-bottom);color:#f7f4ed;background:radial-gradient(circle at top,#26352f,#0b1110 58%)}button,a{font:inherit}.light-topbar{min-height:64px;padding:max(8px,env(safe-area-inset-top)) 4% 8px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;border-bottom:1px solid #ffffff16;background:#0b100fdc}.light-topbar a,.light-topbar button{min-height:44px;padding:8px 13px;border:1px solid #ffffff25;border-radius:12px;color:#fff;background:#202b28;text-decoration:none;font-weight:900}.light-brand{text-align:center}.light-brand strong,.light-brand span{display:block}.light-brand span{margin-top:3px;color:#aebbb6;font-size:9px}.light-page{width:min(920px,100%);margin:auto;padding:14px}.light-hero{text-align:center}.light-kicker{color:var(--cosmetic-accent,#e1bd68);font-size:9px;font-weight:900;letter-spacing:1.5px}.light-hero h1{margin:5px 0;font-size:clamp(28px,8vw,48px)}.light-hero p{margin:0 auto 11px;max-width:620px;color:#afbbb7;font-size:11px;line-height:1.7}.light-scorebar{margin:10px 0;display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.light-scorebar article{min-height:56px;padding:8px;border:1px solid #ffffff17;border-radius:13px;background:#111a18;text-align:center}.light-scorebar span,.light-scorebar b{display:block}.light-scorebar span{color:#9faaa6;font-size:8px}.light-scorebar b{margin-top:4px;color:var(--cosmetic-accent,#e2bd68);font-size:20px}.light-dialog{width:min(430px,calc(100% - 24px));padding:22px;border:1px solid #9e8145;border-radius:21px;color:#fff;background:#17231f;text-align:center}.light-dialog::backdrop{background:#020706c7;backdrop-filter:none}.light-dialog h2{margin:3px}.light-dialog p{color:#b9c5c0;line-height:1.7}.light-dialog a,.light-dialog button{min-height:44px;padding:9px 14px;border:1px solid #ad8d48;border-radius:11px;color:#18140a;background:#e2bd68;text-decoration:none;font-weight:900}.light-actions{display:flex;justify-content:center;gap:7px}

.blocks-layout{display:grid;grid-template-columns:minmax(300px,520px) 240px;align-items:center;justify-content:center;gap:13px}.blocks-board{width:min(100%,520px);aspect-ratio:1;padding:6px;display:grid;grid-template-columns:repeat(8,1fr);gap:4px;border:6px solid #8a6339;border-radius:20px;background:#121b18;box-shadow:inset 0 0 28px #0009,0 18px 48px #0008;direction:ltr}.block-cell{min-width:0;padding:0;border:1px solid #ffffff0d;border-radius:5px;background:#ffffff09}.block-cell.filled{border-color:#ffffff38;background:var(--stone,#bd6c4b);box-shadow:inset 0 0 0 2px #ffffff12,0 3px 7px #0007}.block-cell.preview{outline:2px solid #f3d27c;background:#f3d27c55}.block-cell.bad{outline:2px solid #d75959;background:#d7595940}.blocks-side{display:grid;gap:10px}.blocks-tray{display:grid;gap:8px}.block-piece{min-height:90px;padding:8px;display:grid;place-items:center;border:1px solid #ffffff1a;border-radius:14px;background:#14201d;color:#fff}.block-piece.selected{border-color:#e5c56f;box-shadow:0 0 0 2px #e5c56f40,0 0 18px #e5c56f22}.block-piece:disabled{opacity:.28}.piece-grid{display:grid;gap:3px;direction:ltr}.piece-dot{width:20px;height:20px;border-radius:4px;background:var(--stone,#bd6c4b);box-shadow:inset 0 0 0 2px #ffffff18,0 2px 4px #0007}.piece-dot.empty{visibility:hidden}.blocks-help{padding:11px;border:1px solid #ffffff13;border-radius:13px;color:#aebbb6;background:#111917;font-size:9px;line-height:1.7;text-align:center}

.memory-wrap{width:min(610px,100%);margin:auto}.memory-board{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;perspective:800px}.memory-card{min-height:118px;padding:0;position:relative;border:2px solid var(--skin-edge,#b89351);border-radius:15px;color:#fff;background:var(--skin-pattern,repeating-linear-gradient(45deg,#6d222e 0 7px,#2d1018 7px 13px)),linear-gradient(145deg,var(--skin-a,#6d222e),var(--skin-b,#251016));box-shadow:0 8px 19px #0007;transform-style:preserve-3d;transition:transform .22s}.memory-card:before{content:'خلك قدها';position:absolute;inset:8px;display:grid;place-items:center;border:1px solid #ffffff42;border-radius:10px;color:var(--skin-edge,#dfc26f);font-size:9px;font-weight:900}.memory-card.open,.memory-card.matched{color:#18201e;background:linear-gradient(145deg,#fffdf5,#dcd5c7);transform:rotateY(180deg)}.memory-card.open:before,.memory-card.matched:before{content:attr(data-symbol);font-size:clamp(24px,8vw,45px);transform:rotateY(180deg);color:#20372f}.memory-card.matched{border-color:#65ba8b;box-shadow:0 0 20px #65ba8b55}.memory-status{min-height:44px;margin:10px 0;padding:10px;border:1px solid #ffffff14;border-radius:12px;color:#bdc8c4;background:#111a18;text-align:center;font-size:10px}

@media(max-width:700px){.light-page{padding:9px}.blocks-layout{grid-template-columns:1fr}.blocks-board{width:min(100%,calc(100svh - 315px));min-width:300px}.blocks-side{grid-template-columns:1fr}.blocks-tray{grid-template-columns:repeat(3,1fr)}.block-piece{min-height:76px}.piece-dot{width:15px;height:15px}.blocks-help{display:none}.memory-card{min-height:min(20vw,105px)}}
@media(max-width:380px){.blocks-board{min-width:280px}.piece-dot{width:13px;height:13px}.memory-board{gap:5px}.memory-card{border-radius:11px}}
@media(orientation:landscape) and (max-height:620px){.light-topbar{min-height:48px}.light-hero{display:none}.light-page{padding:5px}.blocks-layout{grid-template-columns:minmax(300px,calc(100svh - 58px)) 230px}.blocks-board{width:calc(100svh - 58px);min-width:0}.blocks-tray{grid-template-columns:1fr}.memory-wrap{width:min(75svh,610px)}.memory-card{min-height:15svh}.light-scorebar{margin:4px 0}.light-scorebar article{min-height:45px}}
@media(prefers-reduced-motion:reduce){.memory-card{transition:none}}