@import "https://fonts.googleapis.com/css2?family=Shrikhand&family=Outfit:wght@400;700;900&display=swap";*{box-sizing:border-box;max-width:100%}:root{--b-red:#e63946;--b-gold:#f4a261;--b-blue:#1d3557;--b-cream:#f1faee;--b-black:#111}body,html{width:100%;min-height:100vh;color:var(--b-black);background-color:#f4f1ea;background-image:url("data:image/svg+xml,%3Csvg width='120' height='120' viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23d4af37' fill-opacity='0.1'%3E%3Cpath d='M10 10h12l-2 30h-8l-2-30z'/%3E%3Cpath d='M50 20c4 0 8 4 8 12s-4 20-8 20-8-12-8-20 4-12 8-12z'/%3E%3Cpath d='M90 10h15v20H90zM105 15h4v10h-4z'/%3E%3Cpath d='M30 80c8 0 8 8 8 8H22s0-8 8-8zM30 88v8h-2v-8h2z'/%3E%3Cpath d='M70 70h10l-1 20h-8l-1-20zM68 70h14v2H68z'/%3E%3C/g%3E%3C/svg%3E"),url(https://www.transparenttextures.com/patterns/natural-paper.png);background-attachment:fixed;margin:0;padding:0;font-family:Outfit,sans-serif;position:relative;overflow-x:hidden}h1,h2,h3{margin:0;font-family:Shrikhand,cursive}.app-root{box-sizing:border-box;flex-direction:column;align-items:center;width:100%;min-height:100vh;padding:40px 20px 120px;display:flex;position:relative;overflow-x:hidden}.max-header{text-align:center;z-index:10;margin-bottom:30px;position:relative}.max-header h1{color:var(--b-red);text-shadow:4px 4px 0 var(--b-black), 8px 8px 0 var(--b-gold);-webkit-text-stroke:2px var(--b-black);font-size:clamp(4rem,12vw,8rem);line-height:1}.max-header p{background:var(--b-blue);color:var(--b-cream);border:3px solid var(--b-black);box-shadow:4px 4px 0 var(--b-black);padding:10px 20px;font-size:clamp(1rem,2vw,1.5rem);font-weight:900;display:inline-block;transform:translateY(-20px)}.view-toggle{background:var(--b-black);box-shadow:6px 6px 0 var(--b-gold);z-index:15;border-radius:50px;gap:10px;margin-bottom:40px;padding:10px;display:flex}.toggle-btn{color:#fff;cursor:pointer;background:0 0;border:2px solid #0000;border-radius:50px;padding:10px 20px;font-family:Shrikhand,cursive;font-size:1.2rem;transition:all .2s}.toggle-btn.active{background:var(--b-gold);color:var(--b-black);border:2px solid var(--b-black);box-shadow:2px 2px 0 var(--b-cream);transform:scale(1.05)}.sticker-board{flex-wrap:wrap;justify-content:center;gap:30px;width:100%;max-width:1200px;padding:40px 0;display:flex}.sticker-card{background:linear-gradient(to bottom, var(--b-cream) 0%, var(--b-cream) 65px, #2a0f05 65px, #0a0502 100%);border:4px solid var(--b-black);cursor:pointer;width:130px;min-height:190px;box-shadow:inset -5px -5px 15px #00000080, 6px 6px 0 var(--b-black);color:var(--b-cream);border-radius:10px 10px 30px 30px/10px 10px 60px 60px;flex-direction:column;justify-content:flex-start;align-items:center;padding:20px 10px 10px;transition:transform .2s cubic-bezier(.175,.885,.32,1.275);animation:6s ease-in-out infinite alternate gentle-morph;display:flex;position:relative}@keyframes gentle-morph{0%{border-radius:10px 10px 30px 30px/10px 10px 60px 60px}to{border-radius:15px 15px 35px 25px/15px 15px 50px 70px}}.sticker-card:hover{z-index:20;box-shadow:inset -5px -5px 15px #00000080, 10px 10px 0 var(--b-black);animation-duration:3s;transform:scale(1.05)!important}.sticker-rank{width:50px;height:50px;color:var(--b-gold);z-index:10;filter:drop-shadow(2px 2px 0 var(--b-black));-webkit-text-stroke:1.5px var(--b-black);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' fill='%23111111'%3E%3Cpath d='m120.7 27.53l-28.93 8.56C112.1 187.8 125.6 321.9 183.9 455H228c-40-140.6-84.2-280.4-107.3-427.47m19.9 10.36c2.6 16.05 5.5 32.03 8.7 47.95c9.8 2.67 19.9 6.9 30.1 11.85c18.3 8.71 37.3 19.81 56.1 29.51s37.3 17.9 53.6 21.1c16.4 3.2 29.8 1.7 41.6-7c22.2-16.4 38.4-26.2 51.3-31.4c12.8-5.2 23.3-5.9 31.6-1.8c7.8 4 11.5 11.1 14.2 17.1l5.1-11.3c-7.3-12.9-18.1-21.38-32.9-23.26c-16.2-2.05-38.4 4.06-66 25.66c-14.4 11.3-33 9.7-50.6 2.8c-17.5-6.9-35.7-18.9-54.2-31.64c-18.6-12.74-37.3-26.21-54.8-35.98c-12.3-6.86-23.8-11.66-33.8-13.59m12.8 68.31q7.2 34.5 15.6 68.7v-62.2c-5.4-2.6-10.6-4.8-15.6-6.5M404.8 124c-27 110.6-55.1 223.8-97.7 331h38.6c34.5-94.4 51-203.5 70.3-311.3c-1.8-3.8-3-7.4-4.3-10.4c-2.3-5.3-4.3-8.1-6.3-9.1c-.2-.1-.4-.2-.6-.2M199 128.1v160.4c5.9 21.1 11.9 42.1 18 63.1V137.8c-6.1-3.2-12.1-6.5-18-9.7M361 142q-8.1 5.4-18 12.6V288h1c5.9-20.9 11.5-41.8 17-62.8zm-114 10.8V455h18V160.2c-6-2.2-12-4.7-18-7.4m66 14.3c-5.9.7-11.9.8-18 .2v269.8c6.3-16.4 12.3-32.9 18-49.6zM163.9 473l-15.1 16h214.4l-15.1-16z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:contain;justify-content:center;align-items:center;padding-top:2px;font-family:Outfit,sans-serif;font-size:1.5rem;font-weight:900;display:flex;position:absolute;top:-25px;left:50%;transform:translate(-50%)}.sticker-name{text-align:center;text-transform:uppercase;height:45px;color:var(--b-black);word-wrap:break-word;justify-content:center;align-items:center;width:100%;margin-top:0;margin-bottom:0;font-size:.9rem;font-weight:900;line-height:1.1;display:flex;overflow:hidden}.sticker-score{color:var(--b-cream);text-shadow:2px 2px 0 var(--b-black);margin-top:5px;font-family:Shrikhand,cursive;font-size:2.5rem;line-height:1}.sticker-label{color:var(--b-gold);text-transform:uppercase;letter-spacing:1px;margin-top:10px;font-size:.6rem;font-weight:700}.pub-card{background:var(--b-blue);color:#fff;border:4px solid var(--b-black);width:280px;box-shadow:8px 8px 0 var(--b-red);cursor:pointer;border-radius:12px;flex-direction:column;align-items:center;padding:20px;transition:transform .2s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative}.pub-card:hover{z-index:20;box-shadow:12px 12px 0 var(--b-red);transform:scale(1.05)rotate(0)!important}.pub-card:before{content:"";width:45px;height:45px;box-shadow:none;filter:drop-shadow(4px 4px 0 var(--b-gold));z-index:100;background-color:#0000;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' fill='%23111111'%3E%3Cpath d='m120.7 27.53l-28.93 8.56C112.1 187.8 125.6 321.9 183.9 455H228c-40-140.6-84.2-280.4-107.3-427.47m19.9 10.36c2.6 16.05 5.5 32.03 8.7 47.95c9.8 2.67 19.9 6.9 30.1 11.85c18.3 8.71 37.3 19.81 56.1 29.51s37.3 17.9 53.6 21.1c16.4 3.2 29.8 1.7 41.6-7c22.2-16.4 38.4-26.2 51.3-31.4c12.8-5.2 23.3-5.9 31.6-1.8c7.8 4 11.5 11.1 14.2 17.1l5.1-11.3c-7.3-12.9-18.1-21.38-32.9-23.26c-16.2-2.05-38.4 4.06-66 25.66c-14.4 11.3-33 9.7-50.6 2.8c-17.5-6.9-35.7-18.9-54.2-31.64c-18.6-12.74-37.3-26.21-54.8-35.98c-12.3-6.86-23.8-11.66-33.8-13.59m12.8 68.31q7.2 34.5 15.6 68.7v-62.2c-5.4-2.6-10.6-4.8-15.6-6.5M404.8 124c-27 110.6-55.1 223.8-97.7 331h38.6c34.5-94.4 51-203.5 70.3-311.3c-1.8-3.8-3-7.4-4.3-10.4c-2.3-5.3-4.3-8.1-6.3-9.1c-.2-.1-.4-.2-.6-.2M199 128.1v160.4c5.9 21.1 11.9 42.1 18 63.1V137.8c-6.1-3.2-12.1-6.5-18-9.7M361 142q-8.1 5.4-18 12.6V288h1c5.9-20.9 11.5-41.8 17-62.8zm-114 10.8V455h18V160.2c-6-2.2-12-4.7-18-7.4m66 14.3c-5.9.7-11.9.8-18 .2v269.8c6.3-16.4 12.3-32.9 18-49.6zM163.9 473l-15.1 16h214.4l-15.1-16z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:contain;border:none;position:absolute;top:-30px;left:50%;transform:translate(-50%)rotate(5deg)}.pub-name{text-align:center;color:var(--b-cream);text-shadow:2px 2px 0 var(--b-black);margin-top:15px;margin-bottom:5px;font-family:Shrikhand,cursive;font-size:2rem;line-height:1.1}.pub-stats{background:var(--b-black);border-radius:8px;justify-content:space-around;width:100%;margin-top:15px;padding:10px;display:flex}.stat-box{text-align:center}.stat-val{color:var(--b-gold);font-size:1.5rem;font-weight:900}.stat-lbl{color:#aaa;text-transform:uppercase;font-size:.7rem;font-weight:700}.mayor-badge{background:var(--b-gold);color:var(--b-black);border:2px solid var(--b-black);box-shadow:2px 2px 0 var(--b-black);border-radius:50px;align-items:center;gap:5px;margin-top:15px;padding:5px 15px;font-size:.9rem;font-weight:900;display:flex}.action-bar{background:var(--b-blue);border:4px solid var(--b-black);box-shadow:8px 8px 0 var(--b-black);z-index:100;border-radius:100px;align-items:center;gap:20px;padding:15px 30px;display:flex;position:fixed;bottom:30px;left:50%;transform:translate(-50%)}.loud-slider{-webkit-appearance:none;background:var(--b-black);border:3px solid var(--b-black);border-radius:10px;outline:none;width:100%;height:20px;margin:20px 0;box-shadow:4px 4px #0000001a}.loud-slider::-webkit-slider-thumb{appearance:none;background:var(--b-gold);border:4px solid var(--b-black);cursor:pointer;width:40px;height:40px;box-shadow:4px 4px 0 var(--b-black);border-radius:50%;transition:transform .1s}.rating-display{color:var(--b-gold);-webkit-text-stroke:2px var(--b-black);text-shadow:4px 4px 0 var(--b-black);margin:10px 0;font-family:Shrikhand,cursive;font-size:4rem}.btn-loud{background:var(--b-red);color:var(--b-cream);border:3px solid var(--b-black);text-transform:uppercase;cursor:pointer;box-shadow:4px 4px 0 var(--b-black);border-radius:50px;padding:12px 24px;font-family:Outfit,sans-serif;font-size:1.2rem;font-weight:900}.btn-ghost{color:var(--b-cream);cursor:pointer;background:0 0;border:none;font-weight:700;text-decoration:underline}.giant-stamp{pointer-events:none;z-index:9999;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.giant-stamp-text{color:var(--b-gold);-webkit-text-stroke:4px var(--b-black);text-shadow:15px 15px 0 var(--b-black);white-space:nowrap;font-family:Shrikhand,cursive;font-size:clamp(5rem,20vw,15rem);transform:rotate(-15deg)}.rating-grid{grid-template-columns:repeat(5,1fr);gap:6px;width:100%;display:grid}.rating-square{background:var(--b-cream);border:3px solid var(--b-black);color:var(--b-black);cursor:pointer;border-radius:4px;padding:6px 0;font-family:Shrikhand,cursive;font-size:1rem;transition:all .1s}.rating-square.active{background:var(--b-gold);box-shadow:4px 4px 0 var(--b-black);z-index:2;transform:scale(1.1)rotate(-3deg)}.rating-square:hover:not(.active){background:#eee}.auth-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;background:#1d3557e6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.auth-modal{background:var(--b-gold);border:6px solid var(--b-black);width:90%;max-width:400px;box-shadow:15px 15px 0 var(--b-red);padding:40px}.input-loud{background:var(--b-cream);width:100%;color:var(--b-black);border:4px solid var(--b-black);box-sizing:border-box;margin-bottom:20px;padding:15px;font-family:Outfit,sans-serif;font-size:1.2rem;font-weight:700}.qty-control{background:var(--b-cream);border:3px solid var(--b-black);border-radius:50px;align-items:center;display:flex;overflow:hidden}.qty-btn{cursor:pointer;width:40px;height:40px;color:var(--b-black);background:0 0;border:none;font-size:1.5rem;font-weight:900}.mobile-only{display:none}@media (width<=600px){.desktop-only{display:none!important}.mobile-only{display:block!important}.fab-container{pointer-events:none;z-index:1000;position:fixed;bottom:80px;left:20px;right:20px;flex-direction:row!important;justify-content:space-between!important;align-items:flex-end!important;display:flex!important}.fab-primary,.fab-secondary{pointer-events:auto;border:4px solid var(--b-black);cursor:pointer;box-shadow:6px 6px 0 var(--b-black);justify-content:center;align-items:center;display:flex}.fab-primary{background:var(--b-red);color:var(--b-cream);border-radius:50%;width:55px;height:55px;position:relative}.fab-secondary{background:var(--b-black);color:var(--b-red);border-color:var(--b-red);border-radius:50%;width:55px;height:55px}.fab-primary:active,.fab-secondary:active{transform:scale(.9)}.app-root{padding:20px 10px 100px}.max-header h1{-webkit-text-stroke:1px var(--b-black);font-size:3.5rem}.max-header p{padding:8px 12px;font-size:.8rem;transform:translateY(-10px)}.view-toggle{margin-bottom:20px;padding:5px}.toggle-btn{padding:8px 15px;font-size:1rem}.auth-modal{width:95%;max-width:350px;box-shadow:10px 10px 0 var(--b-red);max-height:85vh;padding:25px 20px;position:relative;top:-20px;overflow-y:auto}[style*="var(--b-blue)"]{margin-bottom:20px;top:0!important}.auth-overlay{align-items:flex-start;padding-top:30px;overflow-y:auto}.input-loud{margin-bottom:10px;padding:10px;font-size:.9rem}.auth-modal h2{margin-bottom:10px;font-size:1.8rem}.rating-display{margin:2px 0;font-size:2.2rem}.loud-slider{height:8px;margin:5px 0}.loud-slider::-webkit-slider-thumb{width:25px;height:25px;box-shadow:2px 2px 0 var(--b-black)}.auth-modal .qty-control{max-width:140px!important;height:35px!important}.auth-modal .qty-val{font-size:1.1rem!important}.auth-modal label{margin-bottom:2px!important;font-size:.65rem!important}.action-bar{justify-content:center;align-items:center;gap:10px;width:95%;padding:10px 15px;display:flex;bottom:20px}.btn-loud{padding:10px 15px;font-size:1rem}.rating-display{font-size:3rem}.sticker-board{gap:30px;padding:40px 0}.sticker-card{width:130px;min-height:190px}.sticker-score{font-size:2rem}.pub-card{width:90%;max-width:300px}}