*{box-sizing:border-box}.learn-page{max-width:1240px;margin:24px auto;padding:0 16px}.learn-page>h1,.learn-page>p{text-align:center}.console{position:relative;container-type:inline-size;width:100%;aspect-ratio:16/9;overflow:hidden;background:#f5ecdc url('./assets/console.webp') center/100% 100%;color:#244a55;border:3px solid #3d9ba5;border-radius:25px;font-family:'Zen Maru Gothic',sans-serif;font-weight:900}.console button{font:inherit;cursor:pointer;touch-action:manipulation;background:#fff6df;color:#254f59;border:3px solid #c1c9bb;border-radius:15px;box-shadow:0 4px 0 #567c7d4d;padding:.45em .7em}.console button:hover{background-color:#fff0b6}.console button:focus-visible{outline:4px solid #e96948;outline-offset:3px}.console button:disabled{cursor:default}.console .primary:hover{background-color:#d85138}.console .primary{background:#f87958;border-color:#ffac87;color:#fff}.game-tools{position:absolute;right:4%;top:2%;display:flex;gap:.5cqw;font-size:max(11px,1.05cqw);z-index:6}.game-tools button{min-height:30px}.game-tools [aria-pressed=false]{background:#cad8d7}#scene{height:100%;position:relative}.welcome{position:absolute;left:5%;top:13%;width:37%;text-align:center}.welcome h2{font-size:3.4cqw;line-height:1.3;margin:0;color:#ef694c;text-shadow:0 2px 0 #fff}.welcome em{color:#11949e;font-style:normal}.welcome p{font-size:1.8cqw;line-height:1.5;margin:.8cqw 0}.preview-console{position:absolute;left:46%;top:16%;width:48%;height:69%;border:7px solid #77c7c6;border-radius:40%;background:#ffefcf;box-shadow:inset 0 0 0 6px #fff8,0 7px 0 #79958b88}.preview-console .pad{width:23%;box-shadow:0 5px 0 #90897680;border:4px solid #fff2d0}.preview-console .pad span{display:none}.preview-radio{position:absolute;left:39%;top:43%;width:22%;height:17%;display:grid;place-items:center;border-radius:13px;background:#245266;color:#ffdf60;border:6px solid #a2d8d1;font-size:3cqw}.modes{position:absolute;left:6%;top:47%;width:34%;height:28%;display:flex;flex-direction:column;gap:1cqw}.modes button{flex:1;font-size:1.75cqw;padding:.25em .8em;display:flex;justify-content:space-between}.modes [aria-pressed=true]{background:#b4e7de;outline:4px solid #48a7ac}#start{position:absolute;left:8%;bottom:8%;width:30%;height:12%;font-size:2.6cqw}.stats{position:absolute;left:5%;top:3%;width:45%;display:flex;gap:.8cqw;font-size:1.1cqw}.stats span{background:#fff4d8;border:2px solid #9fc8c7;border-radius:9px;padding:.6cqw;white-space:nowrap}.stats b{font-size:1.9cqw;color:#cf5f3f}.station{position:absolute;left:5%;right:5%;top:14%;height:72%}.pad{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);width:15%;aspect-ratio:1;border-radius:50%!important;background-color:var(--c)!important;border:5px solid #fff6db!important;box-shadow:inset 0 -5px 0 #47697c22,0 5px 0 #74838688!important;padding:5%!important;display:flex;align-items:center;justify-content:center;isolation:isolate}.pad img{position:absolute;left:8%;top:3%;width:84%;height:78%;object-fit:contain;pointer-events:none}.pad span{position:absolute;left:8%;right:8%;bottom:8%;font-size:1.25cqw;line-height:1.1;text-align:center}.pad.lit{box-shadow:0 0 0 5px #ffee51,0 0 0 9px #e7b642,0 0 23px #ffdd37!important}.pad.tap{box-shadow:0 0 0 5px #62ca9d!important}.pad.miss{box-shadow:0 0 0 5px #e77868!important}.radio{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:24%;min-height:21%;padding:.8cqw;background:#205163;color:#eefff6;border:7px solid #a4dcd5;border-radius:20px;text-align:center;box-shadow:0 5px 0 #8daaa5}.radio p{font-size:1.8cqw;line-height:1.25;margin:0 0 .5cqw}.radio span{font-size:1.1cqw}.toolbar{position:absolute;left:15%;right:15%;bottom:4%;height:9%;display:flex;gap:2cqw}.toolbar button{flex:1;font-size:1.4cqw}.toolbar button:disabled{opacity:.65}.achievement{position:absolute;inset:15% 6% 7%;border:8px solid #79c4c5;border-radius:38px;background:#fff2d4;box-shadow:inset 0 0 0 5px #fff8,0 5px 0 #9cae9d}.achievement h2{position:absolute;left:4%;right:4%;top:5%;margin:0;padding:1cqw;border-radius:20px;background:#205363;color:#ffe375;font-size:3.3cqw;text-align:center}.stars{position:absolute;left:20%;right:20%;top:23%;text-align:center;color:#e3aa20;font-size:3.5cqw;letter-spacing:1cqw}.memory-title{position:absolute;left:4%;top:35%;font-size:1.5cqw;margin:0}.memory-strip{position:absolute;left:4%;right:4%;top:44%;height:33%;display:flex;gap:1cqw;overflow-x:auto;overflow-y:hidden;border-radius:10px;background:#d3efea;padding:.5cqw;scrollbar-width:thin}.memory-strip figure{flex:0 0 13%;min-width:65px;margin:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.memory-strip img{height:calc(100% - 2cqw);width:100%;object-fit:contain}.memory-strip figcaption{font-size:1.1cqw;white-space:nowrap}.record{position:absolute;left:5%;bottom:2%;font-size:1.6cqw;margin:0}.record b{font-size:2.2cqw}.result-buttons{position:absolute;right:4%;bottom:3%;display:flex;gap:1cqw}.result-buttons button{font-size:1.5cqw}.sheet{position:absolute;inset:0;z-index:10;background:#244a65e8;display:flex;justify-content:center;align-items:center;padding:4%}.sheet>div{width:74%;max-height:100%;overflow:auto;background:#fff3dc;border:6px solid #70c9c4;border-radius:23px;padding:3%;font-size:1.65cqw;text-align:center}.sheet h2{font-size:2.8cqw;margin:.3em 0}.sheet button{margin:.5cqw;font-size:1.4cqw}.console [hidden]{display:none!important}.parent-note{font-size:14px}.console:fullscreen{width:100vw;height:100dvh;aspect-ratio:auto;border:0;border-radius:0}@media(max-width:600px) and (orientation:portrait){.learn-page{padding:0 6px}.console{aspect-ratio:9/16;border-radius:18px}.game-tools{left:5%;right:5%;top:2%;gap:.7cqw;font-size:10px;justify-content:space-between}.game-tools button{min-height:32px;padding:.3em;border-width:2px;border-radius:10px}.welcome{left:10%;top:10%;width:80%}.welcome h2{font-size:6cqw;line-height:1.2}.welcome h2 br{display:none}.welcome p{font-size:3.8cqw;margin:1cqw}.welcome p br{display:none}.preview-console{left:10%;top:24%;width:80%;height:35%;border-width:4px}.preview-console .pad{width:24%;border-width:2px!important}.preview-radio{border-width:3px;font-size:6cqw}.modes{left:12%;top:65%;width:76%;height:20%;gap:1.3cqw}.modes button{font-size:3.6cqw;border-width:2px;border-radius:10px}.modes [aria-pressed=true]{outline-width:3px}#start{left:25%;width:50%;bottom:5%;height:7%;font-size:4.5cqw}.stats{left:7%;top:11%;width:86%;gap:1cqw;font-size:2.5cqw}.stats span{flex:1;padding:1cqw .5cqw;border-width:1px;text-align:center}.stats b{font-size:3.9cqw}.station{left:4%;right:4%;top:20%;height:64%}.station .pad{width:25%;border-width:3px!important}.pad span{font-size:3cqw}.radio{width:28%;min-height:19%;border-width:4px;border-radius:13px;padding:1.4cqw .5cqw}.radio p{font-size:3.5cqw}.radio span{font-size:2.5cqw;line-height:1.2}.toolbar{left:7%;right:7%;bottom:5%;height:9%;gap:1cqw}.toolbar button{font-size:2.8cqw;padding:.3em;border-width:2px;border-radius:10px}.achievement{inset:12% 7% 7%;border-width:4px;border-radius:22px}.achievement h2{font-size:5.3cqw;padding:3cqw 0;border-radius:12px}.stars{top:24%;font-size:7cqw;left:5%;right:5%}.memory-title{top:37%;font-size:3.6cqw}.memory-strip{top:45%;height:25%;gap:2cqw;padding:1cqw}.memory-strip figure{flex-basis:29%;min-width:65px}.memory-strip img{height:calc(100% - 6cqw)}.memory-strip figcaption{font-size:2.8cqw}.record{bottom:20%;left:0;width:100%;text-align:center;font-size:3.6cqw}.record b{font-size:5cqw}.result-buttons{left:5%;right:5%;bottom:5%;height:11%;gap:2cqw}.result-buttons button{flex:1;font-size:3cqw;padding:.3em;border-width:2px}.sheet>div{width:96%;font-size:3.6cqw}.sheet h2{font-size:5cqw}.sheet button{font-size:3.4cqw}}