*{margin:0;padding:0;box-sizing:border-box}:root{--color-band-top:#051223;--color-band-main:#071d33;--color-band-panel:#0b2f4d;--color-band-alt:#0e3d5f;--color-divider-strong:#123a55;--color-divider-soft:#0f314d;--color-text-primary:#f4f8ff;--color-text-muted:#7c8ba3;--color-icon-muted:#93b9d1;--color-link:#8fd8ff;--color-link-hover:#b5e4ff;--color-cta:#5eb2ff;--color-cta-hover:#7fc3ff;--color-cta-active:#4da0eb;--color-alert:#ffb347;--color-alert-critical:#ff6a4d;--color-success:#00ffc6;--space-2xs:.25rem;--space-xs:.5rem;--space-sm:.75rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--max-content-width:1220px;--font-heading:"Rajdhani","Exo 2","Oswald","Segoe UI",sans-serif;--font-body:"Open Sans","Roboto","Segoe UI",sans-serif;--letter-spacing-heading:.08em;--panel-glass:rgba(14,61,95,0.85);--panel-glow:rgba(255,255,255,0.08);--shadow-flat:0 1px 0 rgba(255,255,255,0.04);--noise-opacity:.04}body{min-height:100vh;font-family:var(--font-body);background:radial-gradient(circle at top,#0c2742 0,var(--color-band-main) 45%,#040b14 100%);color:var(--color-text-primary);line-height:1.6}a{color:var(--color-link);text-decoration:none;transition:color 120ms ease}a:hover,a:focus-visible{color:var(--color-link-hover)}.page-shell{max-width:var(--max-content-width);margin:0 auto;padding:var(--space-2xl) var(--space-xl);display:flex;flex-direction:column;gap:var(--space-xl)}.btn-reset{width:44px;height:44px;border:2px solid var(--color-alert-critical);background-color:rgba(255,106,77,0.1);color:var(--color-alert-critical);border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-family:var(--font-heading);font-size:2rem;font-weight:700;line-height:1;transition:background-color 120ms ease,border-color 120ms ease,transform 120ms ease;box-shadow:0 2px 8px rgba(0,0,0,0.3);flex-shrink:0}.btn-reset:hover{background-color:rgba(255,106,77,0.2);border-color:var(--color-alert-critical);transform:scale(1.05)}.btn-reset:active{transform:scale(0.95);background-color:rgba(255,106,77,0.3)}.btn-reset__icon{display:block;line-height:1}.error-message{background-color:var(--color-band-panel);border-left:4px solid var(--color-alert-critical);padding:var(--space-md);border-radius:4px;color:var(--color-text-primary);box-shadow:var(--shadow-flat)}.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}.panel-glass{background-color:var(--panel-glass);border:1px solid rgba(255,255,255,0.06);box-shadow:inset 0 0 20px rgba(5,18,35,0.7);position:relative;border-radius:6px;padding:var(--space-xl);overflow:hidden;animation:panelBoot 200ms cubic-bezier(0.28,0.16,0.18,1)}.panel-glass::before{content:"";position:absolute;inset:0;border:1px solid var(--panel-glow);opacity:.4;pointer-events:none}.panel-glass::after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(255,255,255,var(--noise-opacity)) 0,transparent 60%);mix-blend-mode:screen;pointer-events:none;opacity:.4}.panel-glass>*{position:relative;z-index:1}.status-card{display:flex;flex-direction:column;gap:var(--space-lg)}.status-card__header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-md);flex-wrap:wrap}.status-card__actions{display:flex;align-items:center;gap:var(--space-sm)}.status-card__body{display:flex;flex-direction:column;gap:var(--space-sm)}.eyebrow{text-transform:uppercase;letter-spacing:var(--letter-spacing-heading);font-size:.75rem;color:var(--color-icon-muted)}h1,h2{font-family:var(--font-heading);letter-spacing:.04em}h1{font-size:1.8rem}h2{font-size:1.4rem}.btn{border:0;padding:var(--space-sm) var(--space-lg);text-transform:uppercase;letter-spacing:.05em;font-weight:600;border-radius:4px;cursor:pointer;transition:background-color 120ms ease,color 120ms ease,transform 120ms ease;font-family:var(--font-heading)}.btn--primary{background-color:var(--color-cta);color:#051223}.btn--primary:hover{background-color:var(--color-cta-hover)}.btn--secondary{background-color:transparent;border:1px solid var(--color-link);color:var(--color-link-hover)}.btn--secondary:hover{background-color:rgba(143,216,255,0.12)}.focus-status{font-size:1.2rem;font-weight:700;font-family:var(--font-heading);letter-spacing:.04em}.focus-status.focused{color:var(--color-success)}.focus-status.blurred{color:var(--color-alert-critical)}.status-hint{color:var(--color-text-muted);font-size:.9rem}.system-panel{display:flex;flex-direction:column;gap:var(--space-xl)}.active-panel{border-top:1px solid var(--color-divider-soft);padding-top:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-md);min-height:260px}.active-inputs-grid{display:flex;flex-direction:column;gap:var(--space-md)}.active-input-card{background:linear-gradient(135deg,rgba(14,61,95,0.85) 0,rgba(11,47,77,0.9) 100%);border:1px solid rgba(255,255,255,0.12);border-left:6px solid var(--color-success);border-radius:4px;padding:var(--space-xl) var(--space-lg);position:relative;box-shadow:inset 0 0 30px rgba(5,18,35,0.6),0 2px 8px rgba(0,0,0,0.4);transition:border-left-color 120ms ease,box-shadow 120ms ease;animation:panelBoot 200ms cubic-bezier(0.28,0.16,0.18,1);display:flex;align-items:center;justify-content:space-between;gap:var(--space-xl);min-height:120px}.active-input-card::before{content:"";position:absolute;inset:0;border:1px solid var(--panel-glow);opacity:.4;pointer-events:none;border-radius:4px}.active-input-card::after{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.1),transparent);pointer-events:none}.active-input-card__primary{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-xs)}.active-input-card__action-map{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.12em;font-size:.7rem;color:var(--color-icon-muted);font-weight:600;opacity:.8}.active-input-card__action{font-family:var(--font-heading);font-size:2.2rem;font-weight:700;color:var(--color-success);line-height:1.1;letter-spacing:.03em;word-break:break-word;text-shadow:0 0 20px rgba(0,255,198,0.3)}.active-input-card__action.unmapped{color:var(--color-text-muted);font-size:1.8rem;text-shadow:none}.active-input-card__secondary{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-sm);flex-shrink:0;text-align:right}.active-input-card__input-badge{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-md);background-color:rgba(0,255,198,0.12);border:1px solid rgba(0,255,198,0.2);border-radius:4px;font-family:var(--font-heading)}.active-input-card__input-type{color:var(--color-success);font-weight:700;font-size:.9rem;text-transform:uppercase;letter-spacing:.05em}.active-input-card__input-id{color:var(--color-text-primary);font-weight:700;font-size:1.4rem;letter-spacing:.02em}.active-input-card__value{color:var(--color-alert);font-weight:600;font-size:.85rem;font-family:var(--font-heading);margin-left:var(--space-xs);padding-left:var(--space-xs);border-left:1px solid rgba(255,179,71,0.3)}.active-input-card__device-name{font-size:.75rem;color:var(--color-text-muted);opacity:.6;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.active-input-card.fading-out{opacity:0;transform:translateY(-10px);transition:opacity .5s ease-out,transform .5s ease-out;pointer-events:none}.device-mapping-dialog{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center}.device-mapping-overlay{position:absolute;inset:0;background-color:rgba(0,0,0,0.85);backdrop-filter:blur(4px)}.device-mapping-panel{position:relative;z-index:1;max-width:600px;width:90%;text-align:center;padding:var(--space-2xl)}.device-mapping-step{display:flex;flex-direction:column;gap:var(--space-xl);margin-top:var(--space-lg)}.device-mapping-instruction h2{font-size:1.2rem;margin-bottom:var(--space-lg);color:var(--color-text-primary)}.device-mapping-target{padding:var(--space-xl);background-color:rgba(0,255,198,0.1);border:2px solid var(--color-success);border-radius:6px;margin:var(--space-lg) 0}.device-mapping-target__name{font-family:var(--font-heading);font-size:1.5rem;font-weight:700;color:var(--color-success);margin-bottom:var(--space-xs)}.device-mapping-target__id{font-size:.75rem;color:var(--color-text-muted);opacity:.6;font-weight:400;font-family:var(--font-body);margin-bottom:var(--space-xs);letter-spacing:.02em}.device-mapping-target__instance{font-size:.9rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.device-mapping-status{min-height:60px;display:flex;align-items:center;justify-content:center}.device-mapping-status__waiting{color:var(--color-alert);font-size:1rem;font-weight:600;animation:pulse 1.5s ease-in-out infinite}.device-mapping-status__success{color:var(--color-success);font-size:1.1rem;font-weight:700}.device-mapping-complete{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);margin-top:var(--space-lg)}.device-mapping-complete__icon{font-size:4rem;color:var(--color-success);font-weight:700;line-height:1}.device-mapping-complete h2{color:var(--color-success);margin:0}@keyframes pulse{0,100%{opacity:1}50%{opacity:.5}}.history-card{display:flex;flex-direction:column;gap:var(--space-md)}.history-card__header{display:flex;flex-direction:column;gap:var(--space-2xs)}.input-entry{padding:var(--space-md);border-left:4px solid var(--color-link);background-color:rgba(4,21,40,0.4);border-radius:4px;margin-bottom:var(--space-sm);font-size:1rem;line-height:1.4}.input-entry.active{font-size:1.25rem;border-left-color:var(--color-success);background-color:rgba(0,255,198,0.08)}.input-entry.history{opacity:.75;border-left-color:var(--color-divider-soft);background-color:rgba(255,255,255,0.02);font-size:.95rem;line-height:1.5}.history-first-line{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-xs);margin-bottom:var(--space-xs);width:100%}.history-device-name{font-family:var(--font-heading);font-size:1.1rem;font-weight:700;color:var(--color-success)}.history-input-index{font-size:.7rem;color:var(--color-text-muted);opacity:.7;font-weight:400;font-family:var(--font-body)}.history-vendor-product{font-size:.65rem;color:var(--color-text-muted);opacity:.6;font-weight:400;font-family:var(--font-body)}.history-input-type{color:var(--color-text-primary);font-weight:500}.history-input-id{color:var(--color-link);font-weight:500}.input-value{color:var(--color-text-muted);font-size:.9em;opacity:.8}.history-mapping{font-family:var(--font-heading);font-size:.95rem;font-weight:700;color:var(--color-success);margin-top:var(--space-xs)}.history-mapping-input{font-family:var(--font-heading);font-size:.95rem;font-weight:600;color:var(--color-alert);letter-spacing:.02em}.device-name{color:var(--color-success);font-weight:700}.input-type{color:var(--color-alert);font-weight:600}.input-id{color:var(--color-link)}.game-function{color:var(--color-success);font-weight:700;font-size:1.1em}.no-inputs{color:var(--color-text-muted);font-style:italic;padding:var(--space-lg) 0;text-align:center}.loading-message{color:var(--color-alert);padding:var(--space-lg);text-align:center}.calibration-shell{min-height:100vh;justify-content:center}.calibration-card{max-width:640px;margin:0 auto;text-align:center;gap:var(--space-md)}.calibration-copy,.calibration-footnote{color:var(--color-text-muted)}.calibration-copy{font-size:1rem}.calibration-footnote{font-size:.85rem;margin-top:var(--space-md)}.calibration-message{font-size:1.5rem;color:var(--color-alert);min-height:1.5em;margin-top:var(--space-md)}.countdown{font-size:3.5rem;font-weight:700;color:var(--color-success);margin:var(--space-lg) 0}.calibration-message.visible,.countdown.visible{display:block}.calibration-message:not(.visible),.countdown:not(.visible){display:none}@media(max-width:768px){.site-nav__inner{flex-wrap:wrap;height:auto;padding:var(--space-md) var(--space-xl)}.nav-list{flex-wrap:wrap}.utility-cluster{margin-left:0;width:100%;justify-content:flex-end;flex-wrap:wrap}.nav-link--cta{margin-left:0}}@keyframes panelBoot{0{opacity:0;transform:translateY(-6px)}60%{opacity:1;transform:translateY(0)}100%{opacity:1}}