html,body,#root{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;touch-action:none;background:linear-gradient(60deg,#fde4ff 0%,#7c9cfe 100%);width:100%;height:100%;position:fixed;top:0;left:0}.performanceStats{z-index:20;pointer-events:none;position:fixed;top:.75rem;left:.75rem}.controlKeys{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:20rem;margin-left:-10rem;position:absolute;bottom:13%;left:50%}.title{color:#a9a9a9;text-align:center;width:100%;font-size:.8rem;position:absolute;bottom:2%}.title>a{color:#4fbdf9}.interactionPrompt{z-index:10;color:#ffffffb8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none;-webkit-user-select:none;user-select:none;background:#0c101847;border:1px solid #ffffff2e;border-radius:999px;align-items:center;padding:.48rem .72rem;display:flex;position:fixed;bottom:35%;left:50%;transform:translate(-50%);box-shadow:0 .35rem 1rem #0000001f}.interactionPromptText{color:#ffffffa8;text-shadow:0 1px 2px #0000002e;white-space:nowrap;font-family:Arial,sans-serif;font-size:.9rem;font-weight:700;line-height:1}.controlHints{--control-hint-accent:#7dd3fc;--control-hint-key-size:1.75rem;--control-hint-key-gap:.18rem;--control-hint-label-gap:.14rem;--control-hint-label-size:.84rem;z-index:10;color:#ffffff80;pointer-events:none;-webkit-user-select:none;user-select:none;align-items:center;gap:0;max-width:min(90vw,54rem);padding:0;display:flex;position:fixed;bottom:3.55rem;left:50%;transform:translate(-50%)}.controlHintsGroups{flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:.34rem;display:flex}.controlHintGroup{justify-items:center;column-gap:.24rem;display:grid}.controlHintGroup.is-directional{row-gap:0}.controlHintGroup.is-top,.controlHintGroup.is-bottom{grid-template-columns:auto auto;grid-template-rows:var(--control-hint-key-size) var(--control-hint-key-gap) var(--control-hint-key-size);align-self:flex-end}.controlHintGroup.is-stack{grid-template-rows:var(--control-hint-key-size) var(--control-hint-key-gap) var(--control-hint-key-size) auto;align-self:flex-end;justify-items:start}.controlHintGroup.is-top .controlHintKeys{grid-area:1/1}.controlHintGroup.is-top .controlHintLabel{grid-area:1/2}.controlHintGroup.is-bottom .controlHintKeys{grid-area:3/1}.controlHintGroup.is-bottom .controlHintLabel{grid-area:3/2}.controlHintStackRow{align-items:center;gap:.24rem;display:flex}.controlHintStackRow.is-top{grid-row:1}.controlHintStackRow.is-bottom{grid-row:3}.controlHintStackLabel{margin-top:var(--control-hint-label-gap);color:#ffffff85;font-family:Arial,sans-serif;font-size:var(--control-hint-label-size);text-shadow:0 1px 2px #1f293738;white-space:nowrap;grid-row:4;justify-self:center;font-weight:700;line-height:1}.controlHintGroup.label-below .controlHintLabel{margin-top:var(--control-hint-label-gap);grid-area:auto/1/auto/-1}.controlHintGroup.is-bottom.label-below{grid-template-rows:var(--control-hint-key-size) var(--control-hint-key-gap) var(--control-hint-key-size) auto}.controlHintGroup.is-bottom.label-below .controlHintLabel{grid-row:4}.controlHintGroup.label-inline .controlHintLabel{place-self:center start}.controlHintGroup.is-bottom.label-inline{padding-bottom:calc(var(--control-hint-label-size) + var(--control-hint-label-gap))}.controlHintGroup.label-none .controlHintLabel{display:none}.controlHintKeys{gap:var(--control-hint-key-gap);min-height:var(--control-hint-key-size);align-items:center;display:flex}.controlHintKeys.is-directional{grid-template-columns:repeat(3, var(--control-hint-key-size));grid-template-rows:repeat(2, var(--control-hint-key-size));gap:var(--control-hint-key-gap);min-height:calc(var(--control-hint-key-size) * 2 + var(--control-hint-key-gap));display:grid}.controlHintKeys.is-directional .controlHintKey:first-child{grid-column:2}.controlHintKeys.is-directional .controlHintKey:nth-child(2){grid-area:2/1}.controlHintKeys.is-directional .controlHintKey:nth-child(3){grid-area:2/2}.controlHintKeys.is-directional .controlHintKey:nth-child(4){grid-area:2/3}.controlHintKey{box-sizing:border-box;min-width:var(--control-hint-key-size);height:var(--control-hint-key-size);color:#ffffffbd;font-size:var(--control-hint-label-size);background:#aaaeb494;border:1px solid #ffffff38;border-radius:.28rem;place-items:center;padding:0 .44rem;font-family:Arial,sans-serif;font-weight:700;line-height:1;transition:background-color 90ms,border-color 90ms,color 90ms,transform 90ms;display:inline-grid;box-shadow:inset 0 -1px #ffffff29}.controlHintKeys.is-directional .controlHintKey{width:var(--control-hint-key-size);padding:0}.controlHintKey.is-wide{min-width:4.35rem}.controlHintKey.is-active{color:#1c2026eb;background:var(--control-hint-accent);border-color:#ffffff9e;transform:translateY(1px)}.controlHintLabel{color:#ffffff85;font-family:Arial,sans-serif;font-size:var(--control-hint-label-size);text-shadow:0 1px 2px #1f293738;white-space:nowrap;font-weight:700;line-height:1}.copyrightNotice{z-index:10;color:#ffffff8a;text-align:left;text-shadow:0 1px 2px #1f29373d;-webkit-user-select:none;user-select:none;white-space:nowrap;flex-direction:column;justify-content:center;align-items:flex-start;gap:.18rem;font-family:Arial,sans-serif;font-size:.8rem;font-weight:700;line-height:1.15;display:flex;position:fixed;bottom:1.15rem;left:1.25rem}.copyrightNoticeLine{white-space:nowrap;justify-content:flex-start;align-items:center;gap:.52rem;display:flex}.copyrightNotice.is-touch{text-align:center;align-items:center;left:50%;transform:translate(-50%)}.copyrightNotice.is-touch .copyrightNoticeLine{justify-content:center}.copyrightNotice a{color:#ffffffad;pointer-events:auto;text-decoration:none}.copyrightNotice a:hover{color:#ffffffe0}@media (width<=768px){.controlKeys,.title,.controlHints,.copyrightNotice{display:none}}@media (height<=450px){.controlKeys,.title,.controlHints,.copyrightNotice{display:none}}
