.fx-screens{--bg: #0f1013;--panel: #1a1c21;--line: #2a2d35;--text: #e9e6df;--muted: #9a968d;--acc: #f2a33a;position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;color:var(--text);font:14px/1.45 system-ui,sans-serif;pointer-events:none}.fx-screens *{box-sizing:border-box}.fx-screens[data-screen=join],.fx-screens[data-screen=lobby],.fx-screens[data-screen=pick],.fx-screens[data-screen=end]{background:var(--bg);pointer-events:auto}.fx-screens[data-screen=game]{pointer-events:none}.fx-screens h1{font-size:20px;font-weight:600;margin:0 0 12px}.fx-screens button{font:inherit;font-size:13px;color:var(--text);background:#000b;border:1px solid #fff3;border-radius:4px;padding:5px 11px;min-height:36px;cursor:pointer}.fx-screens button:disabled{opacity:.45;cursor:default}.fx-screens button.fx-primary,.fx-screens button.on{background:var(--acc);color:#1a1205;border-color:var(--acc);font-weight:600}.fx-screens input,.fx-screens select{font:inherit;color:var(--text);background:#000b;border:1px solid var(--line);border-radius:4px;padding:5px 9px;min-height:36px}.fx-screens :focus-visible{outline:2px solid var(--acc);outline-offset:2px}.fx-card{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:20px}.fx-join{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(100% - 32px);max-width:420px;display:flex;flex-direction:column;gap:12px}.fx-join h1{margin:0}.fx-field{display:flex;flex-direction:column;gap:4px;color:var(--muted)}.fx-note{margin:0;color:var(--muted)}.fx-screens .fx-error{z-index:60;position:absolute;top:16px;left:50%;transform:translate(-50%);margin:0;padding:4px 14px;border-radius:4px;background:#8e1f17e6;font-weight:600;font-size:13px;pointer-events:auto}.fx-lobby{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(100% - 32px);max-width:760px;max-height:calc(100% - 32px);overflow:auto}.fx-cols{display:grid;grid-template-columns:1fr;gap:20px}@media (min-width: 900px){.fx-cols{grid-template-columns:1fr 1fr}}.fx-col{display:flex;flex-direction:column;gap:12px;min-width:0}.fx-row{display:flex;gap:8px}.fx-row input{flex:1;min-width:0}.fx-players{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.fx-players li{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;padding:6px 10px;border:1px solid var(--line);border-radius:4px}.fx-nick{font-weight:600}.fx-tag{color:var(--muted);font-size:12px}.fx-swatch{display:inline-block;width:28px;height:0;border-top:4px solid var(--seat)}.fx-swatch[data-shape=dashed]{border-top-style:dashed}.fx-setup{display:flex;flex-direction:column;gap:12px}.fx-species{display:grid;grid-template-columns:1fr 1fr;gap:8px}.fx-screens button.fx-tile{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:12px;min-height:64px;background:#262a31;border:1px solid #363a43}.fx-screens button.fx-tile[aria-pressed=true]{border-color:var(--acc)}.fx-screens button.fx-tile small{color:var(--acc)}.fx-game .fx-reveal{position:absolute;top:16px;left:50%;transform:translate(-50%);padding:10px 18px;font-weight:600;pointer-events:none}.fx-game .fx-menu{position:absolute;top:10px;right:240px;display:flex;flex-direction:column;align-items:flex-end;gap:6px;pointer-events:auto}.fx-game .fx-menu-bar{display:flex;gap:6px}.fx-game .fx-help-btn{width:36px;padding:0;font-weight:700;font-size:16px}.fx-game .fx-menu-panel{padding:8px}.fx-game .fx-chat{position:absolute;left:10px;bottom:10px;width:340px;max-width:calc(100% - 20px);padding:8px;background:#1a1c21d9;display:flex;flex-direction:column;gap:6px;pointer-events:auto}.fx-game .fx-lines{list-style:none;margin:0;padding:0;font-size:13px;overflow-wrap:anywhere}.fx-game .fx-lines .fx-ping{font-style:italic}.fx-game .fx-pings{display:flex;flex-wrap:wrap;gap:4px}.fx-game .fx-chat input{width:100%}.fx-game .fx-scrim{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0009;pointer-events:auto}.fx-game .fx-dialog{width:calc(100% - 32px);max-width:380px}.fx-game .fx-dialog p{margin:0 0 12px}.fx-game .fx-dialog .fx-row{justify-content:flex-end}.fx-screens button.fx-danger{background:#c9281a;border-color:#c9281a;color:#fff;font-weight:600}.fx-screens .fx-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#000a;pointer-events:auto;z-index:50}.fx-screens .fx-overlay-card{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:20px 24px;text-align:center;max-width:min(420px,calc(100vw - 32px))}.fx-screens .fx-overlay-card h2{font-size:16px;font-weight:600;margin:0 0 8px}.fx-screens .fx-overlay-card p{margin:0 0 8px;color:var(--muted)}.fx-screens .fx-spinner{display:block;width:24px;height:24px;margin:0 auto 12px;border:3px solid var(--line);border-top-color:var(--acc);border-radius:50%;animation:fx-spin .9s linear infinite}@keyframes fx-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.fx-screens .fx-spinner{animation:none}}.fx-end{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(100% - 32px);max-width:760px;max-height:calc(100% - 32px);overflow:auto;display:flex;flex-direction:column;gap:12px}.fx-end h1{margin:0}.fx-end h1[data-tone=win]{color:var(--acc)}.fx-end h1[data-tone=loss],.fx-end h1[data-tone=draw]{color:var(--text)}.fx-graphs{display:grid;grid-template-columns:1fr;gap:16px}@media (min-width: 900px){.fx-graphs{grid-template-columns:1fr 1fr}}.fx-graph{margin:0;min-width:0}.fx-graph figcaption{color:var(--muted);margin-bottom:4px}.fx-graph svg{display:block;width:100%;height:auto;background:#000b;border:1px solid var(--line);border-radius:4px}.fx-graph .fx-grid{stroke:var(--line);stroke-width:1}.fx-axis{display:flex;justify-content:space-between;color:var(--muted);font-size:12px}.fx-legend{list-style:none;margin:4px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:4px 16px}.fx-legend li{display:flex;align-items:center;gap:6px}.fx-game .fx-help{display:flex;flex-direction:column;width:calc(100% - 32px);max-width:760px;max-height:calc(100% - 32px);background:#1c140e;color:#f3ead8;border:1px solid #46362a;border-radius:12px;box-shadow:0 12px 40px #000c}.fx-game .fx-help header{padding:14px 22px 8px;border-bottom:1px solid #46362a}.fx-game .fx-help h2{margin:0;font-size:20px;font-weight:700}.fx-game .fx-help header p{margin:2px 0 0;color:#c2b39d}.fx-game .fx-help-body{overflow-y:auto;padding:6px 22px 12px;columns:2 300px;column-gap:28px;font-size:13px}.fx-game .fx-help section{break-inside:avoid;padding:6px 0 8px}.fx-game .fx-help h3{margin:0 0 6px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#ff9f43}.fx-game .fx-help-row{display:grid;grid-template-columns:116px 1fr;gap:10px;padding:2px 0;line-height:1.35}.fx-game .fx-help-keys{display:flex;flex-wrap:wrap;gap:4px;align-content:flex-start}.fx-game .fx-help kbd{font:600 12px/1 ui-monospace,monospace;padding:3px 6px;border-radius:5px;background:#2a1f17;border:1px solid #46362a;color:#f3ead8}.fx-game .fx-help-note{margin:4px 0 0;color:#c2b39d;font-style:italic}.fx-game .fx-help footer{display:flex;justify-content:flex-end;gap:8px;padding:10px 22px;border-top:1px solid #46362a}