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}}.credits__icon{color:#fff;cursor:pointer;background:#0009;border:1px solid #000;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:18px;font-weight:700;line-height:1;display:flex;position:fixed;bottom:16px;right:16px}.credits__icon:hover{background:#000000bf}.credits__icon:focus{outline:none}.credits__overlay{z-index:10;background:#00000080;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.credits__modal{color:#fff;cursor:default;background:#000000d9;border:1px solid #000;border-radius:4px;width:100%;max-width:360px;max-height:80vh;padding:20px;overflow-y:auto}.credits__header{justify-content:space-between;align-items:center;gap:8px;display:flex}.credits__title{margin:0;font-size:18px}.credits__close{color:#fff;cursor:pointer;background:0 0;border:1px solid #fff6;border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;padding:0;display:flex}.credits__close:hover{border-color:#fff}.credits__body,.credits__body h2{font-size:14px}.credits__body li{margin-bottom:8px}.credits__body li b{font-weight:500}.credits__body a{color:#add8e6;font-weight:700}.credits__footer{text-align:center;border-top:1px solid #fff3;margin-top:16px;padding-top:12px}.credits__signature{color:#ffffffbf;margin:0;font-size:13px}.credits__heart{color:#ff6b6b}.credits__body a.credits__repo{color:#fff;margin-top:10px;display:inline-flex}.credits__body a.credits__repo:hover{color:#add8e6}.social-links{align-items:center;gap:12px;display:flex;position:fixed;bottom:16px;left:16px}.social-links__button{color:#fff;cursor:pointer;background:#0009;border:1px solid #000;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;text-decoration:none;display:flex}.social-links__button:hover{background:#000000bf}.spring-in-a-bottle--interactive canvas:active{cursor:grabbing}