*{box-sizing:border-box}.memory-game{color:#f2f4ff;background:#090b18;min-height:100vh;font-family:system-ui,sans-serif}.memory-header{background:#0c1020;border-bottom:1px solid #ffffff17;justify-content:space-between;align-items:center;height:58px;padding:0 clamp(18px,5vw,76px);display:flex}.memory-header a{color:#a7adc6;font-weight:700;text-decoration:none}.memory-header>span{color:#b995ff;letter-spacing:.18em;font-weight:800}.memory-header small{color:#777f9d}.memory-main{max-width:1180px;margin:auto;padding:34px clamp(16px,4vw,54px) 56px}.memory-heading{justify-content:space-between;align-items:end;margin-bottom:24px;display:flex}.memory-heading p{color:#949bb8;max-width:390px;margin:0;line-height:1.8}.memory-heading>div>p,.memory-kicker{letter-spacing:.18em;color:#b7ff59;font-size:.76rem}.memory-heading h1{margin:6px 0 0;font-size:clamp(2.2rem,5vw,4.1rem);line-height:1}.memory-heading h1 span{color:#b995ff}.memory-layout{grid-template-columns:minmax(0,1fr) 310px;gap:22px;display:grid}.memory-stage-wrap,.memory-panel{background:#111529;border:1px solid #ffffff16;border-radius:22px;box-shadow:0 28px 80px #0007}.memory-stage-wrap{padding:14px}.memory-hud{grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:12px;display:grid}.memory-hud div{color:#747e9f;background:#090d1c;border-radius:12px;padding:10px;font-size:.73rem}.memory-hud strong{color:#fff;font-size:1.15rem;display:block}.memory-hud small{color:#6f7894}.memory-stage{background:radial-gradient(circle at 76% 16%,#31225c,#0000 23%),linear-gradient(160deg,#171a36,#070914 72%);border:1px solid #ffffff12;border-radius:14px;min-height:498px;padding:62px 34px 32px;position:relative;overflow:hidden}.memory-stars{opacity:.17;background-image:radial-gradient(#fff 0 1px,#0000 1.5px);background-size:47px 47px;position:absolute;inset:0}.memory-status{z-index:2;justify-content:space-between;align-items:center;display:flex;position:absolute;top:17px;left:20px;right:20px}.memory-status span{letter-spacing:.2em;color:#b995ff;font-size:.7rem}.memory-status b{color:#b7ff59;font-variant-numeric:tabular-nums}.memory-grid{z-index:2;grid-template-columns:repeat(6,1fr);gap:8px;max-width:440px;margin:auto;display:grid;position:relative}.memory-grid>div{aspect-ratio:1;background:#0b1021;border:1px solid #ffffff12;border-radius:10px;place-items:center;transition:all .2s;display:grid;position:relative}.memory-grid i{background:#37405e;border-radius:50%;width:8px;height:8px}.memory-grid .route{background:#4f3680;border-color:#b995ff;box-shadow:inset 0 0 24px #b995ff28}.memory-grid .route i{background:#d9c8ff;box-shadow:0 0 12px #b995ff}.memory-grid .visited{background:#23391e;border-color:#b7ff5970}.memory-grid .visited i{background:#b7ff59;box-shadow:0 0 13px #b7ff59}.memory-grid .cursor{outline-offset:2px;z-index:3;outline:3px solid #fff;transform:scale(.88)}.memory-grid .cursor:after{content:"";border:3px solid #fff;width:26%;height:26%;position:absolute;transform:rotate(45deg)}.memory-grid small{letter-spacing:.08em;color:#e9e1ff;font-size:.48rem;position:absolute;bottom:4px}.memory-grid .end small{color:#b7ff59}.memory-overlay{z-index:6;text-align:center;background:#090b18ed;flex-direction:column;justify-content:center;align-items:center;padding:28px;display:flex;position:absolute;inset:0}.memory-overlay>span{letter-spacing:.22em;color:#b995ff;font-size:.72rem}.memory-overlay h2{margin:10px 0;font-size:clamp(1.7rem,4vw,2.7rem)}.memory-overlay p{color:#a9aec4;max-width:470px;line-height:1.8}.memory-overlay button{color:#111322;background:linear-gradient(90deg,#b995ff,#b7ff59);border:0;border-radius:12px;margin-top:10px;padding:14px 30px;font-size:1rem;font-weight:900}.memory-pad{grid-template-columns:repeat(3,1fr);gap:8px;width:252px;margin:12px auto 0;display:grid}.memory-pad button{color:#eef0ff;touch-action:manipulation;background:#181d36;border:1px solid #b995ff55;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;height:62px;display:flex}.memory-pad b{font-size:1.35rem;line-height:1}.memory-pad span{color:#8891b0;font-size:.65rem}.memory-pad button:disabled{opacity:.35}.memory-pad .up{grid-column:2}.memory-pad .left{grid-area:2/1}.memory-pad .down{grid-area:2/2}.memory-pad .right{grid-area:2/3}.memory-panel{padding:26px}.memory-panel h2{margin:8px 0 12px;font-size:1.55rem}.memory-panel>p{color:#9ca4be;line-height:1.75}.memory-progress{border-block:1px solid #ffffff12;margin:20px 0;padding:16px 0}.memory-progress div{color:#9ba3bd;justify-content:space-between;font-size:.82rem;display:flex}.memory-progress b{color:#b7ff59}.memory-progress>i{background:#070a14;border-radius:9px;height:7px;margin-top:9px;display:block;overflow:hidden}.memory-progress>i span{background:linear-gradient(90deg,#b995ff,#b7ff59);height:100%;display:block}.memory-guide p{color:#929ab4;grid-template-columns:10px 1fr;gap:10px;font-size:.8rem;line-height:1.6;display:grid}.memory-guide i{background:#b995ff;border-radius:50%;width:8px;height:8px;margin-top:5px}.memory-guide i.lime{background:#b7ff59}.memory-guide i.red{background:#ff6f82}.memory-actions{gap:8px;margin-top:18px;display:flex}.memory-actions button{color:#e3e6f5;background:#1a203b;border:1px solid #ffffff1f;border-radius:9px;flex:1;padding:11px}.memory-help{margin-top:18px!important;font-size:.72rem!important}@media (max-width:840px){.memory-heading{flex-direction:column;align-items:start}.memory-layout{grid-template-columns:1fr}.memory-heading>p{display:none}}@media (max-width:460px){.memory-main{padding:22px 10px}.memory-header{padding:0 14px}.memory-stage-wrap{padding:8px}.memory-hud{grid-template-columns:repeat(2,1fr)}.memory-stage{min-height:410px;padding:58px 14px 24px}.memory-grid{gap:5px}.memory-grid>div{border-radius:7px}.memory-panel{padding:20px}.memory-pad{width:228px}.memory-pad button{height:60px}}
