:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--wf-1:#e6e6e6;--wf-2:#d2d2d2;--wf-3:#b8b8b8;--wf-line:#9a9a9a;--wf-gap:12px}*{box-sizing:border-box;margin:0;padding:0}body{color:#555;background:#f2f2f2;min-height:100vh;font-family:Hiragino Sans,Noto Sans JP,Yu Gothic,sans-serif}.bar{background:var(--wf-1);border:1px solid var(--wf-line);border-radius:2px;height:16px}.bar--logo{background:var(--wf-3);width:168px;height:28px}.bar--nav{width:72px}.bar--action{background:var(--wf-2);width:36px;height:28px}.bar--ribbon{background:var(--wf-2);width:min(420px,60%);height:40px;margin:0 auto var(--wf-gap)}.bar--notice{width:100%;height:44px}.bar--tile{background:var(--wf-2);width:100%;height:96px}.bar--wide{width:100%;height:64px}.bar--footer{width:100%;height:56px}.site-header{align-items:center;gap:var(--wf-gap);border-bottom:1px solid var(--wf-line);background:#fff;padding:14px 24px;display:flex}.header-spacer{flex:1}main{flex-direction:column;gap:28px;max-width:1180px;margin:0 auto;padding:28px 24px;display:flex}.hero{flex-direction:column;display:flex}.grid{gap:var(--wf-gap);grid-template-columns:repeat(3,1fr);display:grid}.pair{gap:var(--wf-gap);grid-template-columns:1.4fr 1fr;display:grid}.site-footer{border-top:1px solid var(--wf-line);background:#fff;padding:20px 24px 32px}@media (width<=720px){.grid{grid-template-columns:repeat(2,1fr)}.pair{grid-template-columns:1fr}.site-header .bar--nav{display:none}}.stage-frame{background:var(--wf-2);border:1px solid var(--wf-line);border-radius:3px;position:relative;overflow:hidden}#stage{width:100%;min-height:480px;position:relative}#stage canvas{display:block}#hint{color:#666;pointer-events:none;place-items:center;font-size:14px;transition:opacity .3s;display:grid;position:absolute;inset:0}#hint.hidden{opacity:0}.stage-controls{gap:8px;display:flex;position:absolute;bottom:12px;right:12px}.stage-controls button{border:1px solid var(--wf-line);color:#444;height:32px;font:inherit;cursor:pointer;background:#ffffffeb;border-radius:16px;align-items:center;gap:6px;padding:0 12px;font-size:13px;display:inline-flex}.stage-controls button:disabled{opacity:.45;cursor:default}.stage-controls .dot{background:var(--wf-3);border:1px solid var(--wf-line);border-radius:50%;width:8px;height:8px}#sound-toggle[aria-pressed=true] .dot{background:#555}#replay{justify-content:center;width:32px;padding:0}