html,body,#root{background:#000;width:100%;height:100%;font-family:sans-serif;position:fixed;top:0;left:0}.start-screen{z-index:3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#00000073;justify-content:center;align-items:center;animation:.8s ease-out both start-screen-fade-in;display:flex;position:fixed;inset:0}.start-screen__panel{text-align:center;color:#fff;flex-direction:column;align-items:center;padding:2.5rem 3rem;font-family:system-ui,sans-serif;display:flex}.start-screen__title{letter-spacing:.02em;margin:0;font-size:2.25rem;font-weight:600}.start-screen__subtitle{opacity:.75;margin:.5rem 0 2rem;font-size:1rem}.start-screen__buttons{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.start-screen__button{color:#fff;font:inherit;cursor:pointer;background:0 0;border:1px solid #ffffff80;border-radius:999px;padding:.7rem 1.5rem;font-size:.95rem;transition:background .2s,border-color .2s,transform .1s}.start-screen__button:hover{background:#ffffff1f;border-color:#fff}.start-screen__button:active{transform:scale(.97)}.start-screen__button--primary{color:#1a1a1a;background:#fff;border-color:#fff}.start-screen__button--primary:hover{background:#ffffffd9}@keyframes start-screen-fade-in{0%{opacity:0}to{opacity:1}}.explanation{color:#fff;cursor:default;background:#0009;border:1px solid #000;border-radius:4px;max-width:300px;padding:12px;position:fixed;bottom:8px;right:8px}.explanation li{margin-bottom:8px}.explanation li b{font-weight:500}.explanation a{color:#add8e6;font-weight:700}.explanation__header{justify-content:space-between;align-items:center;gap:8px;display:flex}.explanation__title{margin:0;font-size:16px}.explanation__toggle{color:#fff;cursor:pointer;background:0 0;border:1px solid #fff6;border-radius:3px;flex-shrink:0;width:20px;height:20px;padding:0;font-size:14px;line-height:1}.explanation__toggle:hover{border-color:#fff}.explanation__body{grid-template-rows:1fr;transition:grid-template-rows .3s;display:grid;overflow:hidden}.explanation__body--closed{grid-template-rows:0fr}.explanation__details{min-height:0;margin:0;font-size:14px}.explanation h2{font-size:14px}.spring-in-a-bottle--interactive canvas:active{cursor:grabbing}