*{box-sizing:border-box}body{margin:0;background:#fff;color:#17202a;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Yu Gothic",Meiryo,sans-serif}.wrap{width:100%;padding:12px 6px}.top{display:flex;justify-content:space-between;align-items:center}.title{font-size:22px;font-weight:950}.back{color:#475467;text-decoration:none;font-weight:850}.setup{border:1px solid #dce3eb;border-radius:16px;padding:12px;margin:10px 0;display:flex;gap:14px;flex-wrap:wrap;align-items:center}.group{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.group b{font-size:12px;color:#667085}.pick{border:1px solid #cfd8e3;color:#17202a;text-decoration:none;padding:7px 11px;border-radius:10px;font-weight:900}.pick.on{background:#17202a;color:#fff}.start{border:0;background:#2563eb;color:#fff;padding:9px 18px;border-radius:11px;font-weight:950}.quit{border:1px solid #d0d5dd;background:#fff;color:#475467;padding:9px 15px;border-radius:11px;font-weight:900}.quit:disabled{opacity:.4}.medal-panel{padding:11px 14px;border:1px solid #dce3eb;border-radius:14px}.medal-head{display:flex;justify-content:space-between;font-size:13px}.gauge-track{height:10px;margin-top:8px;border-radius:999px;background:#edf1f5;overflow:hidden}.gauge-fill{height:100%;background:linear-gradient(90deg,#5a91ee,#285ec7);transition:width .25s}.medal-panel small{display:block;margin-top:5px;color:#667085}.hud{display:flex;gap:16px;flex-wrap:wrap;font-size:13px;font-weight:850;margin:8px 2px}.hud strong{font-size:18px}.game{position:relative;height:285px;overflow:hidden;border:1px solid #e5e7eb;border-radius:24px;box-shadow:0 8px 24px #0f172a0a}.question{position:absolute;left:3%;right:3%;top:12px;text-align:center}.ja{font-size:clamp(15px,1.8vw,20px);font-weight:850;color:#475467}.en{font-size:clamp(19px,2.5vw,30px);font-weight:950;margin-top:5px;white-space:normal}.typed{font-size:18px;font-weight:900;margin-top:5px;min-height:24px;color:#2563eb}.typed .rest{color:#b8c0cc}.typed .next{background:#e9f1ff;border-radius:3px}.lane{position:absolute;left:0;right:0;top:96px;height:120px}.medal{position:absolute;left:-70px;top:17px;width:64px;height:64px;display:grid;place-items:center;font-size:40px;filter:drop-shadow(0 4px 4px #0002);will-change:transform}.pet{position:absolute;left:75%;top:173px;width:100px;height:100px;object-fit:contain;transform:translateX(-50%);transform-origin:center bottom;will-change:left,top}.pet.jump{transition:left .18s ease-out,top .18s ease-out}.pet.back{transition:left .20s ease-in,top .20s ease-in}.message{position:absolute;left:0;right:0;bottom:2px;text-align:center;font-weight:900;color:#667085}.keyboard{--kg:5px;width:100%;margin-top:6px;border:1px solid #dce3eb;border-radius:18px;padding:8px 4px;user-select:none}.keyrow{display:flex;justify-content:center;gap:var(--kg);margin:5px 0}.key{height:48px;min-width:0;flex:1 1 0;max-width:86px;border:1px solid #d7dee8;border-bottom-width:3px;border-radius:9px;background:#fff;font-weight:900;font-size:15px}.key.special{max-width:115px}.key.space{max-width:360px;flex:4}.key.shift.on{background:#17202a;color:#fff}.key.next{outline:2px solid #5a91ee;background:#eef5ff}.key.hit{transform:translateY(2px);border-bottom-width:1px}.result{position:absolute;inset:0;background:#ffffffed;display:none;place-items:center;text-align:center;z-index:5}.result.show{display:grid}.resultgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.resultgrid div{background:#f3f6fa;padding:10px;border-radius:12px}.resultgrid strong{display:block;font-size:22px}.again{margin-top:15px;border:0;border-radius:10px;background:#17202a;color:#fff;padding:9px 18px;font-weight:900}@media(max-width:650px){.game{height:255px}.pet{width:78px;height:78px;top:166px}.keyboard{--kg:3px;padding:5px 2px}.key{height:41px;font-size:12px}.key.special{max-width:80px}.resultgrid{grid-template-columns:repeat(2,1fr)}}