/* Future XI family: midnight surfaces, cyan, pink and golden X accents. */
:root{--bg:#090b10;--panel:#14181f;--line:#303743;--ink:#f5f6f8;--muted:#b4bcc8;--lime:#06dbe9}
body:before{background:radial-gradient(ellipse at 30% 0,#06dbe911,transparent 55%),radial-gradient(ellipse at 100% 20%,#ff178f08,transparent 50%)}
.app-header{margin-bottom:22px;gap:8px}
.brand{gap:12px}.brand img{width:80px;height:80px;object-fit:contain;border-radius:0}
.brand h1{font-size:25px;font-style:italic;letter-spacing:-1px;line-height:1.15}
.brand-x{display:inline-block;color:#ffe600;background:linear-gradient(#ffff24,#ffd500 30%,#ff8500 72%,#ffe600);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(-1px 1px #06dbe9) drop-shadow(1px 1px #ff178f);font-size:1.35em}
.brand-ref{font-size:.65em;margin-left:4px;letter-spacing:-.5px;color:#f5f6f8}
.eyebrow{font-size:8px;letter-spacing:1.35px;line-height:1.6}
.icon-btn{background:#14181f;border-color:#303743}
input,select{background:#0c0f15;border-color:#3d4655}label{color:#b4bcc8}
.setup{background:#14181f}.setup-inner{border-color:var(--line)}.tiny-number{border-color:#06dbe94d}
.clock-panel{background:linear-gradient(135deg,#1c222c,#131820);border-color:#3b4655}
.clock-panel:before{background-image:linear-gradient(#06dbe906 1px,transparent 1px),linear-gradient(90deg,#06dbe906 1px,transparent 1px)}
.phase-label{color:#e4e8f0}.status-pill{background:#090b1099;color:#b4bcc8}.status-pill.running i{box-shadow:0 0 7px #06dbe977}
.clock{color:#f5f6f8}.clock span{color:#9ba9bc}.clock-meta{color:#b4bcc8}.progress-track{background:#303743}.progress-track>div{background:linear-gradient(90deg,#06dbe9,#ff178f)}
.main-control{background:#06dbe9;color:#071216;box-shadow:0 3px 0 #07818e}
.main-control.pause{background:#e4e8f0;color:#11151c;box-shadow:0 3px 0 #8390a3}
.main-control.end-control{background:linear-gradient(110deg,#ffe600,#ffb12b);color:#191306;box-shadow:0 3px 0 #a66d00}
.end-period,.device-tools button,#wakeStatus{color:#b4bcc8}
.team-card{background:#14181f;border-right-color:var(--line);border-bottom-color:var(--line);border-left-color:var(--line)}
.team-role,.score-separator,.card-counts{color:#b4bcc8}.goal-btn{background:#242c38;border-color:#455166;color:#f5f6f8}
.section-head h2 span{background:#242c38;color:#b4bcc8}.text-btn{color:#06dbe9}
.empty-log{border-color:#303743}.empty-log svg{color:#06dbe9}.empty-log p{color:#e4e8f0}.empty-log span{color:#b4bcc8}
.event,.alert-note{border-color:var(--line)}.alert-note,footer,.install-tip{color:#a3adbd}.alert-note strong{color:#e4e8f0}
.penalties{background:#14181f;border-color:#3d4655}.penalty-turn{color:#e4e8f0}.penalty-dot{border-color:#526078;color:#b4bcc8}
.penalty-dot.hit,.penalty-box.hit{background:#06dbe9;border-color:#06dbe9;color:#071216}
.kick-actions button{background:#06dbe9;border-color:#0797a5;color:#071216}
.sheet-team{background:#1c222c;border-color:#455166;color:#e4e8f0}.sheet-team.active{background:#103139;color:#f5f6f8}
dialog{background:#14181f;border-color:#455166}dialog::backdrop{background:#05070cbc}.sheet-grip{background:#526078}.close-btn,.secondary-btn{background:#242c38;color:#e4e8f0;border-color:#455166}.confirm-btn{color:#071216}
.pocket{background:#05070b;color:#93a7b8}.pocket-label span,.unlock-wrap p{color:#8391a4}.unlock-wrap button{border-color:#41576a;background:linear-gradient(90deg,#235363 var(--hold,0%),#101a24 var(--hold,0%));color:#c5dce8}
.toast{background:#e4faff;color:#10222b}.team-penalties{border-color:#303743}.team-penalty-score span,.penalty-taken{color:#b4bcc8}
.penalty-box{background:#1c222c;border-color:#455166;color:#b4bcc8}.penalty-box.next{background:#103139;color:#e4faff;box-shadow:0 0 0 1px #06dbe926}
@media(max-width:365px){.brand{gap:8px}.brand img{width:64px;height:64px}.brand h1{font-size:22px}.eyebrow{font-size:7px;letter-spacing:1px}.icon-btn{width:40px;height:44px}}