*,*:before,*:after{box-sizing:border-box}:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#fffffff2;background-color:#001a33;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{scroll-behavior:smooth}body{margin:0;min-width:320px}#root{min-height:100vh}h1,h2,h3,h4,h5,h6{margin:0;line-height:1.2}p{margin:0}a{color:inherit;text-decoration:none}button{font-family:inherit;font-size:inherit}img{max-width:100%;height:auto;display:block}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#001a33}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#00d4ff,#06a);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#00e5ff,#07b)}::selection{background:#00d4ff4d;color:#fff}.header{position:fixed;top:0;left:0;right:0;z-index:1000;background:linear-gradient(135deg,#002850f2,#005078f2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 20px #0000004d}.header-content{max-width:1200px;margin:0 auto;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center;gap:.75rem;cursor:pointer;transition:transform .3s ease;text-decoration:none}.logo:hover{transform:scale(1.05)}.logo-icon{font-size:2rem;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-5px) rotate(5deg)}}.logo-text{font-size:1.5rem;font-weight:700;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.nav{display:flex;align-items:center;gap:.5rem}.nav button{background:transparent;border:none;color:#ffffffe6;font-size:1rem;font-weight:500;padding:.75rem 1.25rem;cursor:pointer;border-radius:8px;transition:all .3s ease;position:relative;overflow:hidden}.nav button:before{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:0;height:3px;background:linear-gradient(90deg,#00d4ff,#0f8);transition:width .3s ease;border-radius:3px}.nav button:hover{color:#fff;background:#ffffff1a}.nav button:hover:before{width:80%}.nav-link{background:transparent;border:none;color:#ffffffe6;font-size:1rem;font-weight:500;padding:.75rem 1.25rem;cursor:pointer;border-radius:8px;transition:all .3s ease;position:relative;overflow:hidden;text-decoration:none}.nav-link:before{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:0;height:3px;background:linear-gradient(90deg,#00d4ff,#0f8);transition:width .3s ease;border-radius:3px}.nav-link:hover{color:#fff;background:#ffffff1a}.nav-link:hover:before{width:80%}.menu-toggle{display:none;flex-direction:column;justify-content:space-between;width:30px;height:24px;background:transparent;border:none;cursor:pointer;padding:0}.menu-toggle span{display:block;width:100%;height:3px;background:#fff;border-radius:3px;transition:all .3s ease}.menu-toggle.open span:nth-child(1){transform:rotate(45deg) translate(6px,6px)}.menu-toggle.open span:nth-child(2){opacity:0}.menu-toggle.open span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}@media(max-width:768px){.header-content{padding:1rem}.logo-text{font-size:1.25rem}.menu-toggle{display:flex}.nav{position:absolute;top:100%;left:0;right:0;flex-direction:column;background:linear-gradient(135deg,#002850fa,#005078fa);padding:1rem;gap:0;transform:translateY(-100%);opacity:0;visibility:hidden;transition:all .3s ease}.nav.open{transform:translateY(0);opacity:1;visibility:visible}.nav button,.nav .nav-link{padding:1rem;text-align:left;border-bottom:1px solid rgba(255,255,255,.1)}.nav button:last-child,.nav .nav-link:last-child{border-bottom:none}}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:linear-gradient(180deg,#001a33,#036,#06a);padding:6rem 2rem 4rem}.hero-background{position:absolute;bottom:0;left:0;right:0;height:200px;overflow:hidden}.wave{position:absolute;bottom:0;left:-100%;width:300%;height:100%;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 120' preserveAspectRatio='none'%3E%3Cpath d='M0,60 C300,120 600,0 900,60 C1200,120 1200,120 1200,120 L1200,120 L0,120 Z' fill='%23004080'/%3E%3C/svg%3E") repeat-x;background-size:50% 100%}.wave1{animation:wave 8s linear infinite;opacity:.5}.wave2{animation:wave 12s linear infinite reverse;opacity:.3;bottom:10px}.wave3{animation:wave 15s linear infinite;opacity:.2;bottom:20px}@keyframes wave{0%{transform:translate(0)}to{transform:translate(33.33%)}}.hero-content{text-align:center;z-index:10;max-width:800px}.hero-image-container{position:relative;display:inline-block;margin-bottom:2rem}.hero-image{width:250px;height:250px;object-fit:cover;border-radius:50%;border:4px solid rgba(255,255,255,.3);box-shadow:0 20px 60px #0006;animation:heroFloat 6s ease-in-out infinite}.hero-image-glow{position:absolute;inset:-20px;border-radius:50%;background:radial-gradient(circle,rgba(0,212,255,.3) 0%,transparent 70%);animation:pulse 4s ease-in-out infinite}@keyframes heroFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.hero-title{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem}.title-main{font-size:3.5rem;font-weight:800;color:#fff;text-shadow:3px 3px 6px rgba(0,0,0,.3);letter-spacing:-1px}.title-sub{font-size:1.5rem;font-weight:400;color:#fffc;font-style:italic}.hero-description{font-size:1.25rem;color:#ffffffe6;max-width:500px;margin:0 auto 2.5rem;line-height:1.6}.hero-stats{display:flex;justify-content:center;gap:3rem;margin-bottom:2.5rem}.stat{display:flex;flex-direction:column;align-items:center;gap:.25rem}.stat-value{font-size:2.5rem;font-weight:700;color:#00d4ff;text-shadow:0 0 20px rgba(0,212,255,.5)}.hero-buttons{display:flex;flex-direction:column;align-items:center;gap:1rem}.hero-cta{display:inline-flex;align-items:center;gap:.75rem;padding:1rem 2.5rem;background:linear-gradient(135deg,#00d4ff,#0f8);color:#001a33;font-size:1.125rem;font-weight:600;text-decoration:none;border-radius:50px;transition:all .3s ease;box-shadow:0 10px 30px #00d4ff4d}.hero-cta:hover{transform:translateY(-3px);box-shadow:0 15px 40px #00d4ff66}.hero-quiz-btn{background:transparent;border:2px solid rgba(255,255,255,.3);color:#fff;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;border-radius:50px;cursor:pointer;transition:all .3s ease}.hero-quiz-btn:hover{background:#ffffff1a;border-color:#00d4ff;color:#00d4ff;transform:translateY(-2px)}.cta-arrow{font-size:1.5rem;animation:bounce 2s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(5px)}}@media(max-width:768px){.hero{padding:5rem 1.5rem 3rem}.hero-image{width:180px;height:180px}.title-main{font-size:2.25rem}.title-sub{font-size:1.125rem}.hero-description{font-size:1rem}.hero-stats{gap:1.5rem}.stat-value{font-size:2rem}}.shredders{padding:6rem 2rem;background:linear-gradient(180deg,#06a,#004d80);position:relative}.shredders:before{content:"";position:absolute;top:0;left:0;right:0;height:100px;background:linear-gradient(180deg,transparent,rgba(0,77,128,.5));pointer-events:none}.shredders-container{max-width:1200px;margin:0 auto}.section-header{text-align:center;margin-bottom:4rem}.section-title{font-size:3rem;font-weight:800;color:#fff;margin-bottom:1rem;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.section-subtitle{font-size:1.25rem;color:#fffc;max-width:500px;margin:0 auto}.flip-hint{font-size:.9rem;color:#ffffff80;margin-top:.5rem}.shredders-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;justify-items:center}.shredder-card-container{width:100%;max-width:350px;height:420px;perspective:1000px;cursor:pointer;animation:fadeInUp .6s ease-out backwards}.shredder-card-inner{position:relative;width:100%;height:100%;transition:transform .6s cubic-bezier(.4,0,.2,1);transform-style:preserve-3d}.shredder-card-container.flipped .shredder-card-inner{transform:rotateY(180deg)}.shredder-card{position:absolute;width:100%;height:100%;backface-visibility:hidden;-webkit-backface-visibility:hidden;background:#ffffff1a;border-radius:20px;padding:1.25rem;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column}.shredder-card-front{z-index:2}.shredder-card-container:hover .shredder-card-front{box-shadow:0 20px 40px #0000004d}.shredder-card-back{transform:rotateY(180deg);background:linear-gradient(135deg,#003264f2,#001e3cf2);border:2px solid rgba(0,212,255,.3);justify-content:space-between}.shredder-image-wrapper{position:relative;width:150px;height:150px;margin:0 auto 1.5rem;border-radius:50%;overflow:hidden;transition:transform .4s ease}.shredder-card-container:hover .shredder-card-front .shredder-image-wrapper{transform:scale(1.1)}.shredder-image{width:100%;height:100%;object-fit:cover}.shredder-overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(0,0,0,.7) 100%);display:flex;align-items:flex-end;justify-content:center;padding-bottom:1rem;opacity:0;transition:opacity .3s ease}.shredder-card-container:hover .shredder-card-front .shredder-overlay{opacity:1}.shredder-role{font-size:.75rem;font-weight:600;color:#00d4ff;text-transform:uppercase;letter-spacing:1px}.shredder-info{display:flex;flex-direction:column;gap:.5rem;flex:1}.shredder-nickname{font-size:1.5rem;font-weight:700;color:#fff;margin:0}.shredder-bio{font-size:.875rem;color:#ffffffbf;line-height:1.5;margin:0;font-style:italic}.card-back-header{text-align:center;padding-bottom:.35rem;border-bottom:1px solid rgba(0,212,255,.2)}.card-back-icon{font-size:1.25rem;display:block;margin-bottom:.15rem}.card-back-nickname{font-size:1.25rem;font-weight:800;color:#00d4ff;margin:0;text-shadow:0 0 20px rgba(0,212,255,.5)}.card-back-role{font-size:.65rem;color:#fff9;text-transform:uppercase;letter-spacing:2px}.shredder-stats{flex:1;display:flex;flex-direction:column;justify-content:center;gap:.1rem;padding:.25rem 0}.shredder-stats .stat-row{display:flex;justify-content:space-between;align-items:center;padding:.2rem 0;border-bottom:1px solid rgba(255,255,255,.1)}.shredder-stats .stat-row.signature{border-bottom:none;flex-direction:column;gap:0;padding:.15rem 0}.shredder-stats .stat-label{font-size:.6rem;color:#fff9;text-transform:uppercase;letter-spacing:1px;margin-bottom:0}.shredder-stats .stat-value{font-size:.95rem;font-weight:700;color:#0f8;text-shadow:none;margin-bottom:0;display:inline}.shredder-stats .stat-value.wipeouts{color:#ff6b6b}.shredder-stats .stat-value.highlight{font-size:.8rem;color:#00d4ff;font-style:italic}.card-back-footer{text-align:center;padding-top:.35rem;border-top:1px solid rgba(0,212,255,.2)}.card-back-footer span{font-size:.75rem;color:#fff6}.ghost-card{animation:ghostAppear .5s ease-out forwards,ghostPulse 2s ease-in-out infinite}@keyframes ghostAppear{0%{opacity:0;transform:scale(.8) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes ghostPulse{0%,to{box-shadow:0 0 20px #8a2be24d}50%{box-shadow:0 0 40px #8a2be299}}.ghost-front,.ghost-back{background:linear-gradient(135deg,#4b0082e6,#1e0032f2);border:2px solid rgba(138,43,226,.5)}.ghost-back{transform:rotateY(180deg)}.ghost-image-wrapper{background:radial-gradient(circle,rgba(138,43,226,.3) 0%,transparent 70%);display:flex;align-items:center;justify-content:center}.ghost-silhouette{font-size:5rem;animation:ghostFloat 3s ease-in-out infinite;filter:drop-shadow(0 0 20px rgba(138,43,226,.8))}@keyframes ghostFloat{0%,to{transform:translateY(0) scale(1);opacity:.9}50%{transform:translateY(-10px) scale(1.05);opacity:1}}.ghost-card .shredder-nickname,.ghost-card .card-back-nickname{color:orchid;text-shadow:0 0 15px rgba(218,112,214,.7)}.ghost-card .shredder-role,.ghost-card .card-back-role{color:#9370db}.ghost-card .stat-value{color:orchid}.ghost-card .stat-value.highlight{color:violet}.ghost-card .card-back-footer span{color:#da70d699;font-style:italic}.honorary-section{margin-top:4rem;text-align:center}.honorary-toggle{display:inline-flex;align-items:center;gap:.75rem;padding:.75rem 1.5rem;background:#ffffff0d;border:1px dashed rgba(255,255,255,.2);border-radius:50px;color:#fff9;font-size:1rem;cursor:pointer;transition:all .3s ease}.honorary-toggle:hover{background:#ffffff1a;border-color:#ffffff4d;color:#fffc}.honorary-toggle.open{background:#ffffff1a;border-style:solid;border-color:#00d4ff4d}.honorary-toggle-icon{font-size:1.25rem;font-weight:300;width:1.5rem;text-align:center}.honorary-toggle-text{font-weight:600}.honorary-toggle-subtitle{font-size:.8rem;font-style:italic;opacity:.7}.honorary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;justify-items:center;max-height:0;overflow:hidden;opacity:0;transition:all .5s ease;margin-top:0}.honorary-grid.show{max-height:none;opacity:1;margin-top:2rem}.honorary-card{max-width:280px;height:420px;opacity:.85}.honorary-card .shredder-card{background:#ffffff0d;border:1px dashed rgba(255,255,255,.15)}.honorary-card .shredder-card-back{background:linear-gradient(135deg,#002850e6,#001428f2);border:1px dashed rgba(0,180,220,.3)}.honorary-card:hover{opacity:1}.honorary-card:hover .shredder-card-front{box-shadow:0 15px 30px #00000040}.honorary-image-wrapper{width:100px;height:100px;margin-bottom:1rem;background:#ffffff0d}.honorary-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:3rem;opacity:.6}.honorary-card .shredder-nickname{font-size:1.25rem}.honorary-card .shredder-bio{font-size:.8rem}.honorary-card .card-back-nickname{font-size:1.1rem}.honorary-card .shredder-stats .stat-label{font-size:.55rem}.honorary-card .shredder-stats .stat-value{font-size:.85rem}.honorary-card .shredder-stats .stat-value.highlight{font-size:.75rem}@media(max-width:768px){.shredders{padding:4rem 1.5rem}.section-title{font-size:2.25rem}.section-subtitle{font-size:1rem}.shredders-grid{grid-template-columns:1fr;gap:1.5rem}.shredder-card-container{max-width:400px;height:380px}.shredder-card{padding:1.25rem}.shredder-image-wrapper{width:120px;height:120px;margin-bottom:1rem}.shredder-nickname{font-size:1.25rem}.shredder-bio{font-size:.8rem}.card-back-nickname{font-size:1.5rem}.stat-value{font-size:1.1rem}.honorary-section{margin-top:3rem}.honorary-toggle{flex-wrap:wrap;justify-content:center;padding:.6rem 1.25rem}.honorary-toggle-subtitle{width:100%;margin-top:.25rem}.honorary-grid{grid-template-columns:1fr}.honorary-card{max-width:320px;height:450px}.honorary-card .shredder-image-wrapper{width:80px;height:80px;margin-bottom:.75rem}.honorary-card .shredder-bio{font-size:.75rem;line-height:1.4}.honorary-grid.show{max-height:none}}.adventures{padding:6rem 2rem;background:linear-gradient(180deg,#004d80,#035);position:relative}.adventures-container{max-width:900px;margin:0 auto}.adventures .section-header{text-align:center;margin-bottom:4rem}.adventures .section-title{font-size:3rem;font-weight:800;color:#fff;margin-bottom:1rem;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.adventures .section-subtitle{font-size:1.25rem;color:#fffc;max-width:500px;margin:0 auto}.adventures-timeline{position:relative;padding:2rem 0}.adventures-timeline:before{content:"";position:absolute;left:50%;transform:translate(-50%);width:4px;height:100%;background:linear-gradient(180deg,#00d4ff,#0f8);border-radius:4px}.adventure-card{position:relative;width:calc(50% - 30px);margin-bottom:3rem;animation:fadeInUp .6s ease-out backwards}.adventure-card.left{margin-right:auto}.adventure-card.right{margin-left:auto}.adventure-content{background:#ffffff1a;border-radius:16px;padding:1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.adventure-content:hover{background:#ffffff26;transform:translateY(-5px);box-shadow:0 20px 40px #0003}.adventure-connector{position:absolute;top:50%;width:30px;height:4px;background:linear-gradient(90deg,#00d4ff,#0f8)}.adventure-card.left .adventure-connector{right:-30px}.adventure-card.right .adventure-connector{left:-30px}.adventure-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.adventure-difficulty{padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:700;color:#001a33;text-transform:uppercase;letter-spacing:.5px}.adventure-date{font-size:.875rem;color:#fff9}.adventure-title{font-size:1.5rem;font-weight:700;color:#fff;margin:0 0 .5rem}.adventure-location{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#ffffffb3;margin:0 0 1rem}.location-icon{font-size:1rem}.adventure-description{color:#ffffffe6;line-height:1.6;margin:0 0 1.25rem}.adventure-participants{display:flex;align-items:center;gap:.75rem}.participants-label{font-size:.75rem;color:#fff9;text-transform:uppercase;letter-spacing:1px}.participants-avatars{display:flex}.participant-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;border:2px solid rgba(0,51,85,.8);margin-left:-8px;transition:transform .2s ease}.participant-avatar:first-child{margin-left:0}.participant-avatar:hover{transform:scale(1.2);z-index:10}.adventures-cta{text-align:center;margin-top:2rem}.cta-text{color:#fff9;font-style:italic;font-size:1.125rem}@media(max-width:768px){.adventures{padding:4rem 1.5rem}.adventures .section-title{font-size:2.25rem}.adventures .section-subtitle{font-size:1rem}.adventures-timeline:before{left:20px}.adventure-card{width:calc(100% - 50px);margin-left:50px!important;margin-right:0!important}.adventure-connector{left:-30px!important;right:auto!important}.adventure-title{font-size:1.25rem}}.stats{padding:6rem 2rem;background:linear-gradient(180deg,#035,#001a33)}.stats-container{max-width:1000px;margin:0 auto}.stats .section-header{text-align:center;margin-bottom:4rem}.stats .section-title{font-size:3rem;font-weight:800;color:#fff;margin-bottom:1rem;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.stats .section-subtitle{font-size:1.25rem;color:#fffc}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem}.stat-card{background:#ffffff0d;border-radius:20px;padding:2rem 1.5rem;text-align:center;border:1px solid rgba(255,255,255,.1);transition:all .4s cubic-bezier(.175,.885,.32,1.275);animation:fadeInUp .6s ease-out backwards}.stat-card:hover{background:#ffffff1a;transform:translateY(-10px);box-shadow:0 20px 40px #00d4ff26;border-color:#00d4ff4d}.stat-icon{font-size:3rem;display:block;margin-bottom:1rem}.stat-value{font-size:3rem;font-weight:800;color:#00d4ff;display:block;margin-bottom:.5rem;text-shadow:0 0 30px rgba(0,212,255,.5)}.stat-label{font-size:.875rem;color:#ffffffb3;text-transform:uppercase;letter-spacing:2px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media(max-width:900px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:500px){.stats{padding:4rem 1.5rem}.stats .section-title{font-size:2.25rem}.stats .section-subtitle{font-size:1rem}.stats-grid{gap:1rem}.stat-card{padding:1.5rem 1rem}.stat-icon{font-size:2rem}.stat-value{font-size:2.25rem}.stat-label{font-size:.75rem}}.leaderboard{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#000000f2;border-radius:12px;z-index:100}.leaderboard-cabinet{width:100%;height:100%;background:linear-gradient(180deg,#1a1a2e,#16213e,#0f0f23);border-radius:12px;padding:8px;box-shadow:inset 0 0 30px #00ffff1a,0 0 20px #00000080}.leaderboard-screen{position:relative;width:100%;height:100%;background:#000810;border-radius:8px;padding:1rem;overflow:hidden;display:flex;flex-direction:column;font-family:Courier New,Monaco,monospace}.scanlines{position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(0,0,0,.15),rgba(0,0,0,.15) 1px,transparent 1px,transparent 2px);pointer-events:none;z-index:10}.leaderboard-header{text-align:center;margin-bottom:.75rem}.leaderboard-title{font-size:1.5rem;font-weight:700;color:#fc0;text-shadow:0 0 10px #ffcc00,0 0 20px #ff9900,0 0 30px #ff6600;letter-spacing:4px;animation:title-glow 2s ease-in-out infinite alternate}@keyframes title-glow{0%{text-shadow:0 0 10px #ffcc00,0 0 20px #ff9900,0 0 30px #ff6600}to{text-shadow:0 0 15px #ffcc00,0 0 30px #ff9900,0 0 45px #ff6600}}.leaderboard-shredder{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:.5rem;color:#0fc;font-size:.9rem;letter-spacing:2px}.shredder-icon{font-size:1.25rem}.shredder-name{text-shadow:0 0 10px #00ffcc}.new-high-score-banner{text-align:center;padding:.5rem;margin-bottom:.5rem;background:linear-gradient(90deg,transparent,rgba(255,0,128,.3),transparent);animation:banner-flash .5s ease-in-out infinite alternate}@keyframes banner-flash{0%{background:linear-gradient(90deg,transparent,rgba(255,0,128,.2),transparent)}to{background:linear-gradient(90deg,transparent,rgba(255,0,128,.5),transparent)}}.banner-text{font-size:1.1rem;font-weight:700;color:#ff0080;text-shadow:0 0 10px #ff0080,0 0 20px #ff0080;letter-spacing:3px;animation:rainbow-text 1s linear infinite}@keyframes rainbow-text{0%{color:#ff0080}33%{color:#ff8000}66%{color:#ff0}to{color:#ff0080}}.banner-subtext{font-size:.75rem;color:#fff;letter-spacing:2px;margin-top:.25rem}.leaderboard-table{flex:1;display:flex;flex-direction:column;min-height:0}.table-header{display:flex;padding:.4rem .5rem;border-bottom:2px solid #00ffcc;color:#0fc;font-size:.7rem;font-weight:700;letter-spacing:2px}.table-body{flex:1;overflow-y:auto;padding:.25rem 0}.table-row{display:flex;padding:.35rem .5rem;font-size:.85rem;color:#8cf;border-bottom:1px solid rgba(0,255,204,.1);transition:all .2s ease}.table-row:hover{background:#00ffcc1a}.table-row.rank-1{color:gold;text-shadow:0 0 10px rgba(255,215,0,.5)}.table-row.rank-2{color:silver;text-shadow:0 0 10px rgba(192,192,192,.5)}.table-row.rank-3{color:#cd7f32;text-shadow:0 0 10px rgba(205,127,50,.5)}.table-row.player-entry{background:#ff008033;animation:player-row-pulse 1s ease-in-out infinite}@keyframes player-row-pulse{0%,to{background:#ff008033}50%{background:#ff008066}}.table-row.new-entry{color:#0f8;text-shadow:0 0 10px rgba(0,255,136,.5)}.col-rank{width:60px;font-weight:700}.col-name{flex:1;letter-spacing:3px}.col-score{width:80px;text-align:right;font-weight:700}.no-scores{text-align:center;padding:2rem;color:#666;font-size:.9rem;letter-spacing:2px}.name-entry{display:inline-flex;gap:2px}.name-char{display:inline-block;width:1.2em;text-align:center;cursor:pointer;transition:all .2s ease}.name-char.active{color:#ff0080;text-shadow:0 0 10px #ff0080}.name-char.cursor{background:#ff00804d}.name-controls{text-align:center;padding:.5rem 0;border-top:1px solid rgba(0,255,204,.2);margin-top:.5rem}.char-selectors{display:flex;justify-content:center;gap:1rem;margin-bottom:.75rem}.char-selector{display:flex;flex-direction:column;align-items:center;gap:.25rem}.char-selector.active .char-display{color:#ff0080;text-shadow:0 0 15px #ff0080;border-color:#ff0080}.char-btn{width:36px;height:28px;background:linear-gradient(180deg,#333,#111);border:2px solid #555;border-radius:4px;color:#0fc;font-size:.9rem;cursor:pointer;transition:all .1s ease}.char-btn:hover{background:linear-gradient(180deg,#444,#222);border-color:#0fc}.char-btn:active{transform:scale(.95);background:linear-gradient(180deg,#222,#000)}.char-display{width:36px;height:40px;display:flex;align-items:center;justify-content:center;background:#000;border:2px solid #00ffcc;border-radius:4px;font-size:1.5rem;font-weight:700;color:#0fc;text-shadow:0 0 10px #00ffcc}.controls-hint{font-size:.55rem;color:#666;letter-spacing:1px;margin-top:.5rem}.submit-btn{background:linear-gradient(180deg,#0c6,#094);border:2px solid #00ff88;padding:.5rem 2rem;font-size:1rem;font-weight:700;color:#fff;border-radius:4px;cursor:pointer;letter-spacing:2px;text-shadow:0 0 10px rgba(0,255,136,.5);box-shadow:0 0 10px #00ff884d,inset 0 1px #fff3;transition:all .2s ease;font-family:Courier New,Monaco,monospace}.submit-btn:hover:not(:disabled){background:linear-gradient(180deg,#0d7,#0a5);box-shadow:0 0 20px #00ff8880,inset 0 1px #fff3}.submit-btn:active:not(:disabled){transform:scale(.98)}.submit-btn:disabled{opacity:.5;cursor:not-allowed}.your-score{text-align:center;padding:.75rem;margin-top:.5rem;border-top:1px solid rgba(0,255,204,.2)}.your-score-label{font-size:.75rem;color:#888;letter-spacing:2px;margin-right:.75rem}.your-score-value{font-size:1.25rem;font-weight:700;color:#f80;text-shadow:0 0 10px rgba(255,136,0,.5)}.play-again-btn{width:100%;margin-top:.75rem;padding:.75rem;background:linear-gradient(180deg,#44f,#22c);border:2px solid #6666ff;font-size:1rem;font-weight:700;color:#fff;border-radius:4px;cursor:pointer;letter-spacing:3px;text-shadow:0 0 10px rgba(100,100,255,.5);box-shadow:0 0 10px #6464ff4d,inset 0 1px #fff3;transition:all .2s ease;font-family:Courier New,Monaco,monospace}.play-again-btn:hover{background:linear-gradient(180deg,#55f,#33d);box-shadow:0 0 20px #6464ff80,inset 0 1px #fff3}.play-again-btn:active{transform:scale(.98)}.leaderboard-loading{display:flex;align-items:center;justify-content:center;height:100%}.loading-text{font-size:1.25rem;color:#0fc;letter-spacing:4px;animation:loading-blink 1s ease-in-out infinite}@keyframes loading-blink{0%,to{opacity:1}50%{opacity:.3}}@media(max-width:400px){.leaderboard-screen{padding:.75rem}.leaderboard-title{font-size:1.25rem;letter-spacing:2px}.table-header,.table-row{font-size:.75rem;padding:.3rem .25rem}.col-rank{width:45px}.col-score{width:60px}.char-btn{width:32px;height:24px;font-size:.8rem}.char-display{width:32px;height:36px;font-size:1.25rem}.submit-btn,.play-again-btn{padding:.5rem;font-size:.9rem;letter-spacing:1px}.controls-hint{font-size:.5rem}}.all-leaderboards{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#000000f2;border-radius:12px;z-index:100}.all-leaderboards-cabinet{width:100%;height:100%;background:linear-gradient(180deg,#1a1a2e,#16213e,#0f0f23);border-radius:12px;padding:6px;box-shadow:inset 0 0 30px #00ffff1a,0 0 20px #00000080}.all-leaderboards-screen{position:relative;width:100%;height:100%;background:#000810;border-radius:8px;padding:.75rem;overflow:hidden;display:flex;flex-direction:column;font-family:Courier New,Monaco,monospace}.all-leaderboards-header{text-align:center;margin-bottom:.5rem;flex-shrink:0}.all-leaderboards-title{font-size:1.25rem;font-weight:700;color:#fc0;text-shadow:0 0 10px #ffcc00,0 0 20px #ff9900;letter-spacing:3px}.all-leaderboards-subtitle{font-size:.7rem;color:#0fc;letter-spacing:2px;margin-top:.25rem}.leaderboards-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.4rem;flex:1;overflow:hidden;padding:.25rem;min-height:0}.mini-leaderboard{background:#001428cc;border:1px solid rgba(0,255,204,.3);border-radius:6px;padding:.35rem;display:flex;flex-direction:column;cursor:pointer;transition:all .2s ease;text-align:left;font-family:Courier New,Monaco,monospace;min-height:0}.mini-leaderboard:hover{border-color:#00ffccb3;background:#00283ce6;transform:scale(1.02)}.mini-leaderboard:active{transform:scale(.98)}.mini-leaderboard-header{display:flex;align-items:center;gap:.3rem;padding-bottom:.2rem;border-bottom:1px solid rgba(0,255,204,.2);margin-bottom:.2rem}.mini-shredder-icon{font-size:1rem}.mini-shredder-name{font-size:.65rem;font-weight:700;color:#0fc;letter-spacing:1px;text-transform:uppercase}.mini-leaderboard-body{flex:1;display:flex;flex-direction:column;gap:.1rem}.mini-loading,.mini-empty{font-size:.55rem;color:#666;text-align:center;padding:.5rem;flex:1;display:flex;align-items:center;justify-content:center}.mini-row{display:flex;align-items:center;font-size:.55rem;color:#8cf;padding:.1rem 0}.mini-row.rank-1{color:gold}.mini-rank{width:1.2rem;color:inherit;opacity:.7}.mini-name{flex:1;letter-spacing:1px}.mini-score{font-weight:700;text-align:right}.all-leaderboards-back{flex-shrink:0;margin-top:.4rem;padding:.4rem;background:linear-gradient(180deg,#333,#111);border:2px solid rgba(255,255,255,.3);font-size:.8rem;font-weight:700;color:#fff;border-radius:4px;cursor:pointer;letter-spacing:2px;font-family:Courier New,Monaco,monospace;transition:all .2s ease}.all-leaderboards-back:hover{background:linear-gradient(180deg,#444,#222);border-color:#0fc;color:#0fc}@media(max-width:350px){.leaderboards-grid{grid-template-columns:1fr}.mini-leaderboard{padding:.5rem}.mini-row{font-size:.6rem}}.kayak-game-pixi{padding:6rem 2rem;background:linear-gradient(180deg,#1a0a2e,#0d001a);min-height:100vh;display:flex;align-items:center;justify-content:center}.kayak-game-pixi .game-container{max-width:500px;margin:0 auto;text-align:center}.kayak-game-pixi .section-header{margin-bottom:2rem}.kayak-game-pixi .section-title{font-size:3rem;font-weight:800;color:#fff;margin-bottom:1rem;text-shadow:0 0 20px rgba(147,51,234,.5),2px 2px 4px rgba(0,0,0,.3)}.kayak-game-pixi .section-subtitle{font-size:1.25rem;color:#c896ffe6;font-style:italic}.kayak-game-pixi .game-wrapper{position:relative;display:inline-block}.kayak-game-pixi .game-canvas-pixi{border-radius:12px;box-shadow:0 10px 40px #9333ea4d,0 0 60px #9333ea1a,inset 0 0 30px #00000080;max-width:100%;height:auto}.kayak-game-pixi .game-canvas-pixi canvas{border-radius:12px}.kayak-game-pixi .mute-button{position:absolute;top:10px;right:10px;z-index:100;background:#9333ea80;border:2px solid rgba(200,150,255,.3);border-radius:8px;padding:8px 12px;font-size:1.25rem;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.kayak-game-pixi .mute-button:hover{background:#9333eab3;border-color:#c896ff80;transform:scale(1.1)}.kayak-game-pixi .game-overlay{position:absolute;inset:0;background:#1a0a2ef2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem}.kayak-game-pixi .game-overlay h3{font-size:2.5rem;font-weight:800;color:#c896ff;margin-bottom:1rem;text-shadow:0 0 20px rgba(200,150,255,.5)}.kayak-game-pixi .game-overlay p{color:#fffc;margin-bottom:.5rem;font-size:1.1rem}.kayak-game-pixi .controls-hint{font-size:.9rem!important;color:#fff9!important;margin-bottom:1.5rem!important}.kayak-game-pixi .start-button{background:linear-gradient(135deg,#9333ea,#c084fc);border:none;padding:.75rem 2rem;font-size:1.1rem;font-weight:700;color:#fff;border-radius:50px;cursor:pointer;transition:all .3s ease;margin-top:.5rem;text-shadow:0 2px 4px rgba(0,0,0,.3)}.kayak-game-pixi .start-button:hover{transform:scale(1.05);box-shadow:0 0 30px #9333ea99}.kayak-game-pixi .switch-version-button{background:transparent;border:2px solid rgba(200,150,255,.4);padding:.75rem 1.5rem;font-size:1rem;font-weight:600;color:#c896ffe6;border-radius:50px;cursor:pointer;transition:all .3s ease;margin-top:1rem}.kayak-game-pixi .switch-version-button:hover{background:#9333ea33;border-color:#c896ffb3}.kayak-game-pixi .back-button{background:transparent;border:2px solid rgba(200,150,255,.4);padding:.4rem 1rem;font-size:.85rem;color:#c896ffcc;border-radius:25px;cursor:pointer;transition:all .2s ease}.kayak-game-pixi .back-button:hover{background:#9333ea33;border-color:#c896ffb3}.kayak-game-pixi .character-select{overflow-y:hidden;padding:.75rem!important}.kayak-game-pixi .character-select h3{font-size:1.5rem!important;margin-bottom:.5rem!important}.kayak-game-pixi .character-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;margin:.5rem 0;padding:.25rem}.kayak-game-pixi .character-card{background:#9333ea33;border:2px solid rgba(200,150,255,.3);border-radius:10px;padding:.5rem;cursor:pointer;transition:all .2s ease;text-align:center}.kayak-game-pixi .character-card:hover{background:#9333ea66;border-color:#c896ff99;transform:scale(1.02)}.kayak-game-pixi .character-card.selected{background:#9333ea80;border-color:#c084fc;box-shadow:0 0 20px #9333ea66}.kayak-game-pixi .character-icon{font-size:1.75rem;margin-bottom:.15rem}.kayak-game-pixi .character-name{font-weight:700;color:#c896ff;font-size:.85rem}.kayak-game-pixi .character-ability{font-size:.65rem;color:#fff9;margin-top:.15rem}.kayak-game-pixi .character-select-buttons{display:flex;gap:.5rem;margin-top:.5rem;justify-content:center;flex-wrap:wrap}.kayak-game-pixi .audio-toggle-button{background:transparent;border:2px solid rgba(200,150,255,.3);padding:.4rem .75rem;font-size:1.1rem;border-radius:50px;cursor:pointer;transition:all .3s ease}.kayak-game-pixi .audio-toggle-button:hover{border-color:#c896ff99;background:#9333ea33}.kayak-game-pixi .leaderboard-button{background:transparent;border:2px solid rgba(255,204,0,.4);padding:.4rem .75rem;font-size:.85rem;font-weight:600;color:#fc0c;border-radius:50px;cursor:pointer;transition:all .3s ease}.kayak-game-pixi .leaderboard-button:hover{border-color:#fc0c;color:#fc0;background:#ffcc001a}.kayak-game-pixi .pixi-score-display{position:absolute;top:15px;left:15px;background:#0009;padding:8px 16px;border-radius:8px;color:#c896ff;font-weight:700;font-size:1.1rem;font-family:Courier New,monospace;border:1px solid rgba(200,150,255,.3)}.kayak-game-pixi .speed-indicator{color:#fc0;margin-left:8px;font-size:.9rem}.kayak-game-pixi .slim-multiplier{margin-left:8px;font-weight:700}.kayak-game-pixi .slim-multiplier.double{color:#0f8;animation:slim-double .3s ease-out}.kayak-game-pixi .slim-multiplier.half{color:#f66;animation:slim-half .3s ease-out}@keyframes slim-double{0%{transform:scale(1.3)}to{transform:scale(1)}}@keyframes slim-half{0%{opacity:.5}to{opacity:1}}.kayak-game-pixi .shield-indicator{color:#0ff;margin-left:8px}.kayak-game-pixi .invisibility-indicator{color:#c0f;margin-left:8px;animation:ghost-pulse .5s ease-in-out infinite}@keyframes ghost-pulse{0%,to{opacity:1}50%{opacity:.5}}.kayak-game-pixi .rapids-indicator{color:#0cf;margin-left:8px;animation:rapids-wave .3s ease-in-out infinite}@keyframes rapids-wave{0%,to{transform:translate(0)}50%{transform:translate(3px)}}.kayak-game-pixi .collision-overlay{background:#1a0a2e80!important;-webkit-backdrop-filter:blur(2px)!important;backdrop-filter:blur(2px)!important;cursor:pointer}.kayak-game-pixi .crash-text{font-size:3rem!important;color:#f44!important;text-shadow:0 0 20px rgba(255,68,68,.8),0 0 40px rgba(255,68,68,.4),2px 2px 4px rgba(0,0,0,.5)!important;animation:crash-shake .5s ease-in-out}@keyframes crash-shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}.kayak-game-pixi .death-reason{font-size:1.3rem!important;color:#fff!important;margin-top:1rem!important;text-shadow:0 2px 4px rgba(0,0,0,.5)}.kayak-game-pixi .collision-score{font-size:1.5rem!important;font-weight:700;color:#c084fc!important;margin-top:1rem!important}.kayak-game-pixi .collision-prompt{font-size:1rem!important;color:#ffffffb3!important;margin-top:2rem!important;animation:prompt-pulse 1.5s ease-in-out infinite}@keyframes prompt-pulse{0%,to{opacity:1}50%{opacity:.4}}.kayak-game-pixi .high-score-entry{text-align:center;margin:1rem 0}.kayak-game-pixi .name-input{font-size:1.5rem;font-family:"Press Start 2P",monospace;text-align:center;width:100px;padding:.5rem;background:#9333ea4d;border:2px solid rgba(200,150,255,.5);border-radius:8px;color:#fff;letter-spacing:.3em;margin:.5rem 0}.kayak-game-pixi .name-input:focus{outline:none;border-color:#c084fc;box-shadow:0 0 15px #9333ea80}.kayak-game-pixi .name-input::placeholder{color:#c896ff80}.kayak-game-pixi .new-record{font-size:1.3rem!important;color:#c084fc!important;animation:pulse 1s ease-in-out infinite}.kayak-game-pixi .final-score{font-size:1.8rem!important;font-weight:700;color:#fff!important}.kayak-game-pixi .score-submitted{font-size:1.1rem!important;color:#0f8!important;margin:.5rem 0!important}.kayak-game-pixi .shredder-top-scores{margin-top:1.5rem!important;text-align:center;padding:.75rem;border-radius:8px;background:#9333ea1a}.kayak-game-pixi .shredder-top-scores h4{font-size:1rem!important;color:#c084fc!important;margin-bottom:.5rem!important;text-transform:uppercase;letter-spacing:.1em}.kayak-game-pixi .top-scores-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.4rem 1rem;font-size:.85rem}.kayak-game-pixi .shredder-score-item{display:flex;align-items:center;gap:.4rem;justify-content:flex-start}.kayak-game-pixi .shredder-icon{font-size:1rem}.kayak-game-pixi .shredder-score{color:#fffc;font-family:"Press Start 2P",monospace;font-size:.65rem}.kayak-game-pixi .touch-controls{display:none;position:absolute;bottom:20px;left:10px;right:10px;justify-content:space-between;align-items:flex-end;pointer-events:none}.kayak-game-pixi .touch-left,.kayak-game-pixi .touch-right{pointer-events:auto;display:flex;flex-direction:column;gap:10px;align-items:center}.kayak-game-pixi .touch-center{display:flex;flex-direction:column;gap:10px;pointer-events:auto}.kayak-game-pixi .touch-button{width:60px;height:60px;border-radius:50%;background:#9333ea4d;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:2px solid rgba(200,150,255,.4);color:#fff;font-size:1.5rem;font-weight:700;cursor:pointer;transition:all .2s ease;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.kayak-game-pixi .touch-button:active{background:#9333ea99;transform:scale(.95)}.kayak-game-pixi .touch-up,.kayak-game-pixi .touch-down{width:50px;height:50px;font-size:1.25rem}.kayak-game-pixi .touch-ability{width:55px;height:55px;font-size:1.5rem;background:#ffcc004d;border-color:#ffcc0080}.kayak-game-pixi .touch-ability:active{background:#fc09}.kayak-game-pixi .shredder-top-scores.clickable{cursor:pointer;transition:all .2s ease}.kayak-game-pixi .shredder-top-scores.clickable:hover{background:#9333ea40;transform:scale(1.02)}.kayak-game-pixi .tap-hint{font-size:.7rem!important;color:#c896ff99!important;margin-top:.5rem!important;font-style:italic}.kayak-game-pixi .hall-of-fame{display:flex;flex-direction:column;width:100%;height:100%;padding:.75rem!important;font-family:Courier New,Monaco,monospace;justify-content:flex-start!important;align-items:stretch!important;background:linear-gradient(180deg,#1a0a2e,#16133e,#0f0f23)!important}.kayak-game-pixi .hall-of-fame h3{font-size:1.25rem!important;margin-bottom:.25rem!important;letter-spacing:3px;color:#fc0!important;text-shadow:0 0 10px #ffcc00,0 0 20px #ff9900!important;text-align:center}.kayak-game-pixi .hall-subtitle{font-size:.7rem!important;color:#0fc!important;margin-bottom:.5rem!important;letter-spacing:2px;text-align:center}.kayak-game-pixi .hall-of-fame-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.4rem;flex:1;overflow:hidden;padding:.25rem;min-height:0}.kayak-game-pixi .hall-shredder-card{background:#001428cc;border:1px solid rgba(0,255,204,.3);border-radius:6px;padding:.35rem;cursor:pointer;transition:all .2s ease;text-align:left;display:flex;flex-direction:column;min-height:0;font-family:Courier New,Monaco,monospace}.kayak-game-pixi .hall-shredder-card:hover{background:#00283ce6;border-color:#00ffccb3;transform:scale(1.02)}.kayak-game-pixi .hall-shredder-card:active{transform:scale(.98)}.kayak-game-pixi .hall-shredder-header{display:flex;align-items:center;gap:.3rem;margin-bottom:.2rem;border-bottom:1px solid rgba(0,255,204,.2);padding-bottom:.2rem}.kayak-game-pixi .hall-icon{font-size:1rem}.kayak-game-pixi .hall-name{font-weight:700;color:#0fc;font-size:.65rem;letter-spacing:1px;text-transform:uppercase}.kayak-game-pixi .hall-scores{flex:1;display:flex;flex-direction:column;gap:.1rem}.kayak-game-pixi .hall-score-row{display:flex;align-items:center;font-size:.55rem;color:#8cf;padding:.1rem 0}.kayak-game-pixi .hall-score-row.top-score{color:gold}.kayak-game-pixi .hall-score-row.empty-row{color:#456;opacity:.5}.kayak-game-pixi .hall-rank{width:1.2rem;opacity:.7}.kayak-game-pixi .hall-entry-name{flex:1;letter-spacing:1px}.kayak-game-pixi .hall-entry-score{font-weight:700;text-align:right}.kayak-game-pixi .no-scores-mini{color:#666;font-size:.55rem;text-align:center;padding:.5rem;flex:1;display:flex;align-items:center;justify-content:center}.kayak-game-pixi .full-leaderboard{width:100%;max-width:320px}.kayak-game-pixi .leaderboard-header{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:2px solid rgba(200,150,255,.3)}.kayak-game-pixi .leaderboard-icon{font-size:1.75rem}.kayak-game-pixi .leaderboard-name{font-size:1.2rem;font-weight:700;color:#0fc}.kayak-game-pixi .leaderboard-entries{flex:1;overflow-y:auto;margin-bottom:.75rem}.kayak-game-pixi .leaderboard-row{display:flex;align-items:center;padding:.5rem .6rem;border-radius:4px;margin-bottom:.25rem;background:#9333ea1a;font-size:.9rem}.kayak-game-pixi .leaderboard-row.rank-1{background:#fc03;color:#fc0}.kayak-game-pixi .leaderboard-row.rank-2{background:#c0c0c026;color:silver}.kayak-game-pixi .leaderboard-row.rank-3{background:#cd7f3226;color:#cd7f32}.kayak-game-pixi .leaderboard-row .rank{width:1.5rem;font-weight:700}.kayak-game-pixi .leaderboard-row .name{font-family:Courier New,monospace;letter-spacing:.1em;flex:1}.kayak-game-pixi .leaderboard-row .score{font-weight:700;margin-left:auto}.kayak-game-pixi .no-scores{text-align:center;color:#c896ff80;font-style:italic;padding:2rem 0}.kayak-game-pixi .high-score-entry{width:100%;max-width:300px;font-family:Courier New,Monaco,monospace}.kayak-game-pixi .new-high-score-banner{text-align:center;padding:.5rem;margin-bottom:.75rem;background:linear-gradient(90deg,transparent,rgba(200,100,255,.3),transparent);animation:pixi-banner-flash .5s ease-in-out infinite alternate}@keyframes pixi-banner-flash{0%{background:linear-gradient(90deg,transparent,rgba(200,100,255,.2),transparent)}to{background:linear-gradient(90deg,transparent,rgba(200,100,255,.5),transparent)}}.kayak-game-pixi .banner-text{font-size:1.1rem;font-weight:700;color:#c896ff;text-shadow:0 0 10px #c896ff,0 0 20px #c896ff;letter-spacing:3px;animation:pixi-rainbow-text 1s linear infinite}@keyframes pixi-rainbow-text{0%{color:#c896ff}33%{color:#ff80bf}66%{color:#fc0}to{color:#c896ff}}.kayak-game-pixi .banner-subtext{font-size:.75rem;color:#fff;letter-spacing:2px;margin-top:.25rem}.kayak-game-pixi .name-controls{text-align:center;padding:.5rem 0}.kayak-game-pixi .char-selectors{display:flex;justify-content:center;gap:1rem;margin-bottom:.75rem}.kayak-game-pixi .char-selector{display:flex;flex-direction:column;align-items:center;gap:.25rem}.kayak-game-pixi .char-selector.active .char-display{color:#ff80bf;text-shadow:0 0 15px #ff80bf;border-color:#ff80bf}.kayak-game-pixi .char-btn{width:36px;height:28px;background:linear-gradient(180deg,#3a2050,#1a0a2e);border:2px solid #6b4d8a;border-radius:4px;color:#c896ff;font-size:.9rem;cursor:pointer;transition:all .1s ease}.kayak-game-pixi .char-btn:hover{background:linear-gradient(180deg,#4a3060,#2a1a3e);border-color:#c896ff}.kayak-game-pixi .char-btn:active{transform:scale(.95);background:linear-gradient(180deg,#2a1040,#0a0018)}.kayak-game-pixi .char-display{width:36px;height:40px;display:flex;align-items:center;justify-content:center;background:#0a0018;border:2px solid #c896ff;border-radius:4px;font-size:1.5rem;font-weight:700;color:#c896ff;text-shadow:0 0 10px #c896ff}.kayak-game-pixi .char-display.cursor{background:#c896ff33}.kayak-game-pixi .submit-btn{background:linear-gradient(180deg,#9333ea,#6b21a8);border:2px solid #c084fc;padding:.5rem 2rem;font-size:1rem;font-weight:700;color:#fff;border-radius:4px;cursor:pointer;letter-spacing:2px;text-shadow:0 0 10px rgba(192,132,252,.5);box-shadow:0 0 10px #c084fc4d,inset 0 1px #fff3;transition:all .2s ease;font-family:Courier New,Monaco,monospace}.kayak-game-pixi .submit-btn:hover:not(:disabled){background:linear-gradient(180deg,#a855f7,#7c3aed);box-shadow:0 0 20px #c084fc80,inset 0 1px #fff3}.kayak-game-pixi .submit-btn:active:not(:disabled){transform:scale(.98)}.kayak-game-pixi .submit-btn:disabled{opacity:.5;cursor:not-allowed}.kayak-game-pixi .controls-hint{font-size:.55rem;color:#666;letter-spacing:1px;margin-top:.5rem}.kayak-game-pixi .full-leaderboard.arcade-style{width:100%;max-width:350px;margin:0 auto;flex:1;display:flex;flex-direction:column}.kayak-game-pixi .arcade-screen{background:linear-gradient(180deg,#1a0a2e,#0d0015);border:2px solid #6b4d8a;border-radius:8px;padding:1rem;font-family:Courier New,Monaco,monospace;display:flex;flex-direction:column;flex:1;box-shadow:inset 0 0 30px #9333ea26,0 0 20px #00000080}.kayak-game-pixi .arcade-header{text-align:center;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:2px solid rgba(147,51,234,.3)}.kayak-game-pixi .arcade-title{font-size:1.4rem;font-weight:700;color:#fc0;text-shadow:0 0 10px #ffcc00,0 0 20px #ff9900;letter-spacing:3px}.kayak-game-pixi .arcade-shredder{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:.5rem;color:#c896ff;font-size:.9rem;letter-spacing:2px}.kayak-game-pixi .arcade-icon{font-size:1.5rem}.kayak-game-pixi .arcade-name{font-weight:700}.kayak-game-pixi .arcade-table{flex:1;display:flex;flex-direction:column}.kayak-game-pixi .arcade-table-header{display:flex;padding:.4rem .5rem;color:#888;font-size:.65rem;letter-spacing:1px;border-bottom:1px solid rgba(147,51,234,.2);margin-bottom:.25rem}.kayak-game-pixi .arcade-table-body{flex:1;overflow-y:auto}.kayak-game-pixi .arcade-row{display:flex;padding:.35rem .5rem;color:#c896ff;font-size:.75rem;border-bottom:1px solid rgba(147,51,234,.1)}.kayak-game-pixi .arcade-row.rank-1{color:gold;text-shadow:0 0 8px rgba(255,215,0,.5)}.kayak-game-pixi .arcade-row.rank-2{color:silver;text-shadow:0 0 5px rgba(192,192,192,.4)}.kayak-game-pixi .arcade-row.rank-3{color:#cd7f32;text-shadow:0 0 5px rgba(205,127,50,.4)}.kayak-game-pixi .arcade-table .col-rank{width:3rem;font-weight:700}.kayak-game-pixi .arcade-table .col-name{flex:1;letter-spacing:2px}.kayak-game-pixi .arcade-table .col-score{width:4.5rem;text-align:right;font-weight:700}.kayak-game-pixi .arcade-table .no-scores{text-align:center;color:#666;padding:2rem 0;font-size:.8rem}.kayak-game-pixi .arcade-back-btn{margin-top:.75rem;padding:.6rem 1.5rem;font-family:Courier New,Monaco,monospace;font-size:.9rem;font-weight:700;letter-spacing:2px;color:#fff;background:linear-gradient(180deg,#6b4d8a,#4a3060);border:2px solid #9370db;border-radius:4px;cursor:pointer;transition:all .2s ease;text-shadow:0 1px 2px rgba(0,0,0,.5)}.kayak-game-pixi .arcade-back-btn:hover{background:linear-gradient(180deg,#8b6daa,#6a4080);border-color:#b390eb;transform:scale(1.02)}.kayak-game-pixi .arcade-back-btn:active{transform:scale(.98)}@media(max-width:768px){.kayak-game-pixi{padding:4rem 1rem}.kayak-game-pixi .section-title{font-size:2rem}.kayak-game-pixi .section-subtitle{font-size:1rem}.kayak-game-pixi .game-overlay h3{font-size:2rem}.kayak-game-pixi .controls-hint{display:none}.kayak-game-pixi .touch-controls{display:flex}}@media(hover:none)and (pointer:coarse){.kayak-game-pixi .touch-controls{display:flex}}.kayak-game{padding:6rem 2rem;background:linear-gradient(180deg,#035,#001a33);min-height:100vh;display:flex;align-items:center;justify-content:center}.game-container{max-width:500px;margin:0 auto;text-align:center}.kayak-game .section-header{margin-bottom:2rem}.kayak-game .section-title{font-size:3rem;font-weight:800;color:#fff;margin-bottom:1rem;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.kayak-game .section-subtitle{font-size:1.25rem;color:#fffc}.game-wrapper{position:relative;display:inline-block}.mute-button{position:absolute;top:10px;right:10px;z-index:100;background:#00000080;border:2px solid rgba(255,255,255,.3);border-radius:8px;padding:8px 12px;font-size:1.25rem;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.mute-button:hover{background:#000000b3;border-color:#ffffff80;transform:scale(1.1)}.mute-button:active{transform:scale(.95)}.game-canvas{border-radius:12px;box-shadow:0 10px 40px #00000080;max-width:100%;height:auto}.game-overlay{position:absolute;inset:0;background:#001428e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem}.game-overlay h3{font-size:2.5rem;font-weight:800;color:#00d4ff;margin-bottom:1rem;text-shadow:0 0 20px rgba(0,212,255,.5)}.game-overlay p{color:#fffc;margin-bottom:.5rem;font-size:1.1rem}.controls-hint{font-size:.9rem!important;color:#fff9!important;margin-bottom:1.5rem!important}.start-button{background:linear-gradient(135deg,#00d4ff,#0f8);border:none;padding:.75rem 2rem;font-size:1.1rem;font-weight:700;color:#001a33;border-radius:50px;cursor:pointer;transition:all .3s ease;margin-top:.5rem}.start-button:hover{transform:scale(1.05);box-shadow:0 0 30px #00d4ff80}.remastered-button{background:transparent;border:2px solid rgba(147,51,234,.6);padding:.75rem 1.5rem;font-size:1rem;font-weight:600;color:#c084fc;border-radius:50px;cursor:pointer;transition:all .3s ease;margin-top:.75rem}.remastered-button:hover{background:#9333ea33;border-color:#c084fc;box-shadow:0 0 20px #9333ea66;transform:scale(1.02)}.hint{font-size:.85rem!important;color:#fff6!important;margin-top:.5rem!important}.shredder-top-scores{margin-top:1.5rem!important;text-align:center;cursor:pointer;padding:.75rem;border-radius:8px;transition:background-color .2s ease}.shredder-top-scores:hover{background-color:#ffffff1a}.shredder-top-scores h4{font-size:1rem!important;color:#0f8!important;margin-bottom:.5rem!important;text-transform:uppercase;letter-spacing:.1em}.top-scores-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.4rem 1rem;font-size:.85rem}.shredder-score-item{display:flex;align-items:center;gap:.4rem;justify-content:flex-start}.shredder-icon{font-size:1rem}.shredder-score{color:#fffc;font-family:"Press Start 2P",monospace;font-size:.65rem}.game-over h3{color:#ff6b6b;text-shadow:0 0 20px rgba(255,107,107,.5)}.collision-overlay{background:#0000004d!important;-webkit-backdrop-filter:blur(2px)!important;backdrop-filter:blur(2px)!important;cursor:default}.collision-overlay.clickable{cursor:pointer}.collision-prompt{font-size:1.5rem!important;color:#fff!important;text-shadow:0 0 10px rgba(0,0,0,.8);margin-top:auto!important;margin-bottom:2rem!important}.collision-overlay.clickable .collision-prompt{animation:collision-pulse 1s ease-in-out infinite}@keyframes collision-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.05)}}.final-score{font-size:2rem!important;font-weight:700;color:#fff!important}.new-record{font-size:1.5rem!important;color:#0f8!important;animation:pulse 1s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.touch-controls{display:none;position:absolute;bottom:20px;left:10px;right:10px;justify-content:space-between;align-items:flex-end;pointer-events:none}.touch-left,.touch-right{pointer-events:auto}.touch-center{display:flex;flex-direction:column;gap:10px;pointer-events:auto}.touch-button{width:60px;height:60px;border-radius:50%;background:#fff3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:2px solid rgba(255,255,255,.3);color:#fff;font-size:1.5rem;font-weight:700;cursor:pointer;transition:all .2s ease;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.touch-button:active{background:#00d4ff66;transform:scale(.95)}.touch-up,.touch-down{width:50px;height:50px;font-size:1.25rem}.touch-ability{width:55px;height:55px;font-size:1.5rem;background:#ffcc004d;border-color:#ffcc0080}.touch-ability:active{background:#fc09}@media(max-width:768px){.kayak-game{padding:4rem 1rem}.kayak-game .section-title{font-size:2rem}.kayak-game .section-subtitle{font-size:1rem}.game-overlay h3{font-size:2rem}.controls-hint{display:none}.touch-controls{display:flex}}@media(hover:none)and (pointer:coarse){.touch-controls{display:flex}}.character-select{padding:.75rem!important;overflow-y:hidden}.character-select h3{font-size:1.5rem!important;margin-bottom:.5rem!important}.character-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;margin-bottom:.5rem;padding:.25rem}.character-card{background:#ffffff1a;border:2px solid rgba(255,255,255,.2);border-radius:10px;padding:.5rem;cursor:pointer;transition:all .2s ease;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.15rem}.character-card:hover{background:#00d4ff33;border-color:#00d4ff80;transform:translateY(-2px)}.character-card.selected{background:#0f83;border-color:#0f8;box-shadow:0 0 15px #00ff884d}.character-icon{font-size:1.75rem;line-height:1}.character-name{font-size:.85rem;font-weight:700;color:#fff}.character-ability{font-size:.65rem;color:#ffffffb3;line-height:1.2}.character-select-buttons{display:flex;gap:.5rem;margin-top:.5rem;justify-content:center;flex-wrap:wrap}.audio-toggle-button{background:transparent;border:2px solid rgba(255,255,255,.3);padding:.4rem .75rem;font-size:1.1rem;border-radius:50px;cursor:pointer;transition:all .3s ease}.audio-toggle-button:hover{border-color:#fff9;background:#ffffff1a}.back-button{background:transparent;border:2px solid rgba(255,255,255,.3);padding:.4rem 1rem;font-size:.9rem;font-weight:600;color:#ffffffb3;border-radius:50px;cursor:pointer;transition:all .3s ease}.back-button:hover{border-color:#fff9;color:#fff}.leaderboard-button{background:transparent;border:2px solid rgba(255,204,0,.4);padding:.4rem .75rem;font-size:.85rem;font-weight:600;color:#fc0c;border-radius:50px;cursor:pointer;transition:all .3s ease}.leaderboard-button:hover{border-color:#fc0c;color:#fc0;background:#ffcc001a}.character-indicator{position:absolute;top:10px;right:10px;display:flex;align-items:center;gap:.5rem;background:#00000080;padding:.25rem .75rem;border-radius:20px;font-size:.9rem;color:#fff}.character-indicator-icon{font-size:1.2rem}.ability-status{font-size:.75rem;color:#0f8}.shield-indicator{color:#00d4ff}.invisibility-ready{color:#0f8}.invisibility-active{color:#fc0;animation:pulse .5s ease-in-out infinite}.invisibility-cooldown{color:#ffffff80}@media(max-width:768px){.character-grid{grid-template-columns:repeat(2,1fr);gap:.4rem}.character-card{padding:.4rem}.character-icon{font-size:1.5rem}.character-name{font-size:.8rem}.character-ability{font-size:.6rem}.character-select-buttons{gap:.4rem}.back-button,.leaderboard-button,.audio-toggle-button{padding:.35rem .6rem;font-size:.8rem}}.quiz-overlay{position:fixed;inset:0;background:#000a14e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.quiz-modal{background:linear-gradient(135deg,#001a33,#036);border-radius:24px;padding:2rem;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;position:relative;border:1px solid rgba(0,212,255,.2);box-shadow:0 20px 60px #00000080;animation:slideUp .4s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.quiz-close{position:absolute;top:1rem;right:1rem;background:none;border:none;color:#ffffff80;font-size:2rem;cursor:pointer;transition:color .2s ease;line-height:1}.quiz-close:hover{color:#fff}.quiz-header{text-align:center;margin-bottom:2rem}.quiz-header h2{font-size:2rem;font-weight:800;color:#00d4ff;margin:0 0 1.5rem;text-shadow:0 0 20px rgba(0,212,255,.5)}.quiz-progress{height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden;margin-bottom:.5rem}.quiz-progress-bar{height:100%;background:linear-gradient(90deg,#00d4ff,#0f8);border-radius:3px;transition:width .4s ease}.quiz-progress-text{font-size:.85rem;color:#ffffff80}.quiz-content{text-align:center}.quiz-question{font-size:1.5rem;font-weight:600;color:#fff;margin:0 0 2rem;line-height:1.4}.quiz-options{display:flex;flex-direction:column;gap:1rem}.quiz-option{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1rem 1.5rem;color:#fff;font-size:1rem;text-align:left;cursor:pointer;transition:all .3s ease}.quiz-option:hover:not(:disabled){background:#00d4ff1a;border-color:#00d4ff4d;transform:translate(10px)}.quiz-option.selected{background:#0f83;border-color:#0f8;transform:translate(10px)}.quiz-option:disabled{cursor:default;opacity:.7}.quiz-result{text-align:center}.quiz-result h2{font-size:1.5rem;color:#ffffffb3;margin:0 0 1.5rem}.result-card{background:#ffffff0d;border-radius:20px;padding:2rem;border:1px solid rgba(0,212,255,.2)}.result-image{width:120px;height:120px;border-radius:50%;object-fit:cover;margin-bottom:1rem;border:3px solid #00d4ff;box-shadow:0 0 30px #00d4ff4d}.result-nickname{font-size:2.5rem;font-weight:800;color:#00d4ff;margin:0;text-shadow:0 0 20px rgba(0,212,255,.5)}.result-role{display:block;font-size:.9rem;color:#0f8;text-transform:uppercase;letter-spacing:2px;margin-bottom:1rem}.result-bio{font-size:.95rem;color:#fffc;line-height:1.6;font-style:italic;margin:0 0 1.5rem}.result-stats{display:flex;justify-content:center;gap:2rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.result-stat{display:flex;flex-direction:column;align-items:center}.result-stat-value{font-size:1.75rem;font-weight:700;color:#0f8}.result-stat-label{font-size:.75rem;color:#ffffff80;text-transform:uppercase;letter-spacing:1px}.result-actions{display:flex;gap:1rem;justify-content:center;margin-top:2rem}.quiz-button{background:linear-gradient(135deg,#00d4ff,#0f8);border:none;padding:.875rem 2rem;font-size:1rem;font-weight:600;color:#001a33;border-radius:50px;cursor:pointer;transition:all .3s ease}.quiz-button:hover{transform:scale(1.05);box-shadow:0 0 30px #00d4ff80}.quiz-button.secondary{background:transparent;border:1px solid rgba(255,255,255,.3);color:#fff}.quiz-button.secondary:hover{background:#ffffff1a;box-shadow:none}@media(max-width:768px){.quiz-modal{padding:1.5rem;border-radius:20px}.quiz-header h2{font-size:1.5rem}.quiz-question{font-size:1.25rem}.quiz-option{padding:.875rem 1rem;font-size:.95rem}.result-nickname{font-size:2rem}.result-stats{gap:1.5rem}.result-actions{flex-direction:column}.quiz-button{width:100%}}.easter-egg-overlay{position:fixed;inset:0;pointer-events:none;z-index:9999;overflow:hidden}.konami-message{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:3rem;font-weight:900;color:#fff;text-shadow:0 0 10px #ff0000,0 0 20px #ff7f00,0 0 30px #ffff00,0 0 40px #00ff00,0 0 50px #0000ff,0 0 60px #4b0082,0 0 70px #9400d3;animation:konamiPulse .5s ease-in-out infinite alternate,konamiFade 6s ease-out forwards;letter-spacing:4px}@keyframes konamiPulse{0%{transform:translate(-50%,-50%) scale(1)}to{transform:translate(-50%,-50%) scale(1.1)}}@keyframes konamiFade{0%,70%{opacity:1}to{opacity:0}}.rainbow-kayak{position:absolute;top:-50px;font-size:2.5rem;animation:kayakFall linear forwards;filter:drop-shadow(0 0 10px currentColor)}@keyframes kayakFall{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(calc(100vh + 100px)) rotate(720deg);opacity:.5}}body.barrel-roll{animation:barrelRoll 1s ease-in-out}@keyframes barrelRoll{0%{transform:rotate(0)}to{transform:rotate(360deg)}}body.night-mode{--night-overlay: rgba(0, 0, 30, .3)}body.night-mode .hero{background:linear-gradient(180deg,#000814,#001d3d,#003566)}body.night-mode .hero:after{content:"";position:absolute;top:20px;right:10%;width:60px;height:60px;background:radial-gradient(circle,#fffde7 0%,#fff59d 30%,transparent 70%);border-radius:50%;box-shadow:0 0 40px 20px #fffde74d;animation:moonGlow 4s ease-in-out infinite alternate}@keyframes moonGlow{0%{box-shadow:0 0 40px 20px #fffde74d}to{box-shadow:0 0 60px 30px #fffde766}}body.night-mode .shredders{background:linear-gradient(180deg,#003566,#001d3d)}body.night-mode .stats{background:linear-gradient(180deg,#001d3d,#000814)}body.night-mode .adventures{background:linear-gradient(180deg,#001d3d,#003566)}body.night-mode .hero-image-glow{background:radial-gradient(circle,rgba(100,149,237,.3) 0%,transparent 70%)}body.night-mode .wave{opacity:.15}body.night-mode .hero:before{content:"";position:absolute;inset:0;background-image:radial-gradient(1px 1px at 20px 30px,white,transparent),radial-gradient(1px 1px at 40px 70px,white,transparent),radial-gradient(1px 1px at 50px 160px,white,transparent),radial-gradient(1px 1px at 90px 40px,white,transparent),radial-gradient(1px 1px at 130px 80px,white,transparent),radial-gradient(1px 1px at 160px 120px,white,transparent),radial-gradient(1.5px 1.5px at 200px 50px,rgba(255,255,255,.8),transparent),radial-gradient(1px 1px at 250px 90px,white,transparent),radial-gradient(1px 1px at 300px 150px,white,transparent),radial-gradient(1.5px 1.5px at 350px 30px,rgba(255,255,255,.9),transparent),radial-gradient(1px 1px at 400px 100px,white,transparent),radial-gradient(1px 1px at 450px 60px,white,transparent),radial-gradient(1px 1px at 500px 140px,white,transparent),radial-gradient(1.5px 1.5px at 550px 20px,rgba(255,255,255,.7),transparent),radial-gradient(1px 1px at 600px 80px,white,transparent);background-repeat:repeat;background-size:600px 200px;animation:twinkle 3s ease-in-out infinite alternate;pointer-events:none;z-index:1}@keyframes twinkle{0%{opacity:.5}to{opacity:1}}.footer{padding:3rem 2rem;background:#001020;text-align:center}.footer-content{max-width:600px;margin:0 auto}.footer-brand{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:.5rem}.footer-logo{font-size:2rem}.footer-name{font-size:1.5rem;font-weight:700;color:#fff}.footer-tagline{color:#fff9;font-style:italic;margin:0 0 1.5rem}.footer-divider{width:60px;height:3px;background:linear-gradient(90deg,#00d4ff,#0f8);margin:0 auto 1.5rem;border-radius:3px}.footer-copyright{color:#ffffff80;font-size:.875rem;margin:0 0 .5rem}.footer-made-with{color:#fff6;font-size:.75rem;margin:0}.app{min-height:100vh;display:flex;flex-direction:column}main{flex:1}.blog-page{min-height:100vh;background:linear-gradient(180deg,#001a33,#036,#004d80);padding:2rem}.blog-header{max-width:900px;margin:0 auto 3rem;text-align:center}.blog-back-link{display:inline-block;color:#00d4ff;text-decoration:none;font-size:.9rem;margin-bottom:2rem;transition:color .2s ease}.blog-back-link:hover{color:#fff}.blog-title{font-size:3rem;font-weight:800;color:#fff;margin-bottom:.5rem;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.blog-subtitle{font-size:1.1rem;color:#ffffffb3;font-style:italic}.blog-list{max-width:900px;margin:0 auto;display:flex;flex-direction:column;gap:1.5rem}.blog-card{background:#ffffff0d;border-radius:16px;border:1px solid rgba(255,255,255,.1);overflow:hidden;transition:all .3s ease}.blog-card:hover{background:#ffffff14;border-color:#00d4ff4d;transform:translateY(-2px);box-shadow:0 10px 30px #0000004d}.blog-card-link{display:block;padding:1.5rem;text-decoration:none;color:inherit}.blog-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.blog-card-author{display:flex;align-items:center;gap:.5rem}.blog-card-author-icon{font-size:1.5rem}.blog-card-author-name{font-weight:600;color:#00d4ff;font-size:.9rem}.blog-card-date{font-size:.8rem;color:#ffffff80}.blog-card-title{font-size:1.5rem;font-weight:700;color:#fff;margin:0 0 .75rem;line-height:1.3}.blog-card-excerpt{font-size:1rem;color:#ffffffb3;line-height:1.6;margin:0 0 1rem}.blog-card-tags,.blog-post-tags{display:flex;flex-wrap:wrap;gap:.5rem}.blog-tag{font-size:.75rem;color:#00d4ffcc;background:#00d4ff1a;padding:.25rem .5rem;border-radius:4px}.blog-post{max-width:800px;margin:0 auto;background:#ffffff08;border-radius:20px;border:1px solid rgba(255,255,255,.1);padding:2.5rem}.blog-post-header{margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid rgba(255,255,255,.1)}.blog-post-title{font-size:2.5rem;font-weight:800;color:#fff;margin:0 0 1.5rem;line-height:1.2}.blog-post-meta{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}.blog-post-author{display:flex;align-items:center;gap:1rem}.blog-post-author-avatar{width:50px;height:50px;border-radius:50%;overflow:hidden;background:#00d4ff33;display:flex;align-items:center;justify-content:center}.blog-post-author-avatar img{width:100%;height:100%;object-fit:cover}.blog-post-author-icon{font-size:1.5rem}.blog-post-author-info{display:flex;flex-direction:column}.blog-post-author-name{font-weight:700;color:#00d4ff;font-size:1rem}.blog-post-author-role{font-size:.8rem;color:#ffffff80}.blog-post-date{font-size:.9rem;color:#ffffff80}.blog-post-content{color:#ffffffd9;line-height:1.8}.blog-content-paragraph{margin:0 0 1.5rem;font-size:1.05rem}.blog-content-header{font-size:1.25rem;font-weight:700;color:#00d4ff;margin:2rem 0 1rem}.blog-content-list{margin:0 0 1.5rem;padding-left:1.5rem}.blog-content-list li{margin-bottom:.5rem}.blog-signature{margin-top:2rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.1);font-style:italic;color:#fff9;font-size:.95rem}.sidequest-page .blog-title{background:linear-gradient(135deg,#ff9800,#ff5722);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sidequest-location{font-size:.85rem;color:#ff9800;margin-bottom:.5rem;font-weight:500}.sidequest-location-header{font-size:1rem;color:#ff9800;margin-bottom:.75rem;font-weight:600}.sidequest-card:hover{border-color:#ff98004d}.sidequest-tag{color:#ff9800e6;background:#ff980026}@media(max-width:768px){.blog-page{padding:1rem}.blog-title{font-size:2rem}.blog-card-link{padding:1.25rem}.blog-card-title{font-size:1.25rem}.blog-post{padding:1.5rem;border-radius:12px}.blog-post-title{font-size:1.75rem}.blog-post-meta{flex-direction:column;align-items:flex-start}.blog-content-paragraph{font-size:1rem}}