@import"https://fonts.googleapis.com/css2?family=Audiowide&family=Bebas+Neue&family=Bungee&family=Orbitron:wght@400;600;700&family=Roboto:wght@400;500;700&display=swap";:root{--tv-red: #E63946;--screen-blue: #457B9D;--golden-accent: #F1C40F;--retro-cream: #F4E8C1;--deep-black: #1D1D1D;--pure-white: #FFFFFF;--paper-color: #F9F7F2;--font-display: "Bebas Neue", "Orbitron", sans-serif;--font-retro: "Bungee", cursive;--font-tech: "Orbitron", sans-serif;--font-body: "Roboto", sans-serif;--pixel-border: 3px solid var(--deep-black);--sharp-shadow: 4px 4px 0px var(--deep-black);--glass-bg: rgba(255, 255, 255, .1);--radius-md: 8px}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none}input,textarea{user-select:text;-webkit-user-select:text}body{background-color:var(--deep-black);color:var(--pure-white);font-family:var(--font-body);overflow-x:hidden;height:100vh;display:flex;flex-direction:column}.app-wrapper{background-color:var(--deep-black);min-height:100vh;display:flex;flex-direction:column}.screen-content{flex:1;padding:20px;max-width:1200px;margin:0 auto;width:100%}.albums-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:20px;max-width:900px;margin:0 auto}.stickers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:15px;max-width:900px;margin:0 auto}@media(min-width:768px){.albums-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:30px}.stickers-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:20px}}.retro-button{background-color:var(--tv-red);color:var(--pure-white);border:var(--pixel-border);box-shadow:var(--sharp-shadow);padding:10px 20px;font-family:var(--font-display);font-weight:500;font-size:1rem;letter-spacing:.5px;cursor:pointer;border-radius:var(--radius-md);transition:transform .1s,box-shadow .1s;text-transform:uppercase}.retro-button:active{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--deep-black)}.retro-card{background:var(--retro-cream);border:var(--pixel-border);box-shadow:var(--sharp-shadow);padding:15px;color:var(--deep-black);border-radius:var(--radius-md)}.retro-progress{width:100%;height:20px;background:var(--retro-cream);border:3px solid var(--deep-black);position:relative;overflow:hidden}.retro-progress-fill{height:100%;background:var(--tv-red);transition:width .3s ease}.retro-tabs{display:flex;justify-content:center;margin-bottom:20px;border-bottom:4px solid var(--case-grey)}.retro-tab{background:none;border:none;padding:10px 20px;font-family:var(--font-display);font-size:1rem;color:var(--case-grey);cursor:pointer;border-bottom:4px solid transparent;margin-bottom:-4px}.retro-tab.active{color:var(--golden-accent);border-bottom:4px solid var(--golden-accent)}.retro-modal-overlay{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.retro-modal{width:90%;max-width:400px;max-height:90vh;overflow-y:auto;animation:modalPop .3s cubic-bezier(.175,.885,.32,1.275)}@keyframes modalPop{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.sticker-container{perspective:1000px;width:150px;height:220px;margin:0 auto}.sticker-flipper{position:relative;width:100%;height:100%;transition:transform .6s;transform-style:preserve-3d}.sticker-flipper.flipped{transform:rotateY(180deg)}.sticker-front,.sticker-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;border:4px solid var(--pure-white);box-shadow:0 10px 20px #00000080}.sticker-back{background:var(--case-grey);display:flex;align-items:center;justify-content:center;z-index:2}.sticker-front{background:var(--retro-cream);transform:rotateY(180deg);z-index:1}.shake{animation:shake .5s cubic-bezier(.36,.07,.19,.97) both}@keyframes shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}}.retro-input-group{display:flex;align-items:center;background-color:transparent;border-bottom:2px solid var(--deep-black);padding:5px 0;margin-bottom:15px;transition:border-color .3s ease}.retro-input-group:focus-within{border-bottom-color:var(--tv-red)}.retro-input{border:none;background:transparent;outline:none;flex:1;padding:10px;font-family:var(--font-body);font-size:1rem;color:var(--deep-black)}.retro-input::placeholder{color:#999;font-family:var(--font-tech);letter-spacing:1px}.sticker-card{position:relative;aspect-ratio:2/3;border-radius:8px;overflow:hidden;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.sticker-card:hover{transform:translateY(-4px) scale(1.02)}.sticker-card:active{transform:translateY(-2px) scale(1.01)}.sticker-card--unrevealed{background:linear-gradient(135deg,#1a0a2e,#2d1b4e,#4a2c7a 60%,#2d1b4e);border:3px solid #7b4cff;box-shadow:4px 4px 0 var(--deep-black),0 0 15px #7b4cff80,inset 0 0 20px #7b4cff33;animation:neonPulse 2s ease-in-out infinite}.sticker-card--unrevealed:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(123,76,255,.05) 2px,rgba(123,76,255,.05) 4px);pointer-events:none;z-index:1}@keyframes neonPulse{0%,to{box-shadow:4px 4px 0 var(--deep-black),0 0 15px #7b4cff80,inset 0 0 20px #7b4cff33}50%{box-shadow:4px 4px 0 var(--deep-black),0 0 25px #7b4cffcc,inset 0 0 30px #7b4cff4d}}.sticker-card--unrevealed:hover{box-shadow:6px 6px 0 var(--deep-black),0 0 30px #7b4cffcc,inset 0 0 30px #7b4cff66;animation:none}.sticker-card--revealed{background:linear-gradient(145deg,#faf6e8,#f4e8c1,#e8dbb0);border:3px solid #d4a90a;box-shadow:4px 4px 0 var(--deep-black),0 0 10px #f1c40f4d,inset 0 0 15px #f1c40f1a;cursor:default}.sticker-card--revealed:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 40%,rgba(255,255,255,.3) 50%,transparent 60%);animation:shimmer 3s ease-in-out infinite;pointer-events:none;z-index:10}@keyframes shimmer{0%{transform:translate(-100%) translateY(-100%) rotate(45deg)}to{transform:translate(100%) translateY(100%) rotate(45deg)}}.sticker-card--revealed:hover{transform:translateY(-2px)}.sticker-card__header{position:absolute;top:0;left:0;right:0;background:var(--deep-black);color:var(--pure-white);padding:4px 8px;font-family:var(--font-display);font-size:.6rem;text-align:center;letter-spacing:1px;z-index:5}.sticker-card__header--revealed{background:linear-gradient(90deg,#b8860b,#d4a90a,#b8860b);color:var(--deep-black)}.sticker-card__badge{position:absolute;top:28px;left:6px;background:var(--tv-red);color:var(--pure-white);padding:2px 6px;font-family:var(--font-display);font-size:.65rem;font-weight:700;border-radius:2px;box-shadow:2px 2px #00000080;z-index:5}.sticker-card__content{position:absolute;inset:24px 0 28px;display:flex;align-items:center;justify-content:center;z-index:3}.sticker-card--revealed .sticker-card__content{top:0}.sticker-card__content img{width:100%;height:100%;object-fit:cover}.sticker-card__question{font-family:var(--font-retro);font-size:2.5rem;opacity:.8;text-shadow:0 0 10px currentColor}.sticker-card--unrevealed .sticker-card__question{color:#c896ffe6;text-shadow:0 0 20px rgba(123,76,255,.8)}.sticker-card__footer{position:absolute;bottom:0;left:0;right:0;background:var(--deep-black);color:var(--pure-white);padding:0 4px;font-family:var(--font-display);font-size:.5rem;text-align:center;letter-spacing:.3px;z-index:5;line-height:1.3;height:28px;display:flex;align-items:center;justify-content:center}.sticker-card__footer span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.sticker-card__footer--revealed{background:linear-gradient(90deg,#1a1a1a,#2d2d2d,#1a1a1a);color:var(--golden-accent)}.sticker-view-modal{position:relative;width:90%;max-width:320px;background:linear-gradient(145deg,#1a0a2e,#2d1b4e,#1a0a2e);border:4px solid var(--golden-accent);border-radius:12px;overflow:hidden;box-shadow:0 0 30px #f1c40f66,0 0 60px #7b4cff4d,inset 0 0 30px #7b4cff1a;animation:modalPop .3s ease-out}.sticker-view-modal__close{position:absolute;top:10px;right:10px;background:#0009;border:2px solid var(--golden-accent);border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--golden-accent);z-index:10;transition:all .2s ease}.sticker-view-modal__close:hover{background:var(--golden-accent);color:var(--deep-black)}.sticker-view-modal__image-container{width:100%;aspect-ratio:2/3;overflow:hidden}.sticker-view-modal__image{width:100%;height:100%;object-fit:cover}.sticker-view-modal__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#faf6e8,#f4e8c1,#e8dbb0)}.sticker-view-modal__info{padding:15px;text-align:center;background:linear-gradient(180deg,#000c,#000000f2)}.sticker-view-modal__badge{display:inline-block;background:var(--golden-accent);color:var(--deep-black);padding:4px 12px;border-radius:20px;font-family:var(--font-display);font-size:.8rem;font-weight:700;margin-bottom:8px}.sticker-view-modal__name{font-family:var(--font-retro);font-size:1.3rem;color:var(--pure-white);margin:0 0 8px;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.sticker-view-modal__status{display:flex;align-items:center;justify-content:center;gap:6px;font-family:var(--font-display);font-size:.85rem;color:var(--golden-accent);margin:0}.album-card{position:relative;aspect-ratio:.7;border-radius:8px;overflow:hidden;cursor:pointer;background:var(--deep-black);border:4px solid #333;box-shadow:6px 6px #000c,inset 0 0 0 2px #ffffff1a;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.album-card:hover{transform:translateY(-6px) scale(1.02);border-color:var(--golden-accent);box-shadow:8px 8px #000000e6,0 0 20px #f1c40f4d,inset 0 0 0 2px #ffffff26}.album-card:active{transform:translateY(-3px) scale(1.01)}.album-card__cover{position:relative;height:70%;display:flex;align-items:center;justify-content:center;overflow:hidden}.album-card__cover--fullbg{height:100%}.album-card__cover-bg{position:absolute;inset:0;background:linear-gradient(135deg,#1a4a5e,#2d1b4e,#4a2c2c)}.album-card__cover img{position:relative;width:100%;height:100%;object-fit:cover;z-index:1}.album-card__cover:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.1) 2px,rgba(0,0,0,.1) 4px);pointer-events:none;z-index:2}.album-card__spine{position:absolute;left:0;top:0;bottom:0;width:12px;background:linear-gradient(to right,rgba(0,0,0,.6),rgba(0,0,0,.2),transparent);z-index:3}.album-card__cover-title{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;z-index:4;width:80%}.album-card__cover-title h3{font-family:var(--font-retro);font-size:1.1rem;color:var(--pure-white);text-shadow:2px 2px 0px var(--deep-black),-1px -1px 0px var(--deep-black),0 0 10px rgba(255,255,255,.3);line-height:1.2;margin-bottom:8px}.album-card__badge{position:absolute;bottom:10px;left:50%;transform:translate(-50%);background:var(--deep-black);border:2px solid var(--golden-accent);padding:3px 10px;z-index:5}.album-card__badge span{font-family:var(--font-display);font-size:.5rem;color:var(--golden-accent);letter-spacing:1px}.album-card__info{position:relative;height:30%;background:linear-gradient(to bottom,#f4e8c1,#e8dbb0);padding:12px 10px;display:flex;align-items:center;justify-content:center}.album-card__title{font-family:var(--font-display);font-size:1rem;color:var(--deep-black);line-height:1.3;text-align:center;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.album-card__progress-badge{position:absolute;top:8px;right:8px;min-width:48px;height:26px;background:#000000d9;border:2px solid var(--tv-red);border-radius:4px;display:flex;align-items:center;justify-content:center;gap:3px;padding:0 8px;box-shadow:2px 2px 4px #00000080;z-index:10;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.album-card__progress-badge span{font-family:var(--font-display);font-size:1rem;color:var(--pure-white);font-weight:500;letter-spacing:.5px}.album-card__progress-badge--complete{background:var(--golden-accent);border-color:var(--deep-black)}.album-card__progress-badge--complete span{color:var(--deep-black)}.album-card__placeholder{font-family:var(--font-retro);font-size:3rem;color:var(--pure-white);opacity:.3;z-index:1}.album-card--locked{border-color:#555;filter:saturate(.3)}.album-card--locked:hover{filter:saturate(.6);border-color:var(--tv-red);box-shadow:8px 8px #000000e6,0 0 20px #e639464d,inset 0 0 0 2px #ffffff26}.album-card__cover--locked{filter:brightness(.7)}.album-card__lock-overlay{position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);background:#0009;border-radius:50%;padding:15px;z-index:5;color:var(--pure-white);border:3px solid rgba(255,255,255,.3)}.album-card__info--locked{position:absolute;bottom:0;left:0;right:0;height:55px;background:linear-gradient(to bottom,#d4d4d4f2,#bbbbbbf2);display:flex;align-items:center;justify-content:center;z-index:20}.album-card__price--locked{position:absolute;bottom:65px;left:10px;right:10px;width:calc(100% - 20px);max-width:none;margin:0;z-index:20;padding:10px 16px}.album-card__price--locked span{font-size:1.2rem;font-weight:600;letter-spacing:.5px}.album-card__price-row{display:flex;justify-content:space-between;align-items:center}.album-card__price-label{font-family:var(--font-display);font-size:.5rem;color:var(--tv-red);font-weight:700}.album-card__price{display:flex;align-items:center;gap:6px;background:var(--golden-accent);padding:2px 8px;border-radius:3px;border:2px solid var(--deep-black)}.album-card__price svg{width:18px;height:18px}.album-card__price span{font-family:var(--font-display);font-size:.7rem;font-weight:700;color:var(--deep-black)}.album-card__price--free{background:#2ecc71;color:var(--pure-white)}.album-card__price--free span{color:var(--pure-white)}.album-card__new{position:absolute;top:-5px;right:-5px;background:linear-gradient(135deg,#ff6b6b 0%,var(--tv-red) 100%);color:var(--pure-white);padding:6px 14px;border-radius:4px;border:2px solid var(--deep-black);display:flex;align-items:center;gap:5px;z-index:25;box-shadow:2px 2px #00000080;animation:newPulse 1.5s ease-in-out infinite}.album-card__new svg{width:14px;height:14px}.album-card__new span{font-family:var(--font-display);font-size:.75rem;font-weight:500;letter-spacing:1px;text-transform:uppercase}@keyframes newPulse{0%,to{transform:scale(1);box-shadow:2px 2px #00000080}50%{transform:scale(1.05);box-shadow:2px 2px #00000080,0 0 10px #e6394680}}.album-card__type-badge{position:absolute;top:8px;left:8px;width:36px;height:36px;background:#000000d9;border:2px solid var(--screen-blue);border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:25;box-shadow:2px 2px 4px #00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:var(--pure-white)}.album-detail__type-tag{display:inline-flex;align-items:center;gap:4px;background:var(--screen-blue);color:var(--pure-white);padding:2px 8px;border-radius:3px;border:2px solid var(--deep-black);font-family:var(--font-display);font-size:.65rem;letter-spacing:1px;white-space:nowrap}@media(min-width:768px){.album-card__cover-title h3{font-size:1.4rem}.album-card__badge span{font-size:.65rem}.album-card__title{font-size:1.5rem}.album-card__progress-text{font-size:.7rem}.album-card__info{padding:12px 14px}.sticker-card__footer{font-size:.65rem;height:34px}.sticker-card__question{font-size:2.5rem}.sticker-card__badge{font-size:.6rem;padding:4px 10px}}.album-detail__title{font-family:var(--font-display);font-size:1.2rem;margin-bottom:5px;color:var(--deep-black)}@media(min-width:768px){.album-detail__title{font-size:1.8rem}}.purchase-modal{position:relative}.purchase-modal .modal-close{position:absolute;top:10px;right:10px;background:none;border:none;padding:5px;cursor:pointer;color:#999;transition:color .2s;z-index:10}.purchase-modal .modal-close:hover{color:var(--tv-red)}.purchase-modal__header{display:flex;gap:15px;margin-bottom:20px}.purchase-modal__cover{width:100px;height:140px;border-radius:6px;overflow:hidden;border:3px solid var(--deep-black);flex-shrink:0;background:linear-gradient(135deg,#1a4a5e,#2d1b4e,#4a2c2c)}.purchase-modal__cover img{width:100%;height:100%;object-fit:cover}.purchase-modal__cover-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--pure-white);opacity:.5}.purchase-modal__info{flex:1;display:flex;flex-direction:column;justify-content:center}.purchase-modal__info h2{font-family:var(--font-display);font-size:1.2rem;color:var(--deep-black);margin-bottom:8px;line-height:1.2}.purchase-modal__description{font-family:var(--font-body);font-size:.85rem;color:#555;line-height:1.4}.purchase-modal__stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:15px}.purchase-modal__stat{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px;background:var(--retro-cream);border:2px solid var(--deep-black);border-radius:6px;color:var(--deep-black)}.purchase-modal__stat--price{background:var(--golden-accent)}.purchase-modal__stat--free{background:#2ecc71;color:var(--pure-white)}.purchase-modal__stat--free .purchase-modal__stat-value{color:var(--pure-white)}.purchase-modal__stat-value{font-family:var(--font-retro);font-size:1.5rem;line-height:1}.purchase-modal__stat-label{font-family:var(--font-display);font-size:.6rem;letter-spacing:1px;opacity:.8}.purchase-modal__balance{display:flex;justify-content:space-between;align-items:center;padding:12px 15px;background:#0000000d;border-radius:6px;margin-bottom:20px;font-family:var(--font-display);font-size:.85rem}.purchase-modal__balance-value{font-weight:700;color:var(--screen-blue)}.purchase-modal__balance-value--insufficient{color:var(--tv-red)}.purchase-modal__insufficient{text-align:center;font-family:var(--font-display);font-size:.9rem;color:var(--tv-red);margin-bottom:10px;padding:10px;background:#e639461a;border-radius:4px}.unlock-loading-overlay{background:#000000d9}.unlock-loading-modal{display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--golden-accent)}.unlock-loading-modal__spinner{animation:spin 1s linear infinite;margin-bottom:20px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.unlock-loading-modal__text{font-family:var(--font-retro);font-size:1.2rem;letter-spacing:2px;text-shadow:0 0 10px rgba(241,196,15,.5)}.unlock-loading-modal__dots{font-family:var(--font-retro);font-size:1.5rem;animation:blink 1s steps(3) infinite}@keyframes blink{0%{opacity:.2}50%{opacity:1}to{opacity:.2}}.unlock-success-overlay{background:#000000e6}.unlock-success-modal{background:linear-gradient(135deg,#1a0a2e,#2d1b4e);border:4px solid var(--golden-accent);border-radius:16px;padding:30px;text-align:center;max-width:320px;width:90%;animation:unlockPop .4s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 0 40px #f1c40f66,inset 0 0 60px #f1c40f1a}@keyframes unlockPop{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.unlock-success-modal__confetti{color:var(--golden-accent);margin-bottom:10px;animation:bounce .6s ease infinite alternate}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-8px)}}.unlock-success-modal__title{font-family:var(--font-retro);font-size:1.4rem;color:var(--golden-accent);margin-bottom:20px;text-shadow:2px 2px 0px var(--deep-black),0 0 20px rgba(241,196,15,.5);letter-spacing:1px;word-break:break-word}.unlock-success-modal__album{width:120px;height:120px;margin:0 auto 15px;border:3px solid var(--golden-accent);border-radius:8px;overflow:hidden;box-shadow:0 4px 20px #00000080;animation:albumGlow 1.5s ease infinite alternate}@keyframes albumGlow{0%{box-shadow:0 4px 20px #00000080,0 0 10px #f1c40f4d}to{box-shadow:0 4px 20px #00000080,0 0 25px #f1c40f99}}.unlock-success-modal__album img{width:100%;height:100%;object-fit:cover}.unlock-success-modal__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--screen-blue);color:var(--pure-white)}.unlock-success-modal__name{font-family:var(--font-display);font-size:1.1rem;color:var(--pure-white);margin-bottom:5px;letter-spacing:1px}.unlock-success-modal__stickers{font-family:var(--font-body);font-size:.85rem;color:var(--retro-cream);margin-bottom:25px;opacity:.8}.unlock-success-modal__button{width:100%;background:var(--golden-accent)!important;color:var(--deep-black)!important;font-size:1rem;padding:12px 20px;animation:pulse 1s ease infinite}.unlock-success-modal__dismiss{background:none;border:none;cursor:pointer;font-family:var(--font-tech);color:var(--pure-white);font-size:.85rem;margin-top:12px;text-decoration:underline;opacity:.8}.unlock-success-modal__dismiss:hover{opacity:1}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}.purchase-modal__actions{display:flex;flex-direction:column}.confirmation-modal{max-width:350px;text-align:center;padding:25px}.confirmation-modal__icon{width:80px;height:80px;background:var(--golden-accent);border:3px solid var(--deep-black);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 15px;color:var(--deep-black)}.confirmation-modal__title{font-family:var(--font-display);font-size:1.3rem;color:var(--deep-black);margin-bottom:15px;letter-spacing:1px}.confirmation-modal__message{font-family:var(--font-body);font-size:.95rem;color:#333;line-height:1.5;margin-bottom:10px}.confirmation-modal__message strong{color:var(--deep-black)}.confirmation-modal__balance{font-family:var(--font-body);font-size:.85rem;color:#666;margin-bottom:20px;padding:10px;background:#0000000d;border-radius:6px}.confirmation-modal__balance strong{color:var(--screen-blue)}.confirmation-modal__actions{display:flex;gap:10px}.confirmation-modal__actions .retro-button{padding:12px 15px;font-size:.85rem}.retro-button--secondary{background:var(--retro-cream);color:var(--deep-black);border-color:var(--deep-black)}.retro-button--secondary:hover{background:#e8dbb0}.store-screen{padding:20px 20px 40px;max-width:500px;margin:0 auto}.store-balance{display:flex;align-items:center;gap:15px;padding:20px;margin-bottom:25px}.store-balance__icon{width:50px;height:50px;background:var(--golden-accent);border:3px solid var(--deep-black);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--deep-black)}.store-balance__info{display:flex;flex-direction:column}.store-balance__label{font-family:var(--font-display);font-size:.7rem;color:#666;letter-spacing:1px}.store-balance__value{font-family:var(--font-retro);font-size:2rem;color:var(--deep-black);line-height:1}.store-section-title{display:flex;align-items:center;gap:10px;margin-bottom:20px;color:var(--deep-black);font-family:var(--font-display);font-size:.9rem;letter-spacing:1px}.store-packs{display:flex;justify-content:center;gap:15px;margin-bottom:30px;flex-wrap:wrap}.store-pack{position:relative;padding:20px 15px;text-align:center;cursor:pointer;transition:transform .2s ease;width:110px;flex-shrink:0}@media(max-width:500px){.store-packs{flex-direction:column;gap:12px}.store-pack{width:100%;padding:12px 15px;display:grid;grid-template-columns:50px 1fr auto;grid-template-rows:auto auto;gap:0 12px;align-items:center;text-align:left}.store-pack__icon{grid-row:1 / 3;grid-column:1;width:50px;height:50px;margin:0}.store-pack__name{grid-row:1;grid-column:2;margin-bottom:0;font-size:.7rem}.store-pack__points{grid-row:2;grid-column:2;flex-direction:row;align-items:baseline;gap:5px;margin-bottom:0}.store-pack__points-value{font-size:1.4rem}.store-pack__points-label{font-size:.55rem}.store-pack__price{grid-row:1 / 3;grid-column:3;width:auto;padding:10px 16px;font-size:1rem}}.store-pack--featured{border:3px solid var(--golden-accent);box-shadow:0 0 0 2px var(--deep-black),0 4px 12px #d4af374d}.store-pack:hover{transform:translateY(-5px)}.store-pack:active{transform:translateY(-2px)}.store-pack--loading{opacity:.7;pointer-events:none}.store-pack__icon{width:50px;height:50px;background:var(--pack-color);border:3px solid var(--deep-black);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 10px;color:var(--pure-white)}.store-pack__icon--dark{color:var(--deep-black)}.store-pack__points{display:flex;flex-direction:column;align-items:center;line-height:1;margin-bottom:5px}.store-pack__points-value{font-family:var(--font-retro);font-size:1.5rem;color:var(--deep-black)}.store-pack__points-label{font-family:var(--font-display);font-size:.5rem;color:#666;letter-spacing:1px}.store-pack__name{font-family:var(--font-display);font-size:.6rem;color:#666;text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px}.store-pack__price{background:var(--pack-color);color:var(--pure-white);border:2px solid var(--deep-black);border-radius:6px;padding:6px 12px;font-family:var(--font-display);font-size:1rem;font-weight:500;letter-spacing:.5px;cursor:pointer;width:100%;box-shadow:2px 2px #0000004d;transition:transform .1s ease}.store-pack:nth-child(3) .store-pack__price{color:var(--deep-black)}.store-pack__price:active{transform:translate(1px,1px);box-shadow:1px 1px #0000004d}.store-footer{text-align:center}.store-footer__stripe{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-body);font-size:.75rem;color:var(--golden-accent)}.store-footer__stripe-logo{height:18px;width:auto;opacity:.7}.store-feedback{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:8px;margin-bottom:20px;font-family:var(--font-body);font-size:.9rem;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.store-feedback--success{background:#27ae60;border:1px solid #2ecc71;color:#fff}.store-feedback--error{background:#c0392b;border:1px solid #e74c3c;color:#fff}.store-feedback__close{margin-left:auto;background:none;border:none;color:inherit;font-size:1.2rem;cursor:pointer;padding:0 4px;opacity:.7}.store-feedback__close:hover{opacity:1}.store-gift-form{display:flex;flex-direction:column;gap:.75rem;padding:1rem;margin-top:.5rem}.store-gift-input{width:100%;padding:.75rem 1rem;border:2px solid var(--deep-black);background:var(--pure-white);color:var(--deep-black);font-family:var(--font-retro);font-size:.9rem;text-transform:uppercase;letter-spacing:.1em;box-sizing:border-box}.store-gift-input::placeholder{color:var(--text-muted);opacity:.6}.store-gift-input:focus{outline:none;border-color:var(--screen-blue)}.store-gift-button{width:100%;padding:.75rem 1.5rem;background:var(--screen-blue);border:2px solid var(--deep-black);color:var(--pure-white);font-family:var(--font-retro);font-weight:500;font-size:1rem;letter-spacing:.5px;cursor:pointer;box-shadow:3px 3px 0 var(--deep-black);transition:transform .1s,box-shadow .1s}.store-gift-button:hover:not(:disabled){transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--deep-black)}.store-gift-button:active:not(:disabled){transform:translate(2px,2px);box-shadow:1px 1px 0 var(--deep-black)}.store-gift-button:disabled{opacity:.5;cursor:not-allowed}.profile-screen{padding:30px 20px;display:flex;flex-direction:column;align-items:center;max-width:400px;margin:0 auto}.profile-content{width:100%}.profile-main{display:flex;flex-direction:column;align-items:center;width:100%}.profile-sidebar{width:100%}.profile-avatar{margin-bottom:20px}.profile-avatar__circle{width:100px;height:100px;border-radius:50%;background:var(--tv-red);border:4px solid var(--deep-black);display:flex;align-items:center;justify-content:center;box-shadow:6px 6px 0 var(--deep-black)}.profile-avatar__initial{font-family:var(--font-retro);font-size:3rem;color:var(--pure-white);text-shadow:2px 2px 0 rgba(0,0,0,.3)}.profile-info-card{text-align:center;margin-bottom:25px;width:100%;padding:20px}.profile-info__username{font-family:var(--font-display);font-size:1.5rem;color:var(--deep-black);margin-bottom:5px;letter-spacing:1px}.profile-info__email{font-family:var(--font-body);font-size:.85rem;color:#666}.profile-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;width:100%;margin-bottom:25px}.profile-stat{padding:15px 10px;text-align:center}.profile-stat__icon{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 10px;border:2px solid var(--deep-black)}.profile-stat__icon--gold{background:var(--golden-accent);color:var(--deep-black)}.profile-stat__icon--red{background:var(--tv-red);color:var(--pure-white)}.profile-stat__icon--blue{background:var(--screen-blue);color:var(--pure-white)}.profile-stat__value{font-family:var(--font-retro);font-size:1.4rem;color:var(--deep-black);margin-bottom:4px}.profile-stat__label{font-family:var(--font-display);font-size:.55rem;color:#666;letter-spacing:1px}.profile-badge{display:flex;align-items:center;gap:8px;background:#f1c40f26;border:2px solid var(--golden-accent);border-radius:20px;padding:8px 16px;margin-bottom:30px}.profile-badge span{font-family:var(--font-display);font-size:.7rem;color:var(--golden-accent);letter-spacing:1px;text-transform:capitalize}.profile-footer{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%;margin-top:10px}.profile-footer .profile-tutorial,.profile-footer .profile-logout{width:100%}.profile-logout{display:flex;align-items:center;justify-content:center;gap:10px}.tournament-badge{display:inline-block;padding:4px 12px;border-radius:4px;font-family:var(--font-display);font-size:.75rem;font-weight:500;letter-spacing:1px;text-transform:uppercase}.tournament-badge--active{background:var(--tv-red);color:var(--pure-white);animation:pulse 1.5s ease-in-out infinite}.tournament-badge--upcoming{background:var(--screen-blue);color:var(--pure-white)}.tournament-badge--finished{background:#555;color:var(--pure-white)}.tournament-badge--cancelled{background:#888;color:var(--pure-white)}.tournament-badge--joined{background:var(--golden-accent);color:var(--deep-black)}.tournament-banner{display:flex;align-items:center;gap:15px;padding:20px;margin-bottom:25px;background:linear-gradient(135deg,var(--deep-black) 0%,#2d1b4e 100%);border:var(--pixel-border);border-color:var(--golden-accent);box-shadow:var(--sharp-shadow);border-radius:var(--radius-md);color:var(--golden-accent)}.tournament-section-title{font-family:var(--font-display);font-size:1rem;font-weight:500;letter-spacing:2px;color:#666;margin-bottom:12px;padding-left:2px}.tournament-card{background:var(--retro-cream);border:var(--pixel-border);box-shadow:var(--sharp-shadow);border-radius:var(--radius-md);padding:15px;margin-bottom:15px;cursor:pointer;transition:transform .2s,box-shadow .2s;color:var(--deep-black)}.tournament-card:hover{transform:translateY(-2px);box-shadow:6px 6px 0 var(--deep-black)}.tournament-card:active{transform:translateY(0);box-shadow:2px 2px 0 var(--deep-black)}.tournament-card--active{border-color:var(--tv-red);box-shadow:4px 4px 0 var(--deep-black),0 0 15px #e639464d}.tournament-card__header{display:flex;gap:8px;align-items:center;margin-bottom:10px}.tournament-card__title{font-family:var(--font-display);font-size:1.2rem;font-weight:500;margin-bottom:6px;letter-spacing:.5px}.tournament-card__desc{font-family:var(--font-body);font-size:.8rem;color:#555;margin-bottom:12px;line-height:1.4}.tournament-card__stats{display:flex;gap:15px;margin-bottom:12px}.tournament-card__stat{display:flex;align-items:center;gap:5px;font-family:var(--font-tech);font-size:.7rem;color:#444}.tournament-card__footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ddd;padding-top:10px}.tournament-card__time{display:flex;align-items:center;gap:5px;font-family:var(--font-body);font-size:.75rem;color:#666}.tournament-detail__stat{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 8px;background:#0000000a;border-radius:6px;border:1px solid #ddd;color:var(--deep-black)}.tournament-detail__stat-value{font-family:var(--font-retro);font-size:1.3rem;line-height:1}.tournament-detail__stat-label{font-family:var(--font-display);font-size:.5rem;color:#666;letter-spacing:1px}.tournament-play{background:linear-gradient(180deg,#0a0a0a,#1a1a2e,#0a0a0a);min-height:100vh;display:flex;flex-direction:column}.tournament-play-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background:linear-gradient(180deg,#0a0a0a,#1a1a2e,#0a0a0a)}.tournament-play__header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background:#0009;border-bottom:2px solid rgba(230,57,70,.5)}.tournament-play__timer{display:flex;align-items:center;gap:6px;font-family:var(--font-retro);font-size:1.1rem;color:var(--tv-red);text-shadow:0 0 10px rgba(230,57,70,.8)}.tournament-play__score{display:flex;align-items:center;gap:6px;font-family:var(--font-retro);font-size:1.1rem;color:var(--golden-accent);text-shadow:0 0 10px rgba(241,196,15,.8)}.tournament-play__progress{font-family:var(--font-display);font-size:.9rem;color:var(--pure-white);background:#ffffff1a;padding:4px 12px;border-radius:20px;border:1px solid rgba(255,255,255,.2)}.tournament-play__content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;gap:20px}.tournament-play__sticker-timer{font-family:var(--font-retro);font-size:1.5rem;color:var(--pure-white);text-align:center}.tournament-play__speed-hint{display:block;font-family:var(--font-display);font-size:.6rem;color:#2ecc71;letter-spacing:2px;animation:pulse 1s ease-in-out infinite}.tournament-play__card{width:180px;height:260px;background:linear-gradient(135deg,#1a0a2e,#2d1b4e,#4a2c7a 60%,#2d1b4e);border:4px solid #7b4cff;border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 0 30px #7b4cff80,inset 0 0 20px #7b4cff33;position:relative}.tournament-play__card-inner{text-align:center}.tournament-play__question{font-family:var(--font-retro);font-size:4rem;color:#c896ffe6;text-shadow:0 0 30px rgba(123,76,255,.8)}.tournament-play__sticker-num{display:block;font-family:var(--font-display);font-size:.8rem;color:#c896ff99;margin-top:5px}.tournament-play__feedback{display:flex;align-items:center;gap:10px;padding:10px 25px;border-radius:8px;font-family:var(--font-display);font-size:1rem;letter-spacing:1px;animation:slideDown .3s ease-out}.tournament-play__feedback--correct{background:#2ecc7133;border:2px solid #2ecc71;color:#2ecc71;flex-direction:column}.tournament-play__feedback--wrong{background:#e6394633;border:2px solid var(--tv-red);color:var(--tv-red);font-family:var(--font-retro);font-size:1.2rem}.tournament-play__audio-btn{display:flex;align-items:center;gap:10px;padding:12px 30px}.tournament-play__form{display:flex;gap:8px;width:100%;max-width:350px}.tournament-play__input{flex:1;padding:12px 15px;border:3px solid rgba(255,255,255,.3);background:#ffffff1a;color:var(--pure-white);font-family:var(--font-body);font-size:1rem;border-radius:var(--radius-md);outline:none;transition:border-color .3s}.tournament-play__input:focus{border-color:var(--golden-accent)}.tournament-play__input::placeholder{color:#fff6}.tournament-play__submit{padding:12px 15px;display:flex;align-items:center;justify-content:center}.tournament-play__submit:disabled{opacity:.5;cursor:not-allowed}.tournament-ranking__user-highlight{display:flex;align-items:center;gap:15px;padding:15px;margin-bottom:20px;background:var(--retro-cream);border:3px solid var(--golden-accent);border-radius:var(--radius-md);box-shadow:0 0 15px #f1c40f33;color:var(--deep-black)}.tournament-ranking__list{display:flex;flex-direction:column;gap:8px}.tournament-ranking__row{display:flex;align-items:center;gap:12px;padding:12px 15px;background:var(--retro-cream);border:2px solid #ddd;border-radius:var(--radius-md);color:var(--deep-black);transition:transform .1s}.tournament-ranking__row--me{border-color:var(--tv-red);background:#fff5f5;box-shadow:0 0 10px #e6394626}.rank-badge{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:.8rem;font-weight:700;background:#e0e0e0;color:#555;flex-shrink:0}.rank-badge--gold{background:linear-gradient(135deg,#f1c40f,#d4a90a);color:var(--deep-black);box-shadow:0 0 10px #f1c40f80}.rank-badge--silver{background:linear-gradient(135deg,silver,#a0a0a0);color:var(--deep-black);box-shadow:0 0 8px #c0c0c080}.rank-badge--bronze{background:linear-gradient(135deg,#cd7f32,#b87333);color:var(--pure-white);box-shadow:0 0 8px #cd7f3280}.tournament-ranking__info{flex:1;min-width:0}.tournament-ranking__username{font-family:var(--font-display);font-size:.9rem;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tournament-ranking__details{display:flex;gap:10px;font-family:var(--font-body);font-size:.7rem;color:#888;margin-top:3px}.tournament-ranking__details span{display:flex;align-items:center;gap:3px}.tournament-ranking__score{text-align:right;flex-shrink:0}.tournament-ranking__score-value{font-family:var(--font-retro);font-size:1.1rem;color:var(--deep-black);display:block}.tournament-ranking__prize{font-family:var(--font-display);font-size:.65rem;color:var(--golden-accent);display:block}.app-layout{padding-bottom:80px;min-height:100vh;background:var(--paper-color)}.app-nav{position:fixed;bottom:0;left:0;right:0;height:70px;background-color:var(--pure-white);border-top:3px solid var(--deep-black);display:flex;flex-direction:row;justify-content:space-around;align-items:center;z-index:1000;padding-bottom:10px}.app-nav__item{display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;color:#999;flex:1;height:100%;gap:4px;transition:color .15s}.app-nav__item--active{color:var(--tv-red)}.app-nav__label{font-family:var(--font-tech);font-size:10px;font-weight:400}.app-nav__item--active .app-nav__label{font-weight:700}@media(min-width:1200px){.app-layout{padding-bottom:0}.app-nav{position:fixed;inset:50% auto auto 32px;transform:translateY(-50%);width:auto;height:auto;flex-direction:column;justify-content:center;align-items:stretch;border-top:none;border:3px solid var(--deep-black);border-radius:16px;padding:8px;gap:2px;background:var(--pure-white);box-shadow:var(--sharp-shadow)}.app-nav__item{flex-direction:column;flex:0 0 auto;height:auto;padding:10px 12px;gap:3px;border-radius:10px}.app-nav__item:hover{background:#0000000d;color:var(--deep-black)}.app-nav__label{font-size:9px}.app-nav__item--active{background:#e639461a;color:var(--tv-red)}.app-nav__item--active:hover{background:#e6394626;color:var(--tv-red)}.profile-screen{max-width:800px}.profile-content{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:start}.profile-sidebar{position:sticky;top:30px}.profile-footer{flex-direction:row;justify-content:center;max-width:500px;margin:20px auto 0}.profile-footer .profile-tutorial,.profile-footer .profile-logout{width:auto;min-width:200px}}.onboarding-modal-overlay{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px}.onboarding-modal-backdrop{position:absolute;inset:0;background:#000000d9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .3s ease-out}.onboarding-modal{position:relative;z-index:10000;background:var(--pure-white);max-width:500px;width:100%;padding:40px 30px 30px;text-align:center;box-shadow:var(--sharp-shadow),0 0 60px #e639464d;animation:modalSlideUp .4s cubic-bezier(.34,1.56,.64,1);overflow:hidden}.onboarding-modal__close{position:absolute;top:15px;right:15px;background:transparent;border:none;color:var(--deep-black);cursor:pointer;padding:5px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s;opacity:.6;z-index:10}.onboarding-modal__close:hover{opacity:1;background:var(--retro-cream);transform:rotate(90deg)}.onboarding-modal__icon{margin:0 auto 25px;display:flex;justify-content:center;animation:iconBounce 2s ease-in-out infinite}.onboarding-modal__title{font-family:var(--font-display);font-size:2rem;color:var(--tv-red);margin-bottom:25px;text-transform:uppercase;letter-spacing:2px;line-height:1.2}.onboarding-modal__content{margin-bottom:30px;min-height:180px;display:flex;flex-direction:column;justify-content:center}.onboarding-modal__text{font-family:var(--font-body);font-size:1.05rem;color:var(--deep-black);line-height:1.8;margin:4px 0;text-align:left}.onboarding-modal__text:empty{margin:8px 0}.onboarding-modal__progress{display:flex;justify-content:center;gap:12px;margin-bottom:25px}.onboarding-modal__dot{width:12px;height:12px;border-radius:50%;background:var(--retro-cream);border:2px solid var(--deep-black);transition:all .3s}.onboarding-modal__dot.active{background:var(--golden-accent);transform:scale(1.4);box-shadow:0 0 12px var(--golden-accent)}.onboarding-modal__dot.completed{background:var(--screen-blue)}.onboarding-modal__buttons{display:flex;gap:12px;justify-content:center;margin-bottom:15px}.onboarding-modal__button{display:flex;align-items:center;gap:8px;padding:14px 24px;font-size:1rem;flex:1;max-width:200px;justify-content:center}.onboarding-modal__button--primary{background:var(--tv-red);color:var(--pure-white)}.onboarding-modal__button--primary:hover{background:#d63240;transform:translateY(-2px);box-shadow:0 6px 0 var(--deep-black)}.onboarding-modal__button--secondary{background:var(--retro-cream);color:var(--deep-black)}.onboarding-modal__button--secondary:hover{background:#ebe0b0}.onboarding-modal__skip-text{background:none;border:none;color:var(--screen-blue);font-family:var(--font-body);font-size:.9rem;cursor:pointer;text-decoration:underline;padding:5px;opacity:.8;transition:opacity .2s}.onboarding-modal__skip-text:hover{opacity:1}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes iconBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.onboarding-modal.slide-next .onboarding-modal__content{animation:slideInRight .4s ease-out}.onboarding-modal.slide-prev .onboarding-modal__content{animation:slideInLeft .4s ease-out}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@media(max-width:480px){.onboarding-modal{padding:35px 25px 25px}.onboarding-modal__title{font-size:1.6rem}.onboarding-modal__text{font-size:.95rem}.onboarding-modal__icon svg{width:52px;height:52px}.onboarding-modal__content{min-height:200px}.onboarding-modal__buttons{flex-direction:column}.onboarding-modal__button{max-width:100%}}.notif-panel-backdrop{position:fixed;inset:0;background:#00000080;z-index:199;animation:fadeIn .2s ease-out}.notif-panel{position:fixed;top:0;right:0;bottom:0;width:340px;max-width:90vw;background:var(--pure-white);z-index:200;display:flex;flex-direction:column;border-left:3px solid var(--deep-black);box-shadow:-4px 0 12px #0003;animation:slideInFromRight .3s ease-out}.notif-panel__header{display:flex;justify-content:space-between;align-items:center;padding:15px 16px;background:var(--tv-red);border-bottom:3px solid var(--deep-black)}.notif-panel__title{display:flex;align-items:center;gap:8px;font-family:var(--font-display);font-size:18px;color:var(--pure-white);letter-spacing:1px}.notif-panel__actions{display:flex;align-items:center;gap:8px}.notif-panel__mark-all{display:flex;align-items:center;gap:4px;background:#fff3;border:none;color:var(--pure-white);font-family:var(--font-body);font-size:12px;padding:4px 10px;border-radius:12px;cursor:pointer}.notif-panel__mark-all:active{background:#ffffff59}.notif-panel__close{background:none;border:none;color:var(--pure-white);cursor:pointer;padding:4px;display:flex;align-items:center}.notif-panel__list{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.notif-panel__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#999;font-family:var(--font-body);gap:12px}.notif-panel__item{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border-bottom:1px solid #eee;cursor:pointer;transition:background .15s;position:relative}.notif-panel__item:active{background:#f5f5f5}.notif-panel__item--unread{background:var(--retro-cream)}.notif-panel__item--unread:active{background:#ebe0b0}.notif-panel__item-icon{flex-shrink:0;margin-top:2px;color:var(--screen-blue);display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--retro-cream);border-radius:50%;border:2px solid var(--deep-black)}.notif-panel__item--unread .notif-panel__item-icon{background:var(--golden-accent);color:var(--deep-black)}.notif-panel__item-content{flex:1;min-width:0}.notif-panel__item-title{font-family:var(--font-display);font-size:15px;color:var(--deep-black);letter-spacing:.5px;margin-bottom:3px}.notif-panel__item-message{font-family:var(--font-body);font-size:13px;color:#555;line-height:1.4;margin-bottom:4px}.notif-panel__item-time{font-family:var(--font-tech);font-size:10px;color:#999}.notif-panel__item-dot{width:8px;height:8px;border-radius:50%;background:var(--tv-red);flex-shrink:0;margin-top:6px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInFromRight{0%{transform:translate(100%)}to{transform:translate(0)}}.notif-toast-container{position:fixed;top:65px;left:50%;transform:translate(-50%);z-index:150;display:flex;flex-direction:column;gap:8px;width:90%;max-width:400px;pointer-events:none}.notif-toast{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;background:var(--deep-black);color:var(--pure-white);border:2px solid var(--golden-accent);box-shadow:3px 3px 0 var(--golden-accent),0 4px 12px #0000004d;animation:toastSlideIn .35s cubic-bezier(.34,1.56,.64,1);pointer-events:auto}.notif-toast--exit{animation:toastSlideOut .3s ease-in forwards}.notif-toast__icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;color:var(--golden-accent)}.notif-toast__content{flex:1;min-width:0}.notif-toast__title{font-family:var(--font-display);font-size:14px;letter-spacing:.5px;margin-bottom:2px}.notif-toast__message{font-family:var(--font-body);font-size:12px;color:#ccc;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@keyframes toastSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes toastSlideOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}.install-prompt-overlay{position:fixed;bottom:0;left:0;right:0;z-index:9999;padding:16px;animation:slideUp .4s cubic-bezier(.34,1.56,.64,1)}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.install-prompt{background:linear-gradient(135deg,#2d1b4e,#1a0a2e);border:3px solid var(--accent-primary, #ff6b35);border-radius:20px;padding:24px;text-align:center;position:relative;box-shadow:0 -4px 30px #ff6b354d,inset 0 1px #ffffff1a;max-width:400px;margin:0 auto}.install-prompt:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.1) 2px,rgba(0,0,0,.1) 4px);pointer-events:none;border-radius:17px}.install-prompt-close{position:absolute;top:12px;right:12px;background:#ffffff1a;border:none;color:#fff;width:28px;height:28px;border-radius:50%;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.install-prompt-close:hover{background:#ff6b354d;transform:scale(1.1)}.install-prompt-icon{font-size:48px;margin-bottom:12px;animation:tvPulse 2s ease-in-out infinite}@keyframes tvPulse{0%,to{transform:scale(1);filter:drop-shadow(0 0 10px rgba(255,107,53,.5))}50%{transform:scale(1.1);filter:drop-shadow(0 0 20px rgba(255,107,53,.8))}}.install-prompt-title{font-family:var(--font-display, "Press Start 2P", monospace);font-size:16px;color:#fff;margin:0 0 8px;text-shadow:2px 2px 0 rgba(255,107,53,.5)}.install-prompt-text{font-family:var(--font-body, "VT323", monospace);font-size:18px;color:#fffc;margin:0 0 20px;line-height:1.4}.install-prompt-button{background:linear-gradient(180deg,#ff6b35,#e55a2b);border:none;border-radius:12px;padding:14px 28px;font-family:var(--font-display, "Press Start 2P", monospace);font-size:12px;color:#fff;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .2s ease;box-shadow:0 4px #c44a20,0 6px 20px #ff6b3566}.install-prompt-button:hover{transform:translateY(-2px);box-shadow:0 6px #c44a20,0 8px 25px #ff6b3580}.install-prompt-button:active{transform:translateY(2px);box-shadow:0 2px #c44a20,0 4px 15px #ff6b354d}.install-icon{font-size:18px}.install-prompt-later{display:block;width:100%;background:none;border:none;color:#ffffff80;font-family:var(--font-body, "VT323", monospace);font-size:16px;padding:12px;margin-top:8px;cursor:pointer;transition:color .2s ease}.install-prompt-later:hover{color:#fffc}.install-prompt-ios{background:#0000004d;border-radius:12px;padding:16px;margin-bottom:12px}.install-prompt-ios p{font-family:var(--font-body, "VT323", monospace);font-size:18px;color:#ffffffe6;margin:0 0 8px}.install-prompt-ios p:last-child{margin-bottom:0}.install-prompt-ios-steps{display:flex;align-items:center;justify-content:center;gap:8px;margin:12px 0;padding:10px 16px;background:#ffffff1a;border-radius:8px}.ios-share-icon{display:flex;align-items:center;justify-content:center;color:#007aff}.install-prompt-ios-steps span:last-child{font-family:var(--font-body, "VT323", monospace);font-size:18px;color:#fff}