/*
---
filename: cockpit.css
author: Jean-Yves Cornet
date_modified: 2026-07-21 19:35:54
version: 1.0.0
scope: core
---
*/

/* Mode cockpit : le plateau reste la scène principale, les informations s'effacent sans disparaître. */
:root{--ink:#f2f6ff;--muted:#bac8e1;--line:rgba(161,190,239,.34)}
html,body{width:100%;height:100%;overflow:hidden}
body{background:radial-gradient(circle at 10% 0,#1f376f 0,transparent 34rem),radial-gradient(circle at 90% 100%,#2f1a61 0,transparent 40rem),#040713}
.app{max-width:none;width:100%;min-height:100vh;padding:0 22px;display:grid;grid-template-rows:54px minmax(0,1fr)}
.topbar{height:54px;z-index:2;background:linear-gradient(90deg,#071126c7,transparent);backdrop-filter:blur(10px)}
.layout{min-height:0;height:calc(100vh - 54px);grid-template-columns:minmax(0,1fr) 275px;gap:14px;align-items:stretch}
.arena{min-height:0;height:100%;overflow:hidden}.arena canvas{width:100%;height:100%;min-height:0}.canvas-help{opacity:.42;transition:opacity .2s}.arena:hover .canvas-help{opacity:.9}
.panel{align-self:center;max-height:calc(100vh - 100px);padding:17px 18px;background:linear-gradient(145deg,rgba(18,31,64,.55),rgba(5,10,27,.42));border-color:rgba(119,158,231,.14);box-shadow:0 22px 70px #0004;backdrop-filter:blur(12px);font-size:12px}.panel:hover,.panel:focus-within{background:linear-gradient(145deg,rgba(18,31,64,.82),rgba(5,10,27,.72));border-color:rgba(81,231,255,.34)}.panel h1{font-size:19px}.status{min-height:34px}.clock-row{margin:12px 0}.clock{padding:7px}.clock strong{font-size:18px}.actions{grid-template-columns:1.25fr 1fr 1fr;gap:6px}.actions button{padding:7px 5px;font-size:11px}.moves{margin-top:14px;padding-top:11px}.moves ol{height:min(19vh,135px);margin-top:6px}.moves li{padding:1px 0}details{padding-top:10px}.panel details p{margin:7px 0 0}.eyebrow{margin-bottom:4px}
.theme-controls{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:11px}.theme-controls label{display:grid;gap:3px;color:var(--muted);font-size:9px;letter-spacing:.08em;text-transform:uppercase}.theme-controls select{width:100%;border:1px solid var(--line);border-radius:7px;background:#09142ccc;color:var(--ink);padding:5px;font:inherit;font-size:11px;cursor:pointer}.theme-controls select:focus{outline:0;border-color:var(--cyan)}
.settings-form{display:grid;gap:15px;min-width:min(390px,80vw)}.settings-form label{display:grid;gap:6px;color:var(--muted);font-size:11px;letter-spacing:.08em;text-transform:uppercase}.settings-form select{padding:9px;border:1px solid var(--line);border-radius:8px;background:#09142c;color:var(--ink);font:inherit}.settings-form menu{display:flex;justify-content:flex-end;margin:0;padding:0}
@media(max-width:900px){html,body{overflow:auto}.app{padding:0 13px;display:block}.layout{height:auto;display:block}.arena{height:72vh;min-height:410px}.panel{margin:0 auto 22px;max-height:none}.topbar{height:52px}.actions{grid-template-columns:1.4fr 1fr 1fr 1fr}}