*{margin:0;padding:0;box-sizing:border-box;text-align:center;color:#faebd7;text-shadow:0 6px 8px rgba(0,0,0,.8)}html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;overscroll-behavior:none}body{min-height:100dvh;width:100vw;background:url(/background.png) no-repeat center center;background-size:cover;background-attachment:fixed;background-color:#1a1110;overscroll-behavior:none}#app{font-family:Berkshire Swash,serif;font-weight:400;font-style:normal;margin:1rem 0;position:fixed;top:20px;left:50%;transform:translate(-50%);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1rem}h1{font-size:4rem}h2{font-size:2.5rem}pre{font-family:Cinzel,serif;font-optical-sizing:auto;font-weight:400;font-style:normal;font-size:40vh}.buttons{display:flex;gap:2rem;margin-top:1rem}button{all:unset;cursor:pointer;width:clamp(50px,20vw,200px);padding:15px 10px;color:#0e0a0a;background:#faebd759;border-radius:16px;box-shadow:0 4px 30px #0003;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}@keyframes spin{0%{transform:rotateX(0) scale(1);opacity:1}40%{transform:rotateX(180deg) scale(1.2);opacity:.6}70%{transform:rotateX(360deg) scale(1);opacity:1}to{transform:rotateX(360deg) scale(1);opacity:1}}.spin{animation:spin .6s ease-in-out;display:inline-block}spline-viewer{width:100vw;height:100vh;display:block;position:fixed;top:0;left:0;z-index:-1;pointer-events:none}.modal{position:fixed;top:0;left:50%;transform:translate(-50%);width:100vw;height:100vh;background:#0009;display:flex;align-items:center;justify-content:center;z-index:100;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.hidden{display:none}.modal-content{background:#faebd733;border:1px solid rgba(250,235,215,.4);border-radius:16px;box-shadow:0 4px 30px #0000004d;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#faebd7;padding:1.5rem;width:90%;max-width:400px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.modal-content h3{margin-bottom:1rem;font-size:1.5rem}.inputs{display:flex;justify-content:center;gap:.75rem;flex-wrap:wrap}.inputs input{width:60px;padding:.5rem;border-radius:8px;border:1px solid rgba(250,235,215,.5);background:#fff3;color:#faebd7;text-align:center;font-size:1rem}.modal-buttons{display:flex;justify-content:center;gap:1rem;margin-top:2rem}.modal-buttons button{all:unset;cursor:pointer;background:#faebd759;border-radius:12px;padding:.5rem 1rem;color:#1a1110;transition:all .3s ease;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.modal-buttons button:hover{background:#faebd780}@media(max-width:480px){#app{gap:2rem;top:20px;left:50%;transform:translate(-50%)}h1{font-size:2.5rem}h2{font-size:1.5rem}pre{font-size:30vh}.buttons{gap:1rem;margin-top:.5rem}.inputs input{width:50px;font-size:.9rem}.modal-content{padding:1rem}.modal-buttons{flex-direction:column;gap:.5rem}}