:root{font-family:Inter,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffde;background-color:#0f0a1e;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;padding:0;min-width:320px;min-height:100vh;overflow-x:hidden}#root{width:100%;min-height:100vh}button{font-family:inherit;cursor:pointer;-webkit-user-select:none;user-select:none}button:focus-visible{outline:2px solid rgba(102,126,234,.5);outline-offset:2px}.card-container{width:calc((100vh - 40px) / 3 * .667);height:calc((100vh - 40px) / 3);perspective:1000px;display:inline-block}.card-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d}.card-front,.card-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:12px;box-shadow:0 8px 24px #0006;overflow:hidden}.card-back{background:#1a0f2e}.card-back img{width:100%;height:100%;object-fit:cover;border-radius:12px}.card-front{background:#1a0f2e;transform:rotateY(180deg)}.card-front img{width:100%;height:100%;object-fit:cover;border-radius:12px}.card-spread{position:fixed;top:0;left:0;width:100%;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.cards-container-cross{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.cards-container-cross .card-container{position:absolute}.instructions{color:#fffc;font-size:18px;text-align:center;margin-top:20px}.instructions p{margin:0}@media(max-width:1024px){.cards-container-cross{width:600px;height:600px}}@media(max-width:768px){.cards-container-cross{width:500px;height:500px}.card-spread{padding:20px 10px}}@media(max-width:480px){.cards-container-cross{width:400px;height:400px}}.coverflow-container{width:100%;height:50vh;display:flex;align-items:center;justify-content:center;margin:40px 0;overflow:hidden}.coverflow-stage{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;perspective:1200px}.coverflow-card{position:absolute;width:calc(50vh * .555);height:calc(50vh / 1.2);border-radius:12px;overflow:hidden;box-shadow:0 8px 24px #0009;transform-style:preserve-3d;will-change:transform}.coverflow-card img{width:100%;height:100%;object-fit:cover;border-radius:12px;pointer-events:none}@media(max-width:768px){.coverflow-container{height:40vh}.coverflow-card{width:calc(40vh * .555);height:calc(40vh / 1.2)}}.app{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#0a0a0a,#2a2a2a);position:relative;overflow:hidden}.welcome-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;z-index:1;width:100%;padding:20px}.button-container{display:flex;flex-direction:row;gap:20px;align-items:center;justify-content:center;flex-wrap:wrap}.welcome-screen h1{font-size:4rem;background:linear-gradient(135deg,red,#8b0000);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;font-weight:700;letter-spacing:2px}.subtitle{color:#ffffffb3;font-size:1.5rem;margin:0;font-weight:300}.checkbox-label{display:flex;align-items:center;gap:12px;color:#ffffffd9;font-size:1.1rem;cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox-label input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:#ff0000}.checkbox-label span{font-weight:400;letter-spacing:.5px}.draw-button,.reset-button{padding:18px 48px;font-size:1.2rem;font-weight:600;border:none;border-radius:50px;background:linear-gradient(135deg,red,#8b0000);color:#fff;cursor:pointer;box-shadow:0 8px 24px #ff00004d;transition:box-shadow .3s ease;letter-spacing:1px;text-transform:uppercase}.draw-button:hover,.reset-button:hover{box-shadow:0 12px 32px #ff000080}.reset-button{position:fixed;bottom:40px;z-index:10}.copy-button-container{position:fixed;bottom:40px;right:40px;z-index:10}.copy-button{width:56px;height:56px;border:none;background:transparent;color:#ffffffb3;cursor:pointer;transition:color .3s ease;display:flex;align-items:center;justify-content:center}.copy-button:hover{color:#fff}.copy-confirmation{position:absolute;right:70px;top:50%;transform:translateY(-50%);background:#ffffffe6;color:#0a0a0a;padding:8px 16px;border-radius:8px;font-size:.875rem;font-weight:600;white-space:nowrap;box-shadow:0 4px 12px #0000004d}@media(max-width:768px){.welcome-screen h1{font-size:2.5rem}.subtitle{font-size:1.2rem}.draw-button,.reset-button{padding:14px 36px;font-size:1rem}.reset-button{bottom:20px}.copy-button-container{bottom:20px;right:20px}.copy-button{width:48px;height:48px}.copy-button svg{width:20px;height:20px}.copy-confirmation{font-size:.75rem;padding:6px 12px;right:60px}}