:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f6f7ff;background:#0b0e1d;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}body{min-width:320px;background:radial-gradient(circle at 50% -8%,rgba(123,92,255,.28),transparent 30rem),linear-gradient(180deg,#11152c,#090b17);overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}button{font:inherit}.game-shell{width:min(100%,520px);min-height:100svh;margin:0 auto;padding:max(20px,env(safe-area-inset-top)) 16px max(18px,env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:14px}.topbar{display:flex;align-items:center;justify-content:space-between}.topbar>div:first-child{display:flex;align-items:center;gap:12px}.brand-mark{width:42px;height:42px;display:grid;grid-template-columns:repeat(2,1fr);gap:4px;padding:6px;border-radius:13px;background:#20264a}.brand-mark span{border-radius:4px;background:linear-gradient(135deg,#7765ff,#ff69bf)}.brand-mark span:nth-child(2),.brand-mark span:nth-child(3){opacity:.55}.brand-copy{display:flex;flex-direction:column;line-height:1.05}.brand-copy strong{letter-spacing:.08em;font-size:15px}.brand-copy small{margin-top:5px;color:#8f97b8;font-size:11px}.sound-btn{width:42px;height:42px;border:1px solid rgba(255,255,255,.08);border-radius:13px;background:#ffffff0d;color:#c9cfff;font-size:19px;cursor:pointer}.sound-btn.off{color:#69708e}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.stats>div{padding:11px 10px;border:1px solid rgba(255,255,255,.065);border-radius:14px;background:#141934bd;text-align:center}.stats span{display:block;font-size:9px;color:#838baa;letter-spacing:.12em;font-weight:800}.stats strong{display:block;margin-top:4px;font-size:19px}.timer-stat.danger strong{color:#ff6b8a;animation:tick .7s infinite alternate}@keyframes tick{0%{transform:scale(1)}to{transform:scale(1.08)}}.progress-wrap{padding:0 2px}.progress-label{display:flex;justify-content:space-between;font-size:11px;color:#9199b8;margin-bottom:6px}.progress-label strong{color:#cbd1ec}.progress-track{height:6px;overflow:hidden;border-radius:999px;background:#ffffff12}.progress-track>div{height:100%;border-radius:inherit;background:linear-gradient(90deg,#6d5dfc,#e664d3);transition:width .3s ease}.board-wrap{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:4px 0}.board{width:100%;display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));gap:clamp(7px,2.2vw,11px);perspective:900px}.memory-card{position:relative;aspect-ratio:.78;padding:0;border:0;border-radius:15px;background:transparent;cursor:pointer;perspective:700px;min-width:0}.memory-card:focus-visible{outline:3px solid #a99eff;outline-offset:3px}.card-inner{position:absolute;inset:0;transform-style:preserve-3d;transition:transform .38s cubic-bezier(.2,.75,.2,1)}.memory-card.open .card-inner{transform:rotateY(180deg)}.card-face{position:absolute;inset:0;display:grid;place-items:center;border-radius:15px;backface-visibility:hidden;overflow:hidden}.card-back{border:1px solid rgba(156,146,255,.28);background:linear-gradient(145deg,#232955,#161a37);box-shadow:inset 0 1px #ffffff14,0 5px 15px #0000002e}.card-back:after{content:"";position:absolute;inset:9px;border:1px solid rgba(255,255,255,.06);border-radius:10px}.card-back i{width:58%;aspect-ratio:1;opacity:.45;border-radius:50%;background:repeating-conic-gradient(from 20deg,rgba(255,255,255,.08) 0 10deg,transparent 10deg 24deg)}.card-back b{position:absolute;font-size:clamp(18px,5.5vw,29px);color:#8f86ff;text-shadow:0 2px 12px rgba(112,93,255,.45)}.card-front{transform:rotateY(180deg);border:1px solid rgba(255,255,255,.1);background:linear-gradient(145deg,#f7f5ff,#dcd8f4);font-size:clamp(27px,8vw,43px);box-shadow:0 7px 18px #00000038}.memory-card.matched .card-front{animation:matched .45s ease;box-shadow:0 0 0 2px #7ef0c2b3,0 0 26px #7ef0c240}@keyframes matched{50%{transform:rotateY(180deg) scale(1.08)}}.bottom-panel{display:flex;align-items:center;justify-content:space-between;min-height:48px;padding:8px 12px;border:1px solid rgba(255,255,255,.065);border-radius:14px;background:#141934ad}.combo-chip,.moves{color:#7f88a8;font-size:10px;letter-spacing:.1em;font-weight:800}.combo-chip strong{margin-left:5px;color:#ffc2e7;font-size:16px}.moves strong{margin-left:5px;color:#eef0ff;font-size:16px}.combo-chip.pop{animation:comboPop .32s ease}@keyframes comboPop{50%{transform:scale(1.16)}}.modal-backdrop{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:24px;background:#040610c7;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.result-modal{width:min(100%,390px);padding:28px 24px 24px;border:1px solid rgba(255,255,255,.09);border-radius:24px;background:linear-gradient(160deg,#1c2248,#10142d);text-align:center;box-shadow:0 22px 70px #0000006b}.result-modal>span{color:#9b91ff;font-size:10px;letter-spacing:.15em;font-weight:900}.result-modal h2{margin:10px 0 8px;font-size:clamp(28px,9vw,40px);line-height:1}.result-modal p{margin:0 auto 22px;max-width:30ch;color:#aab1cf;line-height:1.55;font-size:14px}.result-modal button{width:100%;min-height:50px;border:0;border-radius:15px;background:linear-gradient(135deg,#7664ff,#d75fc8);color:#fff;font-weight:850;cursor:pointer;box-shadow:0 9px 26px #7054ff52}.result-modal button:active{transform:translateY(1px) scale(.99)}@media(min-width:600px){.game-shell{padding-left:22px;padding-right:22px}}@media(max-height:720px){.game-shell{gap:9px;padding-top:10px;padding-bottom:10px}.brand-mark,.sound-btn{width:36px;height:36px}.stats>div{padding:7px 8px}.stats strong{font-size:16px}.bottom-panel{min-height:40px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}