:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#000;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}html{overflow:hidden;height:100%}body{margin:0;min-width:320px;height:100%;overflow:hidden;position:fixed;width:100%}h1{font-size:3.2em;line-height:1.1}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#000}a:hover{color:#747bff}button{background-color:#f9f9f9}}@font-face{font-family:font;src:url(/assets/font-FRAKcwA4.ttf) format("truetype")}#root{margin:0;padding:0;text-align:center}.app-container{display:grid;grid-template-columns:1fr;grid-template-rows:1fr;width:100vw;min-height:100vh;align-items:center;padding:1rem;box-sizing:border-box;overflow:hidden}.case-wrapper.positioned~.drive-wrapper{display:grid;animation:fadeIn .6s ease-in-out}@media(max-width:63.999em){.app-container:has(.case-wrapper.positioned){grid-template-rows:1fr .2fr 1fr}}.case-wrapper.positioned~.start-game-button{grid-row:2}.case-wrapper.positioned~.drive-wrapper{grid-row:3}@media(min-width:48em){.app-container{grid-template-columns:1fr;gap:3rem}}@media(min-width:64em){.app-container{grid-template-columns:1fr;gap:0}.case-wrapper{grid-column:1 / -1;justify-self:center}.case-wrapper.positioned{grid-column:1;grid-row:1;justify-self:auto}.app-container:has(.case-wrapper.positioned){grid-template-columns:1fr .3fr 1fr;align-items:center}.case-wrapper.positioned~.drive-wrapper{grid-column:3;grid-row:1}.case-wrapper.positioned~.start-game-button{position:static;transform:none;grid-column:2;grid-row:1;justify-self:center;align-self:center}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.start-game-button{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;padding:1rem 2rem;font-family:font,sans-serif;font-size:1.25rem;font-weight:700;border:none;border-radius:30px;cursor:pointer;transition:all .3s ease;pointer-events:auto;animation:fadeInButton .6s ease-in-out}.start-game-button.disabled{background-color:#666;color:#999;cursor:not-allowed;pointer-events:none}.start-game-button.enabled{background-color:#255af5;color:#fff;cursor:pointer;box-shadow:0 4px 6px #2563eb4d}.start-game-button.enabled:hover{background-color:#1d4ed8;transform:translate(-50%,-50%) scale(1.05)}.start-game-button.enabled:active{transform:translate(-50%,-50%) scale(.98)}@media(min-width:64em){.case-wrapper.positioned~.start-game-button.enabled:hover{transform:scale(1.05)}.case-wrapper.positioned~.start-game-button.enabled:active{transform:scale(.98)}}@keyframes fadeInButton{0%{opacity:0}to{opacity:1}}@media(max-width:48em){.start-game-button{position:static;transform:none;padding:.75rem 1.5rem;font-size:1rem;margin:0 auto;display:block}.start-game-button.enabled:hover{transform:scale(1.05)}.start-game-button.enabled:active{transform:scale(.98)}}.case-wrapper{position:relative;width:220px;max-width:500px;height:auto;aspect-ratio:761/948;cursor:pointer;margin:0 auto}.case-wrapper .tray-background{position:absolute;top:0;left:0;height:100%;z-index:1}.case-wrapper .tray-background img{width:100%;height:100%;object-fit:cover}.case-wrapper.disabled{cursor:default}.case-wrapper .case-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:4;transform-origin:left;-webkit-transform-style:preserve-3d;transform:perspective(4000px);transition:transform .6s ease-in-out}.case-wrapper .case-container .front{width:100%;height:100%;position:absolute;top:0;left:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:translateZ(1px)}.case-wrapper .case-container .front .cover-image{position:absolute;top:0;left:0;height:100%;width:100%}.case-wrapper .case-container .back{width:100%;height:100%;position:absolute;top:0;left:0;background-color:#0c29ff;-webkit-backface-visibility:hidden;transform:rotateY(180deg) translateZ(0)}.case-wrapper.open .case-container{transform:perspective(4000px) rotateY(-180deg);z-index:1}@media(min-width:64em){.case-wrapper{position:relative;width:500px;max-width:500px;height:auto;aspect-ratio:761/948;cursor:pointer;margin:0 auto}.case-wrapper .tray-background{position:absolute;top:0;left:0;height:100%;z-index:1}.case-wrapper .tray-background img{width:100%;height:100%;object-fit:cover}}.drive-wrapper{position:relative;display:none;grid-template-rows:5px auto;width:100%;height:auto}.drive-wrapper .drive-overlay{position:relative;width:100%;height:300px}.drive-wrapper .drive-overlay .cd-drive{position:absolute;top:50%;left:50%;height:75%;z-index:2}.drive-wrapper .drive-overlay:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:3}.drag-prompt{position:absolute;left:50%;transform:translate(-50%);color:#fbff00cc;font-family:font,sans-serif;font-weight:700;font-size:1.5em;white-space:nowrap;z-index:10;animation:pulse 1s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@media(min-width:64em){.drive-wrapper{height:623px;grid-template-rows:none;grid-template-columns:5px 1fr}.drive-wrapper .drive-overlay{height:100%}.drive-wrapper .drive-overlay .cd-drive{height:80%}.drag-prompt{font-size:2em}}.snap-zone{box-sizing:border-box;width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2}