html,body{margin:0;padding:0;width:100%;height:100%;background-color:#000;font-family:JetBrains Mono,monospace}#card-container{position:fixed;top:0;left:0;width:100vw;height:100vh;background:radial-gradient(circle at center,#1c2a3d,#000)}.logo-container{position:absolute;top:60px;left:60px;z-index:100;display:flex;align-items:center;gap:15px;cursor:pointer}.logo-container:focus-visible{outline:2px solid rgba(74,144,226,.7);outline-offset:6px;border-radius:6px}.logo-prefix.dark-blue-text{color:#4a90e2;font-weight:800;font-size:3rem;text-shadow:0 0 10px rgba(74,144,226,.3)}.logo-main{color:#fff;font-weight:400;font-size:3rem;text-transform:uppercase;letter-spacing:4px;opacity:.9}.nav-right{position:absolute;top:80px;right:60px;z-index:100;display:flex;align-items:center;gap:20px}.nav-item{background:none;border:none;color:#fff9;font-size:1.1rem;cursor:pointer;text-transform:uppercase;letter-spacing:2px;font-family:JetBrains Mono,monospace}.nav-item:hover{color:#4a90e2}.nav-sep{color:#fff3;font-size:1.2rem}.cta-container{pointer-events:auto;transition:opacity .5s ease;position:absolute;bottom:10%;left:32%;z-index:100;display:flex;flex-direction:column;align-items:center;pointer-events:none}.handwriting{font-family:Schoolbell,cursive;font-size:1.8rem;color:#4a90e2;text-transform:lowercase;transform:rotate(-2deg);margin-top:-15px}.curvy-arrow{margin-bottom:0;margin-left:70px;filter:drop-shadow(0 0 5px rgba(74,144,226,.4))}.drawing-path{stroke-dasharray:1;stroke-dashoffset:1;animation:drawArrow 1.5s ease-out forwards;animation-delay:.4s}@keyframes drawArrow{to{stroke-dashoffset:0}}.gallery-controls{position:absolute;bottom:12%;left:50%;transform:translate(-50%);z-index:101;display:none;gap:18px;pointer-events:none;align-items:center}.arrow-btn{pointer-events:auto;background:#0009;border:1px solid #4A90E2;color:#fff;font-size:2rem;padding:15px 25px;cursor:pointer;border-radius:50%;transition:all .3s ease}.arrow-btn:hover{background:#4a90e2;box-shadow:0 0 20px #4a90e299}.arrow-btn:disabled{opacity:.25;cursor:not-allowed;box-shadow:none}.gallery-meta{pointer-events:none;min-width:150px;text-align:center}.rarity-chip{font-size:.66rem;letter-spacing:2px;color:#ffffffb3;border:1px solid rgba(255,255,255,.25);border-radius:999px;padding:4px 10px;background:#00000073;margin-bottom:6px;text-transform:uppercase}.rarity-chip.easy{color:#50fa7b;border-color:#50fa7b99}.rarity-chip.medium{color:#f1fa8c;border-color:#f1fa8c99}.rarity-chip.hard{color:#f55;border-color:#f559}.card-count{color:#ffffffd9;letter-spacing:2px;font-size:.74rem;font-weight:800}.cursor{color:#4a90e2;font-size:3.2rem;animation:blink 1s infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.pack-hud{position:absolute;top:160px;left:50%;transform:translate(-50%);z-index:110;width:min(560px,88vw);border:1px solid rgba(74,144,226,.25);background:#0d1a2db8;border-radius:12px;padding:16px 20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 0 24px #4a90e226}.pack-title{color:#4a90e2;font-weight:800;letter-spacing:4px;font-size:.95rem;text-transform:uppercase}.pack-subtitle{color:#ffffffa3;letter-spacing:1.5px;font-size:.72rem;margin-top:6px;margin-bottom:12px}.pack-controls{display:flex;align-items:center;gap:16px}.cooldown-ring-wrap{position:relative;width:90px;height:90px;flex-shrink:0}.cooldown-ring{transform:rotate(-90deg)}.cooldown-track,.cooldown-progress{fill:none;stroke-width:7}.cooldown-track{stroke:#ffffff2e}.cooldown-progress{stroke:#50fa7b;stroke-linecap:round;transition:stroke-dashoffset .2s linear,stroke .2s linear}.cooldown-text{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#50fa7b;font-size:.72rem;letter-spacing:1px;font-weight:800}.open-pack-btn{border:1px solid #4A90E2;background:transparent;color:#fff;font-family:JetBrains Mono,monospace;letter-spacing:3px;font-weight:800;font-size:.74rem;border-radius:6px;padding:12px 20px;cursor:pointer;text-transform:uppercase;transition:all .2s ease}.open-pack-btn:hover:not(:disabled){background:#4a90e240;box-shadow:0 0 18px #4a90e266}.open-pack-btn:disabled{border-color:#ffffff2e;color:#ffffff5c;cursor:not-allowed}.starter-banner{position:absolute;top:120px;left:50%;transform:translate(-50%);z-index:120;border:1px solid #50fa7b;background:#50fa7b1f;border-radius:8px;color:#50fa7b;padding:10px 14px;text-transform:uppercase;letter-spacing:2px;font-size:.66rem;transition:opacity .3s ease}.starter-banner.hidden{opacity:0;pointer-events:none}@media (max-width: 900px){.pack-hud{top:132px;width:min(520px,94vw);padding:14px}.pack-controls{gap:10px}.logo-container{left:20px;top:24px}.nav-right{right:20px;top:34px;gap:8px}}