@import"https://fonts.googleapis.com/css2?family=Slackey&family=Inter:wght@400;700;900&display=swap";:root{--font-display: "Slackey", system-ui, sans-serif;--font-body: "Slackey", system-ui, sans-serif;--title-transform: uppercase;--body-transform: none;--radius-lg: 20px;--radius-md: 14px;--radius-sm: 8px;--start-bg: #FA5527;--start-title-color: #D6DF52;--start-title-shadow: #232323;--start-subtitle-color: #D6DF52;--start-btn-bg: #D6DF52;--start-btn-text: #232323;--start-btn-border: #232323;--intro-bg: #FA5527;--intro-text-color: #FA5527;--intro-text-shadow: #000000;--password-bg: #FA5527;--password-prompt-color: #D6DF52;--password-subtitle-color: #D6DF52;--password-input-bg: #F5F960;--password-input-text: #232323;--password-input-border: #232323;--password-input-focus-border: #D6DF52;--password-input-focus-shadow: #232323;--password-error-color: #f8fadb;--password-error-border: #74a7fe;--password-flash-a: #D6DF52;--password-flash-b: #D6DF52;--password-btn-border: #232323;--password-hint-color: #D6DF52;--password-back-btn-color: #f8fadb;--info-bg: #FA5527;--info-date-color: #f8fadb;--info-date-shadow: #232323;--info-time-color: #f8fadb;--info-location-color: #f8fadb;--info-bring-color: #f8fadb;--info-card-bg: #D6DF52;--info-card-text: #232323;--info-card-waldo-bg: #d494ff;--info-btn-bg: #f8fadb;--info-btn-text: #232323;--info-popup-bg: #38E8FF;--info-popup-text: #ff7452;--info-confirmation-label-color: #F8FADB;--info-confirmation-chip-name-color: #d9eb37;--info-confirmation-chip-name-shadow: #232323;--info-confirmation-footer-color: #D6DF52;--info-back-btn-color: #f8fadb;--info-btn-border: #232323;--info-card-border: #232323;--picker-bg: #FA5527;--picker-title-color: #f8fadb;--picker-title-shadow: #232323;--picker-subtitle-color: #F8FADB;--picker-name-label-color: #f8fadb;--picker-input-bg: #D6DF52;--picker-input-text: #232323;--picker-input-focus-border: #232323;--picker-input-focus-shadow: #232323;--picker-brand-title-color: #F8FADB;--picker-brand-title-border: #F8FADB;--picker-chip-visual-bg: #F8FADB;--picker-chip-info-bg: #D6DF52;--picker-chip-info-text: #232323;--picker-selection-ring: #D6DF52;--picker-back-btn-color: #F8FADB;--picker-card-border: #232323;--picker-input-border: #232323;--picker-input-placeholder: #a89410;--success-bg: #D6DF52;--success-title-color: #F8FADB;--success-message-color: #D6DF52;--success-footer-color: #D6DF52;--error-bg: #74a7fe;--error-text: #232323;--error-border: #232323;--confirm-bar-bg: #191919;--confirm-bar-text: #D6DF52;--confirm-bar-btn-bg: #f8fadb;--confirm-bar-btn-text: #232323;--confirm-bar-border: #232323;--confirm-bar-btn-border: #232323;--claimed-overlay-color: #F8FADB;--claimed-overlay-shadow: #000000}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden}body{font-family:var(--font-body);background:var(--start-bg);-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:var(--title-transform, uppercase);letter-spacing:.05em;padding:.8em 2em;border:4px solid currentColor;border-radius:var(--radius-md);cursor:pointer;transition:transform .1s,box-shadow .1s;text-decoration:none;display:inline-flex;align-items:center;gap:.5em}#screen-start .btn-primary{background:var(--start-btn-bg);color:var(--start-btn-text);border-color:var(--start-btn-border);box-shadow:5px 5px 0 var(--start-btn-border)}#screen-start .btn-primary:hover{transform:translate(2px,2px);box-shadow:3px 3px 0 var(--start-btn-border)}#screen-start .btn-primary:active{transform:translate(4px,4px);box-shadow:1px 1px 0 var(--start-btn-border)}#screen-password .btn-primary{background:var(--start-btn-bg);color:var(--start-btn-text);border-color:var(--password-btn-border);box-shadow:5px 5px 0 var(--password-btn-border)}#screen-password .btn-primary:hover{transform:translate(2px,2px);box-shadow:3px 3px 0 var(--password-btn-border)}#screen-password .btn-primary:active{transform:translate(4px,4px);box-shadow:1px 1px 0 var(--password-btn-border)}#screen-info .btn-secondary{background:var(--info-btn-bg);color:var(--info-btn-text);border-color:var(--info-btn-border);box-shadow:5px 5px 0 var(--info-btn-border)}#screen-info .btn-secondary:hover{transform:translate(2px,2px);box-shadow:3px 3px 0 var(--info-btn-border)}#screen-info .btn-secondary:active{transform:translate(4px,4px);box-shadow:1px 1px 0 var(--info-btn-border)}.confirm-bar .btn-secondary{background:var(--confirm-bar-btn-bg);color:var(--confirm-bar-btn-text);border-color:var(--confirm-bar-btn-border);box-shadow:5px 5px 0 var(--confirm-bar-btn-border)}.confirm-bar .btn-secondary:hover{transform:translate(2px,2px);box-shadow:3px 3px 0 var(--confirm-bar-btn-border)}.confirm-bar .btn-secondary:active{transform:translate(4px,4px);box-shadow:1px 1px 0 var(--confirm-bar-btn-border)}#screen-start{background:var(--start-bg);gap:2rem}.start-title{font-family:var(--font-display);font-weight:900;font-size:clamp(3.5rem,14vw,10rem);color:var(--start-title-color);letter-spacing:-.03em;line-height:.9;text-align:center;text-shadow:6px 6px 0 var(--start-title-shadow)}.start-subtitle{font-family:var(--font-body);font-size:clamp(.9rem,2vw,1.2rem);color:var(--start-subtitle-color);letter-spacing:.15em;text-transform:var(--body-transform, none)}.start-deco{position:absolute;width:clamp(80px,16vw,160px);pointer-events:none;user-select:none}.start-deco img{width:100%;height:auto;display:block}.start-deco:nth-child(1){top:4%;left:3%}.start-deco:nth-child(2){top:4%;right:3%}.start-deco:nth-child(3){bottom:6%;left:3%}.start-deco:nth-child(4){bottom:6%;right:3%}.chip-orbit-overlay{position:fixed;inset:0;z-index:15;pointer-events:none;opacity:0}#screen-intro{background:var(--intro-bg);overflow:hidden}.intro-chip{position:absolute;width:clamp(120px,24vw,240px);height:clamp(168px,33.6vw,336px);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(--password-bg);gap:1.5rem}#password-back-btn{position:absolute;top:1.2rem;left:1.2rem}#screen-password .back-btn{color:var(--password-back-btn-color)}.password-prompt{font-family:var(--font-display);font-weight:900;font-size:clamp(1.4rem,4vw,2.5rem);color:var(--password-prompt-color);text-align:center;max-width:600px}.password-prompt-sub{font-family:var(--font-body);font-size:clamp(.85rem,1.8vw,1rem);color:var(--password-subtitle-color);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:4px solid transparent;border-radius:var(--radius-md);outline:none;text-align:center;min-width:200px}#screen-password .input-field{background:var(--password-input-bg);color:var(--password-input-text);border-color:var(--password-input-border);box-shadow:5px 5px 0 var(--password-input-border)}#screen-password .input-field:focus{border-color:var(--password-input-focus-border);box-shadow:5px 5px 0 var(--password-input-focus-shadow)}#screen-password .input-field.error{border-color:var(--password-error-border);box-shadow:5px 5px 0 var(--password-error-border)}.password-error{font-family:var(--font-body);font-size:.9rem;color:var(--password-error-color);min-height:1.4em;text-align:center}.password-hint{font-size:.8rem;color:var(--password-hint-color);margin-top:1rem}#screen-info{background:var(--info-bg);gap:1.5rem;padding:3rem 2rem 2rem;overflow-y:auto;justify-content:flex-start}#info-back-btn{position:absolute;top:1.2rem;left:1.2rem}#screen-info .back-btn{color:var(--info-back-btn-color)}.info-date{font-family:var(--font-display);font-weight:900;font-size:clamp(2rem,6vw,4rem);color:var(--info-date-color);text-align:center;text-shadow:3px 3px 0 var(--info-date-shadow)}.info-time{font-family:var(--font-display);font-weight:700;font-size:clamp(1.2rem,3vw,2rem);color:var(--info-time-color);text-align:center}.info-location{font-family:var(--font-body);font-size:clamp(.9rem,2vw,1.1rem);color:var(--info-location-color);text-align:center;position:relative}.location-trigger{cursor:pointer;border-bottom:1px dashed rgba(255,255,255,.4);transition:border-color .2s}.location-trigger:hover{border-bottom-color:var(--info-location-color)}.location-popup{position:absolute;top:calc(100% + 12px);left:50%;transform:translate(-50%) scale(.9);background:var(--info-popup-bg);border-radius:12px;padding:8px;box-shadow:0 8px 30px #00000059;opacity:0;pointer-events:none;transition:opacity .25s ease,transform .25s ease;z-index:100;width:clamp(160px,50vw,260px)}.location-popup.visible{opacity:1;transform:translate(-50%) scale(1);pointer-events:auto}.location-popup img{width:100%;border-radius:8px;display:block}.location-popup-text{display:block;text-align:center;font-family:var(--font-display);font-size:clamp(.7rem,1.5vw,.85rem);color:var(--info-popup-text);padding:6px 0 2px;font-weight:700}.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;perspective:1000px;cursor:pointer}.info-card-inner{display:grid;width:100%;height:100%;text-align:center;transition:transform .6s cubic-bezier(.4,0,.2,1);transform-style:preserve-3d}.info-card.flipped .info-card-inner{transform:rotateY(180deg)}.info-card-front,.info-card-back{grid-area:1 / 1;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;border:4px solid var(--info-card-border);border-radius:var(--radius-lg);box-shadow:5px 5px 0 var(--info-card-border);padding:1.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center}.info-card-chips .info-card-front,.info-card-chips .info-card-back{background:var(--info-card-bg);color:var(--info-card-text)}.info-card-waldo .info-card-front,.info-card-waldo .info-card-back{background:var(--info-card-waldo-bg);color:var(--info-card-text)}.info-card-back{transform:rotateY(180deg)}.info-card h3{font-family:var(--font-display);font-weight:900;font-size:1.2rem;margin-bottom:.5rem}.info-card p{font-size:.9rem;line-height:1.4}.info-card .card-emoji{font-size:2.5rem;margin-bottom:.5rem;display:block}.info-card .card-image{width:clamp(60px,15vw,100px);max-height:100px;height:auto;margin-bottom:.5rem;border-radius:8px;object-fit:contain}.info-card .card-image-charlie{width:clamp(120px,30vw,180px);max-height:120px}.info-chip-teaser{width:clamp(120px,20vw,180px);height:clamp(168px,28vw,252px);margin-top:2rem}.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(--info-confirmation-label-color);opacity:.8}.info-confirmation-chip-name{font-family:var(--font-display);font-weight:900;font-size:clamp(1.2rem,3vw,1.8rem);color:var(--info-confirmation-chip-name-color);text-align:center;text-shadow:2px 2px 0 var(--info-confirmation-chip-name-shadow)}.info-confirmation-3d{width:clamp(150px,25vw,220px);height:clamp(210px,35vw,308px)}.info-confirmation-footer{color:var(--info-confirmation-footer-color);font-size:.9rem;margin-top:.5rem}#screen-picker{background:var(--picker-bg);padding:1.5rem 1.5rem 6rem;overflow-y:auto;justify-content:flex-start;gap:1.5rem}.back-btn{background:none;border:none;font-family:var(--font-body);font-size:clamp(.85rem,1.5vw,1rem);cursor:pointer;opacity:.7;transition:opacity .2s;padding:.3rem 0}.back-btn:hover{opacity:1}#screen-picker .back-btn{color:var(--picker-back-btn-color)}.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(--picker-title-color);text-shadow:3px 3px 0 var(--picker-title-shadow)}.picker-subtitle{font-family:var(--font-body);font-size:clamp(.85rem,1.5vw,1rem);color:var(--picker-subtitle-color);margin-top:.3rem}.picker-disclaimer{font-family:var(--font-body);font-size:clamp(.6rem,1vw,.75rem);color:var(--picker-subtitle-color);margin-top:.2rem;opacity:.8;font-style:italic}.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(--picker-name-label-color)}#screen-picker .input-field{background:var(--picker-input-bg);color:var(--picker-input-text);border-color:var(--picker-input-border);box-shadow:5px 5px 0 var(--picker-input-border)}#screen-picker .input-field:focus{border-color:var(--picker-input-focus-border);box-shadow:5px 5px 0 var(--picker-input-focus-shadow)}#screen-picker .input-field::placeholder{color:var(--picker-input-placeholder)}.chip-loader{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:4rem 1rem}.chip-loader-spinner{width:40px;height:40px;border:4px solid var(--picker-subtitle-color);border-top-color:transparent;border-radius:50%;animation:chip-spin .8s linear infinite}@keyframes chip-spin{to{transform:rotate(360deg)}}.chip-loader-text{font-family:var(--font-body);font-size:clamp(.85rem,2vw,1rem);color:var(--picker-subtitle-color);opacity:.8}.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(--picker-brand-title-color);margin-bottom:.8rem;padding-left:.5rem;border-left:4px solid var(--picker-brand-title-border)}.brand-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem}.chip-card{border:4px solid var(--picker-card-border);border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;transition:transform .15s,box-shadow .15s;box-shadow:5px 5px 0 var(--picker-card-border);position:relative}.chip-card.available:hover{transform:translate(2px,2px) scale(1.02);box-shadow:3px 3px 0 var(--picker-card-border)}.chip-card.selected{border-color:var(--picker-selection-ring);box-shadow:0 0 0 3px var(--picker-selection-ring),5px 5px 0 var(--picker-card-border);transform:scale(1.03)}.chip-card.claimed{cursor:not-allowed}.chip-card.claimed .chip-card-visual,.chip-card.claimed .chip-card-info{opacity:.55;filter:grayscale(.4)}.chip-card-visual{width:100%;aspect-ratio:5/7;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:var(--picker-chip-visual-bg)}.chip-card-visual canvas,.chip-card-visual img{width:100%;height:100%;object-fit:cover}.chip-card-info{padding:.6rem .8rem;background:var(--picker-chip-info-bg);color:var(--picker-chip-info-text);border-top:3px solid var(--picker-card-border)}.chip-flavor{font-family:var(--font-display);font-weight:700;font-size:.85rem;line-height:1.25;min-height:2.5em;display:flex;align-items:center}.chip-claimed-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:1rem;background:transparent;font-family:var(--font-display);font-size:clamp(.95rem,2.5vw,1.2rem);font-weight:900;color:var(--claimed-overlay-color);text-align:center;text-transform:uppercase;letter-spacing:.04em;text-shadow:0 1px 6px var(--claimed-overlay-shadow),0 0 2px var(--claimed-overlay-shadow);z-index:3;pointer-events:none}.confirm-bar{position:fixed;bottom:0;left:0;right:0;background:var(--confirm-bar-bg);border-top:4px solid var(--confirm-bar-border);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(--confirm-bar-text)}.success-overlay{position:fixed;inset:0;background:var(--success-bg);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(--success-title-color)}.success-message{font-family:var(--font-body);font-size:clamp(1rem,2vw,1.2rem);color:var(--success-message-color);max-width:500px;line-height:1.6}.error-toast{position:fixed;top:2rem;left:50%;transform:translate(-50%) translateY(-150%);opacity:0;pointer-events:none;background:var(--error-bg);color:var(--error-text);font-family:var(--font-display);font-weight:700;font-size:.95rem;padding:.8rem 1.5rem;border:4px solid var(--error-border);border-radius:var(--radius-md);box-shadow:5px 5px 0 var(--error-border);z-index:300;transition:transform .3s cubic-bezier(.33,1,.68,1),opacity .3s ease;max-width:90vw;text-align:center}.error-toast.visible{transform:translate(-50%) translateY(0);opacity:1;pointer-events:auto}@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}}