@import"https://fonts.googleapis.com/css2?family=Crimson+Pro:wght@400;600;700&display=swap";:root{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}body:not(.landing){font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}body:not(.landing) a{font-weight:500;color:#646cff;text-decoration:inherit}body:not(.landing) a:hover{color:#535bf2}body:not(.landing) h1{font-size:3.2em;line-height:1.1}body:not(.landing) button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;cursor:pointer;transition:border-color .25s}body:not(.landing) button:focus,body:not(.landing) button:focus-visible{outline:none}@media (prefers-color-scheme: light){body:not(.landing){color:#213547;background-color:#fff}body:not(.landing) a:hover{color:#747bff}}@font-face{font-family:Sebaldus-Gotisch;font-style:normal;font-weight:400;src:local("Sebaldus-Gotisch"),url(/fonts/Sebaldus-Gotisch.ttf) format("truetype");font-display:swap}@font-face{font-family:IM Fell DW Pica;font-style:normal;font-weight:400;src:local("IM Fell DW Pica"),url(/fonts/IMFellDWPica-Regular.ttf) format("truetype");font-display:swap}@font-face{font-family:IM Fell DW Pica;font-style:italic;font-weight:400;src:local("IM Fell DW Pica Italic"),url(/fonts/IMFellDWPica-Italic.ttf) format("truetype");font-display:swap}.landing{position:fixed;top:0;left:0;width:100%;height:100vh;overflow-y:auto;overflow-x:hidden;background:#0a0a0a;color:#d4c5b0;font-family:IM Fell DW Pica,Crimson Pro,Georgia,serif}.landing-bg{position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at 50% 20%,rgba(120,80,40,.12) 0%,transparent 50%),radial-gradient(ellipse at 50% 80%,rgba(60,40,20,.15) 0%,transparent 50%),linear-gradient(180deg,#0a0a0a,#1a1410,#0a0a0a);background-size:100% 100%}.landing-bg:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.3) 2px,rgba(0,0,0,.3) 4px),repeating-linear-gradient(90deg,transparent,transparent 2px,rgba(0,0,0,.3) 2px,rgba(0,0,0,.3) 4px);opacity:.03}.landing-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 30% 40%,rgba(180,120,60,.06) 0%,transparent 40%),radial-gradient(circle at 70% 60%,rgba(140,90,40,.04) 0%,transparent 40%);pointer-events:none}.landing-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:2rem 2rem 4rem;text-align:center}.landing-header{margin-bottom:3rem;display:flex;flex-direction:column;align-items:center}.game-title{margin:0;display:flex;flex-direction:column;align-items:center;gap:1rem}.title-main{font-family:Sebaldus-Gotisch,UnifrakturMaguntia,Grenze Gotisch,Crimson Pro,Georgia,serif;font-size:clamp(4.5rem,12vw,8rem);font-weight:400;letter-spacing:.05em;color:#f4e4c8;text-shadow:0 0 30px rgba(200,140,60,.5),0 4px 8px rgba(0,0,0,.8),0 0 60px rgba(180,120,40,.3);line-height:1.1}.title-sub{font-size:clamp(1rem,2.2vw,1.4rem);font-weight:400;letter-spacing:.25em;color:#9d8b7a;text-shadow:1px 2px 4px rgba(0,0,0,.8);font-style:normal;margin-top:.25rem}.landing-header:after{content:"";display:block;width:120px;height:1px;background:linear-gradient(90deg,transparent,#c89050,transparent);margin-top:2rem;box-shadow:0 0 8px #c88c5080}.landing-main{max-width:700px;margin:0 auto}.game-description{margin-bottom:3rem;padding:0 1rem}.tagline{font-size:clamp(1.15rem,2vw,1.35rem);color:#c8b8a8;margin-bottom:1.5rem;line-height:1.7;font-weight:400;font-family:IM Fell DW Pica,Crimson Pro,Georgia,serif;text-shadow:2px 2px 6px rgba(0,0,0,.9)}.lore{font-size:clamp(1rem,1.5vw,1.15rem);color:#9d8b7a;line-height:1.9;font-style:italic;font-family:IM Fell DW Pica,Crimson Pro,Georgia,serif;max-width:600px;margin:0 auto;text-shadow:1px 2px 4px rgba(0,0,0,.9);font-weight:400}.cta-section{margin-top:3rem;display:flex;flex-direction:column;align-items:center}.play-button{position:relative;display:inline-block;padding:1rem 3rem;font-size:1.25rem;font-weight:600;letter-spacing:.1em;color:#1a1410;background:linear-gradient(135deg,#d4a860,#b88840);border:2px solid #c89850;border-radius:4px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;text-decoration:none;box-shadow:0 4px 20px #c88c5066,inset 0 1px 2px #fff3;overflow:hidden}.play-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.play-button:hover{background:linear-gradient(135deg,#e4b870,#c89850);border-color:#d4a860;box-shadow:0 6px 30px #c88c5099,inset 0 1px 2px #ffffff4d;transform:translateY(-2px)}.play-button:hover:before{left:100%}.play-button:active{transform:translateY(0);box-shadow:0 2px 15px #c88c5080,inset 0 2px 4px #0000004d}.button-text{position:relative;z-index:2;text-shadow:1px 1px 2px rgba(0,0,0,.3)}.button-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:0;height:0;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.2),transparent);pointer-events:none;transition:width .3s,height .3s}.play-button:hover .button-glow{width:300px;height:300px}.nav-links{margin-top:1.5rem;display:flex;align-items:center;justify-content:center;gap:1rem;width:100%;max-width:600px}.nav-link{background:transparent;border:none;color:#c89850;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px;font-family:IM Fell DW Pica,Crimson Pro,Georgia,serif;padding:.25rem .5rem}.nav-link:hover{color:#e4b870;text-decoration-thickness:2px}.game-info{margin-top:2.5rem;display:flex;flex-direction:column;align-items:center;gap:.5rem}.platform-info{font-size:1.05rem;color:#c8b8a8;font-weight:400;font-family:IM Fell DW Pica,Crimson Pro,Georgia,serif;text-shadow:1px 2px 4px rgba(0,0,0,.8);margin:0}.client-info{font-size:.9rem;color:#8a7a6a;font-weight:400;font-family:IM Fell DW Pica,Crimson Pro,Georgia,serif;text-shadow:1px 2px 4px rgba(0,0,0,.8);margin:0;font-style:italic}@media (max-width: 768px){.landing-content{padding:1.5rem}.landing-header{margin-bottom:2rem}.landing-header:after{margin-top:1.5rem}.game-description{margin-bottom:2rem}.play-button{padding:.9rem 2.5rem;font-size:1.1rem}}.landing::-webkit-scrollbar{width:10px}.landing::-webkit-scrollbar-track{background:#0a0a0a80}.landing::-webkit-scrollbar-thumb{background:#c88c5066;border-radius:5px}.landing::-webkit-scrollbar-thumb:hover{background:#c88c5099}.arcade-button{position:fixed;bottom:2rem;right:2rem;display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem 1.5rem;background:linear-gradient(135deg,#c88c5099,#8c5a32b3);border:2px solid #c89850;border-radius:8px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 20px #c88c504d;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.arcade-button:hover{background:linear-gradient(135deg,#c88c50cc,#8c5a32e6);border-color:#e4b870;box-shadow:0 6px 30px #c88c5080;transform:translateY(-2px)}.arcade-button:active{transform:translateY(0)}.arcade-icon{font-size:2rem;line-height:1}.arcade-text{font-family:IM Fell DW Pica,Crimson Pro,Georgia,serif;font-size:1rem;font-weight:600;color:#e8dcc8;text-transform:uppercase;letter-spacing:.05em}@media (max-width: 768px){.arcade-button{bottom:1rem;right:1rem;padding:.75rem 1rem}.arcade-icon{font-size:1.5rem}.arcade-text{font-size:.85rem}}body:not(.landing) .vital-stats{display:flex;align-items:center;gap:.75rem;font-family:var(--terminal-font),Consolas,monospace;font-size:.9rem;line-height:1}body:not(.landing) .stat-item{display:flex;align-items:center;gap:.5rem;padding:.5rem .85rem;background:#0f0a14b3;border:1px solid rgba(120,80,160,.35);border-radius:4px;white-space:nowrap;transition:border-color .2s ease}body:not(.landing) .stat-item:nth-child(1){min-width:8.5rem}body:not(.landing) .stat-item:nth-child(2){min-width:8.5rem}body:not(.landing) .stat-item:nth-child(3){min-width:8rem}body:not(.landing) .stat-item:hover{border-color:#7850a099}body:not(.landing) .stat-label{color:#8a7a9a;font-weight:500;text-transform:uppercase;font-size:.8rem;letter-spacing:.04em}body:not(.landing) .stat-value{font-weight:600;letter-spacing:.02em}body:not(.landing) .stat-separator{color:#7850a04d;font-weight:300;-webkit-user-select:none;user-select:none}body:not(.landing) .vital-stats-empty{display:flex;align-items:center;justify-content:center;padding:.5rem 1rem;background:#0f0a1480;border:1px solid rgba(120,80,160,.2);border-radius:4px;min-width:200px}body:not(.landing) .stat-placeholder{color:#7850a04d;font-size:.85rem;letter-spacing:.1em}@media (max-width: 768px){body:not(.landing) .vital-stats{flex-direction:column;gap:.4rem;align-items:stretch}body:not(.landing) .stat-separator{display:none}body:not(.landing) .stat-item{justify-content:space-between}}@media (prefers-contrast: high){body:not(.landing) .stat-item{border-color:#7850a0cc;background:#0f0a14e6}body:not(.landing) .stat-label{color:#b0a0c0}}body:not(.landing) .inventory-panel{position:absolute;right:100%;bottom:.5rem;margin-right:1rem;display:flex;flex-direction:column;width:320px;min-width:280px;height:50%;background:transparent;font-family:var(--terminal-font),Consolas,monospace;font-size:.85rem;z-index:10;border-radius:4px;box-shadow:0 0 40px #c88c5033}body:not(.landing) .inventory-header{padding:.5rem .75rem;background:#0f0a14cc;border:1px solid rgba(200,152,80,.35);border-bottom:none;border-radius:4px 4px 0 0;color:#c89850;font-weight:600;text-transform:uppercase;font-size:.75rem;letter-spacing:.1em}body:not(.landing) .inventory-content{flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden;background:#0a080fb3;border:1px solid rgba(200,152,80,.35);border-top:none;border-radius:0 0 4px 4px}body:not(.landing) .inventory-items{flex:1;min-height:0;overflow-y:auto;padding:.5rem;scrollbar-width:thin;scrollbar-color:rgba(200,152,80,.4) transparent}body:not(.landing) .inventory-items::-webkit-scrollbar{width:6px}body:not(.landing) .inventory-items::-webkit-scrollbar-track{background:transparent}body:not(.landing) .inventory-items::-webkit-scrollbar-thumb{background-color:#c8985066;border-radius:3px}body:not(.landing) .inventory-item{display:flex;align-items:baseline;gap:.25rem;padding:1px 6px;color:#d0c8b8;font-size:15px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}body:not(.landing) .inventory-item:hover{background:#c8985026;border-radius:3px}body:not(.landing) .inventory-item.empty-message{color:#9d8b7a;font-style:italic}body:not(.landing) .held-indicator{color:#50c878;font-weight:700;margin-right:.2rem}body:not(.landing) .item-prefix{color:#9d8b7a;flex-shrink:0}body:not(.landing) .inv-item-name{overflow:hidden;text-overflow:ellipsis}body:not(.landing) .inventory-section{padding:.5rem .75rem;border-top:1px solid rgba(200,152,80,.25)}body:not(.landing) .section-label{color:#9d8b7a;font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem}body:not(.landing) .currency-value{color:#e4b870;font-weight:500}body:not(.landing) .weight-message{color:#b0a090;font-size:.8rem;font-style:italic;line-height:1.4}body:not(.landing) .inventory-empty{flex:1;display:flex;align-items:center;justify-content:center;padding:1rem;background:#0a080fb3;border:1px solid rgba(200,152,80,.35);border-top:none;border-radius:0 0 4px 4px}body:not(.landing) .inventory-placeholder{color:#c8985066;font-size:.8rem;font-style:italic}@media (max-width: 600px){body:not(.landing) .inventory-panel{display:none}}@media (max-width: 1400px){body:not(.landing) .inventory-panel{width:280px;min-width:240px}}@media (max-width: 1100px){body:not(.landing) .inventory-panel{width:240px;min-width:200px}}@media (max-width: 800px){body:not(.landing) .inventory-panel{width:200px;min-width:160px}}@media (prefers-contrast: high){body:not(.landing) .inventory-panel{background:#0a080ff2;border-color:#c8985099}body:not(.landing) .inventory-item{color:#e8e0d0}body:not(.landing) .section-label{color:#c8b8a0}}:root{--terminal-font: Consolas, monospace}body:not(.landing) *{margin:0;padding:0;box-sizing:border-box}body:not(.landing){background:linear-gradient(180deg,#0a0a0a,#1a1410,#0a0a0a);color:#ccc;font-family:var(--terminal-font);overflow:hidden}body:not(.landing) .app{width:100vw;height:100vh;display:flex;flex-direction:column;align-items:center}body:not(.landing) .game-layout{width:100%;height:100%;display:flex;justify-content:center;align-items:stretch;position:relative;padding:.5rem}body:not(.landing) .terminal-wrapper{position:relative;width:100%;max-width:1100px;height:100%;display:flex;flex-direction:column;box-shadow:0 0 40px #c88c5033}body:not(.landing) .terminal-toolbar{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1.5rem;background:linear-gradient(135deg,#1a1410,#1a1a1a);border-bottom:1px solid rgba(200,152,80,.3);min-height:50px;font-family:IM Fell DW Pica,Crimson Pro,Georgia,serif;gap:1rem}body:not(.landing) .home-button{background:transparent;border:none;color:#c89850;cursor:pointer;padding:.4rem .6rem;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .3s ease}body:not(.landing) .home-button:hover{background:#c88c5026;color:#e4b870}body:not(.landing) .terminal-title{font-size:1.25rem;font-weight:600;color:#f4e4c8;letter-spacing:.05em;text-shadow:0 0 10px rgba(200,140,80,.3);flex:1}body:not(.landing) .toolbar-actions{display:flex;align-items:center;gap:1rem}body:not(.landing) .reconnect-button{background:transparent;border:1px solid rgba(200,152,80,.4);color:#c89850;cursor:pointer;padding:.4rem .8rem;border-radius:4px;display:flex;align-items:center;gap:.5rem;font-size:.9rem;font-family:IM Fell DW Pica,Crimson Pro,Georgia,serif;transition:all .3s ease}body:not(.landing) .reconnect-button:hover:not(:disabled){background:#c88c5026;border-color:#c89850;color:#e4b870}body:not(.landing) .reconnect-button:disabled{opacity:.5;cursor:not-allowed;border-color:#c8985033;color:#6b5d50}body:not(.landing) .reconnect-button svg{flex-shrink:0}body:not(.landing) .terminal-container{flex:1;display:flex;flex-direction:column;padding:1rem;background-color:#000;overflow:hidden;cursor:text}body:not(.landing) .terminal-output{flex:1;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word;font-family:var(--terminal-font);font-size:14px;line-height:1.4;padding-bottom:.5rem;min-height:0}body:not(.landing) .terminal-output:before{content:"";flex:1}body:not(.landing) .terminal-line{margin:0;padding:0;padding-right:1rem;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word;word-break:break-word}body:not(.landing) .terminal-output::-webkit-scrollbar{width:8px}body:not(.landing) .terminal-output::-webkit-scrollbar-track{background:#111}body:not(.landing) .terminal-output::-webkit-scrollbar-thumb{background:#333;border-radius:4px}body:not(.landing) .terminal-output::-webkit-scrollbar-thumb:hover{background:#555}body:not(.landing) .terminal-input-form{display:flex;border-top:1px solid #333;padding-top:.5rem;padding-right:1rem}body:not(.landing) .terminal-input{flex:1;background-color:transparent;border:none;color:#ccc;font-family:var(--terminal-font);font-size:14px;outline:none;caret-color:#ccc;resize:none;overflow-y:auto;overflow-x:hidden;min-height:1.4em;max-height:6em;line-height:1.4}body:not(.landing) .terminal-input::-webkit-scrollbar{width:6px}body:not(.landing) .terminal-input::-webkit-scrollbar-track{background:#111}body:not(.landing) .terminal-input::-webkit-scrollbar-thumb{background:#333;border-radius:3px}body:not(.landing) .terminal-input::-webkit-scrollbar-thumb:hover{background:#555}body:not(.landing) .terminal-input.password-mode{-webkit-text-security:disc;text-security:disc}body:not(.landing) .password-reveal-button{background:transparent;border:1px solid rgba(200,152,80,.4);color:#c89850;cursor:pointer;padding:.3rem .5rem;margin-left:.5rem;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}body:not(.landing) .password-reveal-button:hover{background:#c88c5026;border-color:#c89850;color:#e4b870}body:not(.landing) .password-reveal-button:active{background:#c88c5040}body:not(.landing) .terminal-input::selection{background-color:#44475a;color:#f8f8f2}body:not(.landing) .terminal-vital-stats{margin-top:.75rem;padding-top:.75rem;border-top:1px solid rgba(200,152,80,.2)}body:not(.landing) .status-message{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;text-align:center;padding:2rem;font-family:Crimson Pro,Georgia,serif}body:not(.landing) .error-message{color:#e8a060}body:not(.landing) .error-message h2{color:#e4b870;margin-bottom:1rem;font-size:1.5rem}body:not(.landing) .error-hint{margin-top:1rem;color:#9d8b7a;font-size:.95rem;font-style:italic}body:not(.landing) .loading-message{color:#c8b8a8}body:not(.landing) .loading-message h2{color:#e8dcc8;margin-bottom:2rem;font-size:1.5rem}body:not(.landing) .loading-spinner{width:40px;height:40px;border:3px solid rgba(200,152,80,.2);border-top:3px solid #c89850;border-radius:50%;animation:spin 1s linear infinite}body:not(.landing) h2{margin-bottom:1rem}body:not(.landing) .font-selector{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:#9d8b7a;font-family:Crimson Pro,Georgia,serif}body:not(.landing) .font-selector label{margin:0}body:not(.landing) .font-select{background-color:#1a141099;color:#d4c5b0;border:1px solid rgba(200,152,80,.3);border-radius:4px;padding:.3rem .6rem;font-size:.85rem;cursor:pointer;outline:none;transition:all .2s ease}body:not(.landing) .font-select:hover{border-color:#c8985080;background-color:#1a1410cc}body:not(.landing) .font-select:focus{border-color:#c89850}body:not(.landing) .info-header{margin-bottom:2rem;display:flex;flex-direction:column;align-items:center;gap:1.5rem;width:100%}body:not(.landing) .back-button{align-self:flex-start;background:none;background-color:transparent;border:none;color:#c89850;cursor:pointer;padding:.5rem 0;border-radius:0;display:flex;align-items:center;gap:.5rem;font-size:.95rem;font-family:IM Fell DW Pica,Crimson Pro,Georgia,serif;transition:color .3s ease;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}body:not(.landing) .back-button:hover{background:none;background-color:transparent;border:none;color:#e4b870;text-decoration-thickness:2px}body:not(.landing) .page-title{font-size:clamp(2.5rem,6vw,3.5rem);font-weight:700;letter-spacing:.05em;color:#f4e4c8;text-shadow:0 0 30px rgba(200,140,60,.4),0 4px 8px rgba(0,0,0,.8);margin:0}body:not(.landing) .info-main{max-width:900px;margin:0 auto;width:100%}body:not(.landing) .info-section{margin-bottom:2.5rem;padding:0 1rem}body:not(.landing) .info-section h2{font-size:1.75rem;color:#d4c5b0;margin-bottom:1rem;font-weight:600;letter-spacing:.03em}body:not(.landing) .info-section p{font-size:1.1rem;color:#c8b8a8;line-height:1.8;margin-bottom:1rem}body:not(.landing) .feature-list{list-style:none;padding:0;margin:1.5rem 0}body:not(.landing) .feature-list li{padding:.75rem 0 .75rem 1.5rem;position:relative;color:#c8b8a8;font-size:1.05rem;line-height:1.6}body:not(.landing) .feature-list li:before{content:"▸";position:absolute;left:0;color:#c89850;font-weight:700}body:not(.landing) .feature-list strong{color:#e8dcc8;font-weight:600}body:not(.landing) .connection-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin:2rem 0;padding:0 1rem}body:not(.landing) .connection-card{background:#1a141066;border:1px solid rgba(200,152,80,.3);border-radius:8px;padding:2rem 1.5rem;display:flex;flex-direction:column;align-items:center;text-align:center;transition:all .3s ease}body:not(.landing) .connection-card:hover{background:#1a141099;border-color:#c8985080;transform:translateY(-4px);box-shadow:0 8px 20px #c88c5033}body:not(.landing) .card-icon{font-size:3rem;margin-bottom:1rem;filter:grayscale(.3)}body:not(.landing) .connection-card h3{font-size:1.4rem;color:#e8dcc8;margin-bottom:.75rem;font-weight:600}body:not(.landing) .card-description{font-size:1rem;color:#9d8b7a;line-height:1.6;margin-bottom:1.5rem}body:not(.landing) .connection-details{width:100%;background:#0000004d;border-radius:4px;padding:1rem;margin-top:1rem}body:not(.landing) .detail-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0}body:not(.landing) .detail-label{font-size:.9rem;color:#9d8b7a;font-weight:600}body:not(.landing) .detail-value{font-size:.95rem;color:#e4b870;background:#c88c5026;padding:.25rem .75rem;border-radius:4px;font-family:Courier New,monospace}body:not(.landing) .card-button{margin-top:1rem;padding:.75rem 2rem;background:linear-gradient(135deg,#d4a860,#b88840);border:2px solid #c89850;color:#1a1410;font-weight:600;font-size:1rem;border-radius:4px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.05em}body:not(.landing) .card-button:hover{background:linear-gradient(135deg,#e4b870,#c89850);transform:translateY(-2px);box-shadow:0 4px 15px #c88c5066}body:not(.landing) .client-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin:1.5rem 0;padding:0 1rem}body:not(.landing) .client-link{text-decoration:none;color:inherit}body:not(.landing) .client-card{background:#1a141066;border:1px solid rgba(200,152,80,.3);border-radius:8px;padding:1.5rem;transition:all .3s ease;cursor:pointer}body:not(.landing) .client-card:hover{background:#1a141099;border-color:#c89850;transform:translateY(-4px);box-shadow:0 6px 20px #c88c504d}body:not(.landing) .client-card h4{font-size:1.3rem;color:#e8dcc8;margin-bottom:.5rem;font-weight:600}body:not(.landing) .client-card p{font-size:.95rem;color:#9d8b7a;margin-bottom:1rem;line-height:1.5}body:not(.landing) .platform-tags{font-size:.85rem;color:#7d6d60;font-style:italic}body:not(.landing) .discord-widget{padding:0 1rem;margin:2rem 0}body:not(.landing) .discord-card{background:#1a141080;border:2px solid rgba(200,152,80,.4);border-radius:12px;padding:2rem;display:flex;flex-direction:column;align-items:center;gap:1.5rem;transition:all .3s ease;text-align:center}body:not(.landing) .discord-card:hover{border-color:#c89850;background:#1a1410b3;box-shadow:0 8px 30px #c88c504d}body:not(.landing) .discord-icon{flex-shrink:0}body:not(.landing) .discord-content{width:100%;display:flex;flex-direction:column;align-items:center}body:not(.landing) .discord-content h3{font-size:1.5rem;color:#e8dcc8;margin-bottom:.5rem;font-weight:600}body:not(.landing) .discord-content p{font-size:1rem;color:#9d8b7a;margin-bottom:1.5rem}body:not(.landing) .discord-button{display:inline-block;padding:.75rem 1.5rem;background:linear-gradient(135deg,#d4a860,#b88840);color:#1a1410;text-decoration:none;border-radius:4px;font-weight:600;transition:all .3s ease;border:2px solid #c89850;cursor:pointer;font-size:1rem}body:not(.landing) .discord-button:hover{background:linear-gradient(135deg,#e4b870,#c89850);transform:translateY(-2px);box-shadow:0 4px 15px #c88c5066}body:not(.landing) .cta-buttons{display:flex;justify-content:center;gap:1.5rem;margin-top:3rem;margin-bottom:4rem;padding-bottom:2rem;flex-wrap:wrap}body:not(.landing) .primary-button,body:not(.landing) .secondary-button{padding:1rem 2.5rem;font-size:1.1rem;font-weight:600;letter-spacing:.05em;border-radius:4px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;border:2px solid;font-family:IM Fell DW Pica,Crimson Pro,Georgia,serif}body:not(.landing) .primary-button{background:linear-gradient(135deg,#d4a860,#b88840);border-color:#c89850;color:#1a1410}body:not(.landing) .primary-button:hover{background:linear-gradient(135deg,#e4b870,#c89850);transform:translateY(-2px);box-shadow:0 6px 20px #c88c5066}body:not(.landing) .secondary-button{background:transparent;border-color:#c89850;color:#e8dcc8}body:not(.landing) .secondary-button:hover{background:#c88c5026;border-color:#e4b870;color:#fff;transform:translateY(-2px)}@media (max-width: 768px){body:not(.landing) .connection-options{grid-template-columns:1fr}body:not(.landing) .client-grid{grid-template-columns:1fr}body:not(.landing) .cta-buttons{flex-direction:column;align-items:stretch}body:not(.landing) .primary-button,body:not(.landing) .secondary-button{width:100%}}body:not(.landing) .library-subtitle{font-size:1.2rem;color:#9d8b7a;font-style:italic;font-weight:400;margin-top:-.5rem;text-align:center}body:not(.landing) .lore-tabs{display:flex;justify-content:center;gap:.5rem;margin:2rem 0;flex-wrap:wrap;padding:0 1rem}body:not(.landing) .lore-tab{background:#1a141066;border:1px solid rgba(200,152,80,.3);color:#9d8b7a;padding:.75rem 1.5rem;border-radius:4px;cursor:pointer;font-size:1rem;font-family:IM Fell DW Pica,Crimson Pro,Georgia,serif;font-weight:600;transition:all .3s ease;text-transform:uppercase;letter-spacing:.05em}body:not(.landing) .lore-tab:hover{background:#1a141099;border-color:#c8985080;color:#c8b8a8}body:not(.landing) .lore-tab.active{background:linear-gradient(135deg,#d4a860,#b88840);border-color:#c89850;color:#1a1410;box-shadow:0 4px 15px #c88c504d}body:not(.landing) .lore-content{animation:fadeIn .4s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}body:not(.landing) .lore-intro{background:linear-gradient(135deg,#c88c501f,#1a14104d);border-left:4px solid #c89850;padding:2rem!important;border-radius:8px;margin-bottom:3rem!important}body:not(.landing) .philosophy-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;margin:2rem 0;padding:0 1rem}body:not(.landing) .philosophy-card{background:#1a142080;border:2px solid;border-radius:12px;padding:2rem;transition:all .3s ease}body:not(.landing) .chaos-card{border-color:#c8507866;background:linear-gradient(135deg,#3c14284d,#1a142080)}body:not(.landing) .chaos-card:hover{border-color:#c85078b3;box-shadow:0 8px 30px #c850784d;transform:translateY(-4px)}body:not(.landing) .order-card{border-color:#5078c866;background:linear-gradient(135deg,#141e3c4d,#1a142080)}body:not(.landing) .order-card:hover{border-color:#5078c8b3;box-shadow:0 8px 30px #5078c84d;transform:translateY(-4px)}body:not(.landing) .philosophy-symbol{font-size:3.5rem;text-align:center;margin-bottom:1rem;filter:drop-shadow(0 0 10px currentColor)}body:not(.landing) .chaos-card .philosophy-symbol{color:#c85078}body:not(.landing) .order-card .philosophy-symbol{color:#5078c8}body:not(.landing) .philosophy-card h3{font-size:2rem;color:#e8dcc8;text-align:center;margin-bottom:1.5rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}body:not(.landing) .philosophy-content h4{font-size:1.3rem;color:#d4c5b0;margin-top:1.5rem;margin-bottom:.75rem;font-weight:600;border-bottom:1px solid rgba(200,152,80,.3);padding-bottom:.5rem}body:not(.landing) .philosophy-content h4:first-child{margin-top:0}body:not(.landing) .philosophy-content p{font-size:1rem;color:#c8b8a8;line-height:1.7;margin-bottom:1rem}body:not(.landing) .philosophy-content .feature-list{margin:1rem 0}body:not(.landing) .heritage-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;margin:2rem 0;padding:0 1rem}body:not(.landing) .heritage-card{background:#1a141080;border:1px solid rgba(200,152,80,.3);border-radius:10px;padding:1.5rem;transition:all .3s ease;display:flex;flex-direction:column;gap:.75rem}body:not(.landing) .heritage-card:hover{background:#1a1410b3;border-color:#c89850;transform:translateY(-6px);box-shadow:0 10px 30px #c88c504d}body:not(.landing) .heritage-card h3{font-size:1.6rem;color:#e8dcc8;margin:0;font-weight:700;display:flex;align-items:center;gap:.5rem}body:not(.landing) .heritage-trait{font-size:.9rem;color:#c89850;font-style:italic;font-weight:600;text-transform:uppercase;letter-spacing:.05em}body:not(.landing) .heritage-card p{font-size:.95rem;color:#c8b8a8;line-height:1.6;margin:0;flex-grow:1}body:not(.landing) .world-regions{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin:2rem 0;padding:0 1rem}body:not(.landing) .region-card{background:#1a141080;border:1px solid rgba(200,152,80,.3);border-radius:8px;padding:1.5rem;transition:all .3s ease}body:not(.landing) .region-card:hover{background:#1a1410b3;border-color:#c89850;transform:translateY(-4px);box-shadow:0 8px 25px #c88c5040}body:not(.landing) .region-card h3{font-size:1.5rem;color:#e8dcc8;margin-bottom:.5rem;font-weight:700}body:not(.landing) .region-type{font-size:.85rem;color:#c89850;text-transform:uppercase;font-weight:600;letter-spacing:.1em;margin-bottom:1rem!important}body:not(.landing) .region-card p:not(.region-type){font-size:.95rem;color:#c8b8a8;line-height:1.6;margin:0}body:not(.landing) .lore-note{background:#c88c501a;border-left:4px solid #c89850;padding:1rem 1.5rem;margin:2rem 0!important;border-radius:4px;font-style:italic}body:not(.landing) .lore-note strong{color:#e4b870;font-style:normal}body:not(.landing) .lore-warning{background:#c8643c26;border:2px solid rgba(200,100,60,.4);color:#e8b8a8;padding:1rem 1.5rem;margin:2rem 0;border-radius:8px;font-size:1rem;line-height:1.6;display:flex;gap:1rem;align-items:flex-start}body:not(.landing) .lore-warning strong{color:#f8d8c8}@media (max-width: 768px){body:not(.landing) .lore-tabs{flex-direction:column;gap:.75rem}body:not(.landing) .lore-tab{width:100%}body:not(.landing) .philosophy-grid,body:not(.landing) .heritage-grid,body:not(.landing) .world-regions{grid-template-columns:1fr}body:not(.landing) .library-subtitle{font-size:1rem}body:not(.landing) .philosophy-card{padding:1.5rem}}@media (max-width: 480px){body:not(.landing) .lore-tabs{padding:0 .5rem}body:not(.landing) .philosophy-symbol{font-size:2.5rem}body:not(.landing) .heritage-card,body:not(.landing) .region-card{padding:1rem}}body:not(.landing) .minigame-page{position:fixed;top:0;left:0;width:100%;min-height:100vh;overflow-y:auto;overflow-x:hidden;background:linear-gradient(135deg,#0a0a0a,#1a0a1a,#0a0a0a);color:#fff;padding:20px}body:not(.landing) .minigame-header{max-width:1200px;margin:0 auto 40px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:20px;position:relative}body:not(.landing) .minigame-header h1{font-size:3rem;margin:0;background:linear-gradient(90deg,#f44,#8b0000,gold,#fff,#4d9fff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 30px rgba(255,68,68,.5);letter-spacing:3px;font-weight:700}body:not(.landing) .minigame-back-link{position:absolute;left:0;top:50%;transform:translateY(-50%);color:#999;text-decoration:none;font-size:1rem;transition:color .2s}body:not(.landing) .minigame-back-link:hover{color:#fff}body:not(.landing) .minigame-page .menu-screen{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:stretch}@media (max-width: 900px){body:not(.landing) .minigame-page .menu-screen{grid-template-columns:1fr}}body:not(.landing) .minigame-page .game-info{background:linear-gradient(135deg,#8b00004d,#4d004d33);padding:30px;border-radius:10px;border:2px solid #8b0000;box-shadow:0 0 20px #8b000080,inset 0 0 20px #8b00001a;margin-left:auto;margin-right:20px;max-width:550px}body:not(.landing) .minigame-page .game-info h2{margin-top:0;color:gold;text-shadow:0 0 10px rgba(255,215,0,.5)}body:not(.landing) .minigame-page .game-info ul{list-style:none;padding:0;margin:20px 0}body:not(.landing) .minigame-page .game-info li{padding:10px 0;border-bottom:1px solid rgba(139,0,0,.3);color:beige}body:not(.landing) .minigame-page .game-info li:last-child{border-bottom:none}body:not(.landing) .minigame-play-button{background:linear-gradient(135deg,gold,#ff8c00);color:#000;border:none;padding:15px 40px;font-size:1.2rem;font-weight:700;border-radius:8px;cursor:pointer;transition:transform .2s,box-shadow .2s;margin-top:20px;width:100%;text-shadow:0 1px 2px rgba(0,0,0,.3)}body:not(.landing) .minigame-play-button:hover{transform:translateY(-2px);box-shadow:0 5px 20px #ffd70099}body:not(.landing) .minigame-play-button:active{transform:translateY(0)}body:not(.landing) .minigame-page .leaderboard-section{background:linear-gradient(135deg,#4d9fff33,#ffffff1a);padding:30px;border-radius:10px;border:2px solid #4d9fff;box-shadow:0 0 20px #4d9fff66,inset 0 0 20px #4d9fff1a;margin-right:auto;margin-left:20px}body:not(.landing) .minigame-page .leaderboard-section h2,body:not(.landing) .minigame-page .leaderboard-section h3{margin-top:0;color:gold;text-shadow:0 0 10px rgba(255,215,0,.5)}body:not(.landing) .minigame-page .leaderboard-table{width:100%;border-collapse:collapse;margin-top:20px}body:not(.landing) .minigame-page .leaderboard-table th{background:#4d9fff33;padding:12px;text-align:left;font-weight:700;border-bottom:2px solid #4d9fff;color:#fff}body:not(.landing) .minigame-page .leaderboard-table td{padding:12px;border-bottom:1px solid rgba(77,159,255,.2);color:beige}body:not(.landing) .minigame-page .leaderboard-table tr:hover{background:#4d9fff1a}body:not(.landing) .minigame-page .no-scores{text-align:center;color:#999;padding:40px 20px;font-style:italic}body:not(.landing) .game-screen{max-width:1400px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:20px;padding:0 20px}body:not(.landing) .minigame-back-button{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2);padding:10px 30px;font-size:1rem;border-radius:6px;cursor:pointer;transition:background .2s}body:not(.landing) .minigame-back-button:hover{background:#fff3}body:not(.landing) .gameover-screen{max-width:600px;margin:0 auto;background:#ffffff0d;padding:40px;border-radius:10px;border:1px solid rgba(255,255,255,.1);text-align:center}body:not(.landing) .gameover-screen h2{font-size:2.5rem;color:#f44;margin-top:0}body:not(.landing) .final-stats{margin:30px 0;padding:20px;background:#ffffff0d;border-radius:8px}body:not(.landing) .final-stats p{font-size:1.3rem;margin:10px 0}body:not(.landing) .final-stats strong{color:#fa4;font-size:1.5rem}body:not(.landing) .submit-score{margin:30px 0}body:not(.landing) .submit-score h3{color:#4f4;margin-bottom:15px}body:not(.landing) .name-input{width:100%;max-width:300px;padding:12px;font-size:1rem;border:2px solid rgba(255,255,255,.2);background:#0000004d;color:#fff;border-radius:6px;margin-bottom:15px;text-align:center}body:not(.landing) .name-input:focus{outline:none;border-color:#4f4}body:not(.landing) .submit-button{background:linear-gradient(135deg,#4f4,#0c4);color:#000;border:none;padding:12px 30px;font-size:1rem;font-weight:700;border-radius:6px;cursor:pointer;transition:transform .2s,box-shadow .2s}body:not(.landing) .submit-button:hover{transform:translateY(-2px);box-shadow:0 5px 20px #4f46}body:not(.landing) .submit-button:active{transform:translateY(0)}body:not(.landing) .status{font-size:1.1rem;margin:20px 0;padding:15px;border-radius:6px}body:not(.landing) .status.success{background:#44ff441a;color:#4f4;border:1px solid #44ff44}body:not(.landing) .status.error{background:#ff44441a;color:#f44;border:1px solid #ff4444}body:not(.landing) .gameover-buttons{display:flex;gap:15px;justify-content:center;margin-top:30px;flex-wrap:wrap}body:not(.landing) .minigame-menu-button{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2);padding:12px 30px;font-size:1rem;border-radius:6px;cursor:pointer;transition:background .2s}body:not(.landing) .minigame-menu-button:hover{background:#fff3}body:not(.landing) .minigame-page .gameover-screen .leaderboard-section{margin-top:40px;text-align:left}body:not(.landing) .faction-select-screen{max-width:1200px;margin:0 auto;text-align:center}body:not(.landing) .faction-select-screen h2{font-size:2.5rem;margin-bottom:20px;background:linear-gradient(90deg,#4d9fff,gold,#8b0000);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 30px rgba(255,215,0,.5)}body:not(.landing) .faction-intro{font-size:1.2rem;color:beige;margin-bottom:40px;font-style:italic}body:not(.landing) .faction-cards{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-bottom:40px}@media (max-width: 900px){body:not(.landing) .faction-cards{grid-template-columns:1fr}}body:not(.landing) .faction-card{background:#00000080;border:3px solid transparent;border-radius:15px;padding:40px;cursor:pointer;transition:all .3s ease;text-align:left}body:not(.landing) .faction-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #000c}body:not(.landing) .order-card{border-color:#4d9fff;background:linear-gradient(135deg,#4d9fff33,#ffffff1a);box-shadow:0 0 20px #4d9fff4d,inset 0 0 20px #4d9fff1a}body:not(.landing) .order-card:hover{border-color:#fff;box-shadow:0 10px 30px #4d9fff99,0 0 40px #4d9fff66}body:not(.landing) .chaos-card{border-color:#8b0000;background:linear-gradient(135deg,#8b000066,#4d004d4d);box-shadow:0 0 20px #8b000080,inset 0 0 20px #8b000033}body:not(.landing) .chaos-card:hover{border-color:red;box-shadow:0 10px 30px #8b0000cc,0 0 40px #8b000099}body:not(.landing) .faction-card h3{font-size:2rem;margin-top:0;margin-bottom:15px}body:not(.landing) .order-card h3{color:#fff;text-shadow:0 0 10px rgba(77,159,255,.8)}body:not(.landing) .chaos-card h3{color:#f44;text-shadow:0 0 10px rgba(255,68,68,.8)}body:not(.landing) .faction-description{font-size:1.1rem;color:beige;margin-bottom:20px;line-height:1.6}body:not(.landing) .faction-traits{list-style:none;padding:0;margin:20px 0}body:not(.landing) .faction-traits li{padding:8px 0 8px 25px;position:relative;color:beige}body:not(.landing) .faction-traits li:before{content:"•";position:absolute;left:0;font-size:1.5rem;line-height:1}body:not(.landing) .order-card .faction-traits li:before{color:gold}body:not(.landing) .chaos-card .faction-traits li:before{color:#f44}body:not(.landing) .faction-button{width:100%;padding:15px;font-size:1.1rem;font-weight:700;border:none;border-radius:8px;cursor:pointer;margin-top:20px;transition:all .2s}body:not(.landing) .order-button{background:linear-gradient(135deg,#1e5ba8,#4d9fff);color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.4);border:2px solid #6bb3ff}body:not(.landing) .order-button:hover{background:linear-gradient(135deg,#4d9fff,#6bb3ff);transform:translateY(-2px);box-shadow:0 5px 20px #4d9fffcc}body:not(.landing) .chaos-button{background:linear-gradient(135deg,#8b0000,#4d004d);color:#fff}body:not(.landing) .chaos-button:hover{background:linear-gradient(135deg,#b30000,#6b0066);transform:translateY(-2px);box-shadow:0 5px 20px #8b0000cc}body:not(.landing) .arcade-page{position:fixed;top:0;left:0;width:100%;height:100vh;overflow-y:auto;overflow-x:hidden;background:linear-gradient(180deg,#0a0a0a,#12101a,#0a0a0a);color:#d4c5b0;font-family:Crimson Pro,Georgia,serif;padding:1.5rem}body:not(.landing) .arcade-header{max-width:1400px;margin:0 auto 1.5rem;position:relative;text-align:center}body:not(.landing) .arcade-back-button{position:absolute;left:0;top:50%;transform:translateY(-50%);background:transparent;border:1px solid rgba(120,80,160,.4);color:#9870c0;cursor:pointer;padding:.6rem 1.2rem;border-radius:4px;font-size:1rem;font-family:Crimson Pro,Georgia,serif;transition:all .3s ease}body:not(.landing) .arcade-back-button:hover{background:#7850a026;border-color:#9870c0;color:#b890e0}body:not(.landing) .arcade-title{font-size:clamp(2.5rem,6vw,4rem);font-weight:700;letter-spacing:.05em;color:#e8dcc8;text-shadow:0 0 30px rgba(120,80,160,.4),0 4px 8px rgba(0,0,0,.8);margin:0;display:flex;align-items:center;justify-content:center;gap:1rem}body:not(.landing) .arcade-icon-large{font-size:3.5rem;line-height:1}body:not(.landing) .arcade-games-grid{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;padding-bottom:2rem}@media (min-width: 768px){body:not(.landing) .arcade-games-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1200px){body:not(.landing) .arcade-games-grid{grid-template-columns:repeat(4,1fr)}}body:not(.landing) .compact-game-card{background:linear-gradient(135deg,#7850a026,#50326433);border:2px solid rgba(120,80,160,.3);border-radius:10px;padding:1.25rem;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;gap:.75rem;min-height:180px}body:not(.landing) .compact-game-card:hover{border-color:#7850a099;box-shadow:0 8px 24px #7850a066;transform:translateY(-4px)}body:not(.landing) .card-icon{font-size:2.5rem;text-align:center;line-height:1;filter:drop-shadow(0 0 8px rgba(120,80,160,.6))}body:not(.landing) .card-title{font-size:1.25rem;font-weight:700;color:#e8dcc8;margin:0;text-align:center;text-shadow:0 0 10px rgba(120,80,160,.3)}body:not(.landing) .card-description{font-size:.85rem;color:#9d8b7a;line-height:1.4;text-align:center;margin:0;flex-grow:1}body:not(.landing) .card-stats{display:flex;justify-content:center;align-items:center;gap:.5rem;flex-wrap:wrap;font-size:.9rem;margin-top:auto}body:not(.landing) .top-score{color:gold;font-weight:600;text-shadow:0 0 8px rgba(255,215,0,.5)}body:not(.landing) .faction-balance{color:#d4c5b0;font-weight:600;font-size:.85rem}body:not(.landing) .feature-badge{background:#7850a04d;padding:.25rem .6rem;border-radius:12px;font-size:.75rem;color:#d4c5b0;font-weight:600;border:1px solid rgba(120,80,160,.4)}body:not(.landing) .stat-loading{color:#9d8b7a;font-style:italic;font-size:.85rem}body:not(.landing) .no-score{color:#9870c0;font-weight:600;font-size:.85rem}body:not(.landing) .realm-card:hover{border-color:#8b0000;box-shadow:0 8px 24px #8b000080}body:not(.landing) .clicker-card:hover{border-color:#ff8c00;box-shadow:0 8px 24px #ffd70080}body:not(.landing) .pong-card:hover{border-color:#4d9fff;box-shadow:0 8px 24px #4d9fff80}body:not(.landing) .asteroids-card:hover{border-color:#5a9fd4;box-shadow:0 8px 24px #5a9fd480}body:not(.landing) .spaceinvaders-card:hover{border-color:#9c27b0;box-shadow:0 8px 24px #9c27b080}body:not(.landing) .kythos-card:hover{border-color:#ba68c8;box-shadow:0 8px 24px #ba68c880}body:not(.landing) .rps-card:hover{border-color:#2196f3;box-shadow:0 8px 24px #2196f380}body:not(.landing) .pets-card:hover{border-color:gold;box-shadow:0 8px 24px #ffd70080}body:not(.landing) .leaderboard-card{background:linear-gradient(135deg,#1a142099,#12101ab3);border:2px solid rgba(120,80,160,.3);border-radius:12px;padding:1.5rem;box-shadow:0 4px 20px #0000004d}body:not(.landing) .leaderboard-title{font-size:1.35rem;font-weight:600;color:#e8dcc8;margin:0 0 1rem;text-shadow:0 0 10px rgba(120,80,160,.3)}body:not(.landing) .leaderboard-table{width:100%;border-collapse:collapse}body:not(.landing) .leaderboard-table th{background:#7850a033;padding:.6rem;text-align:left;font-weight:600;border-bottom:2px solid rgba(120,80,160,.4);color:#e8dcc8;font-size:.9rem;text-transform:uppercase;letter-spacing:.05em}body:not(.landing) .leaderboard-table td{padding:.6rem;border-bottom:1px solid rgba(120,80,160,.15);color:#c8b8a8}body:not(.landing) .leaderboard-table tr:hover{background:#7850a01a}body:not(.landing) .leaderboard-table tr:last-child td{border-bottom:none}body:not(.landing) .rank-cell{font-weight:600;color:#9870c0}body:not(.landing) .player-cell{font-weight:500;color:#d4c5b0}body:not(.landing) .score-cell{font-weight:600;color:gold}body:not(.landing) .level-cell{font-weight:500;color:#9d8b7a}body:not(.landing) .loading-text{text-align:center;color:#9d8b7a;padding:2rem;font-style:italic}body:not(.landing) .no-scores{text-align:center;color:#6b5d50;padding:2rem;font-style:italic}@media (max-width: 768px){body:not(.landing) .arcade-page{padding:1rem}body:not(.landing) .arcade-header{margin-bottom:1rem}body:not(.landing) .arcade-back-button{position:static;transform:none;margin-bottom:1rem;display:block}body:not(.landing) .arcade-title{font-size:2rem;flex-direction:column;gap:.5rem}body:not(.landing) .arcade-icon-large{font-size:2.5rem}body:not(.landing) .arcade-games-grid{grid-template-columns:1fr;gap:.75rem}body:not(.landing) .compact-game-card{padding:1rem;min-height:160px}body:not(.landing) .card-icon{font-size:2rem}body:not(.landing) .card-title{font-size:1.1rem}body:not(.landing) .card-description{font-size:.8rem}}body:not(.landing) .arcade-page::-webkit-scrollbar{width:10px}body:not(.landing) .arcade-page::-webkit-scrollbar-track{background:#0a0a0a80}body:not(.landing) .arcade-page::-webkit-scrollbar-thumb{background:#7850a066;border-radius:5px}body:not(.landing) .arcade-page::-webkit-scrollbar-thumb:hover{background:#7850a099}body:not(.landing) .tug-of-war{display:flex;flex-direction:column;gap:1.5rem}body:not(.landing) .tug-stats{display:grid;grid-template-columns:1fr 1fr;gap:1rem}body:not(.landing) .tug-stat{text-align:center;padding:1rem;border-radius:8px;transition:all .3s ease}body:not(.landing) .order-stat{background:linear-gradient(135deg,#4d9fff26,#ffffff14);border:2px solid rgba(77,159,255,.3)}body:not(.landing) .order-stat:hover{border-color:#4d9fff80;box-shadow:0 0 15px #4d9fff4d}body:not(.landing) .chaos-stat{background:linear-gradient(135deg,#8b000040,#4d004d26);border:2px solid rgba(139,0,0,.4)}body:not(.landing) .chaos-stat:hover{border-color:#8b000099;box-shadow:0 0 15px #8b000066}body:not(.landing) .tug-label{font-size:1.2rem;font-weight:600;margin-bottom:.5rem;color:#e8dcc8}body:not(.landing) .tug-value{font-size:2rem;font-weight:700;margin-bottom:.25rem}body:not(.landing) .order-stat .tug-value{color:#4d9fff;text-shadow:0 0 10px rgba(77,159,255,.5)}body:not(.landing) .chaos-stat .tug-value{color:#f44;text-shadow:0 0 10px rgba(255,68,68,.5)}body:not(.landing) .tug-count{font-size:.9rem;color:#9d8b7a;font-style:italic}body:not(.landing) .tug-bar-container{position:relative;width:100%}body:not(.landing) .tug-bar{display:flex;width:100%;height:60px;border-radius:8px;overflow:hidden;box-shadow:0 4px 12px #0006,inset 0 2px 4px #0000004d;border:2px solid rgba(120,80,160,.3)}body:not(.landing) .tug-bar-order{background:linear-gradient(135deg,#4d9fff,#6bb3ff);display:flex;align-items:center;justify-content:center;transition:width .8s ease;position:relative;box-shadow:inset 0 0 20px #ffffff1a}body:not(.landing) .tug-bar-chaos{background:linear-gradient(135deg,#8b0000,#b30000);display:flex;align-items:center;justify-content:center;transition:width .8s ease;position:relative;box-shadow:inset 0 0 20px #0000004d}body:not(.landing) .tug-bar-label{font-size:1.1rem;font-weight:700;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.8);z-index:1}body:not(.landing) .tug-total{text-align:center;font-size:1rem;color:#c8b8a8;font-weight:500;padding:.75rem;background:#7850a01a;border-radius:6px;border:1px solid rgba(120,80,160,.2)}@media (max-width: 768px){body:not(.landing) .tug-stats{gap:.75rem}body:not(.landing) .tug-stat{padding:.75rem}body:not(.landing) .tug-label{font-size:1rem}body:not(.landing) .tug-value{font-size:1.5rem}body:not(.landing) .tug-count{font-size:.8rem}body:not(.landing) .tug-bar{height:50px}body:not(.landing) .tug-bar-label{font-size:.95rem}body:not(.landing) .tug-total{font-size:.9rem}}body:not(.landing) .leaderboard-table tr.faction-order{border-left:3px solid #5a9fd4}body:not(.landing) .leaderboard-table tr.faction-chaos{border-left:3px solid #ff4444}body:not(.landing) .faction-cell.order{color:#5a9fd4;text-shadow:0 0 8px rgba(90,159,212,.4)}body:not(.landing) .kythos-section .game-card-title{background:linear-gradient(90deg,#f44,#9c27b0,#4d9fff,gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:kythos-glow 4s ease-in-out infinite;background-size:300% auto}@keyframes kythos-glow{0%,to{background-position:0% center}50%{background-position:100% center}}body:not(.landing) .kythos-button{background:linear-gradient(135deg,#9c27b04d,#8b00004d,#4d9fff33);border-color:#9c27b0;color:#e8dcc8}body:not(.landing) .kythos-button:hover{background:linear-gradient(135deg,#9c27b080,#8b000080,#4d9fff66);border-color:#ba68c8;box-shadow:0 4px 20px #9c27b080,0 0 30px #8b00004d;transform:translateY(-2px)}body:not(.landing) .kythos-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:.75rem;margin-top:1rem}body:not(.landing) .kythos-features .feature-item{padding:.75rem 1rem;background:linear-gradient(135deg,#9c27b01a,#8b00001a,#4d9fff1a);border-left:3px solid rgba(156,39,176,.5);border-radius:4px;font-size:.95rem;color:#d4c5b0;transition:all .3s ease}body:not(.landing) .kythos-features .feature-item:hover{background:linear-gradient(135deg,#9c27b033,#8b000026,#4d9fff26);border-left-color:#9c27b0cc;transform:translate(5px);box-shadow:0 2px 8px #9c27b04d}body:not(.landing) .rps-section .game-card-title{background:linear-gradient(90deg,#ff6b35,#f7931e,gold,#4caf50,#2196f3,#9c27b0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:rainbow-shift 3s linear infinite;background-size:200% auto}@keyframes rainbow-shift{0%{background-position:0% center}to{background-position:200% center}}body:not(.landing) .rps-button{background:linear-gradient(135deg,#9c27b04d,#2196f34d);border-color:#9c27b0;color:#e8dcc8}body:not(.landing) .rps-button:hover{background:linear-gradient(135deg,#9c27b080,#2196f380);border-color:#ba68c8;box-shadow:0 4px 20px #9c27b066;transform:translateY(-2px)}body:not(.landing) .game-info-text{color:#9d8b7a;line-height:1.6;margin-bottom:1.5rem;font-size:1rem}body:not(.landing) .rps-rules{display:flex;flex-direction:column;gap:.75rem}body:not(.landing) .rule-item{background:#7850a01a;padding:.75rem 1rem;border-radius:6px;border-left:3px solid rgba(120,80,160,.4);color:#d4c5b0;font-size:1rem;transition:all .3s ease}body:not(.landing) .rule-item:hover{background:#7850a026;border-left-color:#9870c0;transform:translate(5px)}body:not(.landing) .pets-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:.75rem;margin-top:1rem}body:not(.landing) .feature-item{padding:.75rem 1rem;background:linear-gradient(135deg,#ff69b41a,#00bfff1a);border-left:3px solid rgba(255,215,0,.5);border-radius:4px;font-size:.95rem;color:#d4c5b0;transition:all .3s ease}body:not(.landing) .feature-item:hover{background:linear-gradient(135deg,#ff69b426,#00bfff26);border-left-color:#ffd700cc;transform:translate(5px);box-shadow:0 2px 8px #ffd70033}body:not(.landing) .pets-button{background:linear-gradient(135deg,#ff69b4,gold,#00bfff);border:2px solid rgba(255,215,0,.4)}body:not(.landing) .pets-button:hover{background:linear-gradient(135deg,#ff1493,orange,#1e90ff);box-shadow:0 6px 20px #ffd70066;border-color:#ffd70099}body:not(.landing) .clicker-game{position:fixed;top:0;left:0;width:100vw;height:100vh;overflow-y:auto;overflow-x:hidden;font-family:Crimson Pro,serif;transition:background .5s ease;-webkit-tap-highlight-color:transparent}body:not(.landing) .clicker-game *{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}body:not(.landing) .clicker-game.chaos{background:linear-gradient(135deg,#1a0a1e,#2d1b3d,#1a0a1e);color:#e6d5f0}body:not(.landing) .clicker-game.order{background:linear-gradient(135deg,#1a1510,#2d2416,#1a1510);color:#f5f0e6}body:not(.landing) .faction-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000f2;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .5s ease;padding:2vh;box-sizing:border-box}body:not(.landing) .faction-modal{max-width:min(800px,90vw);padding:clamp(2rem,5vw,3rem);text-align:center}body:not(.landing) .faction-modal h1{font-size:clamp(2rem,6vw,3rem);margin-bottom:2vh;background:linear-gradient(90deg,#b794f6,#f6ad55);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}body:not(.landing) .faction-modal-lore{font-size:clamp(1rem,2.5vw,1.2rem);margin-bottom:3vh;line-height:1.8;color:#ccc}body:not(.landing) .faction-buttons{display:flex;gap:2vw;justify-content:center;flex-wrap:wrap}body:not(.landing) .faction-button{flex:1;min-width:min(300px,100%);padding:clamp(1.5rem,3vw,2rem);border:3px solid;border-radius:12px;background:#00000080;cursor:pointer;transition:all .3s ease;font-family:Crimson Pro,serif;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}body:not(.landing) .faction-button.chaos{border-color:#b794f6;color:#e6d5f0}body:not(.landing) .faction-button.chaos:hover{background:#b794f633;transform:translateY(-5px);box-shadow:0 10px 30px #b794f666}body:not(.landing) .faction-button.order{border-color:#f6ad55;color:#f5f0e6}body:not(.landing) .faction-button.order:hover{background:#f6ad5533;transform:translateY(-5px);box-shadow:0 10px 30px #f6ad5566}body:not(.landing) .faction-button h2{font-size:clamp(1.5rem,3.5vw,2rem);margin-bottom:1vh}body:not(.landing) .faction-button p{font-size:clamp(.875rem,2vw,1rem);line-height:1.6;opacity:.9}body:not(.landing) .game-container{width:100%;max-width:min(1400px,95vw);margin:0 auto;padding:1vh 2vw 4vh 2vw;box-sizing:border-box}body:not(.landing) .clicker-header{width:100%;max-width:min(1400px,95vw);margin:0 auto 2vh;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:1rem;position:relative;padding:1vh 2vw;box-sizing:border-box}body:not(.landing) .clicker-title{font-size:clamp(1.5rem,5vw,3rem);margin:0;background:linear-gradient(90deg,#b794f6,#f6ad55);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 30px rgba(183,148,246,.5);letter-spacing:.15em;font-weight:700}body:not(.landing) .clicker-back-link{position:absolute;left:1vw;top:50%;transform:translateY(-50%);color:#999;text-decoration:none;font-size:clamp(.875rem,2vw,1rem);transition:color .2s;z-index:10}body:not(.landing) .clicker-back-link:hover{color:#fff}body:not(.landing) .game-header{text-align:center;padding:1vh 0 2vh;border-bottom:2px solid;margin-bottom:2vh}body:not(.landing) .clicker-game.chaos .game-header{border-color:#b794f64d}body:not(.landing) .clicker-game.order .game-header{border-color:#f6ad554d}body:not(.landing) .faction-banner{font-size:clamp(1.5rem,4vw,2.5rem);font-weight:700;margin-bottom:1vh;text-transform:uppercase;letter-spacing:.1em}body:not(.landing) .clicker-game.chaos .faction-banner{color:#b794f6;text-shadow:0 0 20px rgba(183,148,246,.5)}body:not(.landing) .clicker-game.order .faction-banner{color:#f6ad55;text-shadow:0 0 20px rgba(246,173,85,.5)}body:not(.landing) .resource-display{font-size:clamp(1.25rem,3vw,2rem);margin:1vh 0}body:not(.landing) .resource-count{font-weight:700;font-size:clamp(1.5rem,4vw,2.5rem)}body:not(.landing) .clicker-game.chaos .resource-count{color:#d8b4fe}body:not(.landing) .clicker-game.order .resource-count{color:#fbbf24}body:not(.landing) .per-second{font-size:clamp(1rem,2.5vw,1.5rem);opacity:.8;margin-top:.5vh}body:not(.landing) .prestige-display{font-size:clamp(.9rem,2vw,1.2rem);margin-top:.5vh;opacity:.9}body:not(.landing) .click-area{display:flex;justify-content:center;align-items:center;padding:2vh 0;position:relative;min-height:30vh}body:not(.landing) .click-symbol{width:min(250px,40vw);height:min(250px,40vw);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:min(6rem,15vw);cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .1s ease;position:relative;border:4px solid;z-index:1}body:not(.landing) .clicker-game.chaos .click-symbol{background:radial-gradient(circle,rgba(183,148,246,.3),transparent);border-color:#b794f6;color:#d8b4fe}body:not(.landing) .clicker-game.order .click-symbol{background:radial-gradient(circle,rgba(246,173,85,.3),transparent);border-color:#f6ad55;color:#fbbf24}body:not(.landing) .click-symbol:hover{transform:scale(1.05)}body:not(.landing) .click-symbol:active{transform:scale(.95)}body:not(.landing) .clicker-game.chaos .click-symbol:hover{box-shadow:0 0 40px #b794f699}body:not(.landing) .clicker-game.order .click-symbol:hover{box-shadow:0 0 40px #f6ad5599}body:not(.landing) .particle-canvas{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:0}body:not(.landing) .upgrades-section{margin:2vh 0;padding:clamp(1rem,3vw,2rem);border-radius:12px;background:#0000004d;position:relative;z-index:10}body:not(.landing) .upgrades-section h2{font-size:clamp(1.25rem,3vw,2rem);margin-bottom:1.5vh;text-transform:uppercase;letter-spacing:.05em}body:not(.landing) .upgrade-grid{display:grid;gap:clamp(1rem,2vw,1.5rem);grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr))}@media (max-width: 900px){body:not(.landing) .upgrade-grid{grid-template-columns:1fr}}body:not(.landing) .upgrade-item{padding:clamp(1rem,2.5vw,1.5rem);border-radius:8px;background:#0006;border:2px solid;transition:all .3s ease;position:relative;z-index:10}body:not(.landing) .clicker-game.chaos .upgrade-item{border-color:#b794f64d}body:not(.landing) .clicker-game.order .upgrade-item{border-color:#f6ad554d}body:not(.landing) .upgrade-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1vh}body:not(.landing) .upgrade-name{font-size:clamp(1rem,2.5vw,1.3rem);font-weight:600}body:not(.landing) .upgrade-level{font-size:clamp(.875rem,2vw,1rem);opacity:.7}body:not(.landing) .upgrade-description{font-size:clamp(.8rem,2vw,.95rem);opacity:.8;margin-bottom:1vh;line-height:1.5}body:not(.landing) .upgrade-button{width:100%;padding:clamp(.75rem,2vw,1rem);font-size:clamp(.9rem,2vw,1.1rem);font-weight:600;border:2px solid;border-radius:6px;cursor:pointer;transition:all .3s ease;font-family:Crimson Pro,serif;text-transform:uppercase;letter-spacing:.05em;position:relative;z-index:10;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}body:not(.landing) .clicker-game.chaos .upgrade-button{background:#b794f633;border-color:#b794f6;color:#e6d5f0}body:not(.landing) .clicker-game.chaos .upgrade-button:hover:not(:disabled){background:#b794f666;box-shadow:0 4px 15px #b794f666}body:not(.landing) .clicker-game.order .upgrade-button{background:#f6ad5533;border-color:#f6ad55;color:#f5f0e6}body:not(.landing) .clicker-game.order .upgrade-button:hover:not(:disabled){background:#f6ad5566;box-shadow:0 4px 15px #f6ad5566}body:not(.landing) .upgrade-button:disabled{opacity:.4;cursor:not-allowed}body:not(.landing) .upgrade-cost{font-size:clamp(1rem,2.5vw,1.2rem);font-weight:700}body:not(.landing) .prestige-section{margin:2vh 0;padding:clamp(1rem,3vw,2rem);border-radius:12px;background:#00000080;text-align:center;position:relative;z-index:10}body:not(.landing) .prestige-button{padding:clamp(1rem,2.5vw,1.5rem) clamp(2rem,5vw,3rem);font-size:clamp(1.1rem,3vw,1.5rem);font-weight:700;border:3px solid;border-radius:8px;cursor:pointer;transition:all .3s ease;font-family:Crimson Pro,serif;text-transform:uppercase;letter-spacing:.1em;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}body:not(.landing) .clicker-game.chaos .prestige-button{background:#dc26264d;border-color:#dc2626;color:#fecaca}body:not(.landing) .clicker-game.chaos .prestige-button:hover:not(:disabled){background:#dc262680;box-shadow:0 8px 25px #dc262680;transform:translateY(-2px)}body:not(.landing) .clicker-game.order .prestige-button{background:#f59e0b4d;border-color:#f59e0b;color:#fef3c7}body:not(.landing) .clicker-game.order .prestige-button:hover:not(:disabled){background:#f59e0b80;box-shadow:0 8px 25px #f59e0b80;transform:translateY(-2px)}body:not(.landing) .prestige-button:disabled{opacity:.3;cursor:not-allowed}body:not(.landing) .prestige-info{margin-top:1vh;font-size:clamp(.9rem,2.25vw,1.1rem);opacity:.8}body:not(.landing) .leaderboard-section{margin:2vh 0;padding:clamp(1rem,3vw,2rem);border-radius:12px;background:#0006;position:relative;z-index:10}body:not(.landing) .leaderboard-section h2{font-size:clamp(1.25rem,3vw,2rem);margin-bottom:1.5vh;text-align:center;text-transform:uppercase;letter-spacing:.05em}body:not(.landing) .faction-bars{margin:2vh 0}body:not(.landing) .faction-bar-item{margin:1vh 0}body:not(.landing) .faction-bar-header{display:flex;justify-content:space-between;margin-bottom:.5vh;font-size:clamp(1rem,2.5vw,1.2rem);font-weight:600}body:not(.landing) .faction-bar-bg{width:100%;height:clamp(30px,5vw,40px);background:#00000080;border-radius:20px;overflow:hidden;border:2px solid rgba(255,255,255,.1)}body:not(.landing) .faction-bar-fill{height:100%;transition:width .5s ease;display:flex;align-items:center;justify-content:flex-end;padding-right:1vw;font-weight:700;font-size:clamp(.875rem,2vw,1rem)}body:not(.landing) .faction-bar-fill.chaos{background:linear-gradient(90deg,#7c3aed,#b794f6)}body:not(.landing) .faction-bar-fill.order{background:linear-gradient(90deg,#d97706,#f6ad55)}body:not(.landing) .settings-section{margin:2vh 0 4vh;padding:clamp(1rem,2.5vw,1.5rem);border-radius:8px;background:#0000004d;display:flex;gap:1vw;flex-wrap:wrap;justify-content:center;position:relative;z-index:10}body:not(.landing) .settings-button{padding:clamp(.6rem,1.5vw,.8rem) clamp(1rem,2.5vw,1.5rem);font-size:clamp(.875rem,2vw,1rem);border:2px solid rgba(255,255,255,.3);border-radius:6px;background:#0006;color:#ccc;cursor:pointer;transition:all .3s ease;font-family:Crimson Pro,serif;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}body:not(.landing) .settings-button:hover{background:#ffffff1a;border-color:#ffffff80}body:not(.landing) .offline-notification{position:fixed;top:2vh;right:2vw;padding:clamp(1rem,2.5vw,1.5rem);background:#000000e6;border:2px solid #4ade80;border-radius:8px;color:#fff;font-size:clamp(.9rem,2.25vw,1.1rem);z-index:1000;animation:fadeIn .5s ease;max-width:min(400px,90vw)}@media (max-width: 768px){body:not(.landing) .game-container{padding:.5vh 2vw 4vh 2vw}body:not(.landing) .clicker-header{padding:.5vh 2vw;margin-bottom:1vh}body:not(.landing) .clicker-back-link{left:2vw}body:not(.landing) .faction-buttons{flex-direction:column}body:not(.landing) .faction-button{min-width:100%}body:not(.landing) .click-area{min-height:25vh}}@media (max-width: 480px){body:not(.landing) .clicker-title{font-size:clamp(1.25rem,6vw,2rem)}body:not(.landing) .click-symbol{width:min(200px,50vw);height:min(200px,50vw);font-size:min(5rem,20vw)}}body:not(.landing) .pong-container{position:fixed;top:0;left:0;width:100%;min-height:100vh;overflow-y:auto;overflow-x:hidden;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#0a0a0a,#1a1a2e,#0a0a0a);padding:20px;color:#fff}body:not(.landing) .pong-game-wrapper{display:flex;flex-direction:column;align-items:center;gap:20px;max-width:1200px;margin:0 auto}body:not(.landing) .pong-back-button{align-self:flex-start;color:#999;background:transparent;border:none;font-size:1rem;cursor:pointer;transition:color .2s;padding:10px 15px}body:not(.landing) .pong-back-button:hover{color:#fff}body:not(.landing) .pong-menu{background:#141428e6;border:2px solid #4a9eff;border-radius:20px;padding:40px;max-width:800px;width:100%;box-shadow:0 0 50px #4a9eff4d}body:not(.landing) .pong-title{font-size:4em;text-align:center;margin:0 0 10px;background:linear-gradient(45deg,#4a9eff,#ff6b6b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 30px rgba(74,158,255,.5);font-family:Arial Black,sans-serif;letter-spacing:3px}body:not(.landing) .pong-subtitle{text-align:center;color:#aaa;font-size:1.2em;margin:0 0 40px;font-style:italic}body:not(.landing) .pong-settings{display:flex;flex-direction:column;gap:30px}body:not(.landing) .setting-group{display:flex;flex-direction:column;gap:15px}body:not(.landing) .setting-group label{color:#fff;font-size:1.3em;font-weight:700;text-transform:uppercase;letter-spacing:1px}body:not(.landing) .team-buttons{display:grid;grid-template-columns:1fr 1fr;gap:20px}body:not(.landing) .team-button{display:flex;flex-direction:column;align-items:center;gap:10px;padding:30px 20px;font-size:1.5em;font-weight:700;border:3px solid transparent;border-radius:15px;background:#1e1e3299;color:#fff;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}body:not(.landing) .team-button:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,transparent,rgba(255,255,255,.1),transparent);transform:translate(-100%);transition:transform .6s}body:not(.landing) .team-button:hover:before{transform:translate(100%)}body:not(.landing) .team-button.order{border-color:#4a9eff}body:not(.landing) .team-button.chaos{border-color:#ff4a4a}body:not(.landing) .team-button.order.selected{background:#4a9eff4d;box-shadow:0 0 30px #4a9eff80;transform:scale(1.05)}body:not(.landing) .team-button.chaos.selected{background:#ff4a4a4d;box-shadow:0 0 30px #ff4a4a80;transform:scale(1.05)}body:not(.landing) .team-button:hover{transform:translateY(-3px)}body:not(.landing) .team-button.selected:hover{transform:scale(1.05) translateY(-3px)}body:not(.landing) .team-desc{font-size:.5em;font-weight:400;color:#aaa;font-style:italic}body:not(.landing) .difficulty-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}body:not(.landing) .difficulty-button{padding:15px 20px;font-size:1.1em;font-weight:700;border:2px solid #666;border-radius:10px;background:#1e1e3299;color:#fff;cursor:pointer;transition:all .3s ease;text-transform:uppercase}body:not(.landing) .difficulty-button:hover{border-color:#4a9eff;background:#4a9eff33;transform:translateY(-2px)}body:not(.landing) .difficulty-button.selected{border-color:#4a9eff;background:#4a9eff4d;box-shadow:0 0 20px #4a9eff66}body:not(.landing) .username-input{padding:15px 20px;font-size:1.1em;border:2px solid #666;border-radius:10px;background:#1e1e3299;color:#fff;transition:all .3s ease}body:not(.landing) .username-input:focus{outline:none;border-color:#4a9eff;box-shadow:0 0 20px #4a9eff4d}body:not(.landing) .username-input::placeholder{color:#666}body:not(.landing) .start-button{padding:20px 40px;font-size:1.5em;font-weight:700;border:3px solid #4a9eff;border-radius:15px;background:linear-gradient(135deg,#4a9eff,#6b6bff);color:#fff;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:2px;margin-top:10px;box-shadow:0 5px 20px #4a9eff66}body:not(.landing) .start-button:hover{transform:translateY(-3px);box-shadow:0 8px 30px #4a9eff99;background:linear-gradient(135deg,#5aaaff,#7b7bff)}body:not(.landing) .start-button:active{transform:translateY(-1px)}body:not(.landing) .controls-info{background:#0a0a1480;border:1px solid #333;border-radius:10px;padding:20px;margin-top:10px}body:not(.landing) .controls-info h3{margin:0 0 15px;color:#4a9eff;font-size:1.2em;text-transform:uppercase}body:not(.landing) .controls-info p{margin:8px 0;color:#ccc;font-size:1em}body:not(.landing) .pong-leaderboard{margin-top:40px;background:#0a0a1480;border:1px solid #333;border-radius:10px;padding:20px}body:not(.landing) .pong-leaderboard h2{margin:0 0 20px;color:#4a9eff;text-align:center;font-size:1.8em;text-transform:uppercase;letter-spacing:2px}body:not(.landing) .pong-leaderboard table{width:100%;border-collapse:collapse}body:not(.landing) .pong-leaderboard thead{background:#4a9eff33}body:not(.landing) .pong-leaderboard th{padding:12px;text-align:left;color:#4a9eff;font-weight:700;text-transform:uppercase;font-size:.9em;letter-spacing:1px}body:not(.landing) .pong-leaderboard td{padding:10px 12px;color:#ccc;border-bottom:1px solid #333}body:not(.landing) .pong-leaderboard tbody tr:hover{background:#4a9eff1a}body:not(.landing) .pong-leaderboard tbody tr:nth-child(1) td:first-child{color:gold;font-weight:700;font-size:1.2em}body:not(.landing) .pong-leaderboard tbody tr:nth-child(2) td:first-child{color:silver;font-weight:700;font-size:1.1em}body:not(.landing) .pong-leaderboard tbody tr:nth-child(3) td:first-child{color:#cd7f32;font-weight:700;font-size:1.05em}body:not(.landing) .difficulty-easy{color:#4ade80!important}body:not(.landing) .difficulty-medium{color:#fbbf24!important}body:not(.landing) .difficulty-hard{color:#ef4444!important}body:not(.landing) .team-order{color:#4a9eff!important;font-weight:700}body:not(.landing) .team-chaos{color:#ff4a4a!important;font-weight:700}body:not(.landing) .pong-canvas{border:3px solid #4a9eff;border-radius:10px;box-shadow:0 0 50px #4a9eff80;background:#000}body:not(.landing) .pong-controls-display{display:flex;gap:30px;justify-content:center;flex-wrap:wrap;padding:15px 30px;background:#141428b3;border:1px solid #333;border-radius:10px;max-width:800px}body:not(.landing) .control-item{display:flex;align-items:center;gap:10px}body:not(.landing) .control-key{padding:6px 12px;background:#4a9eff33;border:2px solid #4a9eff;border-radius:5px;color:#4a9eff;font-weight:700;font-size:.9em;min-width:50px;text-align:center}body:not(.landing) .control-action{color:#ccc;font-size:.95em}@media (max-width: 768px){body:not(.landing) .pong-title{font-size:2.5em}body:not(.landing) .team-buttons{grid-template-columns:1fr}body:not(.landing) .difficulty-buttons{grid-template-columns:1fr}body:not(.landing) .pong-menu{padding:20px}body:not(.landing) .pong-canvas{max-width:100%;height:auto}body:not(.landing) .pong-controls-display{gap:15px;padding:12px 20px}body:not(.landing) .control-item{flex-direction:column;gap:5px;text-align:center}body:not(.landing) .pong-game-wrapper{gap:15px}}body:not(.landing) .rps-container{position:fixed;top:0;left:0;width:100vw;height:100vh;overflow-y:auto;overflow-x:hidden;font-family:Crimson Pro,Georgia,serif;padding:2vh 2vw;box-sizing:border-box}body:not(.landing) .rps-container.rps-order{background:linear-gradient(135deg,#1a1510,#2d2416,#1a1510);color:#f5f0e6}body:not(.landing) .rps-container.rps-chaos{background:linear-gradient(135deg,#1a0a1e,#2d1b3d,#1a0a1e);color:#e6d5f0}body:not(.landing) .rps-faction-select{max-width:900px;margin:5vh auto;text-align:center;color:#fff}body:not(.landing) .rps-faction-select h1{font-size:clamp(2.5rem,6vw,4rem);margin-bottom:1rem;font-weight:700;letter-spacing:.02em;background:linear-gradient(90deg,#b794f6,#f6ad55);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:none}body:not(.landing) .rps-faction-select h2{font-size:clamp(1.2rem,3vw,1.8rem);margin-bottom:3rem;opacity:.7;font-weight:400;font-style:italic}body:not(.landing) .faction-buttons{display:flex;gap:2rem;justify-content:center;flex-wrap:wrap}body:not(.landing) .faction-btn{flex:1;min-width:min(280px,100%);max-width:400px;padding:2.5rem 2rem;font-size:1.2rem;border:3px solid;border-radius:12px;cursor:pointer;transition:all .3s ease;background:#00000080;font-family:Crimson Pro,Georgia,serif}body:not(.landing) .faction-btn:hover{transform:translateY(-5px)}body:not(.landing) .order-btn{border-color:#f6ad55;color:#f5f0e6}body:not(.landing) .order-btn:hover{background:#f6ad5533;box-shadow:0 10px 30px #f6ad5566}body:not(.landing) .chaos-btn{border-color:#b794f6;color:#e6d5f0}body:not(.landing) .chaos-btn:hover{background:#b794f633;box-shadow:0 10px 30px #b794f666}body:not(.landing) .faction-name{font-size:2rem;font-weight:700;margin-bottom:.75rem;letter-spacing:.05em}body:not(.landing) .faction-desc{font-size:1rem;opacity:.85;line-height:1.6;font-style:italic}body:not(.landing) .rps-game{max-width:1000px;margin:0 auto;background:#0006;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:2rem;box-shadow:0 8px 32px #0009;border:2px solid rgba(255,255,255,.1);color:inherit}body:not(.landing) .rps-order .rps-game{border-color:#f6ad554d;box-shadow:0 8px 32px #f6ad5526}body:not(.landing) .rps-chaos .rps-game{border-color:#b794f64d;box-shadow:0 8px 32px #b794f626}body:not(.landing) .rps-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid rgba(255,255,255,.1)}body:not(.landing) .rps-order .rps-header{border-bottom-color:#f6ad5533}body:not(.landing) .rps-chaos .rps-header{border-bottom-color:#b794f633}body:not(.landing) .rps-header h1{font-size:clamp(1.5rem,4vw,2.2rem);margin:0;font-weight:700;letter-spacing:.03em}body:not(.landing) .stats-display{display:flex;gap:.75rem;flex-wrap:wrap}body:not(.landing) .stat-compact{padding:.6rem 1rem;border-radius:6px;font-weight:700;font-size:1rem;min-width:55px;text-align:center;border:2px solid;background:#0000004d}body:not(.landing) .stat-compact.win{border-color:#4caf50;color:#81c784}body:not(.landing) .stat-compact.tie{border-color:#ff9800;color:#ffb74d}body:not(.landing) .stat-compact.loss{border-color:#f44336;color:#e57373}body:not(.landing) .battle-area{margin-bottom:2rem;min-height:380px}body:not(.landing) .battle-split{display:grid;grid-template-columns:1fr auto 1fr;gap:0;border-radius:12px;overflow:hidden;box-shadow:0 4px 20px #00000080;min-height:250px;border:2px solid rgba(0,0,0,.5)}body:not(.landing) .player-side,body:not(.landing) .ai-side{padding:2rem;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;background:#0000004d}body:not(.landing) .side-order{background:linear-gradient(135deg,#f6ad5526,#8b5a2b33);border:2px solid rgba(246,173,85,.3);box-shadow:inset 0 0 40px #f6ad551a}body:not(.landing) .side-chaos{background:linear-gradient(135deg,#b794f626,#6b46c133);border:2px solid rgba(183,148,246,.3);box-shadow:inset 0 0 40px #b794f61a}body:not(.landing) .side-label{position:absolute;top:1rem;font-size:1.1rem;font-weight:600;opacity:.9;letter-spacing:.08em;text-transform:uppercase;font-size:.95rem}body:not(.landing) .side-order .side-label{color:#f6ad55;text-shadow:0 0 15px rgba(246,173,85,.6)}body:not(.landing) .side-chaos .side-label{color:#b794f6;text-shadow:0 0 15px rgba(183,148,246,.6)}body:not(.landing) .choice-display-wrapper{display:flex;flex-direction:column;align-items:center;gap:1rem}body:not(.landing) .choice-icon-large{font-size:6rem;animation:pulse .5s ease-in-out;filter:drop-shadow(0 0 10px rgba(0,0,0,.5))}body:not(.landing) .choice-sublabel{font-size:1.2rem;opacity:.7;font-weight:500;font-style:italic}body:not(.landing) .vs-divider{display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#0009,#000c);min-width:80px;position:relative;border-left:1px solid rgba(255,255,255,.1);border-right:1px solid rgba(255,255,255,.1)}body:not(.landing) .vs-text{font-size:1.8rem;font-weight:700;opacity:.5;letter-spacing:.1em;color:#666}body:not(.landing) .result-area{height:100px;display:flex;align-items:center;justify-content:center;margin-top:1.5rem}body:not(.landing) .result-message{text-align:center;font-size:1.6rem;font-weight:600;padding:1rem 2rem;border-radius:8px;animation:slideIn .3s ease-out;width:100%;max-height:100%;display:flex;align-items:center;justify-content:center;letter-spacing:.02em;font-style:italic;border:2px solid}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}body:not(.landing) .result-win{background:#4caf5026;border-color:#4caf50;color:#81c784;box-shadow:0 0 25px #4caf504d}body:not(.landing) .result-lose{background:#f4433626;border-color:#f44336;color:#e57373;box-shadow:0 0 25px #f443364d}body:not(.landing) .result-tie{background:#ff980026;border-color:#ff9800;color:#ffb74d;box-shadow:0 0 25px #ff98004d}body:not(.landing) .controls{margin-bottom:1.5rem;min-height:120px;display:flex;align-items:stretch}body:not(.landing) .choice-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;width:100%}body:not(.landing) .choice-btn{padding:2rem 1rem;font-size:1.2rem;border:2px solid;border-radius:8px;cursor:pointer;transition:all .3s ease;background:#ffffff0d;color:inherit;font-weight:600;height:100%;font-family:Crimson Pro,Georgia,serif}body:not(.landing) .rps-order .choice-btn{border-color:#f6ad554d}body:not(.landing) .rps-chaos .choice-btn{border-color:#b794f64d}body:not(.landing) .choice-btn:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 5px 20px #0006}body:not(.landing) .rps-order .choice-btn:hover:not(:disabled){background:#f6ad5526;border-color:#f6ad55}body:not(.landing) .rps-chaos .choice-btn:hover:not(:disabled){background:#b794f626;border-color:#b794f6}body:not(.landing) .choice-btn:disabled{opacity:.4;cursor:not-allowed}body:not(.landing) .reset-btn{width:100%;padding:2rem;font-size:1.3rem;border:2px solid;border-radius:8px;cursor:pointer;transition:all .3s ease;font-weight:600;height:100%;display:flex;align-items:center;justify-content:center;font-family:Crimson Pro,Georgia,serif;background:#4caf5026;border-color:#4caf50;color:#81c784}body:not(.landing) .reset-btn:hover{background:#4caf5040;transform:translateY(-2px);box-shadow:0 5px 20px #4caf504d}body:not(.landing) .game-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}body:not(.landing) .action-btn{padding:.75rem 1.5rem;font-size:.95rem;border:1px solid;border-radius:6px;cursor:pointer;transition:all .3s ease;background:#0000004d;color:inherit;opacity:.8;font-family:Crimson Pro,Georgia,serif}body:not(.landing) .rps-order .action-btn{border-color:#f6ad554d}body:not(.landing) .rps-chaos .action-btn{border-color:#b794f64d}body:not(.landing) .action-btn:hover{opacity:1;transform:translateY(-2px)}body:not(.landing) .rps-order .action-btn:hover{background:#f6ad5526;border-color:#f6ad55}body:not(.landing) .rps-chaos .action-btn:hover{background:#b794f626;border-color:#b794f6}@media (max-width: 768px){body:not(.landing) .rps-faction-select h1{font-size:2rem}body:not(.landing) .faction-buttons{flex-direction:column}body:not(.landing) .rps-game{padding:1.5rem}body:not(.landing) .rps-header{flex-direction:column;gap:1rem;align-items:flex-start}body:not(.landing) .rps-header h1{font-size:1.5rem}body:not(.landing) .battle-split{grid-template-columns:1fr;grid-template-rows:auto auto auto}body:not(.landing) .vs-divider{min-width:auto;min-height:60px;border-left:none;border-right:none;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1)}body:not(.landing) .choice-icon-large{font-size:4rem}body:not(.landing) .controls{min-height:auto}body:not(.landing) .choice-buttons{grid-template-columns:1fr}body:not(.landing) .choice-btn{padding:1.5rem 1rem}body:not(.landing) .reset-btn{padding:1.5rem}body:not(.landing) .result-area{height:80px}body:not(.landing) .result-message{font-size:1.3rem;padding:.75rem 1rem}body:not(.landing) .game-actions{flex-direction:column}body:not(.landing) .action-btn{width:100%}}@media (max-width: 480px){body:not(.landing) .rps-container{padding:1vh 1vw}body:not(.landing) .rps-game{padding:1rem}body:not(.landing) .stats-display{gap:.5rem}body:not(.landing) .stat-compact{padding:.4rem .6rem;font-size:.9rem;min-width:50px}body:not(.landing) .choice-icon-large{font-size:3rem}body:not(.landing) .battle-area{min-height:300px}body:not(.landing) .result-area{height:70px}body:not(.landing) .result-message{font-size:1.1rem}}body:not(.landing) .asteroids-page{position:fixed;top:0;left:0;width:100%;min-height:100vh;overflow-y:auto;overflow-x:hidden;background:linear-gradient(135deg,#0a0a0a,#1a0a1a,#0a0a0a);color:beige;padding:20px;font-family:Crimson Pro,Georgia,serif}body:not(.landing) .asteroids-page.playing{padding:0;overflow:hidden}body:not(.landing) .asteroids-container{max-width:1400px;width:100%;margin:0 auto;text-align:center}body:not(.landing) .asteroids-title{font-size:clamp(2.5rem,7vw,4rem);font-weight:700;margin:20px 0 10px;background:linear-gradient(90deg,#4d9fff,gold,#8b0000);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 30px rgba(255,215,0,.5);letter-spacing:4px;text-transform:uppercase}body:not(.landing) .asteroids-subtitle{font-size:clamp(1rem,3vw,1.3rem);color:beige;margin-bottom:40px;font-style:italic;opacity:.8}body:not(.landing) .faction-select{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin:40px auto;max-width:1100px}@media (max-width: 900px){body:not(.landing) .faction-select{grid-template-columns:1fr}}body:not(.landing) .faction-card{background:#00000080;border:3px solid transparent;border-radius:15px;padding:40px;cursor:pointer;transition:all .3s ease;text-align:left;position:relative;overflow:hidden}body:not(.landing) .faction-card:hover{transform:translateY(-5px)}body:not(.landing) .faction-card.order{border-color:#4d9fff;background:linear-gradient(135deg,#4d9fff33,#ffffff1a);box-shadow:0 0 20px #4d9fff4d,inset 0 0 20px #4d9fff1a}body:not(.landing) .faction-card.order:hover{border-color:#fff;box-shadow:0 10px 30px #4d9fff99,0 0 40px #4d9fff66}body:not(.landing) .faction-card.order h2{color:#4d9fff;text-shadow:0 0 15px rgba(77,159,255,.6);font-size:2rem;margin-bottom:15px;letter-spacing:.1em}body:not(.landing) .faction-card.order .faction-icon{color:#4d9fff;font-size:3rem;display:block;margin-bottom:15px;filter:drop-shadow(0 0 10px rgba(77,159,255,.8))}body:not(.landing) .faction-card.chaos{border-color:#8b0000;background:linear-gradient(135deg,#8b000066,#4d004d4d);box-shadow:0 0 20px #8b000080,inset 0 0 20px #8b000033}body:not(.landing) .faction-card.chaos:hover{border-color:red;box-shadow:0 10px 30px #8b0000cc,0 0 40px #8b000099}body:not(.landing) .faction-card.chaos h2{color:#f44;text-shadow:0 0 15px rgba(255,68,68,.8);font-size:2rem;margin-bottom:15px;letter-spacing:.1em}body:not(.landing) .faction-card.chaos .faction-icon{color:#f44;font-size:3rem;display:block;margin-bottom:15px;filter:drop-shadow(0 0 10px rgba(255,68,68,.8))}body:not(.landing) .faction-card p{color:beige;font-size:1.1rem;margin-bottom:20px;line-height:1.6}body:not(.landing) .faction-features{list-style:none;padding:0;margin:20px 0 30px}body:not(.landing) .faction-features li{padding:8px 0;color:beige;font-size:.95rem;border-bottom:1px solid rgba(255,255,255,.1)}body:not(.landing) .faction-features li:last-child{border-bottom:none}body:not(.landing) .faction-card.order .faction-features li:before{content:"⚔️ ";margin-right:8px}body:not(.landing) .faction-card.chaos .faction-features li:before{content:"🔥 ";margin-right:8px}body:not(.landing) .faction-button{padding:15px 40px;font-size:1.1rem;font-weight:700;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.1em;width:100%;margin-top:10px}body:not(.landing) .order-button{background:linear-gradient(135deg,#4d9fff,#6bb3ff);color:#000;box-shadow:0 4px 15px #4d9fff66;text-shadow:0 1px 2px rgba(0,0,0,.3)}body:not(.landing) .order-button:hover{transform:translateY(-2px);box-shadow:0 6px 25px #4d9fff99}body:not(.landing) .chaos-button{background:linear-gradient(135deg,#8b0000,#b30000);color:#fff;box-shadow:0 4px 15px #8b000099;text-shadow:0 1px 2px rgba(0,0,0,.5)}body:not(.landing) .chaos-button:hover{transform:translateY(-2px);box-shadow:0 6px 25px #8b0000cc}body:not(.landing) .controls-info{background:#0009;border:2px solid rgba(255,215,0,.3);border-radius:10px;padding:25px;margin:40px auto;max-width:700px}body:not(.landing) .controls-info h3{color:gold;font-size:1.5rem;margin-bottom:15px;text-shadow:0 0 10px rgba(255,215,0,.5)}body:not(.landing) .controls-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;color:beige;font-size:1rem}body:not(.landing) .leaderboard-section{background:#0009;border:2px solid rgba(255,215,0,.3);border-radius:10px;padding:30px;margin:40px auto;max-width:900px}body:not(.landing) .leaderboard-section h2{color:gold;font-size:2rem;margin-bottom:20px;text-shadow:0 0 10px rgba(255,215,0,.5)}body:not(.landing) .leaderboard-table{width:100%;border-collapse:collapse;margin-top:20px}body:not(.landing) .leaderboard-table th{background:#ffd7001a;color:gold;padding:12px;text-align:left;border-bottom:2px solid rgba(255,215,0,.3);font-size:.95rem;text-transform:uppercase;letter-spacing:.05em}body:not(.landing) .leaderboard-table td{padding:12px;color:beige;border-bottom:1px solid rgba(255,255,255,.1)}body:not(.landing) .leaderboard-table tr:hover{background:#ffffff0d}body:not(.landing) .leaderboard-table tr.faction-order{border-left:3px solid #4d9fff}body:not(.landing) .leaderboard-table tr.faction-chaos{border-left:3px solid #8b0000}body:not(.landing) .faction-cell{font-weight:600;text-transform:uppercase;font-size:.9rem}body:not(.landing) .faction-cell.order{color:#4d9fff;text-shadow:0 0 8px rgba(77,159,255,.4)}body:not(.landing) .faction-cell.chaos{color:#f44;text-shadow:0 0 8px rgba(255,68,68,.4)}body:not(.landing) .asteroids-container.game-over{max-width:900px}body:not(.landing) .game-over-title{font-size:clamp(2.5rem,7vw,3.5rem);color:#f44;text-shadow:0 0 30px rgba(255,68,68,.8);margin:40px 0;letter-spacing:.2em}body:not(.landing) .final-stats{background:#000000b3;border:3px solid;border-radius:15px;padding:40px;margin:30px auto;max-width:550px}body:not(.landing) .final-stats.order{border-color:#4d9fff;box-shadow:0 0 30px #4d9fff66,inset 0 0 20px #4d9fff1a}body:not(.landing) .final-stats.chaos{border-color:#8b0000;box-shadow:0 0 30px #8b000080,inset 0 0 20px #8b000033}body:not(.landing) .final-stats h2{font-size:1.8rem;margin-bottom:25px;color:gold;text-shadow:0 0 10px rgba(255,215,0,.5)}body:not(.landing) .stat-row{display:flex;justify-content:space-between;align-items:center;padding:15px 0;border-bottom:1px solid rgba(255,255,255,.1);font-size:1.2rem}body:not(.landing) .stat-row:last-child{border-bottom:none}body:not(.landing) .stat-label{color:beige;font-weight:400}body:not(.landing) .stat-value{color:gold;font-weight:700;font-size:1.4rem}body:not(.landing) .score-submit{background:#0009;border:2px solid rgba(255,215,0,.3);border-radius:10px;padding:30px;margin:30px auto;max-width:500px}body:not(.landing) .score-submit h3{color:gold;font-size:1.6rem;margin-bottom:20px;text-shadow:0 0 10px rgba(255,215,0,.5)}body:not(.landing) .player-name-input{width:100%;padding:15px;font-size:1.1rem;background:#0006;border:2px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;margin-bottom:20px;transition:border-color .3s ease;font-family:Crimson Pro,Georgia,serif}body:not(.landing) .player-name-input:focus{outline:none;border-color:gold}body:not(.landing) .player-name-input::placeholder{color:#777}body:not(.landing) .submit-button{width:100%;padding:15px 30px;font-size:1.1rem;font-weight:700;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.1em}body:not(.landing) .submit-button.order{background:linear-gradient(135deg,#4d9fff,#6bb3ff);color:#000;box-shadow:0 4px 15px #4d9fff66;text-shadow:0 1px 2px rgba(0,0,0,.3)}body:not(.landing) .submit-button.order:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 25px #4d9fff99}body:not(.landing) .submit-button.chaos{background:linear-gradient(135deg,#8b0000,#b30000);color:#fff;box-shadow:0 4px 15px #8b000099;text-shadow:0 1px 2px rgba(0,0,0,.5)}body:not(.landing) .submit-button.chaos:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 25px #8b0000cc}body:not(.landing) .submit-button:disabled{opacity:.5;cursor:not-allowed}body:not(.landing) .submit-message{margin-top:15px;padding:10px;border-radius:5px;font-size:1rem}body:not(.landing) .submit-message.success{color:#4caf50;background:#4caf501a;border:1px solid #4caf50}body:not(.landing) .submit-message.error{color:#f44;background:#ff44441a;border:1px solid #ff4444}body:not(.landing) .game-over-buttons{display:flex;gap:20px;justify-content:center;margin-top:40px;flex-wrap:wrap}body:not(.landing) .play-again-button{padding:15px 40px;font-size:1.1rem;font-weight:700;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.1em}body:not(.landing) .play-again-button.order{background:linear-gradient(135deg,#4d9fff,#6bb3ff);color:#000;box-shadow:0 4px 15px #4d9fff66;text-shadow:0 1px 2px rgba(0,0,0,.3)}body:not(.landing) .play-again-button.order:hover{transform:translateY(-2px);box-shadow:0 6px 25px #4d9fff99}body:not(.landing) .play-again-button.chaos{background:linear-gradient(135deg,#8b0000,#b30000);color:#fff;box-shadow:0 4px 15px #8b000099;text-shadow:0 1px 2px rgba(0,0,0,.5)}body:not(.landing) .play-again-button.chaos:hover{transform:translateY(-2px);box-shadow:0 6px 25px #8b0000cc}.asteroids-page .back-button{padding:15px 40px;font-size:1.1rem;font-weight:700;background:#ffffff1a;color:beige;border:1px solid rgba(255,255,255,.2);border-radius:8px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.1em}.asteroids-page .back-button:hover{background:#fff3;transform:translateY(-2px)}body:not(.landing) .game-wrapper{display:flex;justify-content:center;align-items:center;width:100vw;height:100vh}body:not(.landing) .asteroids-page::-webkit-scrollbar-thumb{background:#4d9fff66;border-radius:5px}body:not(.landing) .asteroids-page::-webkit-scrollbar-thumb:hover{background:#4d9fff99}body:not(.landing) .asteroids-page::-webkit-scrollbar{width:10px}body:not(.landing) .asteroids-page::-webkit-scrollbar-track{background:#0a0a0a80}body:not(.landing) .asteroids-page::-webkit-scrollbar-thumb{background:#5a9fd466;border-radius:5px}body:not(.landing) .asteroids-page::-webkit-scrollbar-thumb:hover{background:#5a9fd499}@media (max-width: 768px){body:not(.landing) .asteroids-page{padding:15px 10px}body:not(.landing) .asteroids-title{font-size:2rem;margin:10px 0}body:not(.landing) .faction-select{grid-template-columns:1fr;gap:20px}body:not(.landing) .faction-card{padding:30px 20px}body:not(.landing) .controls-grid{grid-template-columns:1fr}body:not(.landing) .game-over-buttons{flex-direction:column;align-items:stretch}.asteroids-page .play-again-button,.asteroids-page .back-button{width:100%}body:not(.landing) .leaderboard-table{font-size:.85rem}body:not(.landing) .leaderboard-table th,body:not(.landing) .leaderboard-table td{padding:8px 4px}}.trick-performance{background:#ffffff0d;border:1px solid rgba(255,215,0,.2);border-radius:15px;padding:1.5rem;color:#fff;margin:1rem 0}.tricks-title{margin:0 0 1.5rem;color:#fbbf24;font-size:1.3rem;text-shadow:0 0 10px rgba(251,191,36,.3)}.no-tricks-message{text-align:center;padding:2rem;color:#9ca3af;font-style:italic}.no-tricks-message p{margin:0}.tricks-list{display:flex;flex-direction:column;gap:1rem}.trick-row{display:flex;align-items:center;gap:1.5rem;padding:1.25rem;background:#0003;border:1px solid rgba(255,215,0,.15);border-radius:12px;transition:all .3s ease;animation:slideInRow .3s ease-out}.trick-row:hover:not(.cooldown){background:#ffd70014;border-color:#ffd7004d;transform:translate(5px)}.trick-row.mastered{background:#4ade8014;border-color:#4ade804d}.trick-row.cooldown{opacity:.6}.trick-info{display:flex;align-items:center;gap:1rem;flex:1;min-width:0}.trick-icon{font-size:2.5rem;flex-shrink:0;animation:gentle-float 3s ease-in-out infinite}.trick-row.mastered .trick-icon{animation:gentle-float 3s ease-in-out infinite,glow 2s ease-in-out infinite}.trick-details{min-width:0;flex:1}.trick-details h4{margin:0 0 .25rem;color:#fff;font-size:1.05rem}.trick-category{margin:0;color:#9ca3af;font-size:.8rem;text-transform:uppercase;letter-spacing:.5px}.trick-stats{display:flex;align-items:center;gap:1rem;flex-shrink:0;min-width:150px}.mastery-display{display:flex;align-items:center;gap:.75rem;flex:1}.mastery-bar-small{width:80px;height:8px;background:#0000004d;border-radius:10px;overflow:hidden;border:1px solid rgba(255,215,0,.2)}.mastery-fill-small{height:100%;background:linear-gradient(90deg,#60a5fa,#3b82f6);transition:width .3s ease;box-shadow:0 0 8px #3b82f666 inset}.trick-stats.mastered .mastery-fill-small{background:linear-gradient(90deg,#fbbf24,#f59e0b);box-shadow:0 0 12px #fbbf2499 inset}.mastery-text{color:#d1d5db;font-size:.85rem;font-weight:700;min-width:35px;text-align:right}.mastery-badge{padding:.35rem .75rem;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#1f2937;border-radius:20px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;animation:pulse-badge 2s ease-in-out infinite}.perform-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:linear-gradient(135deg,#60a5fa,#3b82f6);color:#fff;border:none;border-radius:10px;font-weight:700;cursor:pointer;transition:all .3s ease;font-size:.95rem;flex-shrink:0;white-space:nowrap}.perform-button:hover:not(:disabled){background:linear-gradient(135deg,#3b82f6,#2563eb);transform:scale(1.05);box-shadow:0 5px 20px #3b82f666}.perform-button:disabled{opacity:.5;cursor:not-allowed}.perform-button.disabled{background:linear-gradient(135deg,#6b7280,#4b5563);cursor:not-allowed}.perform-button.active{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#1f2937}.perform-icon,.cooldown-icon,.performing-icon{font-size:1.1rem}.cooldown-text,.perform-button span:last-child{font-size:.85rem}.cooldown-icon{animation:spin 1s linear infinite}.performing-icon{animation:sparkle .6s ease-in-out infinite}.performance-result-modal{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:999;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.result-content{background:linear-gradient(135deg,#1f2937,#111827);border-radius:20px;padding:3rem 2rem;text-align:center;max-width:400px;width:90%;box-shadow:0 25px 50px #000c;border:2px solid rgba(255,215,0,.2);animation:resultPopUp .4s cubic-bezier(.68,-.55,.265,1.55)}.result-content.success{border-color:#4ade8066}.result-content.failure{border-color:#fbbf2466}.result-animation{font-size:4rem;margin-bottom:1rem;display:inline-block}.result-animation.celebrate{animation:celebrate .8s ease-out}.result-animation.encourage{animation:pulse 2s ease-in-out infinite}.result-content h2{margin:.5rem 0;font-size:2rem;color:#fbbf24}.result-feedback{color:#d1d5db;font-size:1rem;margin:1rem 0 1.5rem;font-style:italic}.result-rewards{display:flex;flex-direction:column;gap:.75rem;margin:1.5rem 0}.reward-item{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.75rem;background:#0003;border-radius:10px;border:1px solid rgba(255,215,0,.2);animation:slideInReward .5s ease-out}.reward-item.bonus{border-color:#4ade8066;background:#4ade801a}.reward-icon{font-size:1.3rem;animation:bounce .6s ease-out}.reward-item:nth-child(2) .reward-icon{animation-delay:.1s}.reward-item:nth-child(3) .reward-icon{animation-delay:.2s}.reward-text{color:#fbbf24;font-weight:700;font-size:.95rem}.reward-item.bonus .reward-text{color:#4ade80}@keyframes slideInRow{0%{transform:translate(-20px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes gentle-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes glow{0%,to{filter:drop-shadow(0 0 5px rgba(251,191,36,.3))}50%{filter:drop-shadow(0 0 15px rgba(251,191,36,.6))}}@keyframes pulse-badge{0%,to{box-shadow:0 0 10px #fbbf2466}50%{box-shadow:0 0 20px #fbbf24cc}}@keyframes sparkle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}@keyframes celebrate{0%{transform:scale(0) rotate(-180deg);opacity:0}50%{transform:scale(1.2) rotate(20deg)}to{transform:scale(1) rotate(0);opacity:1}}@keyframes resultPopUp{0%{transform:scale(.5) translateY(50px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}@keyframes slideInReward{0%{transform:translate(-30px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@media (max-width: 768px){.trick-row{flex-direction:column;align-items:flex-start;gap:1rem}.trick-info{width:100%}.trick-stats{width:100%;justify-content:space-between}.perform-button{width:100%;justify-content:center}.result-content{padding:2rem 1.5rem}.result-animation{font-size:3rem}.result-content h2{font-size:1.5rem}}@media (max-width: 480px){.trick-performance{padding:1rem}.tricks-title{font-size:1.1rem}.trick-row{padding:1rem}.trick-icon{font-size:2rem}.trick-details h4{font-size:.95rem}.mastery-bar-small{width:60px}.perform-button{padding:.6rem 1rem;font-size:.85rem}}body:not(.landing) .alignment-selector{max-width:1000px;margin:2rem auto;padding:2rem}body:not(.landing) .selector-intro{text-align:center;margin-bottom:3rem}body:not(.landing) .intro-text{font-size:1.8rem;color:gold;margin-bottom:1rem;font-style:italic}body:not(.landing) .intro-subtext{font-size:1.1rem;color:#ccc;line-height:1.6}body:not(.landing) .intro-subtext strong{color:#fff;font-weight:700}body:not(.landing) .alignment-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin-bottom:2rem}body:not(.landing) .alignment-card{background:#0006;border-radius:20px;padding:2rem;cursor:pointer;transition:all .3s ease;border:3px solid transparent;position:relative;overflow:hidden}body:not(.landing) .alignment-card:before{content:"";position:absolute;inset:0;border-radius:20px;opacity:0;transition:opacity .3s ease;z-index:-1}body:not(.landing) .alignment-card.chaos{border-color:#ff450080}body:not(.landing) .alignment-card.chaos:before{background:linear-gradient(135deg,#ff450033,#f0f3)}body:not(.landing) .alignment-card.chaos:hover{border-color:#ff4500;box-shadow:0 10px 30px #ff450080;transform:translateY(-5px)}body:not(.landing) .alignment-card.chaos:hover:before{opacity:1}body:not(.landing) .alignment-card.order{border-color:#00bfff80}body:not(.landing) .alignment-card.order:before{background:linear-gradient(135deg,#00bfff33,#8a2be233)}body:not(.landing) .alignment-card.order:hover{border-color:#00bfff;box-shadow:0 10px 30px #00bfff80;transform:translateY(-5px)}body:not(.landing) .alignment-card.order:hover:before{opacity:1}body:not(.landing) .card-icon{font-size:4rem;text-align:center;margin-bottom:1rem}body:not(.landing) .alignment-card.chaos .card-icon{animation:chaosFloat 3s ease-in-out infinite}body:not(.landing) .alignment-card.order .card-icon{animation:orderPulse 2s ease-in-out infinite}body:not(.landing) .card-title{font-size:2rem;text-align:center;margin:0 0 1rem;color:#fff}body:not(.landing) .card-description{text-align:center;color:#ddd}body:not(.landing) .card-description p{margin-bottom:1rem;font-size:1.1rem}body:not(.landing) .trait-list{list-style:none;padding:0;margin:1rem 0;text-align:left}body:not(.landing) .trait-list li{padding:.5rem 0 .5rem 1.5rem;position:relative}body:not(.landing) .trait-list li:before{content:"✦";position:absolute;left:0;color:gold}body:not(.landing) .card-footer{margin-top:2rem;text-align:center}body:not(.landing) .select-button{padding:1rem 3rem;font-size:1.2rem;font-weight:700;border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}body:not(.landing) .chaos-button{background:linear-gradient(135deg,#ff4500,#ff1493);color:#fff}body:not(.landing) .chaos-button:hover{background:linear-gradient(135deg,#ff1493,#ff4500);box-shadow:0 5px 20px #ff450099;transform:scale(1.05)}body:not(.landing) .order-button{background:linear-gradient(135deg,#00bfff,#8a2be2);color:#fff}body:not(.landing) .order-button:hover{background:linear-gradient(135deg,#8a2be2,#00bfff);box-shadow:0 5px 20px #00bfff99;transform:scale(1.05)}body:not(.landing) .selector-hint{text-align:center;padding:1rem;background:#ffd7001a;border-radius:12px;border:2px dashed rgba(255,215,0,.3);color:gold}@keyframes chaosFloat{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-10px) rotate(5deg)}50%{transform:translateY(0) rotate(-5deg)}75%{transform:translateY(-5px) rotate(3deg)}}@keyframes orderPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@media (max-width: 768px){body:not(.landing) .alignment-options{grid-template-columns:1fr}body:not(.landing) .intro-text{font-size:1.4rem}body:not(.landing) .card-icon{font-size:3rem}}.pet-svg{filter:drop-shadow(0 0 10px rgba(255,255,255,.3));transition:transform .3s ease}.pet-svg:hover{transform:scale(1.05)}.pet-svg.happy{animation:happy-bounce .6s ease infinite}.pet-svg.sad{animation:sad-droop 2s ease-in-out infinite}.pet-svg.sick{animation:sick-wobble 1s ease-in-out infinite;filter:drop-shadow(0 0 10px rgba(136,255,136,.5))}.pet-svg.idle{animation:idle-float 3s ease-in-out infinite}@keyframes happy-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes sad-droop{0%,to{transform:translateY(0)}50%{transform:translateY(3px)}}@keyframes sick-wobble{0%,to{transform:rotate(0)}25%{transform:rotate(-2deg)}75%{transform:rotate(2deg)}}@keyframes idle-float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.pet-svg.harmonious-chaos{animation:chaos-shimmer 4s ease-in-out infinite}.pet-svg.wild-storm{animation:storm-shake 2s ease-in-out infinite}.pet-svg.spark-spirit{animation:spark-flicker 1.5s ease-in-out infinite}.pet-svg.fading-ember{animation:ember-fade 3s ease-in-out infinite;opacity:.85}@keyframes chaos-shimmer{0%,to{filter:drop-shadow(0 0 10px rgba(255,20,147,.6)) brightness(1)}50%{filter:drop-shadow(0 0 20px rgba(0,255,255,.8)) brightness(1.2)}}@keyframes storm-shake{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(-2px,1px) rotate(-1deg)}50%{transform:translate(2px,-1px) rotate(1deg)}75%{transform:translate(-1px,2px) rotate(-1deg)}}@keyframes spark-flicker{0%,to{opacity:1;filter:brightness(1)}50%{opacity:.9;filter:brightness(1.3)}}@keyframes ember-fade{0%,to{opacity:.85;filter:brightness(.8)}50%{opacity:.7;filter:brightness(.6)}}.pet-svg.cosmic-architect{animation:architect-glow 3s ease-in-out infinite}.pet-svg.free-harmony{animation:harmony-pulse 2.5s ease-in-out infinite}.pet-svg.crystal-guardian{animation:crystal-shine 2s ease-in-out infinite}.pet-svg.cracked-shard{animation:shard-dim 3s ease-in-out infinite;opacity:.8}@keyframes architect-glow{0%,to{filter:drop-shadow(0 0 15px rgba(65,105,225,.7)) brightness(1)}50%{filter:drop-shadow(0 0 25px rgba(135,206,235,.9)) brightness(1.1)}}@keyframes harmony-pulse{0%,to{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.03);filter:brightness(1.15)}}@keyframes crystal-shine{0%,to{filter:drop-shadow(0 0 10px rgba(0,255,255,.6)) brightness(1)}50%{filter:drop-shadow(0 0 20px rgba(0,191,255,.9)) brightness(1.2)}}@keyframes shard-dim{0%,to{opacity:.8;filter:brightness(.7)}50%{opacity:.6;filter:brightness(.5)}}.egg-svg{animation:egg-wiggle 3s ease-in-out infinite;filter:drop-shadow(0 0 15px rgba(255,255,255,.4))}.egg-svg.chaos{animation:egg-wiggle 2s ease-in-out infinite,chaos-egg-glow 4s ease-in-out infinite}.egg-svg.order{animation:egg-wiggle 3s ease-in-out infinite,order-egg-glow 4s ease-in-out infinite}@keyframes egg-wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-3deg)}75%{transform:rotate(3deg)}}@keyframes chaos-egg-glow{0%,to{filter:drop-shadow(0 0 15px rgba(255,20,147,.6))}50%{filter:drop-shadow(0 0 25px rgba(255,69,180,.9))}}@keyframes order-egg-glow{0%,to{filter:drop-shadow(0 0 15px rgba(65,105,225,.6))}50%{filter:drop-shadow(0 0 25px rgba(135,206,235,.9))}}.baby-svg,.child-svg,.teen-svg{animation:life-stage-bounce 2s ease-in-out infinite}@keyframes life-stage-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.status-icon{transition:transform .2s ease,filter .2s ease}.status-icon:hover{transform:scale(1.15);filter:brightness(1.2)}.status-icon.hunger{animation:hunger-pulse 1.5s ease-in-out infinite}.status-icon.happiness{animation:happiness-shine 2s ease-in-out infinite}.status-icon.cleanliness{animation:clean-sparkle 2s ease-in-out infinite}.status-icon.energy{animation:energy-charge 1s ease-in-out infinite}.status-icon.health{animation:health-beat 1.2s ease-in-out infinite}.status-icon.discipline{animation:discipline-rotate 3s linear infinite}.status-icon.sleeping{animation:sleep-fade 2s ease-in-out infinite}.status-icon.sick{animation:sick-shake .5s ease-in-out infinite}.status-icon.waste{animation:waste-bob 2s ease-in-out infinite}@keyframes hunger-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes happiness-shine{0%,to{filter:brightness(1)}50%{filter:brightness(1.3) drop-shadow(0 0 5px #ffd700)}}@keyframes clean-sparkle{0%,to{filter:brightness(1)}50%{filter:brightness(1.4) drop-shadow(0 0 8px #4caf50)}}@keyframes energy-charge{0%,to{filter:brightness(1)}50%{filter:brightness(1.5) drop-shadow(0 0 10px #2196f3)}}@keyframes health-beat{0%,to{transform:scale(1)}30%{transform:scale(1.15)}60%{transform:scale(1)}}@keyframes discipline-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes sleep-fade{0%,to{opacity:1}50%{opacity:.6}}@keyframes sick-shake{0%,to{transform:translate(0)}25%{transform:translate(-2px)}75%{transform:translate(2px)}}@keyframes waste-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.item-icon{transition:transform .3s ease,filter .3s ease;cursor:pointer}.item-icon:hover{transform:scale(1.2) rotate(5deg);filter:brightness(1.3) drop-shadow(0 0 10px rgba(255,215,0,.6))}.item-icon.food{animation:food-bounce 2s ease-in-out infinite}.item-icon.medicine{animation:medicine-pulse 1.5s ease-in-out infinite}.item-icon.toy{animation:toy-spin 3s linear infinite}@keyframes food-bounce{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-4px) rotate(5deg)}}@keyframes medicine-pulse{0%,to{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.1);filter:brightness(1.2)}}@keyframes toy-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.essence-icon{animation:essence-rotate 4s linear infinite,essence-glow 2s ease-in-out infinite;filter:drop-shadow(0 0 8px rgba(255,215,0,.8))}@keyframes essence-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes essence-glow{0%,to{filter:drop-shadow(0 0 8px rgba(255,215,0,.8)) brightness(1)}50%{filter:drop-shadow(0 0 15px rgba(255,215,0,1)) brightness(1.3)}}.button-icon{transition:transform .2s ease,filter .2s ease}.button-icon:hover{transform:scale(1.2);filter:brightness(1.3) drop-shadow(0 0 5px rgba(255,255,255,.6))}.button-icon:active{transform:scale(.95)}.button-icon.feed{animation:feed-bob 2s ease-in-out infinite}.button-icon.play{animation:play-pulse 1.5s ease-in-out infinite}.button-icon.clean{animation:clean-sway 2s ease-in-out infinite}.button-icon.sleep{animation:sleep-breathe 2.5s ease-in-out infinite}@keyframes feed-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes play-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes clean-sway{0%,to{transform:rotate(0)}50%{transform:rotate(10deg)}}@keyframes sleep-breathe{0%,to{opacity:1}50%{opacity:.7}}.chaos-particle{animation:chaos-particle-float 3s ease-in-out infinite,chaos-particle-spin 2s linear infinite}.order-particle{animation:order-particle-float 3s ease-in-out infinite,order-particle-spin 4s linear infinite}@keyframes chaos-particle-float{0%,to{transform:translate(0);opacity:.8}25%{transform:translate(10px,-15px);opacity:.6}50%{transform:translate(-5px,-25px);opacity:.4}75%{transform:translate(-15px,-10px);opacity:.6}}@keyframes chaos-particle-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes order-particle-float{0%,to{transform:translate(0);opacity:.9}50%{transform:translateY(-20px);opacity:.5}}@keyframes order-particle-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.background-svg{opacity:.6;pointer-events:none}.background-svg.chaos{animation:chaos-bg-pulse 10s ease-in-out infinite}.background-svg.order{animation:order-bg-pulse 8s ease-in-out infinite}@keyframes chaos-bg-pulse{0%,to{opacity:.6}50%{opacity:.8}}@keyframes order-bg-pulse{0%,to{opacity:.6}50%{opacity:.7}}@media (max-width: 768px){.pet-svg{max-width:100px}.status-icon{width:24px;height:24px}.item-icon{width:28px;height:28px}.essence-icon{width:24px;height:24px}.button-icon{width:20px;height:20px}}@media (prefers-reduced-motion: reduce){.pet-svg,.egg-svg,.baby-svg,.child-svg,.teen-svg,.status-icon,.item-icon,.essence-icon,.button-icon,.chaos-particle,.order-particle,.background-svg{animation:none!important}.pet-svg:hover,.status-icon:hover,.item-icon:hover,.button-icon:hover{transform:none!important}}.pet-svg:focus,.status-icon:focus,.item-icon:focus,.button-icon:focus{outline:2px solid #ffd700;outline-offset:2px;border-radius:4px}.pet-svg.chaos.glitch{animation:glitch .3s infinite}@keyframes glitch{0%{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-2px)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px)}to{transform:translate(0)}}.pet-svg.order.crystallize{animation:crystallize 2s ease-in-out infinite}@keyframes crystallize{0%,to{filter:brightness(1) contrast(1)}50%{filter:brightness(1.3) contrast(1.2) drop-shadow(0 0 20px rgba(135,206,235,.8))}}.pet-svg.evolving{animation:evolution-glow 1s ease-in-out infinite}@keyframes evolution-glow{0%,to{filter:brightness(1) drop-shadow(0 0 10px rgba(255,255,255,.5));transform:scale(1)}50%{filter:brightness(2) drop-shadow(0 0 30px rgba(255,215,0,1));transform:scale(1.1)}}body:not(.landing) .pet-display{display:flex;flex-direction:column;align-items:center;padding:2rem;overflow:hidden}.pet-background-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:0;pointer-events:none}.pet-background-wrapper svg{width:100%;height:100%;object-fit:cover}body:not(.landing) .pet-container{position:relative;width:300px;height:300px;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle,rgba(255,255,255,.1),transparent 70%);border-radius:50%;border:3px solid rgba(255,255,255,.2);margin-bottom:1rem;z-index:5}body:not(.landing) .pet-visual{position:relative;z-index:10}body:not(.landing) .pet-emoji{font-size:8rem;text-shadow:0 0 20px rgba(255,255,255,.5)}body:not(.landing) .pet-label{position:absolute;bottom:20px;left:50%;transform:translate(-50%);padding:.5rem 1rem;background:#000000b3;border-radius:20px;font-size:.9rem;color:gold;white-space:nowrap;z-index:15}body:not(.landing) .status-indicators{position:absolute;top:10px;right:10px;display:flex;flex-direction:column;gap:.5rem;z-index:20}body:not(.landing) .status-icon{font-size:2rem;animation:statusBounce 1s ease-in-out infinite}body:not(.landing) .status-icon.waste{animation:statusWiggle .5s ease-in-out infinite}body:not(.landing) .pet-container.chaos{border-color:#ff450080;box-shadow:0 0 30px #ff45004d}body:not(.landing) .pet-container.order{border-color:#00bfff80;box-shadow:0 0 30px #00bfff4d}body:not(.landing) .pet-container.sleeping{opacity:.7;filter:brightness(.7)}body:not(.landing) .pet-container.sick{animation:sickShake .5s ease-in-out infinite}body:not(.landing) .pet-container.harmonious,body:not(.landing) .pet-container.architect{box-shadow:0 0 40px #ffd70080;border-color:gold}body:not(.landing) .pet-container.fading,body:not(.landing) .pet-container.cracked{opacity:.8;filter:grayscale(30%)}body:not(.landing) .particle-container{position:absolute;inset:0;pointer-events:none;border-radius:50%;overflow:hidden}body:not(.landing) .chaos-particle{position:absolute;width:10px;height:10px;background:linear-gradient(45deg,#ff4500,#ff1493);border-radius:50%;opacity:.6;animation:chaosParticle 3s ease-in-out infinite}body:not(.landing) .order-particle{position:absolute;width:8px;height:8px;background:linear-gradient(45deg,#00bfff,#8a2be2);border-radius:50%;opacity:.6;animation:orderParticle 3s ease-in-out infinite}body:not(.landing) .particle-1{top:20%;left:10%;animation-delay:0s}body:not(.landing) .particle-2{top:60%;right:15%;animation-delay:1s}body:not(.landing) .particle-3{bottom:30%;left:70%;animation-delay:2s}body:not(.landing) .pet-name-display{font-size:1.8rem;font-weight:700;color:gold;text-align:center;text-shadow:0 0 10px rgba(255,215,0,.5);z-index:5}body:not(.landing) .pet-container.bounce .pet-visual{animation:bounce 2s ease-in-out infinite}body:not(.landing) .pet-container.wiggle .pet-visual{animation:wiggle 1.5s ease-in-out infinite}body:not(.landing) .pet-container.pulse .pet-visual{animation:pulse 2s ease-in-out infinite}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}@keyframes sickShake{0%,to{transform:translate(0)}25%{transform:translate(-3px)}75%{transform:translate(3px)}}@keyframes statusBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes statusWiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-10deg)}75%{transform:rotate(10deg)}}@keyframes chaosParticle{0%,to{transform:translate(0) scale(1);opacity:0}10%{opacity:.6}90%{opacity:.3}to{transform:translate(var(--x, 50px),var(--y, -50px)) scale(0);opacity:0}}@keyframes orderParticle{0%,to{transform:translate(0) rotate(0);opacity:0}10%{opacity:.6}90%{opacity:.3}to{transform:translateY(-100px) rotate(360deg);opacity:0}}.pet-container.idle-animation-yawn .pet-visual{animation:yawn 2s ease-in-out 1}@keyframes yawn{0%{transform:translateY(0) scaleY(1)}25%{transform:translateY(-8px) scaleY(1.15)}50%{transform:translateY(-6px) scaleY(1.2)}75%{transform:translateY(-8px) scaleY(1.15)}to{transform:translateY(0) scaleY(1)}}.pet-container.idle-animation-stretch .pet-visual{animation:stretch 2s ease-in-out 1}@keyframes stretch{0%,to{transform:translateY(0) scaleY(1)}50%{transform:translateY(-15px) scaleY(1.1)}}.pet-container.idle-animation-look-around .pet-visual{animation:look-around 2s ease-in-out 1}@keyframes look-around{0%,to{transform:rotateY(0) translateY(0)}25%{transform:rotateY(15deg) translateY(-3px)}50%{transform:rotateY(0) translateY(0)}75%{transform:rotateY(-15deg) translateY(-3px)}}.pet-container.idle-animation-scratch .pet-visual{animation:scratch 1.5s ease-in-out 1}@keyframes scratch{0%,to{transform:translate(0) translateY(0) rotate(0)}25%{transform:translate(4px) translateY(-4px) rotate(-5deg)}50%{transform:translate(-4px) translateY(4px) rotate(5deg)}75%{transform:translate(4px) translateY(-4px) rotate(-5deg)}}.pet-container.idle-animation-hop .pet-visual{animation:hop 1.5s ease-in-out 1}@keyframes hop{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.pet-container.idle-animation-spin .pet-visual{animation:spin 1.8s ease-in-out 1}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pet-container.idle-animation-dance .pet-visual{animation:dance 2.5s ease-in-out 1}@keyframes dance{0%,to{transform:translate(0) translateY(0) rotate(0)}25%{transform:translate(8px) translateY(-8px) rotate(-8deg)}50%{transform:translate(-8px) translateY(-5px) rotate(8deg)}75%{transform:translate(6px) translateY(-10px) rotate(-6deg)}}.pet-container.idle-animation-sniff .pet-visual{animation:sniff 1.2s ease-in-out 1}@keyframes sniff{0%,to{transform:translateY(0) scaleX(1)}25%,75%{transform:translateY(-3px) scaleX(1.05)}50%{transform:translateY(-2px) scaleX(.98)}}.pet-container.idle-animation-prance .pet-visual{animation:prance 2s ease-in-out 1}@keyframes prance{0%,to{transform:translateY(0) scale(1)}25%{transform:translateY(-12px) scale(1.05)}50%{transform:translateY(0) scale(1)}75%{transform:translateY(-12px) scale(1.05)}}.pet-container.idle-animation-twirl .pet-visual{animation:twirl 2s ease-in-out 1}@keyframes twirl{0%,to{transform:rotate(0) translateY(0)}50%{transform:rotate(180deg) translateY(-5px)}}.pet-container.idle-animation-nod .pet-visual{animation:nod 1.2s ease-in-out 1}@keyframes nod{0%,to{transform:rotate(0) translateY(0)}25%{transform:rotate(-5deg) translateY(-2px)}50%{transform:rotate(0) translateY(0)}75%{transform:rotate(5deg) translateY(-2px)}}.pet-container.idle-animation-blink-sparkle .pet-visual{animation:blink-sparkle 1.5s ease-in-out 1}@keyframes blink-sparkle{0%,to{filter:brightness(1);transform:scale(1)}25%{filter:brightness(1.3) drop-shadow(0 0 8px rgba(255,215,0,.6));transform:scale(1.02)}50%{filter:brightness(.9);transform:scale(.98)}75%{filter:brightness(1.3) drop-shadow(0 0 8px rgba(255,215,0,.6));transform:scale(1.02)}}.pet-container.idle-animation-hover-drift .pet-visual{animation:hover-drift 2.5s ease-in-out 1}@keyframes hover-drift{0%,to{transform:translateY(0) translate(0)}25%{transform:translateY(-6px) translate(4px)}50%{transform:translateY(-10px) translate(0)}75%{transform:translateY(-6px) translate(-4px)}}.pet-container.idle-animation-delight .pet-visual{animation:delight 3s cubic-bezier(.68,-.55,.265,1.55) 1}@keyframes delight{0%{transform:translateY(0) rotate(0) scale(1)}25%{transform:translateY(-30px) rotate(10deg) scale(1.1)}50%{transform:translateY(-15px) rotate(-5deg) scale(1.05)}75%{transform:translateY(-25px) rotate(5deg) scale(1.1)}to{transform:translateY(0) rotate(0) scale(1)}}.pet-container.idle-animation-zoom-spin .pet-visual{animation:zoom-spin 2s ease-in-out 1}@keyframes zoom-spin{0%{transform:rotate(0) scale(1)}50%{transform:rotate(360deg) scale(1.2)}to{transform:rotate(720deg) scale(1)}}.pet-container.idle-animation-confetti-spin .pet-visual{animation:confetti-spin 2.5s ease-in-out 1}@keyframes confetti-spin{0%,to{transform:rotate(0) translateY(0) scale(1)}25%{transform:rotate(90deg) translateY(-15px) scale(1.1)}50%{transform:rotate(180deg) translateY(-5px) scale(1)}75%{transform:rotate(270deg) translateY(-15px) scale(1.1)}}.pet-container.idle-animation-bounce .pet-visual{animation:bounce 2s ease-in-out 1}.pet-container.idle-animation-wiggle .pet-visual{animation:wiggle 1.5s ease-in-out 1}.pet-container.idle-animation-pulse .pet-visual{animation:pulse 2s ease-in-out 1}.seasonal-badge{position:absolute;bottom:1rem;right:1rem;display:flex;align-items:center;gap:.5rem;padding:.6rem 1.2rem;background:linear-gradient(135deg,#ffd70033,#ff69b433);border-radius:20px;border:2px solid rgba(255,215,0,.4);font-weight:700;font-size:.9rem;color:#333;z-index:10;animation:seasonalBadgePulse 2s ease-in-out infinite;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.season-emoji{font-size:1.3rem}.season-name{text-transform:capitalize}@keyframes seasonalBadgePulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.9}}@media (max-width: 768px){body:not(.landing) .pet-container{width:250px;height:250px}body:not(.landing) .pet-emoji{font-size:6rem}body:not(.landing) .status-icon{font-size:1.5rem}.seasonal-badge{bottom:.5rem;right:.5rem;padding:.5rem 1rem;font-size:.8rem}}.pet-display{transition:background 2s ease,filter 2s ease}.pet-display.time-period-morning{background:linear-gradient(135deg,#ffa5000d,#ffd70008)}.pet-display.time-period-afternoon{background:linear-gradient(135deg,#ffc8640d,#ffd70005)}.pet-display.time-period-evening{background:linear-gradient(135deg,#c8643214,#64320008)}.pet-display.time-period-night{background:linear-gradient(135deg,#3232641a,#1414320d)}.time-effects-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:3;pointer-events:none;transition:opacity 2s ease;mix-blend-mode:multiply}.time-effects-darkening{width:100%;height:100%;background:radial-gradient(circle,transparent 20%,rgba(0,0,0,.4) 100%)}.pet-display.time-period-night .time-effects-overlay{opacity:.6;mix-blend-mode:darken}.pet-display.time-period-evening .time-effects-overlay{opacity:.3}.celestial-backdrop{position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none;z-index:1}.stars-backdrop{position:relative;width:100%;height:100%}.star-backdrop{position:absolute;width:2px;height:2px;background:#fff;border-radius:50%;box-shadow:0 0 3px #fffc;animation:starTwinkle 3s ease-in-out infinite}@keyframes starTwinkle{0%,to{opacity:.3}50%{opacity:1}}.pet-background-wrapper{transition:filter 2s ease!important;position:relative}.pet-display.time-period-morning .pet-background-wrapper,.pet-display.time-period-afternoon .pet-background-wrapper{filter:brightness(1) saturate(100%)!important}.pet-display.time-period-evening .pet-background-wrapper{filter:brightness(.9) saturate(95%) hue-rotate(-10deg)!important}.pet-display.time-period-night .pet-background-wrapper{filter:brightness(.4) saturate(70%) hue-rotate(20deg)!important}.pet-name-display{position:relative;display:flex;flex-direction:column;align-items:center;gap:.5rem;z-index:5}.pet-name-main{font-size:1.8rem;font-weight:700;color:gold;text-align:center;text-shadow:0 0 10px rgba(255,215,0,.5)}.pet-time-indicator{display:flex;align-items:center;gap:.4rem;padding:.3rem .8rem;background:#00000080;border:1px solid rgba(255,215,0,.3);border-radius:12px;font-size:.85rem;color:#ffd700cc;transition:all 1s ease}.pet-time-indicator .time-icon{font-size:1.1rem;animation:timeIconPulse 2s ease-in-out infinite}.pet-time-indicator .time-period-label{font-weight:500;letter-spacing:.5px}@keyframes timeIconPulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.pet-display.time-period-morning .pet-container{filter:brightness(1.1) contrast(1.05)}.pet-display.time-period-afternoon .pet-container{filter:brightness(1) contrast(1)}.pet-display.time-period-evening .pet-container{filter:brightness(.95) saturate(95%) hue-rotate(-5deg)}.pet-display.time-period-night .pet-container{filter:brightness(.7) saturate(80%)}.pet-display.time-period-morning .pet-container{box-shadow:0 0 30px #ffa5004d,inset 0 0 20px #ffa5001a}.pet-display.time-period-afternoon .pet-container{box-shadow:0 0 30px #ff45004d,0 0 30px #00bfff4d}.pet-display.time-period-evening .pet-container{box-shadow:0 0 40px #c8643266,inset 0 0 20px #c864321a}.pet-display.time-period-night .pet-container{box-shadow:0 0 25px #6496c866,inset 0 0 15px #6496c81a}.pet-display.time-period-night .pet-visual{filter:opacity(.85)}@keyframes nightSleep{0%,to{transform:translateY(0) rotate(0);filter:brightness(.8)}50%{transform:translateY(-2px) rotate(-.5deg);filter:brightness(.85)}}.pet-display.time-period-night .pet-container.idle-animation-bounce .pet-visual,.pet-display.time-period-night .pet-container.idle-animation-wiggle .pet-visual,.pet-display.time-period-night .pet-container.idle-animation-pulse .pet-visual{animation:nightSleep 3s ease-in-out infinite!important}.pet-display{position:relative}@keyframes periodTransition{0%,to{opacity:1}50%{opacity:.95}}.pet-display.time-period-morning:after,.pet-display.time-period-afternoon:after,.pet-display.time-period-evening:after,.pet-display.time-period-night:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;animation:periodTransition 2s ease-in-out}.pet-container.chaos{transition:box-shadow 2s ease,filter 2s ease}.pet-display.time-period-night .pet-container.chaos{box-shadow:0 0 40px #ff450080,0 0 60px #6496c84d,inset 0 0 20px #ff450026}.pet-container.order{transition:box-shadow 2s ease,filter 2s ease}.pet-display.time-period-night .pet-container.order{box-shadow:0 0 40px #00bfff80,0 0 60px #6496c866,inset 0 0 20px #00bfff26}.pet-display.time-period-night .status-icon{filter:brightness(1.2);text-shadow:0 0 8px rgba(255,215,0,.6)}@media (max-width: 768px){.pet-time-indicator{font-size:.75rem;padding:.2rem .6rem}.pet-time-indicator .time-icon{font-size:1rem}.pet-name-main{font-size:1.5rem}}@media (max-width: 480px){.pet-time-indicator{font-size:.7rem;padding:.2rem .5rem;gap:.3rem}.pet-time-indicator .time-icon{font-size:.9rem}.pet-name-main{font-size:1.3rem}}@media (prefers-reduced-motion: reduce){.time-effects-overlay,.pet-background-wrapper,.pet-time-indicator,.pet-time-indicator .time-icon,.star-backdrop{animation:none!important;transition:none!important}}.weather-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:2;opacity:.15;mix-blend-mode:overlay}.pet-display.weather-rainy .weather-overlay{background:linear-gradient(135deg,#4a90e2,#1e3a8a);opacity:.15}.pet-display.weather-stormy .weather-overlay{background:linear-gradient(135deg,#2c3e50,#34495e);opacity:.25}.pet-display.weather-snowy .weather-overlay{background:linear-gradient(135deg,#e8f4f8,#b0e0e6);opacity:.1}.pet-display.weather-foggy .weather-overlay{background:linear-gradient(135deg,#b0b8b8,#d3d3d3);opacity:.2}.pet-display.weather-hail .weather-overlay{background:linear-gradient(135deg,#e0ffff,#add8e6);opacity:.15}.pet-display.weather-aurora .weather-overlay{background:linear-gradient(135deg,#0f8,#80f);opacity:.1}.weather-particles{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:8;overflow:hidden}.weather-particle{position:absolute;pointer-events:none}.particle-rainy{width:2px;height:12px;background:linear-gradient(to bottom,#fffc,#fff0);opacity:.6;animation:fall-rain var(--particle-duration, 4s) linear forwards}@keyframes fall-rain{to{transform:translateY(600px);opacity:0}}.particle-snowy{width:6px;height:6px;border-radius:50%;background:#ffffffe6;opacity:.8;box-shadow:0 0 3px #ffffff80;animation:fall-snow var(--particle-duration, 8s) ease-in forwards;filter:drop-shadow(0 0 2px rgba(255,255,255,.3))}@keyframes fall-snow{0%{transform:translateY(0) translate(0) rotate(0);opacity:.8}50%{opacity:.9}to{transform:translateY(600px) translate(100px) rotate(360deg);opacity:0}}.particle-snowy:nth-child(2n){animation:fall-snow-alt var(--particle-duration, 8s) ease-in forwards}@keyframes fall-snow-alt{0%{transform:translateY(0) translate(0) rotate(0);opacity:.8}50%{opacity:.9}to{transform:translateY(600px) translate(-100px) rotate(-360deg);opacity:0}}.particle-stormy{width:2px;height:15px;background:linear-gradient(to bottom,#64b4ffe6,#64b4ff00);opacity:.7;animation:fall-storm var(--particle-duration, 3s) ease-in forwards;filter:drop-shadow(0 0 2px rgba(100,180,255,.5))}@keyframes fall-storm{0%{transform:translateY(0) translate(0);opacity:.7}to{transform:translateY(600px) translate(80px);opacity:0}}.particle-stormy:nth-child(40n){background:#ffc800cc;box-shadow:0 0 8px #ffc80099;animation:fall-storm 3s ease-in forwards,lightning-flash .2s ease-in-out 1.5s}@keyframes lightning-flash{0%,to{opacity:.7;filter:drop-shadow(0 0 2px rgba(255,200,0,.5))}50%{opacity:1;filter:drop-shadow(0 0 8px rgba(255,200,0,.8))}}.particle-hail{width:5px;height:5px;border-radius:50%;background:#c8dcffe6;opacity:.8;box-shadow:0 0 2px #fff9,inset -1px -1px #0003;animation:fall-hail var(--particle-duration, 3.5s) ease-in forwards}@keyframes fall-hail{0%{transform:translateY(0) translate(0) rotate(0);opacity:.8}50%{opacity:.9}to{transform:translateY(600px) translate(120px) rotate(720deg);opacity:0}}.particle-hail{animation:fall-hail-bounce var(--particle-duration, 3.5s) ease-in forwards}@keyframes fall-hail-bounce{0%{transform:translateY(0) translate(0) scale(1);opacity:.8}25%{transform:translateY(150px) translate(30px) scale(.95)}50%{opacity:.9;transform:translateY(300px) translate(60px) scale(1)}75%{transform:translateY(450px) translate(90px) scale(.95)}to{transform:translateY(600px) translate(120px) scale(.9);opacity:0}}.pet-display.weather-foggy:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,#b0b8b84d,#b0b8b833);pointer-events:none;z-index:3;animation:fog-move 6s ease-in-out infinite}@keyframes fog-move{0%,to{opacity:.2}50%{opacity:.4}}.pet-display.weather-foggy .weather-overlay{opacity:.25}.pet-display.weather-aurora:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(0,255,136,.15) 25%,rgba(136,0,255,.15) 50%,rgba(0,255,136,.15) 75%,transparent 100%);pointer-events:none;z-index:3;animation:aurora-wave 8s ease-in-out infinite}@keyframes aurora-wave{0%,to{background-position:0 0}50%{opacity:.8}}.particle-aurora{width:8px;height:8px;border-radius:50%;background:radial-gradient(circle,#0f8c,#0f80);opacity:.6;animation:aurora-drift var(--particle-duration, 6s) ease-in-out forwards}@keyframes aurora-drift{0%{transform:translateY(0) translate(0);opacity:0}25%{opacity:.8}75%{opacity:.6}to{transform:translateY(-100px) translate(100px);opacity:0}}.pet-display.weather-sunny .weather-overlay{background:linear-gradient(135deg,#fdb813,#87ceeb);opacity:.05}.pet-display.weather-sunny:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(253,184,19,.1),transparent 70%);pointer-events:none;z-index:1;animation:sun-glow 4s ease-in-out infinite}@keyframes sun-glow{0%,to{opacity:.3}50%{opacity:.5}}.pet-display.weather-cloudy .weather-overlay{background:linear-gradient(135deg,#a9a9a9,#d3d3d3);opacity:.1}@media (max-width: 768px){.weather-particle{transform:scale(.8)}.particle-rainy{width:1.5px;height:10px}.particle-snowy{width:5px;height:5px}.particle-stormy{width:1.5px;height:12px}.particle-hail{width:4px;height:4px}}@media (max-width: 480px){.weather-particles{height:400px}.particle-rainy{width:1px;height:8px}.particle-snowy{width:4px;height:4px}.particle-stormy{width:1px;height:10px}.particle-hail{width:3px;height:3px}@keyframes fall-rain{to{transform:translateY(400px);opacity:0}}@keyframes fall-snow{0%{transform:translateY(0) translate(0) rotate(0);opacity:.8}to{transform:translateY(400px) translate(50px) rotate(360deg);opacity:0}}@keyframes fall-snow-alt{0%{transform:translateY(0) translate(0) rotate(0);opacity:.8}to{transform:translateY(400px) translate(-50px) rotate(-360deg);opacity:0}}@keyframes fall-storm{0%{transform:translateY(0) translate(0);opacity:.7}to{transform:translateY(400px) translate(50px);opacity:0}}@keyframes fall-hail-bounce{0%{transform:translateY(0) translate(0) scale(1);opacity:.8}to{transform:translateY(400px) translate(80px) scale(.9);opacity:0}}}@media (prefers-reduced-motion: reduce){.weather-particle{animation-duration:.01s!important;opacity:0!important}.pet-display:before,.pet-display:after{animation:none!important}}.pet-display.weather-stormy{filter:brightness(.9)}.pet-display.weather-stormy .pet-container{box-shadow:0 0 30px #6496ff33}.pet-display.weather-hail{filter:brightness(.85) saturate(.95)}.pet-display.weather-hail .pet-container{box-shadow:0 0 25px #add8e64d}.pet-display.weather-aurora .pet-container{box-shadow:0 0 40px #00ff8840}.pet-display.weather-foggy{filter:blur(.5px)}.pet-display.weather-foggy .pet-container{opacity:.85}.pet-display.weather-sunny .pet-container{filter:brightness(1.05);box-shadow:0 0 30px #fdb81326}body:not(.landing) .stat-bar{margin-bottom:.5rem}body:not(.landing) .stat-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.4rem}body:not(.landing) .stat-icon{font-size:1.3rem}body:not(.landing) .stat-label{flex:1;font-size:.95rem;font-weight:500}body:not(.landing) .stat-value{font-weight:700;font-size:1rem;min-width:3ch;text-align:right}body:not(.landing) .stat-bar-container{height:20px;background:#00000080;border-radius:10px;overflow:hidden;border:1px solid rgba(255,255,255,.2);position:relative}body:not(.landing) .stat-bar-fill{height:100%;border-radius:10px;position:relative;transition:width .5s ease-out}body:not(.landing) .stat-bar-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);animation:shimmer 2s ease-in-out infinite}body:not(.landing) .stat-bar.critical .stat-value{color:#f44336;animation:criticalPulse 1s ease-in-out infinite}body:not(.landing) .stat-bar.critical .stat-bar-fill{box-shadow:0 0 10px #f4433680;animation:criticalGlow 1s ease-in-out infinite}body:not(.landing) .stat-bar.low .stat-value{color:#ff9800}body:not(.landing) .stat-bar.medium .stat-value{color:gold}body:not(.landing) .stat-bar.good .stat-value{color:#4caf50}@keyframes criticalPulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes criticalGlow{0%,to{box-shadow:0 0 10px #f4433680}50%{box-shadow:0 0 20px #f44336cc}}@media (max-width: 768px){body:not(.landing) .stat-icon{font-size:1.1rem}body:not(.landing) .stat-label{font-size:.85rem}body:not(.landing) .stat-bar-container{height:16px}}.personality-display{background:linear-gradient(135deg,#1e1e28e6,#282832e6);border:2px solid rgba(255,215,0,.3);border-radius:12px;padding:1.5rem;margin:1rem 0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.personality-header{margin-bottom:1.2rem;border-bottom:2px solid rgba(255,215,0,.2);padding-bottom:.8rem}.personality-title{margin:0;display:flex;align-items:center;gap:.5rem;font-size:1.3rem;font-weight:600;color:gold;text-shadow:0 0 10px rgba(255,215,0,.3)}.personality-icon{font-size:1.4rem;animation:traitPulse 2s ease-in-out infinite}.personality-placeholder{padding:2rem 1rem;text-align:center;color:#fff9;font-size:.95rem;font-style:italic}.traits-container{display:flex;flex-direction:column;gap:.8rem;margin-bottom:1.5rem}.trait-item{position:relative;padding:.9rem;background:#0000004d;border-radius:8px;border-left:3px solid rgba(255,215,0,.4);transition:all .3s ease}.trait-item:hover{background:#00000080;border-left-color:#ffd700cc;transform:translate(4px)}.trait-item.dominant{background:linear-gradient(90deg,#ffd7001a,#0000004d);border-left-color:gold;box-shadow:0 0 15px #ffd70033}.trait-item.dominant:hover{box-shadow:0 0 25px #ffd7004d}.trait-item.chaos{border-left-color:#ff450080}.trait-item.chaos:hover{border-left-color:#ff4500cc}.trait-item.order{border-left-color:#00bfff80}.trait-item.order:hover{border-left-color:#00bfffcc}.trait-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.trait-icon-label{display:flex;align-items:center;gap:.6rem;flex:1}.trait-icon{font-size:1.4rem;display:flex;align-items:center;justify-content:center;min-width:2rem}.trait-label{font-size:.95rem;font-weight:500;color:gold}.dominant-badge{font-size:.8rem;margin-left:.3rem;animation:dominantStar 1.5s ease-in-out infinite}.trait-value{font-size:1rem;font-weight:700;color:#4caf50;min-width:3.5ch;text-align:right}.trait-bar-wrapper{position:relative}.trait-bar-background{position:relative;height:20px;background:#0009;border-radius:10px;overflow:hidden;border:1px solid rgba(255,255,255,.1)}.trait-bar-fill{height:100%;border-radius:10px;transition:width .6s cubic-bezier(.25,.46,.45,.94);position:relative;overflow:hidden}.trait-bar-fill.excellent{background:linear-gradient(90deg,#0f8,#0d6);box-shadow:0 0 10px #0f86}.trait-bar-fill.good{background:linear-gradient(90deg,#4caf50,#45a049);box-shadow:0 0 8px #4caf504d}.trait-bar-fill.medium{background:linear-gradient(90deg,gold,#ffb700);box-shadow:0 0 8px #ffd7004d}.trait-bar-fill.low{background:linear-gradient(90deg,#ff9800,#f57c00);box-shadow:0 0 8px #ff98004d}.trait-bar-fill.very-low{background:linear-gradient(90deg,#ff6b6b,#ff5252);box-shadow:0 0 8px #ff6b6b4d}.trait-bar-fill:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);animation:shimmer 2s ease-in-out infinite}.trait-bar-glow{position:absolute;top:0;left:0;height:100%;background:none;box-shadow:inset 0 0 10px #ffd70080,0 0 15px #ffd70066;border-radius:10px;animation:glowPulse 1.5s ease-in-out infinite;pointer-events:none}.trait-tooltip{position:absolute;bottom:100%;left:0;right:0;margin-bottom:.5rem;padding:.6rem;background:#000000f2;border:1px solid rgba(255,215,0,.5);border-radius:6px;font-size:.85rem;color:#ffffffe6;z-index:100;white-space:normal;line-height:1.3;box-shadow:0 -4px 15px #000000b3;animation:tooltipFadeIn .2s ease-out}.alignment-balance-section{margin:1.5rem 0;padding:1rem;background:#0000004d;border-radius:8px;border:1px solid rgba(255,215,0,.2)}.alignment-balance-label{font-size:.9rem;font-weight:600;color:gold;margin-bottom:.7rem;text-align:center}.alignment-balance-bar{display:flex;align-items:center;gap:.5rem;height:24px;margin-bottom:.8rem}.balance-chaos-side,.balance-order-side{flex:1;height:100%;border-radius:6px;background:#0006;border:1px solid rgba(255,255,255,.1);position:relative;overflow:hidden}.balance-chaos-side{border-right:none}.balance-order-side{border-left:none}.balance-center{font-size:1.2rem;color:#ffd700cc}.balance-indicator{height:100%;border-radius:6px;position:absolute;top:0;transition:width .5s ease-out}.balance-indicator.chaos{right:0;background:linear-gradient(90deg,#ff45004d,#ff450099);box-shadow:inset 0 0 10px #ff45004d}.balance-indicator.order{left:0;background:linear-gradient(90deg,#00bfff99,#00bfff4d);box-shadow:inset 0 0 10px #00bfff4d}.balance-labels{display:flex;justify-content:space-between;font-size:.8rem;font-weight:500;color:#ffffffb3}.chaos-label{color:#ff4500b3}.order-label{color:#00bfffb3}.personality-summary{padding:1rem;background:#0003;border-radius:8px;border-left:3px solid rgba(255,215,0,.4);margin-top:1rem}.summary-text{margin:0;font-size:.95rem;color:#ffffffd9;font-style:italic;line-height:1.5}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes glowPulse{0%,to{box-shadow:inset 0 0 10px #ffd70080,0 0 15px #ffd70066}50%{box-shadow:inset 0 0 15px #ffd700b3,0 0 25px #ffd70099}}@keyframes traitPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes dominantStar{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.2) rotate(10deg)}}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.personality-display{padding:1rem;margin:.8rem 0}.personality-title{font-size:1.1rem}.trait-item{padding:.7rem}.trait-header{flex-direction:column;align-items:flex-start;gap:.3rem}.trait-value{align-self:flex-start;margin-top:.3rem}.trait-bar-wrapper{margin-top:.4rem}.trait-bar-background{height:18px}.balance-labels{font-size:.75rem}.summary-text{font-size:.9rem}.alignment-balance-bar{height:20px}.balance-center{font-size:1rem}}@media (max-width: 480px){.personality-display{padding:.8rem;border-radius:8px}.personality-title{font-size:1rem}.trait-icon{font-size:1.2rem;min-width:1.8rem}.trait-label,.trait-value{font-size:.9rem}.trait-bar-background{height:16px}.alignment-balance-section,.personality-summary{padding:.8rem}.summary-text{font-size:.85rem}}.stats-display{display:flex;flex-direction:column;gap:0;width:100%;max-width:600px}.stats-section{margin-bottom:0}.stats-section-title{margin:0 0 1rem;font-size:1.2rem;font-weight:600;color:gold;text-shadow:0 0 10px rgba(255,215,0,.3);padding-bottom:.8rem;border-bottom:2px solid rgba(255,215,0,.2)}.stats-grid{display:flex;flex-direction:column;gap:.8rem}.personality-section{margin-top:1.5rem}@media (max-width: 768px){.stats-display{max-width:100%}.stats-section-title{font-size:1.1rem;margin-bottom:.8rem}.stats-grid{gap:.6rem}}@media (max-width: 480px){.stats-section-title{font-size:1rem;margin-bottom:.6rem;padding-bottom:.6rem}.stats-grid{gap:.5rem}.stats-section{margin-bottom:0}.personality-section{margin-top:1rem}}body:not(.landing) .modal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease-out}body:not(.landing) .modal-content{background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:20px;border:2px solid rgba(255,215,0,.3);max-width:800px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 50px #00000080;animation:slideUp .3s ease-out}body:not(.landing) .food-modal{width:90vw}body:not(.landing) .modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:2px solid rgba(255,255,255,.1)}body:not(.landing) .modal-header h2{margin:0;color:gold;font-size:1.8rem}body:not(.landing) .modal-close{background:none;border:none;color:#fff;font-size:2.5rem;cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease}body:not(.landing) .modal-close:hover{background:#ffffff1a;transform:rotate(90deg)}body:not(.landing) .modal-body{padding:1.5rem}body:not(.landing) .essence-info{text-align:center;font-size:1.2rem;margin-bottom:1.5rem;padding:1rem;background:#ffd7001a;border-radius:10px;color:gold}body:not(.landing) .food-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem}body:not(.landing) .food-item{background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:15px;padding:1rem;cursor:pointer;transition:all .3s ease;position:relative}body:not(.landing) .food-item:hover:not(.disabled){background:#ffffff1a;border-color:gold;transform:translateY(-3px);box-shadow:0 5px 20px #ffd7004d}body:not(.landing) .food-item.disabled{opacity:.5;cursor:not-allowed}body:not(.landing) .food-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}body:not(.landing) .food-type-badge{padding:.2rem .6rem;border-radius:12px;font-size:.75rem;font-weight:700;text-transform:uppercase;background:#fff3}body:not(.landing) .food-owned{font-size:.9rem;color:#4caf50;font-weight:700}body:not(.landing) .food-name{font-size:1.1rem;font-weight:700;color:#fff;margin-bottom:.5rem}body:not(.landing) .food-description{font-size:.85rem;color:#aaa;margin-bottom:1rem;line-height:1.4}body:not(.landing) .food-stats{display:flex;gap:1rem;margin-bottom:1rem}body:not(.landing) .food-stat{display:flex;align-items:center;gap:.3rem;font-size:.9rem}body:not(.landing) .stat-icon{font-size:1.1rem}body:not(.landing) .stat-text{color:#4caf50;font-weight:700}body:not(.landing) .food-cost{text-align:center;padding:.5rem;border-radius:8px;background:#0000004d}body:not(.landing) .owned-label{color:#4caf50;font-weight:700}body:not(.landing) .cost-label{color:gold;font-weight:700}body:not(.landing) .cost-label.expensive{color:#f44336}body:not(.landing) .alignment-badge{position:absolute;top:-8px;right:-8px;padding:.3rem .6rem;border-radius:12px;font-size:.7rem;font-weight:700;text-transform:uppercase}body:not(.landing) .alignment-badge.chaos{background:linear-gradient(135deg,#ff4500,#ff1493);color:#fff}body:not(.landing) .alignment-badge.order{background:linear-gradient(135deg,#00bfff,#8a2be2);color:#fff}body:not(.landing) .modal-footer{padding:1rem 1.5rem;border-top:2px solid rgba(255,255,255,.1);display:flex;justify-content:flex-end;gap:1rem}body:not(.landing) .button-primary,body:not(.landing) .button-secondary{padding:.8rem 2rem;border:none;border-radius:10px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease}body:not(.landing) .button-primary{background:linear-gradient(135deg,gold,#ff8c00);color:#000}body:not(.landing) .button-primary:hover{transform:scale(1.05);box-shadow:0 5px 15px #ffd70080}body:not(.landing) .button-secondary{background:#ffffff1a;color:#fff;border:2px solid rgba(255,255,255,.3)}body:not(.landing) .button-secondary:hover{background:#fff3;border-color:gold}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width: 768px){body:not(.landing) .food-grid{grid-template-columns:1fr}body:not(.landing) .modal-content{width:95vw;max-height:95vh}}body:not(.landing) .catch-game{width:400px;height:500px;background:linear-gradient(180deg,#0a1628,#1a2a3e);position:relative;-webkit-user-select:none;user-select:none}body:not(.landing) .falling-item{position:absolute;font-size:2.5rem;cursor:pointer;transition:transform .2s ease,opacity .2s ease;filter:drop-shadow(0 0 10px rgba(255,255,255,.5))}body:not(.landing) .falling-item:hover{transform:scale(1.2)}body:not(.landing) .falling-item.good{animation:fallRotateGood 3s linear}body:not(.landing) .falling-item.bad{animation:fallRotateBad 3s linear}body:not(.landing) .memory-game{width:100%;max-width:550px;min-height:400px;padding:1rem;background:linear-gradient(135deg,#0a1628,#1a2a3e)}body:not(.landing) .card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;max-width:500px;margin:0 auto}body:not(.landing) .memory-card{aspect-ratio:3/4;background:#ffffff1a;border:3px solid rgba(255,255,255,.3);border-radius:15px;cursor:pointer;position:relative;transform-style:preserve-3d;transition:transform .6s ease}body:not(.landing) .memory-card:hover:not(.flipped):not(.matched){transform:scale(1.05);border-color:gold}body:not(.landing) .memory-card.flipped{transform:rotateY(180deg)}body:not(.landing) .memory-card.matched{opacity:.6;cursor:default;border-color:#4caf50;animation:matchPulse .6s ease-out}body:not(.landing) .card-front,body:not(.landing) .card-back{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:3rem;backface-visibility:hidden;border-radius:12px}body:not(.landing) .card-front{background:linear-gradient(135deg,#2c3e50,#34495e);color:gold;font-size:2.5rem;font-weight:700}body:not(.landing) .card-back{background:linear-gradient(135deg,gold,#ff8c00);transform:rotateY(180deg)}body:not(.landing) .mimic-game{width:100%;max-width:500px;min-height:450px;padding:2rem;background:linear-gradient(135deg,#0a1628,#1a2a3e)}body:not(.landing) .pattern-display{text-align:center;margin-bottom:2rem;min-height:80px;display:flex;flex-direction:column;align-items:center;justify-content:center}body:not(.landing) .status-text{font-size:1.3rem;font-weight:700;margin-bottom:1rem}body:not(.landing) .status-text.watching{color:#00bfff;animation:pulse 1.5s ease-in-out infinite}body:not(.landing) .status-text.ready{color:#4caf50}body:not(.landing) .status-text.gameover{color:#f44336}body:not(.landing) .progress-bar{width:100%;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden}body:not(.landing) .progress-fill{height:100%;background:linear-gradient(90deg,#4caf50,#8bc34a);transition:width .3s ease}body:not(.landing) .mimic-buttons{display:flex;flex-direction:column;gap:1rem;max-width:300px;margin:0 auto}body:not(.landing) .button-row{display:flex;justify-content:center;gap:1rem}body:not(.landing) .button-spacer{width:80px}body:not(.landing) .mimic-button{width:80px;height:80px;font-size:2.5rem;background:#ffffff1a;border:3px solid rgba(255,255,255,.3);border-radius:15px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}body:not(.landing) .mimic-button:hover:not(:disabled){background:#fff3;border-color:gold;transform:scale(1.1)}body:not(.landing) .mimic-button:active:not(:disabled){transform:scale(.95)}body:not(.landing) .mimic-button:disabled{opacity:.4;cursor:not-allowed}body:not(.landing) .mimic-button.highlighted{background:#ffd7004d;border-color:gold;box-shadow:0 0 20px #ffd70099;transform:scale(1.15)}body:not(.landing) .game-over-overlay{position:absolute;inset:0;background:#000000e6;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:100;animation:fadeIn .5s ease-out}body:not(.landing) .game-over-overlay h2{color:gold;font-size:2.5rem;margin:0 0 1rem}body:not(.landing) .game-over-overlay p{color:#fff;font-size:1.2rem;margin:.5rem 0}@keyframes fallRotateGood{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fallRotateBad{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}@keyframes matchPulse{0%,to{transform:rotateY(180deg) scale(1)}50%{transform:rotateY(180deg) scale(1.1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}body:not(.landing) .color-burst-game{position:relative;background:linear-gradient(135deg,#1a0a2e,#0f0514);border-radius:10px;margin:0 auto}body:not(.landing) .burst-target{position:absolute;border-radius:50%;cursor:pointer;transition:transform .15s ease,opacity .15s ease;box-shadow:0 0 20px currentColor;animation:targetPulse 1.5s ease-in-out infinite}body:not(.landing) .burst-target:hover{transform:scale(1.15)}body:not(.landing) .burst-target.chaos-red{background:radial-gradient(circle,#ff6b6b,#ff4500);box-shadow:0 0 25px #ff4500}body:not(.landing) .burst-target.chaos-purple{background:radial-gradient(circle,#ff69f0,#ff1493);box-shadow:0 0 25px #ff1493}body:not(.landing) .burst-target.chaos-orange{background:radial-gradient(circle,#ffb347,#ff8c00);box-shadow:0 0 25px #ff8c00}body:not(.landing) .burst-target.chaos-pink{background:radial-gradient(circle,#ffb3d9,#ff69b4);box-shadow:0 0 25px #ff69b4}body:not(.landing) .burst-target.void-dark{background:radial-gradient(circle,#b048db,#8b008b);box-shadow:0 0 30px #8b008b}body:not(.landing) .hud-item.combo{color:gold;font-weight:700;animation:comboGlow .5s ease-in-out}body:not(.landing) .void-jumper-game{position:relative;background:linear-gradient(180deg,#0a0015,#1a0a2e,#2d1b4e);overflow:hidden;border-radius:10px;margin:0 auto}body:not(.landing) .player-jumper{position:absolute;width:35px;height:35px;background:radial-gradient(circle,#ff69b4,#ff1493);border-radius:50%;box-shadow:0 0 20px #ff69b4;z-index:10}body:not(.landing) .platform{position:absolute;background:linear-gradient(90deg,#4a2860,#6b3d7a);border:2px solid #9b59b6;box-shadow:0 0 15px #9b59b680}body:not(.landing) .portal{position:absolute;background:radial-gradient(circle,#0ff,#0080ff);border-radius:50%;box-shadow:0 0 30px #0ff;animation:portalSpin 2s linear infinite,portalPulse 1.5s ease-in-out infinite}body:not(.landing) .energy-orb{position:absolute;width:20px;height:20px;background:radial-gradient(circle,gold,#fa0);border-radius:50%;box-shadow:0 0 15px gold;animation:orbFloat 2s ease-in-out infinite}body:not(.landing) .probability-puzzle-game{width:100%;max-width:500px;min-height:500px;background:linear-gradient(135deg,#1a0033,#0d001a);border-radius:10px;padding:1rem;margin:0 auto}body:not(.landing) .puzzle-grid{display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(6,1fr);gap:6px;max-width:400px;aspect-ratio:1;margin:0 auto;background:#0000004d;padding:8px;border-radius:10px;border:2px solid rgba(255,105,180,.3)}body:not(.landing) .puzzle-tile{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:2rem;background:linear-gradient(135deg,#2a1a4e,#3d2860);border:2px solid rgba(155,89,182,.4);border-radius:8px;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none;box-shadow:0 2px 8px #0000004d}body:not(.landing) .puzzle-tile:hover{transform:scale(1.05);border-color:#ffd70099;box-shadow:0 0 15px #ffd7004d}body:not(.landing) .puzzle-tile.selected{transform:scale(1.1);background:linear-gradient(135deg,#ff69b4,#ff1493);border-color:gold;box-shadow:0 0 20px #ffd70080}body:not(.landing) .game-hud{display:flex;justify-content:space-around;align-items:center;margin-bottom:1rem;padding:.75rem;background:#0000004d;border-radius:8px;border:1px solid rgba(255,255,255,.1)}body:not(.landing) .hud-item{font-size:1.1rem;color:#fff}body:not(.landing) .hud-item strong{color:gold;margin-left:.25rem}body:not(.landing) .game-canvas{border:3px solid rgba(255,255,255,.2);border-radius:10px;margin:0 auto 1rem}body:not(.landing) .game-instructions{text-align:center;margin-top:1rem;padding:.5rem;background:#0003;border-radius:8px}body:not(.landing) .game-instructions p{margin:.25rem 0;color:#fffc;font-size:.9rem}@keyframes targetPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes comboGlow{0%{text-shadow:0 0 5px #ffd700}to{text-shadow:0 0 20px #ffd700,0 0 30px #ffd700}}@keyframes portalSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes portalPulse{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.1);opacity:1}}@keyframes orbFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}body:not(.landing) .pattern-weaver-game{width:100%;max-width:600px;min-height:500px;background:linear-gradient(135deg,#001f3f,#036);border-radius:10px;padding:1.5rem;margin:0 auto}body:not(.landing) .pattern-section{margin:1.5rem 0}body:not(.landing) .pattern-label{text-align:center;color:#00bfff;font-size:1.2rem;margin-bottom:.75rem}body:not(.landing) .pattern-display-row{display:flex;justify-content:center;gap:.75rem;min-height:80px;align-items:center}body:not(.landing) .pattern-tile{width:60px;height:60px;display:flex;align-items:center;justify-content:center;font-size:2.5rem;background:linear-gradient(135deg,#1e3a5f,#2c5282);border:3px solid rgba(0,191,255,.4);border-radius:10px;transition:all .3s ease}body:not(.landing) .pattern-tile.filled{border-color:#00bfffcc;box-shadow:0 0 15px #00bfff4d}body:not(.landing) .pattern-tile.empty{background:#0000004d;border-style:dashed}body:not(.landing) .feedback-text{text-align:center;font-size:1.3rem;font-weight:700;color:gold;margin:1.5rem 0;min-height:40px}body:not(.landing) .color-palette{display:flex;justify-content:center;gap:1rem;margin-top:2rem}body:not(.landing) .color-button{width:70px;height:70px;font-size:3rem;background:#ffffff1a;border:3px solid rgba(255,255,255,.3);border-radius:50%;cursor:pointer;transition:all .2s ease}body:not(.landing) .color-button:hover:not(:disabled){transform:scale(1.15);border-color:gold;box-shadow:0 0 20px #ffd70080}body:not(.landing) .color-button:disabled{opacity:.3;cursor:not-allowed}body:not(.landing) .crystal-stacker-game{position:relative;background:linear-gradient(180deg,#001a33,#024);overflow:hidden;margin:0 auto;border-radius:10px}body:not(.landing) .crystal{position:absolute;height:30px;border-radius:5px;box-shadow:0 4px 15px #00000080;transition:top .3s ease}body:not(.landing) .crystal.active{animation:crystalGlow 1s ease-in-out infinite;box-shadow:0 4px 20px currentColor}body:not(.landing) .crystal.stacked{opacity:.9}body:not(.landing) .stack-base{position:absolute;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,#00bfff,transparent);box-shadow:0 0 10px #00bfff}body:not(.landing) .sequence-solver-game{width:100%;max-width:600px;min-height:500px;background:linear-gradient(135deg,#0f2027,#203a43,#2c5364);border-radius:10px;padding:2rem;margin:0 auto}body:not(.landing) .sequence-display{display:flex;justify-content:center;gap:1rem;margin:2rem 0;flex-wrap:wrap}body:not(.landing) .sequence-number{width:70px;height:70px;display:flex;align-items:center;justify-content:center;font-size:1.8rem;font-weight:700;background:linear-gradient(135deg,#1e3a5f,#2c5282);border:3px solid rgba(0,191,255,.4);border-radius:10px;color:#fff;box-shadow:0 4px 10px #0000004d}body:not(.landing) .sequence-number.missing{background:linear-gradient(135deg,#4a1a4a,#6b2d6b);border-color:#ffd70099;color:gold;font-size:3rem;animation:questionPulse 1.5s ease-in-out infinite}body:not(.landing) .sequence-question{text-align:center;margin:2rem 0}body:not(.landing) .sequence-question p{font-size:1.2rem;color:#00bfff;font-weight:700}body:not(.landing) .answer-options{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;max-width:400px;margin:2rem auto}body:not(.landing) .answer-button{padding:1.5rem;font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,#1e3a5f,#2c5282);border:3px solid rgba(0,191,255,.4);border-radius:10px;color:#fff;cursor:pointer;transition:all .2s ease}body:not(.landing) .answer-button:hover:not(:disabled){transform:scale(1.05);border-color:gold;box-shadow:0 0 20px #00bfff80}body:not(.landing) .answer-button:disabled{cursor:not-allowed}body:not(.landing) .answer-button.correct{background:linear-gradient(135deg,#2e7d32,#4caf50);border-color:#4caf50;box-shadow:0 0 25px #4caf50b3}body:not(.landing) .answer-button.wrong{background:linear-gradient(135deg,#c62828,#f44336);border-color:#f44336;box-shadow:0 0 25px #f44336b3}body:not(.landing) .feedback-banner{text-align:center;padding:1rem;margin-top:1.5rem;border-radius:8px;font-size:1.3rem;font-weight:700}body:not(.landing) .feedback-banner.correct{background:#4caf5033;border:2px solid #4caf50;color:#4caf50}body:not(.landing) .feedback-banner.wrong{background:#f4433633;border:2px solid #f44336;color:#f44336}@keyframes crystalGlow{0%,to{filter:brightness(1)}50%{filter:brightness(1.3)}}@keyframes questionPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}@media (max-width: 768px){body:not(.landing) .catch-game{width:100%;max-width:350px;height:450px}body:not(.landing) .falling-item{font-size:2rem}body:not(.landing) .card-grid{grid-template-columns:repeat(4,1fr);gap:.5rem}body:not(.landing) .card-front,body:not(.landing) .card-back{font-size:2rem}body:not(.landing) .mimic-button{width:70px;height:70px;font-size:2rem}body:not(.landing) .button-spacer{width:70px}body:not(.landing) .puzzle-tile{font-size:1.5rem}body:not(.landing) .puzzle-grid{gap:4px;padding:6px}body:not(.landing) .pattern-tile{width:50px;height:50px;font-size:2rem}body:not(.landing) .color-button{width:60px;height:60px;font-size:2.5rem}body:not(.landing) .sequence-number{width:60px;height:60px;font-size:1.5rem}body:not(.landing) .sequence-number.missing{font-size:2.5rem}body:not(.landing) .answer-options{grid-template-columns:1fr}}body:not(.landing) .minigame-modal{width:90vw;max-width:900px}body:not(.landing) .modal-subtitle{text-align:center;color:#aaa;margin-bottom:1.5rem;font-size:1.1rem}body:not(.landing) .game-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem}body:not(.landing) .game-card{background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:15px;padding:1.5rem;cursor:pointer;transition:all .3s ease;position:relative}body:not(.landing) .game-card:hover{background:#ffffff1a;border-color:gold;transform:translateY(-5px);box-shadow:0 8px 25px #ffd7004d}body:not(.landing) .game-card.chaos{border-color:#ff45004d}body:not(.landing) .game-card.chaos:hover{border-color:#ff4500;box-shadow:0 8px 25px #ff450066}body:not(.landing) .game-card.order{border-color:#00bfff4d}body:not(.landing) .game-card.order:hover{border-color:#00bfff;box-shadow:0 8px 25px #00bfff66}body:not(.landing) .game-name{font-size:1.3rem;font-weight:700;color:#fff;margin-bottom:.8rem}body:not(.landing) .game-description{font-size:.95rem;color:#aaa;margin-bottom:1rem;line-height:1.5}body:not(.landing) .game-rewards{text-align:center;padding:.6rem;background:#ffd7001a;border-radius:10px;margin-top:auto}body:not(.landing) .reward-text{color:gold;font-weight:700;font-size:1rem}body:not(.landing) .game-alignment-badge{position:absolute;top:-10px;right:-10px;padding:.4rem .8rem;border-radius:15px;font-size:.75rem;font-weight:700;text-transform:uppercase;box-shadow:0 3px 10px #0000004d}body:not(.landing) .game-alignment-badge.chaos{background:linear-gradient(135deg,#ff4500,#ff1493);color:#fff}body:not(.landing) .game-alignment-badge.order{background:linear-gradient(135deg,#00bfff,#8a2be2);color:#fff}body:not(.landing) .minigame-active{width:95vw;max-width:600px}body:not(.landing) .minigame-body{display:flex;flex-direction:column;align-items:center}body:not(.landing) .game-hud{width:100%;display:flex;justify-content:space-around;padding:1rem;background:#0000004d;border-radius:10px;margin-bottom:1.5rem}body:not(.landing) .hud-item{text-align:center;color:#fff}body:not(.landing) .hud-item strong{color:gold;font-size:1.2rem;display:block}body:not(.landing) .game-canvas{background:#00000080;border-radius:15px;border:3px solid rgba(255,255,255,.2);position:relative;overflow:hidden;margin-bottom:1rem}body:not(.landing) .game-instructions{text-align:center;color:#aaa;font-size:.9rem;line-height:1.6}body:not(.landing) .game-instructions p{margin:.3rem 0}@media (max-width: 768px){body:not(.landing) .game-grid{grid-template-columns:1fr}body:not(.landing) .game-hud{flex-direction:column;gap:.5rem}}.trick-training-modal{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}.trick-training-content{background:linear-gradient(135deg,#1f2937,#111827);border-radius:20px;padding:2rem;max-width:700px;width:95%;max-height:85vh;overflow-y:auto;box-shadow:0 20px 60px #000000b3;border:2px solid rgba(255,215,0,.2);color:#fff}.training-phase{animation:slideUp .3s ease-out}.selection-phase h2{font-size:2rem;text-align:center;margin-bottom:.5rem;color:#fbbf24;text-shadow:0 0 10px rgba(251,191,36,.5)}.training-intro{text-align:center;color:#d1d5db;margin-bottom:2rem;font-size:1rem}.no-tricks{text-align:center;padding:2rem;background:#0000004d;border-radius:15px;margin-bottom:2rem}.no-tricks p{color:#9ca3af;margin:.5rem 0}.help-text{font-size:.85rem;color:#6b7280;margin-top:1rem}.tricks-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.trick-card{background:#ffffff0d;border:2px solid rgba(255,215,0,.2);border-radius:15px;padding:1.5rem;transition:all .3s ease;cursor:pointer}.trick-card:hover{background:#ffffff1a;border-color:#ffd70066;transform:translateY(-5px);box-shadow:0 10px 30px #fbbf2433}.trick-card.learned{border-color:#4ade8066;background:#4ade800d}.trick-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.trick-icon{font-size:2.5rem}.difficulty-badge{padding:.3rem .8rem;border-radius:20px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.difficulty-easy{background:#4ade8033;color:#4ade80;border:1px solid rgba(74,222,128,.5)}.difficulty-normal{background:#3b82f633;color:#60a5fa;border:1px solid rgba(59,130,246,.5)}.difficulty-hard{background:#f9731633;color:#fb923c;border:1px solid rgba(249,115,22,.5)}.difficulty-expert{background:#ef444433;color:#f87171;border:1px solid rgba(239,68,68,.5)}.trick-card h3{margin:.5rem 0;color:#fbbf24;font-size:1.1rem}.trick-description{font-size:.85rem;color:#d1d5db;margin-bottom:1rem;line-height:1.4}.mastery-info{margin-bottom:1rem}.mastery-info span{display:block;font-size:.85rem;color:#9ca3af;margin-bottom:.5rem}.mastery-bar{width:100%;height:8px;background:#0000004d;border-radius:10px;overflow:hidden}.mastery-fill{height:100%;background:linear-gradient(90deg,#4ade80,#22c55e);transition:width .3s ease}.train-button{width:100%;padding:.75rem;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#1f2937;border:none;border-radius:10px;font-weight:700;cursor:pointer;transition:all .3s ease;font-size:.95rem}.train-button:hover:not(:disabled){transform:scale(1.05);box-shadow:0 5px 20px #fbbf2466}.train-button:disabled{opacity:.5;cursor:not-allowed}.active-training{padding:2rem}.training-header{text-align:center;margin-bottom:2rem}.training-header h2{margin:0;font-size:2rem;color:#fbbf24;display:flex;align-items:center;justify-content:center;gap:.5rem}.trick-emoji{font-size:2.5rem;animation:bounce 2s ease-in-out infinite}.pet-name{color:#60a5fa;font-size:1rem;margin-top:.5rem}.training-mechanic{background:#0000004d;border-radius:15px;padding:2rem;text-align:center;margin-bottom:2rem}.training-mechanic p{color:#d1d5db;margin-bottom:1.5rem;font-size:1.1rem}.button-mash{display:flex;flex-direction:column;align-items:center}.mash-button{width:120px;height:120px;border-radius:50%;background:linear-gradient(135deg,#f87171,#ef4444);color:#fff;border:3px solid #dc2626;font-size:2rem;font-weight:700;cursor:pointer;transition:all .1s ease;box-shadow:0 5px 20px #ef444466;user-select:none;-webkit-user-select:none}.mash-button:active{transform:scale(.95);box-shadow:0 2px 10px #ef44444d}.mash-button:hover{box-shadow:0 8px 30px #ef444480}.timing{display:flex;flex-direction:column;align-items:center;gap:2rem}.timing-circle{width:150px;height:150px;border:3px solid rgba(251,191,36,.3);border-radius:50%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle,rgba(251,191,36,.1),transparent);position:relative;box-shadow:0 0 30px #fbbf2433 inset}.inner-circle{width:60px;height:60px;background:#fbbf24;border-radius:50%;box-shadow:0 0 20px #fbbf24cc;transition:transform .1s ease}.timing-button{padding:1rem 2rem;background:linear-gradient(135deg,#60a5fa,#3b82f6);color:#fff;border:none;border-radius:10px;font-weight:700;cursor:pointer;font-size:1rem;transition:all .3s ease}.timing-button:hover{transform:scale(1.05);box-shadow:0 5px 20px #3b82f666}.sequence-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin:1rem 0}.sequence-button{padding:2rem;border:2px solid rgba(255,215,0,.3);border-radius:10px;background:#ffffff0d;color:#fff;font-size:1.5rem;font-weight:700;cursor:pointer;transition:all .2s ease}.sequence-button:hover{background:#ffd70033;border-color:#ffd70099;transform:scale(1.05)}.sequence-button:active{transform:scale(.95)}.sequence-progress{color:#60a5fa;font-weight:700;margin-top:1rem}.training-progress{background:#0003;padding:1.5rem;border-radius:10px;margin-top:2rem}.progress-bar-container{width:100%;height:25px;background:#0006;border-radius:15px;overflow:hidden;margin-bottom:1rem;border:1px solid rgba(255,215,0,.2)}.progress-bar-fill{height:100%;background:linear-gradient(90deg,#60a5fa,#3b82f6);width:0%;transition:width .1s linear;box-shadow:0 0 10px #3b82f680 inset}.feedback-text{color:#fbbf24;font-weight:700;text-align:center;margin:.5rem 0;font-size:1.1rem}.time-remaining{color:#9ca3af;font-size:.9rem;text-align:center;margin:0}.result-phase{text-align:center;padding:2rem;border-radius:15px;background:#0000004d;animation:slideDown .5s ease-out}.result-phase.success{border:2px solid rgba(74,222,128,.5);background:#4ade801a}.result-phase.failure{border:2px solid rgba(251,191,36,.5);background:#fbbf240d}.result-header{margin-bottom:1.5rem}.result-icon{font-size:3rem;margin-bottom:.5rem;display:inline-block}.result-icon.celebration{animation:bounce .6s ease-out}.result-icon.encouragement{animation:pulse 1.5s ease-in-out}.result-phase h2{margin:.5rem 0;font-size:2rem;color:#fbbf24}.result-details{background:#ffffff0d;border-radius:10px;padding:1.5rem;margin:1.5rem 0;text-align:left}.result-row{display:flex;justify-content:space-between;padding:.75rem 0;border-bottom:1px solid rgba(255,255,255,.1);color:#d1d5db}.result-row:last-child{border-bottom:none}.result-row span:first-child{color:#9ca3af}.result-row span:last-child{color:#fbbf24;font-weight:700}.result-bonus{color:#4ade80;font-weight:700;margin:1rem 0}.bonus-text{background:#4ade8033;padding:1rem;border-radius:10px;border:1px solid rgba(74,222,128,.4)}.close-button,.continue-button{width:100%;padding:1rem;background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff;border:none;border-radius:10px;font-weight:700;cursor:pointer;transition:all .3s ease;font-size:1rem;margin-top:1.5rem}.close-button:hover,.continue-button:hover{background:linear-gradient(135deg,#4b5563,#374151);transform:translateY(-2px);box-shadow:0 5px 15px #0006}.continue-button{background:linear-gradient(135deg,#4ade80,#22c55e);color:#1f2937}.continue-button:hover{background:linear-gradient(135deg,#22c55e,#16a34a)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideDown{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@media (max-width: 768px){.trick-training-content{padding:1.5rem;max-width:100%;border-radius:15px}.tricks-grid{grid-template-columns:1fr;gap:1rem}.training-header h2{font-size:1.5rem}.trick-emoji{font-size:2rem}.mash-button{width:100px;height:100px;font-size:1.5rem}.timing-circle{width:120px;height:120px}.sequence-grid{grid-template-columns:repeat(2,1fr)}}body:not(.landing) .action-menu{width:100%}body:not(.landing) .action-menu-title{font-size:1.3rem;margin:0 0 1rem;color:gold;text-align:center}body:not(.landing) .action-buttons{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1rem}body:not(.landing) .action-button{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.2rem .8rem;background:#ffffff1a;border:2px solid rgba(255,255,255,.2);border-radius:15px;cursor:pointer;transition:all .3s ease;color:#fff;font-size:.9rem}body:not(.landing) .action-button:hover:not(:disabled){background:#fff3;border-color:gold;transform:translateY(-3px);box-shadow:0 5px 15px #ffd7004d}body:not(.landing) .action-button:disabled{opacity:.4;cursor:not-allowed}body:not(.landing) .action-button.active{background:#ffd70033;border-color:gold}body:not(.landing) .action-icon{font-size:2rem}body:not(.landing) .action-label{font-weight:500;text-align:center}body:not(.landing) .action-button.feed:hover:not(:disabled){border-color:#ff9800;box-shadow:0 5px 15px #ff98004d}body:not(.landing) .action-button.play:hover:not(:disabled){border-color:#00bfff;box-shadow:0 5px 15px #00bfff4d}body:not(.landing) .action-button.clean:hover:not(:disabled){border-color:#4caf50;box-shadow:0 5px 15px #4caf504d}body:not(.landing) .action-button.sleep:hover:not(:disabled){border-color:#9c27b0;box-shadow:0 5px 15px #9c27b04d}body:not(.landing) .action-button.medicine:hover:not(:disabled){border-color:#f44336;box-shadow:0 5px 15px #f443364d}body:not(.landing) .action-button.praise:hover:not(:disabled){border-color:#8bc34a;box-shadow:0 5px 15px #8bc34a4d}body:not(.landing) .action-button.scold:hover:not(:disabled){border-color:#ff5722;box-shadow:0 5px 15px #ff57224d}body:not(.landing) .action-button.job:hover:not(:disabled){border-color:gold;box-shadow:0 5px 15px #ffd7004d}@media (max-width: 768px){body:not(.landing) .action-buttons{grid-template-columns:repeat(2,1fr)}body:not(.landing) .action-button{padding:1rem .6rem}body:not(.landing) .action-icon{font-size:1.5rem}body:not(.landing) .action-label{font-size:.8rem}}.daily-quests-container{width:100%;max-width:600px;margin:0 auto;padding:1rem;position:relative}.quests-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;padding:1rem;background:#ffd70014;border:2px solid rgba(255,215,0,.3);border-radius:15px;animation:slideDown .4s ease-out}.header-left{flex:1}.quests-title{margin:0 0 .5rem;color:gold;font-size:1.5rem;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.5)}.quest-stats{display:flex;gap:1.5rem;flex-wrap:wrap}.stat-item{display:flex;align-items:center;gap:.4rem;color:#fff;font-size:.9rem;font-weight:500}.stat-icon{font-size:1.1rem;display:inline-block}.stat-label{color:#fff}.header-right{flex-shrink:0;margin-left:1rem}.reset-timer{display:flex;align-items:center;gap:.5rem;padding:.6rem 1rem;background:#ffd70026;border:1px solid rgba(255,215,0,.4);border-radius:10px;color:gold;font-weight:700;font-size:.9rem}.timer-icon{font-size:1.1rem}.timer-text{min-width:60px;text-align:right}.quests-list{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.quest-card{background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:15px;padding:1.2rem;transition:all .3s ease;position:relative;overflow:hidden;animation:slideUp .4s ease-out}.quest-card:hover{background:#ffffff14;border-color:#ffd7004d;transform:translateY(-2px)}.quest-card.easy{border-left:4px solid #4caf50}.quest-card.medium{border-left:4px solid #ff9800}.quest-card.hard{border-left:4px solid #f44336}.quest-card.completed{background:#4caf5026;border-color:#4caf5066}.quest-card.completed .quest-header-content{opacity:.9}.quest-card.completing{animation:questComplete .5s ease-out}@keyframes questComplete{0%{background:#ffffff0d;transform:scale(1)}50%{background:#ffd70033;transform:scale(1.02)}to{background:#4caf5026;transform:scale(1)}}.quest-header-content{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1rem}.quest-icon{font-size:2.5rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.quest-info{flex:1;min-width:0}.quest-title{color:gold;font-size:1.1rem;font-weight:700;margin:0 0 .3rem}.quest-description{color:#aaa;font-size:.9rem;margin:0;line-height:1.4}.quest-difficulty-badge{flex-shrink:0;padding:.4rem .8rem;border-radius:8px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;background:#ffffff26;color:#fff;border:1px solid rgba(255,255,255,.2)}.quest-card.easy .quest-difficulty-badge{background:#4caf5033;border-color:#4caf5080;color:#4caf50}.quest-card.medium .quest-difficulty-badge{background:#ff980033;border-color:#ff980080;color:#ff9800}.quest-card.hard .quest-difficulty-badge{background:#f4433633;border-color:#f4433680;color:#f44336}.quest-progress-section{margin-bottom:1rem}.progress-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;font-size:.85rem}.progress-text{color:gold;font-weight:700}.progress-bar-container{width:100%;height:24px;background:#0006;border:1px solid rgba(255,215,0,.2);border-radius:12px;overflow:hidden;position:relative;box-shadow:inset 0 2px 4px #0000004d}.progress-bar-fill{height:100%;background:linear-gradient(90deg,#4caf50,#8bc34a);border-radius:11px;display:flex;align-items:center;justify-content:center;position:relative;box-shadow:0 0 8px #4caf5080}.quest-card.easy .progress-bar-fill{background:linear-gradient(90deg,#4caf50,#8bc34a);box-shadow:0 0 8px #4caf5080}.quest-card.medium .progress-bar-fill{background:linear-gradient(90deg,#ff9800,#ffc107);box-shadow:0 0 8px #ff980080}.quest-card.hard .progress-bar-fill{background:linear-gradient(90deg,#f44336,#ff6f00);box-shadow:0 0 8px #f4433680}.progress-complete-indicator{color:#fff;font-weight:700;font-size:1rem;text-shadow:0 1px 3px rgba(0,0,0,.5);animation:pulseCheck .6s ease-out}@keyframes pulseCheck{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.quest-footer{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.quest-reward{display:flex;align-items:center;gap:.5rem;padding:.6rem 1rem;background:#ffd7001a;border-radius:10px;border:1px solid rgba(255,215,0,.3)}.reward-icon{font-size:1.2rem;display:inline-block}.reward-amount{color:gold;font-weight:700;font-size:1rem}.claim-button,.quest-status{padding:.6rem 1.2rem;border:none;border-radius:10px;font-weight:700;font-size:.9rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.4rem}.claim-button{background:linear-gradient(135deg,#4caf50,#8bc34a);color:#fff;border:2px solid rgba(76,175,80,.5);box-shadow:0 4px 12px #4caf504d}.claim-button:hover:not(:disabled){transform:scale(1.05);box-shadow:0 6px 16px #4caf5080;background:linear-gradient(135deg,#66bb6a,#9ccc65)}.claim-button:active:not(:disabled){transform:scale(.98)}.claim-button.claimed{background:#4caf504d;color:#4caf50;border-color:#4caf5080;cursor:default;box-shadow:none}.claim-button:disabled{opacity:.6;cursor:not-allowed}.quest-status{background:#ffffff1a;color:#aaa;border:1px solid rgba(255,255,255,.2);cursor:default}.quest-status.incomplete{color:#ff9800}.completion-particles{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;pointer-events:none}.particle{position:absolute;font-size:1.5rem;animation:float-up 1.5s ease-out forwards;opacity:0}.particle:nth-child(1){left:20%;animation-delay:0s}.particle:nth-child(2){left:50%;animation-delay:.1s}.particle:nth-child(3){left:80%;animation-delay:.2s}@keyframes float-up{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-80px) scale(.5)}}.quests-bonus{padding:1rem;background:#4caf501a;border:2px dashed rgba(76,175,80,.4);border-radius:12px;text-align:center}.bonus-content{display:flex;align-items:center;justify-content:center;gap:.6rem;color:#8bc34a;font-size:.95rem;font-weight:500}.bonus-icon{font-size:1.3rem;display:inline-block}.bonus-text{line-height:1.4}.quest-celebration{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:2000}.celebration-content{display:flex;flex-direction:column;align-items:center;gap:1rem;animation:celebrationPop .6s cubic-bezier(.34,1.56,.64,1)}.celebration-emoji{font-size:5rem;animation:bounce .8s ease-out infinite}.celebration-text{color:gold;font-size:2rem;font-weight:700;text-shadow:0 3px 10px rgba(0,0,0,.5);text-align:center;animation:slideInDown .6s ease-out}@keyframes celebrationPop{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.daily-quests-container{padding:.8rem}.quests-header{flex-direction:column;gap:1rem}.header-right{width:100%;margin-left:0}.reset-timer{width:100%;justify-content:center}.quest-card{padding:1rem}.quest-header-content{gap:.8rem}.quest-icon{font-size:2rem}.quest-title{font-size:1rem}.quest-description{font-size:.85rem}.quest-footer{flex-direction:column;gap:1rem}.quest-reward,.claim-button,.quest-status{width:100%;justify-content:center}.celebration-emoji{font-size:3.5rem}.celebration-text{font-size:1.5rem}.stat-item{min-width:100%;margin-bottom:.5rem}}@media (max-width: 480px){.quest-card{padding:.8rem}.quest-header-content{flex-direction:column}.quest-icon{width:100%;text-align:center}.quest-difficulty-badge{align-self:flex-start}.progress-bar-container{height:20px}.reset-timer{font-size:.85rem;padding:.5rem .8rem}.reward-amount{font-size:.9rem}.claim-button{font-size:.85rem;padding:.5rem 1rem}}.achievement-notification{position:fixed;inset:0;z-index:9999;pointer-events:none;opacity:0;transition:opacity .3s ease}.achievement-notification.visible{pointer-events:auto;opacity:1}.notification-backdrop{position:absolute;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);cursor:pointer}.notification-card{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.8);max-width:500px;width:90vw;padding:3rem 2rem;background:linear-gradient(135deg,#141428f2,#28143cf2);border:3px solid #ffd700;border-radius:20px;box-shadow:0 20px 60px #ffd70066;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column;align-items:center;gap:1.5rem;text-align:center;pointer-events:auto;animation:cardAppear .6s cubic-bezier(.34,1.56,.64,1) forwards}.achievement-notification.visible .notification-card{animation:cardAppear .6s cubic-bezier(.34,1.56,.64,1) forwards}.achievement-notification:not(.visible) .notification-card{animation:cardDisappear .3s ease forwards}@keyframes cardAppear{0%{transform:translate(-50%,-50%) scale(.8) rotateX(30deg);opacity:0}to{transform:translate(-50%,-50%) scale(1) rotateX(0);opacity:1}}@keyframes cardDisappear{0%{transform:translate(-50%,-50%) scale(1);opacity:1}to{transform:translate(-50%,-50%) scale(.9);opacity:0}}.celebration-text{font-size:1.2rem;font-weight:700;color:gold;text-shadow:0 0 20px rgba(255,215,0,.5);letter-spacing:2px;animation:celebrationBounce .6s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes celebrationBounce{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.achievement-icon-large{position:relative;width:120px;height:120px;margin:1rem 0}.icon-glow{position:absolute;inset:-10px;background:radial-gradient(circle,rgba(255,215,0,.3),transparent);border-radius:50%;animation:glowPulse 2s ease-in-out infinite}@keyframes glowPulse{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.2);opacity:.8}}.icon-content{position:relative;width:100%;height:100%;font-size:5rem;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ffd70033,#00bfff1a);border:3px solid #ffd700;border-radius:20px;animation:iconBounce .8s cubic-bezier(.34,1.56,.64,1) forwards;z-index:10}@keyframes iconBounce{0%{transform:scale(0) rotate(-45deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}.icon-sparkles{position:absolute;inset:0;border-radius:20px;overflow:hidden}.sparkle{position:absolute;animation:sparkleFloat 1.5s ease-out infinite;animation-delay:var(--sparkle-delay, 0s)}.sparkle:nth-child(1){top:10%;left:10%}.sparkle:nth-child(2){top:10%;right:10%}.sparkle:nth-child(3){top:50%;left:5%}.sparkle:nth-child(4){top:50%;right:5%}.sparkle:nth-child(5){bottom:10%;left:10%}.sparkle:nth-child(6){bottom:10%;right:10%}@keyframes sparkleFloat{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(var(--tx, 20px),var(--ty, -30px)) scale(0)}}.achievement-name-large{font-size:1.8rem;font-weight:700;color:gold;text-shadow:0 2px 10px rgba(255,215,0,.3);animation:slideInDown .6s cubic-bezier(.34,1.56,.64,1) .2s both}@keyframes slideInDown{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.achievement-description-large{font-size:1rem;color:#ffffffd9;line-height:1.5;max-width:400px;animation:slideInDown .6s cubic-bezier(.34,1.56,.64,1) .3s both}.reward-section{display:flex;gap:1.5rem;padding:1.5rem;background:#ffd7001a;border:2px solid rgba(255,215,0,.3);border-radius:15px;width:100%;animation:slideInUp .6s cubic-bezier(.34,1.56,.64,1) .4s both}@keyframes slideInUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.reward-item{display:flex;flex-direction:column;align-items:center;gap:.5rem;flex:1}.reward-icon{font-size:2.5rem;animation:rewardIconPop .5s cubic-bezier(.34,1.56,.64,1)}@keyframes rewardIconPop{0%{transform:scale(0) rotate(-180deg)}to{transform:scale(1) rotate(0)}}.reward-text{display:flex;flex-direction:column;gap:.25rem}.reward-amount{font-size:1.5rem;font-weight:700;color:gold;text-shadow:0 0 10px rgba(255,215,0,.3)}.reward-type{font-size:.85rem;color:#ffffffb3;text-transform:capitalize}.essence-reward .reward-icon{animation-delay:0s}.bonus-reward .reward-icon{animation-delay:.15s}.particle{position:absolute;font-size:1.5rem;animation:particleExplode 1.5s ease-out forwards;animation-delay:var(--delay, 0s)}.particle:nth-child(1){top:50%;left:50%}.particle:nth-child(2){top:50%;left:50%}.particle:nth-child(3){top:50%;left:50%}.particle:nth-child(4){top:50%;left:50%}.particle:nth-child(5){top:50%;left:50%}.particle:nth-child(6){top:50%;left:50%}.particle:nth-child(7){top:50%;left:50%}.particle:nth-child(8){top:50%;left:50%}.particle:nth-child(9){top:50%;left:50%}.particle:nth-child(10){top:50%;left:50%}.particle:nth-child(11){top:50%;left:50%}.particle:nth-child(12){top:50%;left:50%}@keyframes particleExplode{0%{transform:translate(0) scale(1);opacity:1}to{--distance: 80px;transform:translate(calc(cos(var(--angle, 0deg)) * var(--distance)),calc(sin(var(--angle, 0deg)) * var(--distance))) scale(.5);opacity:0}}.confetti-burst{position:absolute;inset:0;pointer-events:none;border-radius:20px;overflow:hidden}.confetti{position:absolute;width:10px;height:10px;top:50%;left:50%;animation:confettiFall 2s ease-out forwards;animation-delay:var(--delay, 0s)}.confetti:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,gold,#00bfff);border-radius:50%}@keyframes confettiFall{0%{transform:translate(0) rotate(0) scale(1);opacity:1}to{transform:translate(var(--x, 0),var(--y, 100px)) rotate(var(--rotation, 0deg)) scale(0);opacity:0}}.achievement-stats{display:flex;gap:1rem;width:100%;padding:1rem;background:#0000004d;border-radius:10px;animation:slideInDown .6s cubic-bezier(.34,1.56,.64,1) .5s both}.stat{display:flex;flex-direction:column;align-items:center;gap:.25rem;flex:1}.stat-label{font-size:.8rem;color:#fff9}.stat-value{font-size:1rem;font-weight:600}.stat-value.category-care{color:#ff9800}.stat-value.category-evolution{color:#00bfff}.stat-value.category-minigame{color:#9c27b0}.stat-value.category-collection{color:#4caf50}.stat-value.category-special{color:#ff5722}.notification-actions{display:flex;gap:1rem;width:100%;animation:slideInDown .6s cubic-bezier(.34,1.56,.64,1) .6s both}.btn{flex:1;padding:.75rem 1.5rem;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}.btn-primary{background:linear-gradient(135deg,gold,#ffed4e);color:#000;box-shadow:0 4px 15px #ffd7004d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ffd70066}.btn-primary:active{transform:translateY(0)}.dismiss-hint{font-size:.8rem;color:#ffffff80;animation:fadeInUp .8s ease 1s both}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.notification-card{max-width:90vw;padding:2.5rem 1.5rem;gap:1.2rem;border-radius:15px}.achievement-name-large{font-size:1.5rem}.achievement-description-large{font-size:.9rem}.icon-content{font-size:4rem;width:100px;height:100px}.achievement-icon-large{width:100px;height:100px}.reward-section,.notification-actions{flex-direction:column}.btn{padding:.65rem 1rem;font-size:.9rem}}@media (max-width: 480px){.notification-card{width:95vw;padding:2rem 1.25rem;gap:1rem}.celebration-text{font-size:1rem;letter-spacing:1px}.achievement-name-large{font-size:1.3rem}.achievement-description-large{font-size:.85rem}.achievement-icon-large{width:80px;height:80px}.icon-content{font-size:3rem;width:80px;height:80px}.icon-glow{inset:-8px}.reward-section{padding:1rem}.reward-icon{font-size:2rem}.reward-amount{font-size:1.3rem}.notification-actions{gap:.75rem}.btn{padding:.6rem 1rem;font-size:.85rem;letter-spacing:.5px}}@media (prefers-reduced-motion: reduce){.achievement-notification,.notification-card,.celebration-text,.achievement-icon-large,.icon-content,.achievement-name-large,.achievement-description-large,.reward-section,.achievement-stats,.notification-actions,.dismiss-hint,.particle,.confetti,.sparkle,.reward-icon,.icon-glow{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.collection-display-container{width:100%;max-width:1400px;margin:0 auto;padding:2rem 1rem;display:flex;flex-direction:column;gap:2rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.collection-header{background:linear-gradient(135deg,#141428cc,#28143ccc);border:2px solid rgba(100,50,150,.6);border-radius:16px;padding:2rem;display:grid;grid-template-columns:1fr auto;gap:2rem;align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 32px #0000004d}.header-content{display:flex;flex-direction:column;gap:1rem}.collection-header h2{margin:0;font-size:2rem;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.5)}.completion-stats{display:flex;flex-direction:column;gap:.75rem}.main-stat{display:flex;align-items:center;gap:1.5rem}.stat-label{font-size:.95rem;color:#ffffffb3;font-weight:500}.stat-value{font-size:1.5rem;color:#64d8ff;font-weight:700;font-family:Monaco,Courier New,monospace}.stat-percentage{font-size:1.3rem;color:#64d8ff;font-weight:600}.progress-bar-wrapper{width:100%;max-width:300px}.progress-bar{width:100%;height:24px;background:#0000004d;border:2px solid rgba(100,200,255,.5);border-radius:12px;overflow:hidden;box-shadow:inset 0 2px 4px #0000004d}.progress-fill{height:100%;background:linear-gradient(90deg,#64d8ff,#08f);border-radius:10px;transition:width .5s ease;box-shadow:0 0 12px #64d8ffcc}.rarity-breakdown{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.rarity-stat{display:flex;flex-direction:column;align-items:center;gap:.3rem;padding:.8rem;background:#0003;border-radius:8px;border-left:4px solid;text-align:center}.rarity-stat:nth-child(1){border-left-color:#a8a8a8}.rarity-stat:nth-child(2){border-left-color:#2ecc71}.rarity-stat:nth-child(3){border-left-color:#3498db}.rarity-stat:nth-child(4){border-left-color:#f39c12}.rarity-icon{font-size:1.8rem}.rarity-count{font-size:1rem;color:#64d8ff;font-weight:700;font-family:Monaco,Courier New,monospace}.rarity-label{font-size:.7rem;color:#fff9;text-transform:uppercase;letter-spacing:.5px}.collection-controls{display:flex;flex-direction:column;gap:1.5rem;padding:1.5rem;background:#14142899;border:1px solid rgba(100,50,150,.3);border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.search-box{position:relative;display:flex;align-items:center}.search-input{width:100%;padding:.75rem 1rem;background:#0006;border:2px solid rgba(100,200,255,.3);border-radius:8px;color:#fff;font-size:1rem;transition:all .3s ease}.search-input:focus{outline:none;border-color:#64d8ff;background:#00000080;box-shadow:0 0 12px #64d8ff66}.search-input::placeholder{color:#fff6}.clear-search{position:absolute;right:12px;background:none;border:none;color:#fff9;cursor:pointer;font-size:1.2rem;padding:.25rem;transition:color .2s}.clear-search:hover{color:#64d8ff}.view-mode-buttons{display:flex;gap:.5rem;flex-wrap:wrap}.view-btn{padding:.5rem 1rem;background:#0000004d;border:2px solid rgba(100,200,255,.3);border-radius:6px;color:#ffffffb3;cursor:pointer;font-weight:500;transition:all .3s ease}.view-btn:hover{border-color:#64c8ff99;color:#fff}.view-btn.active{background:#64c8ff4d;border-color:#64d8ff;color:#64d8ff;box-shadow:0 0 8px #64d8ff66}.category-filters{display:flex;gap:.5rem;flex-wrap:wrap}.category-btn{padding:.5rem 1rem;background:#0000004d;border:2px solid rgba(150,100,200,.3);border-radius:6px;color:#ffffffb3;cursor:pointer;font-weight:500;transition:all .3s ease;font-size:.9rem}.category-btn:hover{border-color:#9664c899;color:#fff}.category-btn.active{background:#9664c84d;border-color:#d99ff2;color:#d99ff2}.rarity-filters{display:flex;gap:.5rem;flex-wrap:wrap}.rarity-btn{padding:.5rem 1rem;background:#0000004d;border:2px solid rgba(200,200,200,.3);border-radius:6px;color:#ffffffb3;cursor:pointer;font-weight:500;transition:all .3s ease;font-size:.9rem}.rarity-btn:hover{border-color:#fff9;color:#fff}.rarity-btn.active{color:#000;border-color:currentColor;font-weight:700;box-shadow:0 0 12px currentColor}.sort-controls{display:flex;align-items:center;gap:1rem}.sort-controls label{color:#fffc;font-weight:500;white-space:nowrap}.sort-select{padding:.5rem 1rem;background:#0006;border:2px solid rgba(100,200,255,.3);border-radius:6px;color:#fff;cursor:pointer;font-size:.95rem;transition:all .3s ease;flex:1;max-width:300px}.sort-select:focus{outline:none;border-color:#64d8ff;background:#00000080}.sort-select option{background:#1a1a2e;color:#fff}.collection-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1.5rem;min-height:300px}.collection-item{position:relative;background:linear-gradient(135deg,#1e1e32cc,#321e46cc);border:3px solid rgba(100,50,150,.6);border-radius:12px;padding:1rem;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;gap:1rem;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.collection-item:hover:not(.silhouette){transform:translateY(-8px);border-color:#64d8ff;box-shadow:0 12px 24px #64d8ff4d}.collection-item.silhouette{opacity:.6}.collection-item.silhouette:hover{opacity:.75;border-color:#c8c8c899}.collection-item.rarity-common{background:linear-gradient(135deg,#1e1e32cc,#28283ccc)}.collection-item.rarity-uncommon{background:linear-gradient(135deg,#1e321ecc,#283c28cc);border-color:#2ecc7166}.collection-item.rarity-uncommon:hover:not(.silhouette){border-color:#2ecc71}.collection-item.rarity-rare{background:linear-gradient(135deg,#1e283ccc,#283250cc);border-color:#3498db66}.collection-item.rarity-rare:hover:not(.silhouette){border-color:#3498db}.collection-item.rarity-legendary{background:linear-gradient(135deg,#3c2814cc,#503214cc);border-color:#f39c1299;animation:legendaryGlow 2s ease-in-out infinite}.collection-item.rarity-legendary:hover:not(.silhouette){border-color:#f39c12;animation:legendaryGlowHover .3s ease forwards}@keyframes legendaryGlow{0%,to{box-shadow:0 0 12px #f39c124d}50%{box-shadow:0 0 24px #f39c1299}}@keyframes legendaryGlowHover{to{box-shadow:0 12px 24px #f39c1280}}.item-visual{position:relative;display:flex;align-items:center;justify-content:center;height:80px;background:#0000004d;border-radius:8px;font-size:3rem}.silhouette-overlay{position:absolute;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;border-radius:8px;z-index:1}.silhouette-icon{font-size:2.5rem;color:#ffffffb3}.item-emoji{position:relative;z-index:0}.item-info{display:flex;flex-direction:column;gap:.5rem;flex:1}.item-name{margin:0;font-size:1rem;font-weight:700;color:#fff;line-height:1.3;word-break:break-word}.item-category{margin:0;font-size:.8rem;color:#fff9;display:flex;align-items:center;gap:.3rem}.item-rarity{display:flex;align-items:center;gap:.5rem}.rarity-badge{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.not-owned-label{margin:0;margin-top:.5rem;font-size:.75rem;color:#ffffff80;font-style:italic}.item-badge{position:absolute;top:.5rem;right:.5rem}.owned-badge{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;background:linear-gradient(135deg,#2ecc71,#27ae60);border-radius:50%;color:#fff;font-weight:700;font-size:1rem;box-shadow:0 4px 8px #2ecc7166}.empty-state{grid-column:1 / -1;text-align:center;padding:3rem 1rem;color:#ffffff80;font-size:1.1rem}.item-details-modal{position:fixed;inset:0;z-index:2000;display:flex;align-items:center;justify-content:center;padding:1rem;pointer-events:none;opacity:0;transition:opacity .3s ease}.item-details-modal.visible{pointer-events:auto;opacity:1}.details-backdrop{position:absolute;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer}.details-card{position:relative;background:linear-gradient(135deg,#141428f2,#28143cf2);border:3px solid rgba(100,200,255,.6);border-radius:16px;padding:2rem;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;display:flex;flex-direction:column;gap:1.5rem;box-shadow:0 20px 60px #0006;transform:scale(.9);transition:transform .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.item-details-modal.visible .details-card{transform:scale(1)}.close-btn{position:absolute;top:1rem;right:1rem;width:32px;height:32px;background:#ffffff1a;border:2px solid rgba(255,255,255,.3);border-radius:50%;color:#fff;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:10}.close-btn:hover{background:#fff3;border-color:#64d8ff;color:#64d8ff}.details-header{display:flex;align-items:center;gap:1.5rem;margin-top:1rem}.details-visual{display:flex;align-items:center;justify-content:center;width:100px;height:100px;background:#0000004d;border-radius:8px;flex-shrink:0}.details-emoji{font-size:3.5rem}.details-title{flex:1}.details-title h3{margin:0;font-size:1.8rem;color:#fff;line-height:1.2}.item-cost{margin:.5rem 0 0;font-size:.95rem;color:#64d8ff;font-weight:600}.details-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.meta-item{display:flex;flex-direction:column;gap:.3rem;padding:.75rem;background:#0003;border-radius:6px;border-left:3px solid rgba(100,200,255,.5)}.meta-label{font-size:.75rem;color:#ffffff80;text-transform:uppercase;letter-spacing:.5px}.meta-value{font-size:1rem;font-weight:600;color:#fff}.details-description{padding:1rem;background:#0003;border-radius:8px;border-left:3px solid rgba(100,200,255,.5)}.details-description p{margin:0;color:#ffffffe6;line-height:1.6;font-size:.95rem}.details-alignment{padding:1rem;background:#9664c833;border-radius:8px;border-left:3px solid #d99ff2;text-align:center}.alignment-label{color:#fffc;font-size:.95rem}.alignment-label strong{color:#d99ff2;font-size:1.1rem}.details-close-btn{padding:.75rem 1.5rem;background:linear-gradient(135deg,#64c8ff4d,#6496ff4d);border:2px solid #64d8ff;border-radius:8px;color:#64d8ff;font-weight:600;cursor:pointer;font-size:1rem;transition:all .3s ease}.details-close-btn:hover{background:linear-gradient(135deg,#64c8ff80,#6496ff80);box-shadow:0 0 16px #64d8ff80}@media (max-width: 768px){.collection-header{grid-template-columns:1fr;gap:1.5rem}.rarity-breakdown{grid-template-columns:repeat(2,1fr)}.collection-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem}.sort-controls{flex-direction:column;align-items:flex-start}.sort-select{width:100%;max-width:none}.category-filters,.rarity-filters,.view-mode-buttons{justify-content:center}.details-header{flex-direction:column;text-align:center}.details-meta{grid-template-columns:1fr}}@media (max-width: 480px){.collection-display-container{padding:1rem .5rem;gap:1rem}.collection-header{padding:1rem}.collection-header h2{font-size:1.5rem}.collection-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.75rem}.collection-item{padding:.75rem;gap:.75rem}.item-visual{height:60px;font-size:2rem}.item-name{font-size:.85rem}.rarity-breakdown{grid-template-columns:1fr}.details-card{padding:1.5rem 1rem;border-radius:12px}}.item-notification{position:fixed;inset:0;z-index:9998;pointer-events:none;opacity:0;transition:opacity .3s ease}.item-notification.visible{pointer-events:auto;opacity:1}.notification-backdrop{position:absolute;inset:0;background:#0009;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);cursor:pointer}.notification-card{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.85) rotateX(20deg);width:90vw;max-width:450px;padding:2.5rem 2rem;background:linear-gradient(135deg,#141428f2,#28143cf2);border:3px solid rgba(100,200,255,.4);border-radius:20px;box-shadow:0 20px 60px #00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column;align-items:center;gap:1.5rem;text-align:center;pointer-events:auto;transition:all .4s cubic-bezier(.34,1.56,.64,1)}.item-notification.visible .notification-card{transform:translate(-50%,-50%) scale(1) rotateX(0)}.item-notification:not(.visible) .notification-card{transition:all .3s ease;transform:translate(-50%,-50%) scale(.9) rotateX(-20deg);opacity:0}.item-notification.rarity-legendary .notification-card{border-color:#f39c12cc;animation:legendaryCardPulse .6s ease forwards}@keyframes legendaryCardPulse{0%{box-shadow:0 0 #f39c1200}50%{box-shadow:0 20px 60px #f39c1299}to{box-shadow:0 20px 60px #f39c124d}}.item-notification.rarity-rare .notification-card{border-color:#3498db99}.item-notification.rarity-uncommon .notification-card{border-color:#2ecc7180}.confetti-burst{position:absolute;inset:0;pointer-events:none;overflow:visible}.confetti-piece{position:absolute;top:50%;left:50%;font-size:1.5rem;animation:confettiFall var(--duration, 1.5s) ease-out forwards;animation-delay:var(--delay, 0s)}@keyframes confettiFall{0%{transform:translate(0) rotate(0);opacity:1}to{transform:translate(var(--x, 0),var(--y, 0)) rotate(var(--rotation, 0deg));opacity:0}}.celebration-particles{position:absolute;inset:0;pointer-events:none;overflow:visible}.particle{position:absolute;top:50%;left:50%;font-size:1.2rem;animation:particleFloat var(--duration, 1.5s) ease-out forwards;animation-delay:var(--delay, 0s);opacity:.8}@keyframes particleFloat{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(calc(60px*cos(var(--angle))),calc(60px*sin(var(--angle)))) scale(.5);opacity:0}}.item-icon-container{position:relative;width:120px;height:120px;display:flex;align-items:center;justify-content:center}.icon-background{position:absolute;inset:0;border:3px solid rgba(100,200,255,.5);border-radius:50%;background:radial-gradient(circle,#0006,#000c);animation:iconBounce .6s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes iconBounce{0%{transform:scale(0);opacity:0}50%{transform:scale(1.15)}to{transform:scale(1);opacity:1}}.item-icon{position:relative;font-size:4rem;z-index:1}.item-icon-container.legendary-glow{animation:legendaryPulse .8s ease-out}@keyframes legendaryPulse{0%{transform:scale(.5)}50%{transform:scale(1.1)}to{transform:scale(1)}}.icon-shine{position:absolute;inset:-10px;border-radius:50%;background:conic-gradient(from 0deg,transparent 0deg,rgba(243,156,18,.6) 60deg,transparent 120deg);animation:shineRotate 3s linear infinite;opacity:0;animation:shineAppear .6s ease forwards .2s}@keyframes shineRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shineAppear{to{opacity:1}}.item-notification.rarity-legendary .icon-background{border-color:#f39c12;box-shadow:0 0 20px #f39c1280;animation:iconBounce .6s cubic-bezier(.34,1.56,.64,1) forwards,legendaryGlow 2s ease-in-out .6s infinite}@keyframes legendaryGlow{0%,to{box-shadow:0 0 20px #f39c1280}50%{box-shadow:0 0 40px #f39c12cc}}.item-notification.rarity-rare .icon-background{border-color:#3498db;box-shadow:0 0 16px #3498db66}.item-notification.rarity-uncommon .icon-background{border-color:#2ecc71;box-shadow:0 0 16px #2ecc714d}.celebration-text{font-size:1.3rem;font-weight:700;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.5);animation:celebrationTextPop .6s cubic-bezier(.34,1.56,.64,1) .2s forwards;opacity:0}@keyframes celebrationTextPop{0%{transform:scale(.8) translateY(-20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.item-notification.rarity-legendary .celebration-text{color:#f39c12;font-size:1.5rem;text-shadow:0 0 12px rgba(243,156,18,.6)}.item-details{display:flex;flex-direction:column;gap:1rem;width:100%}.item-name{font-size:1.4rem;font-weight:700;color:#fff;animation:nameSlideIn .5s ease .3s backwards}@keyframes nameSlideIn{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.rarity-display{display:flex;align-items:center;justify-content:center;gap:.5rem;font-weight:700;font-size:1.1rem;text-transform:uppercase;letter-spacing:1px;animation:raritySlideIn .5s ease .35s backwards}@keyframes raritySlideIn{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.rarity-icon{font-size:1.4rem}.rarity-label{letter-spacing:.5px}.item-description{margin:0;color:#ffffffd9;font-size:.95rem;line-height:1.5;animation:descriptionSlideIn .5s ease .4s backwards}@keyframes descriptionSlideIn{0%{transform:translateY(-15px);opacity:0}to{transform:translateY(0);opacity:1}}.item-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.stat-item{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.6rem;background:#0000004d;border-radius:6px;border:1px solid rgba(100,200,255,.3);animation:statsSlideIn .5s ease .45s backwards}@keyframes statsSlideIn{0%{transform:translateY(-15px);opacity:0}to{transform:translateY(0);opacity:1}}.stat-icon{font-size:1.2rem}.stat-value{font-size:.85rem;color:#ffffffe6;font-weight:600}.notification-actions{display:flex;gap:.75rem;width:100%;animation:actionsSlideIn .5s ease .5s backwards}@keyframes actionsSlideIn{0%{transform:translateY(-15px);opacity:0}to{transform:translateY(0);opacity:1}}.btn{flex:1;padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.btn-dismiss{background:linear-gradient(135deg,#64c8ff4d,#6496ff4d);border:2px solid rgba(100,200,255,.6);color:#64d8ff}.btn-dismiss:hover{background:linear-gradient(135deg,#64c8ff80,#6496ff80);border-color:#64d8ff;box-shadow:0 0 16px #64d8ff80}.btn-dismiss:active{transform:scale(.98)}.btn-primary{background:linear-gradient(135deg,#2ecc714d,#27ae604d);border:2px solid rgba(46,204,113,.6);color:#2ecc71}.btn-primary:hover{background:linear-gradient(135deg,#2ecc7180,#27ae6080);border-color:#2ecc71;box-shadow:0 0 16px #2ecc7180}.btn-legendary{background:linear-gradient(135deg,#f39c1266,#e67e2266)!important;border:2px solid rgba(243,156,18,.8)!important;color:#f39c12!important;font-size:1.1rem!important;animation:legendaryButtonPulse .8s ease-out}@keyframes legendaryButtonPulse{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.btn-legendary:hover{background:linear-gradient(135deg,#f39c1299,#e67e2299)!important;border-color:#f39c12!important;box-shadow:0 0 24px #f39c12b3!important}.dismiss-hint{font-size:.75rem;color:#fff6;text-transform:uppercase;letter-spacing:.5px;animation:hintFadeIn .5s ease .6s backwards}@keyframes hintFadeIn{0%{opacity:0}to{opacity:1}}@media (max-width: 480px){.notification-card{width:95vw;max-width:none;padding:2rem 1.5rem;gap:1.25rem}.item-icon-container{width:100px;height:100px}.item-icon{font-size:3rem}.celebration-text{font-size:1.1rem}.item-name{font-size:1.2rem}.item-stats{grid-template-columns:1fr}.confetti-piece{font-size:1.2rem}}body:not(.landing) .primordial-pets-page{position:fixed;top:0;left:0;width:100%;height:100vh;overflow-y:auto;overflow-x:hidden;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);color:#e0e0e0;padding:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}body:not(.landing) .primordial-pets-container{max-width:1400px;width:100%;margin:0 auto}body:not(.landing) .primordial-pets-page.loading{display:flex;align-items:center;justify-content:center}body:not(.landing) .loading-text{font-size:1.5rem;color:gold;animation:pulse 1.5s ease-in-out infinite}body:not(.landing) .primordial-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#0000004d;border-radius:15px;margin-bottom:1.5rem;border:2px solid rgba(255,215,0,.3)}body:not(.landing) .header-left{flex:1}body:not(.landing) .primordial-title{font-size:2rem;margin:0 0 .5rem;background:linear-gradient(90deg,gold,#ff69b4,#00bfff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}body:not(.landing) .pet-info{display:flex;gap:1rem;font-size:.9rem}body:not(.landing) .pet-name{font-weight:700;color:gold}body:not(.landing) .pet-stage{color:#00bfff;text-transform:capitalize}body:not(.landing) .pet-alignment{padding:.2rem .6rem;border-radius:12px;background:#ffffff1a;font-size:.8rem;text-transform:uppercase}body:not(.landing) .primordial-subtitle{font-size:1.2rem;color:#aaa;text-align:center;margin:1rem 0}body:not(.landing) .header-right{display:flex;align-items:center;gap:1.5rem}body:not(.landing) .header-button{position:relative;display:flex;align-items:center;justify-content:center;width:50px;height:50px;font-size:1.5rem;background:#ffd7001a;border:2px solid rgba(255,215,0,.3);border-radius:12px;cursor:pointer;transition:all .3s ease;color:#fff}body:not(.landing) .header-button:hover{background:#ffd70033;border-color:gold;transform:scale(1.05);box-shadow:0 4px 15px #ffd7004d}body:not(.landing) .achievement-count{position:absolute;top:-8px;right:-8px;background:gold;color:#000;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;border:2px solid rgba(0,0,0,.3)}body:not(.landing) .essence-display{font-size:1.5rem;font-weight:700;color:gold;padding:.5rem 1rem;background:#ffd7001a;border-radius:20px;border:2px solid rgba(255,215,0,.3)}body:not(.landing) .message-overlay{position:fixed;top:20%;left:50%;transform:translate(-50%);z-index:1000;animation:slideDown .3s ease-out}body:not(.landing) .message-box{background:#000000e6;color:gold;padding:1rem 2rem;border-radius:15px;border:2px solid #ffd700;font-size:1.1rem;text-align:center;box-shadow:0 4px 20px #ffd70080}body:not(.landing) .game-content{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}body:not(.landing) .pet-section{grid-column:1 / -1;display:flex;justify-content:center}body:not(.landing) .stats-section{display:flex;flex-direction:column;gap:.8rem;background:#0000004d;padding:1.5rem;border-radius:15px;border:2px solid rgba(255,255,255,.1)}body:not(.landing) .action-section{background:#0000004d;padding:1.5rem;border-radius:15px;border:2px solid rgba(255,255,255,.1)}body:not(.landing) .egg-hatching-container{display:flex;flex-direction:column;align-items:center;gap:2rem;max-width:600px;margin:2rem auto;background:#0000004d;padding:3rem;border-radius:20px;border:2px solid rgba(255,255,255,.2)}body:not(.landing) .hatching-controls{text-align:center;width:100%}body:not(.landing) .hatching-text{font-size:1.5rem;color:gold;margin-bottom:.5rem}body:not(.landing) .hatching-subtext{font-size:1rem;color:#aaa;margin-bottom:2rem}body:not(.landing) .hatching-controls form{display:flex;flex-direction:column;gap:1rem}body:not(.landing) .name-input{padding:1rem;font-size:1.2rem;border:2px solid rgba(255,215,0,.5);border-radius:10px;background:#00000080;color:#fff;text-align:center}body:not(.landing) .name-input:focus{outline:none;border-color:gold;box-shadow:0 0 10px #ffd7004d}body:not(.landing) .hatch-button{padding:1rem 2rem;font-size:1.2rem;font-weight:700;background:linear-gradient(135deg,gold,#ff8c00);color:#000;border:none;border-radius:12px;cursor:pointer;transition:all .3s ease}body:not(.landing) .hatch-button:hover{transform:scale(1.05);box-shadow:0 4px 15px #ffd70080}body:not(.landing) .game-footer{margin-top:2rem;padding:1rem;background:#0000004d;border-radius:15px;border:2px solid rgba(255,255,255,.1);text-align:center}body:not(.landing) .footer-info{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap;font-size:.9rem;color:#aaa}body:not(.landing) .footer-info span{padding:.3rem .8rem;background:#ffffff0d;border-radius:8px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes slideDown{0%{transform:translate(-50%,-100%);opacity:0}to{transform:translate(-50%);opacity:1}}@media (max-width: 768px){body:not(.landing) .game-content{grid-template-columns:1fr}body:not(.landing) .primordial-header{flex-direction:column;gap:1rem;text-align:center}body:not(.landing) .primordial-title{font-size:1.5rem}body:not(.landing) .pet-info{flex-direction:column;gap:.5rem}}body:not(.landing) .space-invaders-page{position:fixed;top:0;left:0;width:100vw;height:100vh;overflow-y:auto;font-family:Crimson Pro,Georgia,serif;color:#f5f0e6;transition:background .5s ease}body:not(.landing) .space-invaders-page.order{background:linear-gradient(135deg,#1a1510,#2d2416,#1a1510)}body:not(.landing) .space-invaders-page.chaos{background:linear-gradient(135deg,#1a0a1e,#2d1b3d,#1a0a1e)}body:not(.landing) .space-invaders-page:not(.order):not(.chaos){background:linear-gradient(135deg,#0a0a0f,#1a1a2e,#0a0a0f)}body:not(.landing) .game-container{min-height:100vh;padding:2rem;display:flex;flex-direction:column;align-items:center}body:not(.landing) .game-header{width:100%;max-width:1200px;margin-bottom:2rem;display:flex;justify-content:space-between;align-items:center}body:not(.landing) .game-header-minimal{position:absolute;top:20px;left:20px;right:20px;display:flex;justify-content:space-between;align-items:center;z-index:10}.space-invaders-page .back-button,.space-invaders-page .back-button-minimal{padding:.75rem 1.5rem;background:#00000080;border:2px solid rgba(255,255,255,.2);color:#f5f0e6;text-decoration:none;border-radius:8px;font-size:1rem;font-family:Crimson Pro,serif;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.space-invaders-page .back-button:hover,.space-invaders-page .back-button-minimal:hover{background:#000000b3;border-color:#fff6;transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}body:not(.landing) .game-title{font-size:clamp(2rem,5vw,3.5rem);margin:0;background:linear-gradient(135deg,#4d9fff,#b794f6,#f44);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 30px rgba(77,159,255,.3);font-weight:700;letter-spacing:2px}body:not(.landing) .game-title-minimal{font-size:1.5rem;margin:0;color:#f5f0e6;text-shadow:0 0 20px rgba(77,159,255,.5)}body:not(.landing) .menu-screen{width:100%;max-width:1400px}body:not(.landing) .menu-content{display:flex;flex-direction:column;gap:2rem}body:not(.landing) .game-description{text-align:center;padding:2rem;background:#0000004d;border:2px solid rgba(255,255,255,.1);border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.lore-text{font-size:1.3rem;line-height:1.8;font-style:italic;color:#d4c5a9;margin:0}.how-to-play{background:#0006;padding:2rem;border:2px solid rgba(255,255,255,.1);border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.how-to-play h2{font-size:2rem;margin-top:0;margin-bottom:1rem;color:gold;text-shadow:0 0 20px rgba(255,215,0,.3)}.how-to-play h3{font-size:1.5rem;margin-top:1.5rem;margin-bottom:.75rem;color:#4d9fff;text-shadow:0 0 15px rgba(77,159,255,.3)}.how-to-play ul{list-style:none;padding:0;margin:.5rem 0 0}.how-to-play li{padding:.5rem 0;font-size:1.1rem;line-height:1.6}.how-to-play strong{color:gold}body:not(.landing) .menu-leaderboard{background:#0006;padding:2rem;border:2px solid rgba(255,255,255,.1);border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}body:not(.landing) .menu-leaderboard h2{font-size:2rem;margin-top:0;margin-bottom:1.5rem;text-align:center;color:gold;text-shadow:0 0 20px rgba(255,215,0,.3)}.start-button{margin:2rem auto 0;padding:1.25rem 3rem;font-size:1.5rem;font-family:Crimson Pro,serif;font-weight:700;background:linear-gradient(135deg,#4d9fff,#b794f6);color:#fff;border:3px solid rgba(255,255,255,.3);border-radius:12px;cursor:pointer;transition:all .3s ease;text-shadow:0 2px 4px rgba(0,0,0,.5);box-shadow:0 4px 20px #4d9fff66;display:block}.start-button:hover{transform:translateY(-3px);box-shadow:0 8px 30px #4d9fff99;background:linear-gradient(135deg,#5da9ff,#c7a4f6)}body:not(.landing) .faction-select-screen{width:100%;max-width:1400px;text-align:center;padding:2rem}body:not(.landing) .screen-title{font-size:clamp(2rem,4vw,3rem);margin-bottom:1rem;background:linear-gradient(135deg,gold,#fff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 30px rgba(255,215,0,.5)}body:not(.landing) .screen-subtitle{font-size:1.3rem;color:#d4c5a9;font-style:italic;margin-bottom:3rem}body:not(.landing) .faction-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem;margin-top:2rem}body:not(.landing) .faction-card{background:#00000080;border:3px solid;border-radius:16px;padding:2rem;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column;align-items:center;text-align:center}body:not(.landing) .faction-card.order{border-color:#4d9fff;box-shadow:0 4px 20px #4d9fff4d}body:not(.landing) .faction-card.chaos{border-color:#f44;box-shadow:0 4px 20px #ff44444d}body:not(.landing) .faction-card:hover{transform:translateY(-5px);background:#000000b3}body:not(.landing) .faction-card.order:hover{box-shadow:0 8px 40px #4d9fff80;border-color:#5da9ff}body:not(.landing) .faction-card.chaos:hover{box-shadow:0 8px 40px #ff444480;border-color:#f55}body:not(.landing) .faction-icon{font-size:4rem;margin-bottom:1rem}body:not(.landing) .faction-card h2{font-size:2.5rem;margin:.5rem 0}body:not(.landing) .faction-card.order h2{color:#4d9fff;text-shadow:0 0 20px rgba(77,159,255,.5)}body:not(.landing) .faction-card.chaos h2{color:#f44;text-shadow:0 0 20px rgba(255,68,68,.5)}body:not(.landing) .faction-description{margin:1rem 0;text-align:left}body:not(.landing) .faction-description p{font-size:1.1rem;line-height:1.6;margin:.75rem 0}body:not(.landing) .faction-description strong{font-size:1.2rem}body:not(.landing) .faction-card.order .faction-description strong{color:gold}body:not(.landing) .faction-card.chaos .faction-description strong{color:#b794f6}body:not(.landing) .faction-description ul{list-style:none;padding:0;margin:1rem 0}body:not(.landing) .faction-description li{padding:.4rem 0;font-size:1rem}body:not(.landing) .faction-button{margin-top:1.5rem;padding:1rem 2rem;font-size:1.3rem;font-weight:700;border-radius:8px;transition:all .3s ease}body:not(.landing) .faction-card.order .faction-button{background:#4d9fff;color:#fff;box-shadow:0 4px 12px #4d9fff66}body:not(.landing) .faction-card.chaos .faction-button{background:#f44;color:#fff;box-shadow:0 4px 12px #f446}body:not(.landing) .faction-card:hover .faction-button{transform:scale(1.05)}.playing-screen{position:relative;width:100%;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.space-invaders-container{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-top:80px}body:not(.landing) .game-canvas{border:3px solid rgba(255,255,255,.2);border-radius:8px;box-shadow:0 8px 40px #00000080;background:#000}body:not(.landing) .space-invaders-page.order .game-canvas{border-color:#4d9fff;box-shadow:0 8px 40px #4d9fff4d}body:not(.landing) .space-invaders-page.chaos .game-canvas{border-color:#f44;box-shadow:0 8px 40px #ff44444d}body:not(.landing) .game-controls{background:#00000080;padding:1rem 2rem;border:2px solid rgba(255,255,255,.1);border-radius:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center}body:not(.landing) .game-controls p{margin:0;font-size:1rem;color:#d4c5a9}body:not(.landing) .game-stats{display:flex;gap:2rem;background:#00000080;padding:1rem 2rem;border:2px solid rgba(255,255,255,.1);border-radius:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.stat{display:flex;flex-direction:column;align-items:center;gap:.3rem}.stat span:first-child{font-size:.9rem;color:#d4c5a9;text-transform:uppercase;letter-spacing:1px}.stat-value{font-size:1.5rem;font-weight:700}body:not(.landing) .space-invaders-page.order .stat-value{color:#4d9fff;text-shadow:0 0 10px rgba(77,159,255,.5)}body:not(.landing) .space-invaders-page.chaos .stat-value{color:#f44;text-shadow:0 0 10px rgba(255,68,68,.5)}.level-transition{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#000000e6;padding:3rem 5rem;border:3px solid;border-radius:16px;text-align:center;z-index:100;animation:fadeInOut 2s ease}body:not(.landing) .space-invaders-page.order .level-transition{border-color:#4d9fff;box-shadow:0 0 60px #4d9fff99}body:not(.landing) .space-invaders-page.chaos .level-transition{border-color:#f44;box-shadow:0 0 60px #f449}.level-transition h2{font-size:3rem;margin:0 0 1rem}body:not(.landing) .space-invaders-page.order .level-transition h2{color:#4d9fff;text-shadow:0 0 30px rgba(77,159,255,.8)}body:not(.landing) .space-invaders-page.chaos .level-transition h2{color:#f44;text-shadow:0 0 30px rgba(255,68,68,.8)}.level-transition p{font-size:1.5rem;margin:0;color:gold;font-style:italic}@keyframes fadeInOut{0%,to{opacity:0;transform:translate(-50%,-50%) scale(.8)}50%{opacity:1;transform:translate(-50%,-50%) scale(1)}}.gameover-screen{width:100%;max-width:1200px;text-align:center;padding:2rem}.gameover-title{font-size:clamp(2.5rem,5vw,4rem);margin-bottom:2rem;background:linear-gradient(135deg,gold,#fff,gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 40px rgba(255,215,0,.6);animation:titleGlow 2s ease-in-out infinite}@keyframes titleGlow{0%,to{text-shadow:0 0 40px rgba(255,215,0,.6)}50%{text-shadow:0 0 60px rgba(255,215,0,.9)}}.final-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;margin:2rem 0}.stat-box{background:#00000080;border:2px solid rgba(255,255,255,.2);border-radius:12px;padding:1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.stat-box:hover{transform:translateY(-3px);border-color:#fff6;box-shadow:0 6px 24px #0000004d}.stat-label{font-size:1rem;color:#d4c5a9;text-transform:uppercase;letter-spacing:1px;margin-bottom:.5rem}.stat-box .stat-value{font-size:2.5rem;font-weight:700;color:gold;text-shadow:0 0 20px rgba(255,215,0,.5)}.stat-box .stat-value.order{color:#4d9fff;text-shadow:0 0 20px rgba(77,159,255,.5)}.stat-box .stat-value.chaos{color:#f44;text-shadow:0 0 20px rgba(255,68,68,.5)}.lore-message{background:#0006;border:2px solid rgba(255,255,255,.1);border-radius:12px;padding:2rem;margin:2rem 0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.lore-message p{font-size:1.3rem;line-height:1.8;font-style:italic;color:#d4c5a9;margin:0}.score-submission{background:#0006;border:2px solid rgba(255,255,255,.1);border-radius:12px;padding:2rem;margin:2rem 0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.score-submission h3{font-size:1.8rem;margin-top:0;margin-bottom:1.5rem;color:gold;text-shadow:0 0 20px rgba(255,215,0,.3)}.input-group{display:flex;gap:1rem;max-width:600px;margin:0 auto}.input-group input{flex:1;padding:1rem;font-size:1.1rem;font-family:Crimson Pro,serif;background:#00000080;border:2px solid rgba(255,255,255,.2);border-radius:8px;color:#f5f0e6;transition:all .3s ease}.input-group input:focus{outline:none;border-color:#4d9fff;box-shadow:0 0 20px #4d9fff4d}.submit-button{padding:1rem 2rem;font-size:1.1rem;font-family:Crimson Pro,serif;font-weight:700;background:linear-gradient(135deg,#4d9fff,#b794f6);color:#fff;border:2px solid rgba(255,255,255,.3);border-radius:8px;cursor:pointer;transition:all .3s ease;text-shadow:0 2px 4px rgba(0,0,0,.5)}.submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 20px #4d9fff80}.submit-button:disabled{opacity:.5;cursor:not-allowed}.submit-message{margin-top:1rem;padding:.75rem;border-radius:8px;font-size:1rem}.submit-message.success{background:#00ff001a;border:2px solid rgba(0,255,0,.3);color:#0f0}.submit-message.error{background:#ff00001a;border:2px solid rgba(255,0,0,.3);color:#f66}.gameover-leaderboard{background:#0006;border:2px solid rgba(255,255,255,.1);border-radius:12px;padding:2rem;margin:2rem 0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.gameover-leaderboard h3{font-size:2rem;margin-top:0;margin-bottom:1.5rem;color:gold;text-shadow:0 0 20px rgba(255,215,0,.3)}.leaderboard-table{display:flex;flex-direction:column;gap:.5rem}.leaderboard-header{display:grid;grid-template-columns:60px 1fr 120px 80px 100px;gap:1rem;padding:.75rem 1rem;background:#00000080;border:2px solid rgba(255,255,255,.2);border-radius:8px;font-weight:700;color:gold;text-transform:uppercase;font-size:.9rem;letter-spacing:1px}.leaderboard-row{display:grid;grid-template-columns:60px 1fr 120px 80px 100px;gap:1rem;padding:.75rem 1rem;background:#0000004d;border:2px solid;border-radius:8px;transition:all .3s ease;align-items:center}.leaderboard-row.order{border-color:#4d9fff4d}.leaderboard-row.chaos{border-color:#ff44444d}.leaderboard-row:hover{background:#00000080;transform:translate(5px)}.leaderboard-row.highlight{background:#ffd70033;border-color:gold;box-shadow:0 0 20px #ffd7004d}.leaderboard-row .rank{font-weight:700;color:gold;font-size:1.1rem}.leaderboard-row .name{font-weight:600;font-size:1.1rem}.leaderboard-row .score{font-weight:700;color:#4d9fff;text-align:right}.leaderboard-row .level{text-align:center;color:#d4c5a9}body:not(.landing) .faction-badge{padding:.25rem .75rem;border-radius:6px;font-size:.9rem;font-weight:700;text-align:center;border:2px solid}body:not(.landing) .faction-badge.order{background:#4d9fff33;border-color:#4d9fff;color:#4d9fff}body:not(.landing) .faction-badge.chaos{background:#f443;border-color:#f44;color:#f44}.gameover-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-top:2rem}body:not(.landing) .play-again-button,body:not(.landing) .menu-button,body:not(.landing) .arcade-button{padding:1rem 2rem;font-size:1.2rem;font-family:Crimson Pro,serif;font-weight:700;border-radius:8px;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block}body:not(.landing) .play-again-button{background:linear-gradient(135deg,#4d9fff,#b794f6);color:#fff;border:3px solid rgba(255,255,255,.3);box-shadow:0 4px 20px #4d9fff66}body:not(.landing) .play-again-button:hover{transform:translateY(-3px);box-shadow:0 8px 30px #4d9fff99}body:not(.landing) .menu-button{background:#00000080;color:#f5f0e6;border:3px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}body:not(.landing) .menu-button:hover{background:#000000b3;transform:translateY(-3px);border-color:#ffffff80}body:not(.landing) .arcade-button{background:linear-gradient(135deg,#f44,#b794f6);color:#fff;border:3px solid rgba(255,255,255,.3);box-shadow:0 4px 20px #f446}body:not(.landing) .arcade-button:hover{transform:translateY(-3px);box-shadow:0 8px 30px #f449}@media (max-width: 1250px){.game-canvas{transform:scale(.85);transform-origin:top center}.space-invaders-container{margin-top:60px}}@media (max-width: 1050px){.game-canvas{transform:scale(.7)}}@media (max-width: 900px){.faction-cards{grid-template-columns:1fr}.leaderboard-header,.leaderboard-row{grid-template-columns:50px 1fr 100px 70px 80px;font-size:.9rem;gap:.5rem;padding:.5rem .75rem}.game-canvas{transform:scale(.6)}}@media (max-width: 768px){.game-container{padding:1rem}.final-stats{grid-template-columns:1fr}.input-group,.gameover-actions{flex-direction:column}.game-canvas{transform:scale(.5)}}body:not(.landing) .space-invaders-page::-webkit-scrollbar{width:12px}body:not(.landing) .space-invaders-page::-webkit-scrollbar-track{background:#0000004d}body:not(.landing) .space-invaders-page::-webkit-scrollbar-thumb{background:#fff3;border-radius:6px}body:not(.landing) .space-invaders-page.order::-webkit-scrollbar-thumb{background:#4d9fff66}body:not(.landing) .space-invaders-page.chaos::-webkit-scrollbar-thumb{background:#f446}body:not(.landing) .space-invaders-page::-webkit-scrollbar-thumb:hover{background:#fff6}.kythos-game{position:fixed;top:0;left:0;width:100%;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:20px;background:linear-gradient(135deg,#1a1a2e,#16213e);overflow:hidden}.game-canvas{border:3px solid #4d9fff;box-shadow:0 0 30px #4d9fff80;background:#0f0f1e}.level-up-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000}.level-up-panel{background:linear-gradient(135deg,#2a2a4e,#1e1e3e);border:3px solid #4d9fff;border-radius:12px;padding:40px;max-width:800px;box-shadow:0 0 50px #4d9fff99}.level-up-panel h2{color:#4ecdc4;font-size:36px;margin:0 0 10px;text-align:center;text-shadow:0 0 10px rgba(78,205,196,.8)}.level-up-panel p{color:#fff;font-size:18px;text-align:center;margin:0 0 30px}.level-up-options{display:flex;gap:20px;justify-content:center}.level-up-option{background:linear-gradient(135deg,#1e3c72,#2a5298);border:2px solid #4d9fff;border-radius:8px;padding:30px 20px;min-width:220px;cursor:pointer;transition:all .3s ease;color:#fff;font-family:monospace}.level-up-option:hover{transform:translateY(-5px);box-shadow:0 10px 30px #4d9fff99;border-color:#4ecdc4;background:linear-gradient(135deg,#2a5298,#3a62b8)}.option-name{font-size:20px;font-weight:700;margin-bottom:10px;color:#4ecdc4;text-shadow:0 0 5px rgba(78,205,196,.5)}.option-description{font-size:14px;color:#ccc;line-height:1.4}.controls-info{background:#000c;border:2px solid #4d9fff;border-radius:8px;padding:15px 30px;color:#fff;font-family:monospace;font-size:14px;text-align:center;box-shadow:0 0 20px #4d9fff4d;display:flex;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap}.controls-info strong{color:#4ecdc4}.speed-toggle-button{background:linear-gradient(135deg,#4ecdc4,#4d9fff);border:none;border-radius:6px;padding:8px 16px;color:#000;font-family:monospace;font-weight:700;font-size:14px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 10px #4ecdc44d}.speed-toggle-button:hover{transform:translateY(-2px);box-shadow:0 6px 15px #4ecdc480}.speed-toggle-button:active{transform:translateY(0)}.audio-toggle-button{background:linear-gradient(135deg,#ff6b6b,#ff8787);border:none;border-radius:6px;padding:8px 16px;color:#fff;font-family:monospace;font-weight:700;font-size:14px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 10px #ff6b6b4d}.audio-toggle-button:hover{transform:translateY(-2px);box-shadow:0 6px 15px #ff6b6b80}.audio-toggle-button:active{transform:translateY(0)}.audio-controls-panel{background:#000000e6;border:2px solid #ff6b6b;border-radius:8px;padding:20px;color:#fff;font-family:monospace;box-shadow:0 0 20px #ff6b6b66;display:flex;flex-direction:column;gap:15px;min-width:300px}.audio-control-row{display:flex;align-items:center;gap:10px;justify-content:space-between}.audio-control-row label{color:#4ecdc4;font-size:14px;min-width:120px}.audio-control-row input[type=range]{flex:1;height:6px;border-radius:3px;background:#333;outline:none;-webkit-appearance:none}.audio-control-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#ff6b6b;cursor:pointer;box-shadow:0 0 5px #ff6b6b80}.audio-control-row input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#ff6b6b;cursor:pointer;border:none;box-shadow:0 0 5px #ff6b6b80}.audio-control-row span{color:#fff;font-size:14px;min-width:45px;text-align:right}.mute-button{background:linear-gradient(135deg,#ff6b6b,#ff8787);border:none;border-radius:6px;padding:10px 20px;color:#fff;font-family:monospace;font-weight:700;font-size:14px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 10px #ff6b6b4d;width:100%}.mute-button:hover{transform:translateY(-2px);box-shadow:0 6px 15px #ff6b6b80}.mute-button:active{transform:translateY(0)}.kythos-page{position:fixed;top:0;left:0;width:100%;min-height:100vh;overflow-y:auto;overflow-x:hidden;background:linear-gradient(135deg,#0f0f1e,#1a1a2e,#16213e);color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;display:flex;justify-content:center;align-items:center}.menu-container{max-width:1000px;width:100%;padding:40px 20px}.title-section{text-align:center;margin-bottom:40px}.menu-container .game-title{font-size:56px;font-weight:700;background:linear-gradient(135deg,#4ecdc4,#4d9fff,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 10px;text-shadow:0 0 30px rgba(78,205,196,.5)}.menu-container .game-subtitle{font-size:24px;color:#4ecdc4;margin:0;text-shadow:0 0 10px rgba(78,205,196,.3)}.menu-content{background:#00000080;border:2px solid #4d9fff;border-radius:12px;padding:40px;box-shadow:0 0 30px #4d9fff4d}.menu-container .game-description{font-size:18px;line-height:1.6;color:#ccc;margin-bottom:30px;text-align:center}.menu-buttons{display:flex;gap:20px;justify-content:center;margin-bottom:40px}.menu-button{padding:15px 40px;font-size:18px;font-weight:700;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;font-family:monospace;text-transform:uppercase}.menu-button.primary{background:linear-gradient(135deg,#4ecdc4,#4d9fff);color:#000;box-shadow:0 4px 15px #4ecdc466}.menu-button.primary:hover{transform:translateY(-3px);box-shadow:0 8px 25px #4ecdc499}.menu-button.secondary{background:#4d9fff33;color:#4d9fff;border:2px solid #4d9fff}.menu-button.secondary:hover{background:#4d9fff66;transform:translateY(-3px)}.menu-container .game-info{margin-top:40px}.menu-container .game-info h3{color:#4ecdc4;font-size:24px;margin:30px 0 15px;text-shadow:0 0 10px rgba(78,205,196,.5)}.menu-container .game-info ul{list-style:none;padding:0}.menu-container .game-info li{padding:10px 0 10px 25px;position:relative;color:#ccc;font-size:16px;line-height:1.5}.menu-container .game-info li:before{content:"▸";position:absolute;left:0;color:#4ecdc4;font-weight:700}.menu-container .game-info strong{color:#4d9fff}.character-select-container{max-width:1600px;width:100%;padding:40px 20px;display:flex;flex-direction:column;justify-content:center}.select-title{text-align:center;font-size:48px;background:linear-gradient(135deg,#4ecdc4,#4d9fff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 50px;text-shadow:0 0 30px rgba(78,205,196,.5)}.character-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:30px;margin-bottom:40px}.character-card{background:#0009;border:3px solid #4d9fff;border-radius:12px;padding:30px;transition:all .3s ease}.character-card:hover{transform:translateY(-5px);box-shadow:0 10px 40px #4d9fff80}.character-icon{font-size:80px;text-align:center;margin-bottom:20px;text-shadow:0 0 20px currentColor}.character-icon.order{color:#4d9fff}.character-icon.chaos{color:#f06}.character-icon.neutral{color:#4ecdc4}.character-card h3{text-align:center;font-size:28px;margin:0 0 15px;color:#fff}.character-weapon{text-align:center;color:#4ecdc4;font-weight:700;margin:10px 0;font-size:16px}.character-special{text-align:center;color:gold;font-style:italic;margin:10px 0;font-size:14px}.character-stats{display:flex;justify-content:space-around;margin:15px 0;padding:15px;background:#0000004d;border-radius:8px}.character-stats span{color:#ccc;font-size:14px;font-weight:700}.character-description{color:#aaa;font-size:14px;line-height:1.6;margin:20px 0;text-align:center}.select-button{width:100%;padding:15px;font-size:16px;font-weight:700;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;font-family:monospace;text-transform:uppercase}.select-button.order{background:linear-gradient(135deg,#4d9fff,#6eb5ff);color:#000}.select-button.chaos{background:linear-gradient(135deg,#f06,#ff3385);color:#fff}.select-button.neutral{background:linear-gradient(135deg,#4ecdc4,#6ee7dc);color:#000}.select-button:hover{transform:translateY(-2px);box-shadow:0 5px 20px currentColor}.kythos-page .back-button{padding:12px 30px;font-size:16px;background:#4d9fff33;color:#4d9fff;border:2px solid #4d9fff;border-radius:8px;cursor:pointer;transition:all .3s ease;font-family:monospace}.kythos-page .back-button:hover{background:#4d9fff66;transform:translate(-3px)}.game-over-container{max-width:800px;width:100%;padding:60px 20px;text-align:center;display:flex;flex-direction:column;justify-content:center}.game-over-title{font-size:64px;margin:0 0 20px;font-weight:700}.game-over-title.victory{background:linear-gradient(135deg,gold,#4ecdc4,#4d9fff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 40px rgba(255,215,0,.6)}.game-over-title.defeat{color:#f44;text-shadow:0 0 30px rgba(255,68,68,.6)}.game-over-subtitle{font-size:24px;color:#ccc;margin:0 0 50px}.game-stats{background:#0009;border:3px solid #4d9fff;border-radius:12px;padding:40px;margin-bottom:40px;box-shadow:0 0 30px #4d9fff4d}.stat-item{display:flex;justify-content:space-between;align-items:center;padding:20px 0;border-bottom:1px solid rgba(77,159,255,.3)}.stat-item:last-child{border-bottom:none}.stat-label{font-size:20px;color:#4ecdc4;font-weight:700}.stat-value{font-size:32px;color:#fff;font-weight:700;text-shadow:0 0 10px rgba(78,205,196,.5)}.game-over-buttons{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}