@import"https://fonts.googleapis.com/css2?family=Nunito:wght@400;700;900&family=Luckiest+Guy&family=Press+Start+2P&display=swap";:root{--c-paper: #121212;--c-surface: #1A1A2E;--c-surface-darker: #0f172a;--c-ink: #E94560;--c-primary: #00ffff;--c-secondary: #f9d923;--c-accent: #e74c3c;--c-disabled: #333;--c-disabled-text: #666;--c-success: #39ff14;--c-text-light: #ffffff;--font-body: "Nunito", sans-serif;--font-arcade: "Press Start 2P", cursive;--font-cartoon: "Press Start 2P", cursive;--z-header: 40;--z-mobile-menu: 40;--z-modal: 50;--z-full-display: 60;--z-toast: 70}body{font-family:var(--font-body);background-color:var(--c-paper);color:var(--c-text-light);background-image:linear-gradient(#121212f7,#121212f7),url(https://www.transparenttextures.com/patterns/lined-paper.png);position:relative;image-rendering:pixelated}body:after{content:" ";display:block;position:fixed;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(to bottom,rgba(255,255,255,.05) 50%,transparent 50%);background-size:100% 4px;pointer-events:none;z-index:9999;opacity:.5}.font-cartoon{font-family:var(--font-arcade);letter-spacing:1px;text-transform:uppercase;color:var(--c-ink);text-shadow:2px 2px 0px #000}.card-themed{background-color:var(--c-surface);border:2px solid var(--c-primary);border-radius:0;box-shadow:inset 0 0 10px #00ffff4d,0 0 5px #00ffff80;transition:all .2s ease-in-out;position:relative}.card-themed:hover{transform:translateY(-2px);box-shadow:inset 0 0 15px #00ffff80,0 0 10px #0ffc}.btn-themed{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.25rem;font-family:var(--font-arcade);font-size:.7rem;border-radius:0;border:2px solid;box-shadow:none;transition:all .1s ease-in-out;cursor:pointer;text-transform:uppercase}.btn-themed:hover:not(:disabled){transform:none;box-shadow:0 0 8px,inset 0 0 8px}.btn-themed:active:not(:disabled){transform:translateY(2px);box-shadow:none}.btn-themed:disabled{background-color:var(--c-disabled)!important;color:var(--c-disabled-text)!important;border-color:var(--c-disabled-text);box-shadow:none;cursor:not-allowed;transform:none}.btn-themed-primary{background-color:transparent;color:var(--c-primary);border-color:var(--c-primary)}.btn-themed-primary:hover:not(:disabled){background-color:var(--c-primary);color:var(--c-surface)}.btn-themed-secondary{background-color:transparent;color:var(--c-secondary);border-color:var(--c-secondary)}.btn-themed-secondary:hover:not(:disabled){background-color:var(--c-secondary);color:var(--c-surface)}.btn-themed-danger{background-color:var(--c-accent);color:var(--c-text-light);border-color:var(--c-accent)}.btn-themed-danger:hover:not(:disabled){background-color:#ff6b6b;border-color:#ff6b6b}.input-themed{width:100%;padding:.75rem 1rem;background-color:var(--c-surface-darker);border:2px solid var(--c-primary);border-radius:0;font-weight:700;color:var(--c-text-light);transition:all .2s;box-shadow:none}.input-themed:focus{outline:none;background-color:var(--c-surface);box-shadow:0 0 10px var(--c-primary)}.modal-themed-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0f3460d9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:1rem;z-index:var(--z-modal);animation:fadeIn .3s ease-out forwards}.modal-themed-content{background-color:var(--c-surface);border:4px solid var(--c-primary);border-radius:0;box-shadow:0 0 20px var(--c-primary);width:100%;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;animation:popIn .4s cubic-bezier(.34,1.56,.64,1) forwards}.text-stroke{color:var(--c-text-light);text-shadow:0 0 5px var(--c-primary),0 0 10px var(--c-primary),2px 2px 0px #000}.toast-enter{animation:slideUp .4s cubic-bezier(.25,.46,.45,.94) forwards}.toast-exit{animation:slideDown .4s cubic-bezier(.55,.085,.68,.53) forwards}.add-phrase-card{border-style:dashed;border-width:4px;border-color:var(--c-primary) / 50}.add-phrase-card:hover{border-color:var(--c-primary)}.tape{display:none}.swipe-card-container{perspective:1000px;cursor:pointer}.swipe-card-inner{position:relative;width:100%;height:100%;transition:transform .6s;transform-style:preserve-3d}.swipe-card-container.revealed .swipe-card-inner{transform:rotateY(180deg)}.swipe-card-front,.swipe-card-back{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:0;overflow:hidden}.swipe-card-back{transform:rotateY(180deg)}.comment-section{border-top:2px dashed var(--c-primary)/20}.comment{display:flex;gap:.75rem}.comment-avatar{flex-shrink:0;width:2.5rem;height:2.5rem;border-radius:0;background-color:var(--c-surface-darker);border:2px solid var(--c-primary)}.comment-content{background-color:var(--c-surface-darker);padding:.5rem .75rem;border-radius:0;flex-grow:1}.comment-form{display:flex;gap:.5rem;margin-top:.75rem}.admin-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.admin-card{background-color:var(--c-surface);border:2px solid var(--c-primary)/20;border-radius:0;padding:1rem}.report-card blockquote{border-left:4px solid var(--c-accent);padding-left:1rem;margin:.5rem 0;font-style:italic;background-color:var(--c-surface-darker)}.rarity-card-container{position:relative;display:flex;flex-direction:column;align-items:center;border-radius:0;padding:8px;overflow:hidden;background:var(--c-surface)}.rarity-content{width:100%;aspect-ratio:1 / 1;border-radius:0;overflow:hidden;z-index:2}.rarity-label{margin-top:8px;font-weight:700;text-transform:uppercase;font-size:.75rem;letter-spacing:.05em;z-index:2}.rarity-common{background:#333}.rarity-common .rarity-label{color:#aaa}.rarity-rare{background:radial-gradient(circle,#16213e,#0f3460 70%)}.rarity-rare .rarity-label{color:var(--c-primary);text-shadow:0 0 4px var(--c-primary)}.rarity-rare .rarity-border{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:0;padding:3px;background:linear-gradient(45deg,#63b3ed,#4299e1);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;z-index:1}.rarity-shine-rare{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,#00ffff4d,#0ff0 60%);animation:rarity-pulse 2.5s infinite;z-index:0}.rarity-epic{background:radial-gradient(circle,#2c003e,#1a1a2e 70%)}.rarity-epic .rarity-label{color:#d53f8c;text-shadow:0 0 4px #d53f8c}.rarity-epic .rarity-border{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:0;padding:3px;background:conic-gradient(#d53f8c,#9f7aea,#63b3ed,#d53f8c);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:rarity-spin 4s linear infinite;z-index:1}.rarity-shine-epic{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,#9f7aea66,#9f7aea00 60%);animation:rarity-pulse 2s infinite ease-in-out;z-index:0}.rarity-particles{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;border-radius:0;z-index:0}.particle{position:absolute;width:4px;height:4px;background:#fff;border-radius:50%;opacity:0;animation:particle-rise 3s infinite ease-out;box-shadow:0 0 5px #fff}.particle:nth-child(1){top:20%;left:15%;animation-delay:0s}.particle:nth-child(2){top:70%;left:10%;animation-delay:.2s}.particle:nth-child(3){top:50%;left:80%;animation-delay:.4s}.particle:nth-child(4){top:90%;left:90%;animation-delay:.6s}.particle:nth-child(5){top:10%;left:50%;animation-delay:.8s}.particle:nth-child(6){top:30%;left:30%;animation-delay:1s}.particle:nth-child(7){top:60%;left:60%;animation-delay:1.2s}.particle:nth-child(8){top:80%;left:20%;animation-delay:1.4s}.particle:nth-child(9){top:40%;left:70%;animation-delay:1.6s}.particle:nth-child(10){top:25%;left:95%;animation-delay:1.8s}.particle:nth-child(11){top:5%;left:25%;animation-delay:2s}.particle:nth-child(12){top:85%;left:40%;animation-delay:2.2s}.particle:nth-child(13){top:55%;left:5%;animation-delay:2.4s}.particle:nth-child(14){top:15%;left:85%;animation-delay:2.6s}.particle:nth-child(15){top:90%;left:50%;animation-delay:2.8s}.shiny-effect{position:relative;overflow:hidden;--glow-color: var(--c-primary)}.shiny-effect:before,.shiny-effect:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;pointer-events:none;z-index:3}.shiny-effect:before{background-image:conic-gradient(from 180deg at 50% 50%,#ff00de,#c500ff,#5900ff,#008dff,#00ffc5,#a6ff00,#ff8300,#ff00de);opacity:.5;mix-blend-mode:color-dodge;animation:shiny-spin 5s linear infinite}.shiny-effect:after{background-image:linear-gradient(115deg,transparent 20%,rgba(255,255,255,.85) 48%,rgba(255,255,255,.85) 52%,transparent 80%);filter:brightness(1.5);transform:rotate(20deg);animation:shiny-sweep 3.5s ease-in-out infinite;mix-blend-mode:screen}.tab-solid{padding:.75rem 1.25rem;font-family:var(--font-arcade);font-size:.8rem;border-radius:0;transition:all .2s ease-in-out;border:2px solid transparent;border-bottom:0;margin-bottom:-2px;display:inline-flex;align-items:center;gap:.5rem}.tab-solid-active{background-color:var(--c-surface);border-color:var(--c-primary);color:var(--c-primary);text-shadow:0 0 5px var(--c-primary)}.tab-solid:not(.tab-solid-active):hover{background-color:var(--c-primary)/10;color:var(--c-primary)}.mobile-menu-solid{background-color:var(--c-surface);border-top:4px solid var(--c-primary);box-shadow:0 -5px 15px #00ffff4d}.trade-collection-grid{height:28rem;overflow-y:auto;background-color:var(--c-surface-darker);padding:.5rem;border-radius:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:.75rem}.trade-summary-box{min-height:80px;background-color:var(--c-surface-darker);padding:.5rem;border-radius:0}.trade-summary-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(40px,1fr));gap:.25rem}.summary-thumb{width:40px;height:40px;object-fit:cover;border-radius:0;border:2px solid var(--c-primary)}.summary-thumb-more{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background-color:var(--c-surface);border-radius:0;border:2px solid var(--c-primary);font-weight:700;font-size:.75rem}.game-select-card{transition:all .2s ease-in-out}.game-select-card:hover:not(:disabled){border-color:var(--c-primary);background-color:var(--c-surface-darker);transform:translateY(-5px)}.perspective{perspective:1000px}.transform-style-3d{transform-style:preserve-3d}.rotate-y-180{transform:rotateY(180deg)}.backface-hidden{backface-visibility:hidden;-webkit-backface-visibility:hidden}.memory-card-matched{box-shadow:0 0 20px 5px var(--c-success);border-color:var(--c-success)!important;animation:popIn .3s ease}.confetti-container{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:1}.confetti-piece{position:absolute;width:8px;height:8px;opacity:0;animation:drop-confetti 5s linear infinite;background-color:var(--c-primary)}.confetti-piece:nth-child(2n){background-color:var(--c-secondary)}.confetti-piece:nth-child(3n){background-color:var(--c-ink)}.friendship-xp-bar{background-color:var(--c-surface-darker);border-radius:0;overflow:hidden;height:1.25rem;border:2px solid var(--c-primary)/30;position:relative}.friendship-xp-bar-fill{height:100%;background:linear-gradient(90deg,var(--c-secondary),var(--c-primary));transition:width .5s ease-in-out;display:flex;align-items:center;justify-content:center}.mission-card{background-color:var(--c-surface);border:3px solid var(--c-primary)/50;border-radius:0;padding:1rem;transition:all .2s ease}.mission-card-completed{border-color:var(--c-success);background:radial-gradient(circle,var(--c-success)/20 0%,var(--c-surface) 80%)}.puzzle-grid{display:grid;gap:2px;padding:4px;background:var(--c-surface-darker);border:2px solid var(--c-primary)/20}.puzzle-piece{background-size:300% 300%;transition:transform .2s ease-in-out,box-shadow .2s,opacity .5s;cursor:pointer}.puzzle-piece.selected{transform:scale(.9);box-shadow:0 0 15px 5px var(--c-primary);z-index:10}.catcher-game-area{background-color:#0f172a;background-image:url(https://www.transparenttextures.com/patterns/az-subtle.png)}.falling-item{position:absolute;transform:translate(-50%);-webkit-user-select:none;user-select:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes popIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}@keyframes slideUp{0%{transform:translate(-50%,100px);opacity:0}to{transform:translate(-50%);opacity:1}}@keyframes slideDown{0%{transform:translate(-50%);opacity:1}to{transform:translate(-50%,100px);opacity:0}}@keyframes rarity-pulse{0%,to{transform:scale(.8);opacity:.5}50%{transform:scale(1.2);opacity:1}}@keyframes rarity-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes particle-rise{0%{transform:translateY(0);opacity:1}to{transform:translateY(-100px);opacity:0}}@keyframes drop-confetti{0%{transform:translateY(-10vh) rotate(0);opacity:1}to{transform:translateY(110vh) rotate(360deg);opacity:0}}@keyframes float{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-15px) rotate(2deg)}}@keyframes shiny-glow{0%{box-shadow:0 0 8px #fff,0 0 16px var(--glow-color),0 0 24px var(--glow-color)}to{box-shadow:0 0 16px #fff,0 0 32px var(--glow-color),0 0 48px var(--glow-color)}}@keyframes shiny-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shiny-sweep{0%{transform:translate(-150%) rotate(20deg)}to{transform:translate(150%) rotate(20deg)}}@keyframes shiny-pulse{to{transform:scale(1.02)}}