@import"https://fonts.googleapis.com/css2?family=Rubik:wght@400;700;900&family=Space+Grotesk:wght@400;700&display=swap";:root{--forest: #2D6A4F;--forest-light: #40916C;--forest-dark: #1B4332;--sky: #87CEEB;--sky-dark: #5B9BD5;--cream: #FDF6EC;--off-white: #FAFAF5;--near-black: #0B1D0B;--black: #111111;--coral: #FF6B6B;--gold: #F4A940;--gold-light: #FCBF49;--font-display: "Rubik", system-ui, sans-serif;--font-body: "Space Grotesk", system-ui, sans-serif;--border-thick: 4px solid var(--black);--border-medium: 3px solid var(--black);--border-thin: 2px solid var(--black);--radius-lg: 20px;--radius-md: 14px;--radius-sm: 8px;--shadow-hard: 5px 5px 0 var(--black);--shadow-hard-sm: 3px 3px 0 var(--black);--shadow-pressed: 1px 1px 0 var(--black)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden}body{font-family:var(--font-body);color:var(--cream);background:var(--forest);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.screen{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;pointer-events:none;z-index:0}.screen.active{opacity:1;pointer-events:all;z-index:10}.btn{font-family:var(--font-display);font-weight:900;font-size:clamp(1rem,2.5vw,1.3rem);text-transform:uppercase;letter-spacing:.05em;padding:.8em 2em;border:var(--border-thick);border-radius:var(--radius-md);box-shadow:var(--shadow-hard);cursor:pointer;transition:transform .1s,box-shadow .1s;text-decoration:none;display:inline-flex;align-items:center;gap:.5em}.btn:hover{transform:translate(2px,2px);box-shadow:var(--shadow-hard-sm)}.btn:active{transform:translate(4px,4px);box-shadow:var(--shadow-pressed)}.btn-primary{background:var(--sky);color:var(--black)}.btn-secondary{background:var(--gold);color:var(--black)}.btn-dark{background:var(--forest);color:var(--cream)}#screen-start{background:var(--forest);gap:2rem}.start-title{font-family:var(--font-display);font-weight:900;font-size:clamp(3.5rem,14vw,10rem);color:var(--cream);letter-spacing:-.03em;line-height:.9;text-align:center;text-shadow:6px 6px 0 var(--black)}.start-subtitle{font-family:var(--font-body);font-size:clamp(.9rem,2vw,1.2rem);color:var(--sky);letter-spacing:.15em;text-transform:uppercase}.start-deco{position:absolute;font-size:clamp(2rem,5vw,4rem);opacity:.15;pointer-events:none;user-select:none}.start-deco:nth-child(1){top:8%;left:6%;transform:rotate(-15deg)}.start-deco:nth-child(2){top:12%;right:8%;transform:rotate(20deg)}.start-deco:nth-child(3){bottom:15%;left:10%;transform:rotate(10deg)}.start-deco:nth-child(4){bottom:10%;right:6%;transform:rotate(-25deg)}.chip-orbit-overlay{position:fixed;inset:0;z-index:15;pointer-events:none;opacity:0}#screen-intro{background:var(--cream);overflow:hidden}.intro-chip{position:absolute;width:clamp(60px,12vw,120px);height:clamp(84px,16.8vw,168px);pointer-events:none;will-change:transform}.intro-chip img{width:100%;height:100%;object-fit:contain}.waldo-peek{position:absolute;bottom:-10px;right:10%;width:clamp(50px,8vw,80px);will-change:transform}#screen-password{background:var(--forest-dark);gap:1.5rem}.password-prompt{font-family:var(--font-display);font-weight:900;font-size:clamp(1.4rem,4vw,2.5rem);color:var(--cream);text-align:center;max-width:600px}.password-prompt-sub{font-family:var(--font-body);font-size:clamp(.85rem,1.8vw,1rem);color:var(--sky);text-align:center;margin-top:-.5rem}.password-form{display:flex;gap:.8rem;align-items:center;flex-wrap:wrap;justify-content:center}.input-field{font-family:var(--font-body);font-size:clamp(1rem,2.5vw,1.3rem);font-weight:700;padding:.7em 1.2em;border:var(--border-thick);border-radius:var(--radius-md);background:var(--cream);color:var(--black);outline:none;text-align:center;min-width:200px;box-shadow:var(--shadow-hard)}.input-field:focus{border-color:var(--sky);box-shadow:5px 5px 0 var(--sky-dark)}.input-field.error{border-color:var(--coral);box-shadow:5px 5px 0 var(--coral)}.password-error{font-family:var(--font-body);font-size:.9rem;color:var(--coral);min-height:1.4em;text-align:center}.password-hint{font-size:.8rem;color:#fdf6ec4d;margin-top:1rem}#screen-info{background:var(--forest);gap:1.5rem;padding:3rem 2rem 2rem;overflow-y:auto;justify-content:flex-start}.info-date{font-family:var(--font-display);font-weight:900;font-size:clamp(2rem,6vw,4rem);color:var(--gold);text-align:center;text-shadow:3px 3px 0 var(--black)}.info-time{font-family:var(--font-display);font-weight:700;font-size:clamp(1.2rem,3vw,2rem);color:var(--sky);text-align:center}.info-location{font-family:var(--font-body);font-size:clamp(.9rem,2vw,1.1rem);color:var(--cream);text-align:center;opacity:.8}.info-cards{display:flex;gap:1.5rem;flex-wrap:wrap;justify-content:center;max-width:700px;width:100%}.info-card{flex:1;min-width:250px;max-width:320px;padding:1.5rem;border:var(--border-thick);border-radius:var(--radius-lg);box-shadow:var(--shadow-hard);text-align:center}.info-card-chips{background:var(--cream);color:var(--black)}.info-card-waldo{background:var(--sky);color:var(--black)}.info-card h3{font-family:var(--font-display);font-weight:900;font-size:1.4rem;margin-bottom:.5rem}.info-card p{font-size:.95rem;line-height:1.5}.info-card .card-emoji{font-size:2.5rem;margin-bottom:.5rem;display:block}.info-chip-teaser{width:clamp(120px,20vw,180px);height:clamp(168px,28vw,252px);margin-top:.5rem}.info-confirmation{display:flex;flex-direction:column;align-items:center;gap:.5rem;margin-top:1rem}.info-confirmation-label{font-family:var(--font-body);font-size:clamp(.9rem,2vw,1.1rem);color:var(--cream);opacity:.8}.info-confirmation-chip-name{font-family:var(--font-display);font-weight:900;font-size:clamp(1.2rem,3vw,1.8rem);color:var(--gold);text-align:center;text-shadow:2px 2px 0 var(--black)}.info-confirmation-3d{width:clamp(150px,25vw,220px);height:clamp(210px,35vw,308px)}.info-confirmation-footer{color:var(--sky);font-size:.9rem;margin-top:.5rem}#screen-picker{background:linear-gradient(160deg,var(--forest) 0%,var(--forest-dark) 100%);padding:1.5rem;overflow-y:auto;justify-content:flex-start;gap:1.5rem}.picker-header{text-align:center;width:100%;max-width:900px}.picker-title{font-family:var(--font-display);font-weight:900;font-size:clamp(1.6rem,4vw,2.8rem);color:var(--cream);text-shadow:3px 3px 0 var(--black)}.picker-subtitle{font-family:var(--font-body);font-size:clamp(.85rem,1.5vw,1rem);color:var(--sky);margin-top:.3rem}.picker-name-section{display:flex;gap:.8rem;align-items:center;flex-wrap:wrap;justify-content:center}.picker-name-label{font-family:var(--font-display);font-weight:700;font-size:1rem;color:var(--cream)}.brand-section{width:100%;max-width:900px;margin-bottom:.5rem}.brand-title{font-family:var(--font-display);font-weight:900;font-size:clamp(1.1rem,2.5vw,1.5rem);color:var(--gold);margin-bottom:.8rem;padding-left:.5rem;border-left:4px solid var(--gold)}.brand-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem}.chip-card{border:var(--border-thick);border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;transition:transform .15s,box-shadow .15s;box-shadow:var(--shadow-hard);position:relative}.chip-card.available:hover{transform:translate(2px,2px) scale(1.02);box-shadow:var(--shadow-hard-sm)}.chip-card.selected{border-color:var(--gold);box-shadow:0 0 0 3px var(--gold),var(--shadow-hard);transform:scale(1.03)}.chip-card.claimed{opacity:.55;cursor:not-allowed;filter:grayscale(.4)}.chip-card-visual{width:100%;aspect-ratio:5/7;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.chip-card-visual canvas,.chip-card-visual img{width:100%;height:100%;object-fit:cover}.chip-card-info{padding:.6rem .8rem;background:var(--cream);color:var(--black);border-top:var(--border-medium)}.chip-flavor{font-family:var(--font-display);font-weight:700;font-size:.85rem;display:block}.chip-claimed-by{font-family:var(--font-body);font-size:.75rem;color:var(--coral);display:block;margin-top:.15rem}.confirm-bar{position:fixed;bottom:0;left:0;right:0;background:var(--forest-dark);border-top:var(--border-thick);padding:1rem 2rem;display:flex;align-items:center;justify-content:center;gap:1rem;transform:translateY(100%);transition:transform .3s cubic-bezier(.33,1,.68,1);z-index:100}.confirm-bar.visible{transform:translateY(0)}.confirm-bar .selection-label{font-family:var(--font-body);font-size:.95rem;color:var(--cream)}.success-overlay{position:fixed;inset:0;background:var(--forest);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;z-index:200;opacity:0;pointer-events:none;padding:2rem;text-align:center}.success-overlay.active{opacity:1;pointer-events:all}.success-emoji{font-size:4rem}.success-title{font-family:var(--font-display);font-weight:900;font-size:clamp(2rem,5vw,3rem);color:var(--gold)}.success-message{font-family:var(--font-body);font-size:clamp(1rem,2vw,1.2rem);color:var(--cream);max-width:500px;line-height:1.6}.error-toast{position:fixed;top:2rem;left:50%;transform:translate(-50%) translateY(-150%);background:var(--coral);color:var(--black);font-family:var(--font-display);font-weight:700;font-size:.95rem;padding:.8rem 1.5rem;border:var(--border-thick);border-radius:var(--radius-md);box-shadow:var(--shadow-hard);z-index:300;transition:transform .3s cubic-bezier(.33,1,.68,1);max-width:90vw;text-align:center}.error-toast.visible{transform:translate(-50%) translateY(0)}@media(max-width:600px){.brand-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.info-cards{flex-direction:column;align-items:center}.password-form{flex-direction:column}.confirm-bar{flex-direction:column;padding:.8rem 1rem}}