:root{--lumo-base-color: #d7dee7;--lumo-primary-color: #315d87;--lumo-primary-text-color: #18344d;--lumo-border-radius-m: 0;--lumo-border-radius-l: 0;--lumo-font-family: "Segoe UI", Tahoma, sans-serif}html,body{background:linear-gradient(180deg,#8c98a6,#73808e)}.workbench-root{min-height:100vh;background:radial-gradient(circle at top left,rgba(255,255,255,.28),transparent 22%),linear-gradient(180deg,#8d9aa8,#6b7785)}.login-view{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;background:radial-gradient(circle at top left,rgba(255,255,255,.28),transparent 22%),linear-gradient(180deg,#8d9aa8,#6b7785)}.login-card{width:min(26rem,92vw);padding:1.35rem 1.5rem 1.5rem;border:1px solid #6a7787;background:linear-gradient(180deg,#fff,#edf3fa);box-shadow:0 2px #ffffffbf inset,0 18px 28px #0000003d}.login-title{margin:0;font-size:1.3rem;color:#18344d}.login-subtitle{margin:0;color:#4a5d72}.login-submit{align-self:flex-start}.login-error{display:block;padding:.55rem .65rem;border:1px solid #b06060;background:linear-gradient(180deg,#fff2f2,#f3d8d8);color:#8a2020;font-weight:600}.top-chrome{border-bottom:1px solid #7a8797;background:linear-gradient(180deg,#f4f7fb,#d5dde7);box-shadow:inset 0 -1px #fff9}.menu-strip{padding:.25rem .5rem}.swing-toolbar{padding:.5rem .75rem;border-top:1px solid rgba(255,255,255,.5);border-bottom:1px solid #8b97a6;background:linear-gradient(180deg,#edf2f8,#c7d2df)}.toolbar-button::part(label){font-weight:600}.toolbar-title{font-size:1.05rem;font-weight:700;color:#20374e;letter-spacing:.03em}.toolbar-status-strip{margin-left:auto}.workspace-main{flex:1;background:linear-gradient(180deg,#ffffff24,#0000000f),linear-gradient(180deg,#7f8c9b,#6d7987)}.desktop-tabs,.dock-tabs{background:linear-gradient(180deg,#d9e1ea,#b8c3cf);border-bottom:1px solid #71808f;padding:.25rem .5rem 0}.desktop-host,.dock-host{padding:.75rem}.desktop-host{position:relative;overflow:auto;min-height:42rem;background:linear-gradient(#ffffff14,#ffffff05),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(180deg,#8d99a7,#71808f);background-size:auto,24px 24px,24px 24px,auto;border-top:1px solid #647180}.status-dock{border-top:1px solid #6e7c8a;background:linear-gradient(180deg,#d2dae3,#bcc7d3)}.internal-frame{border:1px solid #5e6c7a;box-shadow:0 2px #fff6 inset,0 10px 18px #0000002e;background:linear-gradient(180deg,#eef3f8,#dbe4ee)}.desktop-window{position:absolute;display:flex;flex-direction:column;min-width:19rem;min-height:14rem;resize:both;overflow:hidden;border:1px solid #576473;box-shadow:0 1px #ffffff80 inset,0 14px 22px #0000003d;background:linear-gradient(180deg,#eef4fb,#d9e2ec)}.desktop-window-header{margin:0;padding:.15rem .25rem .15rem .55rem;min-height:2rem;background:linear-gradient(180deg,#e8eff7,#b8c5d3);border-bottom:1px solid #8090a0;cursor:move;-webkit-user-select:none;user-select:none}.desktop-window-title{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700;color:#18344d;font-size:.78rem;text-transform:uppercase;letter-spacing:.04em}.desktop-window-controls{gap:.2rem}.desktop-window-control{min-width:1.3rem;height:1.3rem;border:1px solid #667788;background:linear-gradient(180deg,#f7fbff,#d3dde8);color:#21384f;font:inherit;font-size:.7rem;font-weight:700;line-height:1;padding:0}.desktop-window-body{flex:1;overflow:auto;padding:.75rem;background:linear-gradient(180deg,#f8fbff,#e8eff7)}.desktop-tabs vaadin-tab[data-window-open=false]{opacity:.68}.internal-frame-header{margin:0;padding:.45rem .7rem;background:linear-gradient(180deg,#e8eef5,#bdcad7);border-bottom:1px solid #8d9bab}.internal-frame-title{font-weight:700;color:#19354d;text-transform:uppercase;letter-spacing:.04em;font-size:.78rem}.internal-frame-body{padding:.85rem;background:linear-gradient(180deg,#f8fbff,#e7eef6)}.status-badge{display:inline-flex;align-items:center;min-height:1.9rem;padding:.2rem .65rem;border:1px solid #728090;background:linear-gradient(180deg,#f9fbfd,#d7e0ea);color:#21384f;font-weight:600}.status-badge[data-state=active]{border-color:#58754a;background:linear-gradient(180deg,#f0f7ec,#c8dbbd);color:#28451d}.gating-notice{padding:1rem;border:1px solid #9f7d35;background:linear-gradient(180deg,#fff4d5,#f1ddb1);color:#66480a;font-weight:600}.board-grid{display:grid;gap:.35rem}.board-cell-button,.connect4-cell{min-height:3.25rem;display:inline-flex;align-items:center;justify-content:center;border:1px solid #6d7b8a;background:linear-gradient(180deg,#fff,#dce4ed);font-weight:800;font-size:1.05rem;color:#163149}.connect4-cell{min-width:3rem}.stub-card{border:1px dashed #8b6f2f;background:linear-gradient(180deg,#fff5dc,#f2e2b8);padding:.75rem}.surface-list{margin:0;padding-left:1.1rem}vaadin-text-area,vaadin-text-field,vaadin-integer-field,vaadin-select,vaadin-grid{--vaadin-input-field-border-width: 1px;--vaadin-input-field-border-color: #7a8998;--vaadin-input-field-background: linear-gradient(180deg, #ffffff 0%, #eef3f8 100%)}