@layer base{:root{--pixel-accent:var(--roco-accent-text);--pixel-accent-text:var(--roco-accent-text);--pixel-accent-bright:var(--roco-lime-hover);--pixel-primary-from:var(--primary);--pixel-primary-to:var(--primary);--pixel-border:var(--border);--pixel-border-strong:var(--border);--pixel-border-shell:var(--border);--pixel-border-titlebar:var(--border);--pixel-border-nav-hover:var(--primary);--pixel-border-mobile:var(--border);--pixel-border-row:var(--border);--pixel-surface:var(--card);--pixel-surface-deep:var(--muted);--pixel-surface-card:var(--card);--pixel-surface-nav-hover:var(--accent);--pixel-surface-hover:var(--accent);--pixel-surface-outline-hover:var(--accent);--pixel-surface-selected:var(--accent);--pixel-shadow-color:transparent;--pixel-shadow-color-primary:transparent;--pixel-shadow-color-destructive:transparent;--pixel-scrim:color-mix(in srgb,var(--scrim) 66%,transparent);--pixel-shadow-sm:0 0 0 transparent;--pixel-shadow-md:0 0 0 transparent;--pixel-shadow-lg:0 0 0 transparent;--pixel-shadow-button:0 0 0 transparent;--pixel-shadow-button-active:0 0 0 transparent;--pixel-shadow-destructive:0 0 0 transparent;--pixel-shadow-live:0 0 0 transparent;--pixel-text:var(--foreground);--pixel-text-muted:var(--muted-foreground);--pixel-text-subtle:var(--muted-foreground);--pixel-form-win-bg:var(--roco-win);--pixel-form-win-fg:#080a0d;--pixel-form-win-text:color-mix(in srgb,var(--roco-win) 70%,#000000);--pixel-form-draw-bg:var(--draw);--pixel-form-draw-fg:#080a0d;--pixel-form-draw-text:color-mix(in srgb,var(--draw) 70%,#000000);--pixel-form-loss-bg:var(--roco-loss);--pixel-form-loss-fg:#080a0d;--pixel-form-loss-text:color-mix(in srgb,var(--roco-loss) 70%,#000000);--pixel-form-none-bg:var(--draw);--pixel-form-none-fg:#080a0d;--pixel-form-win-soft:color-mix(in srgb,var(--roco-win) 14%,transparent);--pixel-form-draw-soft:color-mix(in srgb,var(--draw) 16%,transparent);--pixel-form-loss-soft:color-mix(in srgb,var(--roco-loss) 14%,transparent);--pixel-live-bg:var(--roco-live);--pixel-live-border:color-mix(in srgb,var(--roco-live) 45%,transparent);--pixel-live-shadow-color:transparent;--pixel-destructive-border:color-mix(in srgb,var(--roco-loss) 45%,transparent);--pixel-destructive-bg:var(--destructive);--pixel-chrome-bg:var(--card);--pixel-chrome-border:var(--border);--pixel-chrome-border-soft:var(--border);--pixel-chrome-border-footer:var(--border);--pixel-chrome-control-bg:var(--card);--pixel-logo-bg:var(--card);--pixel-logo-border:var(--border);--pixel-logo-text:var(--foreground);--pixel-logo-shadow:transparent;--pixel-logo-shadow-box:0 0 0 transparent;--pixel-nav-active-border:var(--primary);--pixel-nav-active-bg:var(--accent);--pixel-mobile-text-active:var(--muted-foreground);--pixel-nav-text:var(--foreground)}.dark{--pixel-form-win-text:var(--roco-win);--pixel-form-draw-text:var(--draw);--pixel-form-loss-text:var(--roco-loss)}html{color-scheme:light}html,html.dark{background:var(--background)}html.dark{color-scheme:dark}body{min-height:100vh;color:var(--foreground);background:var(--background);overflow-x:clip}::selection{color:var(--primary-foreground);background:var(--primary)}}@layer components{.pixel-shell{border:1px solid var(--pixel-border-shell);border-radius:0}.pixel-card,.pixel-shell{background:var(--pixel-surface-card)}.pixel-card{border:1px solid var(--pixel-border-strong);border-radius:0}.pixel-titlebar{border-bottom:1px solid var(--pixel-border-titlebar);color:var(--pixel-accent-text);font-family:var(--font-sans);font-weight:600;line-height:1.2;letter-spacing:.06em;text-transform:uppercase}.pixel-button{border:1px solid transparent;border-radius:0;background:var(--pixel-primary-from);color:var(--primary-foreground);font-weight:500}.pixel-button:hover{background:var(--roco-lime-hover)}.pixel-button:active{transform:none;box-shadow:none}.pixel-button-secondary{border:1px solid var(--pixel-border);border-radius:0;background:var(--pixel-surface);color:var(--pixel-text)}.pixel-live{border:1px solid var(--pixel-live-border);background:var(--pixel-live-bg);color:var(--live-text);font-family:var(--font-sans);font-weight:600}.pixel-nav-link{border:1px solid transparent;color:var(--pixel-nav-text);font-weight:800;text-decoration:none}.pixel-nav-link:hover{border-color:var(--pixel-border-nav-hover);background:var(--pixel-surface-nav-hover);color:var(--pixel-text)}.pixel-input{border:1px solid var(--pixel-border-strong);border-radius:0;background:var(--pixel-surface-deep);color:var(--pixel-text)}.pixel-input:focus{border-color:var(--pixel-accent);outline:none}.pixel-mobile-nav{border-top:1px solid var(--pixel-border-mobile);background:var(--pixel-surface-card)}.pixel-score{font-family:var(--font-display);font-weight:700;font-style:italic;line-height:.95}.pixel-section{background:var(--pixel-surface);border:1px solid var(--pixel-border);border-radius:0}.pixel-section-titlebar{display:flex;align-items:center;justify-content:space-between;gap:.5rem;border-bottom:1px solid var(--pixel-border-titlebar);padding:.375rem .625rem;color:var(--pixel-accent-text);font-family:var(--font-sans);font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;line-height:1.2}.pixel-empty-compact{border:1px solid var(--pixel-border);background:var(--pixel-surface-card);padding:1rem 1.25rem}.pixel-overlay{border:1px solid var(--pixel-border-strong);border-radius:0;background:var(--popover);color:var(--popover-foreground);z-index:50}.pixel-dialog-scrim{z-index:60}.pixel-dialog-content{z-index:70}.pixel-tooltip{z-index:80}.pixel-menu-item{position:relative;display:flex;cursor:default;user-select:none;align-items:center;gap:.5rem;border-radius:0;padding-top:.375rem;padding-bottom:.375rem;min-height:2.25rem;font-size:12px;color:var(--popover-foreground);outline:none;transition:none}@media (pointer:coarse){.pixel-menu-item{min-height:2.75rem}}.pixel-menu-item[data-disabled]{pointer-events:none;opacity:.5}.pixel-menu-item:focus,.pixel-menu-item[data-highlighted]{background:var(--accent);color:var(--accent-foreground)}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@layer components{.pixel-panel{background:var(--pixel-surface-card);padding:1rem;gap:.75rem}.pixel-panel,.pixel-panel-deep{border:1px solid var(--pixel-border);border-radius:0;display:flex;flex-direction:column}.pixel-panel-deep{background:var(--pixel-surface-deep);padding:.75rem;gap:.5rem}.pixel-section-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.5rem 0;border-bottom:1px solid var(--pixel-border);color:var(--pixel-accent);font-family:var(--font-sans);font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;line-height:1}.pixel-rowlist{display:flex;flex-direction:column;gap:1px;background:var(--pixel-border)}.pixel-rowlist>*{background:var(--pixel-surface-card)}.pixel-rowlist>:nth-child(2n){background:color-mix(in srgb,var(--muted) 55%,var(--card))}}