@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{font-family:Inter,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--sidebar-bg: #252d42;--sidebar-border: rgba(255, 255, 255, .1);--panel-dark: #2e3750;--panel-light: #334059;--panel-border: rgba(255, 255, 255, .11);--panel-border-subtle: rgba(255, 255, 255, .06);--brand: #E2001B;--brand-dim: rgba(226, 0, 27, .12);--brand-glow: rgba(226, 0, 27, .35);--accent: #4f8ef7;--accent-dim: rgba(79, 142, 247, .12);--amber: #f0a832;--amber-dim: rgba(240, 168, 50, .12);--amber-border: rgba(240, 168, 50, .22);--teal: #2ec4b6;--teal-dim: rgba(46, 196, 182, .1);--teal-border: rgba(46, 196, 182, .2);--danger: #e0445a;--danger-bg: rgba(224, 68, 90, .1);--danger-border: rgba(224, 68, 90, .22);--text-primary: #edf1f7;--text-body: #9db8d8;--text-muted: #6e88a8;--text-dark: #edf1f7;--surface-0: #1e2538;--surface-1: #252e44;--surface-2: #2c3752;--surface-hover: #334260;--input-bg: #222b40;--input-border: rgba(255, 255, 255, .12);--input-border-focus: rgba(255, 255, 255, .35);--shadow-sm: 0 1px 4px rgba(0, 0, 0, .2);--shadow-md: 0 4px 20px rgba(0, 0, 0, .28);--shadow-lg: 0 12px 40px rgba(0, 0, 0, .4);--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.25rem}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{min-height:100vh;background-color:var(--surface-0);color:var(--text-primary)}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.app-shell{display:grid;grid-template-columns:260px minmax(0,1fr);min-height:100vh}.app-loading{min-height:100vh;display:grid;place-items:center;color:var(--text-primary);background:radial-gradient(circle at top,rgba(226,0,27,.18),transparent 28%),linear-gradient(180deg,#1d2539,#141a29)}.sidebar{display:flex;flex-direction:column;gap:0;padding:1.5rem 1rem;background:var(--sidebar-bg);border-right:1px solid var(--sidebar-border);position:sticky;top:0;height:100vh;overflow-y:auto}.brand{display:flex;flex-direction:column;gap:.5rem;padding:.5rem .5rem 0;margin-bottom:2rem}.brand-mark{display:flex;align-items:center;width:100%;padding:.25rem}.brand-mark img{width:100%;height:auto;max-height:3.5rem;object-fit:contain}.brand h1{margin:0;font-size:.78rem;font-weight:600;line-height:1.25;color:#b4cde48c;letter-spacing:.04em;text-transform:uppercase;padding:0 .5rem}.page-header h2,.section-heading h3,.summary-card h3,.drawer-header h2{margin:0}.eyebrow{margin:0 0 .25rem;font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--amber);opacity:.85}.nav-list{display:flex;flex-direction:column;gap:.25rem}.nav-item{display:flex;align-items:center;gap:.7rem;padding:.75rem .85rem;border-radius:var(--radius-md);color:#b4c8dc8c;font-size:.9rem;font-weight:500;transition:background .15s ease,color .15s ease}.nav-item:hover{color:var(--text-primary);background:var(--surface-hover)}.nav-item-active{color:var(--text-primary);background:var(--surface-2);font-weight:600;border:1px solid rgba(255,255,255,.08);border-left:2px solid var(--amber)}.nav-item-active svg{color:var(--amber)}.sidebar-note{margin-top:auto;padding:.9rem 1rem;border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-md);background:var(--surface-1);color:var(--text-muted);font-size:.82rem;line-height:1.5}.sidebar-note .eyebrow{margin-bottom:.4rem}.sidebar-user{margin-top:.9rem;padding:.9rem 1rem;border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-md);background:#00000024}.sidebar-user strong{display:block;color:var(--text-primary);font-size:.92rem}.sidebar-user p{margin:.2rem 0 0;color:var(--text-muted);font-size:.8rem}.sidebar-logout{margin-top:.8rem;width:100%;display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:.7rem .85rem;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:var(--text-primary)}.sidebar-logout:hover{background:#ffffff14}.auth-screen{min-height:100vh;position:relative;display:flex;align-items:center;justify-content:center;padding:2rem;overflow:hidden;background:#111827}.auth-video{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0}.auth-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(135deg,#0a0e1ad1,#111827bf 40%,#1a1025cc)}.auth-overlay:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 20% 50%,rgba(226,0,27,.08) 0%,transparent 50%),radial-gradient(ellipse at 80% 20%,rgba(90,163,255,.06) 0%,transparent 50%);pointer-events:none}.auth-card{position:relative;z-index:2;width:min(460px,100%);border-radius:1.2rem;border:1px solid rgba(255,255,255,.08);background:#1c2437e6;box-shadow:0 24px 48px #00000052;overflow:hidden}.auth-accent{height:4px;background:linear-gradient(90deg,#e2001b,#ff4f69,transparent 80%)}.auth-header{padding:2rem 2rem 1rem;text-align:center}.auth-logo{height:54px;margin-bottom:1rem}.auth-header h1{margin:0;font-size:1.6rem;font-weight:800}.auth-header p{margin:.5rem auto 0;max-width:26rem;color:var(--text-muted);line-height:1.6}.auth-form{padding:0 2rem 2rem}.auth-field{display:flex;flex-direction:column;gap:.45rem;margin-top:1rem}.auth-field span{font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.auth-input-wrap{display:flex;align-items:center;gap:.65rem;padding:.9rem 1rem;border-radius:var(--radius-md);border:1px solid var(--input-border);background:var(--input-bg);color:var(--text-muted)}.auth-input-wrap input{width:100%;border:0;outline:0;background:transparent;color:var(--text-primary)}.auth-error{margin:1rem 0 0;color:#ff8d9b;font-size:.88rem}.auth-submit{margin-top:1.25rem;width:100%}.app-main{padding:2rem 2.25rem;color:var(--text-primary);background:var(--surface-0)}.app-screen{display:flex;flex-direction:column;gap:1.5rem;max-width:1400px}.page-header{padding-top:.25rem}.page-header .eyebrow{color:var(--text-muted);margin-bottom:.3rem}.page-header h2{font-size:1.75rem;font-weight:800;letter-spacing:-.025em;color:var(--text-primary);margin:0}.page-copy{margin:.45rem 0 0;color:var(--text-muted);font-size:.95rem;line-height:1.6}.muted-text{margin:.35rem 0 0;color:var(--text-muted);font-size:.875rem}.panel{border:1px solid var(--panel-border);border-radius:var(--radius-xl);background:var(--panel-light);box-shadow:0 2px 12px #00000040}.panel-spaced{padding:1.5rem}.controls-panel{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:.6rem .85rem;align-items:end;padding:1rem 1.25rem;background:var(--surface-1);border:1px solid rgba(255,255,255,.05);border-top:1px solid var(--amber-border);border-radius:var(--radius-xl)}.control-group{display:flex;flex-direction:column;gap:.4rem;grid-column:span 2}.control-group-wide{grid-column:span 3}.action-group{justify-content:flex-end}.control-group label{font-size:.62rem;font-weight:700;letter-spacing:.12em;color:var(--text-muted);text-transform:uppercase}.control-group input,.control-group select{width:100%;min-height:2.2rem;padding:.45rem .75rem;border:1px solid var(--input-border);border-radius:var(--radius-md);background:var(--surface-0);color:var(--text-primary);font-size:.875rem;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.control-group input:focus,.control-group select:focus{border-color:var(--brand);box-shadow:0 0 0 3px #e2001b1f}.control-group input::placeholder{color:#96aabe59}.control-group select option{background:#0c0f16;color:var(--text-primary)}.control-group select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%237589a0' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;padding-right:2.25rem}.summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.summary-card{display:flex;gap:1rem;padding:1.35rem 1.25rem;align-items:flex-start;transition:box-shadow .2s ease,transform .2s ease;position:relative;overflow:hidden}.summary-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent)}.summary-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-1px)}.summary-card h3{font-size:1.3rem;font-weight:800;letter-spacing:-.02em;color:var(--text-primary)}.summary-icon{display:grid;place-items:center;width:2.75rem;height:2.75rem;flex-shrink:0;border-radius:var(--radius-md);background:var(--surface-2);color:var(--text-body);font-size:1.1rem;border:1px solid rgba(255,255,255,.08)}.section-heading,.drawer-actions,.drawer-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}.section-heading h3{font-size:1.05rem;font-weight:700;color:var(--text-primary);border-left:2px solid var(--teal);padding-left:.6rem}.game-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:1rem}.game-card{display:grid;grid-template-columns:88px minmax(0,1fr);grid-template-rows:auto auto;gap:0;border-radius:var(--radius-lg);background:var(--surface-1);border:1px solid rgba(255,255,255,.07);overflow:hidden;transition:box-shadow .18s ease,border-color .18s ease,transform .18s ease}.game-card:hover{box-shadow:var(--shadow-md);border-color:var(--teal-border);transform:translateY(-2px)}.game-artwork{grid-column:1;grid-row:1 / 3;width:88px;align-self:stretch;overflow:hidden;background:var(--surface-2)}.game-artwork img,.launch-frame{width:100%;height:100%;border:0;object-fit:cover;display:block}.game-artwork-placeholder{display:grid;place-items:center;width:100%;height:100%;background:linear-gradient(160deg,#1c2130,#151a25)}.game-artwork-logo{width:55%;height:auto;object-fit:contain;opacity:.4}.game-copy{grid-column:2;grid-row:1;min-width:0;padding:.85rem .9rem .5rem;display:flex;flex-direction:column;gap:.15rem}.game-card-head{display:flex;gap:.4rem;justify-content:space-between;align-items:flex-start}.game-card h3{margin:0;font-size:.92rem;font-weight:700;line-height:1.3;color:var(--text-primary)}.empty-state h3,.drawer-section h3{margin:0}.game-provider,.game-description{margin:.25rem 0 0}.game-provider{color:var(--text-muted);font-weight:500;font-size:.78rem}.game-description{color:var(--text-muted);font-size:.8rem;line-height:1.4}.game-actions{grid-column:2;grid-row:2;display:flex;justify-content:flex-end;gap:.5rem;padding:0 .9rem .85rem}.target-toggle-button,.button,.icon-button{border:0;transition:transform .12s ease,opacity .12s ease,background-color .15s ease,box-shadow .15s ease}.target-toggle-button{min-width:6rem;padding:.55rem .9rem;border-radius:999px;background:transparent;color:var(--text-muted);font-size:.875rem;font-weight:500}.target-toggle-button:hover:not(.target-toggle-button-active){color:var(--text-body)}.target-toggle-button-active{background:var(--surface-hover);color:var(--text-primary);font-weight:700;box-shadow:none;border:1px solid rgba(255,255,255,.12)}.button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:2.5rem;padding:.6rem 1rem;border-radius:var(--radius-md);font-weight:600;font-size:.875rem}.button:hover:not(:disabled){filter:brightness(1.05);transform:translateY(-1px)}.button:active:not(:disabled){transform:translateY(0)}.button:disabled{opacity:.45;cursor:not-allowed}.button-primary{background:var(--brand);color:#fff;font-weight:700;box-shadow:0 2px 12px #e2001b59}.button-primary:hover:not(:disabled){background:#ff0020;box-shadow:0 4px 20px #e2001b8c}.button-secondary{background:#ffffff0f;color:var(--text-body);border:1px solid rgba(255,255,255,.08)}.button-secondary:hover:not(:disabled){background:#ffffff1a;color:var(--text-primary)}.button-danger{background:var(--danger-bg);color:var(--danger);border:1.5px solid var(--danger-border)}.button-danger:hover:not(:disabled){background:#e0445a29}.chip-row,.stack-list,.pagination-row{display:flex;flex-wrap:wrap;gap:.4rem}.chip{display:inline-flex;align-items:center;min-height:1.5rem;padding:.1rem .5rem;border-radius:999px;background:var(--teal-dim);color:var(--teal);font-size:.7rem;font-weight:600;letter-spacing:.02em;border:1px solid var(--teal-border)}.chip-muted{background:var(--surface-1);color:var(--text-muted);border-color:#ffffff0d}.banner{display:flex;align-items:center;gap:.75rem;padding:.9rem 1.1rem;border-radius:var(--radius-lg);font-size:.9rem}.banner:before{content:"";display:block;width:.35rem;min-height:1.25rem;border-radius:999px;flex-shrink:0}.banner-danger{background:var(--danger-bg);color:#c0253a;border:1px solid var(--danger-border)}.banner-danger:before{background:var(--danger)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;min-height:220px;text-align:center;color:var(--text-muted);padding:2rem}.empty-state h3{font-size:1rem;font-weight:700;color:var(--text-body)}.empty-state p{margin:0;font-size:.88rem;max-width:38ch;line-height:1.55}.intro-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:#04080f;transition:opacity .8s ease,transform .8s ease}.intro-screen-exit{opacity:0;transform:scale(1.04);pointer-events:none}.intro-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.intro-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:2rem;text-align:center}.intro-logo{width:90px;height:90px;object-fit:contain;filter:drop-shadow(0 0 32px rgba(226,0,27,.7)) drop-shadow(0 0 8px rgba(226,0,27,.5));animation:intro-pulse 1.8s ease-in-out infinite alternate}@keyframes intro-pulse{0%{filter:drop-shadow(0 0 24px rgba(226,0,27,.6)) drop-shadow(0 0 6px rgba(226,0,27,.4))}to{filter:drop-shadow(0 0 52px rgba(226,0,27,1)) drop-shadow(0 0 16px rgba(226,0,27,.6))}}.intro-text{display:flex;flex-direction:column;align-items:center;gap:.25rem}.intro-eyebrow{margin:0;font-size:.75rem;letter-spacing:.25em;text-transform:uppercase;color:#e2001bbf;font-weight:600}.intro-title{margin:0;font-size:3.5rem;font-weight:800;letter-spacing:-.03em;background:linear-gradient(135deg,#f34,#e2001b,#f34);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:intro-shimmer 2.5s linear infinite;background-size:200% auto}@keyframes intro-shimmer{0%{background-position:0% center}to{background-position:200% center}}.intro-subtitle{margin:0;font-size:1rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:#b4d2f080}.intro-bar{width:200px;height:2px;border-radius:999px;background:#e2001b26;overflow:hidden;margin-top:1.5rem}.intro-bar-fill{height:100%;border-radius:999px;background:var(--brand);box-shadow:0 0 12px #e2001be6;animation:intro-load 3s ease-in-out forwards}@keyframes intro-load{0%{width:0%}60%{width:80%}85%{width:92%}to{width:100%}}.intro-hint{margin:.5rem 0 0;font-size:.8rem;letter-spacing:.06em;color:#96afc873;animation:intro-blink 2s ease-in-out infinite alternate}@keyframes intro-blink{0%{opacity:.4}to{opacity:.9}}.compact{min-height:auto;align-items:flex-start;text-align:left}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;justify-content:flex-end;background:#040b168c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100}.drawer-panel{width:min(720px,100%);height:100vh;overflow-y:auto;padding:1.75rem;background:var(--panel-dark);color:#e8f0fa;box-shadow:-8px 0 40px #00000059}.drawer-panel .eyebrow{color:var(--brand-glow);opacity:.7}.drawer-panel h2{font-size:1.4rem;font-weight:700;letter-spacing:-.02em;color:#fff}.drawer-section{margin-top:1.5rem;padding-top:1.25rem;border-top:1px solid rgba(255,255,255,.07)}.drawer-section h3{font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#b4d2f099;margin-bottom:.75rem}.icon-button{display:grid;place-items:center;width:2.4rem;height:2.4rem;border-radius:999px;background:#ffffff14;color:#dcebfacc;transition:background .15s ease}.icon-button:hover{background:#ffffff24;color:#fff}.launch-frame{margin-top:1rem;min-height:360px;border-radius:var(--radius-lg);background:#fff;border:1px solid rgba(255,255,255,.1)}.raw-panel{overflow:auto;padding:1rem 1.1rem;border-radius:var(--radius-md);background:#02060e99;color:#94bcdb;font-size:.8rem;line-height:1.6;border:1px solid rgba(255,255,255,.06)}.notes-list{display:grid;gap:.4rem;margin-top:.9rem}.table-wrap{overflow-x:auto;margin:0 -1.5rem;padding:0 1.5rem}.data-table{width:100%;border-collapse:collapse}.data-table thead{position:sticky;top:0;z-index:1}.data-table th{padding:.7rem .85rem;border-bottom:1px solid rgba(255,255,255,.06);background:var(--panel-light);text-align:left;vertical-align:middle;color:var(--text-muted);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.09em;white-space:nowrap}.data-table td{padding:.8rem .85rem;border-bottom:1px solid rgba(255,255,255,.04);text-align:left;vertical-align:middle;font-size:.875rem;color:var(--text-body)}.data-table tbody tr{transition:background .12s ease}.data-table tbody tr:hover{background:var(--surface-hover)}.data-table tbody tr:last-child td{border-bottom:0}.pagination-row{justify-content:flex-end;padding-top:1rem;border-top:1px solid rgba(255,255,255,.05);margin-top:.5rem}@media (max-width: 1200px){.controls-panel{grid-template-columns:repeat(6,minmax(0,1fr))}.control-group,.control-group-wide{grid-column:span 3}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 900px){.app-shell{grid-template-columns:1fr}.sidebar{position:static;height:auto;gap:1rem;border-right:0;border-bottom:1px solid var(--sidebar-border)}.nav-list{flex-direction:row;flex-wrap:wrap}.app-main{padding:1.25rem}}@media (max-width: 720px){.controls-panel,.summary-grid{grid-template-columns:1fr}.control-group,.control-group-wide{grid-column:span 1}.game-card{grid-template-columns:72px minmax(0,1fr)}.game-actions,.section-heading,.drawer-actions,.drawer-header{flex-direction:column;align-items:stretch}.drawer-panel{width:100%}}