.menu-card{word-break:keep-all}.channel-links{align-items:center;padding-top:6px}.sound-ctl{flex-direction:row;align-items:center;gap:10px}.term{cursor:help;border-bottom:1px dotted #f2c94ccc;outline:none;position:relative}.term:hover:after,.term:focus:after{content:attr(data-tip);border:1px solid var(--line);width:max-content;max-width:min(260px,70vw);color:var(--text);white-space:normal;z-index:20;pointer-events:none;background:#0b1020;border-radius:8px;padding:8px 10px;font-size:13px;font-weight:500;line-height:1.5;position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%);box-shadow:0 8px 24px #00000080}@media (width<=600px){.channel-links{flex-wrap:wrap}.update-note{flex-basis:100%;order:5}}.update-note{text-align:center;color:var(--muted);opacity:.8;flex:1;font-size:11.5px;line-height:1.3}.principles-link{margin-top:10px;padding-left:0}.principles{margin:14px 0 0;padding-left:20px}.principles li{margin:8px 0;font-size:15px;line-height:1.6}.principles li b{color:var(--accent)}.card .principles-note{color:var(--muted);margin-top:12px;font-size:13px}.basics-card{word-break:keep-all;width:min(600px,100%);padding:26px 28px 20px;position:relative}.basics-card h1{font-size:24px}.basics-figure{justify-content:center;margin:12px 0 6px;display:flex}.basics-svg{width:min(300px,80%);height:auto}.basics-svg .infield{fill:#c48c5a38;stroke:#ffffff59;stroke-width:1.5px}.basics-svg .bag{fill:#e8e8e8}.basics-svg .bag.lit{fill:var(--accent)}.basics-svg .runner{fill:#ff9a76;stroke:#1b2440;stroke-width:2px}.basics-svg .arrow{stroke-width:2.5px;stroke:#ff9a76}.basics-svg .arrow.ball{stroke:var(--accent);stroke-dasharray:5 4}.basics-svg .arrow.back{stroke:#8fb8ff}.basics-svg .ah.run{fill:#ff9a76}.basics-svg .ah.ball{fill:var(--accent)}.basics-svg .ah.back{fill:#8fb8ff}.basics-svg .mark{fill:#7fd9a0;font-size:10px;font-weight:800}.basics-svg .mark.warn{fill:#ff9a76}.basics-svg .pos{fill:#1f5bff;stroke:#fff;stroke-width:1.2px}.basics-svg .pos-n{fill:#fff;font-size:11px;font-weight:800}.card .basics-body p{margin:8px 0 0;font-size:15px;line-height:1.65}.basics-body b{color:var(--accent)}.basics-dots{justify-content:center;gap:6px;margin:16px 0 12px;display:flex}.basics-dots i{background:var(--line);border-radius:50%;width:7px;height:7px}.basics-dots i.on{background:var(--accent)}.basics-card button:disabled{opacity:.4;cursor:default}.basics-close{color:var(--muted);cursor:pointer;background:0 0;border:none;font-size:18px;position:absolute;top:12px;right:14px}.intro-basics{width:100%;margin-top:8px;font-size:15px}.intro-card .intro-basics{color:#10261f;background:#3ee0b5;border-color:#3ee0b5}.intro-card .intro-basics:hover,.intro-card .intro-basics:focus-visible{background:#6ff2cf;border-color:#6ff2cf}.intro-link.basics-link{margin-left:6px}.intro-link.push{margin-right:auto}.item-side .level{border:1px solid var(--line);border-radius:999px;padding:2px 7px;font-size:11px;font-weight:800}.item-side .level.lv1{color:#7fd9a0;border-color:#7fd9a073}.item-side .level.lv2{color:#8fb8ff;border-color:#8fb8ff73}.item-side .level.lv3{color:#ff9a76;border-color:#ff9a7673}.basics-svg .ball{fill:#fff;stroke:#1b2440;stroke-width:1.5px}.menu-main .items{gap:4px}.menu-main .item{padding:6px 14px}.menu-main .random-desc{margin:0 0 2px}@media (width>=900px) and (height<=740px){.menu-card{padding-top:12px;padding-bottom:12px}.menu-main .item{padding-top:5px;padding-bottom:5px}.menu-main .items{gap:3px}.difficulties button{padding-top:7px;padding-bottom:7px}.menu-side h1{font-size:24px}.menu-side h2,.tabs{margin-top:8px}}.tabs.four{grid-template-columns:repeat(4,1fr)}.coach-call{letter-spacing:.02em;white-space:nowrap;color:#fff;pointer-events:none;z-index:4;border-radius:16px;padding:14px 34px;font-size:clamp(34px,7vw,64px);font-weight:900;animation:.18s ease-out coach-pop;position:fixed;top:16%;left:50%;transform:translate(-50%);box-shadow:0 10px 40px #00000080}.coach-call.go{background:#1e9650eb}.coach-call.stop{background:#cd322deb}@keyframes coach-pop{0%{opacity:0;transform:translate(-50%)scale(.7)}}.menu-side{flex-direction:column;display:flex}.random-all{color:#10261f;cursor:pointer;background:#3ee0b5;border:1px solid #3ee0b5;border-radius:10px;flex-direction:column;align-items:center;gap:2px;width:100%;margin-top:auto;padding:11px 16px;display:flex}.random-all b{font-size:17px;font-weight:800}.random-all span{opacity:.8;font-size:12px;font-weight:600}.random-all:hover,.random-all:focus-visible{background:#6ff2cf;border-color:#6ff2cf}