@font-face{font-family:RubikGlitch;src:url(/BrainrotTCG/assets/RubikGlitch-Regular-B1-BR8cv.ttf) format("truetype");font-weight:400;font-style:normal}:root{--bg-dark: #0a0a0c;--card-bg: #1a1a1e;--accent-primary: #bc13fe;--accent-secondary: #13fefe;--text-main: #ffffff;--text-muted: #a0a0a8;--rarity-common: #aaaaaa;--rarity-uncommon: #1eff00;--rarity-rare: #0070dd;--rarity-epic: #a335ee;--rarity-legendary: #ff8000;--rarity-brainrot: linear-gradient(90deg, #ff0000, #ff7f00, #ffff00, #00ff00, #0000ff, #4b0082, #9400d3);--glass-bg: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .1);--shadow-neon: 0 0 15px rgba(188, 19, 254, .3)}*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,system-ui,-apple-system,sans-serif}body{background-color:#1a1a2e;background-image:url(/BrainrotTCG/assets/background-DSCdSDYA.png);background-repeat:repeat;background-size:256px 256px;background-blend-mode:multiply;color:var(--text-main);min-height:100vh;overflow-x:hidden}.app-container{display:flex;flex-direction:column;align-items:center;padding:2rem 2rem 0;height:100vh;overflow:visible}h1{font-family:RubikGlitch,system-ui,sans-serif;font-size:5rem;font-weight:400;text-transform:uppercase;letter-spacing:.1em;margin-bottom:2rem;filter:drop-shadow(var(--shadow-neon))}h1 .title-char{display:inline-block;font-family:inherit;background:linear-gradient(45deg,var(--accent-primary),var(--accent-secondary));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:float 2.5s ease-in-out infinite}h1 .title-space{display:inline-block;width:.3em}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}main{flex:1;width:100%;min-height:0;overflow:visible}.premium-btn{background:linear-gradient(45deg,var(--accent-primary),#8a2be2);color:#fff;border:none;padding:1rem 2.5rem;font-size:1.25rem;font-weight:700;border-radius:50px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-transform:uppercase;letter-spacing:.05em;box-shadow:0 4px 15px #bc13fe66}.premium-btn:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 8px 25px #bc13fe99}.premium-btn:active{transform:translateY(0) scale(.98)}.nav-buttons{position:fixed;left:1rem;bottom:1rem;z-index:40;display:flex;flex-direction:column;gap:.5rem}.nav-btn{border:1px solid var(--glass-border);background:#0a0a0ceb;color:var(--text-main);border-radius:999px;padding:.75rem 1.25rem;font-weight:700;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s ease;box-shadow:0 8px 20px #00000059;text-align:left;font-size:.9rem}.nav-btn:hover{transform:translateY(-1px);box-shadow:0 10px 22px #bc13fe59;background:#bc13fe26}.collection-browse-btn{position:fixed;left:1rem;bottom:1rem;z-index:40;border:1px solid var(--glass-border);background:#0a0a0ceb;color:var(--text-main);border-radius:999px;padding:.75rem 1.25rem;font-weight:700;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 8px 20px #00000059}.collection-browse-btn:hover{transform:translateY(-1px);box-shadow:0 10px 22px #bc13fe59}.collection-browser{position:fixed;inset:0;overflow-y:auto;background:#08080cf7;border:none;border-radius:0;padding:1.25rem;z-index:35;box-shadow:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.collection-header{text-align:center;margin-bottom:1.5rem;position:relative}.collection-header h2{font-size:2rem;background:linear-gradient(45deg,var(--accent-primary),var(--accent-secondary));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:.5rem}.collection-header p{color:var(--text-muted);font-size:1rem;margin-bottom:0}.collection-close-btn{position:absolute;right:0;top:0;background:transparent;border:none;color:var(--text-muted);font-size:2rem;cursor:pointer;transition:color .2s;line-height:1}.collection-close-btn:hover{color:var(--text-main)}.collection-empty{color:var(--text-muted);font-size:.95rem}.collection-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.collection-item{position:relative;aspect-ratio:3 / 4;overflow:hidden;cursor:pointer;transition:transform .2s ease;border:2px solid var(--glass-border);border-radius:12px;background:#ffffff0a;box-shadow:6px 10px 16px #00000073}.collection-item:hover{transform:scale(1.05)}.collection-item.common{border-color:var(--rarity-common);box-shadow:0 0 0 1px #aaaaaa40,0 0 14px #aaaaaa59,6px 10px 16px #00000073}.collection-item.uncommon{border-color:var(--rarity-uncommon);box-shadow:0 0 0 1px #1eff004d,0 0 15px #1eff0066,6px 10px 16px #00000073}.collection-item.rare{border-color:var(--rarity-rare);box-shadow:0 0 0 1px #0070dd4d,0 0 16px #0070dd73,6px 10px 16px #00000073}.collection-item.epic{border-color:var(--rarity-epic);box-shadow:0 0 0 1px #a335ee52,0 0 18px #a335ee80,6px 10px 16px #00000073}.collection-item.legendary{border-color:var(--rarity-legendary);box-shadow:0 0 0 1px #ff800059,0 0 20px #ff80008c,6px 10px 16px #00000073}.collection-item.brainrot{border:2px solid transparent;background:linear-gradient(var(--card-bg),var(--card-bg)) padding-box,linear-gradient(90deg,red,#ff7f00,#ff0,#0f0,#00f,indigo,#9400d3,red) border-box;background-size:100% 100%,200% 100%;animation:rainbowBorder 3s linear infinite;box-shadow:0 0 20px #ff00ff80,0 0 40px #00ffff4d,6px 10px 16px #00000073}.collection-item.holo{position:relative}.collection-item.holo:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,#ff00001f,#ff7f001f,#ffff001f,#00ff001f,#0000ff1f,#4b00821f,#9400d31f 84%,#ff00001f);background-size:400% 400%;animation:collectionHoloShimmer 3s ease infinite;pointer-events:none;border-radius:10px;z-index:1}@keyframes collectionHoloShimmer{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.collection-item img{width:100%;height:100%;object-fit:cover;display:block}.collection-item-meta{position:absolute;left:.6rem;right:.6rem;bottom:.55rem;z-index:2;padding-right:3.1rem;text-shadow:0 1px 4px rgba(0,0,0,.8)}.collection-item h3{font-size:.82rem;line-height:1.2}.collection-item p{font-size:.68rem;color:#d8d8de;margin-top:.15rem}.collection-count{position:absolute;right:.6rem;bottom:.55rem;z-index:3;font-size:.78rem;font-weight:900;color:#fff;border-radius:999px;padding:.2rem .55rem;background:#00000094;border:1px solid rgba(255,255,255,.18)}.card-viewer-overlay{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:100;cursor:pointer}.card-viewer-content{position:relative;cursor:default}.card-viewer-card{width:70vmin;max-width:400px;aspect-ratio:3 / 4;border-radius:12px;overflow:hidden;border:4px solid #333;box-shadow:0 20px 60px #0009}.card-viewer-card img{width:100%;height:100%;object-fit:cover;display:block}.card-viewer-card.common{border-color:var(--rarity-common);box-shadow:0 20px 60px #0009,0 0 30px #aaa6}.card-viewer-card.uncommon{border-color:var(--rarity-uncommon);box-shadow:0 20px 60px #0009,0 0 40px #1eff0080}.card-viewer-card.rare{border-color:var(--rarity-rare);box-shadow:0 20px 60px #0009,0 0 50px #0070dd99}.card-viewer-card.epic{border-color:var(--rarity-epic);box-shadow:0 20px 60px #0009,0 0 60px #a335ee99}.card-viewer-card.legendary{border-color:var(--rarity-legendary);box-shadow:0 20px 60px #0009,0 0 70px #ff8000b3}.card-viewer-card.brainrot{border:4px solid transparent;background:linear-gradient(#000,#000) padding-box,linear-gradient(90deg,red,#ff7f00,#ff0,#0f0,#00f,indigo,#9400d3,red) border-box;background-size:100% 100%,200% 100%;animation:rainbowBorder 3s linear infinite;box-shadow:0 20px 60px #0009,0 0 50px #ff00ff80,0 0 80px #0ff6}.card-viewer-card.holo{position:relative}.card-viewer-card.holo:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,#ff000026,#ff7f0026,#ffff0026,#00ff0026,#0000ff26,#4b008226,#9400d326 84%,#ff000026);background-size:400% 400%;animation:collectionHoloShimmer 3s ease infinite;pointer-events:none;border-radius:10px}.card-viewer-close{position:absolute;top:-15px;right:-15px;width:40px;height:40px;border-radius:50%;background:#000c;border:2px solid rgba(255,255,255,.3);color:#fff;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.card-viewer-close:hover{background:#fff3;transform:scale(1.1)}@media(max-width:640px){.app-container{padding:1rem}h1{font-size:2.2rem}.collection-browser{padding:1rem}.nav-buttons{left:.5rem;bottom:.5rem;gap:.35rem}.nav-btn{padding:.5rem 1rem;font-size:.8rem}}.card-wrapper{perspective:1000px;height:calc(100vh - 14rem);max-height:560px;aspect-ratio:5 / 7;cursor:pointer;position:relative}.card-inner{position:relative;width:100%;height:100%;transition:transform .1s;transform-style:preserve-3d}.card-face{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:8px;overflow:hidden;border:3px solid #333;box-shadow:0 10px 30px #00000080}.card-back{background:#000}.card-back-image{width:100%;height:100%;object-fit:cover;display:block;border-radius:8px}.card-front{background:#000;transform:rotateY(180deg);position:relative}.card-full-image{width:100%;height:100%;object-fit:cover;display:block;border-radius:8px}.holo-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#fff0,#fff3,#fff0);opacity:0;transition:opacity .3s;pointer-events:none}.card-wrapper:hover .holo-overlay{opacity:1}.card-info{flex:1;display:flex;flex-direction:column}.card-description{font-size:.85rem;color:#a0a0a8;line-height:1.4;margin-bottom:auto}.card-stats{display:flex;justify-content:space-between;align-items:flex-end;margin-top:8px}.stat-item{display:flex;flex-direction:column}.stat-label{font-size:.65rem;text-transform:uppercase;color:var(--text-muted)}.stat-value{font-weight:900;font-size:1.1rem}.rarity-badge{padding:4px 8px;border-radius:4px;font-size:.7rem;font-weight:900;text-transform:uppercase}.card-wrapper.common .card-face{border-color:#aaa;box-shadow:0 10px 30px #00000080,0 0 20px #aaaaaa4d,0 0 40px #aaa3}.card-wrapper.uncommon .card-face{border-color:#1eff00;box-shadow:0 10px 30px #00000080,0 0 25px #1eff0080,0 0 50px #1eff004d}.card-wrapper.rare .card-face{border-color:#0070dd;box-shadow:0 10px 30px #00000080,0 0 30px #0070dd99,0 0 60px #0070dd66}.card-wrapper.epic .card-face{border-color:#a335ee;box-shadow:0 10px 30px #00000080,0 0 35px #a335ee99,0 0 70px #a335ee66}.card-wrapper.legendary .card-face{border-color:#ff8000;box-shadow:0 10px 30px #00000080,0 0 40px #ff8000b3,0 0 80px #ff800080}.card-wrapper.brainrot .card-face{border:3px solid transparent;background:linear-gradient(#000,#000) padding-box,linear-gradient(90deg,red,#ff7f00,#ff0,#0f0,#00f,indigo,#9400d3,red) border-box;background-size:100% 100%,200% 100%;animation:rainbowCardBorder 3s linear infinite;box-shadow:0 10px 30px #00000080,0 0 30px #ff00ff80,0 0 60px #0ff6,0 0 90px #ff00ff4d}@keyframes rainbowCardBorder{0%{background-position:0 0,0% 0}to{background-position:0 0,200% 0}}.card-wrapper.uncommon .rarity-badge{background:#1eff00;color:#000}.card-wrapper.rare .rarity-badge{background:#0070dd;color:#fff}.card-wrapper.epic .rarity-badge{background:#a335ee;color:#fff}.card-wrapper.legendary .rarity-badge{background:#ff8000;color:#fff}.card-wrapper.brainrot .rarity-badge{background:linear-gradient(90deg,red,#ff7f00,#ff0,#0f0,#00f,indigo,#9400d3);background-size:200% 100%;animation:rainbowBadge 2s linear infinite;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.8)}@keyframes rainbowBadge{0%{background-position:0% 0}to{background-position:200% 0}}.holo-shine-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden;border-radius:8px}.holo-shine-overlay:before{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(120deg,transparent 0%,rgba(255,255,255,0) 30%,rgba(255,255,255,.5) 50%,rgba(255,255,255,0) 70%,transparent 100%);transform:skew(-20deg)}.card-wrapper.holo.shine-played .holo-shine-overlay:before{animation:holoShine .8s ease-out forwards}.card-wrapper.holo:hover .holo-shine-overlay:before{animation:holoShine .6s ease-out}@keyframes holoShine{0%{left:-100%}to{left:150%}}.card-wrapper.holo .card-front:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,#ff00001a,#ff7f001a,#ffff001a,#00ff001a,#0000ff1a,#4b00821a,#9400d31a 84%,#ff00001a);background-size:400% 400%;animation:holoShimmer 3s ease infinite;pointer-events:none;border-radius:8px;mix-blend-mode:overlay}@media(max-width:640px){.card-wrapper{height:calc(100vh - 12rem);max-height:450px}}.pack-opener-container{display:flex;flex-direction:column;align-items:center;height:100%;width:100%;overflow:visible}.pack-display{position:relative;flex:1;width:100%}.pack-shell-wrap{position:absolute;bottom:0;left:50%;transform:translate(-50%) translateY(60%);width:80vw}.pack-hint{position:absolute;bottom:-2rem;left:50%;transform:translate(-50%);color:var(--text-muted);font-size:.85rem;opacity:.5;white-space:nowrap}.pack-shell{--tear-y: 19%;position:relative;width:100%;height:auto;aspect-ratio:1536 / 2752;border-radius:0;overflow:hidden;cursor:crosshair;-webkit-user-select:none;user-select:none;touch-action:none;box-shadow:none;isolation:isolate}.pack-shell:after{content:none}.pack-shell:before{content:none}@keyframes packShimmer{0%{transform:translate(-130%) rotate(45deg)}to{transform:translate(120%) rotate(45deg)}}.pack-half{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:drop-shadow(0 18px 24px rgba(0,0,0,.35));pointer-events:none}.pack-half-bottom{clip-path:inset(0 0 0 0);transition:clip-path .38s cubic-bezier(.25,.9,.3,1)}.pack-shell.is-cut .pack-half-bottom{clip-path:inset(calc(var(--tear-y) + .45%) 0 0 0)}.pack-half-top{clip-path:inset(0 0 calc(100% - var(--tear-y)) 0);opacity:0;transform-origin:50% var(--tear-y);transition:transform .46s cubic-bezier(.25,.9,.3,1),opacity .2s ease;z-index:3}.pack-shell.is-cutting .pack-half-top,.pack-shell.is-cut .pack-half-top{opacity:1}.pack-shell.is-cut .pack-half-top{transform:translateY(-18%) rotate(-4deg);opacity:.84}.tear-guide{position:absolute;left:5%;right:5%;top:var(--tear-y);transform:translateY(-50%);border-top:5px dashed rgba(255,255,255,.95);filter:drop-shadow(0 0 8px rgba(255,255,255,.5)) drop-shadow(0 0 3px rgba(0,0,0,.8));z-index:4;pointer-events:none;animation:tearGuidePulse 2s ease-in-out infinite}@keyframes tearGuidePulse{0%,to{opacity:.7;filter:drop-shadow(0 0 8px rgba(255,255,255,.5)) drop-shadow(0 0 3px rgba(0,0,0,.8))}50%{opacity:1;filter:drop-shadow(0 0 12px rgba(255,255,255,.8)) drop-shadow(0 0 4px rgba(0,0,0,.8))}}.pack-shell.is-cutting .tear-guide{border-top-color:#fff1bc;animation:none;opacity:1}.pack-shell.is-cut .tear-guide{opacity:0}.swipe-hint{position:absolute;top:calc(var(--tear-y) + 1%);left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.5rem;z-index:6;pointer-events:none;animation:swipeHintFade 3s ease-in-out infinite}.swipe-hint-icon{font-size:2rem;animation:swipeMotion 1.5s ease-in-out infinite}.swipe-hint-text{font-size:.9rem;font-weight:700;color:#ffffffe6;text-transform:uppercase;letter-spacing:.1em;text-shadow:0 2px 8px rgba(0,0,0,.8);white-space:nowrap}@keyframes swipeMotion{0%,to{transform:translate(-20px)}50%{transform:translate(20px)}}@keyframes swipeHintFade{0%,to{opacity:.6}50%{opacity:1}}.pack-shell.is-cutting .swipe-hint,.pack-shell.is-cut .swipe-hint{opacity:0;transition:opacity .3s ease}.cut-line-svg{position:absolute;inset:0;width:100%;height:100%;z-index:5;pointer-events:none;overflow:visible}.cut-line{fill:none;stroke:#6a0dad;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 6px #6a0dad) drop-shadow(0 0 12px #4a0080)}.spark-layer{position:fixed;inset:0;pointer-events:none;z-index:8;overflow:visible}.drag-spark{position:absolute;left:var(--x);top:var(--y);width:calc(var(--size) * 2.5);height:calc(var(--size) * 2.5);border-radius:999px;background:hsl(var(--hue) 100% 65% / 1);box-shadow:0 0 20px hsl(var(--hue) 100% 65% / 1),0 0 50px hsl(var(--hue) 100% 55% / .95),0 0 80px #ffc864e6;transform:translate(-50%,-50%);animation:sparkPop .62s ease-out forwards;mix-blend-mode:screen}@keyframes sparkPop{0%{opacity:1;transform:translate(-50%,-50%) scale(.52)}to{opacity:0;transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) scale(1.7)}}.card-reveal-area{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;position:relative;padding-bottom:4rem;overflow:visible}.reveal-counter{position:absolute;bottom:2rem;right:2rem;font-size:1.2rem;font-weight:700;color:var(--accent-secondary)}.active-card-container{display:flex;align-items:center;justify-content:center;padding:1rem;overflow:visible}.tip-text{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;padding:.75rem 1.5rem;animation:fadePulse 2s infinite}@keyframes fadePulse{0%,to{opacity:.5}50%{opacity:1}}.mouse-hint{position:absolute;top:1.5rem;left:50%;transform:translate(-50%);font-size:.85rem;color:#fff6;text-transform:uppercase;letter-spacing:.06em;pointer-events:none;opacity:1;transition:opacity .5s ease-out}.mouse-hint.fade-out{opacity:0}@media(max-width:640px){.pack-shell-wrap{transform:translate(-50%) translateY(35%)}.tip-text{letter-spacing:.05em}}.pack-summary{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;width:100%;height:100%}.summary-title{font-size:2rem;font-weight:900;text-transform:uppercase;letter-spacing:.1em;background:linear-gradient(45deg,var(--accent-primary),var(--accent-secondary));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:2rem}.summary-carousel{position:relative;width:100%;height:50vh;display:flex;align-items:center;justify-content:center;margin-bottom:2rem}.summary-card{position:absolute;width:20vw;min-width:140px;max-width:250px;border-radius:8px;overflow:hidden;background:#ffffff0d;border:3px solid #333;transform:translate(calc(var(--offset) * 15vw));transition:transform .5s cubic-bezier(.25,.46,.45,.94),box-shadow .5s cubic-bezier(.25,.46,.45,.94),z-index 0s .25s;cursor:pointer}.summary-card:hover{transform:translate(calc(var(--offset) * 15vw)) scale(1.15);z-index:10;transition:transform .5s cubic-bezier(.25,.46,.45,.94),box-shadow .5s cubic-bezier(.25,.46,.45,.94),z-index 0s}.summary-card img{width:100%;aspect-ratio:5 / 7;object-fit:cover;border-radius:5px;display:block}.summary-card.common{border-color:var(--rarity-common);box-shadow:0 5px 20px #0006,0 0 15px #aaaaaa4d}.summary-card.common:hover{box-shadow:0 10px 40px #00000080,0 0 25px #aaaaaa80}.summary-card.uncommon{border-color:var(--rarity-uncommon);box-shadow:0 5px 20px #0006,0 0 15px #1eff0066}.summary-card.uncommon:hover{box-shadow:0 10px 40px #00000080,0 0 28px #1eff008c}.summary-card.rare{border-color:var(--rarity-rare);box-shadow:0 5px 20px #0006,0 0 15px #0070dd66}.summary-card.rare:hover{box-shadow:0 10px 40px #00000080,0 0 30px #0070dd99}.summary-card.epic{border-color:var(--rarity-epic);box-shadow:0 5px 20px #0006,0 0 15px #a335ee80}.summary-card.epic:hover{box-shadow:0 10px 40px #00000080,0 0 35px #a335eeb3}.summary-card.legendary{border-color:var(--rarity-legendary);box-shadow:0 5px 20px #0006,0 0 20px #ff800099}.summary-card.legendary:hover{box-shadow:0 10px 40px #00000080,0 0 40px #ff8000cc}.summary-card.brainrot{border:2px solid transparent;background:linear-gradient(#1a1a1e,#1a1a1e) padding-box,linear-gradient(90deg,red,#ff7f00,#ff0,#0f0,#00f,indigo,#9400d3,red) border-box;background-size:100% 100%,200% 100%;animation:rainbowBorder 3s linear infinite;box-shadow:0 5px 20px #0006,0 0 25px #ff00ff80,0 0 40px #00ffff4d}.summary-card.brainrot:hover{box-shadow:0 10px 40px #00000080,0 0 40px #ff00ffb3,0 0 60px #00ffff80}@keyframes rainbowBorder{0%{background-position:0 0,0% 0}to{background-position:0 0,200% 0}}.summary-card.holo:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,#ff000026,#ff7f0026,#ffff0026,#00ff0026,#0000ff26,#4b008226,#9400d326 84%,#ff000026);background-size:400% 400%;animation:holoShimmer 3s ease infinite;pointer-events:none;border-radius:5px}@keyframes holoShimmer{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.summary-close-btn{background:linear-gradient(45deg,var(--accent-primary),#8a2be2);color:#fff;border:none;padding:1rem 2rem;font-size:1.1rem;font-weight:700;border-radius:50px;cursor:pointer;text-transform:uppercase;letter-spacing:.05em;transition:all .3s ease;box-shadow:0 4px 15px #bc13fe66}.summary-close-btn:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 8px 25px #bc13fe99}.achievement-notification{position:fixed;top:2rem;right:2rem;z-index:1000;display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;background:linear-gradient(135deg,#bc13fee6,#8a2be2e6);border:2px solid rgba(255,255,255,.3);border-radius:12px;box-shadow:0 8px 32px #bc13fe66,0 0 20px #bc13fe4d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);max-width:350px}.achievement-notification-icon{font-size:2.5rem;flex-shrink:0}.achievement-notification-content{display:flex;flex-direction:column;gap:.25rem}.achievement-notification-title{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:#fffc}.achievement-notification-name{font-size:1.1rem;font-weight:700;color:#fff}.achievement-notification-desc{font-size:.85rem;color:#ffffffe6}.achievements-page{position:fixed;inset:0;overflow-y:auto;background:#08080cf7;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1.5rem;z-index:50}.achievements-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;position:relative}.achievements-header h2{font-size:1.5rem;background:linear-gradient(45deg,var(--accent-primary),var(--accent-secondary));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.achievements-header p{color:var(--text-muted);font-size:.9rem}.achievements-close-btn{position:absolute;right:0;top:50%;transform:translateY(-50%);background:transparent;border:none;color:var(--text-muted);font-size:2rem;cursor:pointer;transition:color .2s;line-height:1}.achievements-close-btn:hover{color:var(--text-main)}.achievements-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.achievement-card{display:flex;align-items:center;gap:1rem;padding:1rem;background:#ffffff0d;border:1px solid var(--glass-border);border-radius:12px;position:relative;transition:all .3s ease}.achievement-card.unlocked{background:linear-gradient(135deg,#bc13fe26,#13fefe1a);border-color:#bc13fe66;box-shadow:0 0 20px #bc13fe33}.achievement-card.locked{opacity:.5;filter:grayscale(.8)}.achievement-card.locked .achievement-icon{filter:grayscale(1)}.achievement-icon{font-size:2rem;flex-shrink:0}.achievement-info{flex:1;min-width:0}.achievement-name{font-weight:700;font-size:1rem;margin-bottom:.25rem}.achievement-description{font-size:.85rem;color:var(--text-muted)}.achievement-date{font-size:.75rem;color:var(--accent-secondary);margin-top:.25rem}.achievement-check{position:absolute;top:.5rem;right:.5rem;width:1.5rem;height:1.5rem;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;color:#fff}@media(max-width:640px){.achievement-notification{top:1rem;right:1rem;left:1rem;max-width:none}.achievements-grid{grid-template-columns:1fr}}.hall-of-fame-page{position:fixed;inset:0;overflow-y:auto;background:#08080cf7;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1.5rem;z-index:50}.hall-of-fame-header{text-align:center;margin-bottom:2rem;position:relative}.hall-of-fame-header h2{font-size:2.5rem;background:linear-gradient(45deg,gold,#ff8000,gold);background-size:200% auto;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:goldShimmer 3s linear infinite;margin-bottom:.5rem}@keyframes goldShimmer{0%{background-position:0% center}to{background-position:200% center}}.hall-of-fame-header p{color:var(--text-muted);font-size:1rem}.hall-of-fame-close-btn{position:absolute;right:0;top:0;background:transparent;border:none;color:var(--text-muted);font-size:2rem;cursor:pointer;transition:color .2s;line-height:1}.hall-of-fame-close-btn:hover{color:var(--text-main)}.hall-of-fame-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;max-width:1200px;margin:0 auto;padding:1rem}.hall-of-fame-card{background:linear-gradient(135deg,#ffd70014,#ff80000a);border:2px solid rgba(255,215,0,.3);border-radius:16px;overflow:hidden;box-shadow:0 0 30px #ffd70026,inset 0 0 30px #ffd70008;transition:transform .3s ease,box-shadow .3s ease}.hall-of-fame-card:hover{transform:translateY(-4px);box-shadow:0 0 40px #ffd70040,inset 0 0 30px #ffd7000d}.hall-of-fame-image{width:100%;aspect-ratio:16 / 9;overflow:hidden;background:#0000004d}.hall-of-fame-image img{width:100%;height:100%;object-fit:cover;display:block}.hall-of-fame-info{padding:1.25rem;text-align:center}.hall-of-fame-name{font-size:1.4rem;font-weight:700;color:gold;margin-bottom:.5rem;text-shadow:0 0 10px rgba(255,215,0,.3)}.hall-of-fame-achievement{font-size:1.1rem;color:var(--text-main);margin-bottom:.75rem;font-weight:600}.hall-of-fame-date{font-size:.9rem;color:var(--accent-secondary)}@media(max-width:640px){.hall-of-fame-grid{grid-template-columns:1fr;padding:.5rem}.hall-of-fame-header h2{font-size:1.8rem}.hall-of-fame-name{font-size:1.2rem}.hall-of-fame-info{padding:1rem}}