:root{color:#455e55;font-synthesis:none;background:#edf1ec;font-family:Yu Gothic,Hiragino Kaku Gothic ProN,Meiryo,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(at 20% 0,#faf9ed,#0000 48%),linear-gradient(145deg,#edf3ee,#e2eae6);min-width:280px;margin:0}button{font:inherit;cursor:pointer}button:focus-visible{outline-offset:3px;outline:3px solid #b0753d}button:disabled{cursor:default;opacity:.55}[hidden]{display:none!important}.shell{max-width:800px;margin:0 auto;padding:28px 20px 24px}.eyebrow{color:#799186;letter-spacing:.22em;justify-content:space-between;font-size:10px;font-weight:700;display:flex}.heading-line{justify-content:space-between;align-items:center;gap:16px;margin-top:18px;display:flex}.english,.label,.overlay-kicker{color:#849b8d;letter-spacing:.15em;margin:0;font-size:10px;font-weight:700}h1{color:#455f54;letter-spacing:.12em;margin:5px 0 0;font-family:Yu Mincho,Hiragino Mincho ProN,serif;font-size:clamp(27px,5vw,42px);font-weight:600}.heading-mark{color:#dabd81;font-size:40px}.lead{color:#72897e;letter-spacing:.04em;margin:10px 0 20px;font-size:13px}.game-card{background:#fffffad1;border:1px solid #ffffffe6;border-radius:22px;overflow:hidden;box-shadow:0 18px 55px #8ba79b30}.status-row{align-items:center;gap:20px;padding:16px 22px;display:flex}.status-row>div:first-child{flex:1}.status-row .label{margin-bottom:4px;display:block}.status-row strong{color:#5c766a;letter-spacing:.05em;font-size:14px}.stage-dots strong{color:#c9a467;letter-spacing:.12em;white-space:nowrap}.help{color:#6f8a7b;background:#f8fbf6;border:1px solid #d7e2d9;border-radius:50%;flex:0 0 40px;height:40px;font-size:18px}.scene{background:#dce6df;position:relative}canvas{outline:none;width:100%;height:auto;display:block}.overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#dce7e08c;place-items:center;padding:12px;display:grid;position:absolute;inset:0}.overlay-card{text-align:center;background:#fffff9f0;border:1px solid #fff;border-radius:20px;width:min(360px,100%);padding:28px 26px;box-shadow:0 16px 48px #78968b35}.overlay-card h2{color:#4e6d5e;letter-spacing:.08em;margin:12px 0 10px;font-family:Yu Mincho,Hiragino Mincho ProN,serif;font-size:clamp(21px,4vw,26px);line-height:1.55}.overlay-card p{color:#71877b;margin:0 0 20px;font-size:13px;line-height:1.9}.primary{color:#fff;letter-spacing:.08em;background:#718f7c;border:0;border-radius:999px;min-height:48px;padding:11px 26px;font-weight:700}.primary:hover{background:#5b7b67}.lower{grid-template-columns:1fr auto;align-items:center;gap:5px 20px;padding:16px 22px;display:grid}.hint-area{min-width:0}.hint-area p{margin:6px 0 0;font-size:13px;line-height:1.6}.dpad{grid-area:1/2/3;grid-template-rows:repeat(2,44px);grid-template-columns:repeat(3,48px);gap:4px;display:grid}.dpad button{color:#668575;touch-action:none;-webkit-user-select:none;user-select:none;background:#f1f6ef;border:1px solid #d6e2d8;border-radius:12px;font-size:21px}.dpad button:active{background:#d4e4d6}#up{grid-column:2}#left{grid-area:2/1}#down{grid-area:2/2}#right{grid-area:2/3}.restart{color:#7d9788;background:0 0;border:0;border-bottom:1px solid #b8c9bc;justify-self:start;padding:5px 0;font-size:12px}footer{color:#8ca196;justify-content:space-between;gap:10px;margin:18px 3px 0;font-size:11px;display:flex}footer span:last-child{letter-spacing:.14em;white-space:nowrap;font-size:9px}@media (max-width:540px){.shell{padding:18px 12px}.heading-line{margin-top:15px}.lead{font-size:12px}.status-row{gap:9px;padding:12px}.status-row strong{font-size:12px}.stage-dots .label{font-size:9px}.lower{gap:7px;padding:14px 12px}.dpad{grid-template-rows:repeat(2,44px);grid-template-columns:repeat(3,44px)}.hint-area p{font-size:12px}.overlay-card{padding:15px 12px}.overlay-card h2{margin:6px 0;font-size:19px}.overlay-card p{margin-bottom:8px;font-size:11px;line-height:1.6}.primary{min-height:44px;padding:8px 18px;font-size:12px}}