.fd1-root.fd1-hard{--fd1-z:.68}.fd1-root{--fd1-z:.8;--fd1-dancer:calc(192px * var(--fd1-z));touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;flex-direction:column;flex:1 1 0;gap:8px;min-height:0;display:flex}.fd1-floor{border:2px solid var(--color-ink);border-radius:14px;flex-direction:column;flex:2 1 0;min-height:240px;display:flex;position:relative;overflow:hidden}.fd1-room{--fd1-ground:calc(44px + 24px * var(--fd1-z));pointer-events:none;background:var(--color-paper);position:absolute;inset:0}.fd1-wall{inset:0 0 var(--fd1-ground) 0;background-image:url(/art/wall.svg);background-position:bottom;background-repeat:repeat-x;background-size:calc(600px * var(--fd1-z)) calc(470px * var(--fd1-z));position:absolute}.fd1-window{left:calc(50% - 86px * var(--fd1-z));bottom:calc(var(--fd1-ground) + 130px * var(--fd1-z));width:calc(172px * var(--fd1-z));height:calc(248px * var(--fd1-z));background-image:url(/art/window.svg);background-repeat:no-repeat;background-size:100% 100%;position:absolute}.fd1-sky{left:calc(50% - 70px * var(--fd1-z));bottom:calc(var(--fd1-ground) + 150px * var(--fd1-z));width:calc(140px * var(--fd1-z));height:calc(220px * var(--fd1-z));background-color:var(--color-night);background-image:url(/art/outside.svg);background-repeat:no-repeat;background-position:calc(-230px * var(--fd1-z)) calc(-100px * var(--fd1-z));background-size:calc(1200px * var(--fd1-z)) calc(470px * var(--fd1-z));position:absolute}.fd1-parquet{height:var(--fd1-ground);background-image:url(/art/dance-parquet.svg);background-position:top;background-repeat:repeat-x;background-size:calc(360px * var(--fd1-z)) 100%;position:absolute;bottom:0;left:0;right:0}.fd1-lights{left:0;right:0;bottom:calc(var(--fd1-ground) + 330px * var(--fd1-z));height:calc(80px * var(--fd1-z));background-image:url(/art/dance-lights.svg);background-position:top;background-repeat:repeat-x;background-size:calc(360px * var(--fd1-z)) 100%;position:absolute}.fd1-top{justify-content:space-between;align-items:flex-start;gap:8px;padding:8px 10px;display:flex;position:relative}.fd1-hearts{gap:3px;display:inline-flex}.fd1-stage{background:color-mix(in srgb, var(--color-paper) 80%, transparent);border-radius:12px;flex-direction:column;align-items:flex-end;gap:3px;padding:3px 8px;display:flex}.fd1-stage-line{font-variant-numeric:tabular-nums;color:color-mix(in srgb, var(--color-ink) 75%, transparent);font-size:12px}.fd1-dots{flex-wrap:wrap;justify-content:flex-end;gap:3px;display:inline-flex}.fd1-stand{grid-template-columns:1fr 1fr;align-items:flex-end;margin-top:auto;display:grid;position:relative}.fd1-side{justify-content:center;align-items:flex-end;gap:2px;display:flex;position:relative}.fd1-dancer{width:calc(var(--fd1-dancer,108px) * 2 / 3);height:var(--fd1-dancer,108px);flex:none;display:block;position:relative}@keyframes fd1-shake{0%,to{transform:translate(0)}20%{transform:translate(-3px)}50%{transform:translate(3px)}80%{transform:translate(-2px)}}.fd1-shake{animation:.26s ease-in-out 2 fd1-shake}.fd1-spot{pointer-events:none;width:50%;height:26px;transition:transform .36s;position:absolute;bottom:-12px;left:0}.fd1-spot-disc{background:color-mix(in srgb, var(--color-paper) 45%, transparent);border-radius:50%;width:82%;height:100%;margin:0 auto}.fd1-spot-cone{height:calc(420px * var(--fd1-z));background:color-mix(in srgb, var(--color-gold) 30%, transparent);clip-path:polygon(44% 0,56% 0,100% 100%,0 100%);position:absolute;bottom:50%;left:9%;right:9%}.fd1-phase{text-align:center;margin:6px 0 10px;position:relative}.fd1-phase span{background:color-mix(in srgb, var(--color-paper) 85%, transparent);min-height:28px;font-family:var(--font-serif);color:color-mix(in srgb, var(--color-ink) 80%, transparent);border-radius:999px;padding:2px 14px;font-size:20px;line-height:24px;display:inline-block}.fd1-veil{z-index:1;text-align:center;background:color-mix(in srgb, var(--color-paper) 92%, transparent);flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:20px;display:flex;position:absolute;inset:0}.fd1-ready-title{font-family:var(--font-serif);color:var(--color-ink);margin:0;font-size:24px;font-weight:600}.fd1-ready-line{max-width:300px;color:color-mix(in srgb, var(--color-ink) 80%, transparent);margin:0;font-size:15px}.fd1-note{color:color-mix(in srgb, var(--color-ink) 60%, transparent);margin:0;font-size:12px}.fd1-split{width:100%;max-width:320px;display:flex}.fd1-half{color:color-mix(in srgb, var(--color-ink) 75%, transparent);flex-direction:column;flex:1 1 0;align-items:center;gap:4px;padding:6px;font-size:13px;display:flex}.fd1-half+.fd1-half{border-left:2px dashed color-mix(in srgb, var(--color-sage) 70%, transparent)}.fd1-pads{flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;gap:8px;min-height:150px;display:flex}.fd1-timer{background:color-mix(in srgb, var(--color-ink) 12%, transparent);border-radius:999px;width:100%;height:8px;overflow:hidden}.fd1-timer-fill{background:var(--color-rose);border-radius:999px;height:100%}.fd1-pad-row{justify-content:space-around;align-items:flex-start;gap:6px;width:100%;display:flex}.fd1-pad{grid-template-columns:repeat(3,1fr);transition:opacity .26s;display:grid}.fd1-pad-dim{opacity:.35}.fd1-pad-fixed{gap:6px;width:192px}.fd1-pad-fluid{flex:1 1 0;gap:3px;min-width:0;max-width:200px}.fd1-key{aspect-ratio:1;border:2px solid color-mix(in srgb, var(--color-sage) 80%, transparent);background:color-mix(in srgb, var(--color-paper) 80%, transparent);min-height:48px;color:color-mix(in srgb, var(--color-ink) 80%, transparent);border-radius:14px;justify-content:center;align-items:center;padding:0;transition:transform .1s,background-color .1s;display:flex}.fd1-key:active:not(:disabled){background:color-mix(in srgb, var(--color-rose) 28%, var(--color-paper));color:var(--color-rose);transform:scale(.95)}.fd1-key-up{grid-area:1/2}.fd1-key-left{grid-area:2/1}.fd1-key-right{grid-area:2/3}.fd1-key-down{grid-area:3/2}.fd1-pad-mark{opacity:.8;grid-area:2/2;justify-content:center;align-items:center;display:flex}@media (max-height:640px){.fd1-root,.fd1-root.fd1-hard{--fd1-z:.6}.fd1-floor{min-height:200px}}@media (prefers-reduced-motion:reduce){.fd1-shake,.fd1-spot{transition:none;animation:none}}
.fd-root{flex-direction:column;flex:1 1 0;min-height:0;display:flex}.fd-stage{border:2px solid var(--color-ink);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;cursor:pointer;border-radius:14px;flex:1 1 0;min-height:0;position:relative;overflow:hidden}.fd-canvas{width:100%;height:100%;display:block}.fd-layer{text-align:center;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:20px;display:flex;position:absolute;inset:0}.fd-layer-bottom{justify-content:flex-end;padding-bottom:32px}.fd-veil{background:color-mix(in srgb, var(--color-paper) 92%, transparent)}.fd-count{text-align:center;pointer-events:none;font-family:var(--font-serif);font-variant-numeric:tabular-nums;color:var(--color-ink);opacity:.75;margin:0;font-size:44px;font-weight:600;line-height:1;position:absolute;top:10px;left:0;right:0}.fd-count-label{font-family:var(--font-sans);letter-spacing:.08em;text-transform:uppercase;opacity:.6;font-size:12px;font-weight:400;display:block}.fd-title{font-family:var(--font-serif);color:var(--color-ink);margin:0;font-size:26px;font-weight:600}.fd-hint{color:color-mix(in srgb, var(--color-ink) 80%, transparent);margin:0;font-size:16px}.fd-split{align-items:stretch;width:100%;max-width:320px;display:flex}.fd-half{flex-direction:column;flex:1 1 0;align-items:center;gap:6px;padding:8px;display:flex}.fd-half+.fd-half{border-left:2px dashed color-mix(in srgb, var(--color-sage) 70%, transparent)}.fd-half-label{color:color-mix(in srgb, var(--color-ink) 75%, transparent);font-size:13px}.fd-note{color:color-mix(in srgb, var(--color-ink) 60%, transparent);margin:0;font-size:13px}
.sm-root{flex-direction:column;flex:1 1 0;min-height:0;display:flex}.sm-stage{border:2px solid var(--color-ink);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;overscroll-behavior:contain;cursor:pointer;border-radius:14px;flex:1 1 0;min-height:0;position:relative;overflow:hidden}.sm-canvas{width:100%;height:100%;display:block}.sm-layer{text-align:center;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:20px;display:flex;position:absolute;inset:0}.sm-layer-bottom{justify-content:flex-end;padding-bottom:28px}.sm-veil{background:color-mix(in srgb, var(--color-paper) 92%, transparent)}.sm-title{font-family:var(--font-serif);color:var(--color-ink);margin:0;font-size:26px;font-weight:600}.sm-note{color:color-mix(in srgb, var(--color-ink) 75%, transparent);margin:0;font-size:14px;line-height:1.35}.sm-hint{background:var(--color-rose);color:var(--color-paper);pointer-events:none;border-radius:9999px;margin:0;padding:4px 12px;font-size:12px;line-height:1.4;position:absolute;top:96px;left:50%;transform:translate(-50%)}
.game-sheet{flex-direction:column;gap:12px;height:100%;padding:16px;display:flex;position:relative;overflow-y:auto}.game-play{padding:10px;overflow:hidden}.game-modes{flex-direction:column;gap:12px;display:flex}.mode-button{text-align:left;border:2px solid var(--color-ink);background:var(--color-paper);color:var(--color-ink);border-radius:14px;flex-direction:column;gap:4px;padding:14px 16px;display:flex}.mode-button:active{background:color-mix(in srgb, var(--color-blush) 30%, var(--color-paper));transform:scale(.99)}.mode-name{font-family:var(--font-serif);font-size:24px;font-weight:600}.mode-line{font-size:15px;line-height:1.35}.mode-best{color:color-mix(in srgb, var(--color-ink) 65%, transparent);font-size:13px}.game-note{color:color-mix(in srgb, var(--color-ink) 65%, transparent);margin:0;font-size:13px}.game-result{z-index:2;text-align:center;background:color-mix(in srgb, var(--color-paper) 94%, transparent);border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:20px;display:flex;position:absolute;inset:10px}.game-score-label{letter-spacing:.08em;text-transform:uppercase;color:color-mix(in srgb, var(--color-ink) 60%, transparent);margin:0;font-size:12px}.game-score{font-family:var(--font-serif);font-variant-numeric:tabular-nums;margin:0;font-size:64px;font-weight:600;line-height:1}.game-best{margin:0;font-size:16px}.game-new{font-family:var(--font-serif);color:var(--color-rose);margin:0;font-size:22px}.game-result-actions{flex-wrap:wrap;justify-content:center;width:100%;max-width:320px;padding-top:10px}.game-result-actions .button{flex:130px}.game-ask .sheet-lead{max-width:300px}
.board{gap:14px}.board-tabs{gap:8px;display:flex}.board-tab{border:2px solid var(--color-ink);background:var(--color-paper);color:var(--color-ink);border-radius:9999px;flex:1;padding:0 12px;font-size:16px}.board-tab[aria-selected=true]{background:var(--color-ink);color:var(--color-paper)}.board-line{color:color-mix(in srgb, var(--color-ink) 70%, transparent);margin:0;font-size:15px}.podium{justify-content:center;align-items:flex-end;gap:6px;display:flex}.podium-place{flex-direction:column;flex:1 1 0;align-items:center;min-width:0;display:flex}.podium-step{border:2px solid var(--color-ink);background:color-mix(in srgb, var(--color-gold) 35%, var(--color-paper));border-bottom:0;border-radius:6px 6px 0 0;place-items:center;width:100%;display:grid}.podium-rank{font-family:var(--font-serif);font-size:26px;font-weight:600}.podium-name,.podium-score{text-overflow:ellipsis;white-space:nowrap;text-align:center;max-width:100%;margin:4px 0 0;font-size:14px;overflow:hidden}.podium-score{font-variant-numeric:tabular-nums;color:color-mix(in srgb, var(--color-ink) 70%, transparent);margin-top:0}.podium-name.is-mine{color:var(--color-rose);font-weight:600}.board-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.board-row,.board-mine{border:2px solid #0000;border-radius:12px;align-items:center;gap:10px;margin:0;padding:4px 10px;display:flex}.board-row.is-mine,.board-mine{border-color:var(--color-rose);background:color-mix(in srgb, var(--color-blush) 30%, var(--color-paper))}.board-mine{min-height:48px;margin-top:4px}.board-rank{width:26px;font-family:var(--font-serif);text-align:right;font-variant-numeric:tabular-nums;font-size:18px}.board-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:16px;overflow:hidden}.board-score{font-variant-numeric:tabular-nums;font-size:16px}.board-face{pointer-events:none;align-items:center;gap:6px;display:flex}.board-face-rank{width:30px;font-family:var(--font-serif);text-align:center;color:var(--color-ink);font-size:26px;font-weight:600}