@layer games{@scope(.route-memory-page){.route-memory-shell{--memory-navy:#123f85;--memory-blue:#1475df;--memory-yellow:#f2b822;min-height:690px;box-shadow:none;background:#f3f9ff;border:1px solid #bed2e9;border-radius:8px;overflow:hidden}.route-memory-shell,.route-memory-shell *,.route-memory-shell .primary-button,.route-memory-shell .secondary-button,.route-ready-panel,.route-result{box-shadow:none}.route-memory-shell .game-control-panel{background-color:#0a6fed;background-image:url(../media/title-background.3r8832h-crc4_.png);background-position:50%;background-repeat:no-repeat;background-size:auto 100%;justify-content:center}.route-memory-heading .section-kicker,.route-memory-heading h1,.route-memory-heading .title-word,.route-memory-heading p{color:#fff;text-shadow:0 2px 5px #021d52b8}.route-memory-heading h1{white-space:nowrap;font-size:clamp(1.9rem,3vw,2.55rem);line-height:1.08}.route-memory-title{width:100%;position:relative}.route-memory-heading .title-word{text-shadow:0 3px 7px #021d52c7;font-size:1em}.route-memory-heading .section-kicker{text-shadow:0 2px 5px #021d52b8}.route-memory-heading p{font-size:1rem}.route-memory-main{box-sizing:border-box;background:radial-gradient(circle at 50% 8%,#fffffff2,#0000 34%),#f5faff;flex-direction:column;align-items:center;min-width:0;padding:clamp(14px,2.5vw,26px);display:flex;position:relative}.route-hud{border:1px solid var(--line);background:#fff;border-radius:8px;grid-template-columns:.8fr 1.3fr 1fr;gap:0;width:min(100%,600px);display:grid;overflow:hidden}.route-hud>span,.route-hud>button{min-width:0;min-height:68px;color:var(--memory-navy);background:#fff;border:0;border-radius:0;display:block;position:relative}.route-hud>button{font:inherit;cursor:pointer;padding:5px 8px}.route-hud>span+span,.route-hud>span+button{border-left:1px solid #d8e8f8}.route-hud>button:not(:disabled):hover{background:#f3f8ff}.route-hud>button:disabled{opacity:.48;cursor:not-allowed}.route-hud b{inset-inline:0;text-align:center;color:#567092;letter-spacing:.1em;font-size:.68rem;font-weight:700;line-height:16px;display:block;position:absolute;top:8px}.route-hud strong{inset-inline:0;font-family:var(--font-body), monospace;white-space:nowrap;justify-content:center;align-items:center;gap:3px;font-size:clamp(1.05rem,2.5vw,1.35rem);line-height:1.3;display:inline-flex;position:absolute;top:56%;transform:translateY(-50%)}.route-hud strong>svg{width:1.12em;height:1.12em}.route-life-icons{color:#e94f70}.route-hud small{inset-inline:0;color:#557197;font-size:.66rem;font-weight:700;position:absolute;bottom:5px}.route-hud>button strong{top:46%}.route-phase-panel{width:min(100%,560px);min-height:112px;color:var(--memory-navy);text-align:center;place-content:center;justify-items:center;gap:4px;margin:10px 0 14px;display:grid;position:relative}.route-phase-panel p{z-index:1;margin:0;font-size:clamp(1.25rem,3vw,1.65rem);font-weight:700;line-height:1.2;position:relative}.route-phase-panel b{z-index:1;color:#1158c4;letter-spacing:.12em;font-size:.72rem;font-weight:700;position:relative}.route-phase-dots{z-index:1;gap:13px;margin-top:5px;display:inline-flex;position:relative}.route-phase-dots i{background:#bdd8f3;border-radius:50%;width:10px;height:10px;display:block}.route-phase-dots i.is-active{background:#087cf0}.route-phase-sparkle{z-index:0;color:#8ac1f8;font-size:1.55rem;line-height:1;position:absolute}.route-phase-sparkle.is-left{top:27px;left:20%}.route-phase-sparkle.is-right{bottom:27px;right:20%}.route-phase-panel.is-answer p,.route-phase-panel.is-answer b{color:#0d5dba}.route-phase-panel.is-clear{color:#148657;animation:.24s ease-out route-message-pop}.route-phase-panel.is-miss{color:#d53556;animation:.24s ease-out route-message-pop}.route-board-wrap{aspect-ratio:1;width:min(100%,520px)}.route-board{touch-action:none;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 10px 10px #37649629);outline:none;width:100%;height:100%;display:block;overflow:visible}.route-board:focus,.route-board:focus-visible{outline:none}.route-board-bg{fill:url(#route-board-gradient);stroke:#d8e5f2;stroke-width:1px;vector-effect:non-scaling-stroke}.route-grid line{stroke:#cfe2f5;stroke-width:1px;stroke-dasharray:.7 1.25;vector-effect:non-scaling-stroke}.route-lines .route-path-base{stroke:#0a7ced;stroke-width:3.35px;stroke-linecap:round;filter:drop-shadow(0 1.4px 1.5px #005bcd47)}.route-lines .route-path-base.is-revealing{stroke-dasharray:1;stroke-dashoffset:1px;animation-name:route-line-in;animation-timing-function:linear;animation-fill-mode:forwards}.route-lines .route-path-marking{stroke:#fffffff0;stroke-width:.58px;stroke-dasharray:2.1 2.2;stroke-linecap:round;pointer-events:none}.route-lines line.is-preview{stroke:#1475df75;stroke-width:2.6px;stroke-linecap:round;animation:none}.route-path-car{pointer-events:none}.route-path-car-body{fill:#fff;stroke:#0a5fc1;stroke-width:.55px;filter:drop-shadow(0 .7px 1px #00449661)}.route-path-car-window{fill:#75c5ff}.route-path-car-light{fill:#ffd653}.route-path-car-wheel{fill:#244669}.route-point .hit-area{fill:#0000;pointer-events:all}.route-point .point-ring{fill:#fffffff5;stroke:#d4e1ef;stroke-width:1px;vector-effect:non-scaling-stroke;transition:fill .14s,stroke .14s,transform .14s,opacity .14s}.route-point .point-core{fill:#8aa2ba;transition:fill .14s,transform .14s}.route-point.is-selected .point-ring{fill:#fffffffa;stroke:#15a4f3;stroke-width:1px;filter:drop-shadow(0 1px 2px #0074e647)}.route-point.is-selected .point-core{fill:#087df0}.route-point.is-active .point-ring{fill:#fffffffa;stroke:#ffc42d;stroke-width:1px;animation:.3s ease-out route-point-pulse;transform:scale(1.22)}.route-point.is-active .point-core{fill:#0b82ee}.route-point.is-invalid .point-ring{fill:#fff0f3;stroke:#e84160;animation:.24s ease-out route-point-shake}.route-endpoint-icon{pointer-events:none;overflow:visible}.route-endpoint-icon svg{width:100%;height:100%;display:block}.route-endpoints .is-start .route-endpoint-icon,.route-endpoints .is-goal .route-endpoint-icon{color:#fff}.route-endpoint-backdrop{fill:#087cf0;stroke:#fff;stroke-width:.9px;filter:drop-shadow(0 1.5px 2px #0053c357)}.route-endpoints .is-start .route-endpoint-backdrop{fill:#087cf0}.route-endpoints .is-goal .route-endpoint-backdrop{fill:#119d50;stroke:#fff;filter:drop-shadow(0 1.5px 2px #12823e52)}.route-input-hint{color:#587295;text-align:center;visibility:hidden;block-size:1.5em;margin:8px 0 0;font-size:.84rem;font-weight:700;line-height:1.5}.route-input-hint.is-visible{visibility:visible}.route-memory-shell.is-ready-overlay .route-ready-panel.route-ready-panel{z-index:30;box-sizing:border-box;text-align:left;background:#fffffff5;border-radius:8px;width:min(580px,100% - 48px);position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.route-ready-panel .game-rule-details-link{width:fit-content;margin-bottom:.5rem}.route-memory-shell.is-ready-overlay .route-hud,.route-memory-shell.is-ready-overlay .route-phase-panel,.route-memory-shell.is-ready-overlay .route-board-wrap{opacity:.28;pointer-events:none;-webkit-user-select:none;user-select:none}.route-exit-button{min-height:42px;color:inherit;font:inherit;cursor:pointer;background:0 0;border:1px solid;border-radius:6px;justify-content:center;align-items:center;gap:7px;font-size:.88rem;font-weight:700}.route-exit-button svg{width:1.25em;height:1.25em}.route-exit-button.is-pc{color:#fff;margin:0;padding:0 20px;display:inline-flex;position:absolute;top:calc(100% + 32px);left:50%;transform:translate(-50%)}.route-exit-button.is-pc:hover{background:#ffffff1f}.route-exit-button.is-sp{display:none}.route-result{border:1px solid var(--line);background:#fff;border-radius:8px;gap:18px;width:min(100%,600px);margin:auto;padding:clamp(18px,3vw,32px);display:grid}.route-result header{text-align:center;justify-items:center;display:grid}.route-result header>span{color:#e25266;font-size:1.4rem;line-height:1}.route-result header h2,.route-result header p{margin:0}.route-result header h2{color:#0d3f8d;font-size:clamp(1.8rem,5vw,2.55rem)}.route-result header p{color:var(--foreground);margin-top:10px;font-weight:700}.route-result header>strong{color:#0d3f8d;font-family:var(--font-body), monospace;flex-direction:column;font-size:clamp(3.8rem,11vw,6rem);line-height:1;display:flex}.route-result header>strong small{font-family:var(--font-body), sans-serif;letter-spacing:.08em;margin-top:5px;font-size:.16em}.route-result-stats{border:1px solid #d8e8f8;border-radius:8px;grid-template-columns:repeat(2,minmax(0,1fr));display:grid;overflow:hidden}.route-result-stats>span{color:#123f85;text-align:center;background:#fff;place-content:center;gap:3px;min-height:72px;padding:10px;display:grid}.route-result-stats>span+span{border-left:1px solid #d8e8f8}.route-result-stats b{font-size:.72rem}.route-result-stats strong{font-family:var(--font-body), monospace;font-size:1.4rem}.route-result-stats small{font-family:var(--font-body), sans-serif;margin-left:2px;font-size:.55em}.route-result-stats .route-best-stat{color:#835c00;background:#fff7d8}.route-result-stats .route-best-stat strong{color:#6b4b00}.route-result-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.route-result-actions button:disabled{color:#8290a2;cursor:not-allowed;background:#e8edf3;border-color:#d3dbe6}.route-results .recent-result-list li{grid-template-columns:34px minmax(120px,1fr) minmax(200px,auto) 38px}.route-results .recent-result-stats{white-space:nowrap;justify-content:flex-end;align-items:center;gap:12px;display:flex}.route-results .recent-result-stats strong,.route-results .recent-result-stats span{white-space:nowrap}.route-results .recent-result-stats strong{flex:none}.route-results .recent-result-stats span{min-width:0}@media (min-width:821px){.route-memory-shell{grid-template-rows:820px;grid-template-columns:370px minmax(0,1fr);width:100%;height:820px;display:grid}.route-memory-shell .game-control-panel{box-sizing:border-box;border-right:1px solid #ffffff47;grid-area:1/1;width:370px;padding:clamp(22px,4vw,38px);display:flex;position:relative}.route-memory-shell .game-title-block{inset-inline:clamp(22px,4vw,38px);box-sizing:border-box;background:0 0;width:auto;padding:0;display:block;position:absolute;top:50%;transform:translateY(-50%)}.route-memory-shell .route-memory-main{grid-area:1/2}}@media (max-width:820px){.game-play-shell.route-memory-shell.route-memory-shell{border-inline:0;border-radius:0;flex-direction:column;min-height:0;display:flex;overflow:hidden}.route-memory-shell.route-memory-shell .game-control-panel.game-control-panel{display:contents}.route-memory-shell.route-memory-shell .game-title-block.game-title-block{background-color:#0a6fed;background-image:url(../media/title-background.3r8832h-crc4_.png);background-position:50% 8%;background-repeat:no-repeat;background-size:100%;order:1;padding:22px 16px 18px}.route-memory-heading h1{font-size:clamp(2.25rem,12vw,3.2rem)}.route-memory-heading p{font-size:.9rem}.route-memory-shell .route-memory-main.route-memory-main{order:2;width:100%;min-height:0;padding:12px 10px 0;display:flex}.route-board-wrap{width:min(100%,520px)}.route-exit-button.is-pc{display:none}.route-exit-button.is-sp{color:#526b8c;min-width:180px;margin:46px auto 28px;padding:0 24px;display:inline-flex}.route-result{width:min(100%,600px);margin-block:8px 18px}}@media (max-width:520px){.route-hud>span,.route-hud>button{min-height:60px}.route-phase-panel{min-height:92px;margin-block:6px 8px}.route-phase-sparkle.is-left{left:12%}.route-phase-sparkle.is-right{right:12%}.route-memory-shell.is-ready-overlay .route-ready-panel.route-ready-panel{width:calc(100% - 28px);padding:20px 18px}.route-result{border-inline:0;border-radius:0;gap:14px;padding:16px 10px}.route-result-actions{grid-template-columns:1fr}.route-results .recent-result-list li{grid-template-columns:30px minmax(0,1fr) 36px;gap:5px 8px}.route-results .recent-result-stats{flex-direction:column;grid-column:2;align-items:flex-start;gap:2px}}@media (prefers-reduced-motion:reduce){.route-lines line,.route-point.is-active .point-ring,.route-point.is-invalid .point-ring,.route-phase-panel{animation-duration:1ms}}}@keyframes route-line-in{to{stroke-dashoffset:0}}@keyframes route-point-pulse{0%{opacity:.45;transform:scale(.8)}55%{opacity:1;transform:scale(1.35)}to{transform:scale(1.22)}}@keyframes route-point-shake{0%,to{transform:translate(0)}35%{transform:translate(-2px)}70%{transform:translate(2px)}}@keyframes route-message-pop{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}}