.navbar{background:var(--slate);border-bottom:4px solid var(--black);box-shadow:0 4px 0 var(--black);position:sticky;top:0;z-index:1000}.navbar-container{max-width:1200px;margin:0 auto;padding:var(--spacing-sm) var(--spacing-md);display:flex;justify-content:space-between;align-items:center}.navbar-logo{text-decoration:none;color:var(--black)}.logo-text{color:var(--hot-pink);margin:0;font-size:1.8rem}.navbar-menu{display:flex;list-style:none;align-items:center;gap:var(--spacing-md)}.navbar-item{position:relative}.navbar-link{font-family:var(--font-header);font-weight:700;text-transform:uppercase;text-decoration:none;color:var(--black);font-size:.9rem;padding:var(--spacing-xs) var(--spacing-sm);border-radius:6px;transition:all .2s ease;display:block;background:transparent;border:none;cursor:pointer}.navbar-link:hover{background:var(--hot-pink);color:var(--white);transform:translateY(-2px)}.navbar-link-register{background:var(--lime-green);color:var(--white);border:2px solid var(--black);box-shadow:2px 2px 0 var(--black)}.navbar-link-register:hover{background:var(--teal);transform:translate(1px,1px);box-shadow:1px 1px 0 var(--black)}.navbar-link-admin{background:var(--orange);color:var(--white)}.navbar-link-logout{background:var(--slate);color:var(--white);font-family:var(--font-header);font-weight:700;text-transform:uppercase;font-size:.9rem;padding:var(--spacing-xs) var(--spacing-sm);border-radius:6px;border:none;cursor:pointer;transition:all .2s ease}.navbar-link-logout:hover{background:var(--black)}.hamburger{display:none;flex-direction:column;background:transparent;border:none;cursor:pointer;padding:0;z-index:1001}.hamburger span{width:25px;height:3px;background:var(--black);margin:3px 0;transition:all .3s ease;border-radius:2px}.hamburger.active span:nth-child(1){transform:rotate(45deg) translate(6px,6px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}@media (max-width: 768px){.hamburger{display:flex}.navbar-menu{position:fixed;top:0;right:-100%;height:100vh;width:70%;max-width:300px;flex-direction:column;background:var(--white);border-left:4px solid var(--black);box-shadow:-4px 0 0 var(--black);padding:80px var(--spacing-md) var(--spacing-md);transition:right .3s ease;align-items:flex-start}.navbar-menu.active{right:0}.navbar-item{width:100%}.navbar-link{width:100%;padding:var(--spacing-sm);border:2px solid var(--black);margin-bottom:var(--spacing-xs)}}.main-content{min-height:calc(100vh - 80px);position:relative;z-index:1;padding:var(--spacing-lg) 0}@media (max-width: 768px){.main-content{padding:var(--spacing-md) 0}}.home-page{min-height:100%}.stream-section{max-width:900px;margin:0 auto}.stream-header{color:var(--slate);text-align:center;margin-bottom:var(--spacing-md)}.stream-header.live{color:var(--hot-pink);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.stream-info{padding:var(--spacing-md);background:#ffffff80;border-radius:8px}.stream-title{margin-bottom:var(--spacing-sm);color:var(--black)}.stream-game{font-size:1.1rem;color:var(--slate)}.seo-content{max-width:800px;margin:0 auto}.feature-list{list-style:none;padding-left:0}.feature-list li{padding:var(--spacing-sm) 0;padding-left:var(--spacing-md);position:relative}.feature-list li:before{content:"▸";position:absolute;left:0;font-size:1.2rem;font-weight:700}.cta-buttons{display:flex;gap:var(--spacing-md);justify-content:center;flex-wrap:wrap}@media (max-width: 768px){.cta-buttons{flex-direction:column}.cta-buttons .btn{width:100%}}.about-page{max-width:800px;margin:0 auto}.about-page p{font-size:1.1rem;line-height:1.7;margin-bottom:var(--spacing-md)}.about-page p:last-child{margin-bottom:0}.social-links{display:flex;gap:var(--spacing-md);justify-content:center;flex-wrap:wrap}@media (max-width: 768px){.social-links{flex-direction:column}}.schedule-page{min-height:calc(100vh - 200px)}.week-navigation{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-md);max-width:800px;margin:0 auto}.week-display{text-align:center;flex:1}.week-display h2{margin:0;color:var(--hot-pink)}.schedule-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-md);max-width:1000px;margin:0 auto}.schedule-card{cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.schedule-card:hover{transform:translateY(-4px);box-shadow:0 0 0 2px var(--black),8px 8px 0 0 var(--black)}.schedule-date{font-family:var(--font-header);font-size:1.2rem;font-weight:700;margin-bottom:var(--spacing-xs);color:var(--white)}.schedule-time{font-weight:700;margin-bottom:var(--spacing-sm);color:var(--yellow)}.schedule-description{margin-bottom:var(--spacing-sm);line-height:1.5}.schedule-games{margin-top:var(--spacing-sm);padding-top:var(--spacing-sm);border-top:2px solid rgba(255,255,255,.3);font-weight:700}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:2000;padding:var(--spacing-md)}.modal-content{max-width:500px;width:100%;max-height:90vh;overflow-y:auto;animation:modalSlideIn .3s ease}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}.modal-time{font-size:1.1rem;margin-bottom:var(--spacing-md)}.modal-content p{margin-bottom:var(--spacing-md);line-height:1.6}@media (max-width: 768px){.week-navigation{flex-direction:column}.week-navigation .btn{width:100%}.schedule-grid{grid-template-columns:1fr}}.pawketzmon-page{min-height:calc(100vh - 200px)}.construction-container{max-width:700px;margin:0 auto;padding:var(--spacing-lg) 0}.construction-graphic{display:flex;justify-content:center;gap:var(--spacing-lg);font-size:3rem;animation:bounce 2s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.cone:nth-child(2){animation-delay:.2s}.cone:nth-child(3){animation-delay:.4s}.construction-text{font-size:1.1rem;margin-bottom:var(--spacing-md)}.feature-preview-list{list-style:none;padding:0;text-align:left;max-width:500px;margin:0 auto}.feature-preview-list li{padding:var(--spacing-sm);margin-bottom:var(--spacing-xs);background:#ffffff4d;border-radius:6px;border:2px solid var(--black);position:relative;padding-left:var(--spacing-lg)}.feature-preview-list li:before{content:"▸";position:absolute;left:var(--spacing-sm);font-size:1.2rem;font-weight:700}.coming-soon-banner{background:var(--hot-pink);color:var(--white);padding:var(--spacing-md);border-radius:8px;border:3px solid var(--black);box-shadow:4px 4px 0 var(--black)}.coming-soon-banner h3{margin-bottom:var(--spacing-sm)}.coming-soon-banner p{margin:0;font-size:1.1rem}.auth-page{min-height:calc(100vh - 200px);display:flex;align-items:center;justify-content:center}.auth-container{max-width:450px;width:100%;margin:0 auto}.error-message{background:var(--hot-pink);color:var(--white);padding:var(--spacing-sm);border-radius:6px;border:2px solid var(--black);font-weight:700;text-align:center}.w-full{width:100%}.link{color:var(--hot-pink);font-weight:700;text-decoration:none;border-bottom:2px solid var(--hot-pink)}.link:hover{color:var(--teal);border-bottom-color:var(--teal)}.admin-schedule-page{max-width:900px;margin:0 auto}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.form-actions{display:flex;gap:var(--spacing-md)}.schedule-list{margin-top:var(--spacing-md)}.schedule-item{padding:var(--spacing-md);border:2px solid var(--black);border-radius:8px;margin-bottom:var(--spacing-md);background:#ffffff80}.schedule-item-header{font-family:var(--font-header);font-size:1.1rem;margin-bottom:var(--spacing-xs)}.schedule-item-games{margin:var(--spacing-xs) 0;font-weight:700;color:var(--teal)}.schedule-item-description{margin:var(--spacing-sm) 0;line-height:1.5}.schedule-item-actions{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-sm)}.btn-small{font-family:var(--font-header);font-weight:700;text-transform:uppercase;padding:var(--spacing-xs) var(--spacing-sm);border:2px solid var(--black);border-radius:6px;cursor:pointer;font-size:.9rem;transition:transform .1s ease;box-shadow:2px 2px 0 var(--black)}.btn-small:hover{transform:translate(1px,1px);box-shadow:1px 1px 0 var(--black)}.btn-danger{background:var(--hot-pink);color:var(--white)}@media (max-width: 768px){.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column}.form-actions .btn{width:100%}}.admin-cards-page{max-width:1000px;margin:0 auto}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--spacing-md);margin-top:var(--spacing-md)}.card-item{padding:var(--spacing-md);border:3px solid var(--black);border-radius:12px;background:linear-gradient(135deg,var(--teal) 0%,var(--hot-pink) 100%);color:var(--white);box-shadow:4px 4px 0 var(--black)}.card-image{width:100%;height:150px;object-fit:cover;border-radius:8px;margin-bottom:var(--spacing-sm);border:2px solid var(--white)}.card-item h3{margin-bottom:var(--spacing-xs);font-size:1.2rem}.card-rarity{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);background:var(--yellow);color:var(--black);border-radius:6px;font-family:var(--font-header);font-weight:700;text-transform:uppercase;font-size:.8rem;margin-bottom:var(--spacing-sm)}.card-event{font-size:.9rem;margin:var(--spacing-xs) 0;font-style:italic}.card-description{font-size:.95rem;line-height:1.5;margin:var(--spacing-sm) 0}@media (max-width: 768px){.admin-grid,.cards-grid{grid-template-columns:1fr}}:root{--hot-pink: #FF1493;--teal: #00CED1;--orange: #FF8C00;--yellow: #FFD700;--slate: #8272ED;--lime-green: #32CD32;--purple-bg: #9370DB;--white: #FFFFFF;--black: #000000;--font-header: "Life Savers", serif;--font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;width:100%}body{font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--purple-bg);background-image:url("data:image/svg+xml,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' /%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.05'/%3E%3C/svg%3E");background-size:100px 100px;position:relative;overflow-x:hidden}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,transparent 25%,rgba(0,0,0,.05) 25%,rgba(0,0,0,.05) 50%,transparent 50%,transparent 75%,rgba(0,0,0,.05) 75%);background-size:20px 20px;pointer-events:none;z-index:0;opacity:.3}#root{min-height:100vh;position:relative;z-index:1}.geometric-bg{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:hidden}.geometric-bg svg{position:absolute;opacity:.6}.sticker-card{background:#fff;border-radius:12px;padding:var(--spacing-md);border:4px solid var(--white);box-shadow:0 0 0 2px var(--black),6px 6px 0 0 var(--black);position:relative;z-index:2}.sticker-card-pink{background:var(--hot-pink);color:var(--white)}.sticker-card-teal{background:var(--teal);color:var(--white)}.sticker-card-orange{background:var(--orange);color:var(--white)}.sticker-card-yellow{background:var(--yellow);color:var(--black)}.sticker-card-lime{background:var(--lime-green);color:var(--white)}h1,h2,h3,h4,h5,h6{font-family:var(--font-header);font-weight:800;text-transform:uppercase;letter-spacing:2px}h1{font-size:3rem;text-shadow:4px 4px 0 var(--black)}h2{font-size:2rem;text-shadow:3px 3px 0 var(--black)}h3{font-size:1.5rem;text-shadow:2px 2px 0 var(--black)}.video-container-16-9{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;max-width:100%;background:var(--black);border-radius:8px}.video-container-16-9 iframe,.video-container-16-9 div{position:absolute;top:0;left:0;width:100%;height:100%}.btn{font-family:var(--font-header);font-weight:700;text-transform:uppercase;padding:var(--spacing-sm) var(--spacing-lg);border:3px solid var(--black);border-radius:8px;cursor:pointer;font-size:1rem;transition:transform .1s ease;box-shadow:4px 4px 0 var(--black);text-decoration:none;display:inline-block}.btn:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--black)}.btn:active{transform:translate(4px,4px);box-shadow:0 0 0 var(--black)}.btn-primary{background:var(--hot-pink);color:var(--white)}.btn-secondary{background:var(--teal);color:var(--white)}.btn-success{background:var(--lime-green);color:var(--white)}.btn-warning{background:var(--orange);color:var(--white)}.form-group{margin-bottom:var(--spacing-md)}.form-label{font-family:var(--font-header);font-weight:700;display:block;margin-bottom:var(--spacing-xs);text-transform:uppercase;font-size:.9rem}.form-input,.form-textarea,.form-select{width:100%;padding:var(--spacing-sm);border:3px solid var(--black);border-radius:6px;font-family:var(--font-body);font-size:1rem;background:var(--white)}.form-input:focus,.form-textarea:focus,.form-select:focus{outline:none;border-color:var(--hot-pink);box-shadow:0 0 0 3px #ff149333}.container{max-width:1200px;margin:0 auto;padding:var(--spacing-md)}.text-center{text-align:center}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}@media (max-width: 768px){h1{font-size:2rem}h2{font-size:1.5rem}.container{padding:var(--spacing-sm)}}