:root{--bg: #05070f;--panel: #0d1428;--panel-2: #131c36;--text: #e8ecf7;--muted: #8b97b8;--muted-dim: #6d789c;--accent: #e5484d;--accent-teal: #2fd6c2;--accent-magenta: #d86a9e;--border: rgba(255, 255, 255, .08)}*{box-sizing:border-box}.hidden{display:none!important}html,body{margin:0;padding:0;height:100%;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow:hidden}#store-shell{position:fixed;top:0;right:0;bottom:0;left:0}#store-shell canvas{display:block;touch-action:none;cursor:grab}#store-shell.has-hover canvas{cursor:pointer}#onboard-hint{position:fixed;bottom:60px;left:50%;transform:translate(-50%);z-index:35;color:var(--text);font-size:14px;line-height:1.7;text-align:center;background:#0d1428e6;border:1px solid var(--border);border-radius:14px;padding:14px 22px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 18px 50px #00000073;transition:opacity .6s ease;pointer-events:none}#onboard-hint.faded{opacity:0}#onboard-hint b{color:var(--accent)}#mobile-offer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:grid;place-items:center;background:#05070fe6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:24px}#mobile-offer.hidden{display:none}.mobile-card{max-width:380px;background:var(--panel);border:1px solid var(--border);border-radius:18px;padding:28px;text-align:center;box-shadow:0 30px 80px #0009}.mobile-card h2{margin:0 0 10px;font-size:24px}.mobile-card p{margin:0 0 20px;color:var(--muted);line-height:1.6;font-size:14px}.mobile-card .btn{display:block;width:100%;margin-bottom:10px;text-decoration:none;text-align:center}.joystick{position:fixed;width:120px;height:120px;margin-left:-60px;margin-top:-60px;border-radius:50%;background:#e5484d1f;border:2px solid rgba(229,72,77,.4);pointer-events:none;z-index:45;transition:opacity .15s}.joystick-knob{position:absolute;left:50%;top:50%;width:52px;height:52px;margin-left:-26px;margin-top:-26px;border-radius:50%;background:#e5484d8c;border:2px solid rgba(255,255,255,.5)}#minimap{position:fixed;right:14px;bottom:14px;z-index:25;width:132px;height:96px;border-radius:12px;background:#05070fd1;border:1px solid var(--border);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:4px}#minimap canvas{width:100%;height:100%;display:block}#store-loader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:radial-gradient(ellipse at 50% 40%,#0b1430,#05070f 70%);transition:opacity .5s ease}#store-loader.done{opacity:0;pointer-events:none}.loader-mark{font-size:clamp(28px,6vw,56px);font-weight:900;letter-spacing:.22em;color:#fff;text-shadow:0 0 30px rgba(229,72,77,.7)}.loader-copy{color:var(--muted);letter-spacing:.12em;font-size:14px}.loader-track{width:220px;height:4px;border-radius:2px;background:#ffffff1a;overflow:hidden}.loader-track i{display:block;width:40%;height:100%;border-radius:2px;background:var(--accent);animation:load-slide 1.1s ease-in-out infinite}@keyframes load-slide{0%{transform:translate(-100%)}to{transform:translate(350%)}}#hud{position:fixed;top:0;left:0;right:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:16px 22px;pointer-events:none}.hud-brand{pointer-events:auto;color:#fff;text-decoration:none;font-weight:900;letter-spacing:.18em;font-size:18px;text-shadow:0 0 24px rgba(229,72,77,.6)}.hud-right{display:flex;align-items:center;gap:16px}.hud-count{color:var(--muted);font-size:13px;letter-spacing:.06em}.hud-badge{font-size:11px;font-weight:800;letter-spacing:.12em;padding:5px 10px;border-radius:999px;border:1px solid var(--border);background:#0d1428b3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.hud-badge.demo{color:#ffd27a;border-color:#ffd27a59}.hud-badge.tmdb{color:#7ee2b8;border-color:#7ee2b859}.hud-browse{pointer-events:auto;color:var(--text);text-decoration:none;font-size:13px;padding:7px 14px;border:1px solid var(--border);border-radius:999px;background:#0d1428b3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:border-color .15s,color .15s}.hud-browse:hover{border-color:var(--accent);color:#fff}.hud-hint{position:fixed;bottom:18px;left:50%;transform:translate(-50%);color:var(--muted);font-size:12px;letter-spacing:.08em;background:#05070f99;border:1px solid var(--border);border-radius:999px;padding:7px 16px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);white-space:nowrap}#case-tooltip{position:fixed;z-index:30;pointer-events:none;background:#080c1aeb;border:1px solid var(--border);color:#fff;font-size:13px;font-weight:600;padding:7px 12px;border-radius:8px;transform:translate(-50%,-100%);opacity:0;transition:opacity .12s;white-space:nowrap}#crosshair{position:fixed;left:50%;top:50%;width:26px;height:26px;transform:translate(-50%,-50%);pointer-events:none;z-index:15;display:grid;place-items:center}#crosshair i{width:5px;height:5px;border-radius:50%;background:#ffffffe6;box-shadow:0 0 6px #e5484dcc;transition:width .18s ease,height .18s ease,background .18s ease}#crosshair:after{content:"";position:absolute;width:16px;height:16px;border-radius:50%;border:2px solid rgba(229,72,77,.35);opacity:0;transform:scale(.6);transition:opacity .18s ease,transform .18s ease}#store-shell.has-hover #crosshair i{width:9px;height:9px;background:#fff}#store-shell.has-hover #crosshair:after{opacity:1;transform:scale(1.1);border-color:#e5484dcc}#transition-fade{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#000;opacity:0;pointer-events:none;transition:opacity .22s ease}#transition-fade.show{opacity:1}.skip-link{position:absolute;left:-9999px;z-index:100}.skip-link:focus{left:12px;top:12px;background:var(--panel);padding:8px 14px;border-radius:8px;color:#fff}.no-script{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;display:grid;place-items:center;background:var(--bg);color:var(--text);text-align:center;line-height:1.8}.no-script a{color:var(--accent)}.loading-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;display:grid;place-items:center;background:#03050cb8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.loading-overlay.hidden{display:none}.loading-box{width:min(360px,86vw);background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:28px 30px;text-align:center;box-shadow:0 30px 80px #0009;animation:card-in .2s ease}.loading-title{margin:0 0 6px;font-size:12px;font-weight:800;letter-spacing:.22em;color:var(--accent)}.loading-label{margin:0 0 20px;font-size:18px;font-weight:700;color:var(--text);min-height:24px}.loading-track{height:6px;border-radius:3px;background:#ffffff1a;overflow:hidden}.loading-track i{display:block;height:100%;width:0%;border-radius:3px;background:var(--accent);transition:width .25s ease}.loading-pct{margin:12px 0 0;font-size:15px;font-weight:700;color:var(--text);font-variant-numeric:tabular-nums}.loading-error{margin-top:16px;padding-top:16px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:10px;align-items:center}.loading-error p{margin:0;color:#ffb3b5}.loading-error .hidden,.loading-error.hidden{display:none}.loading-browse{color:var(--accent-teal);font-size:13px}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;padding:24px}.modal.hidden{display:none}.modal-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:#03050cc7;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:fade-in .18s ease}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.modal-close{position:absolute;top:12px;right:12px;z-index:2;width:38px;height:38px;border-radius:50%;border:1px solid var(--border);background:#0d1428d9;color:#fff;font-size:22px;line-height:1;cursor:pointer;transition:border-color .15s,background .15s}.modal-close:hover{border-color:var(--accent);background:#e5484d40}.film-card{position:relative;max-width:760px;width:100%;max-height:90vh;overflow-y:auto;display:grid;grid-template-columns:240px 1fr;background:var(--panel);border:1px solid var(--border);border-radius:16px;box-shadow:0 30px 80px #0009;animation:vhs-slide .5s cubic-bezier(.2,.9,.3,1.05)}@keyframes vhs-slide{0%{transform:translate(-34%) skew(-6deg);opacity:0}55%{transform:translate(1%) skew(.6deg);opacity:1}75%{transform:translate(-.6%)}to{transform:translate(0) skew(0);opacity:1}}@keyframes card-in{0%{transform:scale(.92) translateY(10px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.film-poster{min-height:360px;background-size:cover;background-position:center;border-right:1px solid var(--border)}.film-info{padding:28px 28px 24px}.film-genres{margin:0 0 8px;color:var(--accent);font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.film-info h2{margin:0 0 6px;font-size:30px;line-height:1.15}.film-meta{margin:0 0 12px;color:var(--muted);font-size:14px}.film-facts{display:flex;gap:14px;margin:0 0 14px;font-size:14px;color:var(--text)}.film-desc{margin:0 0 18px;color:#e4dcff;font-size:15px;line-height:1.6}.film-cast-label{margin:0 0 4px;font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.1em}.film-cast{margin:0 0 16px;color:#cbbffa;font-size:14px;line-height:1.5}.film-services-label{margin:0 0 8px;font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.1em}.film-services{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}.service-chip{font-size:12px;font-weight:600;padding:5px 10px;border-radius:999px;background:var(--panel-2);border:1px solid var(--border);color:#dbe2f5}.film-actions{display:flex;gap:10px;flex-wrap:wrap}.btn{border:none;border-radius:10px;padding:12px 20px;font-size:14px;font-weight:700;cursor:pointer;transition:transform .12s,background .12s,color .12s}.btn:active{transform:scale(.97)}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:#f0555a}.btn-ghost{background:var(--panel-2);border:1px solid var(--border);color:var(--text)}.btn-ghost:hover{border-color:#3b82f6;color:#fff}.trailer-card{position:relative;width:min(900px,96vw);border-radius:14px;overflow:hidden;background:#000;border:1px solid var(--border);animation:card-in .2s ease}.trailer-frame{aspect-ratio:16 / 9}.trailer-frame iframe{width:100%;height:100%;border:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.room-back{position:fixed;top:16px;left:50%;transform:translate(-50%);z-index:30;border:1px solid var(--border);background:#0d1428d9;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--text);font-size:14px;font-weight:700;padding:10px 20px;border-radius:999px;cursor:pointer;transition:border-color .15s,background .15s}.room-back:hover{border-color:var(--accent);background:#e5484d33}.room-back.hidden{display:none}.year-rail{position:fixed;right:14px;top:50%;transform:translateY(-50%);z-index:30;width:96px;max-height:70vh;display:flex;flex-direction:column;background:#0a0e1ae0;border:1px solid var(--border);border-radius:14px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);overflow:hidden}.year-rail.hidden{display:none}.year-rail-title{margin:0;padding:10px 8px 8px;text-align:center;font-size:11px;font-weight:800;letter-spacing:.2em;color:var(--accent);border-bottom:1px solid var(--border)}.year-rail-list{overflow-y:auto;padding:8px;display:flex;flex-direction:column;gap:6px}.year-rail-list::-webkit-scrollbar{width:6px}.year-rail-list::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}.year-rail-item{border:1px solid var(--border);background:var(--panel-2);color:var(--text);font-size:14px;font-weight:700;padding:7px 0;border-radius:8px;cursor:pointer;transition:border-color .12s,background .12s}.year-rail-item:hover{border-color:var(--accent);background:#e5484d2e}.grid-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:#05070fd1;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;flex-direction:column;padding:18px 22px 30px}.grid-overlay.hidden{display:none}.grid-head{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:18px}.grid-head h2{flex:1;min-width:160px;margin:0;font-size:clamp(18px,3vw,28px)}.grid-controls{display:flex;align-items:center;gap:10px}.sort-group{display:flex;border:1px solid var(--border);border-radius:10px;overflow:hidden}.sort-btn{border:none;background:var(--panel-2);color:var(--muted);font-size:13px;font-weight:700;padding:10px 14px;cursor:pointer;transition:background .12s,color .12s}.sort-btn+.sort-btn{border-left:1px solid var(--border)}.sort-btn.active{background:var(--accent);color:#fff}.sort-select{background:var(--panel-2);border:1px solid var(--border);color:var(--text);font-size:13px;font-weight:700;padding:10px 12px;border-radius:10px;cursor:pointer}.grid-list{flex:1;overflow-y:auto;display:grid;grid-template-columns:repeat(6,1fr);gap:12px;align-content:start;padding:4px 4px 20px}.grid-empty{grid-column:1 / -1;color:var(--muted);text-align:center;margin-top:60px}.film-card-mini{display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:5px;cursor:pointer;text-align:left;color:var(--text);transition:transform .14s,border-color .14s,background .14s}.film-card-mini:hover{transform:translateY(-3px);border-color:var(--accent);background:var(--panel-2)}.mini-top{display:flex;justify-content:space-between;gap:6px;margin-bottom:6px}.mini-year,.mini-rating{font-size:11px;font-weight:800;line-height:1;padding:4px 8px;border-radius:6px;background:var(--panel-2);border:1px solid var(--border)}.mini-year{color:#cdd6ea}.mini-rating{color:#ffb3b5;border-color:#e5484d59;background:#e5484d1f}.mini-poster{aspect-ratio:1 / 1;width:100%;background-size:cover;background-position:center;border-radius:6px;border:1px solid var(--border);background-color:var(--panel-2)}.mini-title{margin-top:7px;font-size:12px;font-weight:700;line-height:1.25}@media (max-width: 1100px){.grid-list{grid-template-columns:repeat(4,1fr)}}@media (max-width: 720px){.grid-list{grid-template-columns:repeat(2,1fr)}.film-card{grid-template-columns:1fr}.film-poster{min-height:220px;border-right:0;border-bottom:1px solid var(--border)}.hud-hint{display:none}.year-rail{width:76px}}.hud-brand-group{display:flex;flex-direction:column;gap:2px;pointer-events:auto}.hud-credit{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;color:var(--accent-teal);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:3px 9px;border-radius:999px;background:#2fd6c21f;border:1px solid rgba(47,214,194,.35)}.hud-credit:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--accent-teal);box-shadow:0 0 8px var(--accent-teal)}.credit-popup{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;display:flex;align-items:center;justify-content:center}.credit-popup-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:#05070fd1;animation:credit-fade-in .3s ease}.credit-popup-card{position:relative;z-index:1;background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:48px 56px;text-align:center;box-shadow:0 30px 80px #0000008c;animation:credit-pop-in .35s ease;max-width:90vw}.credit-popup-card h2{margin:0 0 28px;font-size:34px;font-weight:900;color:var(--text);letter-spacing:.3px}@media (max-width: 640px){.credit-popup-card{padding:36px 28px}.credit-popup-card h2{font-size:24px}}@keyframes credit-fade-in{0%{opacity:0}to{opacity:1}}@keyframes credit-pop-in{0%{opacity:0;transform:scale(.94) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}