@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700&display=swap";@font-face{font-family:pixelmix;src:url(/assets/pixelmix-BP4z6dgy.ttf)format("truetype");font-weight:400;font-style:normal}@font-face{font-family:pixelmix;src:url(/assets/pixelmix-BP4z6dgy.ttf)format("truetype");font-weight:700;font-style:normal}@media (width<=480px){.media-page-header .header-left h1{font-size:1.4rem}}@media (width<=480px){.media-page-header .header-right-actions .search-group.expanded{width:140px}}@media (width<=768px){.collapsible-toolbar.expanded{padding:.5rem;top:-18px}}@media (width<=768px){.collapsible-toolbar .toolbar-actions{margin-right:30px}}@media (width<=768px){.collapsible-toolbar .toolbar-actions .search-group.expanded{flex:1;min-width:120px;max-width:100%}}@keyframes toolbarFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalScaleUp{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes bev-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.app-header{padding:calc(.5rem + env(safe-area-inset-top,0px)) 1.5rem 1rem 1.5rem;pointer-events:none;z-index:50;background:linear-gradient(#141414 50%,#14141400 100%);justify-content:space-between;align-items:center;transition:left .3s;display:flex;position:fixed;top:0;left:0;right:0}.app-header.sidebar-offset{left:100px}.app-header .header-logo{pointer-events:auto}.app-header .header-logo .css-logo{letter-spacing:-1px;color:#fff;cursor:pointer;align-items:center;font-size:1.8rem;font-weight:800;display:flex}.app-header .header-logo .css-logo .logo-accent{color:var(--accent-color);text-shadow:0 0 10px #e5091480;margin-left:.1rem;font-size:1.2rem}.app-header .header-logo .env-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:4px;align-self:center;margin-left:.5rem;padding:.15rem .5rem;font-size:.55rem;font-weight:700;line-height:1}.app-header .header-logo .env-staging{color:#ffb74d;background:#ff980033;border:1px solid #ff980066}.app-header .header-logo .env-preview{color:#64b5f6;background:#2196f333;border:1px solid #2196f366}.app-header .header-actions{pointer-events:auto;align-items:center;gap:1.5rem;display:flex}.app-header .header-actions .user-credits{cursor:pointer;background:#0006;border-radius:20px;align-items:center;gap:.5rem;padding:.25rem .75rem;transition:transform .2s;display:flex}.app-header .header-actions .user-credits:hover{transform:scale(1.05)}.app-header .header-actions .user-credits .credits-amount{font-size:1.1rem;font-weight:700}.app-header .header-actions .user-credits .coin-icon{color:#facc15;height:20px}.app-header .header-actions .user-profile{cursor:pointer;align-items:center;display:flex}.app-header .header-actions .user-profile .avatar-image-header{object-fit:cover;border:2px solid var(--border-focus);border-radius:50%;width:40px;height:40px;transition:border-color .2s}.app-header .header-actions .user-profile .avatar-image-header:hover{border-color:#fff}.app-header .header-actions .user-profile .avatar-placeholder{border:2px solid var(--border-focus);background:#333;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-weight:700;transition:border-color .2s;display:flex}.app-header .header-actions .user-profile .avatar-placeholder.logged-in{background:var(--accent-color)}.app-header .header-actions .user-profile .avatar-placeholder:hover{border-color:#fff}.navigation-bar{background:var(--bg-surface);-webkit-backdrop-filter:blur(10px);z-index:100}.navigation-bar .nav-items-container{justify-content:space-around;align-items:center;width:100%;height:100%;display:flex}.navigation-bar .nav-item{color:var(--text-muted);flex-direction:column;justify-content:flex-start;align-items:center;width:65px;padding:.25rem;text-decoration:none;transition:all .3s;display:flex}@media (width<=480px){.navigation-bar .nav-item{width:55px;padding:.25rem .1rem}}.navigation-bar .nav-item .nav-icon{justify-content:center;align-items:center;height:24px;margin-bottom:.1rem;display:flex}.navigation-bar .nav-item .nav-label{text-align:center;margin-top:0;font-size:.75rem;font-weight:600;line-height:1.2}@media (width<=480px){.navigation-bar .nav-item .nav-label{max-width:50px;font-size:.65rem;line-height:1.1;display:block}}.navigation-bar .nav-item:hover{color:var(--text-secondary);transform:scale(1.05)}.navigation-bar .nav-item.active{color:var(--text-primary)}.navigation-bar.bottom-bar{height:75px;padding-bottom:env(safe-area-inset-bottom);border-top:1px solid var(--border-subtle);position:fixed;bottom:0;left:0;right:0}.navigation-bar.bottom-bar .nav-items-container{align-items:flex-start;padding-top:.75rem}.navigation-bar.sidebar{border-right:1px solid var(--border-subtle);width:100px;position:fixed;top:0;bottom:0;left:0;overflow-y:auto}.navigation-bar.sidebar .nav-items-container{flex-direction:column;justify-content:space-evenly;gap:0;min-height:100%;padding-top:0;padding-bottom:0}.dynamic-section{flex-shrink:0;margin-bottom:1rem;position:relative}.dynamic-section .section-header{color:#fff;text-transform:uppercase;letter-spacing:1px;margin-bottom:.75rem;font-size:1.25rem;font-weight:700}.dynamic-section .section-tile{cursor:pointer;background:#2a2a2a;border-radius:8px;min-width:0;min-height:0;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden}.dynamic-section .section-tile:hover{z-index:10;transform:scale(.98);box-shadow:0 8px 20px #00000080}.dynamic-section .section-tile .tile-image-wrapper{width:100%;height:100%;position:relative}.dynamic-section .section-tile .tile-image-wrapper .tile-hover-overlay-bar{z-index:6;background:#000c;border-top:1px solid #ffffff1a;height:38px;display:flex;position:absolute;bottom:0;left:0;right:0}.dynamic-section .section-tile .tile-image-wrapper .tile-hover-overlay-bar button{cursor:pointer;text-shadow:1px 1px #000,-1px 1px #000,1px -1px #000,-1px -1px #000,1px 0 #000,-1px 0 #000,0 1px #000,0 -1px #000;color:#fff;border:none;outline:none;flex:1;justify-content:center;align-items:center;font-family:pixelmix,Courier New,monospace;font-size:.72rem;font-weight:700;transition:all .2s;display:flex}.dynamic-section .section-tile .tile-image-wrapper .tile-hover-overlay-bar button.overlay-info-btn{background:#4fc3f7}.dynamic-section .section-tile .tile-image-wrapper .tile-hover-overlay-bar button.overlay-info-btn:hover{background:#80d8ff;transform:scale(1.05)}.dynamic-section .section-tile .tile-image-wrapper .tile-hover-overlay-bar button.overlay-play-btn{background:#0f6}.dynamic-section .section-tile .tile-image-wrapper .tile-hover-overlay-bar button.overlay-play-btn:hover{background:#3f8;transform:scale(1.05)}.dynamic-section .section-tile .tile-image-wrapper .video-play-overlay{opacity:0;background:#0006;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .2s;display:flex;position:absolute;top:0;left:0}.dynamic-section .section-tile .tile-image-wrapper .video-play-overlay .play-icon{color:#fff;filter:drop-shadow(0 2px 4px #00000080);font-size:3rem}.dynamic-section .section-tile:hover .tile-image-wrapper .video-play-overlay{opacity:1}.dynamic-section .section-tile .tile-metadata{pointer-events:none;background:linear-gradient(#0000,#000000e6);padding:1rem;position:absolute;bottom:0;left:0;right:0}.dynamic-section .section-tile .tile-metadata .tile-title{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:1.1rem;font-weight:700;overflow:hidden}.dynamic-section .section-tile .tile-metadata .tile-subtitle{color:#aaa;font-size:.9rem}.dynamic-section .section-scroll-container{width:100%;position:relative}.dynamic-section .scroll-indicator{z-index:15;pointer-events:none;width:clamp(40px,8vw,80px);transition:opacity .3s;position:absolute;top:0;bottom:8px}.dynamic-section .scroll-indicator.scroll-left{-webkit-backdrop-filter:blur(2px);background:linear-gradient(90deg,#141414f2 0%,#14141480 50%,#0000 100%);border-left:2px solid #0f66;left:0;box-shadow:inset 12px 0 16px -12px #00ff6640}.dynamic-section .scroll-indicator.scroll-right{-webkit-backdrop-filter:blur(2px);background:linear-gradient(270deg,#141414f2 0%,#14141480 50%,#0000 100%);border-right:2px solid #0f66;right:0;box-shadow:inset -12px 0 16px -12px #00ff6640}.dynamic-section .section-content-cluster{touch-action:pan-x pan-y;overscroll-behavior-x:none;scroll-snap-type:x mandatory;flex-direction:row;gap:1rem;padding-bottom:.5rem;display:flex;overflow-x:auto}.dynamic-section .section-content-cluster::-webkit-scrollbar{display:none}.dynamic-section .section-content-cluster{-ms-overflow-style:none;scrollbar-width:none}.dynamic-section .section-content-cluster .section-tile{scroll-snap-align:start;flex-shrink:0}.dynamic-section.landscape-mode.section-type-squares-2x2 .section-tile{aspect-ratio:1;width:clamp(140px,25vw,220px)}.dynamic-section.landscape-mode.section-type-squares-2x2 .section-tile .tile-image-wrapper img{position:absolute}.dynamic-section.landscape-mode.section-type-featured .section-tile,.dynamic-section.landscape-mode.section-type-row .section-tile{aspect-ratio:16/9;width:clamp(250px,40vw,450px)}.dynamic-section.landscape-mode.section-type-masonry .section-tile{aspect-ratio:2/3;width:clamp(130px,18vw,160px)}.dynamic-section.portrait-mode.section-type-squares-2x2 .section-tile{aspect-ratio:1;width:clamp(140px,45vw,220px)}.dynamic-section.portrait-mode.section-type-squares-2x2 .section-tile .tile-image-wrapper img{position:absolute}.dynamic-section.portrait-mode.section-type-featured .section-tile,.dynamic-section.portrait-mode.section-type-row .section-tile{aspect-ratio:16/9;width:clamp(280px,80vw,450px)}.dynamic-section.portrait-mode.section-type-masonry .section-tile{aspect-ratio:2/3;width:clamp(130px,40vw,180px)}.grid-section{margin-bottom:3rem}.grid-section .section-title{text-transform:uppercase;letter-spacing:1px;margin-bottom:1rem;padding-left:.5rem;font-size:1.25rem;font-weight:600}.grid-section .grid-container{gap:1rem;display:flex}.grid-section.grid-mode .grid-container{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:1.5rem 1rem;display:grid}.grid-section.grid-mode .grid-container .grid-item{flex-direction:column;width:100%;display:flex}.grid-section.grid-mode .grid-container .grid-item .item-image-wrapper{background:#2a2a2a;border-radius:6px;flex-shrink:0;padding-top:150%;position:relative;overflow:hidden;box-shadow:0 4px 6px #0000004d}.grid-section.grid-mode .grid-container .grid-item .item-image-wrapper img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.grid-section.grid-mode .grid-container .grid-item .item-metadata{flex-direction:column;margin-top:.5rem;display:flex}.grid-section.grid-mode .grid-container .grid-item .item-metadata .item-title{white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;font-weight:600;overflow:hidden}.grid-section.grid-mode .grid-container .grid-item .item-metadata .item-subtitle{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.grid-section .grid-item{cursor:pointer;transition:transform .3s;position:relative}.grid-section .grid-item:hover{z-index:10;transform:scale(1.05)}.grid-section .grid-item:hover .item-overlay{opacity:1}.grid-section .grid-item .item-image-wrapper{background:#2a2a2a;border-radius:6px;width:100%;padding-top:56.25%;position:relative;overflow:hidden;box-shadow:0 4px 6px #0000004d}.grid-section .grid-item .item-image-wrapper .tile-hover-overlay-bar{z-index:6;background:#000c;border-top:1px solid #ffffff1a;height:38px;display:flex;position:absolute;bottom:0;left:0;right:0}.grid-section .grid-item .item-image-wrapper .tile-hover-overlay-bar button{cursor:pointer;text-shadow:1px 1px #000,-1px 1px #000,1px -1px #000,-1px -1px #000,1px 0 #000,-1px 0 #000,0 1px #000,0 -1px #000;color:#fff;border:none;outline:none;flex:1;justify-content:center;align-items:center;font-family:pixelmix,Courier New,monospace;font-size:.72rem;font-weight:700;transition:all .2s;display:flex}.grid-section .grid-item .item-image-wrapper .tile-hover-overlay-bar button.overlay-info-btn{background:#4fc3f7}.grid-section .grid-item .item-image-wrapper .tile-hover-overlay-bar button.overlay-info-btn:hover{background:#80d8ff;transform:scale(1.05)}.grid-section .grid-item .item-image-wrapper .tile-hover-overlay-bar button.overlay-play-btn{background:#0f6}.grid-section .grid-item .item-image-wrapper .tile-hover-overlay-bar button.overlay-play-btn:hover{background:#3f8;transform:scale(1.05)}.grid-section .grid-item .item-image-wrapper img{object-fit:cover;width:100%;height:100%;transition:transform .3s;position:absolute;inset:0}.grid-section .grid-item.poster .item-image-wrapper{padding-top:150%}.grid-section .grid-item.square-tile .item-image-wrapper{padding-top:100%}.grid-section .grid-item .item-overlay{opacity:0;background:#00000080;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute;inset:0}.grid-section .grid-item .item-overlay .play-icon{color:#fff;text-shadow:0 2px 4px #00000080;font-size:2rem}.grid-section .grid-item .item-metadata{margin-top:.5rem}.grid-section .grid-item .item-metadata .item-title{white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;font-weight:600;overflow:hidden}.grid-section .grid-item .item-metadata .item-subtitle{color:var(--text-muted);font-size:.75rem}.category-header{flex-direction:column;gap:12px;margin-bottom:20px;display:flex}.category-header .category-title-row{justify-content:space-between;align-items:center;width:100%;display:flex}.category-header .section-title{color:#fff;text-shadow:0 0 10px #00f2fe66;margin:0;font-family:pixelmix,monospace;font-size:1.5rem}.category-header .btn-filters-toggle{color:#00f2fe;cursor:pointer;text-shadow:0 0 3px #00f2fe4d;background:#0006;border:2px solid #00f2fe4d;border-radius:4px;outline:none;padding:6px 12px;font-family:pixelmix,monospace;font-size:.6rem;transition:all .2s}.category-header .btn-filters-toggle:hover{background:#0d0d14;border-color:#00f2fe;box-shadow:0 0 8px #00f2fe4d}.filters-row{box-sizing:border-box;background:#0000004d;border:2px solid #00f2fe4d;border-radius:8px;flex-wrap:wrap;gap:12px;padding:12px;display:flex}.filters-row .filter-select-wrap{flex-direction:column;flex:1;gap:4px;min-width:130px;display:flex}.filters-row .filter-select-wrap label{color:#d946ef;letter-spacing:1px;text-shadow:0 0 5px #d946ef4d;font-family:pixelmix,monospace;font-size:.55rem;font-weight:700}.filters-row .filter-select-wrap select{color:#0f6;cursor:pointer;text-shadow:0 0 3px #00ff664d;background:#0d0d14;border:1px solid #00ff664d;border-radius:4px;outline:none;padding:6px 8px;font-family:pixelmix,monospace;font-size:.65rem;transition:all .2s}.filters-row .filter-select-wrap select:focus,.filters-row .filter-select-wrap select:hover{background:#121220;border-color:#0f6;box-shadow:0 0 8px #00ff664d}.filters-row .filter-select-wrap select option{color:#0f6;background:#0d0d14}.no-filtered-results{text-align:center;background:#0003;border:2px dashed #d946ef4d;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;margin-top:10px;padding:60px 20px;display:flex}.no-filtered-results .blink-text{color:#f34;text-shadow:0 0 10px #ff334480;margin-bottom:12px;font-family:pixelmix,monospace;font-size:1.2rem;font-weight:700;animation:1s steps(2,start) infinite pixel-blink}.no-filtered-results p{color:#fff9;letter-spacing:.5px;margin:0;font-family:pixelmix,monospace;font-size:.7rem}@keyframes pixel-blink{to{visibility:hidden}}.game-wrapper-overlay{overscroll-behavior:none;touch-action:none;z-index:9999;background:#0d0d0d 50%/cover no-repeat;flex-direction:column;height:100dvh;display:flex;position:fixed;inset:0}.game-wrapper-overlay.landscape-mode{background-image:url(/img/bg-landscape.jpg)}.game-wrapper-overlay.portrait-mode{background-image:url(/img/bg-portrait.jpg)}.game-wrapper-overlay .game-header{padding:calc(6px + env(safe-area-inset-top,0px)) calc(12px + env(safe-area-inset-right,0px)) 6px calc(12px + env(safe-area-inset-left,0px));background:linear-gradient(to bottom, var(--bg-overlay), transparent);z-index:10001;justify-content:space-between;align-items:center;display:flex;position:absolute;top:0;left:0;right:0}.game-wrapper-overlay .game-header .back-btn{color:#ffffffb3;cursor:pointer;z-index:10002;background:0 0;border:none;align-items:center;gap:4px;font-size:1rem;transition:color .2s;display:flex;position:relative}.game-wrapper-overlay .game-header .back-btn:hover{color:#fff}.game-wrapper-overlay .game-header .game-title{text-align:center;color:var(--color-scan);letter-spacing:4px;text-shadow:0 0 10px #b4ec5180;pointer-events:none;font-size:1.5rem;font-weight:700;position:absolute;top:1rem;left:0;right:0}.portrait-mode .game-wrapper-overlay .game-header .game-title{letter-spacing:2px;font-size:.85rem}.game-wrapper-overlay .game-header .user-credits{border:1px solid var(--border-light);z-index:10002;background:#0009;border-radius:20px;align-items:center;gap:6px;padding:6px 12px;display:flex;position:relative}.game-wrapper-overlay .game-header .user-credits .credits-amount{color:#fff;font-size:1rem;font-weight:600}.game-wrapper-overlay .game-header .user-credits .coin-icon{color:#facc15}.game-wrapper-overlay .gameplay-area{flex:1;min-width:0;min-height:0;padding:40px 0 0;display:flex}.game-wrapper-overlay .game-canvas-container{box-sizing:border-box;background:#000;justify-content:center;align-items:center;padding:0;transition:border .2s,border-radius .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden}.game-wrapper-overlay .game-canvas-container.no-bezel{border:2px solid #222;border-radius:4px;box-shadow:inset 0 0 12px #0009,0 0 8px #ffffff08}.game-wrapper-overlay .game-canvas-container.has-bezel{border:1px solid #080808;border-radius:0;box-shadow:0 15px 35px #000c,inset 0 0 10px #000000e6}.game-wrapper-overlay .game-canvas-container.has-bezel canvas{z-index:1;margin:auto;position:absolute;inset:0;width:95%!important;height:95%!important}.game-wrapper-overlay .game-canvas-container.has-bezel:after{content:"";pointer-events:none;mix-blend-mode:screen;z-index:10;background:radial-gradient(circle at 50% 15%,#ffffff08 0%,#fff0 80%);position:absolute;inset:0}.game-wrapper-overlay .game-canvas-container.has-curvature canvas{border-radius:8px}.game-wrapper-overlay .game-canvas-container.has-curvature:before{content:"";pointer-events:none;z-index:8;border-radius:6px;position:absolute;inset:0;box-shadow:inset 0 0 60px 10px #000000d9,inset 0 0 20px 5px #00000080}.game-wrapper-overlay .game-canvas-container.has-curvature:after{content:"";pointer-events:none;mix-blend-mode:screen;z-index:10;background:radial-gradient(80% 40% at 50% 10%,#ffffff0f 0%,#fff0 70%);border-radius:6px;position:absolute;inset:0}.game-wrapper-overlay .game-canvas-container .crt-bezel-svg{pointer-events:none;z-index:9;width:100%;height:100%;position:absolute;inset:0}.game-wrapper-overlay .game-canvas-container canvas.emscripten{filter:contrast(1.1)brightness(1.05);border:0;width:100%;height:100%;display:block}.game-wrapper-overlay .game-canvas-container .game-loading-spinner{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;color:#4ade80;letter-spacing:3px;text-align:center;background:#000000b3;flex-direction:column;justify-content:center;align-items:center;gap:20px;font-family:Courier New,Courier,monospace;font-size:1.2rem;font-weight:700;display:flex;position:absolute;inset:0}.game-wrapper-overlay .game-canvas-container .game-loading-spinner .arcade-loader{border:4px solid #4ade8033;border-top-color:#4ade80;border-radius:50%;width:40px;height:40px;animation:1s linear infinite arcade-spin;box-shadow:0 0 10px #4ade8080}.game-wrapper-overlay .game-canvas-container .game-loading-spinner .loading-text{text-shadow:0 0 8px #4ade8099;animation:1.5s infinite pulse}.game-wrapper-overlay .game-canvas-container .iframe-engine{background-color:#000;border:none;position:absolute;top:0;left:0;width:100%!important;height:100%!important}.game-wrapper-overlay .game-canvas-container .insert-coin-overlay,.game-wrapper-overlay .game-canvas-container .game-over-overlay,.game-wrapper-overlay .game-canvas-container .pause-overlay,.game-wrapper-overlay .game-canvas-container .resume-overlay{z-index:1000;cursor:pointer;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0000004d;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.game-wrapper-overlay .game-canvas-container .insert-coin-overlay h2,.game-wrapper-overlay .game-canvas-container .game-over-overlay h2,.game-wrapper-overlay .game-canvas-container .pause-overlay h2,.game-wrapper-overlay .game-canvas-container .resume-overlay h2{color:var(--color-scan);letter-spacing:4px;text-align:center;text-shadow:0 0 10px #b4ec5180;margin-bottom:1rem;font-size:clamp(1rem,6vw,2rem)}.game-wrapper-overlay .game-canvas-container .insert-coin-overlay .pulse-text,.game-wrapper-overlay .game-canvas-container .game-over-overlay .pulse-text,.game-wrapper-overlay .game-canvas-container .pause-overlay .pulse-text,.game-wrapper-overlay .game-canvas-container .resume-overlay .pulse-text{color:#fff;letter-spacing:2px;font-size:1.2rem;animation:1.5s infinite pulse}.game-wrapper-overlay .game-canvas-container .insert-coin-overlay .resume-buttons,.game-wrapper-overlay .game-canvas-container .game-over-overlay .resume-buttons,.game-wrapper-overlay .game-canvas-container .pause-overlay .resume-buttons,.game-wrapper-overlay .game-canvas-container .resume-overlay .resume-buttons{justify-content:center;gap:1rem;margin-top:1rem;display:flex}.game-wrapper-overlay .game-canvas-container .insert-coin-overlay .resume-buttons button,.game-wrapper-overlay .game-canvas-container .game-over-overlay .resume-buttons button,.game-wrapper-overlay .game-canvas-container .pause-overlay .resume-buttons button,.game-wrapper-overlay .game-canvas-container .resume-overlay .resume-buttons button{cursor:pointer;text-transform:uppercase;letter-spacing:1px;z-index:1001;border:none;border-radius:8px;padding:10px 20px;font-weight:700}.game-wrapper-overlay .game-canvas-container .insert-coin-overlay .resume-buttons button.new-btn,.game-wrapper-overlay .game-canvas-container .game-over-overlay .resume-buttons button.new-btn,.game-wrapper-overlay .game-canvas-container .pause-overlay .resume-buttons button.new-btn,.game-wrapper-overlay .game-canvas-container .resume-overlay .resume-buttons button.new-btn{color:#ddd;background:#444}.game-wrapper-overlay .game-canvas-container .insert-coin-overlay .resume-buttons button.continue-btn,.game-wrapper-overlay .game-canvas-container .game-over-overlay .resume-buttons button.continue-btn,.game-wrapper-overlay .game-canvas-container .pause-overlay .resume-buttons button.continue-btn,.game-wrapper-overlay .game-canvas-container .resume-overlay .resume-buttons button.continue-btn{background:var(--accent-color);color:#fff}.game-wrapper-overlay .joystick-touch-zone{touch-action:none;justify-content:center;align-items:flex-end;padding:40px 20px;display:flex;position:relative}.game-wrapper-overlay .joystick-touch-zone .virtual-joystick-base{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:radial-gradient(circle,#3c3c3ccc,#141414e6);border:3px solid #ffffff40;border-radius:50%;justify-content:center;align-items:center;width:120px;height:120px;display:flex;position:relative;box-shadow:inset 0 5px 15px #00000080,0 5px 15px #00000080}.game-wrapper-overlay .joystick-touch-zone .virtual-joystick-base.restrict-x:before{content:"";background:#0009;border-radius:12px;width:80%;height:24px;position:absolute;box-shadow:inset 0 3px 8px #000000e6}.game-wrapper-overlay .joystick-touch-zone .virtual-joystick-base.restrict-y:before{content:"";background:#0009;border-radius:12px;width:24px;height:80%;position:absolute;box-shadow:inset 0 3px 8px #000000e6}.game-wrapper-overlay .joystick-touch-zone .virtual-joystick-base.restrict-4-way:before{content:"";background:#0009;border-radius:12px;width:80%;height:24px;position:absolute;box-shadow:inset 0 3px 8px #000000e6}.game-wrapper-overlay .joystick-touch-zone .virtual-joystick-base.restrict-4-way:after{content:"";background:#0009;border-radius:12px;width:24px;height:80%;position:absolute;box-shadow:inset 0 3px 8px #000000e6}.game-wrapper-overlay .joystick-touch-zone .virtual-joystick-base .virtual-joystick-knob{z-index:2;width:50px;height:50px;box-shadow:inset 0 -3px 5px var(--bg-overlay), 0 4px 10px var(--bg-overlay);background:radial-gradient(circle at 30% 30%,#999,#444);border:2px solid #333;border-radius:50%}.game-wrapper-overlay .joystick-touch-zone .virtual-joystick-base.is-dpad{background:#00000073;border-color:#ffffff1f;box-shadow:inset 0 6px 14px #000000b3,0 1px 2px #ffffff1a}.game-wrapper-overlay .joystick-touch-zone .virtual-joystick-base .virtual-dpad{z-index:2;width:90px;height:90px;transition:transform 50ms ease-out;position:relative}.game-wrapper-overlay .joystick-touch-zone .virtual-joystick-base .virtual-dpad .dpad-axis{box-sizing:border-box;background:radial-gradient(circle,#2c2c2c,#161616);border:1.5px solid #0f0f0f;border-radius:4px;position:absolute;box-shadow:0 4px 6px #00000080,inset 0 1px 1px #ffffff1a}.game-wrapper-overlay .joystick-touch-zone .virtual-joystick-base .virtual-dpad .dpad-axis.dpad-x{width:90px;height:30px;top:30px;left:0}.game-wrapper-overlay .joystick-touch-zone .virtual-joystick-base .virtual-dpad .dpad-axis.dpad-y{width:30px;height:90px;top:0;left:30px}.game-wrapper-overlay .joystick-touch-zone .virtual-joystick-base .virtual-dpad .dpad-center{z-index:5;background:#161616;border-radius:50%;width:30px;height:30px;position:absolute;top:30px;left:30px;box-shadow:inset 0 2px 4px #0009}.game-wrapper-overlay .joystick-touch-zone .virtual-joystick-base .virtual-dpad .dpad-arrow{z-index:6;opacity:.35;border-style:solid;width:0;height:0;transition:filter .1s,opacity .1s,border-color .1s;position:absolute}.game-wrapper-overlay .joystick-touch-zone .virtual-joystick-base .virtual-dpad .dpad-arrow.dpad-up{border-width:0 7px 10px;border-color:#0000 #0000 #fff;top:6px;left:38px}.game-wrapper-overlay .joystick-touch-zone .virtual-joystick-base .virtual-dpad .dpad-arrow.dpad-up.active{opacity:1;filter:drop-shadow(0 0 5px #0f6c);border-bottom-color:#0f6!important}.game-wrapper-overlay .joystick-touch-zone .virtual-joystick-base .virtual-dpad .dpad-arrow.dpad-down{border-width:10px 7px 0;border-color:#fff #0000 #0000;bottom:6px;left:38px}.game-wrapper-overlay .joystick-touch-zone .virtual-joystick-base .virtual-dpad .dpad-arrow.dpad-down.active{opacity:1;filter:drop-shadow(0 0 5px #0f6c);border-top-color:#0f6!important}.game-wrapper-overlay .joystick-touch-zone .virtual-joystick-base .virtual-dpad .dpad-arrow.dpad-left{border-width:7px 10px 7px 0;border-color:#0000 #fff #0000 #0000;top:38px;left:6px}.game-wrapper-overlay .joystick-touch-zone .virtual-joystick-base .virtual-dpad .dpad-arrow.dpad-left.active{opacity:1;filter:drop-shadow(0 0 5px #0f6c);border-right-color:#0f6!important}.game-wrapper-overlay .joystick-touch-zone .virtual-joystick-base .virtual-dpad .dpad-arrow.dpad-right{border-width:7px 0 7px 10px;border-color:#0000 #0000 #0000 #fff;top:38px;right:6px}.game-wrapper-overlay .joystick-touch-zone .virtual-joystick-base .virtual-dpad .dpad-arrow.dpad-right.active{opacity:1;filter:drop-shadow(0 0 5px #0f6c);border-left-color:#0f6!important}.game-wrapper-overlay .joystick-touch-zone .virtual-joystick-base.restrict-octagon{box-shadow:inset 0 6px 18px var(--bg-overlay), inset 0 -2px 4px #ffffff08, 0 6px 18px #000000b3;background:radial-gradient(circle at 50% 42%,#2e2e2e,#111 70%,#0a0a0a);border:2px solid #ffffff0f}.game-wrapper-overlay .joystick-touch-zone .virtual-joystick-base.restrict-octagon:before{content:"";pointer-events:none;border:2.5px dashed #d27814bf;border-radius:50%;animation:none;position:absolute;inset:14px}.game-wrapper-overlay .joystick-touch-zone .virtual-joystick-base.restrict-octagon:after{content:"";pointer-events:none;background:repeating-conic-gradient(from 22.5deg,#0000 0deg 43deg,#b4640a73 43deg 45deg);border-radius:50%;position:absolute;inset:6px;-webkit-mask-image:radial-gradient(circle,#0000 70%,#000000e6 72% 88%,#0000 90%);mask-image:radial-gradient(circle,#0000 70%,#000000e6 72% 88%,#0000 90%)}.game-wrapper-overlay .joystick-touch-zone .virtual-joystick-base.restrict-octagon .virtual-joystick-knob{box-shadow:inset 0 -3px 6px #000000e6, inset 0 2px 5px var(--border-light), 0 5px 14px #000000e6;background:radial-gradient(circle at 35% 32%,#606060 0%,#2a2a2a 55%,#111 100%);border:1.5px solid #1a1a1a}.game-wrapper-overlay .coin-btn.icon-btn{color:var(--accent-color);width:40px;height:40px;box-shadow:inset 0 -2px 0 #00000080, inset 0 2px 2px var(--border-light), 0 4px 6px var(--bg-overlay);cursor:pointer;z-index:10;background:linear-gradient(135deg,#333,#111);border:2px solid #333;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-bottom:.5rem;padding:0;display:flex}.game-wrapper-overlay .coin-btn.icon-btn svg{width:20px;height:20px;filter:drop-shadow(0 0 3px var(--accent-color))}.game-wrapper-overlay .coin-btn.icon-btn:active{transform:translateY(2px);box-shadow:inset 0 4px 8px #000000e6}.game-wrapper-overlay .coin-btn.icon-btn.coin-btn--pulse{border-color:var(--accent-color);animation:1.8s ease-in-out infinite coin-pulse}.game-wrapper-overlay .action-buttons-zone{touch-action:none;flex-direction:column;justify-content:center;align-items:center;padding:10px 20px;display:flex}.game-wrapper-overlay .action-buttons-zone .ab-cluster{width:120px;height:120px;position:relative;overflow:visible}.game-wrapper-overlay .action-buttons-zone .ab-cluster .btn-container{cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:80px;padding:16px;display:flex;position:absolute;transform:translate(-50%,-50%)}.game-wrapper-overlay .action-buttons-zone .ab-cluster.count-1 .btn-0{width:120px;padding:20px;top:calc(50% + 14px);left:50%}.game-wrapper-overlay .action-buttons-zone .ab-cluster.count-2 .btn-0{top:calc(50% + 14px);left:20%}.game-wrapper-overlay .action-buttons-zone .ab-cluster.count-2 .btn-1{top:calc(50% + 14px);left:80%}.game-wrapper-overlay .action-buttons-zone .ab-cluster.count-3 .btn-0{top:85%;left:15%}.game-wrapper-overlay .action-buttons-zone .ab-cluster.count-3 .btn-1{flex-direction:column-reverse;top:10%;left:50%}.game-wrapper-overlay .action-buttons-zone .ab-cluster.count-3 .btn-2{top:85%;left:85%}.game-wrapper-overlay .action-buttons-zone .ab-cluster.count-4{width:140px;height:140px}.game-wrapper-overlay .action-buttons-zone .ab-cluster.count-4 .btn-0{top:85%;left:50%}.game-wrapper-overlay .action-buttons-zone .ab-cluster.count-4 .btn-1{top:50%;left:90%}.game-wrapper-overlay .action-buttons-zone .ab-cluster.count-4 .btn-2{flex-direction:column-reverse;top:15%;left:50%}.game-wrapper-overlay .action-buttons-zone .ab-cluster.count-4 .btn-3{top:50%;left:10%}.game-wrapper-overlay .action-buttons-zone .ab-cluster .game-btn{width:60px;height:60px;box-shadow:inset 0 -2px 0 #00000080, inset 0 2px 2px #ffffff4d, 0 4px 6px var(--bg-overlay);cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:transform .1s,box-shadow .1s;display:flex}.game-wrapper-overlay .action-buttons-zone .ab-cluster .game-btn:active,.game-wrapper-overlay .action-buttons-zone .ab-cluster .game-btn.pressed{transform:translateY(2px);box-shadow:inset 0 4px 8px #000000e6}.game-wrapper-overlay .action-buttons-zone .ab-cluster .game-btn.blue-btn{background:#007bff;border:2px solid #0056b3}.game-wrapper-overlay .action-buttons-zone .ab-cluster .game-btn.green-btn{background:#28a745;border:2px solid #1e7e34}.game-wrapper-overlay .action-buttons-zone .ab-cluster .game-btn.yellow-btn{color:#333;text-shadow:0 1px 2px #ffffff80;background:#ffc107;border:2px solid #d39e00}.game-wrapper-overlay .action-buttons-zone .ab-cluster .game-btn.red-btn{background:#dc3545;border:2px solid #a71d2a}.game-wrapper-overlay .action-buttons-zone .ab-cluster .game-btn.pink-btn{background:#d98bd4;border:2px solid #b06bab}.game-wrapper-overlay .action-buttons-zone .ab-cluster .game-btn.psx-blue-btn{background:#6d8dba;border:2px solid #5470a0}.game-wrapper-overlay .action-buttons-zone .ab-cluster .game-btn.psx-red-btn{background:#c96b6b;border:2px solid #a85252}.game-wrapper-overlay .action-buttons-zone .ab-cluster .game-btn.psx-green-btn{background:#6bb5a0;border:2px solid #4e9a85}.game-wrapper-overlay .action-buttons-zone .ab-cluster .game-btn.psx-pink-btn{background:#b87db5;border:2px solid #9a6397}.game-wrapper-overlay .action-buttons-zone .ab-cluster .btn-label{color:#ffffffd9;text-transform:uppercase;letter-spacing:1px;text-shadow:0 1px 2px #000000e6;text-align:center;max-width:70px;font-size:.85rem;font-weight:700;line-height:1.2}.game-wrapper-overlay .mobile-controls-row{touch-action:none;-webkit-user-select:none;user-select:none;flex-direction:row;width:100%;display:flex}.game-wrapper-overlay .mobile-controls-row.coin-only{justify-content:center;align-items:flex-end}.game-wrapper-overlay .mobile-controls-row .portrait-half{flex:1}.game-wrapper-overlay .portrait-shoulder-row{box-sizing:border-box;z-index:102;touch-action:none;-webkit-user-select:none;user-select:none;justify-content:space-between;width:100%;padding:8px 32px 0;display:flex}.game-wrapper-overlay .portrait-shoulder-row .shoulder-btn-container{position:relative!important;top:auto!important;left:auto!important;right:auto!important}.game-wrapper-overlay .shoulder-btn-container{pointer-events:auto}.game-wrapper-overlay .shoulder-btn-container.left-shoulder{z-index:105;position:absolute;top:75px;left:20px}.game-wrapper-overlay .shoulder-btn-container.right-shoulder{z-index:105;position:absolute;top:75px;right:20px}.game-wrapper-overlay .shoulder-btn-container .shoulder-btn{text-transform:uppercase;letter-spacing:1px;cursor:pointer;box-sizing:border-box;color:#ffffffd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-shadow:0 1px 2px #00000080;background:#ffffff1a;border:1.5px solid #fff3;border-radius:8px;width:80px;height:38px;font-size:.95rem;font-weight:800;transition:all .1s;box-shadow:0 4px 6px #0003,inset 0 1px 1px #ffffff26}.game-wrapper-overlay .shoulder-btn-container .shoulder-btn:active,.game-wrapper-overlay .shoulder-btn-container .shoulder-btn.pressed{color:#fff;text-shadow:0 0 5px #0f6c;background:#00ff6640;border-color:#0f69;transform:scale(.95)translateY(1px);box-shadow:0 0 15px #00ff6680,inset 0 1px 1px #ffffff40}.game-wrapper-overlay.landscape-mode .gameplay-area{flex-direction:row;padding-top:0;position:relative}.game-wrapper-overlay.landscape-mode .gameplay-area .joystick-touch-zone{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-sizing:border-box;background:#00000059;border-right:1px solid #ffffff14;justify-content:center;align-items:center;width:220px;padding:40px 20px;display:flex;position:absolute;top:0;bottom:0;left:0;box-shadow:5px 0 15px #0006}.game-wrapper-overlay.landscape-mode .gameplay-area .action-buttons-zone{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-sizing:border-box;background:#00000059;border-left:1px solid #ffffff14;flex-direction:column;justify-content:center;align-items:center;width:220px;padding:0 20px;display:flex;position:absolute;top:0;bottom:0;right:0;box-shadow:-5px 0 15px #0006}.game-wrapper-overlay.landscape-mode .gameplay-area .action-buttons-zone .coin-btn{position:absolute;bottom:12px}.game-wrapper-overlay.landscape-mode .gameplay-area .action-buttons-zone .joystick-touch-zone{-webkit-backdrop-filter:none;backdrop-filter:none;width:100%;height:auto;box-shadow:none;background:0 0;border:none;flex:none;margin-top:0;padding:0;position:relative;left:0}.game-wrapper-overlay.landscape-mode .gameplay-area .crt-housing-wrapper{flex:100%;justify-content:center;align-items:center;width:100%;min-width:0;height:100%;min-height:0;display:flex;overflow:hidden}.game-wrapper-overlay.landscape-mode .gameplay-area .game-canvas-container{justify-content:center;align-items:center;width:auto;max-width:calc(100vw - 440px);height:100%;max-height:100%;margin:auto;display:flex}.game-wrapper-overlay.landscape-mode .gameplay-area .mobile-controls-row{display:contents}.game-wrapper-overlay.portrait-mode .gameplay-area{flex-direction:column}.game-wrapper-overlay.portrait-mode .gameplay-area .crt-housing-wrapper{flex:1;justify-content:flex-start;align-items:center;width:100%;min-width:0;height:0;min-height:0;display:flex;overflow:hidden}.game-wrapper-overlay.portrait-mode .gameplay-area .game-canvas-container{width:100%;max-width:100%;height:auto;max-height:100%;margin:auto}.game-wrapper-overlay.portrait-mode .gameplay-area .mobile-controls-row{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;background:#00000059;border-top:1px solid #ffffff14;flex-direction:row;flex:none;align-items:flex-end;height:20vh;min-height:144px;padding-top:0;display:flex;box-shadow:0 -5px 15px #0006}.game-wrapper-overlay.portrait-mode .gameplay-area .mobile-controls-row .center-control-column{flex-direction:column;flex-shrink:0;justify-content:flex-end;align-items:center;padding-bottom:12px;display:flex}.game-wrapper-overlay.portrait-mode .gameplay-area .mobile-controls-row .joystick-touch-zone{flex:1;justify-content:flex-start;align-items:flex-end;padding:0 0 24px 24px}.game-wrapper-overlay.portrait-mode .gameplay-area .mobile-controls-row .joystick-touch-zone:last-child{justify-content:flex-end;padding:0 24px 24px 0}.game-wrapper-overlay.portrait-mode .gameplay-area .mobile-controls-row .action-buttons-zone{flex:1;justify-content:flex-end;align-items:flex-end;padding:0 24px 24px 0}.game-wrapper-overlay.portrait-mode .gameplay-area .mobile-controls-row .action-buttons-zone .game-btn{width:58px;height:58px}@keyframes arcade-spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes coin-pulse{0%{box-shadow:inset 0 -2px #00000080,0 0 #e5091400}50%{box-shadow:inset 0 -2px #00000080,0 0 12px 4px #e5091499}to{box-shadow:inset 0 -2px #00000080,0 0 #e5091400}}.sw-yoke-overlay{pointer-events:none;z-index:100;position:absolute;inset:0}.sw-permission-overlay{pointer-events:auto;background:#0009;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.sw-permission-btn{color:#fff;cursor:pointer;background:#33f;border:none;border-radius:8px;padding:15px 30px;font-size:18px}.sw-sweeping-overlay{pointer-events:auto;z-index:105;background:#0006;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.sw-sweeping-text{color:#0f0;text-shadow:0 0 10px #0f0;text-align:center;font-family:monospace;font-size:24px;animation:1s step-end infinite blink}@keyframes blink{50%{opacity:0}}.sw-fire-container{pointer-events:auto;flex-direction:column;align-items:center;display:flex;position:relative}.sw-fire-container.disabled .sw-fire-btn{opacity:.5;pointer-events:none}.sw-fire-btn{color:#8ab4f8;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:none;opacity:.85;background:linear-gradient(#2a2a2a 0%,#1a1a1a 100%);border:2px solid #4a6fa5;border-radius:10px;width:100px;height:64px;font-size:0;transition:all 80ms;box-shadow:inset 0 1px #ffffff14,inset 0 -3px #0006,0 2px 8px #00000080}.sw-fire-btn:active{opacity:1;background:linear-gradient(#1a1a1a 0%,#111 100%);border-color:#7aa8e0;transform:scale(.96);box-shadow:inset 0 2px 4px #0009,0 0 12px #4a6fa566}.sw-fire-label{letter-spacing:3px;color:#ffffff80;text-transform:uppercase;-webkit-user-select:none;user-select:none;pointer-events:none;margin-top:4px;font-family:Inter,Roboto,sans-serif;font-size:11px;font-weight:700;position:absolute;top:100%}.sw-calibrate-btn{border:1px solid var(--border-focus);color:#ffffffb3;letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:none;pointer-events:auto;white-space:nowrap;background:#282828b3;border-radius:8px;width:100px;padding:8px 0;font-family:Inter,Roboto,sans-serif;font-size:10px;font-weight:700;transition:all .15s}.sw-calibrate-btn:active{color:#fff;background:#4a6fa580;border-color:#4a6fa5}.sw-above-fire,.sw-below-fire{pointer-events:auto;justify-content:center;display:flex}.landscape-mode .sw-yoke-overlay .sw-col{justify-content:center;align-items:center;width:180px;display:flex;position:absolute;top:0;bottom:0}.landscape-mode .sw-yoke-overlay .sw-col-left{left:20px}.landscape-mode .sw-yoke-overlay .sw-col-right{right:20px}.landscape-mode .sw-yoke-overlay .sw-above-fire{width:180px;position:absolute;bottom:calc(50% + 60px);right:20px}.landscape-mode .sw-yoke-overlay .sw-below-fire{width:180px;position:absolute;top:calc(50% + 70px);right:20px}.portrait-mode .sw-yoke-overlay .sw-col{position:absolute;bottom:20px}.portrait-mode .sw-yoke-overlay .sw-col-left{left:25px}.portrait-mode .sw-yoke-overlay .sw-col-right{right:25px}.portrait-mode .sw-yoke-overlay .sw-above-fire{position:absolute;bottom:100px;left:50%;transform:translate(-50%)}.portrait-mode .sw-yoke-overlay .sw-below-fire{position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.ra-prompt-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1050;justify-content:center;align-items:center;display:flex;background:#0a0a0ed9!important}.ra-prompt-overlay .ra-prompt-card{color:#fff;background:#121218;border:2px solid #00f0ff;border-radius:12px;width:90%;max-width:420px;padding:24px;animation:.3s cubic-bezier(.16,1,.3,1) ra-modal-fade;box-shadow:0 0 20px #00f0ff4d,inset 0 0 10px #00f0ff1a}.ra-prompt-overlay .ra-prompt-card .ra-prompt-header{border-bottom:1px solid var(--border-light);align-items:center;gap:12px;margin-bottom:16px;padding-bottom:12px;display:flex}.ra-prompt-overlay .ra-prompt-card .ra-prompt-header h2{letter-spacing:1px;color:#00f0ff;text-shadow:0 0 8px #00f0ff80;margin:0;font-family:Outfit,Inter,sans-serif;font-size:1.5rem;font-weight:700}.ra-prompt-overlay .ra-prompt-card .ra-prompt-header .ra-prompt-icon{color:gold;filter:drop-shadow(0 0 8px #ffd70099)}.ra-prompt-overlay .ra-prompt-card .ra-prompt-desc{color:#ffffffbf;margin-bottom:20px;font-size:.9rem;line-height:1.5}.ra-prompt-overlay .ra-prompt-card .ra-prompt-form{flex-direction:column;gap:16px;display:flex}.ra-prompt-overlay .ra-prompt-card .ra-prompt-form .ra-error-msg{color:#ff3838;text-align:center;background:#ff38381a;border:1px solid #ff38384d;border-radius:6px;padding:8px 12px;font-size:.85rem}.ra-prompt-overlay .ra-prompt-card .ra-prompt-form .ra-form-group{flex-direction:column;gap:6px;display:flex}.ra-prompt-overlay .ra-prompt-card .ra-prompt-form .ra-form-group label{letter-spacing:1.5px;color:#fff9;font-size:.75rem;font-weight:700}.ra-prompt-overlay .ra-prompt-card .ra-prompt-form .ra-form-group input{color:#fff;background:#0006;border:1px solid #ffffff26;border-radius:6px;padding:10px 12px;font-size:.95rem;transition:border-color .2s,box-shadow .2s}.ra-prompt-overlay .ra-prompt-card .ra-prompt-form .ra-form-group input:focus{border-color:#00f0ff;outline:none;box-shadow:0 0 8px #00f0ff4d}.ra-prompt-overlay .ra-prompt-card .ra-prompt-form .ra-form-group input:disabled{opacity:.5}.ra-prompt-overlay .ra-prompt-card .ra-prompt-form .ra-form-group .ra-field-hint{color:#fff6;margin-top:2px;font-size:.72rem;line-height:1.35}.ra-prompt-overlay .ra-prompt-card .ra-prompt-form .ra-prompt-actions{gap:12px;margin-top:8px;display:flex}.ra-prompt-overlay .ra-prompt-card .ra-prompt-form .ra-prompt-actions button{letter-spacing:1px;text-transform:uppercase;cursor:pointer;border-radius:8px;flex:1;padding:12px;font-size:.9rem;font-weight:700;transition:all .2s}.ra-prompt-overlay .ra-prompt-card .ra-prompt-form .ra-prompt-actions button.ra-dismiss-btn{border:1px solid var(--border-focus);color:#ffffffb3;background:0 0}.ra-prompt-overlay .ra-prompt-card .ra-prompt-form .ra-prompt-actions button.ra-dismiss-btn:hover{background:var(--border-subtle);color:#fff}.ra-prompt-overlay .ra-prompt-card .ra-prompt-form .ra-prompt-actions button.ra-connect-btn{color:#121218;background:#00f0ff;border:none;box-shadow:0 0 10px #00f0ff66}.ra-prompt-overlay .ra-prompt-card .ra-prompt-form .ra-prompt-actions button.ra-connect-btn:hover{background:#33f3ff;box-shadow:0 0 15px #00f0ff99}.ra-prompt-overlay .ra-prompt-card .ra-prompt-form .ra-prompt-actions button.ra-connect-btn:disabled{opacity:.6;cursor:not-allowed}.ra-toast-container{z-index:10000;pointer-events:none;flex-direction:column;gap:12px;width:90%;max-width:320px;display:flex;position:absolute;top:20px;right:20px}.ra-toast{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border-light);color:#fff;pointer-events:auto;background:#121218e6;border-radius:8px;align-items:center;gap:14px;padding:12px 16px;transition:transform .2s,opacity .2s;animation:.3s cubic-bezier(.16,1,.3,1) ra-toast-slide;display:flex;box-shadow:0 10px 25px #00000080}.ra-toast.achievement{border-color:gold;box-shadow:0 0 12px #ffd70033,0 10px 25px #00000080}.ra-toast.achievement .ra-toast-points{color:gold;margin-left:6px;font-weight:700}.ra-toast.mastery{border-color:#f0f;box-shadow:0 0 12px #ff00ff40,0 10px 25px #00000080}.ra-toast.mastery .ra-toast-icon-wrapper{color:#f0f;filter:drop-shadow(0 0 8px #ff00ff80)}.ra-toast.leaderboard-start{border-color:#0f6;box-shadow:0 0 12px #0f63,0 10px 25px #00000080}.ra-toast.leaderboard-start .ra-toast-icon-wrapper{color:#0f6}.ra-toast.leaderboard-submit{border-color:#00f0ff;box-shadow:0 0 12px #00f0ff33,0 10px 25px #00000080}.ra-toast.leaderboard-submit .ra-toast-icon-wrapper{color:#00f0ff}.ra-toast.error{border-color:#ff3838;box-shadow:0 0 12px #ff383833,0 10px 25px #00000080}.ra-toast.error .ra-toast-icon-wrapper{color:#ff3838}.ra-toast.info{border-color:#00f0ff;box-shadow:0 0 12px #00f0ff33,0 10px 25px #00000080}.ra-toast.info .ra-toast-icon-wrapper{color:#00f0ff}.ra-toast .ra-toast-badge{object-fit:cover;border:1px solid var(--border-light);background:#000;border-radius:6px;width:44px;height:44px;box-shadow:0 0 8px #ffd7004d}.ra-toast .ra-toast-icon-wrapper{background:var(--border-subtle);color:gold;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.ra-toast .ra-toast-content{flex:1;min-width:0}.ra-toast .ra-toast-content .ra-toast-title{white-space:nowrap;text-overflow:ellipsis;margin-bottom:2px;font-family:Outfit,Inter,sans-serif;font-size:.95rem;font-weight:700;line-height:1.3;overflow:hidden}.ra-toast .ra-toast-content .ra-toast-subtitle{color:#fff9;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.75rem;line-height:1.3;display:-webkit-box;overflow:hidden}@keyframes ra-modal-fade{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes ra-toast-slide{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.achievements-drawer-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:11000;background:#0000008c;justify-content:flex-end;animation:.2s ease-out fade-in;display:flex;position:fixed;inset:0}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.achievements-drawer{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-sizing:border-box;background:#0d0d11f2;border-left:1px solid #ffffff14;flex-direction:column;width:420px;max-width:85%;height:100%;padding:24px 20px;animation:.32s cubic-bezier(.16,1,.3,1) drawer-slide-in;display:flex;position:relative;box-shadow:-10px 0 40px #000000b3}@media (width<=480px){.achievements-drawer{width:100%;max-width:100%}}.portrait-mode .achievements-drawer{width:100%;max-width:100%}@keyframes drawer-slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}.achievements-drawer .close-drawer-btn{color:#fff6;cursor:pointer;z-index:10;background:0 0;border:none;padding:4px;font-size:2.2rem;font-weight:300;line-height:.7;transition:color .15s,transform .15s;position:absolute;top:16px;right:16px}.achievements-drawer .close-drawer-btn:hover{color:#fff;transform:scale(1.1)}.achievements-panel{color:#f3f4f6;flex-direction:column;height:100%;display:flex}.achievements-panel.loading,.achievements-panel.empty{color:#ffffff80;text-align:center;justify-content:center;align-items:center;gap:12px;padding:40px;font-family:Outfit,sans-serif;font-size:.9rem}.achievements-panel.loading .arcade-loader.small,.achievements-panel.empty .arcade-loader.small{border-width:2px;width:24px;height:24px}.achievements-panel .panel-header{border-bottom:1px solid #ffffff14;flex-direction:column;gap:8px;margin-bottom:20px;padding-bottom:16px;display:flex}.achievements-panel .panel-header h3{color:#4ade80;letter-spacing:2px;text-shadow:0 0 10px #4ade8033;margin:0;font-family:Outfit,Inter,sans-serif;font-size:1.15rem;font-weight:800}.achievements-panel .panel-header .panel-stats{flex-wrap:wrap;gap:8px;display:flex}.achievements-panel .panel-header .panel-stats .stat-badge{color:#ffffffb3;background:#ffffff0a;border:1px solid #ffffff0f;border-radius:4px;padding:4px 8px;font-family:Outfit,sans-serif;font-size:.72rem;font-weight:700}.achievements-panel .panel-header .panel-stats .stat-badge.points{color:#facc15;background:#facc1505;border-color:#facc1526}.achievements-panel .achievements-list{flex-direction:column;flex:1;gap:10px;padding-right:6px;display:flex;overflow-y:auto}.achievements-panel .achievements-list::-webkit-scrollbar{width:4px}.achievements-panel .achievements-list::-webkit-scrollbar-track{background:#0003;border-radius:4px}.achievements-panel .achievements-list::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:4px}.achievements-panel .achievements-list::-webkit-scrollbar-thumb:hover{background:var(--border-focus)}.achievements-panel .achievement-row{background:#ffffff05;border:1px solid #ffffff0a;border-radius:6px;gap:14px;padding:12px;transition:transform .2s,border-color .2s,background .2s;display:flex}.achievements-panel .achievement-row:hover{transform:translateY(-1px)}.achievements-panel .achievement-row.unlocked{background:linear-gradient(135deg,#4ade800f,#ffffff03);border-color:#4ade8026}.achievements-panel .achievement-row.locked{background:#0000001a;border-color:#ffffff05}.achievements-panel .achievement-row .badge-wrapper{border-radius:5px;flex-shrink:0;width:46px;height:46px;position:relative;overflow:visible}.achievements-panel .achievement-row .badge-wrapper .badge-icon{object-fit:cover;border:1px solid #ffffff14;border-radius:4px;width:100%;height:100%}.achievements-panel .achievement-row .badge-wrapper .badge-icon.locked-badge{filter:grayscale(.95)brightness(.65)contrast(1.1);opacity:.35}.achievements-panel .achievement-row .badge-wrapper .badge-placeholder{border:1px dotted var(--border-light);background:#ffffff08;border-radius:4px;justify-content:center;align-items:center;width:100%;height:100%;font-size:1.2rem;display:flex}.achievements-panel .achievement-row .badge-wrapper .lock-icon{border:1px solid var(--border-focus);color:#ffffffd9;background:#111827;border-radius:50%;justify-content:center;align-items:center;width:15px;height:15px;font-size:8px;display:flex;position:absolute;bottom:-3px;right:-3px}.achievements-panel .achievement-row .badge-wrapper .hardcore-tag{color:#fff;letter-spacing:.5px;background:#ef4444;border:1px solid #0003;border-radius:2px;padding:1px 3px;font-family:Outfit,sans-serif;font-size:7px;font-weight:900;line-height:1;position:absolute;top:-4px;right:-4px}.achievements-panel .achievement-row .achievement-details{flex-direction:column;flex:1;justify-content:center;min-width:0;display:flex}.achievements-panel .achievement-row .achievement-details .achievement-header-row{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.achievements-panel .achievement-row .achievement-details .achievement-header-row .achievement-title{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-family:Outfit,Inter,sans-serif;font-size:.9rem;font-weight:700;overflow:hidden}.achievements-panel .achievement-row .achievement-details .achievement-header-row .achievement-points{color:#facc15;flex-shrink:0;font-family:Outfit,sans-serif;font-size:.7rem;font-weight:800}.achievements-panel .achievement-row .achievement-details .achievement-description{color:#ffffff8c;margin:4px 0 0;font-size:.76rem;line-height:1.35}.achievements-panel .achievement-row .achievement-details .achievement-unlocked-date{color:#4ade80;margin-top:6px;font-family:Outfit,sans-serif;font-size:.62rem;font-weight:600}.drawer-tabs{border-bottom:1px solid #ffffff14;flex-shrink:0;gap:8px;margin-bottom:8px;padding-bottom:12px;display:flex}.drawer-tabs .drawer-tab-btn{border:1px solid var(--border-subtle);color:#fff9;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;background:#ffffff08;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px 16px;font-family:Outfit,Inter,sans-serif;font-size:.8rem;font-weight:700;transition:all .2s;display:flex}.drawer-tabs .drawer-tab-btn:hover{color:#fff;background:#ffffff0f;border-color:#ffffff26}.drawer-tabs .drawer-tab-btn.active{color:#facc15;text-shadow:0 0 8px #facc154d;background:#facc151a;border-color:#facc154d;box-shadow:0 0 12px #facc1526}.drawer-tab-content{flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}.drawer-tab-content.no-tabs{margin-top:24px}.leaderboard-panel{color:#f3f4f6;flex-direction:column;height:100%;display:flex}.leaderboard-panel.loading,.leaderboard-panel.empty{text-align:center;color:#fff6;justify-content:center;align-items:center;padding:40px 20px;font-family:Outfit,sans-serif;font-size:.9rem}.leaderboard-panel.loading .pulse-text,.leaderboard-panel.empty .pulse-text{color:#facc15;margin-top:8px;font-weight:800;animation:1.5s infinite alternate text-pulse}@keyframes text-pulse{0%{opacity:.5;text-shadow:0 0 4px #facc151a}to{opacity:1;text-shadow:0 0 12px #facc1566}}.leaderboard-panel .panel-header{flex-shrink:0;margin-bottom:16px}.leaderboard-panel .panel-header h3{color:#facc15;letter-spacing:.05em;text-shadow:0 0 10px #facc1540;margin:0;font-family:Outfit,sans-serif;font-size:1.1rem;font-weight:800}.leaderboard-panel .leaderboard-list{flex-direction:column;gap:8px;padding-bottom:24px;display:flex}.leaderboard-panel .leaderboard-list .leaderboard-row{box-sizing:border-box;background:#ffffff05;border:1px solid #ffffff0a;border-radius:8px;align-items:center;padding:12px 14px;transition:all .2s;display:flex}.leaderboard-panel .leaderboard-list .leaderboard-row:hover{background:#ffffff0a;border-color:#ffffff14;transform:translate(-2px)}.leaderboard-panel .leaderboard-list .leaderboard-row.current-user{background:#facc150d;border-color:#facc1533;box-shadow:inset 0 0 8px #facc1508}.leaderboard-panel .leaderboard-list .leaderboard-row.current-user .username{color:#facc15;font-weight:800}.leaderboard-panel .leaderboard-list .leaderboard-row .rank-col{justify-content:center;align-items:center;width:32px;font-family:Outfit,sans-serif;font-size:1.1rem;font-weight:800;display:flex}.leaderboard-panel .leaderboard-list .leaderboard-row .user-col{flex-direction:column;flex:1;justify-content:center;align-items:flex-start;gap:4px;min-width:0;padding-left:8px;display:flex}.leaderboard-panel .leaderboard-list .leaderboard-row .user-col .username{color:#fff;word-break:break-word;font-family:Inter,sans-serif;font-size:.85rem;font-weight:600;line-height:1.25}.leaderboard-panel .leaderboard-list .leaderboard-row .user-col .ra-verified-badge{color:#facc15;text-transform:uppercase;text-shadow:0 0 4px #facc1533;background:#facc151f;border:1px solid #facc154d;border-radius:4px;flex-shrink:0;align-items:center;gap:3px;padding:2px 6px;font-family:Outfit,sans-serif;font-size:.58rem;font-weight:800;display:inline-flex;box-shadow:0 0 6px #facc151a}.leaderboard-panel .leaderboard-list .leaderboard-row .score-group-col{flex-direction:column;flex-shrink:0;justify-content:center;align-items:flex-end;gap:4px;min-width:80px;padding-left:12px;display:flex}.leaderboard-panel .leaderboard-list .leaderboard-row .score-col{color:#fff;text-align:right;min-width:0;text-shadow:0 0 8px var(--border-light);padding-left:0;font-family:Outfit,sans-serif;font-size:.95rem;font-weight:800;line-height:1}.leaderboard-panel .leaderboard-list .leaderboard-row .date-col{color:#fff6;text-align:right;flex-shrink:0;width:auto;padding-left:0;font-family:Outfit,sans-serif;font-size:.65rem;line-height:1}.leaderboard-panel .leaderboard-list .leaderboard-row.rank-1{background:#facc1514;border-color:#facc1559;box-shadow:0 0 10px #facc1514}.leaderboard-panel .leaderboard-list .leaderboard-row.rank-1 .score-col{color:#facc15;text-shadow:0 0 10px #facc154d}.leaderboard-panel .leaderboard-list .leaderboard-row.rank-1 .username{font-weight:700}.leaderboard-panel .leaderboard-list .leaderboard-row.rank-2{border-color:#e2e8f033}.leaderboard-panel .leaderboard-list .leaderboard-row.rank-2 .score-col{color:#e2e8f0}.leaderboard-panel .leaderboard-list .leaderboard-row.rank-3{border-color:#cd7f3240}.leaderboard-panel .leaderboard-list .leaderboard-row.rank-3 .score-col{color:#cd7f32}.preroll-container{color:#fff;z-index:8;background-color:#0b0b0d;flex-direction:column;justify-content:center;align-items:center;font-family:Courier New,Courier,monospace;display:flex;position:absolute;inset:0;overflow:hidden}.preroll-container .preroll-scanlines{z-index:15;pointer-events:none;background:linear-gradient(#12101000 50%,#00000040 50%) 0 0/100% 4px;position:absolute;inset:0}.prompt-screen{box-sizing:border-box;background:radial-gradient(circle,#1a0b2e 0%,#080312 100%);flex-direction:column;justify-content:center;align-items:center;gap:15px;padding:10px;display:flex}.prompt-screen .arcade-header{text-align:center}.prompt-screen .arcade-header .title-glow{color:#f36;text-shadow:0 0 10px #ff3366b3,0 0 20px #ff336680;letter-spacing:2px;margin:0 0 5px;font-size:1.25rem;font-weight:900}.prompt-screen .arcade-header .blinking-slow{animation:1.5s step-start infinite blinkText}.prompt-screen .arcade-header .subtitle{color:#4ade80;text-shadow:0 0 8px #4ade8099;letter-spacing:1px;margin:0;font-size:.75rem}.prompt-screen .arcade-coin-entry{flex-direction:column;align-items:center;gap:10px;display:flex}.prompt-screen .arcade-coin-entry .coin-slot-btn{cursor:pointer;box-sizing:border-box;background:#2a0808;border:3px solid #ef4444;border-radius:8px;flex-direction:column;justify-content:space-between;align-items:center;width:100px;height:130px;padding:10px 8px;transition:transform .1s,box-shadow .1s;display:flex;position:relative;box-shadow:0 0 15px #ef444466,inset 0 0 10px #000c}.prompt-screen .arcade-coin-entry .coin-slot-btn:hover{transform:scale(1.05);box-shadow:0 0 25px #ef4444cc,inset 0 0 10px #000c}.prompt-screen .arcade-coin-entry .coin-slot-btn:active{transform:scale(.95)}.prompt-screen .arcade-coin-entry .coin-slot-btn .coin-text{color:#ef4444;text-shadow:0 0 5px #ef4444cc;letter-spacing:1px;font-size:.65rem;font-weight:700}.prompt-screen .arcade-coin-entry .coin-slot-btn .coin-label{color:#f88;text-shadow:0 0 8px #f889;font-size:1.1rem;font-weight:900}.prompt-screen .arcade-coin-entry .coin-slot-btn .coin-insert-light{background:#110202;border:2px solid #511;border-radius:4px;width:20px;height:40px;position:relative;overflow:hidden;box-shadow:inset 0 0 5px #000}.prompt-screen .arcade-coin-entry .coin-slot-btn .coin-insert-light:after{content:"";background:#f22;width:3px;animation:1s infinite alternate pulseLight;position:absolute;top:0;bottom:0;left:8px;box-shadow:0 0 12px red,0 0 20px red}.prompt-screen .arcade-coin-entry .coin-hint{color:#ffffff80;letter-spacing:1px;margin:0;font-size:.7rem}.static-screen{background-color:#121214}.static-screen .tv-static-overlay{opacity:.85;background-color:#121214;background-image:url("data:image/svg+xml,%3Csvg viewBox=\"0 0 200 200\" xmlns=\"http://www.w3.org/2000/svg\"%3E%3Cfilter id=\"noise\"%3E%3CfeTurbulence type=\"fractalNoise\" baseFrequency=\"0.85\" numOctaves=\"4\" stitchTiles=\"stitch\"/%3E%3C/filter%3E%3Crect width=\"100%25\" height=\"100%25\" filter=\"url(%23noise)\"/%3E%3C/svg%3E");animation:.12s steps(4,end) infinite staticNoise;position:absolute;inset:0}.card-screen{background:radial-gradient(circle,#fde68a 0%,#fbbf24 100%);justify-content:center;align-items:center;display:flex}.card-screen .sponsor-card{background:#fffbeb;border:8px solid #78350f;border-radius:16px;padding:30px 40px;animation:.3s steps(2,end) infinite vintageWobble;transform:rotate(-2deg);box-shadow:0 10px 30px #78350f4d,inset 0 0 15px #fbbf2433}.card-screen .sponsor-card .vintage-frame{text-align:center;flex-direction:column;align-items:center;gap:10px;font-family:Impact,Arial Black,sans-serif;display:flex}.card-screen .sponsor-card .vintage-frame .vintage-header{color:#b45309;letter-spacing:3px;font-size:1.2rem;font-style:italic}.card-screen .sponsor-card .vintage-frame .vintage-title{color:#78350f;letter-spacing:1px;margin:0;font-size:2.2rem;line-height:1.1}.card-screen .sponsor-card .vintage-frame .vintage-title.highlight{color:#db2777;text-shadow:3px 3px #fbcfe8;font-size:2.8rem}.video-screen{background-color:#000;flex-direction:column;display:flex}.video-screen .ad-video-wrapper{flex:1;width:100%;height:100%;position:relative;overflow:hidden}.video-screen .ad-video-wrapper iframe{aspect-ratio:16/9!important;pointer-events:none!important;border:none!important;width:100%!important;height:auto!important;max-height:100%!important;position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important}.video-screen .ad-hud{z-index:20;background:#000000d9;border-top:2px solid #333;border-radius:4px;justify-content:space-between;align-items:center;padding:8px 12px;display:flex;position:absolute;bottom:4%;left:4%;right:4%}.video-screen .ad-hud .ad-badge{color:#aaa;letter-spacing:.5px;white-space:nowrap;text-overflow:ellipsis;max-width:60%;font-size:.7rem;overflow:hidden}.video-screen .ad-hud .skip-ad-btn{color:#888;cursor:not-allowed;background:0 0;border:2px solid #666;border-radius:4px;padding:4px 8px;font-size:.7rem;font-weight:700;transition:all .2s}.video-screen .ad-hud .skip-ad-btn.active{color:#4ade80;cursor:pointer;background:#4ade801a;border-color:#4ade80}.video-screen .ad-hud .skip-ad-btn.active:hover{color:#000;background:#4ade80}@keyframes blinkText{0%,49%{opacity:1}50%,to{opacity:0}}@keyframes pulseLight{0%{opacity:.4}to{opacity:1}}@keyframes vintageWobble{0%{transform:scale(1)rotate(-2deg)}50%{transform:scale(1.02)rotate(2deg)}to{transform:scale(1)rotate(-2deg)}}@font-face{font-family:pixelmix;src:url(/assets/pixelmix-BP4z6dgy.ttf)format("truetype");font-weight:400;font-style:normal}@font-face{font-family:pixelmix;src:url(/assets/pixelmix-BP4z6dgy.ttf)format("truetype");font-weight:700;font-style:normal}:root{--bg-base:#141414;--bg-surface:#1f1f1f;--bg-glass:#141414b3;--text-primary:#fff;--text-secondary:#e5e5e5;--text-muted:gray;--accent-color:#e50914;--accent-hover:#f40612;--border-subtle:#ffffff0d;--border-light:#ffffff1a;--border-focus:#fff3;--bg-overlay:#000c;--bg-modal-surface:#19191ef2;--color-success:#3fa;--color-success-bg:#33ffaa14;--color-success-border:#3fa3;--color-success-hover:#33ffaa26;--color-scan:#b4ec51;--color-scan-bg:#b4ec5114;--color-scan-border:#b4ec5133;--color-scan-hover:#b4ec5126;--color-warning:#e59900;--color-warning-bg:#ff990005;--color-warning-border:#f903;--color-danger:#f34;--color-danger-hover:#f56;--color-danger-bg:#ff334426;--color-danger-border:#f343;--z-base:1;--z-header:50;--z-toolbar:100;--z-overlay:1000;--z-modal:2000;--font-main:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100dvh}body{background-color:var(--bg-base);color:var(--text-primary);font-family:var(--font-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;touch-action:pan-y;-webkit-user-select:none;user-select:none;overscroll-behavior-y:none;overscroll-behavior-x:none;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}.glass-panel{background:var(--bg-glass);-webkit-backdrop-filter:blur(10px);border:1px solid var(--border-subtle)}.sleek-btn{background-color:var(--accent-color);color:#fff;letter-spacing:.5px;cursor:pointer;border:none;border-radius:4px;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;transition:all .2s ease-in-out}.sleek-btn:hover{background-color:var(--accent-hover);transform:scale(1.05)}.app-container{flex-direction:column;display:flex}.main-content{flex-direction:column;flex:1;display:flex}.main-content.sidebar-offset{margin-left:100px}.main-content.bottom-bar-offset{padding-bottom:calc(60px + env(safe-area-inset-bottom))}.page-content{animation:.3s ease-in fadeIn}.page-content.page-landscape{padding:calc(55px + env(safe-area-inset-top,0px)) 1.5rem 2rem 1.5rem;flex-direction:column;display:flex}.page-content.page-portrait{padding:calc(65px + env(safe-area-inset-top,0px)) 1.5rem 2rem 1.5rem}body.modal-open{width:100%;height:100%;position:fixed;overflow:hidden}.media-page-header{border-bottom:1px solid var(--border-subtle);box-sizing:border-box;justify-content:space-between;align-items:center;gap:1.5rem;width:100%;margin-bottom:.5rem;padding-bottom:.4rem;display:flex;position:relative}.media-page-header .header-left{align-items:center;gap:.75rem;display:flex}.media-page-header .header-left h1{white-space:nowrap;background:linear-gradient(135deg,#fff 30%,#aaa 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0;font-size:1.8rem;font-weight:800}@media (width<=480px){.media-page-header .header-left h1{font-size:1.4rem}}.media-page-header .header-left .grouping-select{background:var(--border-subtle);border:1px solid var(--border-light);color:#ccc;cursor:pointer;border-radius:6px;outline:none;padding:.35rem .65rem;font-family:inherit;font-size:.85rem;font-weight:500;transition:all .2s ease-in-out}.media-page-header .header-left .grouping-select:hover,.media-page-header .header-left .grouping-select:focus{background:var(--border-light);border-color:var(--border-focus);color:#fff}.media-page-header .header-left .grouping-select option{color:#fff;background:#121212}.media-page-header .header-right-actions{display:contents}.media-page-header .header-right-actions .search-group{background:var(--border-subtle);border:1px solid var(--border-light);border-radius:8px;align-items:center;height:38px;transition:all .3s;display:flex;position:relative;overflow:hidden}.media-page-header .header-right-actions .search-group.collapsed{cursor:pointer;width:38px}.media-page-header .header-right-actions .search-group.collapsed:hover{background:var(--border-light);border-color:var(--border-focus)}.media-page-header .header-right-actions .search-group.collapsed input{opacity:0;pointer-events:none;width:0;padding:0}.media-page-header .header-right-actions .search-group.collapsed .clear-search-btn{display:none}.media-page-header .header-right-actions .search-group.expanded{width:220px}@media (width<=480px){.media-page-header .header-right-actions .search-group.expanded{width:140px}}.media-page-header .header-right-actions .search-group.expanded input{opacity:1;width:100%;padding:8px 32px 8px 36px}.media-page-header .header-right-actions .search-group .search-toggle-btn{color:#aaa;cursor:pointer;z-index:2;background:0 0;border:none;justify-content:center;align-items:center;width:38px;padding:0;display:flex;position:absolute;top:0;bottom:0;left:0}.media-page-header .header-right-actions .search-group .search-toggle-btn:hover{color:#fff}.media-page-header .header-right-actions .search-group input{color:#fff;box-sizing:border-box;background:0 0;border:none;height:100%;font-size:.9rem;transition:width .3s,opacity .3s}.media-page-header .header-right-actions .search-group input:focus{outline:none}.media-page-header .header-right-actions .search-group .clear-search-btn{color:#666;cursor:pointer;z-index:2;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:4px;display:flex;position:absolute;right:8px}.media-page-header .header-right-actions .search-group .clear-search-btn:hover{color:#fff;background:var(--border-light)}.media-page-header .header-right-actions .icon-action-btn{background:var(--border-subtle);border:1px solid var(--border-light);color:#aaa;cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;padding:0;transition:all .2s ease-in-out;display:flex}.media-page-header .header-right-actions .icon-action-btn:hover{background:var(--border-light);border-color:var(--border-focus);color:#fff;transform:translateY(-1px)}.media-page-header .header-right-actions .icon-action-btn:active{transform:scale(.95)}.media-page-header .header-right-actions .icon-action-btn svg{width:18px;height:18px}.media-page-header .header-right-actions .icon-action-btn.btn-toggle-curated{background:0 0}.media-page-header .header-right-actions .icon-action-btn.btn-toggle-curated.active{background:var(--color-danger-bg);border-color:var(--color-danger-border);color:var(--color-danger)}.media-page-header .header-right-actions .icon-action-btn.btn-toggle-curated.active:hover{background:var(--color-danger-border);border-color:var(--color-danger)}.media-page-header .header-right-actions .icon-action-btn.btn-scan{background:var(--color-scan-bg);border-color:var(--color-scan-border);color:var(--color-scan)}.media-page-header .header-right-actions .icon-action-btn.btn-scan:hover{background:var(--color-scan-hover);border-color:var(--color-scan)}.media-page-header .header-right-actions .icon-action-btn.btn-add{background:var(--color-success-bg);border-color:var(--color-success-border);color:var(--color-success)}.media-page-header .header-right-actions .icon-action-btn.btn-add:hover{background:var(--color-success-hover);border-color:var(--color-success)}.media-page-header .header-right-actions .icon-action-btn.btn-organize{color:#aaa;background:0 0;border-color:#0000}.media-page-header .header-right-actions .icon-action-btn.btn-organize:hover{background:var(--border-subtle);border-color:var(--border-light)}.media-page-header .header-right-actions .icon-action-btn.btn-organize.active{background:var(--color-danger-bg);border-color:var(--color-danger-border);color:var(--color-danger);box-shadow:0 0 8px var(--color-danger-border)}.auth-alert-box{background:var(--border-subtle);border:1px solid var(--border-light);color:#888;box-sizing:border-box;border-radius:6px;align-items:center;gap:8px;width:100%;margin-bottom:1rem;padding:.4rem .75rem;font-size:.8rem;display:flex}.auth-alert-box.warning{border-color:var(--color-warning-border);background:var(--color-warning-bg);color:var(--color-warning)}.auth-alert-box .link-action-btn{color:var(--accent-color,#e50914);cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:.8rem;font-weight:600;text-decoration:underline}.auth-alert-box .link-action-btn:hover{opacity:.8}.discogs-connected-badge{background:var(--color-success-bg);border:1px solid var(--color-success-border);color:#bbb;box-sizing:border-box;border-radius:6px;align-items:center;gap:8px;width:100%;margin-bottom:1rem;padding:.4rem .75rem;font-size:.8rem;display:flex}.discogs-connected-badge .connected-dot{background-color:var(--color-success);width:6px;height:6px;box-shadow:0 0 6px var(--color-success);border-radius:50%}.discogs-connected-badge strong{color:var(--color-success)}.discogs-connected-badge .profile-link-btn{color:#888;cursor:pointer;background:0 0;border:none;padding:0 0 0 4px;font-size:.85rem;text-decoration:underline}.discogs-connected-badge .profile-link-btn:hover{color:#fff}.collapsible-toolbar{z-index:100;justify-content:flex-end;align-items:center;height:38px;display:flex;position:absolute;top:50%;right:0;transform:translateY(-50%)}.collapsible-toolbar .btn-toolbar-open{color:#aaa;cursor:pointer;z-index:102;justify-content:center;align-items:center;transition:color .15s;display:flex;box-shadow:none!important;background:0 0!important;border:none!important;width:24px!important;height:24px!important;padding:0!important;transform:none!important}.collapsible-toolbar .btn-toolbar-open:hover{color:#fff;background:0 0!important;border:none!important;transform:none!important}.collapsible-toolbar .btn-toolbar-open:active{transform:none!important}.collapsible-toolbar.expanded{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:101;background:#141419f2;border:1px solid #ffffff1a;border-radius:8px;justify-content:space-between;align-items:center;height:auto;min-height:84px;padding:.75rem;display:flex;position:absolute;top:-24px;left:0;right:0;transform:none;box-shadow:0 8px 32px #0009}@media (width<=768px){.collapsible-toolbar.expanded{padding:.5rem;top:-18px}}.collapsible-toolbar.expanded .btn-toolbar-close{color:#f55;transition:color .15s;position:absolute;top:50%;right:12px;box-shadow:none!important;background:0 0!important;border:none!important;width:24px!important;height:24px!important;padding:0!important;transform:translateY(-50%)!important}.collapsible-toolbar.expanded .btn-toolbar-close:hover{color:#f33;background:0 0!important;border:none!important;transform:translateY(-50%)!important}.collapsible-toolbar.expanded .btn-toolbar-close:active{transform:translateY(-50%)!important}.collapsible-toolbar .toolbar-actions{flex-direction:column;flex:1;gap:.5rem;margin-right:36px;display:flex}@media (width<=768px){.collapsible-toolbar .toolbar-actions{margin-right:30px}}.collapsible-toolbar .toolbar-actions .toolbar-row{align-items:center;width:100%;display:flex}.collapsible-toolbar .toolbar-actions .toolbar-row.top-row{justify-content:flex-start}.collapsible-toolbar .toolbar-actions .toolbar-row.bottom-row{flex-wrap:wrap;justify-content:flex-start;gap:.75rem}.collapsible-toolbar .toolbar-actions .search-group.expanded{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;flex:1;align-items:center;width:100%;max-width:100%;height:32px;padding:0 .5rem;display:flex;position:relative}@media (width<=768px){.collapsible-toolbar .toolbar-actions .search-group.expanded{flex:1;min-width:120px;max-width:100%}}.collapsible-toolbar .toolbar-actions .search-group.expanded .search-icon{color:#888;align-items:center;margin-right:.35rem;display:flex}.collapsible-toolbar .toolbar-actions .search-group.expanded input{color:#fff;background:0 0;border:none;outline:none;width:100%;padding:0;font-size:.85rem}.collapsible-toolbar .toolbar-actions .search-group.expanded .clear-search-btn{color:#888;cursor:pointer;background:0 0;border:none;align-items:center;padding:0 .25rem;display:flex}.collapsible-toolbar .toolbar-actions .search-group.expanded .clear-search-btn:hover{color:#fff}.custom-shelf-modal-overlay{background:var(--bg-overlay);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:var(--z-modal);justify-content:center;align-items:center;animation:.2s ease-out toolbarFadeIn;display:flex;position:fixed;inset:0}.custom-shelf-modal-overlay .custom-shelf-modal{background:var(--bg-modal-surface);border:1px solid var(--border-light);border-radius:16px;width:90%;max-width:500px;max-height:85vh;padding:1rem;animation:.25s cubic-bezier(.34,1.56,.64,1) modalScaleUp;position:relative;overflow-y:auto;box-shadow:0 20px 50px #000000b3,inset 0 1px #ffffff1a}.custom-shelf-modal-overlay .custom-shelf-modal h2{background:linear-gradient(135deg,#fff 40%,#888 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-top:0;margin-bottom:.2rem;font-size:1.1rem;font-weight:700}.custom-shelf-modal-overlay .custom-shelf-modal .modal-subtitle{color:#aaa;margin-top:0;margin-bottom:.75rem;font-size:.75rem;line-height:1.4}.custom-shelf-modal-overlay .custom-shelf-modal .close-modal-btn{color:#888;cursor:pointer;background:0 0;border:none;font-size:1.4rem;transition:color .2s;position:absolute;top:.5rem;right:.75rem}.custom-shelf-modal-overlay .custom-shelf-modal .close-modal-btn:hover{color:#fff}.custom-shelf-modal-overlay .custom-shelf-modal .shelf-form{flex-direction:column;gap:.75rem;display:flex}.custom-shelf-modal-overlay .custom-shelf-modal .shelf-form .form-group{flex-direction:column;gap:.25rem;display:flex}.custom-shelf-modal-overlay .custom-shelf-modal .shelf-form .form-group label{color:#bbb;text-transform:uppercase;letter-spacing:.05em;font-size:.7rem;font-weight:600}.custom-shelf-modal-overlay .custom-shelf-modal .shelf-form .form-group input{color:#fff;box-sizing:border-box;background:#0000004d;border:1px solid #ffffff1f;border-radius:8px;outline:none;padding:.5rem .75rem;font-size:.85rem;transition:all .2s}.custom-shelf-modal-overlay .custom-shelf-modal .shelf-form .form-group input:focus{border-color:#f34;box-shadow:0 0 10px #f343}.custom-shelf-modal-overlay .custom-shelf-modal .shelf-form .tags-sections-container{flex-direction:column;gap:.75rem;max-height:180px;padding-right:.5rem;display:flex;overflow-y:auto}.custom-shelf-modal-overlay .custom-shelf-modal .shelf-form .tags-sections-container::-webkit-scrollbar{width:6px}.custom-shelf-modal-overlay .custom-shelf-modal .shelf-form .tags-sections-container::-webkit-scrollbar-track{background:#0003}.custom-shelf-modal-overlay .custom-shelf-modal .shelf-form .tags-sections-container::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}.custom-shelf-modal-overlay .custom-shelf-modal .shelf-form .tags-sections-container .tags-section{flex-direction:column;gap:.35rem;display:flex}.custom-shelf-modal-overlay .custom-shelf-modal .shelf-form .tags-sections-container .tags-section h3{color:#ccc;text-transform:uppercase;letter-spacing:.05em;border-left:3px solid #f34;margin:0;padding-left:.5rem;font-size:.75rem;font-weight:600}.custom-shelf-modal-overlay .custom-shelf-modal .shelf-form .tags-sections-container .tags-section .tags-grid{flex-wrap:wrap;gap:.25rem;padding:.1rem 0;display:flex}.custom-shelf-modal-overlay .custom-shelf-modal .shelf-form .tags-sections-container .tags-section .tags-grid .tag-checkbox-label{color:#ccc;cursor:pointer;-webkit-user-select:none;user-select:none;background:#ffffff08;border:1px solid #ffffff14;border-radius:20px;align-items:center;gap:.25rem;padding:.15rem .5rem;font-size:.7rem;transition:all .2s ease-in-out;display:flex}.custom-shelf-modal-overlay .custom-shelf-modal .shelf-form .tags-sections-container .tags-section .tags-grid .tag-checkbox-label input[type=checkbox]{display:none}.custom-shelf-modal-overlay .custom-shelf-modal .shelf-form .tags-sections-container .tags-section .tags-grid .tag-checkbox-label:hover{color:#fff;background:#ffffff14;border-color:#ffffff26}.custom-shelf-modal-overlay .custom-shelf-modal .shelf-form .tags-sections-container .tags-section .tags-grid .tag-checkbox-label.checked{color:#f56;background:#ff334426;border-color:#f34;font-weight:500;box-shadow:0 0 10px #ff334426}.custom-shelf-modal-overlay .custom-shelf-modal .shelf-form .tags-sections-container .tags-section .tags-grid .add-tag-row{align-items:center;gap:.3rem;margin-top:.35rem;display:flex}.custom-shelf-modal-overlay .custom-shelf-modal .shelf-form .tags-sections-container .tags-section .tags-grid .add-tag-row .add-tag-input{color:#ccc;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:20px;outline:none;flex:1;padding:.2rem .6rem;font-size:.7rem;transition:border-color .2s}.custom-shelf-modal-overlay .custom-shelf-modal .shelf-form .tags-sections-container .tags-section .tags-grid .add-tag-row .add-tag-input::placeholder{color:#ffffff4d}.custom-shelf-modal-overlay .custom-shelf-modal .shelf-form .tags-sections-container .tags-section .tags-grid .add-tag-row .add-tag-input:focus{color:#fff;border-color:#ffffff40}.custom-shelf-modal-overlay .custom-shelf-modal .shelf-form .tags-sections-container .tags-section .tags-grid .add-tag-row .add-tag-btn{color:#f56;cursor:pointer;background:#ff334426;border:1px solid #f346;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;transition:all .2s;display:flex}.custom-shelf-modal-overlay .custom-shelf-modal .shelf-form .tags-sections-container .tags-section .tags-grid .add-tag-row .add-tag-btn:hover:not(:disabled){background:#ff33444d;border-color:#f34}.custom-shelf-modal-overlay .custom-shelf-modal .shelf-form .tags-sections-container .tags-section .tags-grid .add-tag-row .add-tag-btn:disabled{opacity:.3;cursor:not-allowed}.custom-shelf-modal-overlay .custom-shelf-modal .shelf-form .tags-sections-container .tags-section .tags-grid .tag-checkbox-label.custom-tag{color:#aaa;border-style:dashed;border-color:#fff3}.custom-shelf-modal-overlay .custom-shelf-modal .shelf-form .tags-sections-container .tags-section .tags-grid .tag-checkbox-label.custom-tag.checked{color:#f56;border-style:solid;border-color:#f34}.custom-shelf-modal-overlay .custom-shelf-modal .shelf-form .modal-actions{justify-content:flex-end;gap:.5rem;margin-top:.25rem;display:flex}.custom-shelf-modal-overlay .custom-shelf-modal .shelf-form .modal-actions .sleek-btn{cursor:pointer;border:none;border-radius:8px;outline:none;padding:.45rem 1rem;font-size:.8rem;font-weight:600;transition:all .2s}.custom-shelf-modal-overlay .custom-shelf-modal .shelf-form .modal-actions .sleek-btn.cancel-btn{color:#ccc;background:#ffffff0d;border:1px solid #ffffff1a}.custom-shelf-modal-overlay .custom-shelf-modal .shelf-form .modal-actions .sleek-btn.cancel-btn:hover{color:#fff;background:#ffffff1a}.custom-shelf-modal-overlay .custom-shelf-modal .shelf-form .modal-actions .sleek-btn.save-btn{color:#fff;background:#f34}.custom-shelf-modal-overlay .custom-shelf-modal .shelf-form .modal-actions .sleek-btn.save-btn:hover:not(:disabled){background:#f56;box-shadow:0 0 15px #f346}.custom-shelf-modal-overlay .custom-shelf-modal .shelf-form .modal-actions .sleek-btn.save-btn:disabled{color:#ffffff4d;cursor:not-allowed;background:#ff334459}.empty-shelf-prompt{color:#ffffff1f;letter-spacing:.5px;pointer-events:none;-webkit-user-select:none;user-select:none;text-align:center;box-sizing:border-box;white-space:normal;justify-content:center;align-self:center;align-items:center;width:100%;height:100%;padding:0 2rem;font-size:.85rem;font-style:italic;font-weight:500;display:flex}.bev-add-modal-overlay{background:var(--bg-overlay);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:var(--z-modal);justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.bev-add-modal{background:var(--bg-modal-surface);border:1px solid var(--border-light);border-radius:16px;flex-direction:column;width:100%;max-width:480px;max-height:85vh;display:flex;overflow:hidden;box-shadow:0 24px 80px #0009}.bev-add-modal .bev-modal-header{border-bottom:1px solid #ffffff0f;flex-shrink:0;align-items:center;gap:.5rem;padding:.9rem 1rem .75rem;display:flex}.bev-add-modal .bev-modal-header h3{color:#eee;flex:1;margin:0;font-size:.95rem;font-weight:600}.bev-add-modal .bev-modal-header .bev-back-btn,.bev-add-modal .bev-modal-header .bev-close-btn{color:#ffffff80;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;padding:.2rem;transition:color .2s;display:flex}.bev-add-modal .bev-modal-header .bev-back-btn:hover,.bev-add-modal .bev-modal-header .bev-close-btn:hover{color:#fff}.bev-add-modal .bev-search-panel{flex-direction:column;flex:1;padding:.75rem;display:flex;overflow:hidden}.bev-add-modal .bev-search-panel .bev-search-bar{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;flex-shrink:0;align-items:center;gap:.35rem;padding:.4rem .6rem;display:flex}.bev-add-modal .bev-search-panel .bev-search-bar .bev-search-icon{color:#ffffff59;flex-shrink:0}.bev-add-modal .bev-search-panel .bev-search-bar input{color:#eee;background:0 0;border:none;outline:none;flex:1;font-size:.85rem}.bev-add-modal .bev-search-panel .bev-search-bar input::placeholder{color:#ffffff4d}.bev-add-modal .bev-search-panel .bev-search-bar .bev-clear-btn,.bev-add-modal .bev-search-panel .bev-search-bar .bev-scan-btn{color:#fff6;cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;padding:.15rem;transition:color .2s;display:flex}.bev-add-modal .bev-search-panel .bev-search-bar .bev-clear-btn:hover,.bev-add-modal .bev-search-panel .bev-search-bar .bev-scan-btn:hover{color:#fff}.bev-add-modal .bev-search-panel .bev-search-bar .bev-scan-btn:hover{color:#f56}.bev-add-modal .bev-search-panel .bev-results-area{flex:1;margin-top:.6rem;overflow-y:auto}.bev-add-modal .bev-search-panel .bev-results-area .bev-loading{color:#ffffff80;align-items:center;gap:.5rem;padding:1rem 0;font-size:.8rem;display:flex}.bev-add-modal .bev-search-panel .bev-results-area .bev-loading .bev-spinner{animation:1s linear infinite bev-spin}.bev-add-modal .bev-search-panel .bev-results-area .bev-error{color:#ff7864e6;padding:.75rem 0;font-size:.8rem;line-height:1.4}.bev-add-modal .bev-search-panel .bev-results-area .bev-empty-state{color:#fff3;text-align:center;padding:2rem 0;font-size:.8rem;font-style:italic}.bev-add-modal .bev-search-panel .bev-results-area .bev-results-list{flex-direction:column;gap:.3rem;margin:0;padding:0;list-style:none;display:flex}.bev-add-modal .bev-search-panel .bev-results-area .bev-results-list .bev-result-item{cursor:pointer;border-radius:8px;align-items:center;gap:.65rem;padding:.5rem .6rem;transition:background .15s;display:flex}.bev-add-modal .bev-search-panel .bev-results-area .bev-results-list .bev-result-item:hover{background:#ffffff0f}.bev-add-modal .bev-search-panel .bev-results-area .bev-results-list .bev-result-item .bev-result-thumb{object-fit:cover;background:#ffffff0d;border-radius:6px;flex-shrink:0;width:44px;height:44px}.bev-add-modal .bev-search-panel .bev-results-area .bev-results-list .bev-result-item .bev-result-thumb--empty{background:#ffffff0a}.bev-add-modal .bev-search-panel .bev-results-area .bev-results-list .bev-result-item .bev-result-info{flex:1;min-width:0}.bev-add-modal .bev-search-panel .bev-results-area .bev-results-list .bev-result-item .bev-result-info .bev-result-title{color:#ddd;white-space:nowrap;text-overflow:ellipsis;font-size:.82rem;font-weight:500;overflow:hidden}.bev-add-modal .bev-search-panel .bev-results-area .bev-results-list .bev-result-item .bev-result-info .bev-result-meta{color:#fff6;flex-wrap:wrap;gap:.3rem;margin-top:.2rem;font-size:.7rem;display:flex}.bev-add-modal .bev-search-panel .bev-results-area .bev-results-list .bev-result-item .bev-result-info .bev-result-meta .bev-result-badge{color:#f78;text-transform:uppercase;letter-spacing:.3px;background:#ff334426;border:1px solid #ff33444d;border-radius:10px;padding:0 .35rem;font-size:.65rem}.bev-add-modal .bev-search-panel .bev-manual-link{color:#ffffff59;cursor:pointer;text-align:left;background:0 0;border:none;flex-shrink:0;padding:.5rem 0 .25rem;font-size:.75rem;transition:color .2s}.bev-add-modal .bev-search-panel .bev-manual-link:hover{color:#ffffffb3}.bev-add-modal .bev-confirm-form{flex-direction:column;flex:1;gap:.5rem;padding:.75rem;display:flex;overflow-y:auto}.bev-add-modal .bev-confirm-form .bev-confirm-cover{text-align:center;margin-bottom:.25rem}.bev-add-modal .bev-confirm-form .bev-confirm-cover img{object-fit:cover;border-radius:6px;width:auto;height:80px}.dymo-label{letter-spacing:2px;text-transform:uppercase;text-shadow:0 1px 1px #000c;background-color:#d32f2f;border:1px solid #0000004d;border-radius:2px;align-items:center;gap:6px;padding:4px 10px;font-family:Courier New,monospace,sans-serif;font-size:.85rem;font-weight:700;display:inline-flex;box-shadow:inset 0 1px 3px #00000080,inset 0 -1px 2px #fff3,1px 2px 4px #0006;color:#fff!important}.dymo-label.dymo-blue{background-color:#1976d2}.dymo-label.dymo-black{background-color:#212121}.dymo-label.dymo-amber{background-color:#d84315}.retro-wood-bg{background:radial-gradient(circle,#0000004d 0%,#000c 100%),repeating-linear-gradient(90deg,#3e2723 0 20px,#2e1a17 20px 22px)}.retro-wood-shelf{background:linear-gradient(#5d4037,#3e2723);border-top:1px solid #ffffff1a!important;border-bottom:6px solid #2e1a17!important;box-shadow:0 10px 15px #000000b3!important}.retro-metal-bg{background:radial-gradient(circle,#0006 0%,#000000e6 100%),repeating-linear-gradient(45deg,#1a252f 0 4px,#111820 4px 8px)}.retro-metal-shelf{background:linear-gradient(#7f8c8d,#34495e);border-top:1px solid #ffffff4d!important;border-bottom:6px solid #22303c!important;box-shadow:0 10px 15px #000c!important}.game-overview-modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:10000;box-sizing:border-box;background-color:#000000d9;justify-content:center;align-items:center;padding:16px;animation:.25s ease-out fadeIn;display:flex;position:fixed;inset:0}.game-overview-card{color:#fff;box-sizing:border-box;background:linear-gradient(135deg,#1b0c30 0%,#06030c 100%);border:4px solid #00f2fecc;border-radius:16px;flex-direction:column;width:340px;height:535px;max-height:95vh;padding:16px;transition:transform .2s,box-shadow .2s;animation:.3s cubic-bezier(.16,1,.3,1) scaleUp;display:flex;position:relative;overflow:hidden;box-shadow:0 15px 35px #000c,0 0 20px #00f2fe26}.game-overview-card:hover{box-shadow:0 20px 40px #000000e6,0 0 25px #00f2fe59}.game-overview-card:hover .trading-card-holo-sheen{opacity:.15;background-position:100% 100%}.game-overview-card .trading-card-holo-sheen{z-index:10;pointer-events:none;mix-blend-mode:color-dodge;opacity:.04;background:linear-gradient(115deg,#0000 0% 25%,#00f2fecc 45%,#d946efcc 55%,#0000 70% 100%) 0 0/250% 250%;transition:opacity .5s,background-position .5s ease-out;position:absolute;inset:0}.game-overview-card .card-close-x-btn{color:#ffffffe6;cursor:pointer;z-index:200;background:#000000b3;border:1px solid #ffffff40;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;transition:all .2s;display:flex;position:absolute;top:8px;right:8px}.game-overview-card .card-close-x-btn:hover{color:#ff3c3c;background:#ff3c3c40;border-color:#ff3c3c59;transform:scale(1.1)}.game-overview-card .card-marquee-frame{aspect-ratio:4;background:#000;border:2px solid #ffffff1a;border-radius:6px;flex-shrink:0;width:100%;margin-bottom:10px;position:relative;overflow:hidden;box-shadow:0 2px 8px #00000080}.game-overview-card .card-marquee-frame .marquee-image{object-fit:cover;width:100%;height:100%}.game-overview-card .card-marquee-frame .marquee-loading-spinner{color:#888;background:#050508;justify-content:center;align-items:center;width:100%;height:100%;font-family:pixelmix,monospace;font-size:.65rem;display:flex}.game-overview-card .game-media-frame{background:#000;border:2px solid #ffffff1a;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:100%;height:130px;margin-bottom:10px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 10px #00f2fe33}.game-overview-card .game-media-frame video,.game-overview-card .game-media-frame img{object-fit:cover;width:100%;height:100%}.game-overview-card .card-stats-box{background:#00000080;border:1px solid #ffffff0d;border-radius:8px;flex-shrink:0;grid-template-columns:repeat(2,1fr);gap:4px;margin-bottom:8px;padding:5px 8px;display:grid}.game-overview-card .card-stats-box .card-attribute{flex-direction:column;gap:1px;min-width:0;display:flex}.game-overview-card .card-stats-box .card-attribute .lbl{color:#ffffff73;letter-spacing:.5px;font-size:.48rem;font-weight:700}.game-overview-card .card-stats-box .card-attribute .val{white-space:nowrap;text-overflow:ellipsis;color:#fff;font-size:.62rem;font-weight:700;overflow:hidden}.game-overview-card .game-description-box{background:#00000059;border:1px solid #ffffff08;border-radius:8px;flex:1;min-height:70px;max-height:120px;margin-bottom:12px;padding:8px 10px;overflow-y:auto}.game-overview-card .game-description-box::-webkit-scrollbar{width:4px}.game-overview-card .game-description-box::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.game-overview-card .game-description-box .description-text-para{color:#ffffffbf;margin:0;font-size:.68rem;line-height:1.4}.game-overview-card .game-description-box .description-text-para strong{color:#00f2fe;font-family:var(--font-main);letter-spacing:.25px;font-weight:700}.game-overview-card .card-action-status-banner{color:#00f2fe;z-index:100;background:#000000f2;border:1px solid #00f2fe;border-radius:6px;padding:10px 20px;font-family:pixelmix,monospace;font-size:.72rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 15px #00f2fe80}.game-overview-card .icons-grid{flex-shrink:0;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:12px;display:grid}.game-overview-card .icons-grid .btn-card-action{color:#ffffffa6;cursor:pointer;background:#ffffff08;border:1px solid #ffffff0d;border-radius:6px;flex-direction:column;align-items:center;gap:4px;min-width:0;padding:6px;transition:all .2s;display:flex}.game-overview-card .icons-grid .btn-card-action svg{flex-shrink:0}.game-overview-card .icons-grid .btn-card-action .btn-txt{white-space:nowrap;text-overflow:ellipsis;text-align:center;width:100%;font-size:.55rem;font-weight:700;overflow:hidden}.game-overview-card .icons-grid .btn-card-action:hover:not(:disabled){color:#fff;background:#ffffff14;border-color:#ffffff26}.game-overview-card .icons-grid .btn-card-action:disabled{opacity:.3;cursor:not-allowed}.game-overview-card .icons-grid .btn-card-action.is-active{color:#fc0;background:#ffcc0014;border-color:#ffcc004d}.game-overview-card .icons-grid .btn-card-action.is-active:hover{background:#ffcc0026}.game-overview-card .icons-grid .btn-card-action.btn-delete-offline{color:#f34;background:#ff33440d;border-color:#f343}.game-overview-card .icons-grid .btn-card-action.btn-delete-offline:hover{background:#ff334426}.game-overview-card .card-play-action-container{flex-shrink:0;width:100%}.game-overview-card .card-play-action-container .btn-card-play-neon{color:#000;cursor:pointer;text-shadow:1px 1px #ffffff73;background:#0f6;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;height:42px;font-family:pixelmix,monospace;font-size:.82rem;font-weight:700;transition:all .2s;display:flex;box-shadow:0 0 15px #0f66}.game-overview-card .card-play-action-container .btn-card-play-neon:hover{background:#3f8;transform:translateY(-2px);box-shadow:0 0 22px #0f69}.game-overview-card .card-play-action-container .btn-card-play-neon:active{transform:translateY(0)}.game-overview-card .card-instructions-slide-overlay{z-index:1000;background:#000000f2;align-items:flex-end;animation:.2s fadeIn;display:flex;position:absolute;inset:0}.game-overview-card .card-instructions-slide-overlay .instructions-card-panel{box-sizing:border-box;background:#12121c;border-top:2px solid #00f2fe;border-radius:12px 12px 0 0;flex-direction:column;width:100%;max-height:80%;padding:16px;animation:.3s cubic-bezier(.16,1,.3,1) slideUp;display:flex}.game-overview-card .card-instructions-slide-overlay .instructions-card-panel .panel-header{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:6px;display:flex}.game-overview-card .card-instructions-slide-overlay .instructions-card-panel .panel-header h3{color:#00f2fe;text-shadow:0 0 8px #00f2fe4d;margin:0;font-family:pixelmix,monospace;font-size:.8rem}.game-overview-card .card-instructions-slide-overlay .instructions-card-panel .panel-header .close-panel-x{color:#fff6;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.game-overview-card .card-instructions-slide-overlay .instructions-card-panel .panel-header .close-panel-x:hover{color:#fff;background:#ffffff0d}.game-overview-card .card-instructions-slide-overlay .instructions-card-panel .panel-body{color:#fffc;flex:1;font-size:.72rem;line-height:1.45;overflow-y:auto}.game-overview-card .card-instructions-slide-overlay .instructions-card-panel .panel-body.scrollable-y::-webkit-scrollbar{width:4px}.game-overview-card .card-instructions-slide-overlay .instructions-card-panel .panel-body.scrollable-y::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.game-overview-card .card-instructions-slide-overlay .instructions-card-panel .panel-body .custom-instructions-content{white-space:pre-wrap}.game-overview-card .card-instructions-slide-overlay .instructions-card-panel .panel-body .generic-instructions-grid h4{color:#d946ef;margin:0 0 6px;font-family:pixelmix,monospace;font-size:.75rem}.game-overview-card .card-instructions-slide-overlay .instructions-card-panel .panel-body .generic-instructions-grid .controls-list{margin:0 0 14px 16px;padding:0}.game-overview-card .card-instructions-slide-overlay .instructions-card-panel .panel-body .generic-instructions-grid .controls-list li{margin-bottom:4px}.game-overview-card .card-instructions-slide-overlay .instructions-card-panel .panel-body .generic-instructions-grid .controls-list li strong{color:#00f2fe}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.login-modal-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:10000;touch-action:none;background:#000000d9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.login-modal-overlay .login-modal{color:#fff;touch-action:auto;background:#1a1a24;border:2px solid #b4ec51;border-radius:12px;width:90%;max-width:400px;padding:24px;box-shadow:0 0 30px #b4ec5133}.login-modal-overlay .login-modal .login-header{border-bottom:1px solid #333;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;display:flex}.login-modal-overlay .login-modal .login-header h2{color:#b4ec51;letter-spacing:2px;margin:0;font-size:1.25rem}.login-modal-overlay .login-modal .login-header .close-btn{background:var(--border-subtle);border:1px solid var(--border-light);color:#fff9;cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.login-modal-overlay .login-modal .login-header .close-btn:hover{color:#ff4a4a;background:#ff3c3c26;border-color:#ff3c3c66;box-shadow:0 0 10px #ff3c3c33}.login-modal-overlay .login-modal .login-form{flex-direction:column;gap:20px;display:flex}.login-modal-overlay .login-modal .login-form .error-message{color:#ff3c3c;text-align:center;background:#ff3c3c1a;border:1px solid #ff3c3c;border-radius:6px;padding:12px;font-size:.9rem}.login-modal-overlay .login-modal .login-form .form-group{flex-direction:column;gap:8px;display:flex}.login-modal-overlay .login-modal .login-form .form-group label{color:#ffffffb3;letter-spacing:1px;font-size:.8rem}.login-modal-overlay .login-modal .login-form .form-group input{color:#fff;background:#0a0a0f;border:1px solid #333;border-radius:6px;outline:none;padding:12px;font-size:1rem;transition:border-color .2s}.login-modal-overlay .login-modal .login-form .form-group input:focus{border-color:#b4ec51}.login-modal-overlay .login-modal .login-form .submit-btn{color:#000;letter-spacing:2px;cursor:pointer;background:#b4ec51;border:none;border-radius:6px;margin-top:10px;padding:14px;font-size:1rem;font-weight:700;transition:transform .1s,opacity .2s}.login-modal-overlay .login-modal .login-form .submit-btn:hover{opacity:.9}.login-modal-overlay .login-modal .login-form .submit-btn:active{transform:scale(.98)}.login-modal-overlay .login-modal .login-form .submit-btn:disabled{opacity:.5;cursor:not-allowed}.login-modal-overlay .login-modal .login-form .auth-divider{text-align:center;color:#ffffff4d;letter-spacing:2px;align-items:center;margin:5px 0;font-size:.8rem;display:flex}.login-modal-overlay .login-modal .login-form .auth-divider:before,.login-modal-overlay .login-modal .login-form .auth-divider:after{content:"";border-bottom:1px solid var(--border-light);flex:1}.login-modal-overlay .login-modal .login-form .auth-divider:not(:empty):before{margin-right:12px}.login-modal-overlay .login-modal .login-form .auth-divider:not(:empty):after{margin-left:12px}.login-modal-overlay .login-modal .login-form .google-btn{color:#fff;letter-spacing:1.5px;cursor:pointer;background:#0a0a0f;border:1px solid #333;border-radius:6px;justify-content:center;align-items:center;gap:12px;padding:12px 14px;font-size:.95rem;font-weight:700;transition:border-color .2s,background-color .2s,box-shadow .2s,transform .1s;display:flex}.login-modal-overlay .login-modal .login-form .google-btn .google-icon{flex-shrink:0;display:block}.login-modal-overlay .login-modal .login-form .google-btn:hover:not(:disabled){background:#111119;border-color:#b4ec51cc;box-shadow:0 0 15px #b4ec511a}.login-modal-overlay .login-modal .login-form .google-btn:active:not(:disabled){transform:scale(.98)}.login-modal-overlay .login-modal .login-form .google-btn:disabled{opacity:.5;cursor:not-allowed}.login-modal-overlay .login-modal .login-form .signup-prompt{text-align:center;color:#ffffff80;margin-top:8px;font-size:.85rem}.login-modal-overlay .login-modal .login-form .signup-prompt .signup-link{color:#b4ec51;cursor:pointer;text-underline-offset:2px;background:0 0;border:none;padding:0;font-size:.85rem;font-weight:600;text-decoration:underline;transition:color .2s,text-shadow .2s}.login-modal-overlay .login-modal .login-form .signup-prompt .signup-link:hover{color:#d4ff8a;text-shadow:0 0 8px #b4ec5166}.register-modal-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:10000;touch-action:none;background:#000000d9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.register-modal-overlay .register-modal{color:#fff;touch-action:auto;background:#1a1a24;border:2px solid #b4ec51;border-radius:12px;width:90%;max-width:400px;padding:24px;box-shadow:0 0 30px #b4ec5133}.register-modal-overlay .register-modal .register-header{border-bottom:1px solid #333;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;display:flex}.register-modal-overlay .register-modal .register-header h2{color:#b4ec51;letter-spacing:2px;margin:0;font-size:1.25rem}.register-modal-overlay .register-modal .register-header .close-btn{background:var(--border-subtle);border:1px solid var(--border-light);color:#fff9;cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.register-modal-overlay .register-modal .register-header .close-btn:hover{color:#ff4a4a;background:#ff3c3c26;border-color:#ff3c3c66;box-shadow:0 0 10px #ff3c3c33}.register-modal-overlay .register-modal .register-form{flex-direction:column;gap:16px;display:flex}.register-modal-overlay .register-modal .register-form .error-message{color:#ff3c3c;text-align:center;background:#ff3c3c1a;border:1px solid #ff3c3c;border-radius:6px;padding:12px;font-size:.9rem}.register-modal-overlay .register-modal .register-form .form-group{flex-direction:column;gap:6px;display:flex}.register-modal-overlay .register-modal .register-form .form-group label{color:#ffffffb3;letter-spacing:1px;font-size:.8rem}.register-modal-overlay .register-modal .register-form .form-group input{color:#fff;background:#0a0a0f;border:1px solid #333;border-radius:6px;outline:none;padding:12px;font-size:1rem;transition:border-color .2s}.register-modal-overlay .register-modal .register-form .form-group input::placeholder{color:#ffffff40}.register-modal-overlay .register-modal .register-form .form-group input:focus{border-color:#b4ec51}.register-modal-overlay .register-modal .register-form .submit-btn{color:#000;letter-spacing:2px;cursor:pointer;background:#b4ec51;border:none;border-radius:6px;margin-top:6px;padding:14px;font-size:1rem;font-weight:700;transition:transform .1s,opacity .2s}.register-modal-overlay .register-modal .register-form .submit-btn:hover{opacity:.9}.register-modal-overlay .register-modal .register-form .submit-btn:active{transform:scale(.98)}.register-modal-overlay .register-modal .register-form .submit-btn:disabled{opacity:.5;cursor:not-allowed}.register-modal-overlay .register-modal .register-form .login-prompt{text-align:center;color:#ffffff80;margin-top:4px;font-size:.85rem}.register-modal-overlay .register-modal .register-form .login-prompt .login-link{color:#b4ec51;cursor:pointer;text-underline-offset:2px;background:0 0;border:none;padding:0;font-size:.85rem;font-weight:600;text-decoration:underline;transition:color .2s,text-shadow .2s}.register-modal-overlay .register-modal .register-form .login-prompt .login-link:hover{color:#d4ff8a;text-shadow:0 0 8px #b4ec5166}.media-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;background:#000000d9;justify-content:center;align-items:center;width:100vw;height:100dvh;animation:.3s ease-out fadeIn;display:flex;position:fixed;top:0;left:0}.media-modal-overlay .media-modal-content{border:1px solid var(--border-light);background:#111;border-radius:12px;flex-direction:column;width:90vw;max-width:1200px;height:85vh;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 40px #00000080}.media-modal-overlay .media-modal-content .header-bar{border-bottom:1px solid var(--border-light);background:#141414e6;justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.media-modal-overlay .media-modal-content .header-bar h2{color:#fff;letter-spacing:1px;white-space:nowrap;text-overflow:ellipsis;margin:0;font-family:Space Mono,Courier New,Courier,monospace;font-size:1.2rem;overflow:hidden}.media-modal-overlay .media-modal-content .header-bar .close-main-btn{color:#fff9;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;transition:color .2s,transform .2s;display:flex}.media-modal-overlay .media-modal-content .header-bar .close-main-btn:hover{color:#ff4757;transform:scale(1.1)}.media-modal-overlay .media-modal-content .media-body{background:#000;flex:1;width:100%;height:100%;display:flex;position:relative}.media-modal-overlay .media-modal-content .media-body iframe{border:none;width:100%;height:100%}.media-modal-overlay .media-modal-content .media-body .podcast-container{background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%);flex-direction:column;flex:1;justify-content:center;align-items:center;padding:2rem;display:flex}.media-modal-overlay .media-modal-content .media-body .podcast-container .podcast-thumbnail{object-fit:cover;border:2px solid var(--border-subtle);border-radius:20px;width:300px;height:300px;margin-bottom:2rem;box-shadow:0 10px 30px #0009}.media-modal-overlay .media-modal-content .media-body .podcast-container .podcast-details{text-align:center;margin-bottom:2rem}.media-modal-overlay .media-modal-content .media-body .podcast-container .podcast-details h3{color:#fff;margin:0 0 .5rem;font-size:1.8rem}.media-modal-overlay .media-modal-content .media-body .podcast-container .podcast-details p{color:#fff9;max-width:600px;margin:0}.media-modal-overlay .media-modal-content .media-body .podcast-container audio{border-radius:30px;outline:none;width:80%;max-width:600px}.media-modal-overlay .media-modal-content .media-body .podcast-container audio::-webkit-media-controls-panel{background-color:#2b2b2b}.media-modal-overlay .media-modal-content .media-body .podcast-container audio::-webkit-media-controls-current-time-display{color:#fff}.media-modal-overlay .media-modal-content .media-body .podcast-container audio::-webkit-media-controls-time-remaining-display{color:#fff}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.install-prompt-overlay{-webkit-backdrop-filter:blur(8px);z-index:99999;background:#000000bf;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.install-prompt-modal{background:var(--bg-modal-surface,#19191ef2);border:1px solid var(--border-light,#ffffff1a);width:100%;max-width:420px;color:var(--text-primary,#fff);text-align:center;border-radius:16px;padding:24px;animation:.3s cubic-bezier(.16,1,.3,1) installPromptPop;position:relative;box-shadow:0 20px 40px #0009}.install-prompt-modal .close-btn{color:var(--text-muted,gray);cursor:pointer;background:0 0;border:none;border-radius:50%;padding:4px;transition:color .2s,background-color .2s;position:absolute;top:16px;right:16px}.install-prompt-modal .close-btn:hover{color:#fff;background:#ffffff1a}.install-prompt-modal .install-header{flex-direction:column;align-items:center;gap:12px;margin-bottom:12px;display:flex}.install-prompt-modal .install-header .icon-badge{border:1px solid var(--border-light);width:56px;height:56px;color:var(--color-scan,#b4ec51);background:linear-gradient(135deg,#e5091433,#0ff3);border-radius:16px;justify-content:center;align-items:center;display:flex}.install-prompt-modal .install-header h3{letter-spacing:.5px;margin:0;font-size:1.25rem;font-weight:700}.install-prompt-modal .install-description{color:var(--text-secondary,#e5e5e5);margin-bottom:20px;font-size:.9rem;line-height:1.4}.install-prompt-modal .install-action{justify-content:center;margin-bottom:16px;display:flex}.install-prompt-modal .install-action .install-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#e50914,#b00710);border:none;border-radius:30px;align-items:center;gap:10px;padding:12px 24px;font-size:1rem;font-weight:600;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 4px 15px #e5091466}.install-prompt-modal .install-action .install-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #e5091499}.install-prompt-modal .ios-instructions{border:1px solid var(--border-subtle);text-align:left;background:#0006;border-radius:12px;flex-direction:column;gap:12px;margin-bottom:20px;padding:16px;display:flex}.install-prompt-modal .ios-instructions .step-item{color:var(--text-secondary,#e5e5e5);align-items:center;gap:12px;font-size:.85rem;display:flex}.install-prompt-modal .ios-instructions .step-item .step-num{background:var(--color-scan,#b4ec51);color:#000;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:.8rem;font-weight:700;display:flex}.install-prompt-modal .ios-instructions .step-item .step-icon{color:var(--color-scan,#b4ec51);flex-shrink:0}.install-prompt-modal .ios-instructions .step-item strong{color:#fff}.install-prompt-modal .general-instructions{border:1px solid var(--border-subtle);color:var(--text-secondary);background:#0006;border-radius:12px;margin-bottom:20px;padding:14px;font-size:.85rem}.install-prompt-modal .modal-footer{justify-content:center;display:flex}.install-prompt-modal .modal-footer .secondary-btn{border:1px solid var(--border-light);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:20px;padding:8px 20px;font-size:.85rem;transition:color .2s,border-color .2s}.install-prompt-modal .modal-footer .secondary-btn:hover{color:#fff;border-color:#fff6}@keyframes installPromptPop{0%{opacity:0;transform:scale(.92)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.wizard-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:20000;box-sizing:border-box;background:#000000e6;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.wizard-overlay .wizard-card{color:#fff;background:#0d0d14;border:2px solid #b4ec5140;border-radius:16px;flex-direction:column;width:100%;max-width:550px;max-height:90vh;animation:.3s cubic-bezier(.16,1,.3,1) wizardFadeIn;display:flex;overflow:hidden;box-shadow:0 0 30px #b4ec511a,0 15px 40px #000c}.wizard-overlay .wizard-card.landscape{max-width:750px}.wizard-overlay .wizard-progress-bar{background:#ffffff0d;width:100%;height:6px;position:relative;overflow:hidden}.wizard-overlay .wizard-progress-bar .progress-fill{background:linear-gradient(90deg,#b4ec51,#39ff14);height:100%;transition:width .3s;box-shadow:0 0 8px #b4ec51}.wizard-overlay .wizard-header{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:24px 32px 16px;display:flex}.wizard-overlay .wizard-header h2{letter-spacing:3px;color:#b4ec51;margin:0;font-size:1.1rem;font-weight:900}.wizard-overlay .wizard-header .step-counter{letter-spacing:1px;color:#fff6;font-size:.75rem;font-weight:700}.wizard-overlay .wizard-body{flex-direction:column;flex:1;justify-content:center;padding:28px 32px 32px;display:flex;overflow-y:auto}.wizard-overlay .wizard-error{color:#ff3c3c;text-align:center;background:#ff38381a;border:1px solid #ff38384d;border-radius:6px;margin-bottom:16px;padding:10px 16px;font-size:.85rem}.wizard-overlay .wizard-step{flex-direction:column;gap:20px;width:100%;display:flex}.wizard-overlay .wizard-step h3{letter-spacing:1px;color:#fff;margin:0;font-size:1.3rem;font-weight:800}.wizard-overlay .wizard-step .step-desc{color:#ffffff80;margin:0 0 10px;font-size:.9rem;line-height:1.4}.wizard-overlay .step-welcome{text-align:center;align-items:center;padding:20px 0}.wizard-overlay .step-welcome .retro-icon-container{background:#b4ec510d;border:2px solid #b4ec514d;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:16px;display:flex;box-shadow:0 0 20px #b4ec511a}.wizard-overlay .step-welcome .retro-icon-container .logo-pulse{color:#b4ec51;font-size:2.5rem;font-weight:700;animation:1.5s ease-in-out infinite alternate neonGlow}.wizard-overlay .step-welcome h3{font-size:1.5rem}.wizard-overlay .step-welcome p{color:#fff9;max-width:400px;margin:0 0 24px;font-size:.95rem;line-height:1.6}.wizard-overlay .step-welcome .start-btn{color:#000;letter-spacing:1px;cursor:pointer;background:#b4ec51;border:none;border-radius:8px;align-items:center;gap:10px;padding:14px 28px;font-size:.9rem;font-weight:700;transition:all .2s;display:flex;box-shadow:0 0 15px #b4ec514d}.wizard-overlay .step-welcome .start-btn:hover{background:#c5f76b;transform:translateY(-2px);box-shadow:0 0 20px #b4ec5180}.wizard-overlay .step-welcome .start-btn:active{transform:translateY(0)}.wizard-overlay .avatar-setup-container{background:#ffffff05;border:1px solid #ffffff0d;border-radius:12px;align-items:center;gap:24px;padding:20px;display:flex}@media (width<=600px){.wizard-overlay .avatar-setup-container{text-align:center;flex-direction:column}}.wizard-overlay .avatar-setup-container .avatar-preview-box{background:#14141e;border:2px solid #0ff;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:110px;height:110px;display:flex;position:relative;overflow:hidden;box-shadow:0 0 12px #00ffff4d}.wizard-overlay .avatar-setup-container .avatar-preview-box .wizard-avatar-img{object-fit:cover;width:100%;height:100%}.wizard-overlay .avatar-setup-container .avatar-preview-box .avatar-preview-fallback{color:#ffffff26;font-size:3rem;font-weight:700}.wizard-overlay .avatar-setup-container .avatar-preview-box .upload-loading-overlay{color:#b4ec51;background:#000c;justify-content:center;align-items:center;font-size:.8rem;display:flex;position:absolute;inset:0}.wizard-overlay .avatar-setup-container .avatar-controls{flex-direction:column;flex:1;gap:16px;width:100%;display:flex}.wizard-overlay .avatar-setup-container .avatar-controls .nickname-group{text-align:left;flex-direction:column;gap:6px;display:flex}.wizard-overlay .avatar-setup-container .avatar-controls .nickname-group label{letter-spacing:1.5px;color:#fff6;font-size:.7rem;font-weight:700}.wizard-overlay .avatar-setup-container .avatar-controls .nickname-group input{color:#fff;background:#14141f;border:1px solid #ffffff1a;border-radius:6px;padding:10px 12px;font-size:.95rem;transition:all .2s}.wizard-overlay .avatar-setup-container .avatar-controls .nickname-group input:focus{border-color:#b4ec51;outline:none;box-shadow:0 0 8px #b4ec5133}.wizard-overlay .avatar-setup-container .avatar-controls .avatar-button-row{gap:10px;display:flex}@media (width<=480px){.wizard-overlay .avatar-setup-container .avatar-controls .avatar-button-row{flex-direction:column}}.wizard-overlay .avatar-setup-container .avatar-controls .avatar-button-row .btn-secondary{color:#ffffffb3;cursor:pointer;background:0 0;border:1px solid #ffffff26;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:8px;padding:8px 12px;font-size:.8rem;font-weight:700;transition:all .2s;display:flex}.wizard-overlay .avatar-setup-container .avatar-controls .avatar-button-row .btn-secondary:hover:not(:disabled){color:#b4ec51;background:#b4ec510d;border-color:#b4ec51}.wizard-overlay .avatar-setup-container .avatar-controls .avatar-button-row .btn-secondary:disabled{opacity:.5;cursor:not-allowed}.wizard-overlay .avatar-setup-container .avatar-controls .avatar-button-row .upload-label{cursor:pointer}.wizard-overlay .step-navigation{justify-content:space-between;gap:16px;margin-top:16px;display:flex}.wizard-overlay .step-navigation .nav-btn{letter-spacing:1px;cursor:pointer;border-radius:6px;align-items:center;gap:8px;padding:12px 24px;font-size:.85rem;font-weight:700;transition:all .2s;display:flex}.wizard-overlay .step-navigation .nav-btn.prev{color:#ffffff80;background:0 0;border:1px solid #ffffff1a}.wizard-overlay .step-navigation .nav-btn.prev:hover{color:#fff;border-color:#ffffff4d}.wizard-overlay .step-navigation .nav-btn.next{color:#000;background:#b4ec51;border:none;box-shadow:0 0 10px #b4ec5133}.wizard-overlay .step-navigation .nav-btn.next:hover:not(:disabled){background:#c5f76b;box-shadow:0 0 15px #b4ec5166}.wizard-overlay .step-navigation .nav-btn.next:disabled{opacity:.5;cursor:not-allowed}.wizard-overlay .step-navigation .nav-btn.finish-btn{background:#39ff14;box-shadow:0 0 12px #39ff144d}.wizard-overlay .step-navigation .nav-btn.finish-btn:hover:not(:disabled){background:#5dff3d;box-shadow:0 0 18px #39ff1480}.wizard-overlay .details-form{flex-direction:column;gap:16px;display:flex}.wizard-overlay .details-form .form-input-group{flex-direction:column;gap:6px;display:flex}.wizard-overlay .details-form .form-input-group label{letter-spacing:1.5px;color:#fff6;align-items:center;gap:6px;font-size:.7rem;font-weight:700;display:flex}.wizard-overlay .details-form .form-input-group input{color:#fff;background:#14141f;border:1px solid #ffffff1a;border-radius:6px;padding:12px;font-size:.95rem;transition:all .2s}.wizard-overlay .details-form .form-input-group input:focus{border-color:#b4ec51;outline:none;box-shadow:0 0 8px #b4ec5133}.wizard-overlay .details-form .form-input-group input.disabled-input{color:#fff6;cursor:not-allowed;background:#ffffff05;border-color:#ffffff0d}.wizard-overlay .details-form .form-input-group .input-hint{color:#ffffff4d;font-size:.72rem}.wizard-overlay .era-selection-container{flex-direction:column;gap:20px;display:flex}.wizard-overlay .era-selection-container .era-toggle-row{background:#ffffff08;border:1px solid #ffffff0d;border-radius:8px;padding:4px;display:flex}.wizard-overlay .era-selection-container .era-toggle-row .toggle-tab{color:#ffffff80;cursor:pointer;background:0 0;border:none;border-radius:6px;flex:1;padding:10px;font-size:.85rem;font-weight:700;transition:all .2s}.wizard-overlay .era-selection-container .era-toggle-row .toggle-tab.active{color:#b4ec51;background:#b4ec511f;border:1px solid #b4ec5140}.wizard-overlay .era-selection-container .era-input-area{justify-content:center;display:flex}.wizard-overlay .era-selection-container .era-input-area input,.wizard-overlay .era-selection-container .era-input-area select{color:#fff;text-align:center;background:#14141f;border:2px solid #ffffff1a;border-radius:8px;outline:none;width:100%;max-width:250px;padding:14px;font-family:Outfit,sans-serif;font-size:1.1rem;transition:all .2s}.wizard-overlay .era-selection-container .era-input-area input:focus,.wizard-overlay .era-selection-container .era-input-area select:focus{border-color:#b4ec51;box-shadow:0 0 10px #b4ec5140}.wizard-overlay .era-selection-container .era-input-area select{text-align-last:center;cursor:pointer}.wizard-overlay .era-selection-container .era-suggestions-panel{background:#b4ec510a;border:1px solid #b4ec5126;border-radius:10px;flex-direction:column;gap:6px;padding:18px;animation:.3s fadeIn;display:flex}.wizard-overlay .era-selection-container .era-suggestions-panel .era-suggestion-sub{color:#ffffffb3;font-size:.85rem}.wizard-overlay .era-selection-container .era-suggestions-panel .era-suggestion-sub strong{color:#b4ec51}.wizard-overlay .era-selection-container .era-suggestions-panel .era-desc{color:#fff;margin:6px 0 0;font-size:.88rem;font-style:italic;line-height:1.45}.wizard-overlay .social-links-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}@media (width<=480px){.wizard-overlay .social-links-grid{grid-template-columns:repeat(2,1fr)}}.wizard-overlay .social-links-grid .social-card{cursor:pointer;background:#14141f;border:1px solid #ffffff14;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:16px;transition:all .2s;display:flex;position:relative}.wizard-overlay .social-links-grid .social-card:hover{background:#b4ec5105;border-color:#b4ec5166;box-shadow:0 0 15px #b4ec511a}.wizard-overlay .social-links-grid .social-card.connected{background:#b4ec510a;border-color:#b4ec5180;box-shadow:0 0 12px #b4ec511f}.wizard-overlay .social-links-grid .social-card .social-card-icon-container{background:#ffffff05;border-radius:50%;justify-content:center;align-items:center;padding:10px;display:flex}.wizard-overlay .social-links-grid .social-card .social-platform-name{letter-spacing:1.5px;color:#ffffff73;font-size:.72rem;font-weight:800}.wizard-overlay .social-links-grid .social-card .social-account-name{color:#fff;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.8rem;font-weight:700;overflow:hidden}.wizard-overlay .social-links-grid .social-card .social-account-link-btn{color:#b4ec51;font-size:.75rem;font-weight:700}.wizard-overlay .social-links-grid .social-card .social-unlink-btn{color:#ff3c3ccc;cursor:pointer;background:#ff3c3c1a;border:1px solid #ff3c3c33;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;transition:all .15s;display:flex;position:absolute;top:6px;right:6px}.wizard-overlay .social-links-grid .social-card .social-unlink-btn:hover{color:#fff;background:#ff3c3c}.wizard-overlay .social-links-grid .social-card .social-icon.discord{color:#5865f2}.wizard-overlay .social-links-grid .social-card .social-icon.steam{color:#1b2838;fill:#1b2838}.wizard-overlay .social-links-grid .social-card .social-icon.twitter{color:#1da1f2}.wizard-overlay .social-links-grid .social-card .social-icon.instagram{color:#e1306c}.wizard-overlay .social-links-grid .social-card .social-icon.github{color:#fff}.wizard-overlay .social-links-grid .social-card .social-icon.twitch{color:#9146ff}.wizard-overlay .profile-identity-card{background:linear-gradient(135deg,#141424 0%,#0d0d14 100%);border:2px solid #b4ec5159;border-radius:12px;align-items:center;gap:20px;padding:24px;display:flex;box-shadow:0 0 20px #b4ec5126}@media (width<=480px){.wizard-overlay .profile-identity-card{text-align:center;flex-direction:column}}.wizard-overlay .profile-identity-card .identity-avatar-housing{background:#000;border:2px solid #ffffff1a;border-radius:12px;flex-shrink:0;width:80px;height:80px;overflow:hidden}.wizard-overlay .profile-identity-card .identity-avatar-housing img{object-fit:cover;width:100%;height:100%}.wizard-overlay .profile-identity-card .identity-details{flex-direction:column;gap:4px;display:flex}.wizard-overlay .profile-identity-card .identity-details .identity-nick{color:#b4ec51;font-size:1.15rem;font-weight:800}.wizard-overlay .profile-identity-card .identity-details .identity-name{color:#fff;font-size:.95rem}.wizard-overlay .profile-identity-card .identity-details .identity-contact{color:#ffffff80;font-size:.8rem}.wizard-overlay .profile-identity-card .identity-details .identity-era{color:#b4ec51d9;letter-spacing:.5px;text-transform:uppercase;margin-top:4px;font-size:.8rem;font-weight:700}.wizard-overlay .socials-linked-banner{color:#fff9;background:#ffffff05;border:1px solid #ffffff0d;border-radius:8px;align-items:center;gap:12px;padding:14px 20px;font-size:.9rem;display:flex}.wizard-overlay .socials-linked-banner .social-icons-row{gap:10px;display:flex}.wizard-overlay .socials-linked-banner .social-icons-row span{background:#ffffff0d;border-radius:50%;align-items:center;padding:6px;display:flex}.sub-modal-overlay .sub-modal-card .sub-modal-actions{justify-content:flex-end;gap:12px;margin-top:8px;display:flex}@keyframes wizardFadeIn{0%{opacity:0;transform:scale(.96)translateY(12px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes scaleUp{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes neonGlow{0%{text-shadow:0 0 5px #b4ec5180,0 0 10px #b4ec514d}to{text-shadow:0 0 10px #b4ec51cc,0 0 20px #b4ec5180}}.profile-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10000;box-sizing:border-box;background:#000000d9;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.profile-modal-overlay .profile-card{color:#fff;background:#101018;border:2px solid #b4ec5126;border-radius:12px;flex-direction:column;width:100%;max-width:520px;height:640px;max-height:90vh;transition:border-color .3s,box-shadow .3s;animation:.25s cubic-bezier(.16,1,.3,1) modalFadeIn;display:flex;overflow:hidden;box-shadow:0 10px 30px #00000080,0 0 20px #b4ec510d}.profile-modal-overlay .profile-card:hover{border-color:#b4ec514d;box-shadow:0 10px 40px #0009,0 0 25px #b4ec511a}.profile-modal-overlay .profile-card.landscape-layout{max-width:720px;height:640px}.profile-modal-overlay .profile-header{background:#0003;border-bottom:1px solid #ffffff0d;flex-direction:column;gap:16px;padding:20px 24px;display:flex}.profile-modal-overlay .profile-header .profile-header-title-bar{justify-content:space-between;align-items:center;width:100%;display:flex}.profile-modal-overlay .profile-header .profile-header-title-bar h2{letter-spacing:2px;color:#b4ec51;margin:0;font-size:1.15rem}.profile-modal-overlay .profile-header .profile-header-title-bar .close-btn{color:#fff9;cursor:pointer;background:#ffffff08;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.profile-modal-overlay .profile-header .profile-header-title-bar .close-btn:hover{color:#ff4a4a;background:#ff3c3c26;border-color:#ff3c3c66}.profile-modal-overlay .profile-header .user-badge{align-items:center;gap:16px;display:flex}.profile-modal-overlay .profile-header .user-badge .avatar-display-housing{background:#000;border:2px solid #b4ec5159;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex;overflow:hidden;box-shadow:0 0 10px #b4ec5126}.profile-modal-overlay .profile-header .user-badge .avatar-display-housing img{object-fit:cover;width:100%;height:100%}.profile-modal-overlay .profile-header .user-badge .user-avatar-large{color:#000;background:#b4ec51;justify-content:center;align-items:center;width:100%;height:100%;font-family:Outfit,Inter,sans-serif;font-size:1.6rem;font-weight:700;display:flex}.profile-modal-overlay .profile-header .user-badge .user-meta{flex-direction:column;gap:2px;min-width:0;display:flex;overflow:hidden}.profile-modal-overlay .profile-header .user-badge .user-meta .display-name-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.profile-modal-overlay .profile-header .user-badge .user-meta .display-name-row .display-name-text{color:#fff;font-size:1.1rem;font-weight:800}.profile-modal-overlay .profile-header .user-badge .user-meta .display-name-row .fullname-sub{color:#fff6;font-size:.82rem}.profile-modal-overlay .profile-header .user-badge .user-meta .user-email-sub{color:#fff6;text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;overflow:hidden}.profile-modal-overlay .profile-tabs-nav{-webkit-overflow-scrolling:touch;background:#00000040;border-bottom:1px solid #ffffff0d;display:flex;overflow-x:auto}.profile-modal-overlay .profile-tabs-nav::-webkit-scrollbar{background:0 0;height:0}.profile-modal-overlay .profile-tabs-nav button{color:#ffffff80;letter-spacing:.5px;cursor:pointer;background:0 0;border:none;flex:1 0;min-width:max-content;padding:12px 10px;font-size:.85rem;font-weight:700;transition:all .2s;position:relative}.profile-modal-overlay .profile-tabs-nav button:after{content:"";background:#b4ec51;height:2px;transition:transform .25s;position:absolute;bottom:0;left:20%;right:20%;transform:scaleX(0);box-shadow:0 0 8px #b4ec51}.profile-modal-overlay .profile-tabs-nav button:hover{color:#fff}.profile-modal-overlay .profile-tabs-nav button.active{color:#b4ec51}.profile-modal-overlay .profile-tabs-nav button.active:after{transform:scaleX(1)}.profile-modal-overlay .profile-body-tabs{flex-direction:column;flex:1;gap:20px;padding:24px;display:flex;overflow-y:auto}.profile-modal-overlay .tab-error{color:#ff3c3c;text-align:center;background:#ff38381a;border:1px solid #ff383840;border-radius:6px;margin-bottom:12px;padding:10px 14px;font-size:.85rem}.profile-modal-overlay .tab-success{color:#b4ec51;text-align:center;background:#b4ec5114;border:1px solid #b4ec5140;border-radius:6px;margin-bottom:12px;padding:10px 14px;font-size:.85rem;box-shadow:0 0 10px #b4ec510d}.profile-modal-overlay .form-group{flex-direction:column;gap:6px;width:100%;margin-bottom:12px;display:flex}.profile-modal-overlay .form-group label{letter-spacing:1.5px;color:#fff6;text-transform:uppercase;font-size:.7rem;font-weight:700}.profile-modal-overlay .form-group input,.profile-modal-overlay .form-group select{color:#fff;background:#14141f;border:1px solid #ffffff14;border-radius:6px;outline:none;padding:11px 14px;font-size:.92rem;transition:all .2s}.profile-modal-overlay .form-group input:focus,.profile-modal-overlay .form-group select:focus{border-color:#b4ec51;box-shadow:0 0 8px #b4ec5126}.profile-modal-overlay .form-two-col{gap:14px;display:flex}@media (width<=480px){.profile-modal-overlay .form-two-col{flex-direction:column;gap:0}}.profile-modal-overlay .field-label{letter-spacing:1.5px;color:#fff6;text-transform:uppercase;margin-bottom:8px;font-size:.7rem;font-weight:700;display:block}.profile-modal-overlay .info-tab-form{flex-direction:column;display:flex}.profile-modal-overlay .avatar-edit-section{margin-bottom:16px}.profile-modal-overlay .avatar-edit-section .avatar-editor-layout{background:#ffffff03;border:1px solid #ffffff08;border-radius:8px;align-items:center;gap:16px;padding:14px;display:flex}.profile-modal-overlay .avatar-edit-section .avatar-editor-layout .avatar-edit-preview{background:#000;border:2px solid #0ff;border-radius:10px;flex-shrink:0;width:74px;height:74px;overflow:hidden;box-shadow:0 0 10px #00ffff40}.profile-modal-overlay .avatar-edit-section .avatar-editor-layout .avatar-edit-preview img{object-fit:cover;width:100%;height:100%}.profile-modal-overlay .avatar-edit-section .avatar-editor-layout .avatar-edit-actions{flex-direction:column;flex:1;gap:8px;display:flex}.profile-modal-overlay .avatar-edit-section .avatar-editor-layout .avatar-edit-actions .btn-retro{color:#ffffffbf;cursor:pointer;background:0 0;border:1px solid #ffffff1f;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:8px 12px;font-size:.78rem;font-weight:700;transition:all .2s;display:flex}.profile-modal-overlay .avatar-edit-section .avatar-editor-layout .avatar-edit-actions .btn-retro:hover:not(:disabled){color:#b4ec51;background:#b4ec510a;border-color:#b4ec51}.profile-modal-overlay .avatar-edit-section .avatar-editor-layout .avatar-edit-actions .btn-retro:disabled{opacity:.5;cursor:not-allowed}.profile-modal-overlay .avatar-edit-section .avatar-editor-layout .avatar-edit-actions .label-upload{cursor:pointer}.profile-modal-overlay .birth-info-section{background:#ffffff03;border:1px solid #ffffff08;border-radius:8px;margin-bottom:16px;padding:14px}.profile-modal-overlay .birth-info-section .birth-mode-tabs{gap:8px;margin-bottom:12px;display:flex}.profile-modal-overlay .birth-info-section .birth-mode-tabs button{color:#ffffff80;cursor:pointer;background:0 0;border:1px solid #ffffff14;border-radius:4px;flex:1;padding:6px;font-size:.75rem;font-weight:700;transition:all .2s}.profile-modal-overlay .birth-info-section .birth-mode-tabs button.active{color:#b4ec51;background:#b4ec5114;border-color:#b4ec5140}.profile-modal-overlay .birth-info-section .birth-inputs{justify-content:center;margin-bottom:12px;display:flex}.profile-modal-overlay .birth-info-section .birth-inputs input,.profile-modal-overlay .birth-info-section .birth-inputs select{color:#fff;text-align:center;background:#0d0d14;border:1px solid #ffffff1a;border-radius:6px;outline:none;width:100%;max-width:200px;padding:10px}.profile-modal-overlay .birth-info-section .birth-inputs input:focus,.profile-modal-overlay .birth-info-section .birth-inputs select:focus{border-color:#b4ec51}.profile-modal-overlay .birth-info-section .birth-inputs select{text-align-last:center;cursor:pointer}.profile-modal-overlay .birth-info-section .era-suggestions{background:#b4ec5108;border-left:3px solid #b4ec51;border-radius:0 6px 6px 0;flex-direction:column;gap:4px;padding:10px 14px;display:flex}.profile-modal-overlay .birth-info-section .era-suggestions .suggestion-text{color:#ffffffb3;font-size:.8rem}.profile-modal-overlay .birth-info-section .era-suggestions .suggestion-text strong{color:#b4ec51}.profile-modal-overlay .birth-info-section .era-suggestions .suggestion-games{color:#fff;opacity:.95;margin-top:2px;font-size:.78rem}.profile-modal-overlay .socials-edit-section{margin-bottom:20px}.profile-modal-overlay .socials-edit-section .social-icons-row{flex-wrap:wrap;gap:10px;display:flex}.profile-modal-overlay .socials-edit-section .social-icons-row .social-icon-btn{color:#ffffff80;cursor:pointer;background:#14141f;border:1px solid #ffffff14;border-radius:8px;justify-content:center;align-items:center;width:44px;height:44px;transition:all .2s;display:flex;position:relative}.profile-modal-overlay .socials-edit-section .social-icons-row .social-icon-btn:hover{color:#fff;background:#b4ec5108;border-color:#b4ec5159}.profile-modal-overlay .socials-edit-section .social-icons-row .social-icon-btn.connected{color:#b4ec51;background:#b4ec510d;border-color:#b4ec5166}.profile-modal-overlay .socials-edit-section .social-icons-row .social-icon-btn .connected-dot{background:#39ff14;border-radius:50%;width:6px;height:6px;position:absolute;bottom:4px;right:4px;box-shadow:0 0 5px #39ff14}.profile-modal-overlay .socials-edit-section .social-icons-row .social-icon-btn .social-icon.discord{color:#5865f2}.profile-modal-overlay .socials-edit-section .social-icons-row .social-icon-btn .social-icon.steam{color:#1b2838}.profile-modal-overlay .socials-edit-section .social-icons-row .social-icon-btn .social-icon.twitter{color:#1da1f2}.profile-modal-overlay .socials-edit-section .social-icons-row .social-icon-btn .social-icon.instagram{color:#e1306c}.profile-modal-overlay .socials-edit-section .social-icons-row .social-icon-btn .social-icon.github{color:#fff}.profile-modal-overlay .socials-edit-section .social-icons-row .social-icon-btn .social-icon.twitch{color:#9146ff}.profile-modal-overlay .save-info-btn{color:#000;cursor:pointer;background:#b4ec51;border:none;border-radius:6px;padding:12px;font-size:.88rem;font-weight:700;transition:all .2s;box-shadow:0 0 10px #b4ec5140}.profile-modal-overlay .save-info-btn:hover{background:#c2f36d;box-shadow:0 0 15px #b4ec5173}.profile-modal-overlay .preferences-tab-body{flex-direction:column;gap:20px;display:flex}.profile-modal-overlay .pref-section{background:#ffffff03;border:1px solid #ffffff0a;border-radius:8px;padding:16px}.profile-modal-overlay .pref-section .pref-section-title{letter-spacing:1px;color:#b4ec51;text-transform:uppercase;margin-bottom:12px;font-size:.9rem;font-weight:700}.profile-modal-overlay .pref-section .section-desc-text{color:#ffffff8c;margin:0 0 12px;font-size:.8rem;line-height:1.45}.profile-modal-overlay .pref-section .settings-toggles-grid{flex-direction:column;gap:12px;display:flex}.profile-modal-overlay .pref-section .toggle-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.profile-modal-overlay .pref-section .toggle-row .toggle-text{flex-direction:column;flex:1;gap:2px;display:flex}.profile-modal-overlay .pref-section .toggle-row .toggle-text .toggle-title{color:#fff;font-size:.88rem;font-weight:700}.profile-modal-overlay .pref-section .toggle-row .toggle-text .toggle-desc{color:#fff6;font-size:.75rem}.profile-modal-overlay .pref-section .switch{flex-shrink:0;width:42px;height:22px;display:inline-block;position:relative}.profile-modal-overlay .pref-section .switch input{opacity:0;width:0;height:0}.profile-modal-overlay .pref-section .switch .slider{cursor:pointer;background-color:#333;border-radius:34px;transition:all .3s;position:absolute;inset:0}.profile-modal-overlay .pref-section .switch .slider:before{content:"";background-color:#888;border-radius:50%;width:16px;height:16px;transition:all .3s;position:absolute;bottom:3px;left:3px}.profile-modal-overlay .pref-section .switch input:checked+.slider{background-color:#b4ec51;box-shadow:0 0 8px #b4ec5166}.profile-modal-overlay .pref-section .switch input:checked+.slider:before{background-color:#000;transform:translate(20px)}.profile-modal-overlay .pref-section .connected-pref-card{background:#0d0d14;border:1px solid #b4ec5133;border-radius:6px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.profile-modal-overlay .pref-section .connected-pref-card .linked-details{color:#fff;align-items:center;gap:8px;font-size:.85rem;display:flex}.profile-modal-overlay .pref-section .connected-pref-card .linked-details strong,.profile-modal-overlay .pref-section .connected-pref-card .linked-details .text-neon{color:#b4ec51}.profile-modal-overlay .pref-section .connected-pref-card .unlink-pref-btn{color:#ff3c3ccc;cursor:pointer;background:0 0;border:1px solid #ff3c3c40;border-radius:4px;padding:6px 12px;font-size:.75rem;font-weight:700;transition:all .2s}.profile-modal-overlay .pref-section .connected-pref-card .unlink-pref-btn:hover{color:#ff3c3c;background:#ff3c3c0d;border-color:#ff3c3c80}.profile-modal-overlay .pref-section .btn-discogs-auth{color:#d4af37;cursor:pointer;background:0 0;border:1px solid #d4af3766;border-radius:6px;width:100%;padding:10px 16px;font-size:.82rem;font-weight:700;transition:all .2s}.profile-modal-overlay .pref-section .btn-discogs-auth:hover:not(:disabled){background:#d4af370d;border-color:#d4af37;box-shadow:0 0 10px #d4af3726}.profile-modal-overlay .preferences-actions{margin-top:8px}.profile-modal-overlay .btn-category-settings{color:#fff9;cursor:pointer;background:0 0;border:1px solid #ffffff14;border-radius:6px;width:100%;padding:10px;font-size:.85rem;font-weight:700;transition:all .2s}.profile-modal-overlay .btn-category-settings:hover{color:#b4ec51;background:#b4ec5108;border-color:#b4ec5159}.profile-modal-overlay .friends-tab-body{flex-direction:column;gap:16px;display:flex}.profile-modal-overlay .friend-search-form{gap:10px;display:flex}.profile-modal-overlay .friend-search-form .search-input-housing{flex:1;align-items:center;display:flex;position:relative}.profile-modal-overlay .friend-search-form .search-input-housing .search-icon-field{color:#ffffff4d;position:absolute;left:12px}.profile-modal-overlay .friend-search-form .search-input-housing input{color:#fff;background:#14141f;border:1px solid #ffffff14;border-radius:6px;outline:none;width:100%;padding:10px 10px 10px 38px;font-size:.88rem}.profile-modal-overlay .friend-search-form .search-input-housing input:focus{border-color:#b4ec51}.profile-modal-overlay .friend-search-form .add-friend-submit-btn{color:#000;cursor:pointer;background:#b4ec51;border:none;border-radius:6px;align-items:center;gap:6px;padding:10px 18px;font-size:.82rem;font-weight:700;display:flex}.profile-modal-overlay .friend-search-form .add-friend-submit-btn:hover{background:#c2f36d}.profile-modal-overlay .btn-friend-accept{color:#000;cursor:pointer;background:#b4ec51;border:none;border-radius:4px;padding:6px 12px;font-size:.72rem;font-weight:700;transition:background .2s}.profile-modal-overlay .btn-friend-accept:hover{background:#c2f36d}.profile-modal-overlay .btn-friend-deny{color:#ff4d4d;cursor:pointer;background:0 0;border:1px solid #ff4d4d40;border-radius:4px;padding:5px 11px;font-size:.72rem;transition:all .2s}.profile-modal-overlay .btn-friend-deny:hover{background:#ff4d4d0d;border-color:#ff4d4d}.profile-modal-overlay .btn-friend-pending{color:#ffb300;background:#ffb30005;border:1px solid #ffb30040;border-radius:4px;padding:5px 11px;font-size:.72rem;font-weight:700}.profile-modal-overlay .btn-friend-added{color:#fff6;background:#ffffff03;border:1px solid #ffffff0d;border-radius:4px;padding:6px 12px;font-size:.72rem}.profile-modal-overlay .friends-list-container{flex-direction:column;gap:10px;display:flex}.profile-modal-overlay .friends-list-container .section-subtitle-label{color:#ffffff73;letter-spacing:1px;font-size:.72rem;font-weight:700}.profile-modal-overlay .friends-list-container .friends-rows-grid{flex-direction:column;gap:8px;max-height:250px;display:flex;overflow-y:auto}.profile-modal-overlay .friends-list-container .friend-row-item{background:#0d0d14;border:1px solid #ffffff08;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex}.profile-modal-overlay .friends-list-container .friend-row-item .friend-meta{align-items:center;gap:12px;display:flex}.profile-modal-overlay .friends-list-container .friend-row-item .friend-meta .friend-avatar-badge{border:1px solid #ffffff1a;border-radius:50%;width:38px;height:38px;position:relative;overflow:visible}.profile-modal-overlay .friends-list-container .friend-row-item .friend-meta .friend-avatar-badge img{object-fit:cover;border-radius:50%;width:100%;height:100%}.profile-modal-overlay .friends-list-container .friend-row-item .friend-meta .friend-avatar-badge .status-dot{border:2.5px solid #0d0d14;border-radius:50%;width:8px;height:8px;position:absolute;bottom:0;right:0}.profile-modal-overlay .friends-list-container .friend-row-item .friend-meta .friend-avatar-badge .status-dot.online{background:#39ff14;box-shadow:0 0 5px #39ff14}.profile-modal-overlay .friends-list-container .friend-row-item .friend-meta .friend-avatar-badge .status-dot.offline{background:#666}.profile-modal-overlay .friends-list-container .friend-row-item .friend-meta .friend-names{flex-direction:column;display:flex}.profile-modal-overlay .friends-list-container .friend-row-item .friend-meta .friend-names .friend-nick{color:#fff;font-size:.85rem;font-weight:700}.profile-modal-overlay .friends-list-container .friend-row-item .friend-meta .friend-names .friend-display-name{color:#ffffff73;font-size:.74rem}.profile-modal-overlay .friends-list-container .friend-row-item .remove-friend-btn{color:#ff3c3cb3;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:6px 10px;font-size:.76rem;font-weight:700;transition:all .2s}.profile-modal-overlay .friends-list-container .friend-row-item .remove-friend-btn:hover{color:#ff3c3c;background:#ff3c3c1a}.profile-modal-overlay .friends-list-container .no-friends-fallback{text-align:center;color:#fff6;background:#ffffff03;border:1px dashed #ffffff14;border-radius:8px;padding:24px;font-size:.82rem;line-height:1.4}.profile-modal-overlay .achievements-tab-body{flex-direction:column;gap:16px;display:flex}.profile-modal-overlay .arcade-stats-summary{flex-direction:column;gap:10px;display:flex}.profile-modal-overlay .arcade-stats-summary .stats-row{gap:10px;display:flex}.profile-modal-overlay .arcade-stats-summary .mini-stat-card{background:#0d0d14;border:1px solid #ffffff08;border-radius:6px;flex:1;align-items:center;gap:10px;padding:10px 14px;display:flex}.profile-modal-overlay .arcade-stats-summary .mini-stat-card .icon-coins{color:#fbbc05}.profile-modal-overlay .arcade-stats-summary .mini-stat-card .icon-activity{color:#b4ec51}.profile-modal-overlay .arcade-stats-summary .mini-stat-card .stat-label-group{flex-direction:column;gap:2px;display:flex}.profile-modal-overlay .arcade-stats-summary .mini-stat-card .stat-label-group .val{font-size:1rem;font-weight:700}.profile-modal-overlay .arcade-stats-summary .mini-stat-card .stat-label-group .lbl{color:#fff6;text-transform:uppercase;font-size:.7rem}.profile-modal-overlay .arcade-stats-summary .last-played-banner{background:#4285f40f;border:1px solid #4285f426;border-radius:6px;align-items:center;gap:12px;padding:10px 14px;display:flex}.profile-modal-overlay .arcade-stats-summary .last-played-banner .icon-award{color:#4285f4}.profile-modal-overlay .arcade-stats-summary .last-played-banner .last-played-text-col{flex-direction:column;display:flex}.profile-modal-overlay .arcade-stats-summary .last-played-banner .last-played-text-col .val{font-size:.88rem;font-weight:700}.profile-modal-overlay .arcade-stats-summary .last-played-banner .last-played-text-col .lbl{color:#ffffff73;font-size:.72rem}.profile-modal-overlay .ra-integration-card{background:#0d0d14;border:1px solid #ffffff0d;border-radius:8px;padding:16px}.profile-modal-overlay .ra-integration-card .ra-card-header{color:#fff;border-bottom:1px solid #ffffff0a;align-items:center;gap:8px;margin-bottom:12px;padding-bottom:8px;font-size:.95rem;font-weight:700;display:flex}.profile-modal-overlay .ra-integration-card .ra-card-header .icon-trophy-gold{color:#fbbc05}.profile-modal-overlay .ra-integration-card .ra-info-text{color:#ffffff80;margin:0 0 14px;font-size:.78rem;line-height:1.45}.profile-modal-overlay .ra-integration-card .field-hint-text{color:#ffffff59;margin-top:2px;font-size:.7rem;line-height:1.35}.profile-modal-overlay .ra-integration-card .ra-submit-btn{color:#000;cursor:pointer;background:#fbbc05;border:none;border-radius:6px;width:100%;margin-top:6px;padding:10px;font-size:.82rem;font-weight:700;transition:all .2s}.profile-modal-overlay .ra-integration-card .ra-submit-btn:hover{background:#fcd04e}.profile-modal-overlay .ra-integration-card .ra-connected-info{color:#ffffffb3;flex-direction:column;gap:10px;font-size:.85rem;display:flex}.profile-modal-overlay .ra-integration-card .ra-connected-info strong{color:#fbbc05}.profile-modal-overlay .ra-integration-card .ra-connected-info .ra-disconnect-btn{color:#ff3c3cd9;cursor:pointer;background:0 0;border:1px solid #ff3c3c4d;border-radius:6px;padding:8px;font-size:.78rem;font-weight:700;transition:all .2s}.profile-modal-overlay .ra-integration-card .ra-connected-info .ra-disconnect-btn:hover{color:#ff3c3c;background:#ff3c3c0d;border-color:#ff3c3c}.profile-modal-overlay .trophy-cabinet-section{flex-direction:column;gap:8px;display:flex}.profile-modal-overlay .trophy-cabinet-section .section-subtitle-label{color:#ffffff73;letter-spacing:1px;font-size:.72rem;font-weight:700}.profile-modal-overlay .trophy-cabinet-section .trophy-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}@media (width<=480px){.profile-modal-overlay .trophy-cabinet-section .trophy-grid{grid-template-columns:repeat(2,1fr)}}.profile-modal-overlay .trophy-cabinet-section .trophy-item{text-align:center;cursor:help;background:#0d0d14;border:1px solid #ffffff08;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:12px 6px;transition:all .2s;display:flex}.profile-modal-overlay .trophy-cabinet-section .trophy-item:hover:not(.locked){transform:translateY(-2px);box-shadow:0 0 10px #fbbc0526}.profile-modal-overlay .trophy-cabinet-section .trophy-item .trophy-title{color:#fffc;font-size:.75rem;font-weight:700}.profile-modal-overlay .trophy-cabinet-section .trophy-item.gold{color:gold;background:#ffd70008;border-color:#ffd70040}.profile-modal-overlay .trophy-cabinet-section .trophy-item.silver{color:silver;background:#c0c0c008;border-color:#c0c0c040}.profile-modal-overlay .trophy-cabinet-section .trophy-item.bronze{color:#cd7f32;background:#cd7f3208;border-color:#cd7f3240}.profile-modal-overlay .trophy-cabinet-section .trophy-item.locked{color:#ffffff26;opacity:.5;border-color:#ffffff05}.profile-modal-overlay .trophy-cabinet-section .trophy-item.locked .trophy-title{color:#ffffff40}.profile-modal-overlay .profile-footer{background:#0003;border-top:1px solid #ffffff0d;justify-content:space-between;gap:12px;padding:16px 24px;display:flex}.profile-modal-overlay .profile-footer .logout-button,.profile-modal-overlay .profile-footer .btn-save-changes,.profile-modal-overlay .profile-footer .btn-close-modal{letter-spacing:1px;cursor:pointer;border-radius:6px;align-items:center;gap:8px;padding:10px 20px;font-size:.85rem;font-weight:700;transition:all .2s;display:flex}.profile-modal-overlay .profile-footer .logout-button:active,.profile-modal-overlay .profile-footer .btn-save-changes:active,.profile-modal-overlay .profile-footer .btn-close-modal:active{transform:scale(.98)}.profile-modal-overlay .profile-footer .logout-button{color:#ffffff80;background:0 0;border:1px solid #ffffff14}.profile-modal-overlay .profile-footer .logout-button:hover{color:#ff3c3c;background:#ff3c3c0d;border-color:#ff3c3c66;box-shadow:0 0 15px #ff3c3c1a}.profile-modal-overlay .profile-footer .btn-save-changes{color:#ffffff40;cursor:not-allowed;background:#ffffff0d;border:1px solid #ffffff14}.profile-modal-overlay .profile-footer .btn-save-changes.dirty{color:#000;cursor:pointer;background:#b4ec51;border:none;box-shadow:0 0 10px #b4ec5133}.profile-modal-overlay .profile-footer .btn-save-changes.dirty:hover{background:#c2f36d;box-shadow:0 0 15px #b4ec5173}.profile-modal-overlay .profile-footer .btn-close-modal{color:#ffffffbf;background:0 0;border:1px solid #ffffff26}.profile-modal-overlay .profile-footer .btn-close-modal:hover{color:#fff;background:#ffffff0d;border-color:#ffffff4d}.sub-modal-overlay{z-index:30000;background:#000000d9;justify-content:center;align-items:center;padding:16px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.sub-modal-overlay .sub-modal-card{color:#fff;background:#14141e;border:1px solid #ffffff1f;border-radius:12px;flex-direction:column;gap:16px;width:100%;max-width:380px;padding:24px;animation:.25s cubic-bezier(.16,1,.3,1) scaleUp;display:flex;box-shadow:0 10px 30px #0009}.sub-modal-overlay .sub-modal-card h3{letter-spacing:1px;color:#b4ec51;margin:0;font-size:1.1rem;font-weight:800}.sub-modal-overlay .sub-modal-card p{color:#ffffff80;margin:0;font-size:.85rem;line-height:1.4}.sub-modal-overlay .sub-modal-card .social-username-display{color:#b4ec51;text-align:center;word-break:break-all;background:#ffffff08;border:1px solid #ffffff14;border-radius:6px;padding:12px;font-size:1.1rem;font-weight:700}.sub-modal-overlay .sub-modal-card .connection-date-hint{color:#ffffff59;text-align:center;margin-top:4px;font-size:.72rem;display:block}.sub-modal-overlay .sub-modal-card .input-group{flex-direction:column;gap:6px;display:flex}.sub-modal-overlay .sub-modal-card .input-group label{letter-spacing:1px;color:#fff6;font-size:.65rem;font-weight:700}.sub-modal-overlay .sub-modal-card .input-group input{color:#fff;background:#0d0d14;border:1px solid #ffffff1a;border-radius:6px;outline:none;padding:10px;font-size:.95rem}.sub-modal-overlay .sub-modal-card .input-group input:focus{border-color:#b4ec51}.sub-modal-overlay .sub-modal-card .sub-modal-actions{justify-content:space-between;align-items:center;gap:12px;margin-top:8px;display:flex}.sub-modal-overlay .sub-modal-card .sub-modal-actions .alignment-right-btns{gap:12px;margin-left:auto;display:flex}.sub-modal-overlay .sub-modal-card .sub-modal-actions button{cursor:pointer;border-radius:6px;padding:8px 16px;font-size:.82rem;font-weight:700;transition:all .2s}.sub-modal-overlay .sub-modal-card .sub-modal-actions button.btn-text{color:#ffffff80;background:0 0;border:none}.sub-modal-overlay .sub-modal-card .sub-modal-actions button.btn-text:hover{color:#fff}.sub-modal-overlay .sub-modal-card .sub-modal-actions button.btn-primary{color:#000;background:#b4ec51;border:none}.sub-modal-overlay .sub-modal-card .sub-modal-actions button.btn-primary:hover{background:#c5f76b}.sub-modal-overlay .sub-modal-card .sub-modal-actions button.btn-danger-unlink{color:#ff3c3ccc;background:0 0;border:1px solid #ff3c3c40}.sub-modal-overlay .sub-modal-card .sub-modal-actions button.btn-danger-unlink:hover{color:#ff3c3c;background:#ff3c3c0d;border-color:#ff3c3c}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.trading-card-housing{color:#fff;box-sizing:border-box;border:4px solid #fff;border-radius:16px;flex-direction:column;width:330px;height:480px;padding:16px;transition:transform .2s,box-shadow .2s;animation:.3s cubic-bezier(.16,1,.3,1) scaleUp;display:flex;position:relative;overflow:hidden;box-shadow:0 15px 35px #000000b3}.trading-card-housing:hover{transform:translateY(-4px);box-shadow:0 20px 40px #000c,0 0 25px #ffffff26}.trading-card-housing:hover .trading-card-holo-sheen{opacity:.15;background-position:100% 100%}.trading-card-housing .trading-card-holo-sheen{z-index:10;pointer-events:none;mix-blend-mode:color-dodge;opacity:.05;background:linear-gradient(115deg,#0000 0% 25%,#ff0080cc 45%,#0ffc 55%,#0000 70% 100%) 0 0/250% 250%;transition:opacity .5s,background-position .5s ease-out;position:absolute;inset:0}.trading-card-housing.pokemon-card{background:linear-gradient(135deg,#f3c623 0%,#101018 70%);border-color:#f7d070;box-shadow:0 0 15px #f3c6234d}.trading-card-housing.pokemon-card .card-type-label{color:#000;background:#f3c623;font-weight:800}.trading-card-housing.pokemon-card .card-hp-badge{color:#ff3c3c;text-shadow:0 0 4px #ff3c3c66}.trading-card-housing.pokemon-card .card-main-title h2{color:#f3c623;text-shadow:0 0 8px #f3c62333}.trading-card-housing.pokemon-card .card-avatar-frame{background:#251d07;border:3px solid #f7d070}.trading-card-housing.mtg-card{background:linear-gradient(135deg,#2b5c3e 0%,#0d0c14 70%);border-color:#5c4033;box-shadow:0 0 15px #2b5c3e4d}.trading-card-housing.mtg-card .card-type-label{color:#fff;background:#2b5c3e}.trading-card-housing.mtg-card .card-main-title h2{color:#b4ec51}.trading-card-housing.mtg-card .card-avatar-frame{background:#111e15;border:3px solid #5c4033;border-radius:4px}.trading-card-housing.arcade-card{background:linear-gradient(135deg,#d946ef 0%,#00f2fe 100%);border-color:#fff;box-shadow:0 0 20px #d946ef66}.trading-card-housing.arcade-card .card-type-label{color:#fff;background:#d946ef}.trading-card-housing.arcade-card .card-main-title h2{color:#fff;text-shadow:0 0 10px #d946ef}.trading-card-housing.arcade-card .card-avatar-frame{background:#000;border:3px solid #fff;box-shadow:inset 0 0 10px #00f2fe80}.trading-card-housing .card-top-bar{justify-content:space-between;align-items:center;width:100%;margin-bottom:4px;display:flex}.trading-card-housing .card-top-bar .card-type-label{letter-spacing:.5px;border-radius:4px;padding:2px 8px;font-size:.65rem;font-weight:700}.trading-card-housing .card-top-bar .card-hp-badge{font-family:Courier New,Courier,monospace;font-size:.8rem;font-weight:700}.trading-card-housing .card-main-title{justify-content:space-between;align-items:center;width:100%;margin-bottom:8px;display:flex}.trading-card-housing .card-main-title h2{letter-spacing:.5px;margin:0;font-size:1.15rem;font-weight:800}.trading-card-housing .card-main-title .element-badge{background:#ffffff1a;border:1px solid #ffffff1a;border-radius:3px;padding:2px 6px;font-size:.65rem;font-weight:700}.trading-card-housing .card-avatar-frame{justify-content:center;align-items:center;width:100%;height:140px;margin-bottom:10px;display:flex;position:relative;overflow:hidden}.trading-card-housing .card-avatar-frame img{object-fit:cover;width:100%;height:100%}.trading-card-housing .card-stats-box{background:#00000073;border:1px solid #ffffff0d;border-radius:8px;flex:1;grid-template-columns:repeat(2,1fr);gap:6px;margin-bottom:10px;padding:8px 10px;display:grid}.trading-card-housing .card-stats-box .card-attribute{flex-direction:column;gap:1px;min-width:0;display:flex}.trading-card-housing .card-stats-box .card-attribute .lbl{color:#fff6;letter-spacing:.5px;font-size:.55rem;font-weight:700}.trading-card-housing .card-stats-box .card-attribute .val{white-space:nowrap;text-overflow:ellipsis;color:#fff;font-size:.72rem;font-weight:700;overflow:hidden}.trading-card-housing .card-special-move-box{background:#0000004d;border:1px solid #ffffff08;border-radius:8px;margin-bottom:12px;padding:8px}.trading-card-housing .card-special-move-box .move-title-row{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.trading-card-housing .card-special-move-box .move-title-row .move-name{color:#b4ec51;font-size:.78rem;font-weight:700}.trading-card-housing .card-special-move-box .move-title-row .move-dmg{color:#ffffff80;font-size:.72rem;font-weight:700}.trading-card-housing .card-special-move-box .move-desc{color:#ffffff73;margin:0;font-size:.68rem;line-height:1.35}.trading-card-housing .card-actions-row{gap:8px;width:100%;margin-top:auto;display:flex}.trading-card-housing .card-actions-row .btn-card-action{cursor:pointer;border:none;border-radius:6px;flex:1;padding:8px;font-size:.72rem;font-weight:700;transition:all .2s}.trading-card-housing .card-actions-row .btn-card-action.btn-send-credits{color:#000;background:#b4ec51}.trading-card-housing .card-actions-row .btn-card-action.btn-send-credits:hover{background:#c5f76b}.trading-card-housing .card-actions-row .btn-card-action.btn-send-gift{color:#fff;background:#ffffff14;border:1px solid #ffffff1a}.trading-card-housing .card-actions-row .btn-card-action.btn-send-gift:hover{background:#ffffff26}.trading-card-housing .card-actions-row .btn-card-action.btn-close-card{color:#fff9;background:0 0;border:1px solid #ffffff1a}.trading-card-housing .card-actions-row .btn-card-action.btn-close-card:hover{color:#ff3c3c;background:#ff3c3c1a;border-color:#ff3c3c4d}.achievements-detail-modal{max-width:440px!important}.whats-new-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10000;touch-action:none;background:#000000e0;justify-content:center;align-items:center;animation:.25s ease-out whatsNewFadeIn;display:flex;position:fixed;inset:0}@keyframes whatsNewFadeIn{0%{opacity:0}to{opacity:1}}@keyframes whatsNewSlideUp{0%{opacity:0;transform:translateY(24px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.whats-new-overlay .whats-new-modal{color:#fff;touch-action:auto;background:linear-gradient(145deg,#1a1a28,#141420);border:1px solid #8c78ff59;border-radius:16px;width:92%;max-width:440px;max-height:90vh;padding:28px;animation:.35s ease-out whatsNewSlideUp;overflow-y:auto;box-shadow:0 0 40px #8c78ff26,0 20px 60px #00000080}.whats-new-overlay .whats-new-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.whats-new-overlay .whats-new-badge{color:#b8a8ff;letter-spacing:1px;text-transform:uppercase;background:#8c78ff26;border:1px solid #8c78ff4d;border-radius:20px;align-items:center;gap:6px;padding:5px 14px;font-size:.75rem;font-weight:600;display:inline-flex}.whats-new-overlay .whats-new-badge svg{color:#c4b0ff}.whats-new-overlay .close-btn{color:#ffffff80;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.whats-new-overlay .close-btn:hover{color:#ff4a4a;background:#ff3c3c26;border-color:#ff3c3c66}.whats-new-overlay .whats-new-title{background:linear-gradient(135deg,#fff 30%,#c4b0ff 100%);-webkit-text-fill-color:transparent;letter-spacing:.5px;-webkit-background-clip:text;background-clip:text;margin:0 0 6px;font-size:1.5rem;font-weight:700}.whats-new-overlay .whats-new-subtitle{color:#ffffff80;letter-spacing:.5px;margin:0 0 24px;font-size:.9rem}.whats-new-overlay .whats-new-features{flex-direction:column;gap:14px;margin-bottom:28px;display:flex}.whats-new-overlay .feature-card{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:12px;gap:14px;padding:14px 16px;transition:border-color .2s;display:flex}.whats-new-overlay .feature-card:hover{border-color:#8c78ff40}.whats-new-overlay .feature-card .feature-emoji{flex-shrink:0;margin-top:2px;font-size:1.5rem;line-height:1}.whats-new-overlay .feature-card .feature-text h3{color:#e8e4ff;margin:0 0 4px;font-size:.95rem;font-weight:600}.whats-new-overlay .feature-card .feature-text p{color:#ffffff8c;margin:0;font-size:.82rem;line-height:1.5}.whats-new-overlay .whats-new-cta{color:#fff;letter-spacing:.5px;cursor:pointer;background:linear-gradient(135deg,#7c5cff,#9b7aff);border:none;border-radius:10px;width:100%;padding:14px;font-size:.95rem;font-weight:600;transition:all .2s}.whats-new-overlay .whats-new-cta:hover{background:linear-gradient(135deg,#6a48f0,#8b6af0);transform:translateY(-1px);box-shadow:0 4px 20px #7c5cff59}.whats-new-overlay .whats-new-cta:active{transform:translateY(0)}.cassette-player-page{width:100%;min-height:calc(100vh - 80px);color:var(--text-primary);justify-content:center;align-items:flex-start;padding:95px 1.5rem 2rem;display:flex}@media (width<=768px){.cassette-player-page{padding:110px 1rem 2rem}}.cassette-player-page .cassette-layout-container{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:3rem;width:100%;max-width:900px;display:flex}.cassette-player-page .walkman-device{width:320px;box-shadow:0 25px 50px var(--bg-overlay), inset 0 4px 6px var(--border-light), inset 0 -4px 6px #00000080;background:linear-gradient(135deg,#1d3557 0%,#101e33 100%);border:4px solid #1a2c42;border-radius:20px;flex-direction:column;gap:1.25rem;padding:1.5rem;display:flex;position:relative;overflow:hidden}.cassette-player-page .walkman-device:after{content:"";pointer-events:none;background:linear-gradient(#ffffff14 0%,#0000 100%);border-radius:16px 16px 0 0;height:45%;position:absolute;top:0;left:0;right:0}.cassette-player-page .walkman-device .walkman-metallic-grille{opacity:.3;background:repeating-linear-gradient(90deg,#ffffff80,#ffffff80 2px,#0000 3px 5px);width:50px;height:12px;position:absolute;top:15px;right:20px}.cassette-player-page .walkman-device .walkman-screen{background:#0d141e;border:2px solid #20354e;border-radius:8px;flex-direction:column;gap:.5rem;padding:.75rem;display:flex;box-shadow:inset 0 2px 8px #000000e6}.cassette-player-page .walkman-device .walkman-screen .status-indicator{align-items:center;gap:6px;display:flex}.cassette-player-page .walkman-device .walkman-screen .status-indicator .power-led{background-color:#511;border-radius:50%;width:6px;height:6px;transition:background-color .3s,box-shadow .3s;box-shadow:0 0 2px #00000080}.cassette-player-page .walkman-device .walkman-screen .status-indicator .power-led.active{background-color:#f33;box-shadow:0 0 8px #f33,0 0 12px #f33}.cassette-player-page .walkman-device .walkman-screen .status-indicator .lcd-state-text{color:var(--text-muted);letter-spacing:1px;font-family:monospace;font-size:.65rem}.cassette-player-page .walkman-device .walkman-screen .lcd-scroller{background:#070b11;border:1px solid #ffffff08;border-radius:4px;align-items:center;height:44px;padding:6px 8px;display:flex;position:relative;overflow:hidden}.cassette-player-page .walkman-device .walkman-screen .lcd-scroller .lcd-text-static{color:#55c0ff;letter-spacing:.5px;text-shadow:0 0 4px #55c0ff66;font-family:monospace;font-size:.72rem;line-height:1.25}.cassette-player-page .walkman-device .walkman-screen .lcd-scroller .lcd-text-anim{color:var(--color-success);letter-spacing:.5px;text-shadow:0 0 4px #3fa6;white-space:nowrap;font-family:monospace;font-size:.75rem;animation:12s linear infinite scrollText}.cassette-player-page .walkman-device .walkman-screen .vu-meter-row{flex-direction:column;gap:4px;display:flex}.cassette-player-page .walkman-device .walkman-screen .vu-meter-row .vu-channel{align-items:center;gap:6px;display:flex}.cassette-player-page .walkman-device .walkman-screen .vu-meter-row .vu-channel .vu-lbl{color:var(--text-muted);width:8px;font-family:monospace;font-size:.6rem}.cassette-player-page .walkman-device .walkman-screen .vu-meter-row .vu-channel .vu-leds{background:#05080e;border-radius:2px;flex:1;height:5px;position:relative;overflow:hidden}.cassette-player-page .walkman-device .walkman-screen .vu-meter-row .vu-channel .vu-leds .vu-bar{width:0%;height:100%;transition:width .1s,background-color .1s}.cassette-player-page .walkman-device .cassette-door-window{background:#ffffff08;border:3px solid #142233;border-radius:10px;justify-content:center;align-items:center;height:140px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 10px 20px #000000e6,0 4px 6px #0000004d}.cassette-player-page .walkman-device .cassette-door-window:before{content:"";background:linear-gradient(120deg, #ffffff14 30%, transparent 31%, transparent 45%, var(--border-subtle) 46%, var(--border-subtle) 60%, transparent 61%);pointer-events:none;z-index:5;position:absolute;inset:0}.cassette-player-page .walkman-device .cassette-door-window .empty-deck{opacity:.25;flex-direction:column;align-items:center;gap:1.5rem;display:flex}.cassette-player-page .walkman-device .cassette-door-window .empty-deck .tape-heads{background:#555;border-radius:2px;width:70px;height:14px;position:relative}.cassette-player-page .walkman-device .cassette-door-window .empty-deck .tape-heads:after{content:"";background:#666;border-radius:2px 2px 0 0;width:30px;height:10px;position:absolute;top:14px;left:20px}.cassette-player-page .walkman-device .cassette-door-window .empty-deck .deck-empty-text{letter-spacing:2px;color:var(--text-muted);font-size:.7rem;font-weight:700}.cassette-player-page .walkman-device .cassette-door-window .loaded-cassette{background:linear-gradient(#2a2a2a 0%,#1e1e1e 30%,#222 100%);border:2px solid #444;border-radius:6px;flex-direction:column;gap:3px;width:92%;height:85%;padding:5px 6px 12px;display:flex;position:relative;box-shadow:0 4px 12px #0009,inset 0 1px #ffffff14}.cassette-player-page .walkman-device .cassette-door-window .loaded-cassette .cassette-label{border-radius:3px;flex-direction:column;flex:auto;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.cassette-player-page .walkman-device .cassette-door-window .loaded-cassette .cassette-label:before{content:"";pointer-events:none;z-index:1;background:repeating-linear-gradient(0deg,#0000,#0000 7px,#0000000f 7px 8px);position:absolute;inset:0}.cassette-player-page .walkman-device .cassette-door-window .loaded-cassette .cassette-label .label-stripe{height:6px;position:absolute;top:0;left:0;right:0}.cassette-player-page .walkman-device .cassette-door-window .loaded-cassette .cassette-label .label-title{color:#fff;text-shadow:0 1px 2px #0009;z-index:2;white-space:nowrap;text-overflow:ellipsis;max-width:90%;padding:0 8px;font-size:.7rem;font-weight:700;overflow:hidden}.cassette-player-page .walkman-device .cassette-door-window .loaded-cassette .cassette-label .label-meta{opacity:.85;color:#fff;z-index:2;text-shadow:0 1px 1px #0006;margin-top:1px;font-family:monospace;font-size:.5rem}.cassette-player-page .walkman-device .cassette-door-window .loaded-cassette .spindle-window{background:#3a3a3a;border:1.5px solid #555;border-radius:18px;flex:0 0 38px;justify-content:space-between;align-items:center;width:55%;margin:0 auto;padding:0 6px;display:flex;position:relative;overflow:visible;box-shadow:inset 0 2px 4px #00000080}.cassette-player-page .walkman-device .cassette-door-window .loaded-cassette .spindle-window:before{content:"";z-index:1;background:#502814b3;height:2px;position:absolute;top:50%;left:5%;right:5%;transform:translateY(-50%)}.cassette-player-page .walkman-device .cassette-door-window .loaded-cassette .spindle-window:after{content:"• • •";color:#555;letter-spacing:8px;z-index:2;justify-content:center;align-items:center;height:8px;font-size:5px;display:flex;position:absolute;bottom:-12px;left:-38%;right:-38%}.cassette-player-page .walkman-device .cassette-door-window .loaded-cassette .spindle-window .spindle-casing{z-index:3;justify-content:center;align-items:center;width:30px;height:30px;display:flex;position:relative}.cassette-player-page .walkman-device .cassette-door-window .loaded-cassette .spindle-window .spindle-casing .tape-roll{pointer-events:none;z-index:1;background:radial-gradient(circle,#5a321980 40%,#3c1e0fcc 100%);border:1px solid #0003;border-radius:50%;width:36px;height:36px;transition:transform .5s;position:absolute}.cassette-player-page .walkman-device .cassette-door-window .loaded-cassette .spindle-window .spindle-casing .spindle-gear{z-index:3;background:radial-gradient(circle,#222 40%,#111 100%);border:1.5px solid #333;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;display:flex;position:relative;box-shadow:inset 0 1px 3px #000c}.cassette-player-page .walkman-device .cassette-door-window .loaded-cassette .spindle-window .spindle-casing .spindle-gear.spin{animation:3s linear infinite spinGear}.cassette-player-page .walkman-device .cassette-door-window .loaded-cassette .spindle-window .spindle-casing .spindle-gear:before{content:"";background:#000;border-radius:50%;width:4px;height:4px;position:absolute;box-shadow:inset 0 1px 2px #000000e6}.cassette-player-page .walkman-device .cassette-door-window .loaded-cassette .spindle-window .spindle-casing .spindle-gear .gear-teeth{position:absolute;inset:0}.cassette-player-page .walkman-device .cassette-door-window .loaded-cassette .spindle-window .spindle-casing .spindle-gear .gear-teeth:before,.cassette-player-page .walkman-device .cassette-door-window .loaded-cassette .spindle-window .spindle-casing .spindle-gear .gear-teeth:after{content:"";background:#333;position:absolute}.cassette-player-page .walkman-device .cassette-door-window .loaded-cassette .spindle-window .spindle-casing .spindle-gear .gear-teeth:before{inset:-1px 7px}.cassette-player-page .walkman-device .cassette-door-window .loaded-cassette .spindle-window .spindle-casing .spindle-gear .gear-teeth:after{inset:7px -1px}.cassette-player-page .walkman-device .walkman-volume-row{background:#00000040;border:1px solid #ffffff08;border-radius:6px;align-items:center;gap:10px;padding:8px 12px;display:flex}.cassette-player-page .walkman-device .walkman-volume-row .volume-icon{color:var(--text-muted)}.cassette-player-page .walkman-device .walkman-volume-row .volume-slider{appearance:none;background:linear-gradient(to right, #55c0ff 0%, #55c0ff var(--volume-percent,50%), #111e30 var(--volume-percent,50%), #111e30 100%);cursor:pointer;border-radius:2px;outline:none;flex:1;height:4px}.cassette-player-page .walkman-device .walkman-volume-row .volume-slider::-webkit-slider-thumb{appearance:none;background:#55c0ff;border:2px solid #fff;border-radius:50%;width:14px;height:14px;transition:transform .1s;box-shadow:0 0 5px #00000080}.cassette-player-page .walkman-device .walkman-volume-row .volume-slider::-webkit-slider-thumb:hover{transform:scale(1.15)}.cassette-player-page .walkman-device .walkman-volume-row .volume-value{color:var(--text-muted);text-align:right;width:32px;font-family:monospace;font-size:.75rem}.cassette-player-page .walkman-device .walkman-buttons{justify-content:space-between;align-items:center;padding-top:.5rem;display:flex}.cassette-player-page .walkman-device .walkman-buttons .hw-btn{color:#222;cursor:pointer;background:linear-gradient(#d0d0d0 0%,#a0a0a0 100%);border:1px solid #777;border-bottom:4px solid #555;border-radius:4px 4px 6px 6px;flex-direction:column;flex:1;justify-content:center;align-items:center;height:40px;margin:0 4px;padding:0;transition:all .1s;display:flex;box-shadow:0 4px 8px #0006}.cassette-player-page .walkman-device .walkman-buttons .hw-btn svg{width:14px;height:14px;display:block}.cassette-player-page .walkman-device .walkman-buttons .hw-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;border-bottom-width:1px;transform:translateY(3px)}.cassette-player-page .walkman-device .walkman-buttons .hw-btn:active:not(:disabled),.cassette-player-page .walkman-device .walkman-buttons .hw-btn.depressed{background:linear-gradient(#a0a0a0 0%,gray 100%);border-bottom-width:1px;transform:translateY(3px);box-shadow:0 1px 2px #0003}.cassette-player-page .walkman-device .walkman-buttons .hw-btn .btn-legend{letter-spacing:.5px;color:#333;margin-top:4px;font-size:.55rem;font-weight:700}.cassette-player-page .walkman-device .walkman-buttons .hw-btn.play-btn{color:#fff;background:linear-gradient(#ff5f5f 0%,#c11 100%);border-color:#a11 #a11 #800;flex:1.2}.cassette-player-page .walkman-device .walkman-buttons .hw-btn.play-btn:active:not(:disabled),.cassette-player-page .walkman-device .walkman-buttons .hw-btn.play-btn.depressed{background:linear-gradient(#c11 0%,#a00 100%)}.cassette-player-page .walkman-device .walkman-buttons .hw-btn.play-btn .btn-legend{color:#fff}.cassette-player-page .walkman-device .walkman-buttons .hw-btn.eject-btn{color:#fff;background:linear-gradient(#ffa726 0%,#fb8c00 100%);border-color:#f57c00 #f57c00 #ef6c00}.cassette-player-page .walkman-device .walkman-buttons .hw-btn.eject-btn:active:not(:disabled){background:linear-gradient(#fb8c00 0%,#e65100 100%)}.cassette-player-page .walkman-device .walkman-buttons .hw-btn.eject-btn .btn-legend{color:#fff}.cassette-player-page .cassette-rack{background:#1e1e2da6;border:1px solid #ffffff14;border-radius:12px;flex-direction:column;flex:1;gap:1rem;min-width:300px;padding:1.5rem;display:flex;box-shadow:0 15px 30px #00000080}.cassette-player-page .cassette-rack .loaded-media-display{border:1px solid var(--border-subtle);background:#0a0a0f80;border-radius:8px;flex-direction:column;gap:1rem;margin-bottom:.5rem;padding:1rem;display:flex;box-shadow:inset 0 2px 8px #0006}.cassette-player-page .cassette-rack .loaded-media-display.accent-vinyl{border-left:4px solid #b388ff}.cassette-player-page .cassette-rack .loaded-media-display.accent-vinyl .media-format-badge{color:#b388ff;background:#b388ff26}.cassette-player-page .cassette-rack .loaded-media-display.accent-cd{border-left:4px solid #80d8ff}.cassette-player-page .cassette-rack .loaded-media-display.accent-cd .media-format-badge{color:#80d8ff;background:#80d8ff26}.cassette-player-page .cassette-rack .loaded-media-display.accent-cassette{border-left:4px solid #ffd180}.cassette-player-page .cassette-rack .loaded-media-display.accent-cassette .media-format-badge{color:#ffd180;background:#ffd18026}.cassette-player-page .cassette-rack .loaded-media-display.accent-mixtape{border-left:4px solid #ff80ab}.cassette-player-page .cassette-rack .loaded-media-display.accent-mixtape .media-format-badge{color:#ff80ab;background:#ff80ab26}.cassette-player-page .cassette-rack .loaded-media-display .loaded-media-header{align-items:center;gap:1rem;display:flex}.cassette-player-page .cassette-rack .loaded-media-display .loaded-media-cover{object-fit:cover;border:1px solid var(--border-light);border-radius:6px;width:64px;height:64px;box-shadow:0 4px 10px #00000080}.cassette-player-page .cassette-rack .loaded-media-display .loaded-media-cover-placeholder{border:1px solid var(--border-light);background:#111e30;border-radius:6px;justify-content:center;align-items:center;width:64px;height:64px;display:flex;box-shadow:0 4px 10px #00000080}.cassette-player-page .cassette-rack .loaded-media-display .loaded-media-cover-placeholder .placeholder-disc-icon{color:#ffffff40}.cassette-player-page .cassette-rack .loaded-media-display .loaded-media-details{flex-direction:column;flex:1;gap:4px;display:flex}.cassette-player-page .cassette-rack .loaded-media-display .loaded-media-details .media-format-badge{letter-spacing:1px;border-radius:4px;width:fit-content;padding:2px 6px;font-size:.6rem;font-weight:700}.cassette-player-page .cassette-rack .loaded-media-display .loaded-media-details .media-title{color:var(--text-primary);margin:0;font-size:1.05rem;font-weight:700;line-height:1.2}.cassette-player-page .cassette-rack .loaded-media-display .loaded-media-details .media-artist{color:var(--text-muted);margin:0;font-size:.8rem}.cassette-player-page .cassette-rack .loaded-media-display .current-mixtape-tracklist{border-top:none;margin-top:.5rem;padding-top:0}.cassette-player-page .cassette-rack .loaded-media-display .current-mixtape-tracklist h4{text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);margin:0 0 .5rem;font-size:.8rem;font-weight:700}.cassette-player-page .cassette-rack .loaded-media-display .loaded-media-divider{background:linear-gradient(90deg,#ffffff14 0%,#0000 100%);height:1px;margin-top:.5rem}.cassette-player-page .cassette-rack h2{background:linear-gradient(135deg,#fff 30%,#bbb 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0;font-size:1.3rem;font-weight:700}.cassette-player-page .cassette-rack .rack-desc{color:var(--text-muted);font-size:.85rem}.cassette-player-page .cassette-rack .rack-drawers{flex-direction:column;gap:10px;margin-top:.5rem;display:flex}.cassette-player-page .cassette-rack .tape-spine-item{border:1px solid var(--border-subtle);cursor:pointer;background:#141419cc;border-radius:4px;justify-content:space-between;align-items:center;padding:.75rem 1rem;transition:all .2s;display:flex}.cassette-player-page .cassette-rack .tape-spine-item:hover{border-color:var(--border-light);background:#ffffff08;transform:translate(4px)}.cassette-player-page .cassette-rack .tape-spine-item.loaded-in-deck{background:#55c0ff0d;border-color:#55c0ff33}.cassette-player-page .cassette-rack .tape-spine-item.loaded-in-deck .tape-spine-status{color:#55c0ff;font-weight:700}.cassette-player-page .cassette-rack .tape-spine-item .tape-spine-info{flex-direction:column;gap:2px;display:flex}.cassette-player-page .cassette-rack .tape-spine-item .tape-spine-info .tape-spine-title{color:#fff;font-size:.9rem;font-weight:600}.cassette-player-page .cassette-rack .tape-spine-item .tape-spine-info .tape-spine-tracks{color:var(--text-muted);font-size:.75rem}.cassette-player-page .cassette-rack .tape-spine-item .tape-spine-status{letter-spacing:.5px;color:var(--text-muted);border:1px solid var(--border-light);background:#0003;border-radius:3px;padding:3px 8px;font-size:.7rem;font-weight:600}.cassette-player-page .cassette-rack .current-mixtape-tracklist{border-top:1px solid var(--border-subtle);margin-top:1.5rem;padding-top:1.5rem;animation:.3s fadeIn}.cassette-player-page .cassette-rack .current-mixtape-tracklist h3{color:var(--text-secondary);margin-bottom:.75rem;font-size:.95rem;font-weight:600}.cassette-player-page .cassette-rack .current-mixtape-tracklist .rack-tracks{flex-direction:column;gap:4px;max-height:250px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.cassette-player-page .cassette-rack .current-mixtape-tracklist .rack-tracks::-webkit-scrollbar{width:4px}.cassette-player-page .cassette-rack .current-mixtape-tracklist .rack-tracks::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:2px}.cassette-player-page .cassette-rack .current-mixtape-tracklist .rack-tracks .rack-track-item{cursor:pointer;border-radius:4px;align-items:center;padding:.5rem .75rem;font-size:.85rem;transition:all .2s;display:flex}.cassette-player-page .cassette-rack .current-mixtape-tracklist .rack-tracks .rack-track-item:hover{background:#ffffff08;transform:translate(2px)}.cassette-player-page .cassette-rack .current-mixtape-tracklist .rack-tracks .rack-track-item.playing{background:var(--color-success-bg);border-left:3px solid var(--color-success)}.cassette-player-page .cassette-rack .current-mixtape-tracklist .rack-tracks .rack-track-item.playing .tr-num,.cassette-player-page .cassette-rack .current-mixtape-tracklist .rack-tracks .rack-track-item.playing .tr-title{color:var(--color-success);font-weight:600}.cassette-player-page .cassette-rack .current-mixtape-tracklist .rack-tracks .rack-track-item .tr-num{color:var(--text-muted);width:24px;font-family:monospace}.cassette-player-page .cassette-rack .current-mixtape-tracklist .rack-tracks .rack-track-item .tr-title{white-space:nowrap;text-overflow:ellipsis;flex:1.2;padding-right:1rem;font-weight:500;overflow:hidden}.cassette-player-page .cassette-rack .current-mixtape-tracklist .rack-tracks .rack-track-item .tr-artist{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.cassette-player-page .cassette-rack .rack-navigation-shortcuts{border-top:1px solid var(--border-subtle);margin-top:1.5rem;padding-top:1.25rem}.cassette-player-page .cassette-rack .rack-navigation-shortcuts h3{letter-spacing:1px;text-transform:uppercase;color:var(--text-muted);margin:0 0 .75rem;font-size:.75rem;font-weight:700}.cassette-player-page .cassette-rack .rack-navigation-shortcuts .shortcuts-row{gap:12px;width:100%;display:flex}.cassette-player-page .cassette-rack .rack-navigation-shortcuts .shortcut-btn{border:1px solid var(--border-subtle);color:var(--text-primary);cursor:pointer;background:#0a0a0f66;border-radius:8px;flex-direction:column;flex:1;align-items:center;gap:8px;padding:.75rem .5rem;text-decoration:none;transition:all .2s;display:flex}.cassette-player-page .cassette-rack .rack-navigation-shortcuts .shortcut-btn svg{transition:transform .2s}.cassette-player-page .cassette-rack .rack-navigation-shortcuts .shortcut-btn span{font-size:.75rem;font-weight:600}.cassette-player-page .cassette-rack .rack-navigation-shortcuts .shortcut-btn:hover{border-color:var(--border-light);background:#ffffff05;transform:translateY(-2px)}.cassette-player-page .cassette-rack .rack-navigation-shortcuts .shortcut-btn:hover svg{transform:scale(1.1)}.cassette-player-page .cassette-rack .rack-navigation-shortcuts .shortcut-btn.accent-vinyl:hover{color:#b388ff;border-color:#b388ff4d;box-shadow:0 4px 12px #b388ff26}.cassette-player-page .cassette-rack .rack-navigation-shortcuts .shortcut-btn.accent-cd:hover{color:#80d8ff;border-color:#80d8ff4d;box-shadow:0 4px 12px #80d8ff26}.cassette-player-page .cassette-rack .rack-navigation-shortcuts .shortcut-btn.accent-cassette:hover{color:#ffd180;border-color:#ffd1804d;box-shadow:0 4px 12px #ffd18026}@keyframes spinGear{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes scrollText{0%{transform:translate(100%)}to{transform:translate(-100%)}}@media (width<=768px){.cassette-layout-container{gap:1.5rem}.cassette-rack{width:100%}}.walkman-device.theme-spotify{background:linear-gradient(135deg,#121212 0%,#1e1e1e 100%);border-color:#282828;border-radius:12px;box-shadow:0 25px 50px #000000b3,inset 0 4px 6px #ffffff0d,inset 0 -4px 6px #000c}.walkman-device.theme-spotify:after{border-radius:10px 10px 0 0}.walkman-device.theme-spotify .walkman-screen{background:#000;border-color:#282828;border-radius:6px;box-shadow:inset 0 2px 8px #000000f2}.walkman-device.theme-spotify .walkman-screen .lcd-state-text{color:#888}.walkman-device.theme-spotify .walkman-screen .lcd-scroller{background:#050505;border-color:#1db9541a}.walkman-device.theme-spotify .walkman-screen .lcd-scroller .lcd-text-static{color:#1db954;text-shadow:0 0 4px #1db95466}.walkman-device.theme-spotify .walkman-screen .lcd-scroller .lcd-text-anim{color:#1db954;text-shadow:0 0 6px #1db95499}.walkman-device.theme-spotify .walkman-screen .status-indicator .power-led.active{background-color:#1db954;box-shadow:0 0 8px #1db954,0 0 12px #1db954}.walkman-device.theme-spotify .cassette-door-window{background:#0006;border-color:#222}.walkman-device.theme-spotify .walkman-volume-row .volume-icon{color:#1db954}.walkman-device.theme-spotify .walkman-volume-row .volume-slider{background:#1db95426}.walkman-device.theme-spotify .walkman-volume-row .volume-slider::-webkit-slider-thumb{background:#1db954;box-shadow:0 0 6px #1db954}.walkman-device.theme-spotify .walkman-volume-row .volume-value{color:#1db954}.walkman-device.theme-spotify .walkman-buttons .hw-btn,.walkman-device.theme-spotify .walkman-buttons .hw-btn.play-btn,.walkman-device.theme-spotify .walkman-buttons .hw-btn.eject-btn,.walkman-device.theme-spotify .walkman-buttons .hw-btn.prev-btn,.walkman-device.theme-spotify .walkman-buttons .hw-btn.next-btn{color:#1db954!important;background:linear-gradient(#2a2a2a 0%,#1a1a1a 100%)!important;border:1px solid #121212!important;border-bottom:4px solid #080808!important;border-radius:4px!important;box-shadow:0 4px 8px #00000080,inset 0 1px 1px #ffffff0d!important}.walkman-device.theme-spotify .walkman-buttons .hw-btn:active:not(:disabled),.walkman-device.theme-spotify .walkman-buttons .hw-btn.depressed,.walkman-device.theme-spotify .walkman-buttons .hw-btn.play-btn:active:not(:disabled),.walkman-device.theme-spotify .walkman-buttons .hw-btn.play-btn.depressed,.walkman-device.theme-spotify .walkman-buttons .hw-btn.eject-btn:active:not(:disabled),.walkman-device.theme-spotify .walkman-buttons .hw-btn.eject-btn.depressed,.walkman-device.theme-spotify .walkman-buttons .hw-btn.prev-btn:active:not(:disabled),.walkman-device.theme-spotify .walkman-buttons .hw-btn.prev-btn.depressed,.walkman-device.theme-spotify .walkman-buttons .hw-btn.next-btn:active:not(:disabled),.walkman-device.theme-spotify .walkman-buttons .hw-btn.next-btn.depressed{background:#151515!important;border-bottom-width:1px!important;box-shadow:inset 0 2px 4px #000c!important}.walkman-device.theme-spotify .walkman-buttons .hw-btn svg,.walkman-device.theme-spotify .walkman-buttons .hw-btn.play-btn svg,.walkman-device.theme-spotify .walkman-buttons .hw-btn.eject-btn svg,.walkman-device.theme-spotify .walkman-buttons .hw-btn.prev-btn svg,.walkman-device.theme-spotify .walkman-buttons .hw-btn.next-btn svg{width:17px;height:17px}.walkman-device.theme-applemusic{color:#1d1d1f;background:linear-gradient(135deg,#f5f5f7 0%,#e2e2e7 100%);border-color:#d1d1d6;border-radius:28px;box-shadow:0 25px 50px #00000026,inset 0 4px 6px #fffc,inset 0 -4px 6px #0000001a}.walkman-device.theme-applemusic:after{border-radius:24px 24px 0 0}.walkman-device.theme-applemusic .walkman-metallic-grille{opacity:.1}.walkman-device.theme-applemusic .walkman-screen{background:#fff;border-color:#e2e2e7;border-radius:16px;box-shadow:inset 0 2px 8px #00000014}.walkman-device.theme-applemusic .walkman-screen .lcd-state-text{color:#8e8e93}.walkman-device.theme-applemusic .walkman-screen .lcd-scroller{background:#fbfbfd;border-color:#1d1d1f1a}.walkman-device.theme-applemusic .walkman-screen .lcd-scroller .lcd-text-static,.walkman-device.theme-applemusic .walkman-screen .lcd-scroller .lcd-text-anim{color:#1d1d1f;text-shadow:none}.walkman-device.theme-applemusic .walkman-screen .status-indicator .power-led{background-color:#d1d1d6}.walkman-device.theme-applemusic .walkman-screen .status-indicator .power-led.active{background-color:#34c759;box-shadow:0 0 6px #34c75980}.walkman-device.theme-applemusic .cassette-door-window{background:#1a1a1a;border-color:#d1d1d6;border-radius:12px;box-shadow:inset 0 2px 8px #0000004d,0 2px 4px #0000000d}.walkman-device.theme-applemusic .cassette-door-window .ipod-lcd-screen{box-sizing:border-box;background:linear-gradient(#2a3a2a 0%,#1a2a1a 100%);border-radius:8px;flex-direction:column;justify-content:center;gap:4px;width:100%;height:100%;padding:10px 14px;font-family:Courier New,monospace;display:flex;position:relative;box-shadow:inset 0 2px 8px #00000080}.walkman-device.theme-applemusic .cassette-door-window .ipod-lcd-screen:before{content:"";pointer-events:none;z-index:1;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#0000000f 2px 3px);border-radius:8px;position:absolute;inset:0}.walkman-device.theme-applemusic .cassette-door-window .ipod-lcd-screen .lcd-now-playing{color:#5a8a5a;text-transform:uppercase;letter-spacing:1.5px;font-size:.55rem;font-weight:600}.walkman-device.theme-applemusic .cassette-door-window .ipod-lcd-screen .lcd-track-title{color:#a0e8a0;text-shadow:0 0 6px #a0e8a04d;white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;font-weight:700;line-height:1.2;overflow:hidden}.walkman-device.theme-applemusic .cassette-door-window .ipod-lcd-screen .lcd-track-artist{color:#7ac07a;white-space:nowrap;text-overflow:ellipsis;font-size:.65rem;overflow:hidden}.walkman-device.theme-applemusic .cassette-door-window .ipod-lcd-screen .lcd-progress-row{align-items:center;gap:6px;margin-top:4px;display:flex}.walkman-device.theme-applemusic .cassette-door-window .ipod-lcd-screen .lcd-progress-row .lcd-time{color:#5a8a5a;text-align:center;min-width:12px;font-size:.5rem}.walkman-device.theme-applemusic .cassette-door-window .ipod-lcd-screen .lcd-progress-row .lcd-progress-bar{background:#2a4a2a;border-radius:2px;flex:1;height:3px;overflow:hidden}.walkman-device.theme-applemusic .cassette-door-window .ipod-lcd-screen .lcd-progress-row .lcd-progress-bar .lcd-progress-fill{background:#7ac07a;border-radius:2px;height:100%;transition:width .5s}.walkman-device.theme-applemusic .cassette-door-window .ipod-lcd-screen .lcd-eq-bars{justify-content:center;align-items:flex-end;gap:2px;height:24px;margin-top:4px;display:flex}.walkman-device.theme-applemusic .cassette-door-window .ipod-lcd-screen .lcd-eq-bars .eq-bar{background:#4a7a4a;border-radius:1px;width:4px;height:3px;transition:height .15s}.walkman-device.theme-applemusic .cassette-door-window .ipod-lcd-screen .lcd-eq-bars.playing .eq-bar{background:#7ac07a;animation:.6s ease-in-out infinite alternate eqBounce;box-shadow:0 0 3px #7ac07a4d}.walkman-device.theme-applemusic .cassette-door-window .ipod-lcd-screen .lcd-empty{flex-direction:column;justify-content:center;align-items:center;gap:4px;height:100%;display:flex}.walkman-device.theme-applemusic .cassette-door-window .ipod-lcd-screen .lcd-empty .lcd-now-playing{font-size:1.5rem}@keyframes eqBounce{0%{height:3px}to{height:22px}}.walkman-device.theme-applemusic .walkman-volume-row .volume-icon{color:#1d1d1f}.walkman-device.theme-applemusic .walkman-volume-row .volume-slider{background:#1d1d1f14}.walkman-device.theme-applemusic .walkman-volume-row .volume-slider::-webkit-slider-thumb{background:#1d1d1f;box-shadow:0 1px 3px #0003}.walkman-device.theme-applemusic .walkman-volume-row .volume-value{color:#1d1d1f}.walkman-device.theme-applemusic .walkman-buttons .hw-btn,.walkman-device.theme-applemusic .walkman-buttons .hw-btn.play-btn,.walkman-device.theme-applemusic .walkman-buttons .hw-btn.eject-btn,.walkman-device.theme-applemusic .walkman-buttons .hw-btn.prev-btn,.walkman-device.theme-applemusic .walkman-buttons .hw-btn.next-btn{color:#1d1d1f!important;background:linear-gradient(#fff 0%,#f5f5f7 100%)!important;border:1px solid #d1d1d6!important;border-bottom-color:#c8c8cc!important;border-radius:50%!important;flex:0 0 40px!important;width:40px!important;height:40px!important;margin:0 6px!important;transform:none!important;box-shadow:0 2px 4px #0000000f!important}.walkman-device.theme-applemusic .walkman-buttons .hw-btn:active:not(:disabled),.walkman-device.theme-applemusic .walkman-buttons .hw-btn.depressed,.walkman-device.theme-applemusic .walkman-buttons .hw-btn.play-btn:active:not(:disabled),.walkman-device.theme-applemusic .walkman-buttons .hw-btn.play-btn.depressed,.walkman-device.theme-applemusic .walkman-buttons .hw-btn.eject-btn:active:not(:disabled),.walkman-device.theme-applemusic .walkman-buttons .hw-btn.eject-btn.depressed,.walkman-device.theme-applemusic .walkman-buttons .hw-btn.prev-btn:active:not(:disabled),.walkman-device.theme-applemusic .walkman-buttons .hw-btn.prev-btn.depressed,.walkman-device.theme-applemusic .walkman-buttons .hw-btn.next-btn:active:not(:disabled),.walkman-device.theme-applemusic .walkman-buttons .hw-btn.next-btn.depressed{background:#e2e2e7!important;border-bottom:1px solid #d1d1d6!important;transform:none!important;box-shadow:inset 0 2px 4px #0000001a!important}.walkman-device.theme-applemusic .walkman-buttons .hw-btn svg,.walkman-device.theme-applemusic .walkman-buttons .hw-btn.play-btn svg,.walkman-device.theme-applemusic .walkman-buttons .hw-btn.eject-btn svg,.walkman-device.theme-applemusic .walkman-buttons .hw-btn.prev-btn svg,.walkman-device.theme-applemusic .walkman-buttons .hw-btn.next-btn svg{width:18px;height:18px}.walkman-device.theme-youtube{border-radius:4px}.walkman-device.theme-youtube:after{border-radius:4px 4px 0 0}.walkman-device.theme-youtube .walkman-screen{border-radius:4px}.walkman-device.theme-youtube .walkman-screen .lcd-scroller{background:#cbd5e1;border-color:#94a3b8}.walkman-device.theme-youtube .walkman-screen .lcd-scroller .lcd-text-static,.walkman-device.theme-youtube .walkman-screen .lcd-scroller .lcd-text-anim{color:#0f172a;text-shadow:none;font-weight:700}.walkman-device.theme-youtube .walkman-screen .status-indicator .power-led{background-color:#222}.walkman-device.theme-youtube .walkman-screen .status-indicator .power-led.active{background-color:red;box-shadow:0 0 8px red,0 0 12px red}.walkman-device.theme-youtube .cassette-door-window{border-radius:2px}.walkman-device.theme-youtube .walkman-buttons .hw-btn,.walkman-device.theme-youtube .walkman-buttons .hw-btn.play-btn,.walkman-device.theme-youtube .walkman-buttons .hw-btn.eject-btn,.walkman-device.theme-youtube .walkman-buttons .hw-btn.prev-btn,.walkman-device.theme-youtube .walkman-buttons .hw-btn.next-btn{border-bottom:4px solid #555!important;border-radius:2px 2px 4px 4px!important}.walkman-device.theme-youtube .walkman-buttons .hw-btn:active:not(:disabled),.walkman-device.theme-youtube .walkman-buttons .hw-btn.depressed,.walkman-device.theme-youtube .walkman-buttons .hw-btn.play-btn:active:not(:disabled),.walkman-device.theme-youtube .walkman-buttons .hw-btn.play-btn.depressed,.walkman-device.theme-youtube .walkman-buttons .hw-btn.eject-btn:active:not(:disabled),.walkman-device.theme-youtube .walkman-buttons .hw-btn.eject-btn.depressed,.walkman-device.theme-youtube .walkman-buttons .hw-btn.prev-btn:active:not(:disabled),.walkman-device.theme-youtube .walkman-buttons .hw-btn.prev-btn.depressed,.walkman-device.theme-youtube .walkman-buttons .hw-btn.next-btn:active:not(:disabled),.walkman-device.theme-youtube .walkman-buttons .hw-btn.next-btn.depressed{border-bottom-width:1px!important}.walkman-device.theme-youtube .walkman-buttons .hw-btn svg,.walkman-device.theme-youtube .walkman-buttons .hw-btn.play-btn svg,.walkman-device.theme-youtube .walkman-buttons .hw-btn.eject-btn svg,.walkman-device.theme-youtube .walkman-buttons .hw-btn.prev-btn svg,.walkman-device.theme-youtube .walkman-buttons .hw-btn.next-btn svg{width:17px;height:17px}.walkman-provider-switch{background:#0003;border-top:1px solid #ffffff0d;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;margin:2px 0;padding:4px 14px;display:flex}.walkman-provider-switch .switch-label{color:#fff6;letter-spacing:1px;font-size:.62rem;font-weight:700}.walkman-provider-switch .switch-options{gap:6px;display:flex}.walkman-provider-switch .source-btn{color:#fff6;cursor:pointer;background:#0000004d;border:1px solid #ffffff1a;border-radius:4px;justify-content:center;align-items:center;width:32px;height:22px;transition:all .2s;display:flex}.walkman-provider-switch .source-btn:hover{color:#fffc;border-color:#fff3}.walkman-provider-switch .source-btn.active{border-width:1px}.walkman-provider-switch .source-btn.active.youtube{color:#e62117;background:#e6211733;border-color:#e6211780;box-shadow:0 0 6px #e6211733}.walkman-provider-switch .source-btn.active.spotify{color:#1db954;background:#1db95433;border-color:#1db95480;box-shadow:0 0 6px #1db95433}.walkman-provider-switch .source-btn.active.applemusic{color:#1d1d1f;background:#1d1d1f1a;border-color:#1d1d1f4d}.walkman-device.theme-spotify .walkman-provider-switch{background:#0006;border-top:1px solid #ffffff05;border-bottom:1px solid #ffffff05}.walkman-device.theme-spotify .walkman-provider-switch .source-btn:not(.active){color:#ffffff4d;background:#00000080;border-color:#ffffff0d}.walkman-device.theme-spotify .walkman-provider-switch .source-btn:not(.active):hover{color:#ffffffb3;border-color:#ffffff1a}.walkman-device.theme-applemusic .walkman-provider-switch{background:#0000000d;border-top:1px solid #0000000d;border-bottom:1px solid #0000000d}.walkman-device.theme-applemusic .walkman-provider-switch .switch-label{color:#00000080}.walkman-device.theme-applemusic .walkman-provider-switch .source-btn{color:#0006;background:#fff9;border:1px solid #00000026}.walkman-device.theme-applemusic .walkman-provider-switch .source-btn:hover{color:#000c;border-color:#0000004d}.walkman-device.theme-applemusic .walkman-provider-switch .source-btn.active{color:#1d1d1f;background:#fff;border-color:#1d1d1f;box-shadow:0 1px 3px #0000001a}.walkman-device.theme-applemusic .walkman-provider-switch .source-btn.active.youtube{color:#e62117;background:#e621171a;border-color:#e62117}.walkman-device.theme-applemusic .walkman-provider-switch .source-btn.active.spotify{color:#1db954;background:#1db95426;border-color:#1db954}.walkman-device.theme-youtube .walkman-provider-switch{background:#0006;border-top:1px solid #ffffff0d;border-bottom:1px solid #ffffff0d}.walkman-device.theme-youtube .walkman-provider-switch .source-btn:not(.active){color:#ffffff4d;background:#00000080;border-color:#ffffff14}.walkman-device.theme-youtube .walkman-provider-switch .source-btn:not(.active):hover{color:#ffffffb3;border-color:#ffffff26}.loading-pulse{animation:1.5s ease-in-out infinite pulse}.cassette-player-page .tape-spine-item.disabled,.cassette-player-page .rack-track-item.disabled{opacity:.5;pointer-events:none}.media-details-panel{--panel-accent:#ffffff26;--panel-accent-glow:var(--border-subtle);--panel-bg:#1e1e2dd9}.media-details-panel.accent-vinyl{--panel-accent:#e509144d;--panel-accent-glow:#e509140d;--panel-bg:#1e1e2dd9}.media-details-panel.accent-cd{--panel-accent:#33aaff26;--panel-accent-glow:#33aaff0d;--panel-bg:#12161cd9}.media-details-panel.accent-cassette{--panel-accent:#e5c15833;--panel-accent-glow:#e5c1580d;--panel-bg:#1a1410e0}.media-details-panel{z-index:1000;background:var(--panel-bg);border:1px solid var(--panel-accent);width:320px;box-shadow:0 20px 40px #0009, 0 0 20px var(--panel-accent-glow);box-sizing:border-box;border-radius:12px;flex-direction:column;gap:1.5rem;padding:1.5rem;animation:.4s cubic-bezier(.16,1,.3,1) panelSlideIn;display:flex;position:fixed;top:120px;right:2rem}.media-details-panel .close-panel-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:1.8rem;line-height:1;position:absolute;top:10px;right:15px}.media-details-panel .close-panel-btn:hover{color:#fff}.panel-album-info{text-align:center;flex-direction:column;align-items:center;display:flex}.panel-album-info h2{margin:0;font-size:1.2rem;font-weight:700}.panel-album-info h3{color:var(--text-muted);margin:4px 0 0;font-size:.95rem;font-weight:500}.panel-album-info .album-meta{color:var(--text-muted);opacity:.6;margin-top:4px;font-size:.75rem}.vinyl-preview{background:#111;border:4px solid #222;border-radius:50%;justify-content:center;align-items:center;width:140px;height:140px;margin-bottom:1rem;display:flex;overflow:hidden;box-shadow:0 10px 20px #00000080}.vinyl-preview .spinning-art{object-fit:cover;border-radius:50%;width:100%;height:100%;animation:6s linear infinite spinMedia}.vinyl-preview .vinyl-label-center{background:#1e1e2d;border:2px solid #000;border-radius:50%;width:16px;height:16px;position:absolute}.cd-preview{width:150px;height:150px;margin:0 auto 1.5rem;position:relative}.cd-preview .spinning-cd-disc{background:radial-gradient(circle,#0000 0% 12%,#111 12% 13%,#fff 13% 15%,#0000 15% 28%,#c8d2d9 28%,#e2ebf0 45%,#a6b4bd 70%,#e2ebf0 100%);border-radius:50%;animation:8s linear infinite spinMedia;position:absolute;inset:0;box-shadow:0 4px 15px #00000080}.cd-preview .spinning-cd-disc:before{content:"";mix-blend-mode:overlay;background:conic-gradient(#ff00000d 0deg,#ffff000d 60deg,#00ffff0d 120deg,#0000ff0d 180deg,#ff00ff0d 240deg,#ff00000d 360deg);border-radius:50%;position:absolute;inset:0}.cd-preview .spinning-cd-disc .cd-cover-art-blend{object-fit:cover;opacity:.35;mix-blend-mode:overlay;pointer-events:none;border-radius:50%;width:100%;height:100%;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#0000 18%,#000 18.5%);mask-image:radial-gradient(circle,#0000 18%,#000 18.5%)}.cd-preview .spinning-cd-disc .cd-grooves{background:repeating-radial-gradient(circle,#ffffff0a,#ffffff0a 1px,#0000 2px 4px);border:1px solid #ffffff26;border-radius:50%;position:absolute;inset:28%}.cd-preview .spinning-cd-disc .cd-inner-ring{border:1px dashed var(--border-light);border-radius:50%;position:absolute;inset:22%}.cd-preview .spinning-cd-disc .cd-center-hub{-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px);z-index:5;background:#ffffff26;border:1.5px solid #ffffff40;border-radius:50%;justify-content:center;align-items:center;width:30%;height:30%;display:flex;position:absolute;top:35%;left:35%}.cd-preview .spinning-cd-disc .cd-center-hub .center-hole{background:#12161c;border:1px solid #ffffff4d;border-radius:50%;width:50%;height:50%}.cassette-preview{perspective:600px;width:180px;height:115px;margin:0 auto 1.5rem}.cassette-preview .cassette-tape-widget{box-sizing:border-box;background:#1a1a1a;border:3px solid #2d2d2d;border-radius:2px;flex-direction:column;justify-content:space-between;width:100%;height:100%;padding:8px;display:flex;box-shadow:0 6px 20px #0009}.cassette-preview .cassette-tape-widget:before{content:"";background:#0a0a0a;border-top:2px solid #2d2d2d;border-radius:4px 4px 0 0;height:12px;position:absolute;bottom:0;left:30px;right:30px}.cassette-preview .cassette-tape-widget .tape-label{background:var(--tape-color,#e5c158);box-sizing:border-box;color:#111;width:100%;height:52px;box-shadow:inset 0 1px 3px var(--border-focus);border:1.5px solid #0003;border-radius:2px;align-items:center;gap:6px;padding:6px;display:flex}.cassette-preview .cassette-tape-widget .tape-label .tape-side-marker{color:#0009;border-right:1.5px solid #00000040;flex-shrink:0;padding-right:6px;font-family:monospace;font-size:20px;font-weight:900}.cassette-preview .cassette-tape-widget .tape-label .tape-label-text{text-align:left;white-space:normal;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:9px;font-weight:800;line-height:1.3;display:-webkit-box;overflow:hidden}.cassette-preview .cassette-tape-widget .tape-window{z-index:2;background:#000000d9;border:2px solid #2d2d2d;border-radius:2px;justify-content:space-around;align-self:center;align-items:center;width:85px;height:24px;margin-bottom:8px;display:flex;position:relative}.cassette-preview .cassette-tape-widget .tape-window:before{content:"";opacity:.9;z-index:1;background:linear-gradient(90deg,#382c22 35%,#0000 35% 65%,#382c22 65%);position:absolute;inset:0 12px}.cassette-preview .cassette-tape-widget .tape-window .tape-wheel{z-index:2;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;display:flex}.cassette-preview .cassette-tape-widget .tape-window .tape-wheel.spinning{animation:2.5s linear infinite spinMedia}.cassette-preview .cassette-tape-widget .tape-window .tape-wheel .wheel-spokes{background:#111;border-radius:50%;width:10px;height:10px;position:relative}.cassette-preview .cassette-tape-widget .tape-window .tape-wheel .wheel-spokes:after{content:"";background:repeating-conic-gradient(#0000 0deg 30deg,#fff 30deg 60deg);width:12px;height:12px;margin-top:-6px;margin-left:-6px;position:absolute;top:50%;left:50%}.tracklist-container h4{letter-spacing:1px;color:var(--text-muted);border-bottom:1px solid var(--border-subtle);margin-bottom:.5rem;padding-bottom:.5rem;font-size:.75rem}.tracklist-container .tracklist-loading{color:var(--text-muted);text-align:center;padding:1rem 0;font-size:.85rem;font-style:italic}.tracklist-container .tracklist{flex-direction:column;gap:2px;max-height:250px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.tracklist-container .tracklist::-webkit-scrollbar{width:4px}.tracklist-container .tracklist::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:2px}.tracklist-container .tracklist .track-item{cursor:pointer;border-radius:4px;align-items:center;padding:.5rem .75rem;font-size:.85rem;transition:background .2s;display:flex}.tracklist-container .tracklist .track-item:hover{background:var(--border-subtle)}.tracklist-container .tracklist .track-item:hover .play-track-btn{opacity:1;transform:scale(1)}.tracklist-container .tracklist .track-item .track-number{color:var(--text-muted);width:24px;font-family:monospace}.tracklist-container .tracklist .track-item .track-title{white-space:nowrap;text-overflow:ellipsis;flex:1;padding-right:1rem;overflow:hidden}.tracklist-container .tracklist .track-item .play-track-btn{background:var(--accent-color);color:#fff;opacity:0;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;transition:all .2s;display:flex;transform:scale(.8)}.tracklist-container .tracklist .track-item .play-track-btn:hover{background:var(--accent-hover)}.media-preview{position:relative}@keyframes panelSlideIn{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes spinMedia{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width<=768px){.media-details-panel{box-sizing:border-box;width:90%;max-width:340px;animation:.3s ease-out panelFadeInMobile;top:50%;left:50%;right:auto;transform:translate(-50%,-50%)}}@keyframes panelFadeInMobile{0%{opacity:0;transform:translate(-50%,-40%)}to{opacity:1;transform:translate(-50%,-50%)}}.camera-scanner-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:2000;background:#000000d9;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.scanner-modal{border:1px solid var(--border-light);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e1e1ebf;border-radius:16px;flex-direction:column;width:100%;max-width:500px;display:flex;overflow:hidden;box-shadow:0 20px 40px #0009}.scanner-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:1.25rem;display:flex}.scanner-header h3{color:#fff;letter-spacing:.5px;margin:0;font-size:1.15rem;font-weight:600}.scanner-header .close-btn{color:#aaa;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:4px;transition:background-color .2s,color .2s;display:flex}.scanner-header .close-btn:hover{color:#fff;background-color:#ffffff14}.viewfinder-container{aspect-ratio:4/3;background:#050505;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.viewfinder-container .camera-preview{object-fit:cover;width:100%;height:100%}.viewfinder-container .laser-line{z-index:10;pointer-events:none;background:linear-gradient(90deg,#0000,#0f6,#0000);height:3px;animation:2s linear infinite scanLaser;position:absolute;left:5%;right:5%;box-shadow:0 0 12px #0f6}.viewfinder-container .viewfinder-corners{border:1px dashed var(--border-focus);pointer-events:none;z-index:5;position:absolute;inset:15%}.viewfinder-container .viewfinder-corners .corner{pointer-events:none;border-style:solid;border-color:#0f6;width:20px;height:20px;position:absolute}.viewfinder-container .viewfinder-corners .top-left{border-width:4px 0 0 4px;top:-2px;left:-2px}.viewfinder-container .viewfinder-corners .top-right{border-width:4px 4px 0 0;top:-2px;right:-2px}.viewfinder-container .viewfinder-corners .bottom-left{border-width:0 0 4px 4px;bottom:-2px;left:-2px}.viewfinder-container .viewfinder-corners .bottom-right{border-width:0 4px 4px 0;bottom:-2px;right:-2px}.camera-error-view{text-align:center;color:#888;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:2rem;display:flex}.camera-error-view .error-icon{color:#ffffff40}.camera-error-view p{max-width:280px;margin:0;font-size:.95rem;line-height:1.4}.scanner-footer{border-top:1px solid #ffffff14;flex-direction:column;align-items:center;gap:1rem;padding:1.25rem;display:flex}.scanner-footer .scanner-status{color:#aaa;text-align:center;letter-spacing:.2px;margin:0;font-size:.9rem;font-weight:500}.scanner-footer .scanner-actions{justify-content:center;gap:.75rem;width:100%;display:flex}.scanner-footer .scanner-actions .action-btn{border:1px solid var(--border-light);color:#fff;cursor:pointer;background:#ffffff14;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:.85rem;font-weight:600;transition:background .2s,border-color .2s;display:flex}.scanner-footer .scanner-actions .action-btn:hover{border-color:var(--border-focus);background:#ffffff26}.scanner-footer .scanner-actions .file-upload-btn{background:linear-gradient(135deg, var(--border-light), var(--border-subtle))}@keyframes scanLaser{0%{top:15%}50%{top:85%}to{top:15%}}.header-controls{align-items:center;gap:12px;display:flex}.header-controls .scan-count-badge{color:#0f6;letter-spacing:.3px;white-space:nowrap;background:#00ff6626;border:1px solid #00ff664d;border-radius:12px;padding:3px 10px;font-size:.75rem;font-weight:700}.multi-scan-btn.active{color:#0f6!important;background:#00ff661f!important;border-color:#00ff6659!important}.scan-success-flash{pointer-events:none;z-index:20;background:#00ff6626;justify-content:center;align-items:center;animation:.6s ease-out forwards flashFade;display:flex;position:absolute;inset:0}.scan-success-flash svg{color:#0f6;filter:drop-shadow(0 0 12px #0f69)}.viewfinder-container.flash-success{border:2px solid #00ff6680;transition:border-color .3s}@keyframes flashFade{0%{opacity:1}70%{opacity:.8}to{opacity:0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:.9s linear infinite spin;display:inline-flex}.atcm-overlay{z-index:1200;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000b3;justify-content:center;align-items:center;padding:16px;animation:.18s atcm-fade-in;display:flex;position:fixed;inset:0}@keyframes atcm-fade-in{0%{opacity:0}to{opacity:1}}.atcm-panel{background:#0e0e12eb;border:1px solid #ffffff1a;border-radius:16px;flex-direction:column;width:100%;max-width:620px;max-height:88vh;animation:.22s cubic-bezier(.16,1,.3,1) atcm-slide-up;display:flex;overflow:hidden;box-shadow:0 24px 80px #0009,inset 0 0 0 1px #ffffff0a}@keyframes atcm-slide-up{0%{opacity:0;transform:translateY(20px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.atcm-header{border-bottom:1px solid #ffffff12;flex-shrink:0;justify-content:space-between;align-items:center;padding:18px 20px 12px;display:flex}.atcm-title{color:#f0f0f0;letter-spacing:.01em;margin:0;font-size:1rem;font-weight:600}.atcm-close-btn{color:#ffffff8c;cursor:pointer;background:#ffffff12;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;transition:all .15s;display:flex}.atcm-close-btn:hover{color:#fff;background:#ffffff24;transform:scale(1.06)}.atcm-search-bar{flex-shrink:0;align-items:center;gap:8px;padding:14px 16px 10px;display:flex}.atcm-search-input-wrap{flex:1;align-items:center;display:flex;position:relative}.atcm-search-input-wrap .atcm-search-icon{color:#fff6;pointer-events:none;position:absolute;left:10px}.atcm-search-input-wrap .atcm-search-input{color:#f0f0f0;background:#ffffff12;border:1px solid #ffffff1f;border-radius:8px;outline:none;width:100%;padding:8px 12px 8px 34px;font-size:.875rem;transition:border-color .15s,background .15s}.atcm-search-input-wrap .atcm-search-input::placeholder{color:#ffffff4d}.atcm-search-input-wrap .atcm-search-input:focus{border-color:var(--accent-color,#e53935);background:#ffffff1a}.atcm-icon-btn{color:#fff9;cursor:pointer;background:#ffffff12;border:1px solid #ffffff1f;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:all .15s;display:flex}.atcm-icon-btn:hover{color:#fff;background:#ffffff21}.atcm-icon-btn.active{border-color:var(--accent-color,#e53935);color:var(--accent-color,#e53935);background:#e539351f}.atcm-search-btn{background:var(--accent-color,#e53935);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:8px;flex-shrink:0;align-items:center;gap:6px;height:36px;padding:0 16px;font-size:.8125rem;font-weight:600;transition:opacity .15s,transform .1s;display:flex}.atcm-search-btn:hover:not(:disabled){opacity:.88;transform:translateY(-1px)}.atcm-search-btn:disabled{opacity:.45;cursor:not-allowed}.atcm-pending-scans{background:#ffffff0a;border:1px solid #ffffff17;border-radius:10px;flex-shrink:0;margin:0 16px 8px;overflow:hidden}.atcm-pending-header{color:#ffffff80;border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:center;padding:8px 12px;font-size:.75rem;display:flex}.atcm-commit-btn{color:var(--accent-color,#e53935);cursor:pointer;background:#e539352e;border:1px solid #e5393559;border-radius:6px;padding:3px 10px;font-size:.75rem;font-weight:600;transition:background .15s}.atcm-commit-btn:hover{background:#e5393547}.atcm-scans-list{max-height:130px;margin:0;padding:0;list-style:none;overflow-y:auto}.atcm-scan-item{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:6px 12px;font-size:.8125rem;display:flex}.atcm-scan-item:last-child{border-bottom:none}.atcm-scan-resolving{color:#ffffff73}.atcm-scan-found{color:#a5d6a7}.atcm-scan-notfound{color:#ff6464b3}.atcm-scan-info{flex:1;align-items:center;gap:6px;min-width:0;display:flex}.atcm-scan-barcode{font-family:Courier New,monospace;font-size:.75rem}.atcm-scan-title{text-overflow:ellipsis;white-space:nowrap;opacity:.8;font-size:.78rem;overflow:hidden}.atcm-check{color:#66bb6a}.atcm-not-found{color:#ff5050b3}.atcm-scan-remove{color:#ffffff4d;cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;transition:all .1s;display:flex}.atcm-scan-remove:hover{color:#ff5050cc;background:#ff50501f}.atcm-error{color:#ef9a9a;background:#e5393524;border:1px solid #e539354d;border-radius:8px;flex-shrink:0;margin:0 16px 6px;padding:8px 12px;font-size:.8125rem}.atcm-results-container{flex:1;min-height:60px;padding:4px 0 8px;overflow-y:auto}.atcm-results-container::-webkit-scrollbar{width:4px}.atcm-results-container::-webkit-scrollbar-track{background:0 0}.atcm-results-container::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:2px}.atcm-loading{color:#ffffff80;justify-content:center;align-items:center;gap:10px;padding:40px;font-size:.875rem;display:flex}.atcm-empty,.atcm-hint{text-align:center;color:#ffffff59;padding:40px 24px;font-size:.875rem;line-height:1.6}.atcm-results-list{margin:0;padding:0 8px;list-style:none}.atcm-result-item{border-radius:10px;align-items:center;gap:12px;padding:9px 8px;transition:background .12s;display:flex}.atcm-result-item:hover{background:var(--border-subtle)}.atcm-result-cover{object-fit:cover;background:#ffffff14;border-radius:6px;flex-shrink:0;width:48px;height:48px}.atcm-result-info{flex:1;min-width:0}.atcm-result-title{color:#f0f0f0;text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;font-weight:600;overflow:hidden}.atcm-result-artist{color:#fff9;text-overflow:ellipsis;white-space:nowrap;margin-top:1px;font-size:.8125rem;overflow:hidden}.atcm-result-meta{color:#fff6;flex-wrap:wrap;align-items:center;gap:6px;margin-top:4px;font-size:.74rem;display:flex}.atcm-source-badge{letter-spacing:.02em;text-transform:uppercase;border-radius:20px;padding:1px 7px;font-size:.68rem;font-weight:700}.atcm-source-badge.atcm-source-discogs{color:#81c784;background:#4caf5033;border:1px solid #4caf5059}.atcm-source-badge.atcm-source-itunes{color:#ffb74d;background:#ff98002e;border:1px solid #ff980052}.atcm-community{color:#ffffff61;font-size:.72rem}.atcm-add-btn{border:1.5px solid var(--accent-color,#e53935);width:32px;height:32px;color:var(--accent-color,#e53935);cursor:pointer;background:#e539351f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.1rem;font-weight:700;transition:all .15s;display:flex}.atcm-add-btn:hover:not(:disabled){background:var(--accent-color,#e53935);color:#fff;transform:scale(1.08);box-shadow:0 0 12px #e5393566}.atcm-add-btn.in-crate,.atcm-add-btn:disabled{color:#66bb6a;cursor:default;box-shadow:none;background:#66bb6a1f;border-color:#66bb6a80;transform:none}.atcm-type-picker-panel{max-width:420px}.atcm-type-options{flex-direction:column;gap:8px;padding:20px 20px 24px;display:flex}.atcm-type-option{color:#fffc;cursor:pointer;text-align:left;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:16px;padding:16px 20px;transition:all .18s;display:flex}.atcm-type-option:hover{background:#ffffff17;border-color:#ffffff2e;transform:translateY(-1px);box-shadow:0 4px 16px #00000040}.atcm-type-option:active{transform:translateY(0)}.atcm-type-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.atcm-type-icon.vinyl-accent{color:#ef5350;background:#e5393524}.atcm-type-icon.cd-accent{color:#64b5f6;background:#64b5f624}.atcm-type-icon.cassette-accent{color:#ffb74d;background:#ffb74d24}.atcm-type-label{letter-spacing:.01em;font-size:1rem;font-weight:600}.atcm-change-type-btn{color:#ffffff80;cursor:pointer;vertical-align:middle;background:#ffffff0f;border:1px solid #ffffff26;border-radius:6px;margin-left:10px;padding:2px 8px;font-size:.7rem;font-weight:500;transition:all .12s}.atcm-change-type-btn:hover{color:#fffc;background:#ffffff1f}@media (width<=500px){.atcm-panel{border-radius:12px;max-height:94vh}.atcm-search-bar{flex-wrap:wrap}.atcm-search-bar .atcm-search-input-wrap{flex:100%;order:-1}.atcm-result-cover{width:40px;height:40px}}.music-collection-page{color:#f0f0f0;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#2d231c08 2px 4px),repeating-linear-gradient(90deg,#0000,#0000 3px,#372a2005 3px 6px),radial-gradient(at 30% 20%,#3c281926 0%,#0000 60%),radial-gradient(at 70% 80%,#3223161a 0%,#0000 50%),#141210;min-height:100vh;padding-bottom:80px;overflow-x:hidden}.collection-filter-bar{-webkit-overflow-scrolling:touch;scrollbar-width:none;align-items:center;gap:8px;padding:8px 20px 12px;display:flex;overflow-x:auto}.collection-filter-bar::-webkit-scrollbar{display:none}.filter-chip{color:#ffffff8c;cursor:pointer;white-space:nowrap;letter-spacing:.01em;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:20px;flex-shrink:0;justify-content:center;align-items:center;gap:6px;min-width:88px;padding:6px 16px;font-size:.8125rem;font-weight:500;transition:all .18s;display:inline-flex}.filter-chip:hover{color:#fffc;background:#ffffff1a;border-color:#fff3}.filter-chip.active{color:#ef5350;background:#e5393526;border-color:#e5393573;font-weight:600;box-shadow:0 0 12px #e539351f}.unified-shelves-container{flex-direction:column;gap:0;display:flex}.type-section{position:relative}.type-section.discogs-cabinet-page,.type-section.cd-vault-page,.type-section.cassette-rack-page{gap:0;min-height:0;padding:0}.type-section+.type-section{border-top:1px solid #ffffff0f}.type-section-header{letter-spacing:.06em;text-transform:uppercase;color:#ffffff80;margin:0;padding:16px 20px 4px;font-size:.875rem;font-weight:700}.music-collection-page .collection-loading{color:#fff6;letter-spacing:.01em;justify-content:center;align-items:center;padding:60px 20px;font-size:.9375rem;display:flex}@media (width<=500px){.collection-filter-bar{gap:6px;padding:6px 12px 10px}.filter-chip{padding:5px 12px;font-size:.75rem}.type-section-header{padding:12px 12px 2px;font-size:.8125rem}}.discogs-cabinet-page{width:100%;min-height:calc(100vh - 80px);color:var(--text-primary);box-sizing:border-box;flex-direction:column;gap:.75rem;padding:65px 1.5rem 2rem;display:flex}@media (width<=768px){.discogs-cabinet-page{gap:.5rem;padding:70px 1rem 2rem}}.discogs-cabinet-page .cabinet-error{color:#f77;background:#ff55551a;border:1px solid #f553;border-radius:4px;padding:.75rem 1.25rem;font-size:.9rem}.discogs-cabinet-page .cabinet-layout{box-sizing:border-box;flex-wrap:nowrap;flex:1;align-items:flex-start;gap:2rem;width:100%;max-width:100%;display:flex;position:relative}.discogs-cabinet-page .crate-container{box-sizing:border-box;flex:1;width:100%;min-width:0;max-width:100%}.discogs-cabinet-page .vinyl-cabinet-shelf{box-sizing:border-box;background:linear-gradient(#2c1a04 0%,#170d02 100%);border:8px solid #3d2508;border-bottom-width:24px;border-radius:8px;width:100%;max-width:100%;min-height:400px;padding:1.25rem 1.5rem;position:relative;box-shadow:inset 0 20px 40px #000000e6,0 10px 20px #000000b3}@media (width<=768px){.discogs-cabinet-page .vinyl-cabinet-shelf{padding:.75rem}}.discogs-cabinet-page .crate-loading,.discogs-cabinet-page .crate-empty{color:var(--text-muted);text-align:center;width:100%;padding:2rem 0;font-size:1.1rem;font-style:italic}.discogs-cabinet-page .curated-shelves-container{flex-direction:column;gap:.75rem;width:100%;display:flex}.discogs-cabinet-page .curated-shelves-container .wood-shelf{box-shadow:inset 0 20px 40px var(--bg-overlay), 0 10px 20px #00000080;box-sizing:border-box;background:linear-gradient(#3d2c1e 0%,#241a12 100%);border:8px solid #3c2a1c;border-bottom-width:24px;border-radius:8px;width:100%;max-width:100%;min-height:400px;padding:1.25rem 1.5rem}@media (width<=768px){.discogs-cabinet-page .curated-shelves-container .wood-shelf{padding:.75rem}}.discogs-cabinet-page .curated-shelves-container .crate-loading,.discogs-cabinet-page .curated-shelves-container .crate-empty{color:var(--text-muted);text-align:center;width:100%;padding:2rem 0;font-size:1.1rem;font-style:italic}.discogs-cabinet-page .curated-shelves-container .curated-shelves-container{flex-direction:column;gap:1.25rem;width:100%;display:flex}.discogs-cabinet-page .curated-shelves-container .curated-shelves-container .shelf-section{border-bottom:1px dashed #ffffff08;flex-direction:column;gap:.25rem;padding-bottom:.5rem;display:flex}.discogs-cabinet-page .curated-shelves-container .curated-shelves-container .shelf-section:last-child{border-bottom:none;padding-bottom:0}.discogs-cabinet-page .curated-shelves-container .curated-shelves-container .shelf-section .shelf-title-container{justify-content:space-between;align-items:center;gap:1rem;width:100%;display:flex}.discogs-cabinet-page .curated-shelves-container .curated-shelves-container .shelf-section .shelf-title-container .shelf-title{margin:0}.discogs-cabinet-page .curated-shelves-container .curated-shelves-container .shelf-section .shelf-title-container .shelf-actions{align-items:center;gap:.75rem;display:flex}.discogs-cabinet-page .curated-shelves-container .curated-shelves-container .shelf-section .shelf-title-container .shelf-actions .add-album-btn,.discogs-cabinet-page .curated-shelves-container .curated-shelves-container .shelf-section .shelf-title-container .shelf-actions .organize-btn{cursor:pointer;border-radius:4px;padding:.45rem .9rem;font-size:.8rem;font-weight:600;transition:all .2s ease-in-out}.discogs-cabinet-page .curated-shelves-container .curated-shelves-container .shelf-section .shelf-title-container .shelf-actions .add-album-btn{color:var(--color-success);background:#33ffaa1a;border:1px solid #33ffaa4d}.discogs-cabinet-page .curated-shelves-container .curated-shelves-container .shelf-section .shelf-title-container .shelf-actions .add-album-btn:hover{border-color:var(--color-success);background:#3fa3;transform:translateY(-1px)}.discogs-cabinet-page .curated-shelves-container .curated-shelves-container .shelf-section .shelf-title-container .shelf-actions .organize-btn{background:var(--border-subtle);border:1px solid var(--border-light);color:var(--text-secondary)}.discogs-cabinet-page .curated-shelves-container .curated-shelves-container .shelf-section .shelf-title-container .shelf-actions .organize-btn:hover{background:var(--border-light);border-color:var(--border-focus);transform:translateY(-1px)}.discogs-cabinet-page .curated-shelves-container .curated-shelves-container .shelf-section .shelf-title-container .shelf-actions .organize-btn.active{color:#f56;background:#ff334426;border-color:#f34;box-shadow:0 0 8px #f343}.discogs-cabinet-page .curated-shelves-container .curated-shelves-container .shelf-section .shelf-title{letter-spacing:.5px;color:#bfa38a73;font-size:1.1rem;font-weight:700;font-family:var(--font-main);text-shadow:none;transition:color .2s}.discogs-cabinet-page .curated-shelves-container .records-grid{touch-action:pan-x pan-y;overscroll-behavior-x:none;box-sizing:border-box;flex-direction:row;align-items:flex-start;width:100%;height:220px;padding:20px 24px 0;transition:gap .3s;display:flex;overflow:auto hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 24px calc(100% - 24px),#0000);mask-image:linear-gradient(90deg,#0000,#000 24px calc(100% - 24px),#0000)}.discogs-cabinet-page .curated-shelves-container .records-grid::-webkit-scrollbar{display:none}.discogs-cabinet-page .curated-shelves-container .records-grid{-ms-overflow-style:none;scrollbar-width:none}.discogs-cabinet-page .curated-shelves-container .records-grid.collapsed{cursor:pointer;scroll-snap-type:none;gap:0}.discogs-cabinet-page .curated-shelves-container .records-grid.collapsed .media-item{width:12px}.discogs-cabinet-page .curated-shelves-container .records-grid.collapsed .media-item .spine-text,.discogs-cabinet-page .curated-shelves-container .records-grid.collapsed .media-item .item-art{opacity:1}.discogs-cabinet-page .curated-shelves-container .records-grid.collapsed .media-item .delete-badge-btn{display:none}.discogs-cabinet-page .curated-shelves-container .records-grid.expanded{scroll-snap-type:x mandatory;gap:1rem}.discogs-cabinet-page .curated-shelves-container .records-grid.expanded .media-item{width:200px}.discogs-cabinet-page .curated-shelves-container .records-grid.expanded .media-item .spine-text{opacity:0}.discogs-cabinet-page .curated-shelves-container .records-grid.expanded .media-item.slant-left{margin-left:0;transform:none}.discogs-cabinet-page .media-item{cursor:pointer;scroll-snap-align:start;border:1px solid var(--border-subtle);background:#1a1a1a;border-radius:2px;flex-shrink:0;height:200px;transition:width .3s,transform .3s,margin .3s;position:relative;overflow:hidden;box-shadow:0 4px 10px #0006}.discogs-cabinet-page .media-item .item-art{object-fit:cover;object-position:left center;pointer-events:none;width:200px;min-width:200px;height:100%;display:block;position:absolute;top:0;left:0}.discogs-cabinet-page .media-item .spine-text{writing-mode:vertical-rl;text-orientation:mixed;letter-spacing:.3px;box-sizing:border-box;white-space:nowrap;text-overflow:ellipsis;color:#fff;mix-blend-mode:difference;z-index:2;pointer-events:none;width:100%;height:100%;padding:6px 1px;font-size:5px;font-weight:600;transition:opacity .3s;position:absolute;top:0;left:0;overflow:hidden}.discogs-cabinet-page .media-item .delete-badge-btn{color:#fff;cursor:pointer;z-index:10;background:#f34;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;transition:transform .2s,background-color .2s;display:flex;position:absolute;top:-8px;right:-8px;box-shadow:0 4px 10px #0006}.discogs-cabinet-page .media-item .delete-badge-btn:hover{background:#f12;transform:scale(1.1)}.discogs-cabinet-page .media-item .delete-badge-btn svg{width:12px;height:12px}.discogs-cabinet-page .media-item.selected{z-index:10;border-color:#e5091480;overflow:visible;transform:translateY(-8px)scale(1.03);box-shadow:0 0 12px #e5091466,0 4px 10px #0006}.discogs-cabinet-page .media-item.selected .vinyl-disc-behind{opacity:1;transform:translate(55%)rotate(120deg)}.discogs-cabinet-page .media-item .vinyl-disc-behind{z-index:-1;opacity:0;background:#111;border-radius:50%;width:92%;height:92%;transition:transform .5s cubic-bezier(.25,.8,.25,1.1),opacity .3s;position:absolute;top:4%;left:4%;overflow:hidden;transform:translate(0)rotate(0);box-shadow:0 4px 10px #00000080}.discogs-cabinet-page .media-item .vinyl-disc-behind .vinyl-grooves{pointer-events:none;background:repeating-radial-gradient(circle,#ffffff05,#ffffff05 2px,#0000 3px 5px);border:1px solid #ffffff14;border-radius:50%;position:absolute;inset:4px}.discogs-cabinet-page .media-item .vinyl-disc-behind .vinyl-label{background-position:50%;background-size:cover;border:2px solid #000;border-radius:50%;width:36%;height:36%;position:absolute;top:32%;left:32%}.discogs-cabinet-page .media-item .vinyl-disc-behind .vinyl-label .center-hole{border:1px solid var(--border-focus);width:20%;height:20%;box-shadow:inset 0 2px 4px var(--bg-overlay);background:#111;border-radius:50%;position:absolute;top:40%;left:40%}.discogs-cabinet-page .media-item.jiggling{animation:.3s ease-in-out infinite jiggle}.discogs-cabinet-page .media-item.slant-left{transform-origin:100% 100%;margin-left:19px;margin-right:0;transform:rotate(-6deg)}.discogs-cabinet-page .shelf-title-container.clickable{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;transition:opacity .2s;display:flex}.discogs-cabinet-page .shelf-title-container.clickable .shelf-title{align-items:center;gap:8px;margin:0;display:flex}.discogs-cabinet-page .shelf-title-container.clickable:hover{opacity:.85}.discogs-cabinet-page .shelf-title-container.clickable:hover .shelf-title{color:#bfa38ad9!important}.discogs-cabinet-page .shelf-board{height:12px;box-shadow:0 4px 8px var(--bg-overlay), inset 0 1px 0 var(--border-focus);z-index:5;background:linear-gradient(#4a3321 0%,#2f1f14 100%);border-top:1px solid #ffffff26;border-radius:2px;width:calc(100% + 3rem);margin-top:-4px;margin-left:-1.5rem;margin-right:-1.5rem;position:relative}@media (width<=768px){.discogs-cabinet-page .shelf-board{width:calc(100% + 1.5rem);margin-left:-.75rem;margin-right:-.75rem}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@media (width<=768px){.discogs-cabinet-page .cabinet-header,.discogs-cabinet-page .cabinet-header .cabinet-controls,.discogs-cabinet-page .cabinet-header .cabinet-controls .discogs-connect-form{flex-direction:column;align-items:stretch}.discogs-cabinet-page .cabinet-header .cabinet-controls .input-group input,.discogs-cabinet-page .cabinet-header .cabinet-controls .input-group input:focus{width:100%}.discogs-cabinet-page .cabinet-layout{flex-direction:column}}@keyframes jiggle{0%{transform:rotate(-.5deg)}50%{transform:rotate(.5deg)}to{transform:rotate(-.5deg)}}.itunes-search-modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:9999;background:#000000bf;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.itunes-search-modal{border:1px solid var(--border-light);background:#14141cf2;border-radius:12px;flex-direction:column;width:100%;max-width:540px;max-height:80vh;padding:1.75rem;animation:.25s cubic-bezier(.16,1,.3,1) modalFadeIn;display:flex;position:relative;box-shadow:0 25px 50px -12px #000000b3}.itunes-search-modal .close-modal-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:1.8rem;line-height:1;transition:color .2s;position:absolute;top:15px;right:18px}.itunes-search-modal .close-modal-btn:hover{color:#fff}.itunes-search-modal h2{color:#fff;margin:0 0 .25rem;font-size:1.35rem;font-weight:700}.itunes-search-modal .modal-subtitle{color:var(--text-muted);margin:0 0 1.25rem;font-size:.85rem}.itunes-search-modal .modal-search-form{gap:.5rem;margin-bottom:1.25rem;display:flex}.itunes-search-modal .modal-search-form input{color:#fff;background:#0006;border:1px solid #ffffff14;border-radius:4px;flex:1;padding:.65rem .85rem;font-size:.9rem}.itunes-search-modal .modal-search-form input:focus{border-color:var(--accent-color);outline:none;box-shadow:0 0 6px #e5091426}.itunes-search-modal .modal-search-form .search-btn{padding:.65rem 1.25rem;font-size:.85rem;font-weight:600}.itunes-search-modal .modal-error{color:#f56;background:#ff556614;border:1px solid #ff556626;border-radius:4px;margin-bottom:1rem;padding:.5rem .75rem;font-size:.85rem}.itunes-search-modal .modal-results-container{flex:1;min-height:180px;max-height:40vh;padding-right:4px;overflow-y:auto}.itunes-search-modal .modal-results-container::-webkit-scrollbar{width:5px}.itunes-search-modal .modal-results-container::-webkit-scrollbar-track{background:#ffffff03;border-radius:3px}.itunes-search-modal .modal-results-container::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:3px}.itunes-search-modal .modal-results-container::-webkit-scrollbar-thumb:hover{background:#ffffff26}.itunes-search-modal .modal-loading,.itunes-search-modal .modal-empty{height:120px;color:var(--text-muted);justify-content:center;align-items:center;font-size:.9rem;font-style:italic;display:flex}.itunes-search-modal .modal-results-list{flex-direction:column;gap:.5rem;display:flex}.itunes-search-modal .modal-result-item{background:#ffffff03;border:1px solid #ffffff08;border-radius:6px;align-items:center;gap:.75rem;padding:.6rem;transition:background-color .2s;display:flex}.itunes-search-modal .modal-result-item:hover{background:#ffffff08}.itunes-search-modal .modal-result-item .result-cover{object-fit:cover;border-radius:2px;width:44px;height:44px;box-shadow:0 2px 6px #0006}.itunes-search-modal .modal-result-item .result-info{flex:1;min-width:0}.itunes-search-modal .modal-result-item .result-info .result-title{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;font-weight:600;overflow:hidden}.itunes-search-modal .modal-result-item .result-info .result-artist{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;margin-top:1px;font-size:.75rem;overflow:hidden}.itunes-search-modal .modal-result-item .result-info .result-meta{color:var(--text-muted);margin-top:1px;font-size:.7rem}.itunes-search-modal .modal-result-item .add-to-crate-btn{white-space:nowrap;color:var(--color-success);background:#33ffaa1a;border:1px solid #33ffaa4d;padding:.4rem .75rem;font-size:.75rem;font-weight:600}.itunes-search-modal .modal-result-item .add-to-crate-btn:hover{border-color:var(--color-success);background:#3fa3}@media (width<=576px){.lookup-modal .lookup-detailed-view .detailed-header{text-align:center;flex-direction:column;align-items:center}}@media (width<=576px){.lookup-modal .lookup-detailed-view .detailed-header .detailed-title-info .collection-badge{align-self:center}}.cd-vault-page{--accent-color:#3af;--accent-hover:#55c8ff;width:100%;min-height:calc(100vh - 80px);color:var(--text-primary);box-sizing:border-box;flex-direction:column;gap:.75rem;padding:65px 1.5rem 2rem;display:flex}@media (width<=768px){.cd-vault-page{gap:.5rem;padding:70px 1rem 2rem}.cd-vault-page .cabinet-layout{flex-direction:column}}.cd-vault-page .cabinet-error{color:#f77;background:#ff55551a;border:1px solid #f553;border-radius:4px;padding:.75rem 1.25rem;font-size:.9rem}.cd-vault-page .cabinet-layout{box-sizing:border-box;flex-wrap:nowrap;flex:1;align-items:flex-start;gap:2rem;width:100%;max-width:100%;display:flex;position:relative}.cd-vault-page .crate-container{box-sizing:border-box;flex:1;width:100%;min-width:0;max-width:100%}.cd-vault-page .cd-metal-shelf{box-sizing:border-box;background:linear-gradient(#252c32 0%,#13171a 100%);border:8px solid #2b3238;border-bottom-width:24px;border-radius:8px;width:100%;max-width:100%;min-height:400px;padding:1.25rem 1.5rem;position:relative;box-shadow:inset 0 20px 40px #000000e6,0 10px 20px #000000b3}@media (width<=768px){.cd-vault-page .cd-metal-shelf{padding:.75rem}}.cd-vault-page .cd-metal-shelf:after{content:"";pointer-events:none;z-index:1;background:repeating-linear-gradient(90deg,#0000,#0000 145px,#ffffff04 145px 147px);border-radius:8px;position:absolute;inset:0}.cd-vault-page .crate-loading,.cd-vault-page .crate-empty{color:var(--text-muted);text-align:center;width:100%;padding:2rem 0;font-size:1.1rem;font-style:italic}.cd-vault-page .curated-shelves-container{flex-direction:column;gap:.75rem;width:100%;display:flex}.cd-vault-page .shelf-section{border-bottom:1px dashed #ffffff08;flex-direction:column;gap:.25rem;padding-bottom:.5rem;display:flex;position:relative}.cd-vault-page .shelf-section:last-child{border-bottom:none;padding-bottom:0}.cd-vault-page .shelf-title-container.clickable{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;transition:opacity .2s;display:flex}.cd-vault-page .shelf-title-container.clickable:hover{opacity:.85}.cd-vault-page .cd-records-grid{touch-action:pan-x pan-y;overscroll-behavior-x:none;box-sizing:border-box;flex-direction:row;align-items:flex-start;width:100%;height:155px;padding:20px 24px 0;transition:gap .3s;display:flex;overflow:auto hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 24px calc(100% - 24px),#0000);mask-image:linear-gradient(90deg,#0000,#000 24px calc(100% - 24px),#0000)}.cd-vault-page .cd-records-grid::-webkit-scrollbar{display:none}.cd-vault-page .cd-records-grid{-ms-overflow-style:none;scrollbar-width:none}.cd-vault-page .cd-records-grid.collapsed{cursor:pointer;scroll-snap-type:none;gap:0}.cd-vault-page .cd-records-grid.collapsed .media-item{width:10px}.cd-vault-page .cd-records-grid.collapsed .media-item .spine-text,.cd-vault-page .cd-records-grid.collapsed .media-item .item-art{opacity:1}.cd-vault-page .cd-records-grid.collapsed .media-item .delete-badge-btn{display:none}.cd-vault-page .cd-records-grid.expanded{scroll-snap-type:x mandatory;gap:1rem}.cd-vault-page .cd-records-grid.expanded .media-item{width:135px}.cd-vault-page .cd-records-grid.expanded .media-item .spine-text{opacity:0}.cd-vault-page .cd-records-grid.expanded .media-item.slant-left{margin-left:0;transform:none}.cd-vault-page .media-item{cursor:pointer;scroll-snap-align:start;border:1px solid var(--border-subtle);background:#1a1a1a;border-radius:2px;flex-shrink:0;height:135px;transition:width .3s,transform .3s,margin .3s;position:relative;overflow:hidden;box-shadow:0 4px 10px #0006}.cd-vault-page .media-item .item-art{object-fit:cover;object-position:left center;pointer-events:none;width:135px;min-width:135px;height:100%;display:block;position:absolute;top:0;left:0}.cd-vault-page .media-item .spine-text{writing-mode:vertical-rl;text-orientation:mixed;letter-spacing:.3px;box-sizing:border-box;white-space:nowrap;text-overflow:ellipsis;color:#fff;mix-blend-mode:difference;z-index:2;pointer-events:none;width:100%;height:100%;padding:6px 1px;font-size:5px;font-weight:600;transition:opacity .3s;position:absolute;top:0;left:0;overflow:hidden}.cd-vault-page .media-item .delete-badge-btn{color:#fff;cursor:pointer;z-index:10;background:#f34;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;transition:transform .2s,background-color .2s;display:flex;position:absolute;top:-8px;right:-8px;box-shadow:0 4px 10px #0006}.cd-vault-page .media-item .delete-badge-btn:hover{background:#f12;transform:scale(1.1)}.cd-vault-page .media-item .delete-badge-btn svg{width:12px;height:12px}.cd-vault-page .media-item.selected{z-index:10;border-color:#33aaff80;overflow:visible;transform:translateY(-6px)scale(1.02);box-shadow:0 0 12px #3af6,0 4px 10px #0006}.cd-vault-page .media-item.selected .cd-disc-behind{opacity:1;transform:translate(55%)rotate(120deg)}.cd-vault-page .media-item .cd-disc-behind{z-index:-1;opacity:0;background:radial-gradient(circle,#0000 0% 12%,#111 12% 13%,#fff 13% 15%,#0000 15% 28%,#c8d2d9 28%,#e2ebf0 45%,#a6b4bd 70%,#e2ebf0 100%);border-radius:50%;width:88%;height:88%;transition:transform .5s cubic-bezier(.25,.8,.25,1.1),opacity .3s;position:absolute;top:6%;left:6%;overflow:hidden;transform:translate(0)rotate(0);box-shadow:0 4px 10px #0009}.cd-vault-page .media-item .cd-disc-behind:before{content:"";mix-blend-mode:overlay;pointer-events:none;background:conic-gradient(from 180deg,#ff000014 0deg,#ffff0014 60deg,#00ffff14 120deg,#0000ff14 180deg,#ff00ff14 240deg,#ff000014 360deg);border-radius:50%;position:absolute;inset:0}.cd-vault-page .media-item .cd-disc-behind .cd-grooves{border:1px solid var(--border-focus);background:repeating-radial-gradient(circle, var(--border-subtle), var(--border-subtle) 1px, transparent 2px, transparent 4px);pointer-events:none;border-radius:50%;position:absolute;inset:28%}.cd-vault-page .media-item .cd-disc-behind .cd-inner-ring{pointer-events:none;border:1.5px dashed #ffffff26;border-radius:50%;width:56%;height:56%;position:absolute;top:22%;left:22%}.cd-vault-page .media-item .cd-disc-behind .cd-center-hub{background:#ffffff26;border:2px solid #ffffff40;border-radius:50%;justify-content:center;align-items:center;width:28%;height:28%;display:flex;position:absolute;top:36%;left:36%}.cd-vault-page .media-item .cd-disc-behind .cd-center-hub .center-hole{background:#111;border:1.5px solid #ffffff4d;border-radius:50%;width:35%;height:35%}.cd-vault-page .media-item.jiggling{animation:.3s ease-in-out infinite jiggle}.cd-vault-page .media-item.slant-left{transform-origin:100% 100%;margin-left:14px;margin-right:0;transform:rotate(-6deg)}.cd-vault-page .cd-shelf-board{height:10px;box-shadow:0 4px 6px #000000e6, inset 0 1px 0 var(--border-focus);z-index:5;background:linear-gradient(#373e45 0%,#1f2327 100%);border-top:1px solid #ffffff26;border-radius:1px;width:calc(100% + 3rem);margin-top:-4px;margin-left:-1.5rem;margin-right:-1.5rem;position:relative}@media (width<=768px){.cd-vault-page .cd-shelf-board{width:calc(100% + 1.5rem);margin-left:-.75rem;margin-right:-.75rem}}.confirm-modal-overlay{background:var(--bg-overlay);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10000;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.confirm-modal{border:1px solid var(--border-light);width:100%;max-width:480px;box-shadow:0 25px 50px -12px var(--bg-overlay);background:#14141cf2;border-radius:12px;flex-direction:column;gap:1.25rem;padding:2rem;animation:.25s cubic-bezier(.16,1,.3,1) modalFadeIn;display:flex;position:relative}.confirm-modal .close-modal-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:1.8rem;line-height:1;transition:color .2s;position:absolute;top:15px;right:18px}.confirm-modal .close-modal-btn:hover{color:#fff}.confirm-modal h2{color:#fff;text-align:center;margin:0;font-size:1.4rem;font-weight:700}.confirm-modal .modal-subtitle{color:var(--text-muted);text-align:center;margin:0;font-size:.9rem;line-height:1.4}.confirm-modal .modal-subtitle strong{color:#fff}.confirm-modal .confirm-modal-options{flex-direction:column;gap:1rem;margin-top:.5rem;display:flex}.confirm-modal .confirm-modal-options .sleek-btn{text-align:left;cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:8px;flex-direction:column;gap:.25rem;padding:1rem 1.25rem;transition:all .2s ease-in-out;display:flex}.confirm-modal .confirm-modal-options .sleek-btn h3{text-shadow:none;margin:0;font-size:1rem;font-weight:600}.confirm-modal .confirm-modal-options .sleek-btn p{color:var(--text-muted);margin:0;font-size:.8rem;line-height:1.3}.confirm-modal .confirm-modal-options .sleek-btn.hide-option-btn{color:#5af;background:#55aaff08;border-color:#5af3}.confirm-modal .confirm-modal-options .sleek-btn.hide-option-btn:hover{background:#55aaff14;border-color:#5af;transform:translateY(-1px);box-shadow:0 0 12px #55aaff26}.confirm-modal .confirm-modal-options .sleek-btn.delete-option-btn{color:#f56;background:#ff556608;border-color:#f563}.confirm-modal .confirm-modal-options .sleek-btn.delete-option-btn:hover{background:#ff556614;border-color:#f56;transform:translateY(-1px);box-shadow:0 0 12px #ff556626}.confirm-modal .confirm-modal-actions{justify-content:center;margin-top:.5rem;display:flex}.confirm-modal .confirm-modal-actions .cancel-btn{background:var(--border-subtle);border:1px solid var(--border-light);color:var(--text-secondary);cursor:pointer;border-radius:6px;padding:.6rem 2rem;font-size:.85rem;font-weight:600;transition:all .2s}.confirm-modal .confirm-modal-actions .cancel-btn:hover{color:#fff;background:#ffffff26;border-color:#ffffff40}.confirm-modal .duplicate-album-preview{background:var(--border-subtle);border-radius:8px;align-items:center;gap:12px;margin:12px 0;padding:10px;display:flex}.confirm-modal .duplicate-album-preview .duplicate-cover-art{object-fit:cover;border-radius:4px;flex-shrink:0;width:60px;height:60px}.confirm-modal .duplicate-album-preview .duplicate-info{flex-direction:column;gap:2px;display:flex;overflow:hidden}.confirm-modal .duplicate-album-preview .duplicate-info strong{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;overflow:hidden}.confirm-modal .duplicate-album-preview .duplicate-info span{color:#aaa;font-size:.85rem}@media (width<=576px){.lookup-modal .lookup-detailed-view .detailed-header{text-align:center;flex-direction:column;align-items:center}}@media (width<=576px){.lookup-modal .lookup-detailed-view .detailed-header .detailed-title-info .collection-badge{align-self:center}}.cassette-rack-page{--accent-color:gold;--accent-hover:#ffea70;width:100%;min-height:calc(100vh - 80px);color:var(--text-primary);box-sizing:border-box;flex-direction:column;gap:.75rem;padding:65px 1.5rem 2rem;display:flex}@media (width<=768px){.cassette-rack-page{gap:.5rem;padding:70px 1rem 2rem}.cassette-rack-page .cabinet-layout{flex-direction:column}}.cassette-rack-page .cabinet-error{color:#f77;background:#ff55551a;border:1px solid #f553;border-radius:4px;padding:.75rem 1.25rem;font-size:.9rem}.cassette-rack-page .cabinet-layout{box-sizing:border-box;flex-wrap:nowrap;flex:1;align-items:flex-start;gap:2rem;width:100%;max-width:100%;display:flex;position:relative}.cassette-rack-page .crate-container{box-sizing:border-box;flex:1;width:100%;min-width:0;max-width:100%}.cassette-rack-page .cassette-metal-rack{box-sizing:border-box;background:linear-gradient(#2b231d 0%,#17120e 100%);border:8px solid #3c3027;border-bottom-width:24px;border-radius:8px;width:100%;max-width:100%;min-height:200px;padding:1.25rem 1.5rem;position:relative;box-shadow:inset 0 20px 40px #000000e6,0 10px 20px #000000b3}@media (width<=768px){.cassette-rack-page .cassette-metal-rack{padding:.75rem}}.cassette-rack-page .cassette-metal-rack:after{content:"";pointer-events:none;z-index:1;background:repeating-linear-gradient(90deg,#0000,#0000 145px,#ffffff03 145px 147px);border-radius:8px;position:absolute;inset:0}.cassette-rack-page .crate-loading,.cassette-rack-page .crate-empty{color:var(--text-muted);text-align:center;width:100%;padding:2rem 0;font-size:1.1rem;font-style:italic}.cassette-rack-page .curated-shelves-container{flex-direction:column;gap:.75rem;width:100%;display:flex}.cassette-rack-page .shelf-section{border-bottom:1px dashed #ffffff08;flex-direction:column;gap:.25rem;padding-bottom:.5rem;display:flex;position:relative}.cassette-rack-page .shelf-section:last-child{border-bottom:none;padding-bottom:0}.cassette-rack-page .shelf-title-container.clickable{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;transition:opacity .2s;display:flex}.cassette-rack-page .shelf-title-container.clickable:hover{opacity:.85}.cassette-rack-page .cassette-records-grid{touch-action:pan-x pan-y;overscroll-behavior-x:none;box-sizing:border-box;flex-direction:row;align-items:flex-start;width:100%;height:100px;padding:20px 24px 0;transition:gap .3s;display:flex;overflow:auto hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 24px calc(100% - 24px),#0000);mask-image:linear-gradient(90deg,#0000,#000 24px calc(100% - 24px),#0000)}.cassette-rack-page .cassette-records-grid::-webkit-scrollbar{display:none}.cassette-rack-page .cassette-records-grid{-ms-overflow-style:none;scrollbar-width:none}.cassette-rack-page .cassette-records-grid.collapsed{cursor:pointer;scroll-snap-type:none;gap:0}.cassette-rack-page .cassette-records-grid.collapsed .media-item{width:20px}.cassette-rack-page .cassette-records-grid.collapsed .media-item .spine-text,.cassette-rack-page .cassette-records-grid.collapsed .media-item .item-art{opacity:1}.cassette-rack-page .cassette-records-grid.collapsed .media-item .delete-badge-btn{display:none}.cassette-rack-page .cassette-records-grid.expanded{scroll-snap-type:x mandatory;gap:1rem}.cassette-rack-page .cassette-records-grid.expanded .media-item{width:54px}.cassette-rack-page .cassette-records-grid.expanded .media-item .spine-text{opacity:0}.cassette-rack-page .cassette-records-grid.expanded .media-item.slant-left{margin-left:0;transform:none}.cassette-rack-page .media-item{cursor:pointer;scroll-snap-align:start;background:#1a1a1a;border:1px solid #ffffff26;border-radius:2px;flex-shrink:0;height:80px;transition:width .3s,transform .3s,margin .3s;position:relative;overflow:hidden;box-shadow:0 4px 10px #0006,inset 0 0 0 2px #ffffff14,inset 0 1px 3px #ffffff1f,inset 0 -1px 2px #0000004d}.cassette-rack-page .media-item:after{content:"";pointer-events:none;z-index:3;background:linear-gradient(135deg,#ffffff1a 0%,#0000 40% 60%,#ffffff0a 100%);border:1.5px solid #ffffff1a;border-radius:2px;position:absolute;inset:0}.cassette-rack-page .media-item .item-art{object-fit:cover;object-position:left center;pointer-events:none;width:54px;min-width:54px;height:100%;display:block;position:absolute;top:0;left:0}.cassette-rack-page .media-item .spine-text{writing-mode:vertical-rl;text-orientation:mixed;letter-spacing:.3px;box-sizing:border-box;white-space:nowrap;text-overflow:ellipsis;color:#fff;mix-blend-mode:difference;z-index:2;pointer-events:none;width:100%;height:100%;padding:6px 2px;font-size:5px;font-weight:600;transition:opacity .3s;position:absolute;top:0;left:0;overflow:hidden}.cassette-rack-page .media-item .delete-badge-btn{color:#fff;cursor:pointer;z-index:10;background:#f34;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;transition:transform .2s,background-color .2s;display:flex;position:absolute;top:-8px;right:-8px;box-shadow:0 4px 10px #0006}.cassette-rack-page .media-item .delete-badge-btn:hover{background:#f12;transform:scale(1.1)}.cassette-rack-page .media-item .delete-badge-btn svg{width:12px;height:12px}.cassette-rack-page .media-item.selected{z-index:10;border-color:#e5c15880;overflow:visible;transform:translateY(-8px)scale(1.03);box-shadow:0 0 12px #e5c15866,0 4px 10px #0006}.cassette-rack-page .media-item.selected .cassette-tape-behind{opacity:1;transform:translate(55%)rotate(8deg)}.cassette-rack-page .media-item .cassette-tape-behind{z-index:-1;opacity:0;pointer-events:none;width:90%;height:65%;transition:transform .5s cubic-bezier(.25,.8,.25,1.1),opacity .3s;position:absolute;bottom:0;left:5%;transform:translate(0)rotate(0)}.cassette-rack-page .media-item .cassette-tape-behind .tape-shell{background:#2a2520;border:1px solid #ffffff14;border-radius:4px 4px 8px 8px;width:100%;height:100%;position:relative;overflow:hidden;box-shadow:0 4px 12px #0009}.cassette-rack-page .media-item .cassette-tape-behind .tape-shell .tape-label-area{background:#ffffff0f;border:1px solid #ffffff0a;border-radius:2px;height:40%;position:absolute;top:8%;left:10%;right:10%}.cassette-rack-page .media-item .cassette-tape-behind .tape-shell .tape-window{background:#0006;border:1px solid #ffffff0f;border-radius:2px;justify-content:space-around;align-items:center;height:30%;padding:0 10%;display:flex;position:absolute;bottom:15%;left:15%;right:15%}.cassette-rack-page .media-item .cassette-tape-behind .tape-shell .tape-window .tape-reel{aspect-ratio:1;background:#ffffff08;border:2px solid #ffffff26;border-radius:50%;width:35%}.cassette-rack-page .media-item.jiggling{animation:.3s ease-in-out infinite jiggle}.cassette-rack-page .media-item.slant-left{transform-origin:100% 100%;margin-left:16px;margin-right:0;transform:rotate(-5deg)}.cassette-rack-page .cassette-shelf-board{border-top:1.5px solid var(--border-light);height:12px;box-shadow:0 5px 8px #000000f2, inset 0 1px 0 var(--border-light);z-index:5;background:linear-gradient(#493b30 0%,#251d17 100%);border-radius:1px;width:calc(100% + 3rem);margin-top:-4px;margin-left:-1.5rem;margin-right:-1.5rem;position:relative}@media (width<=768px){.cassette-rack-page .cassette-shelf-board{width:calc(100% + 1.5rem);margin-left:-.75rem;margin-right:-.75rem}}.duplicate-album-preview{background:var(--border-subtle);border-radius:8px;align-items:center;gap:12px;margin:12px 0;padding:10px;display:flex}.duplicate-album-preview .duplicate-cover-art{object-fit:cover;border-radius:4px;flex-shrink:0;width:60px;height:60px}.duplicate-album-preview .duplicate-info{flex-direction:column;gap:2px;display:flex;overflow:hidden}.duplicate-album-preview .duplicate-info strong{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;overflow:hidden}.duplicate-album-preview .duplicate-info span{color:#aaa;font-size:.85rem}.lookup-modal-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:99999;background:#000000d9;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.lookup-modal{border:1px solid var(--border-light);width:100%;max-width:600px;height:85vh;max-height:750px;color:var(--text-primary);background:#14141cf2;border-radius:12px;flex-direction:column;padding:1.75rem;animation:.25s cubic-bezier(.16,1,.3,1) modalFadeIn;display:flex;position:relative;box-shadow:0 25px 50px -12px #000000b3}.lookup-modal .close-modal-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:1.8rem;line-height:1;transition:color .2s;position:absolute;top:15px;right:18px}.lookup-modal .close-modal-btn:hover{color:#fff}.lookup-modal h2{color:#fff;margin:0 0 .25rem;font-size:1.35rem;font-weight:700}.lookup-modal .modal-subtitle{color:var(--text-muted);margin:0 0 1.25rem;font-size:.85rem}.lookup-modal .lookup-search-form{gap:.5rem;margin-bottom:1.25rem;display:flex}.lookup-modal .lookup-search-form input{color:#fff;background:#0006;border:1px solid #ffffff14;border-radius:4px;flex:1;padding:.65rem .85rem;font-size:.9rem}.lookup-modal .lookup-search-form input:focus{border-color:var(--accent-color);outline:none}.lookup-modal .lookup-search-form .search-btn{padding:.65rem 1.25rem;font-size:.85rem;font-weight:600}.lookup-modal .lookup-search-form .scan-btn{background:var(--border-subtle);border:1px solid var(--border-light);color:var(--text-primary);cursor:pointer;border-radius:4px;justify-content:center;align-items:center;padding:.65rem;transition:all .2s;display:flex}.lookup-modal .lookup-search-form .scan-btn:hover{border-color:var(--accent-color);background:#ffffff26}.lookup-modal .lookup-results-container{flex-direction:column;flex:1;gap:.75rem;padding-right:4px;display:flex;overflow-y:auto}.lookup-modal .lookup-results-container::-webkit-scrollbar{width:5px}.lookup-modal .lookup-results-container::-webkit-scrollbar-track{background:0 0}.lookup-modal .lookup-results-container::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:10px}.lookup-modal .lookup-results-container .lookup-loading,.lookup-modal .lookup-results-container .lookup-empty{color:var(--text-muted);text-align:center;padding:2rem 0;font-style:italic}.lookup-modal .lookup-results-container .lookup-results-list{flex-direction:column;gap:.75rem;display:flex}.lookup-modal .lookup-result-item{border:1px solid var(--border-subtle);cursor:pointer;background:#ffffff05;border-radius:8px;align-items:center;gap:12px;padding:10px;transition:all .2s;display:flex}.lookup-modal .lookup-result-item:hover{border-color:var(--accent-color);background:#ffffff0f;transform:translate(2px)}.lookup-modal .lookup-result-item .result-cover{object-fit:cover;background:#252c32;border-radius:4px;flex-shrink:0;width:50px;height:50px}.lookup-modal .lookup-result-item .result-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.lookup-modal .lookup-result-item .result-info .result-title{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;font-weight:600;overflow:hidden}.lookup-modal .lookup-result-item .result-info .result-artist{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;overflow:hidden}.lookup-modal .lookup-result-item .result-info .result-meta{color:var(--text-muted);font-size:.75rem}.lookup-modal .lookup-detailed-view{flex-direction:column;gap:1.25rem;height:100%;padding-right:4px;display:flex;overflow-y:auto}.lookup-modal .lookup-detailed-view::-webkit-scrollbar{width:5px}.lookup-modal .lookup-detailed-view::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:10px}.lookup-modal .lookup-detailed-view .lookup-back-btn{color:var(--accent-color);cursor:pointer;background:0 0;border:none;align-self:flex-start;align-items:center;gap:4px;margin-bottom:.25rem;padding:0;font-size:.85rem;font-weight:600;transition:opacity .2s;display:flex}.lookup-modal .lookup-detailed-view .lookup-back-btn:hover{opacity:.8}.lookup-modal .lookup-detailed-view .detailed-header{gap:1.25rem;display:flex}@media (width<=576px){.lookup-modal .lookup-detailed-view .detailed-header{text-align:center;flex-direction:column;align-items:center}}.lookup-modal .lookup-detailed-view .detailed-header .detailed-cover{object-fit:cover;background:#252c32;border-radius:8px;flex-shrink:0;width:140px;height:140px;box-shadow:0 10px 20px #00000080}.lookup-modal .lookup-detailed-view .detailed-header .detailed-title-info{flex-direction:column;justify-content:center;gap:4px;min-width:0;display:flex}.lookup-modal .lookup-detailed-view .detailed-header .detailed-title-info h3{color:#fff;margin:0;font-size:1.25rem;font-weight:700;line-height:1.2}.lookup-modal .lookup-detailed-view .detailed-header .detailed-title-info h4{color:var(--text-secondary);margin:0;font-size:1rem;font-weight:500}.lookup-modal .lookup-detailed-view .detailed-header .detailed-title-info .detailed-meta{color:var(--text-muted);margin-top:4px;font-size:.8rem}.lookup-modal .lookup-detailed-view .detailed-header .detailed-title-info .collection-badge{color:#2ecc71;background:#2ecc7126;border:1px solid #2ecc714d;border-radius:20px;align-self:flex-start;margin-top:8px;padding:4px 10px;font-size:.75rem;font-weight:600}@media (width<=576px){.lookup-modal .lookup-detailed-view .detailed-header .detailed-title-info .collection-badge{align-self:center}}.lookup-modal .lookup-detailed-view .detailed-stats-grid{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:.75rem;display:grid}.lookup-modal .lookup-detailed-view .detailed-stats-grid .lookup-stat-badge{border:1px solid var(--border-subtle);text-align:center;background:#ffffff05;border-radius:6px;flex-direction:column;align-items:center;gap:2px;padding:10px;display:flex}.lookup-modal .lookup-detailed-view .detailed-stats-grid .lookup-stat-badge .stat-value{color:#fff;font-size:1.05rem;font-weight:700}.lookup-modal .lookup-detailed-view .detailed-stats-grid .lookup-stat-badge .stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:.7rem}.lookup-modal .lookup-detailed-view .detailed-section{flex-direction:column;gap:6px;display:flex}.lookup-modal .lookup-detailed-view .detailed-section h5{color:#fff;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #ffffff0f;margin:0;padding-bottom:4px;font-size:.85rem;font-weight:600}.lookup-modal .lookup-detailed-view .detailed-section p{color:var(--text-secondary);white-space:pre-wrap;margin:0;font-size:.85rem;line-height:1.4}.lookup-modal .lookup-detailed-view .detailed-section .lookup-tracklist{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.lookup-modal .lookup-detailed-view .detailed-section .lookup-tracklist .lookup-track-item{color:var(--text-secondary);border-bottom:1px solid #ffffff05;align-items:center;padding:8px 10px;font-size:.85rem;display:flex}.lookup-modal .lookup-detailed-view .detailed-section .lookup-tracklist .lookup-track-item:last-child{border-bottom:none}.lookup-modal .lookup-detailed-view .detailed-section .lookup-tracklist .lookup-track-item .track-num{width:28px;color:var(--text-muted);font-weight:500}.lookup-modal .lookup-detailed-view .detailed-section .lookup-tracklist .lookup-track-item .track-name{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.lookup-modal .lookup-detailed-view .detailed-actions{gap:.75rem;margin-top:auto;padding-top:1rem;display:flex}.lookup-modal .lookup-detailed-view .detailed-actions .add-lookup-btn{flex:1;padding:.75rem;font-size:.9rem;font-weight:700}.tv-room-page{width:100%;min-height:calc(100vh - 80px);color:var(--text-primary);box-sizing:border-box;background-color:#121212;justify-content:center;align-items:flex-start;padding:85px 1.5rem 2rem;display:flex}@media (width<=768px){.tv-room-page{padding:95px .5rem 2rem}}@media (width>=769px) and (orientation:landscape){.tv-room-page{padding-top:75px;padding-bottom:1rem}}.tv-room-page .tv-room-container{flex-direction:column;align-items:center;gap:2rem;width:100%;max-width:1020px;display:flex}.tv-room-page .media-devices-stack{box-sizing:border-box;flex-direction:row;justify-content:center;align-items:center;gap:1rem;width:100%;height:calc(100vh - 200px);min-height:340px;max-height:550px;display:flex}@media (width<=768px),(orientation:portrait){.tv-room-page .media-devices-stack{flex-direction:column;align-items:center;gap:1rem;height:auto;max-height:none}}.tv-room-page .media-devices-stack.decade-70s .crt-television-set{background:linear-gradient(135deg,#4d2f12 0%,#291807 100%);border:8px solid #5a3614;box-shadow:0 25px 50px #000c,inset 0 0 0 2px tan,inset 0 -5px 15px #0009}.tv-room-page .media-devices-stack.decade-70s .crt-screen-frame{border-radius:40px}.tv-room-page .media-devices-stack.decade-70s .crt-screen-glass{border-radius:32px}.tv-room-page .media-devices-stack.decade-70s .crt-scanlines-filter{background:linear-gradient(#12101000 50%,#0000006b 50%) 0 0/100% 6px}.tv-room-page .media-devices-stack.decade-70s .vcr-deck-console{background:linear-gradient(#3c3c40 0%,#1f1f22 100%);border:6px solid #4d2f12;box-shadow:0 20px 40px #000000b3,inset 0 0 0 2px tan}.tv-room-page .media-devices-stack.decade-70s .btn-inner{border-color:#f706}.tv-room-page .media-devices-stack.decade-70s .power-pull-btn.pulled{background:linear-gradient(#f70 0%,#c50 100%);border-color:#fa6;box-shadow:0 0 10px #f70c,inset 0 1px 3px #fff6}.tv-room-page .media-devices-stack.decade-70s .btn-led,.tv-room-page .media-devices-stack.decade-70s .bezel-icon-btn.active .btn-led{background-color:#f70!important;box-shadow:0 0 5px #f70!important}.tv-room-page .media-devices-stack.decade-70s .vcr-clock-display .channel-indicator{color:#ff770059!important}.tv-room-page .media-devices-stack.decade-70s .vcr-clock-display .digits{color:#f70!important;text-shadow:0 0 5px #f70c!important}.tv-room-page .media-devices-stack.decade-70s .rotary-knob{box-shadow:0 3px 5px #00000080;background:radial-gradient(circle,#f0f0f5 40%,#b8b8c0 100%)!important;border-color:#e0e0e8!important}.tv-room-page .media-devices-stack.decade-70s .vcr-btn,.tv-room-page .media-devices-stack.decade-70s .bezel-icon-btn{color:#111!important;background:linear-gradient(#f0f0f5 0%,#a8a8b0 100%)!important;border-color:#888890!important;border-radius:50%!important;box-shadow:0 2px 4px #0006!important}.tv-room-page .media-devices-stack.decade-70s .vcr-btn svg,.tv-room-page .media-devices-stack.decade-70s .bezel-icon-btn svg{color:#111!important}.tv-room-page .media-devices-stack.decade-70s .vcr-btn:active,.tv-room-page .media-devices-stack.decade-70s .vcr-btn.pressed,.tv-room-page .media-devices-stack.decade-70s .bezel-icon-btn:active,.tv-room-page .media-devices-stack.decade-70s .bezel-icon-btn.pressed{background:linear-gradient(#a8a8b0 0%,#d0d0d8 100%)!important;box-shadow:inset 0 1px 3px #00000080!important}.tv-room-page .media-devices-stack.decade-90s .crt-television-set{background:#0f0f11;border:8px solid #1a1a1f}.tv-room-page .media-devices-stack.decade-90s .crt-screen-frame{border-radius:12px}.tv-room-page .media-devices-stack.decade-90s .crt-screen-glass{border-radius:8px}.tv-room-page .media-devices-stack.decade-90s .crt-scanlines-filter{background:linear-gradient(#12101000 50%,#0000002e 50%) 0 0/100% 3px}.tv-room-page .media-devices-stack.decade-90s .vcr-deck-console{background:#0c0c0e;border:6px solid #1a1a1f}.tv-room-page .media-devices-stack.decade-90s .vcr-btn{color:#8a8a90!important;background:#252528!important;border-color:#38383c!important;border-radius:8px!important}.tv-room-page .media-devices-stack.decade-90s .vcr-btn:active,.tv-room-page .media-devices-stack.decade-90s .vcr-btn.pressed{color:#39ff14!important;background:#151518!important;border-color:#222225!important}.tv-room-page .media-devices-stack.decade-90s .power-pull-btn.pulled{background:linear-gradient(#39ff14 0%,#22aa0c 100%);border-color:#7cff6b;box-shadow:0 0 10px #39ff14cc,inset 0 1px 3px #fff6}.tv-room-page .media-devices-stack.decade-90s .btn-led,.tv-room-page .media-devices-stack.decade-90s .bezel-icon-btn.active .btn-led{background-color:#39ff14!important;box-shadow:0 0 5px #39ff14!important}.tv-room-page .media-devices-stack.decade-90s .vcr-clock-display .channel-indicator{color:#39ff1459!important}.tv-room-page .media-devices-stack.decade-90s .vcr-clock-display .digits{color:#39ff14!important;text-shadow:0 0 5px #39ff14cc!important}.tv-room-page .media-devices-stack.decade-00s .crt-television-set{color:#333;background:linear-gradient(#e0e0e5 0%,#b8b8c0 100%);border:8px solid #c8c8d0}.tv-room-page .media-devices-stack.decade-00s .crt-television-set .crt-screen-bezel{background-color:#b0b0b8;border-top-color:#00000026}.tv-room-page .media-devices-stack.decade-00s .crt-television-set .bezel-label,.tv-room-page .media-devices-stack.decade-00s .crt-television-set .dial-label{color:#444}.tv-room-page .media-devices-stack.decade-00s .crt-screen-frame{border-radius:4px}.tv-room-page .media-devices-stack.decade-00s .crt-screen-glass{border-radius:2px}.tv-room-page .media-devices-stack.decade-00s .crt-scanlines-filter{background:linear-gradient(#12101000 50%,#0000000a 50%) 0 0/100% 2px}.tv-room-page .media-devices-stack.decade-00s .vcr-deck-console{color:#333;background:linear-gradient(#e0e0e5 0%,#b8b8c0 100%);border:6px solid #c8c8d0}.tv-room-page .media-devices-stack.decade-00s .vcr-deck-console .door-insert-label{color:#666}.tv-room-page .media-devices-stack.decade-00s .vcr-btn,.tv-room-page .media-devices-stack.decade-00s .bezel-icon-btn{color:#222!important;background:linear-gradient(#f8f8fa 0%,#c0c0c8 100%)!important;border-color:#a0a0a8!important;border-radius:2px!important;box-shadow:0 1px 2px #0003!important}.tv-room-page .media-devices-stack.decade-00s .vcr-btn svg,.tv-room-page .media-devices-stack.decade-00s .bezel-icon-btn svg{color:#222!important}.tv-room-page .media-devices-stack.decade-00s .vcr-btn:active,.tv-room-page .media-devices-stack.decade-00s .vcr-btn.pressed,.tv-room-page .media-devices-stack.decade-00s .bezel-icon-btn:active,.tv-room-page .media-devices-stack.decade-00s .bezel-icon-btn.pressed{background:linear-gradient(#b0b0b8 0%,#d8d8e0 100%)!important}.tv-room-page .media-devices-stack.decade-00s .power-pull-btn.pulled{background:linear-gradient(#fff 0%,#ccc 100%);border-color:#fff;box-shadow:0 0 10px #e6f0ffcc,inset 0 1px 3px #fff6}.tv-room-page .media-devices-stack.decade-00s .btn-led,.tv-room-page .media-devices-stack.decade-00s .bezel-icon-btn.active .btn-led{background-color:#fff!important;box-shadow:0 0 5px #fff!important}.tv-room-page .media-devices-stack.decade-00s .vcr-clock-display .channel-indicator{color:#ffffff59!important}.tv-room-page .media-devices-stack.decade-00s .vcr-clock-display .digits{color:#fff!important;text-shadow:0 0 5px #fffc!important}.tv-room-page .crt-television-set{box-sizing:border-box;background:linear-gradient(135deg,#2b2b2f 0%,#17171a 100%);border:8px solid #3d3d42;border-radius:16px;flex-direction:row;flex:0 auto;align-self:center;width:auto;height:100%;max-height:100%;display:flex;position:relative;overflow:hidden;box-shadow:0 25px 50px #000c,inset 0 2px 5px #ffffff14,inset 0 -5px 15px #0009}.tv-room-page .crt-television-set:after{content:"";pointer-events:none;z-index:5;background:linear-gradient(#ffffff0a 0%,#0000 100%);border-radius:8px 8px 0 0;height:30%;position:absolute;top:0;left:0;right:0}@media (width<=768px),(orientation:portrait){.tv-room-page .crt-television-set{flex-direction:column;flex:none;align-self:auto;max-width:500px;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important}}.tv-room-page .crt-screen-frame{aspect-ratio:4/3;background:#000;border-bottom:none;border-right:4px solid #1a1a1c;flex:1;justify-content:center;align-items:center;width:auto;height:100%;display:flex;position:relative;overflow:hidden}@media (width<=768px),(orientation:portrait){.tv-room-page .crt-screen-frame{border-bottom:4px solid #1a1a1c;border-right:none;width:100%;height:auto}}.tv-room-page .crt-screen-frame.curvature-filter:before{content:"";pointer-events:none;z-index:10;border-radius:4px;position:absolute;inset:0;box-shadow:inset 0 0 35px #000000fa}.tv-room-page .crt-screen-glass{background:#000;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.tv-room-page .crt-screen-glass.css-fullscreen-active{z-index:99999!important;background:#000!important;border:none!important;border-radius:0!important;width:100vw!important;height:100vh!important;position:fixed!important;inset:0!important}.tv-room-page .crt-screen-glass.css-fullscreen-active .crt-scanlines-filter,.tv-room-page .crt-screen-glass.css-fullscreen-active .crt-flicker-overlay{border-radius:0!important}.tv-room-page .crt-screen-glass .fullscreen-exit-overlay-btn{z-index:999999;color:#fff;cursor:pointer;background:#000000a6;border:1.5px solid #ffffff59;border-radius:50%;outline:none;justify-content:center;align-items:center;width:36px;height:36px;padding:0;transition:all .2s;display:flex;position:absolute;top:1rem;right:1rem;box-shadow:0 4px 10px #00000080}.tv-room-page .crt-screen-glass .fullscreen-exit-overlay-btn:hover{background:#000000d9;border-color:#fff;transform:scale(1.1)}.tv-room-page .crt-screen-glass .fullscreen-exit-overlay-btn:active{transform:scale(.9)}.tv-room-page .crt-scanlines-filter{z-index:8;pointer-events:none;background:linear-gradient(#12101000 50%,#00000047 50%) 0 0/100% 4px;position:absolute;inset:0}.tv-room-page .crt-flicker-overlay{opacity:0;z-index:7;pointer-events:none;background:#12101008;animation:.25s infinite crtFlicker;position:absolute;inset:0}.tv-room-page .crt-screen-click-shield{z-index:5;cursor:pointer;position:absolute;inset:0}.tv-room-page .tv-static-overlay{z-index:6;opacity:.85;pointer-events:none;background-color:#121214;background-image:url("data:image/svg+xml,%3Csvg viewBox=\"0 0 200 200\" xmlns=\"http://www.w3.org/2000/svg\"%3E%3Cfilter id=\"noise\"%3E%3CfeTurbulence type=\"fractalNoise\" baseFrequency=\"0.85\" numOctaves=\"4\" stitchTiles=\"stitch\"/%3E%3C/filter%3E%3Crect width=\"100%25\" height=\"100%25\" filter=\"url(%23noise)\"/%3E%3C/svg%3E");animation:.15s steps(4,end) infinite staticNoise;position:absolute;inset:0}.tv-room-page .tv-static-overlay.subtle-static{opacity:.28;mix-blend-mode:screen;background-color:#0000}.tv-room-page .tv-static-overlay.tv-off{opacity:1;background:#000;animation:none}.tv-room-page .vhs-fast-static{z-index:6;pointer-events:none;position:absolute;inset:0}.tv-room-page .vhs-fast-static .tracking-line{opacity:.55;mix-blend-mode:screen;background:url("data:image/svg+xml,%3Csvg viewBox=\"0 0 200 30\" xmlns=\"http://www.w3.org/2000/svg\"%3E%3Cfilter id=\"noise\"%3E%3CfeTurbulence type=\"fractalNoise\" baseFrequency=\"0.95\" numOctaves=\"3\" stitchTiles=\"stitch\"/%3E%3C/filter%3E%3Crect width=\"100%25\" height=\"100%25\" filter=\"url(%23noise)\"/%3E%3C/svg%3E");width:100%;height:18px;position:absolute}.tv-room-page .vhs-fast-static .line-1{animation:2s linear infinite trackingLineMove;top:20%}.tv-room-page .vhs-fast-static .line-2{animation:1.6s linear infinite reverse trackingLineMove;bottom:25%}.tv-room-page .tv-content-container,.tv-room-page .vcr-content-container,.tv-room-page .vcr-video-wrapper{width:100%;height:100%;position:relative}.tv-room-page .tv-youtube-iframe{border:none;width:100%;height:100%;transform:scale(1.01)}.tv-room-page .vhs-video-element{object-fit:contain;width:100%;height:100%}.tv-room-page .vhs-video-element.distorted{filter:contrast(1.15)brightness(1.2)saturate(.8)}.tv-room-page .channel-indicator-badge{color:#ff3c00;text-shadow:0 0 4px #ff3c00;z-index:9;background:#000c;border:1px solid #ff3c00;border-radius:4px;padding:4px 10px;font-family:Courier New,monospace;font-size:1.1rem;font-weight:700;animation:4s forwards fadeBadge;position:absolute;top:15px;right:20px;box-shadow:0 0 8px #ff3c004d}.tv-room-page .tv-pause-overlay{color:#ff3c00;text-shadow:0 0 6px #ff3c00;letter-spacing:1px;z-index:9;background:#0009;border:1px solid #ff3c00;border-radius:4px;padding:4px 10px;font-size:1.2rem;font-weight:700;position:absolute;top:20px;left:20px}.tv-room-page .video-title-toast{z-index:9;pointer-events:none;background:#0a0a0fd9;border:1px solid #b4ec5166;border-radius:6px;padding:8px 12px;animation:5s forwards fadeBadge;position:absolute;bottom:15px;left:20px;right:20px;box-shadow:0 5px 15px #00000080}.tv-room-page .video-title-toast .channel-toast-title{letter-spacing:1.5px;color:#b4ec51;margin:0 0 2px;font-size:.65rem;font-weight:700}.tv-room-page .video-title-toast .video-toast-name{color:#fff;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:.8rem;overflow:hidden}.tv-room-page .vhs-hud-overlay{z-index:9;pointer-events:none;color:#0f6;text-shadow:0 0 4px #0f6c;letter-spacing:1px;flex-direction:column;justify-content:space-between;padding:1.25rem;font-size:.9rem;font-weight:700;display:flex;position:absolute;inset:0}.tv-room-page .vhs-hud-overlay .hud-row{justify-content:space-between;width:100%;display:flex}.tv-room-page .crt-insertion-screen{background-color:#0d0d0f;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.tv-room-page .crt-insertion-screen .vcr-mechanics-sound{color:#0ff;text-shadow:0 0 5px #0ff;letter-spacing:2px;z-index:3;margin-bottom:2rem;font-size:.85rem}.tv-room-page .crt-insertion-screen .sliding-vhs-tape{z-index:2;background:#1e1e1e;border:3px solid #333;border-radius:4px;justify-content:center;align-items:center;width:180px;height:35px;transition:transform 2.2s cubic-bezier(.25,.8,.25,1);display:flex;box-shadow:0 10px 20px #0009}.tv-room-page .crt-insertion-screen .sliding-vhs-tape.inserting{animation:2.5s forwards tapeSlidingIn}.tv-room-page .crt-insertion-screen .sliding-vhs-tape.ejecting{animation:1.5s forwards tapeSlidingOut}.tv-room-page .crt-insertion-screen .sliding-vhs-tape .tape-spine{color:#fff;box-sizing:border-box;justify-content:center;align-items:center;width:100%;height:100%;padding:0 8px;display:flex}.tv-room-page .crt-insertion-screen .sliding-vhs-tape .tape-spine .sticker-label{color:#000;text-align:center;text-overflow:ellipsis;white-space:nowrap;background:#fff;border-radius:2px;width:80%;padding:2px 8px;font-size:.65rem;overflow:hidden}.tv-room-page .vhs-tracking-screen{background:#000;width:100%;height:100%;position:relative}.tv-room-page .vhs-tracking-screen .tracking-toast{z-index:10;text-align:center;background:#000000e6;border:2px solid #0ff;border-radius:6px;width:200px;padding:15px 25px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 15px #0ff6}.tv-room-page .vhs-tracking-screen .tracking-toast .tracking-title{color:#0ff;letter-spacing:1px;margin-bottom:8px;font-size:.8rem;font-weight:700}.tv-room-page .vhs-tracking-screen .tracking-toast .tracking-bar{background:#1a1a24;border-radius:4px;width:100%;height:8px;overflow:hidden}.tv-room-page .vhs-tracking-screen .tracking-toast .tracking-bar .bar-fill{background:#0ff;width:0%;height:100%;animation:.8s forwards trackingBarFill}.tv-room-page .vhs-idle-screen{width:100%;height:100%;position:relative}.tv-room-page .vhs-idle-screen .vcr-no-tape-toast{text-align:center;color:#0ff;text-shadow:0 0 5px #0ff;z-index:10;letter-spacing:1px;flex-direction:column;gap:.5rem;font-size:.9rem;font-weight:700;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.tv-room-page .vhs-idle-screen .vcr-no-tape-toast .sub-text{color:#0ff9;letter-spacing:0;font-size:.65rem}.tv-room-page .crt-screen-bezel{box-sizing:border-box;background:#1c1c1f;border-top:none;border-left:1px solid #ffffff0d;flex-direction:column;justify-content:space-between;align-items:center;width:80px;height:100%;padding:.5rem 0;display:flex}@media (width<=768px),(orientation:portrait){.tv-room-page .crt-screen-bezel{border-top:1px solid #ffffff0d;border-left:none;flex-direction:row;justify-content:space-between;width:100%;height:60px;padding:0 1.25rem}}.tv-room-page .crt-screen-bezel .bezel-label{color:#777;letter-spacing:1.5px;text-transform:uppercase;white-space:nowrap;margin-top:3px;font-size:.5rem;font-weight:700;position:absolute;top:100%;left:50%;transform:translate(-50%)}.tv-room-page .crt-screen-bezel .bezel-btn-group{justify-content:center;align-items:center;width:22px;height:22px;display:flex;position:relative}.tv-room-page .crt-screen-bezel .power-pull-btn{cursor:pointer;background:linear-gradient(#dd3b3b 0%,#aa1a1a 100%);border:2px solid #511;border-radius:50%;outline:none;justify-content:center;align-items:center;width:22px;height:22px;padding:0;transition:transform .1s;display:flex;position:relative;box-shadow:0 2px 4px #00000080,inset 0 1px 2px #ffffff4d}.tv-room-page .crt-screen-bezel .power-pull-btn:active{transform:scale(.9)}.tv-room-page .crt-screen-bezel .power-pull-btn.pulled{border-color:#f55;box-shadow:0 0 10px #dd3b3bcc,inset 0 1px 3px #fff6}.tv-room-page .crt-screen-bezel .power-pull-btn .btn-inner{border:1px solid #ffffff4d;border-radius:50%;width:12px;height:12px}.tv-room-page .crt-screen-bezel .bezel-dials-row{flex-direction:column;justify-content:center;align-items:center;gap:2.25rem;display:flex}@media (width<=768px),(orientation:portrait){.tv-room-page .crt-screen-bezel .bezel-dials-row{flex-direction:row;gap:1.25rem}}.tv-room-page .crt-screen-bezel .bezel-dials-row .dial-container{justify-content:center;align-items:center;width:32px;height:32px;display:flex;position:relative}.tv-room-page .crt-screen-bezel .bezel-dials-row .dial-label{color:#555;letter-spacing:.5px;text-transform:uppercase;white-space:nowrap;margin-top:3px;font-size:.5rem;font-weight:700;position:absolute;top:100%;left:50%;transform:translate(-50%)}.tv-room-page .crt-screen-bezel .bezel-dials-row .rotary-knob{cursor:pointer;background:radial-gradient(circle,#333338 40%,#151517 100%);border:2px solid #4a4a52;border-radius:50%;width:32px;height:32px;transition:transform .3s cubic-bezier(.25,.8,.25,1);position:relative;box-shadow:0 2px 4px #0006}.tv-room-page .crt-screen-bezel .bezel-dials-row .rotary-knob.disabled{opacity:.2;pointer-events:none}.tv-room-page .crt-screen-bezel .bezel-dials-row .rotary-knob .knob-pointer{background-color:#ff3c00;border-radius:1px;width:2px;height:8px;position:absolute;top:3px;left:50%;transform:translate(-50%);box-shadow:0 0 2px #ff3c00}.tv-room-page .crt-screen-bezel .bezel-common-buttons{flex-direction:column;justify-content:center;align-items:center;gap:.65rem;display:flex}@media (width<=768px),(orientation:portrait){.tv-room-page .crt-screen-bezel .bezel-common-buttons{flex-direction:row;gap:.65rem}}.tv-room-page .crt-screen-bezel .bezel-common-buttons .bezel-icon-btn{color:#aaa;cursor:pointer;box-sizing:border-box;background:linear-gradient(#2b2b2f 0%,#1a1a1c 100%);border:1.5px solid #44444a;border-radius:6px;justify-content:center;align-items:center;min-width:26px;height:26px;padding:5px 6px;transition:all .15s;display:flex;box-shadow:0 2px 4px #0000004d}.tv-room-page .crt-screen-bezel .bezel-common-buttons .bezel-icon-btn:hover{color:#fff;border-color:#666}.tv-room-page .crt-screen-bezel .bezel-common-buttons .bezel-icon-btn:active{box-shadow:none;transform:translateY(1px)}.tv-room-page .crt-screen-bezel .bezel-common-buttons .bezel-icon-btn.active{color:#121212;background:#b4ec51;border-color:#b4ec51;box-shadow:0 0 8px #b4ec5166}.tv-room-page .crt-screen-bezel .bezel-common-buttons .input-select-btn{letter-spacing:.5px;align-items:center;gap:5px;height:26px;padding:0 8px;font-size:.6rem;font-weight:700;display:flex}.tv-room-page .crt-screen-bezel .bezel-common-buttons .input-select-btn .btn-led{background-color:#f80;border-radius:50%;width:6px;height:6px;transition:background-color .2s,box-shadow .2s;box-shadow:0 0 4px #f80}.tv-room-page .crt-screen-bezel .bezel-common-buttons .input-select-btn.mode-vcr .btn-led{background-color:#0ff;box-shadow:0 0 4px #0ff}.tv-room-page .vcr-deck-cabinet{box-sizing:border-box;flex-direction:column;flex-grow:0;flex-shrink:0;justify-content:center;align-self:center;display:flex;position:relative;width:105px!important;height:calc(100vh - 200px)!important;min-height:340px!important;max-height:550px!important}@media (width<=768px),(orientation:portrait){.tv-room-page .vcr-deck-cabinet{flex:none;align-self:auto;max-width:500px;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important}}.tv-room-page .vcr-deck-console{box-sizing:border-box;background:linear-gradient(#202023 0%,#111113 100%);border:6px solid #323238;border-radius:12px;width:100%;padding:.75rem 1.25rem;box-shadow:0 20px 40px #000000b3,inset 0 1px 2px #ffffff0d}@media (width>=769px) and (orientation:landscape){.tv-room-page .vcr-deck-console{white-space:nowrap;z-index:5;position:absolute;transform-origin:50%!important;width:calc(100vh - 200px)!important;min-width:340px!important;max-width:550px!important;height:105px!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)rotate(90deg)!important}}@media (width<=768px),(orientation:portrait){.tv-room-page .vcr-deck-console{width:100%}}.tv-room-page .vcr-deck-console .vcr-front-face{flex-direction:column;gap:.6rem;display:flex}.tv-room-page .vcr-deck-console .vcr-row-one{align-items:stretch;gap:1rem;width:100%;display:flex}.tv-room-page .vcr-deck-console .slot-section{aspect-ratio:187/32;background:#030303;border:2px solid #28282c;border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;width:62%;display:flex;position:relative}.tv-room-page .vcr-deck-console .vcr-slot-door{background:#111113;justify-content:center;align-items:center;width:100%;height:100%;transition:all .3s;display:flex}.tv-room-page .vcr-deck-console .vcr-slot-door .slot-led-glow{opacity:.15;background-color:#0ff;height:2px;position:absolute;bottom:0;left:0;right:0;box-shadow:0 0 5px #0ff}.tv-room-page .vcr-deck-console .vcr-slot-door .door-insert-label{color:#444;letter-spacing:.5px;text-align:center;white-space:nowrap;font-size:.48rem;line-height:1}.tv-room-page .vcr-deck-console .vcr-slot-door.door-closed{background:#0d0d0e}.tv-room-page .vcr-deck-console .vcr-slot-door.door-closed .slot-led-glow{opacity:.8;background-color:#ff3c00;box-shadow:0 0 8px #ff3c00}.tv-room-page .vcr-deck-console .vcr-slot-door.door-closed .door-insert-label{color:#771c1c}.tv-room-page .vcr-deck-console .vcr-slot-door.door-has-tape{background:#09090a}.tv-room-page .vcr-deck-console .vcr-slot-door .slot-inserted-tape-visible{box-sizing:border-box;background:#09090a;border-bottom:2px solid #1a1a20;justify-content:center;align-items:center;width:100%;height:100%;padding:0 4px;display:flex}.tv-room-page .vcr-deck-console .vcr-slot-door .slot-inserted-tape-visible .inserted-tape-edge{box-sizing:border-box;background:#1e1e24;border:1px solid #2d2d35;border-radius:2px;align-items:center;width:100%;height:60%;padding-left:6px;display:flex;position:relative;box-shadow:inset 0 1px 3px #00000080}.tv-room-page .vcr-deck-console .vcr-slot-door .slot-inserted-tape-visible .inserted-tape-edge:after{content:"";background:#111;border-radius:1px;width:12px;height:4px;position:absolute;right:8px;box-shadow:inset 0 1px 1px #000c}.tv-room-page .vcr-deck-console .vcr-slot-door .slot-inserted-tape-visible .tape-inserted-indicator{color:#777;letter-spacing:.5px;font-size:.4rem;font-weight:700}.tv-room-page .vcr-deck-console .vcr-slot-tape{box-sizing:border-box;z-index:3;pointer-events:none;width:92%;height:75%;transform-style:preserve-3d;background-color:#1a1a1d;border:1.5px solid #2d2d35;border-left:none;border-radius:2px;justify-content:flex-start;align-items:center;padding:0 10px;display:flex;position:absolute;box-shadow:0 4px 8px #0009}.tv-room-page .vcr-deck-console .vcr-slot-tape .slot-tape-sticker{color:#111;box-sizing:border-box;background:#fff;border-radius:1.5px;flex:1;justify-content:space-between;align-items:center;height:70%;margin-left:6px;padding:0 8px;display:flex;overflow:hidden;box-shadow:inset 0 1px 2px #0000004d}.tv-room-page .vcr-deck-console .vcr-slot-tape .slot-tape-sticker .slot-tape-title{white-space:nowrap;text-overflow:ellipsis;letter-spacing:-.2px;max-width:80%;font-size:.52rem;font-weight:700;overflow:hidden}.tv-room-page .vcr-deck-console .vcr-slot-tape .slot-tape-sticker .slot-tape-year{color:#666;font-size:.45rem;font-weight:700}.tv-room-page .vcr-deck-console .vcr-slot-tape.state-loading{animation:3.2s cubic-bezier(.25,.8,.25,1) forwards vcrTapeInsert}.tv-room-page .vcr-deck-console .vcr-slot-tape.state-ejecting{animation:1.5s cubic-bezier(.25,.8,.25,1) forwards vcrTapeEject}.tv-room-page .vcr-deck-console .vcr-slot-tape.state-inserted,.tv-room-page .vcr-deck-console .vcr-slot-tape.state-playing,.tv-room-page .vcr-deck-console .vcr-slot-tape.state-ff,.tv-room-page .vcr-deck-console .vcr-slot-tape.state-rew{filter:brightness(.65);border-color:#151518;transform:scale(.92);box-shadow:inset 0 2px 5px #000c,0 1px 2px #ffffff0d}.tv-room-page .vcr-deck-console .display-section{box-sizing:border-box;background:#000;border:2px solid #252528;border-radius:4px;flex:1;align-items:center;min-width:0;padding:0 8px;display:flex}.tv-room-page .vcr-deck-console .vcr-segment-display{justify-content:space-between;align-items:center;width:100%;line-height:1;display:flex}.tv-room-page .vcr-deck-console .vcr-segment-display .vcr-clock-display{align-items:center;gap:6px;display:flex}.tv-room-page .vcr-deck-console .vcr-segment-display .vcr-clock-display .channel-indicator{color:#00ffff59;font-size:.55rem;font-weight:700}.tv-room-page .vcr-deck-console .vcr-segment-display .vcr-clock-display .digits{color:#0ff;text-shadow:0 0 5px #0ffc;letter-spacing:.5px;font-size:.95rem}.tv-room-page .vcr-deck-console .vcr-segment-display .vcr-status-indicators{gap:3px;display:flex}.tv-room-page .vcr-deck-console .vcr-segment-display .vcr-status-indicators .status-dot{background:#1a1a1a;border-radius:50%;width:4px;height:4px;position:relative}.tv-room-page .vcr-deck-console .vcr-segment-display .vcr-status-indicators .status-dot.active{box-shadow:0 0 4px}.tv-room-page .vcr-deck-console .vcr-segment-display .vcr-status-indicators .status-dot.play{color:#0f6}.tv-room-page .vcr-deck-console .vcr-segment-display .vcr-status-indicators .status-dot.play.active{background:#0f6}.tv-room-page .vcr-deck-console .vcr-segment-display .vcr-status-indicators .status-dot.ff{color:#fb0}.tv-room-page .vcr-deck-console .vcr-segment-display .vcr-status-indicators .status-dot.ff.active{background:#fb0}.tv-room-page .vcr-deck-console .vcr-segment-display .vcr-status-indicators .status-dot.rew{color:#fb0}.tv-room-page .vcr-deck-console .vcr-segment-display .vcr-status-indicators .status-dot.rew.active{background:#fb0}.tv-room-page .vcr-deck-console .vcr-row-two{width:100%}.tv-room-page .vcr-deck-console .vcr-buttons-group{grid-template-columns:repeat(4,1fr);gap:.5rem;display:grid}.tv-room-page .vcr-deck-console .vcr-buttons-group .vcr-btn{color:#aaa;cursor:pointer;background:linear-gradient(#3d3d42 0%,#1e1e21 100%);border:2px solid #505056;border-radius:4px;outline:none;justify-content:center;align-items:center;padding:8px 0;transition:all .1s;display:flex;box-shadow:0 3px 5px #0006}.tv-room-page .vcr-deck-console .vcr-buttons-group .vcr-btn:hover:not(:disabled){color:#fff;border-color:#6a6a70}.tv-room-page .vcr-deck-console .vcr-buttons-group .vcr-btn:active:not(:disabled),.tv-room-page .vcr-deck-console .vcr-buttons-group .vcr-btn.pressed{color:#0ff;background:#080809;border-color:#0ff;transform:translateY(1px);box-shadow:inset 0 2px 4px #000c,0 0 5px #00ffff4d}.tv-room-page .vcr-deck-console .vcr-buttons-group .vcr-btn:disabled,.tv-room-page .vcr-deck-console .vcr-buttons-group .vcr-btn.inactive{opacity:.2;cursor:not-allowed;box-shadow:none;border-color:#2b2b2f}.tv-room-page .bottom-interactive-drawer{box-sizing:border-box;background:#1a1a24d9;border:2px solid #b4ec5126;border-radius:12px;width:100%;max-width:820px;padding:1.75rem;box-shadow:0 20px 40px #0006}.tv-room-page .bottom-interactive-drawer h2{color:#b4ec51;letter-spacing:.5px;margin:0 0 6px;font-size:1.35rem}.tv-room-page .bottom-interactive-drawer h2.drawer-title{margin-top:1.5rem}.tv-room-page .bottom-interactive-drawer .tv-desc{color:#fff9;margin:0 0 1.5rem;font-size:.85rem;line-height:1.4}.tv-room-page .tv-tuning-panel .channel-list h3{text-transform:uppercase;color:#ff3c00;letter-spacing:1px;margin:0 0 1rem;font-size:.9rem}.tv-room-page .tv-tuning-panel .channels-grid{grid-template-columns:repeat(2,1fr);gap:1rem;width:100%;display:grid}@media (width<=600px){.tv-room-page .tv-tuning-panel .channels-grid{grid-template-columns:1fr}}.tv-room-page .tv-tuning-panel .channel-card{cursor:pointer;background:#ffffff08;border:1.5px solid #ffffff14;border-radius:8px;align-items:center;gap:12px;min-width:0;padding:10px 14px;transition:all .2s;display:flex}.tv-room-page .tv-tuning-panel .channel-card:hover{background:#ffffff0f;border-color:#ffffff26}.tv-room-page .tv-tuning-panel .channel-card.active{background:#ff3c0014;border-color:#ff3c00;box-shadow:0 0 10px #ff3c0026}.tv-room-page .tv-tuning-panel .channel-card.active .ch-num{color:#fff;text-shadow:0 0 4px #fff9;background:#ff3c00}.tv-room-page .tv-tuning-panel .channel-card .ch-num{color:#fff;background:#ffffff14;border-radius:4px;flex-shrink:0;padding:4px 8px;font-family:Courier New,monospace;font-size:.95rem;font-weight:700}.tv-room-page .tv-tuning-panel .channel-card .ch-info{flex:1;min-width:0;overflow:hidden}.tv-room-page .tv-tuning-panel .channel-card .ch-title{color:#fff;white-space:nowrap;text-overflow:ellipsis;margin-bottom:2px;font-size:.85rem;font-weight:600;overflow:hidden}.tv-room-page .tv-tuning-panel .channel-card .ch-desc{color:#ffffff73;white-space:nowrap;text-overflow:ellipsis;font-size:.72rem;overflow:hidden}.tv-room-page .vhs-cabinet-drawers-panel .drawers-stack-container{flex-direction:column;gap:1.5rem;display:flex}.tv-room-page .vhs-cabinet-drawers-panel .vhs-drawer-unit{border:1px solid #0000004d;border-radius:8px;width:100%;transition:all .4s cubic-bezier(.16,1,.3,1);overflow:hidden;box-shadow:0 4px 10px #0000004d}.tv-room-page .vhs-cabinet-drawers-panel .drawer-front-face{cursor:pointer;-webkit-user-select:none;user-select:none;background:linear-gradient(135deg,#3d2c1f 0%,#20130a 100%);border-top:2px solid #574030;border-bottom:4px solid #140b05;justify-content:space-between;align-items:center;height:70px;padding:0 1.5rem;display:flex;position:relative}.tv-room-page .vhs-cabinet-drawers-panel .drawer-handle-bar{background:#111;border:3px solid #2a2a2a;border-radius:12px;justify-content:center;align-items:center;width:140px;height:24px;display:flex;position:relative;box-shadow:inset 0 2px 5px #000c,0 1px 1px #ffffff14}.tv-room-page .vhs-cabinet-drawers-panel .drawer-handle-bar .handle-wood-grain{opacity:.3;background:linear-gradient(90deg,#432,#1d140c);border-radius:8px;position:absolute;inset:2px}.tv-room-page .vhs-cabinet-drawers-panel .drawer-handle-bar .handle-pull-lip{z-index:2;color:#777;align-items:center;display:flex}.tv-room-page .vhs-cabinet-drawers-panel .dymo-label{color:#fff;letter-spacing:1.5px;background:#8e1515;border-bottom:1.5px solid #0000004d;border-radius:2px;padding:4px 10px;font-family:monospace;font-size:.72rem;font-weight:700;box-shadow:0 2px 5px #0006,inset 0 1px #ffffff26}.tv-room-page .vhs-cabinet-drawers-panel .dymo-label.dymo-blue{background:#15468e}.tv-room-page .vhs-cabinet-drawers-panel .drawer-inner-tray{box-sizing:border-box;background:radial-gradient(circle,#1b1b1e 0%,#101012 100%);border-top:3px solid #000;padding:1.25rem;animation:.35s cubic-bezier(.16,1,.3,1) slideDown}.tv-room-page .vhs-cabinet-drawers-panel .tray-divider-line{background:#ffffff08;height:2px;margin-bottom:1rem}.tv-room-page .vhs-cabinet-drawers-panel .tray-scroll-compartment{width:100%;padding-bottom:8px;overflow-x:auto}.tv-room-page .vhs-cabinet-drawers-panel .tray-scroll-compartment::-webkit-scrollbar{height:6px}.tv-room-page .vhs-cabinet-drawers-panel .tray-scroll-compartment::-webkit-scrollbar-track{background:#0000004d;border-radius:3px}.tv-room-page .vhs-cabinet-drawers-panel .tray-scroll-compartment::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.tv-room-page .vhs-cabinet-drawers-panel .tapes-sleeve-grid{gap:1rem;min-width:max-content;padding:4px;display:flex}.tv-room-page .vhs-cabinet-drawers-panel .vhs-sleeve-slot{cursor:pointer;width:26px;height:185px;transform-style:preserve-3d;transition:transform .25s,filter .2s;position:relative}.tv-room-page .vhs-cabinet-drawers-panel .vhs-sleeve-slot:hover{transform:translateY(-8px)translateZ(10px)}.tv-room-page .vhs-cabinet-drawers-panel .vhs-sleeve-slot:hover .vhs-tape-shell-spine{filter:brightness(1.1);box-shadow:0 15px 25px #000c}.tv-room-page .vhs-cabinet-drawers-panel .vhs-sleeve-slot.selected{transform:translateY(-15px)rotateY(-5deg)translateZ(15px)}.tv-room-page .vhs-cabinet-drawers-panel .vhs-sleeve-slot.selected .vhs-tape-shell-spine{border-color:#b4ec51;box-shadow:0 20px 30px #b4ec5140}.tv-room-page .vhs-cabinet-drawers-panel .vhs-sleeve-slot.inserted-elsewhere{opacity:.35;filter:grayscale(.8);pointer-events:none}.tv-room-page .vhs-cabinet-drawers-panel .vhs-sleeve-slot .sleeve-pocket-overlay{pointer-events:none;background:linear-gradient(90deg,#ffffff03,#0000);border:1px solid #ffffff0d;border-radius:2px;position:absolute;inset:0}.tv-room-page .vhs-cabinet-drawers-panel .vhs-sleeve-slot .vhs-tape-shell-spine{box-sizing:border-box;background-color:#1a1a1d;border:1.5px solid #2c2c32;border-top:none;border-radius:3px;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;height:100%;padding-top:10px;transition:border-color .2s,box-shadow .2s;display:flex;box-shadow:0 8px 16px #0009}.tv-room-page .vhs-cabinet-drawers-panel .vhs-sleeve-slot .vhs-tape-shell-spine .label-sticker{color:#111;box-sizing:border-box;background:#fff;border-radius:2px;flex-direction:column;justify-content:space-between;align-items:center;width:18px;height:155px;padding:4px 0;display:flex;box-shadow:inset 0 1px 3px #0000004d}.tv-room-page .vhs-cabinet-drawers-panel .vhs-sleeve-slot .vhs-tape-shell-spine .label-sticker .sticker-title{writing-mode:vertical-rl;text-orientation:mixed;letter-spacing:-.5px;white-space:nowrap;text-orientation:mixed;max-height:125px;font-size:.52rem;font-weight:700;overflow:hidden}.tv-room-page .vhs-cabinet-drawers-panel .vhs-sleeve-slot .vhs-tape-shell-spine .label-sticker .sticker-year{color:#666;font-size:.45rem;font-weight:700}.tv-room-page .vhs-details-modal-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:9999;background-color:#000c;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.tv-room-page .vhs-details-popover-card{color:#fff;box-sizing:border-box;background:#181822;border:2px solid #b4ec5133;border-radius:12px;width:100%;max-width:580px;padding:2rem;position:relative;box-shadow:0 25px 50px #000c}@media (width<=600px){.tv-room-page .vhs-details-popover-card{padding:1.25rem}}.tv-room-page .vhs-details-popover-card .popover-close-btn{color:#777;cursor:pointer;background:0 0;border:none;transition:color .15s;position:absolute;top:15px;right:15px}.tv-room-page .vhs-details-popover-card .popover-close-btn:hover{color:#fff}.tv-room-page .vhs-details-popover-card .details-panel-content{align-items:flex-start;gap:2rem;display:flex}@media (width<=600px){.tv-room-page .vhs-details-popover-card .details-panel-content{flex-direction:column;align-items:center;gap:1.25rem}}.tv-room-page .vhs-details-popover-card .details-text-group{flex-direction:column;flex:1;justify-content:space-between;align-self:stretch;display:flex}@media (width<=600px){.tv-room-page .vhs-details-popover-card .details-text-group{gap:1rem;width:100%}}.tv-room-page .vhs-details-popover-card .vhs-box-3d-wrapper{perspective:800px;border-radius:4px;flex-shrink:0;width:160px;height:250px;display:flex;overflow:hidden;box-shadow:0 15px 35px #000000b3}.tv-room-page .vhs-details-popover-card .box-card-spine{box-sizing:border-box;justify-content:center;align-items:center;width:26px;height:100%;padding:12px 0;display:flex;box-shadow:inset -2px 0 5px #0006}.tv-room-page .vhs-details-popover-card .box-card-spine .spine-title{writing-mode:vertical-rl;text-orientation:mixed;color:#fff;white-space:nowrap;text-overflow:ellipsis;max-height:220px;font-size:.65rem;overflow:hidden}.tv-room-page .vhs-details-popover-card .box-card-front{background:#111;flex:1;height:100%;position:relative}.tv-room-page .vhs-details-popover-card .box-card-front .box-art-img{object-fit:cover;width:100%;height:100%}.tv-room-page .vhs-details-popover-card .box-card-front .retro-sticker-badge{color:#000;background:#fdf200;border:1px dashed #000;flex-direction:column;align-items:center;padding:4px 6px;font-size:.55rem;font-weight:800;display:flex;position:absolute;top:12px;right:12px;transform:rotate(8deg);box-shadow:1px 2px 4px #0000004d}.tv-room-page .vhs-details-popover-card .box-card-front .retro-sticker-badge .price{margin-bottom:1px;font-size:.72rem}.tv-room-page .vhs-details-popover-card .tape-text-info{flex:1}.tv-room-page .vhs-details-popover-card .tape-text-info h2{color:#fff;margin:0 0 8px;font-size:1.4rem;line-height:1.25}.tv-room-page .vhs-details-popover-card .tape-text-info .tape-meta-row{flex-wrap:wrap;gap:8px;margin-bottom:1rem;display:flex}.tv-room-page .vhs-details-popover-card .tape-text-info .meta-badge{color:#ffffffbf;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:4px;padding:3px 8px;font-size:.72rem}.tv-room-page .vhs-details-popover-card .tape-text-info .meta-badge.genre{color:#0ff;border-color:#0ff3}.tv-room-page .vhs-details-popover-card .tape-text-info .tape-desc{color:#ffffffa6;margin:0 0 1.5rem;font-size:.8rem;line-height:1.45}.tv-room-page .vhs-details-popover-card .vcr-play-trigger-zone{cursor:pointer;width:100%;margin-top:1rem}.tv-room-page .vhs-details-popover-card .vcr-slot-bezel-mini{box-sizing:border-box;background:#000;border:2px solid #333;border-radius:6px;justify-content:center;align-items:center;padding:10px 14px;transition:all .2s;display:flex;position:relative;overflow:hidden}.tv-room-page .vhs-details-popover-card .vcr-slot-bezel-mini:hover{border-color:#0ff;box-shadow:0 0 10px #0ff3}.tv-room-page .vhs-details-popover-card .vcr-slot-bezel-mini:hover .glow-strip{opacity:.8}.tv-room-page .vhs-details-popover-card .vcr-slot-bezel-mini:hover .mini-flap{color:#0ff}.tv-room-page .vhs-details-popover-card .vcr-slot-bezel-mini .glow-strip{opacity:.2;background:#0ff;height:2px;transition:opacity .2s;position:absolute;bottom:0;left:0;right:0;box-shadow:0 0 5px #0ff}.tv-room-page .vhs-details-popover-card .vcr-slot-bezel-mini .mini-flap{color:#bbb;letter-spacing:.5px;align-items:center;gap:8px;font-size:.75rem;font-weight:700;transition:color .2s;display:flex}.tv-room-page .vhs-details-popover-card .vcr-slot-bezel-mini .mini-flap .mini-play-icon{animation:1.5s infinite miniPulse}.animate-fade{animation:.3s ease-out forwards fadeIn}.animate-scale{animation:.25s cubic-bezier(.16,1,.3,1) forwards scaleIn}.font-handwritten{letter-spacing:-.5px;font-family:Courier New,Courier,monospace;font-weight:700}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes trackingBarFill{0%{width:0%}40%{width:35%}60%{width:70%}to{width:100%}}@keyframes vcrTapeInsert{0%{filter:brightness();opacity:0;transform:translateY(35px)scale(1.3)}30%{filter:brightness();opacity:1;transform:translateY(0)scale(1)}to{filter:brightness(.65);opacity:1;transform:translateY(0)scale(.92)}}@keyframes vcrTapeEject{0%{filter:brightness(.65);opacity:1;transform:translateY(0)scale(.92)}40%{filter:brightness();opacity:1;transform:translateY(0)scale(1)}to{filter:brightness();opacity:0;transform:translateY(35px)scale(1.3)}}@keyframes trackingLineMove{0%{transform:translateY(-100%)}to{transform:translateY(400%)}}@keyframes crtFlicker{0%{opacity:.015}50%{opacity:.025}to{opacity:.015}}@keyframes miniPulse{0%{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.15)}to{opacity:.8;transform:scale(1)}}@keyframes staticNoise{0%{transform:translate(0)}10%{transform:translate(-1%,-1%)}20%{transform:translate(1%,2%)}30%{transform:translate(-2%,-2%)}40%{transform:translate(1%,3%)}50%{transform:translate(-1%,1%)}60%{transform:translate(2%,-1%)}70%{transform:translate(-2%,1%)}80%{transform:translate(1%,-2%)}90%{transform:translate(-1%,3%)}to{transform:translate(0)}}@keyframes fadeBadge{0%{opacity:1}80%{opacity:1}to{opacity:0}}.newsstand-page{width:100%;min-height:calc(100vh - 80px);color:var(--text-primary);box-sizing:border-box;flex-direction:column;gap:2rem;padding:75px 1.5rem 2rem;display:flex}@media (width<=768px){.newsstand-page{padding:85px 1rem 2rem}}.newsstand-page .newsstand-error{color:#f77;background:#ff55551a;border:1px solid #f553;border-radius:4px;padding:.75rem 1.25rem;font-size:.9rem}.newsstand-page .newsstand-layout{box-sizing:border-box;flex-wrap:wrap;flex:1;align-items:flex-start;gap:2rem;width:100%;max-width:100%;display:flex;position:relative}.newsstand-page .wire-rack-container{box-sizing:border-box;flex:1;width:100%;min-width:0;max-width:100%;position:relative}.newsstand-page .wire-rack-container .rack-shelves{box-sizing:border-box;background:linear-gradient(#111 0%,#1c1c1c 100%);border:4px solid #444;border-radius:6px;flex-direction:column;justify-content:flex-start;align-items:stretch;width:100%;max-width:100%;min-height:450px;padding:2.5rem 1.5rem;display:flex;position:relative;box-shadow:inset 0 10px 30px #000000e6,0 10px 20px #00000080}.newsstand-page .wire-rack-container .rack-shelves.loading{justify-content:center;align-items:center}.newsstand-page .wire-rack-container .rack-shelves:before{content:"";pointer-events:none;z-index:1;background:repeating-linear-gradient(#0000,#0000 140px,#333 140px 142px,#222 142px 144px);position:absolute;inset:0}.newsstand-page .wire-rack-container .rack-loading,.newsstand-page .wire-rack-container .rack-empty{color:var(--text-muted);z-index:2;font-size:1.1rem;font-style:italic}.newsstand-page .wire-rack-container .rack-sections-container{z-index:2;flex-direction:column;gap:3rem;width:100%;display:flex;position:relative}.newsstand-page .wire-rack-container .rack-sections-container .rack-section{flex-direction:column;gap:1.25rem;display:flex}.newsstand-page .wire-rack-container .rack-sections-container .rack-section .rack-section-header{border-bottom:1px solid #ffffff08;justify-content:space-between;align-items:center;gap:1rem;width:100%;padding-bottom:.5rem;display:flex}.newsstand-page .wire-rack-container .rack-sections-container .rack-section .rack-section-header .rack-section-title{letter-spacing:.5px;color:#aaa;text-shadow:0 2px 4px #00000080;margin:0;font-size:1.1rem;font-weight:700}.newsstand-page .wire-rack-container .rack-sections-container .rack-section .rack-section-header .organize-btn{cursor:pointer;background:var(--border-subtle);border:1px solid var(--border-light);color:var(--text-secondary);border-radius:4px;padding:.4rem .8rem;font-size:.75rem;font-weight:600;transition:all .2s ease-in-out}.newsstand-page .wire-rack-container .rack-sections-container .rack-section .rack-section-header .organize-btn:hover{background:var(--border-light);border-color:var(--border-focus);transform:translateY(-1px)}.newsstand-page .wire-rack-container .rack-sections-container .rack-section .rack-section-header .organize-btn.active{color:#f56;background:#ff334426;border-color:#f34;box-shadow:0 0 8px #f343}.newsstand-page .wire-rack-container .rack-sections-container .rack-section .rack-empty-message{color:var(--text-muted);text-align:center;padding:1.5rem 0;font-size:.9rem;font-style:italic}.newsstand-page .wire-rack-container .magazines-grid{touch-action:pan-x pan-y;overscroll-behavior-x:none;scroll-snap-type:x mandatory;z-index:2;box-sizing:border-box;flex-direction:row;gap:1.5rem;width:100%;padding-bottom:1rem;padding-left:24px;padding-right:24px;display:flex;position:relative;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#0000,#000 24px calc(100% - 24px),#0000);mask-image:linear-gradient(90deg,#0000,#000 24px calc(100% - 24px),#0000)}.newsstand-page .wire-rack-container .magazines-grid::-webkit-scrollbar{display:none}.newsstand-page .wire-rack-container .magazines-grid{-ms-overflow-style:none;scrollbar-width:none}.newsstand-page .magazine-item-wrapper{cursor:pointer;scroll-snap-align:start;flex-direction:column;flex-shrink:0;gap:.75rem;width:clamp(100px,28vw,130px);transition:transform .2s cubic-bezier(.25,.8,.25,1);display:flex;position:relative}.newsstand-page .magazine-item-wrapper .delete-badge-btn{color:#fff;cursor:pointer;z-index:10;background:#f34;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;transition:transform .2s,background-color .2s;display:flex;position:absolute;top:-8px;right:-8px;box-shadow:0 4px 10px #0006}.newsstand-page .magazine-item-wrapper .delete-badge-btn:hover{background:#f12;transform:scale(1.1)}.newsstand-page .magazine-item-wrapper .delete-badge-btn svg{width:12px;height:12px}.newsstand-page .magazine-item-wrapper.jiggling{animation:.3s ease-in-out infinite jiggle}.newsstand-page .magazine-item-wrapper.jiggling:hover{transform:none!important}.newsstand-page .magazine-item-wrapper.jiggling:hover .magazine-cover-book{transform:none!important;box-shadow:5px 5px 15px #000000b3!important}.newsstand-page .magazine-item-wrapper:hover:not(.jiggling){transform:translateY(-8px)}.newsstand-page .magazine-item-wrapper:hover:not(.jiggling) .magazine-cover-book{transform:rotateY(-18deg);box-shadow:0 15px 30px #000000e6}.newsstand-page .magazine-item-wrapper:hover:not(.jiggling) .magazine-cover-book:after{opacity:.8}.newsstand-page .magazine-item-wrapper.active:not(.jiggling){transform:translateY(-8px)}.newsstand-page .magazine-item-wrapper.active:not(.jiggling) .magazine-cover-book{border-color:#e509144d;transform:rotateY(-20deg)scale(1.03);box-shadow:0 15px 35px #e5091459}.newsstand-page .magazine-item-wrapper.active:not(.jiggling) .magazine-cover-book:after{opacity:.9}.newsstand-page .magazine-item-wrapper .magazine-cover-book{aspect-ratio:.75;border:1px solid var(--border-subtle);width:100%;transform-style:preserve-3d;perspective:500px;background:#252525;border-radius:2px 4px 4px 2px;transition:all .3s cubic-bezier(.25,.8,.25,1);position:relative;box-shadow:5px 5px 15px #000000b3}.newsstand-page .magazine-item-wrapper .magazine-cover-book:after{content:"";pointer-events:none;opacity:.5;background:linear-gradient(115deg,#ffffff1f 0%,#ffffff14 25%,#0000 26% 45%,#ffffff0a 46% 50%,#0000 51%);transition:opacity .3s;position:absolute;inset:0}.newsstand-page .magazine-item-wrapper .magazine-cover-book .mag-cover-img{object-fit:cover;border-radius:2px 4px 4px 2px;width:100%;height:100%;display:block}.newsstand-page .magazine-item-wrapper .magazine-cover-book .default-mag-cover{text-align:center;border-radius:2px 4px 4px 2px;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:100%;height:100%;padding:1rem .5rem;display:flex}.newsstand-page .magazine-item-wrapper .magazine-cover-book .default-mag-cover .default-mag-icon{color:#fff6}.newsstand-page .magazine-item-wrapper .magazine-cover-book .default-mag-cover .default-mag-title-text{color:#fff;-webkit-line-clamp:4;text-shadow:0 1px 3px var(--bg-overlay);-webkit-box-orient:vertical;font-size:.65rem;font-weight:700;line-height:1.2;display:-webkit-box;overflow:hidden}.newsstand-page .magazine-item-wrapper .magazine-cover-book .book-spine{background:#00000080;width:5px;position:absolute;top:0;bottom:0;left:0;box-shadow:2px 0 5px #00000080}.newsstand-page .magazine-item-wrapper .magazine-cover-book .book-pages{z-index:-1;background:#eee;border-radius:0 2px 2px 0;width:4px;position:absolute;top:2px;bottom:2px;right:-4px;box-shadow:inset 1px 0 1px #0000004d}.newsstand-page .magazine-item-wrapper .magazine-basic-info h3{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.8rem;font-weight:700;line-height:1.2;display:-webkit-box;overflow:hidden}.newsstand-page .magazine-item-wrapper .magazine-basic-info .mag-badge{color:#55c0ff;background:#55c0ff14;border-radius:2px;margin-top:4px;padding:1px 6px;font-size:.65rem;font-weight:600;display:inline-block}.newsstand-page .mag-details-panel{border:1px solid var(--border-light);background:#1e1e2dd9;border-radius:12px;flex-direction:column;gap:1.25rem;width:320px;padding:1.5rem;animation:.4s cubic-bezier(.16,1,.3,1) slideInRight;display:flex;position:relative;box-shadow:0 20px 40px #0009}.newsstand-page .mag-details-panel .close-panel-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:1.8rem;line-height:1;position:absolute;top:10px;right:15px}.newsstand-page .mag-details-panel .close-panel-btn:hover{color:#fff}.newsstand-page .mag-details-panel .panel-mag-art{justify-content:center;width:100%;display:flex}.newsstand-page .mag-details-panel .panel-mag-art .details-cover-img{object-fit:cover;border-radius:4px;width:150px;height:200px;box-shadow:0 10px 20px #00000080}.newsstand-page .mag-details-panel .panel-mag-art .details-default-cover{text-align:center;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;gap:12px;width:150px;height:200px;padding:1.5rem 1rem;display:flex;box-shadow:0 10px 20px #00000080}.newsstand-page .mag-details-panel .panel-mag-art .details-default-cover .default-mag-icon{color:#fff6}.newsstand-page .mag-details-panel .panel-mag-art .details-default-cover .default-mag-title-text{color:#fff;-webkit-line-clamp:4;text-shadow:0 1px 3px var(--bg-overlay);-webkit-box-orient:vertical;font-size:.8rem;font-weight:700;line-height:1.3;display:-webkit-box;overflow:hidden}.newsstand-page .mag-details-panel .panel-mag-content{flex-direction:column;gap:10px;display:flex}.newsstand-page .mag-details-panel .panel-mag-content h2{margin:0;font-size:1.15rem;font-weight:700;line-height:1.3}.newsstand-page .mag-details-panel .panel-mag-content .mag-creator{color:var(--text-secondary);margin:0;font-size:.9rem}.newsstand-page .mag-details-panel .panel-mag-content .mag-metadata-grid{color:var(--text-muted);border-bottom:1px solid var(--border-subtle);gap:1rem;margin-bottom:.25rem;padding-bottom:.5rem;font-size:.8rem;display:flex}.newsstand-page .mag-details-panel .panel-mag-content .mag-metadata-grid .meta-item{align-items:center;gap:6px;display:flex}.newsstand-page .mag-details-panel .panel-mag-content .mag-description{color:var(--text-muted);margin:0;font-size:.85rem;line-height:1.5}.newsstand-page .mag-details-panel .panel-mag-content .panel-actions{flex-direction:column;gap:.75rem;width:100%;margin-top:1rem;display:flex}.newsstand-page .mag-details-panel .panel-mag-content .panel-actions .read-btn{justify-content:center;align-items:center;gap:8px;width:100%;font-size:.95rem;display:flex}.newsstand-page .mag-details-panel .panel-mag-content .panel-actions .pin-btn,.newsstand-page .mag-details-panel .panel-mag-content .panel-actions .pinned-btn{cursor:pointer;box-sizing:border-box;border-radius:4px;justify-content:center;align-items:center;gap:8px;width:100%;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;transition:all .2s ease-in-out;display:flex}.newsstand-page .mag-details-panel .panel-mag-content .panel-actions .pin-btn{color:var(--color-success);background:#33ffaa14;border:1px solid #3fa3}.newsstand-page .mag-details-panel .panel-mag-content .panel-actions .pin-btn:hover{background:var(--color-success-border);border-color:var(--color-success);transform:translateY(-1px)}.newsstand-page .mag-details-panel .panel-mag-content .panel-actions .pinned-btn{color:var(--text-muted);cursor:not-allowed;background:#ffffff08;border:1px solid #ffffff14}.newsstand-reader-page{background:#0d0d0d;flex-direction:column;width:100%;height:100vh;padding-top:95px;display:flex}@media (width<=768px){.newsstand-reader-page{padding-top:110px}}@media (width<=768px) and (orientation:portrait){.newsstand-reader-page{height:calc(100vh - 70px)}}.newsstand-reader-page .reader-header{border-bottom:1px solid var(--border-subtle);background:#141414;align-items:center;gap:2rem;height:60px;padding:0 2rem;display:flex}.newsstand-reader-page .reader-header .back-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:1px solid #ffffff26;border-radius:4px;align-items:center;gap:8px;padding:6px 14px;font-size:.85rem;transition:all .2s;display:flex}.newsstand-reader-page .reader-header .back-btn:hover{background:var(--border-subtle);color:#fff}.newsstand-reader-page .reader-header .reader-mag-title h2{margin:0;font-size:1rem;font-weight:700}.newsstand-reader-page .reader-header .reader-mag-title p{color:var(--text-muted);margin:2px 0 0;font-size:.75rem}.newsstand-reader-page .reader-iframe-container{background:#000;flex:1;width:100%;position:relative}.newsstand-reader-page .reader-iframe-container .archive-reader-iframe{border:none;width:100%;height:100%}@media (width<=768px){.newsstand-page .newsstand-header{flex-direction:column;align-items:stretch}.newsstand-page .newsstand-layout{flex-direction:column}.newsstand-page .mag-details-panel{width:100%}.newsstand-reader-page .reader-header{gap:1rem;padding:0 1rem}}.bar-details-panel{--panel-bg:#141414f2;--panel-accent:#daa520;--panel-text-accent:#daa520}.bar-details-panel.accent-wine{--panel-bg:#16110ff2;--panel-accent:#b8860b;--panel-text-accent:#b8860b;--strong-accent:#8b0000}.bar-details-panel.accent-bourbon{--panel-bg:#18120ff2;--panel-accent:#d2691e;--panel-text-accent:#d2691e;--strong-accent:#d2691e}.bar-details-panel{background:var(--panel-bg);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);z-index:1000;box-sizing:border-box;border-left:1px solid #ffffff14;flex-direction:column;width:100%;max-width:440px;animation:.3s cubic-bezier(.16,1,.3,1) barDrawerSlideIn;display:flex;position:fixed;top:60px;bottom:0;right:0;box-shadow:-10px 0 30px #000000b3}.bar-details-panel .details-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.bar-details-panel .details-header h2{color:var(--panel-accent);margin:0;font-size:1.2rem;font-weight:700}.bar-details-panel .details-header .header-actions-group{align-items:center;gap:.75rem;display:flex}.bar-details-panel .details-header .header-actions-group .favorite-toggle-btn{color:#888;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:6px;transition:all .2s;display:flex}.bar-details-panel .details-header .header-actions-group .favorite-toggle-btn:hover{color:#ff6b6b;background:#ffffff14}.bar-details-panel .details-header .header-actions-group .favorite-toggle-btn.active{color:#ff4757}.bar-details-panel .details-header .header-actions-group .close-btn{color:#888;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:6px;display:flex}.bar-details-panel .details-header .header-actions-group .close-btn:hover{color:#fff;background:#ffffff14}.bar-details-panel .details-content{box-sizing:border-box;flex:1;padding:1.5rem;overflow-y:auto}.bar-details-panel .details-top{gap:1.25rem;margin-bottom:1.5rem;display:flex}.bar-details-panel .details-image-frame{border:2px solid var(--border-subtle);background:#000;border-radius:8px;flex-shrink:0;width:120px;height:150px;position:relative;overflow:hidden;box-shadow:0 4px 10px #0000004d}.bar-details-panel .details-image-frame .details-cover{object-fit:cover;width:100%;height:100%}.bar-details-panel .details-meta{flex-direction:column;justify-content:center;display:flex}.bar-details-panel .details-meta .wine-tag{letter-spacing:.5px;color:#fff;border-radius:4px;align-self:flex-start;margin-bottom:8px;padding:3px 8px;font-size:.7rem;font-weight:800;box-shadow:0 2px 4px #0003}.bar-details-panel .details-meta .wine-tag.category-red{background:#8b0000}.bar-details-panel .details-meta .wine-tag.category-white{color:#110d0c;background:#c2a66e}.bar-details-panel .details-meta .wine-tag.category-orange{background:#d2691e}.bar-details-panel .details-meta .wine-tag.category-sparkling{background:#b8860b}.bar-details-panel .details-meta .wine-tag.category-bourbon{background:#8b4513}.bar-details-panel .details-meta .wine-tag.category-rye{background:sienna}.bar-details-panel .details-meta .wine-tag.category-single-malt{background:#cd7f32}.bar-details-panel .details-meta .wine-tag.category-irish{background:#556b2f}.bar-details-panel .details-meta .wine-tag.category-blended{background:#5c4033}.bar-details-panel .details-meta .wine-title-h3{color:#fff;margin:0 0 10px;font-size:1.25rem;font-weight:700;line-height:1.3}.bar-details-panel .details-meta .meta-row{color:#ccc;margin-bottom:4px;font-size:.85rem}.bar-details-panel .details-meta .meta-row strong{color:var(--strong-accent,var(--panel-text-accent))}.bar-details-panel .details-body h4{text-transform:uppercase;letter-spacing:1px;color:var(--panel-accent);border-bottom:1px solid var(--border-subtle);margin:1.5rem 0 .5rem;padding-bottom:4px;font-size:.95rem;font-weight:700}.bar-details-panel .details-body .description-text,.bar-details-panel .details-body .pairing-text{color:#ccc;margin:0;font-size:.9rem;line-height:1.6}.bar-details-panel .details-body .interaction-dashboard{box-sizing:border-box;background:#0003;border:1px solid #ffffff0a;border-radius:8px;flex-direction:column;gap:1.25rem;margin-top:1rem;padding:1.25rem;display:flex}.bar-details-panel .details-body .interaction-dashboard .interaction-section{flex-direction:column;gap:6px;display:flex}.bar-details-panel .details-body .interaction-dashboard .interaction-section h4{color:#888;text-transform:uppercase;letter-spacing:.5px;border-bottom:none;margin:0;padding-bottom:0;font-size:.8rem;font-weight:700}.bar-details-panel .details-body .interaction-dashboard .rating-buttons-group{gap:.5rem;display:flex}.bar-details-panel .details-body .interaction-dashboard .rating-buttons-group .rating-btn{color:#bbb;cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px 10px;font-size:.85rem;transition:all .2s;display:flex}.bar-details-panel .details-body .interaction-dashboard .rating-buttons-group .rating-btn:hover{color:#fff;background:#ffffff14}.bar-details-panel .details-body .interaction-dashboard .rating-buttons-group .rating-btn.active{color:#fff;font-weight:600}.bar-details-panel .details-body .interaction-dashboard .rating-buttons-group .rating-btn.active.like-btn{color:#2ecc71;background:#2ecc7133;border-color:#2ecc71}.bar-details-panel .details-body .interaction-dashboard .rating-buttons-group .rating-btn.active.meh-btn{color:#f1c40f;background:#f1c40f33;border-color:#f1c40f}.bar-details-panel .details-body .interaction-dashboard .rating-buttons-group .rating-btn.active.dislike-btn{color:#e74c3c;background:#e74c3c33;border-color:#e74c3c}.bar-details-panel .details-body .interaction-dashboard .counter-control{align-items:center;gap:.75rem;display:flex}.bar-details-panel .details-body .interaction-dashboard .counter-control .counter-btn{background:var(--border-subtle);border:1px solid var(--border-light);color:#fff;cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:flex}.bar-details-panel .details-body .interaction-dashboard .counter-control .counter-btn:hover:not(:disabled){background:var(--panel-accent);border-color:var(--panel-accent);color:#000;font-weight:700}.bar-details-panel .details-body .interaction-dashboard .counter-control .counter-btn:disabled{opacity:.3;cursor:not-allowed}.bar-details-panel .details-body .interaction-dashboard .counter-control .count-display{color:#fff;font-size:.9rem;font-weight:600}.bar-details-panel .details-body .interaction-dashboard .notes-section textarea{color:#fff;resize:vertical;box-sizing:border-box;background:#00000040;border:1px solid #ffffff14;border-radius:6px;width:100%;padding:10px;font-family:inherit;font-size:.85rem;transition:border-color .2s}.bar-details-panel .details-body .interaction-dashboard .notes-section textarea:focus{border-color:var(--panel-accent);outline:none}.bar-details-panel .details-body .interaction-dashboard .notes-section .save-notes-btn{background:var(--strong-accent,var(--panel-accent));color:#fff;cursor:pointer;border:none;border-radius:4px;align-self:flex-end;margin-top:4px;padding:6px 12px;font-size:.8rem;font-weight:600;transition:opacity .2s}.bar-details-panel .details-body .interaction-dashboard .notes-section .save-notes-btn:hover{opacity:.9}.bar-details-panel .details-body .guest-note{color:#888;text-align:center;background:#ffffff05;border:1px dashed #ffffff0f;border-radius:6px;margin-top:1rem;padding:10px;font-size:.85rem}@keyframes barDrawerSlideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.wine-cellar-page{color:#fff;box-sizing:border-box;background:#110d0c;flex-direction:column;gap:1.5rem;width:100%;min-height:calc(100vh - 80px);padding:65px 1.5rem 2rem;display:flex;position:relative}@media (width<=768px){.wine-cellar-page{padding:70px 1rem 2rem}}.cellar-shelf{background:linear-gradient(160deg,#2c1e1b 0%,#3a2520 100%);border:1px solid #ffffff0a;border-radius:12px;padding:.5rem .75rem 0;position:relative;overflow:hidden;box-shadow:0 4px 20px #00000080}.cellar-shelf:before{content:"";z-index:5;pointer-events:none;box-sizing:border-box;background:linear-gradient(#5d4037,#3e2723);border-top:1px solid #ffffff26;border-bottom:2px solid #2e1a17;height:10px;position:absolute;bottom:0;left:0;right:0;box-shadow:0 -2px 10px #0006}.cellar-shelf .shelf-header-row{z-index:10;pointer-events:none;justify-content:space-between;align-items:center;margin-bottom:0;display:flex;position:absolute;top:16px;left:12px;right:12px}.cellar-shelf .shelf-header-row.clickable{pointer-events:auto;cursor:pointer;-webkit-user-select:none;user-select:none;transition:opacity .2s}.cellar-shelf .shelf-header-row.clickable:hover{opacity:.85}.cellar-shelf .custom-shelf-actions{pointer-events:auto;gap:.5rem;display:flex}.cellar-shelf .custom-shelf-actions button{color:#ccc;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000a6;border:1px solid #ffffff26;border-radius:4px;padding:4px 10px;font-size:.75rem;transition:all .2s}.cellar-shelf .custom-shelf-actions button:hover{background:var(--border-light);color:#fff;border-color:var(--border-focus)}.cellar-shelf .custom-shelf-actions button.delete-shelf-btn{color:#ff6b6b;background:#8b000066;border-color:#8b000080}.cellar-shelf .custom-shelf-actions button.delete-shelf-btn:hover{color:#fff;background:#8b000099;border-color:#8b0000b3}.shelf-bottles-grid.expanded-mode .bottle-card .bottle-info{text-align:center;z-index:10;pointer-events:none;text-shadow:-1.5px -1.5px #000,1.5px -1.5px #000,-1.5px 1.5px #000,1.5px 1.5px #000,0 2px 4px #000000f2,0 4px 8px #000000f2;flex-direction:column;align-items:center;gap:1px;display:flex;position:absolute;bottom:22px;left:-8px;right:-8px}.shelf-bottles-grid.expanded-mode .bottle-card .bottle-info .bottle-year{color:gold;margin-bottom:0;font-size:.7rem;font-weight:800}.shelf-bottles-grid.expanded-mode .bottle-card .bottle-info .bottle-title{color:#fff;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:90%;font-size:.75rem;font-weight:800;line-height:1.1;display:-webkit-box;overflow:hidden}.shelf-bottles-grid.expanded-mode .bottle-card .bottle-info .bottle-producer{color:#ccc;text-overflow:ellipsis;white-space:nowrap;max-width:90%;margin-top:1px;font-size:.65rem;font-weight:600;overflow:hidden}.bottle-label-frame .bottle-frame-container{box-sizing:border-box;justify-content:center;width:100%;display:flex}.bottle-label-frame .delete-bottle-btn:hover{color:#fff;background:#8b0000}.retro-vintage-image-wrapper{background:#1c1716;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.retro-vintage-image-wrapper .retro-vintage-image{object-fit:cover;filter:sepia(.4)contrast(1.1)brightness(.9)saturate(.85);width:100%;height:100%;transition:filter .3s,transform .3s}.retro-vintage-image-wrapper .bottle-cover-fallback{color:#2b1f1d;box-sizing:border-box;text-align:center;z-index:1;background:#fdfaf2;border:4px double #b8860b;flex-direction:column;justify-content:space-between;align-items:center;width:100%;height:100%;padding:.8rem .4rem;font-family:Georgia,serif;display:flex}.retro-vintage-image-wrapper .bottle-cover-fallback .fallback-producer{text-transform:uppercase;letter-spacing:.5px;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:35%;font-size:.55rem;font-weight:700;display:-webkit-box;overflow:hidden}.retro-vintage-image-wrapper .bottle-cover-fallback .fallback-monogram{color:#8b0000;border-top:1px solid #b8860b4d;border-bottom:1px solid #b8860b4d;padding:2px 6px;font-size:1.8rem;font-weight:400;line-height:1}.retro-vintage-image-wrapper .bottle-cover-fallback .fallback-category{letter-spacing:.5px;color:#555;font-size:.5rem;font-weight:700}.retro-vintage-image-wrapper .vintage-vignette{pointer-events:none;z-index:2;background:radial-gradient(circle,#0000 40%,#1e140f99 100%);position:absolute;inset:0}.retro-vintage-image-wrapper .vintage-grain{opacity:.08;mix-blend-mode:overlay;pointer-events:none;z-index:3;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");position:absolute;inset:0}@media (width<=480px){.add-modal .add-form .form-row{grid-template-columns:1fr;gap:1.25rem}}.age-gate-container{background:radial-gradient(circle,#1f1510 0%,#0d0907 100%);justify-content:center;align-items:center;min-height:calc(100vh - 120px);padding:1.5rem;display:flex}.age-gate-container .age-gate-card{width:100%;max-width:420px;box-shadow:0 15px 35px var(--bg-overlay);text-align:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#1e1611bf;border:1px solid #d2691e4d;border-radius:16px;padding:2.5rem 2rem}.age-gate-container .age-gate-card .age-gate-icon{color:#d2691e;justify-content:center;margin-bottom:1.5rem;display:flex}.age-gate-container .age-gate-card h2{color:#fff;letter-spacing:.5px;margin:0 0 1rem;font-size:1.6rem;font-weight:700}.age-gate-container .age-gate-card p{color:#ccc;margin:0 0 2rem;font-size:.95rem;line-height:1.6}.age-gate-container .age-gate-card .age-gate-actions{flex-direction:column;gap:.75rem;display:flex}.age-gate-container .age-gate-card .age-gate-actions button{cursor:pointer;border-radius:8px;padding:12px;font-size:.95rem;font-weight:600;transition:background-color .2s,transform .1s}.age-gate-container .age-gate-card .age-gate-actions button:active{transform:scale(.98)}.age-gate-container .age-gate-card .age-gate-actions .confirm-btn{border:1px solid var(--border-light);color:#fff;background:linear-gradient(135deg,#d2691e,#8b4513)}.age-gate-container .age-gate-card .age-gate-actions .confirm-btn:hover{background:linear-gradient(135deg,#e47a2e,#9c521a)}.age-gate-container .age-gate-card .age-gate-actions .cancel-btn{color:#aaa;background:0 0;border:1px solid #ffffff26}.age-gate-container .age-gate-card .age-gate-actions .cancel-btn:hover{background:var(--border-subtle);color:#fff}.bourbon-room-page{color:#fff;box-sizing:border-box;background:#140f0c;flex-direction:column;gap:1.5rem;width:100%;min-height:calc(100vh - 80px);padding:65px 1.5rem 2rem;display:flex;position:relative}@media (width<=768px){.bourbon-room-page{padding:70px 1rem 2rem}}.shelves-container{flex-direction:column;gap:1.5rem;display:flex}.empty-shelf-prompt{text-align:center;color:#888;letter-spacing:.5px;background:#ffffff05;border:1px dashed #ffffff14;border-radius:12px;padding:3rem 2rem;font-size:.95rem}.bourbon-shelf{background:linear-gradient(160deg,#261a10 0%,#33210f 100%);border:1px solid #ffffff0a;border-radius:12px;padding:.5rem .75rem 0;position:relative;overflow:hidden;box-shadow:0 4px 20px #00000080}.bourbon-shelf:before{content:"";z-index:5;pointer-events:none;box-sizing:border-box;background:linear-gradient(#5d4037,#3e2723);border-top:1px solid #ffffff26;border-bottom:2px solid #2e1a17;height:10px;position:absolute;bottom:0;left:0;right:0;box-shadow:0 -2px 10px #0006}.bourbon-shelf .shelf-header-row{z-index:10;pointer-events:none;justify-content:space-between;align-items:center;margin-bottom:0;display:flex;position:absolute;top:16px;left:12px;right:12px}.bourbon-shelf .shelf-header-row.clickable{pointer-events:auto;cursor:pointer;-webkit-user-select:none;user-select:none;transition:opacity .2s}.bourbon-shelf .shelf-header-row.clickable:hover{opacity:.85}.bourbon-shelf .custom-shelf-actions{pointer-events:auto;gap:.5rem;display:flex}.bourbon-shelf .custom-shelf-actions button{color:#ccc;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000a6;border:1px solid #ffffff26;border-radius:4px;padding:4px 10px;font-size:.75rem;transition:all .2s}.bourbon-shelf .custom-shelf-actions button:hover{background:var(--border-light);color:#fff;border-color:var(--border-focus)}.bourbon-shelf .custom-shelf-actions button.delete-shelf-btn{color:#fa6;background:#d2691e66;border-color:#d2691e80}.bourbon-shelf .custom-shelf-actions button.delete-shelf-btn:hover{color:#fff;background:#d2691e99;border-color:#d2691eb3}.shelf-bottles-grid{touch-action:pan-x pan-y;overscroll-behavior-x:none;scroll-snap-type:x mandatory;box-sizing:border-box;width:100%;height:270px;box-shadow:none;background:0 0;border:none;flex-direction:row;align-items:flex-end;padding:0 8px 10px;display:flex;overflow:auto hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 8px calc(100% - 8px),#0000);mask-image:linear-gradient(90deg,#0000,#000 8px calc(100% - 8px),#0000)}.shelf-bottles-grid::-webkit-scrollbar{display:none}.shelf-bottles-grid{-ms-overflow-style:none;scrollbar-width:none}.shelf-bottles-grid.collapsed-mode{gap:0}.shelf-bottles-grid.collapsed-mode .bottle-card{cursor:pointer;flex-direction:column;flex-shrink:0;justify-content:flex-end;align-items:center;width:80px;height:260px;margin-right:-25px;display:flex}.shelf-bottles-grid.collapsed-mode .bottle-card .bottle-info{display:none}.shelf-bottles-grid.expanded-mode{gap:12px}.shelf-bottles-grid.expanded-mode .bottle-card{cursor:pointer;flex-direction:column;justify-content:flex-end;align-items:center;width:90px;height:260px;margin-right:0;display:flex;position:relative}.shelf-bottles-grid.expanded-mode .bottle-card .bottle-frame-container{align-items:flex-end;width:100%;height:100%;display:flex}.shelf-bottles-grid.expanded-mode .bottle-card.active{filter:drop-shadow(0 4px 10px #d2691e4d);transform:translateY(-8px)}.bottle-card{cursor:pointer;scroll-snap-align:start;background:0 0;border:1px solid #0000;border-radius:12px;flex-shrink:0;transition:transform .15s ease-in-out,margin .15s ease-in-out,box-shadow .15s ease-in-out;position:relative}.bottle-card.jiggling{cursor:default;animation:.3s ease-in-out infinite jiggle}.bottle-card.jiggling:hover{box-shadow:none;transform:none}.bottle-label-frame{flex-direction:column;align-items:center;width:100%;display:flex;position:relative}.bottle-label-frame .bottle-frame-container{box-sizing:border-box;justify-content:center;width:100%;margin-bottom:-6px;padding:5px 5px 0;display:flex}.bottle-label-frame .delete-bottle-btn{color:#ff6b6b;cursor:pointer;z-index:10;background:#000000b3;border:1px solid #ffffff26;border-radius:50%;padding:6px;transition:all .2s;display:flex;position:absolute;top:8px;right:8px}.bottle-label-frame .delete-bottle-btn:hover{color:#fff;background:#d2691e;transform:scale(1.1)}.bottle-label-frame .bottle-badges-overlay{z-index:9;pointer-events:none;flex-direction:column;gap:5px;display:flex;position:absolute;top:8px;left:8px}.bottle-label-frame .bottle-badges-overlay .badge-icon{color:#fff;background:#000000bf;border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;display:flex;box-shadow:0 2px 4px #0000004d}.bottle-label-frame .bottle-badges-overlay .badge-icon.favorite{color:#ff4757;background:#ff475733;border-color:#ff475766}.bottle-label-frame .bottle-badges-overlay .badge-icon.like{color:#2ecc71;background:#2ecc7133;border-color:#2ecc7166}.bottle-label-frame .bottle-badges-overlay .badge-icon.meh{color:#f1c40f;background:#f1c40f33;border-color:#f1c40f66}.bottle-label-frame .bottle-badges-overlay .badge-icon.dislike{color:#e74c3c;background:#e74c3c33;border-color:#e74c3c66}.bottle-label-frame .bottle-badges-overlay .badge-count{color:#fff;text-align:center;background:#8b4513;border:1px solid #ffffff26;border-radius:8px;min-width:14px;padding:2px 5px;font-size:.65rem;font-weight:700;box-shadow:0 2px 4px #0006}.bottle-label-frame .bottle-info{text-align:center;z-index:10;pointer-events:none;text-shadow:-1.5px -1.5px #000,1.5px -1.5px #000,-1.5px 1.5px #000,1.5px 1.5px #000,0 2px 4px #000000f2,0 4px 8px #000000f2;flex-direction:column;align-items:center;gap:1px;display:flex;position:absolute;bottom:20px;left:-12px;right:-12px}.bottle-label-frame .bottle-info .bottle-year{color:#d2691e;margin-bottom:0;font-size:.65rem;font-weight:800}.bottle-label-frame .bottle-info .bottle-title{color:#fff;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:90%;font-size:.7rem;font-weight:800;line-height:1.1;display:-webkit-box;overflow:hidden}.bottle-label-frame .bottle-info .bottle-producer{color:#ccc;text-overflow:ellipsis;white-space:nowrap;max-width:90%;margin-top:1px;font-size:.6rem;font-weight:600;overflow:hidden}.add-modal-overlay{background:var(--bg-overlay);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1999;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.add-modal{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#18120fe6;border:1px solid #ffffff14;border-radius:12px;flex-direction:column;width:100%;max-width:540px;display:flex;overflow:hidden;box-shadow:0 15px 30px #00000080}.add-modal .modal-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:1.25rem;display:flex}.add-modal .modal-header h3{color:#d2691e;margin:0;font-size:1.15rem;font-weight:700}.add-modal .modal-header .close-btn{color:#888;cursor:pointer;background:0 0;border:none;border-radius:50%;padding:4px;display:flex}.add-modal .modal-header .close-btn:hover{color:#fff;background:#ffffff14}.add-modal .add-form{flex-direction:column;gap:1.25rem;max-height:80vh;padding:1.5rem;display:flex;overflow-y:auto}.add-modal .add-form .form-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}@media (width<=480px){.add-modal .add-form .form-row{grid-template-columns:1fr;gap:1.25rem}}.add-modal .add-form .form-group{flex-direction:column;gap:6px;display:flex}.add-modal .add-form .form-group label{color:#aaa;text-transform:uppercase;letter-spacing:.5px;font-size:.8rem;font-weight:600}.add-modal .add-form .form-group input,.add-modal .add-form .form-group select,.add-modal .add-form .form-group textarea{color:#fff;background:#171210;border:1px solid #ffffff14;border-radius:6px;padding:8px 12px;font-size:.9rem;transition:border-color .2s}.add-modal .add-form .form-group input:focus,.add-modal .add-form .form-group select:focus,.add-modal .add-form .form-group textarea:focus{border-color:#d2691e;outline:none}.add-modal .add-form .form-group textarea{resize:vertical}.add-modal .add-form .submit-btn{border:1px solid var(--border-light);color:#fff;cursor:pointer;background:linear-gradient(135deg,#d2691e,#8b4513);border-radius:8px;margin-top:.5rem;padding:10px;font-size:.95rem;font-weight:600;transition:background .2s,transform .1s}.add-modal .add-form .submit-btn:hover{background:linear-gradient(135deg,#e47a2e,#9c521a)}.add-modal .add-form .submit-btn:active{transform:scale(.98)}.ad-banner-container{justify-content:center;align-items:center;width:100%;margin:2rem 0;display:flex}.ad-placeholder{background:linear-gradient(135deg,#1e1e2fcc 0%,#0d0d14e6 100%);border:1px dashed #b4ec514d;border-radius:8px;justify-content:center;align-items:center;width:100%;max-width:728px;height:90px;text-decoration:none;transition:all .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 15px #0000004d}.ad-placeholder:hover{filter:brightness(1.2);transform:translateY(-2px)}.ad-placeholder:before{content:"";z-index:1;background:repeating-linear-gradient(45deg,#0000,#0000 10px,#b4ec5108 10px 20px);position:absolute;inset:0}.ad-placeholder-content{z-index:2;text-align:center;position:relative}.ad-badge{color:#b4ec51;text-transform:uppercase;letter-spacing:1px;z-index:3;background:#b4ec5126;border-radius:4px;padding:4px 8px;font-size:.6rem;position:absolute;top:2px;right:2px}.ad-placeholder h4{color:#b4ec51;letter-spacing:1px;text-transform:uppercase;text-shadow:0 0 10px #b4ec514d;margin:0 0 4px;font-size:1rem}.ad-placeholder p{color:#fff9;margin:0;font-size:.8rem}@media (width<=768px){.ad-placeholder{height:100px}}