/* Kill Team — Universal Local Catalogue UI — alpha-0.34.52 */ #ktUniversalModule.off{display:none!important}#ktUniversalModule.on{display:block!important} body.kt-universal-active footer.credito{display:none!important} #ktUniversalModule{--ktu-bg:var(--bg,#0e1218);--ktu-panel:var(--panel,#171d27);--ktu-panel2:var(--panel-2,var(--panel,#171d27));--ktu-line:var(--line,#2a3444);--ktu-muted:var(--muted,#9aa7b8);--ktu-text:var(--text,#e8edf4);--ktu-accent:var(--accent,#c9a227);min-height:calc(100dvh - 1px);padding:env(safe-area-inset-top) 0 max(24px,env(safe-area-inset-bottom));background:var(--ktu-bg);color:var(--ktu-text);isolation:isolate} /* The modals live outside #ktUniversalModule: they need the same palette */ #ktuDatasheetModal,#ktuBattleSetupModal,#ktuPveNpoModal,#ktuGameMissionModal,#ktuGameReferenceModal{--ktu-bg:var(--bg,#0e1218);--ktu-panel:var(--panel,#171d27);--ktu-panel2:var(--panel-2,var(--panel,#171d27));--ktu-line:var(--line,#2a3444);--ktu-muted:var(--muted,#9aa7b8);--ktu-text:var(--text,#e8edf4);--ktu-accent:var(--accent,#c9a227)} #ktUniversalModule *{box-sizing:border-box}#ktUniversalModule button,#ktUniversalModule input,#ktUniversalModule select{font:inherit} #ktUniversalModule button{min-height:38px;border:1px solid var(--ktu-line);background:var(--ktu-panel2);color:var(--ktu-text);padding:7px 11px;border-radius:4px;cursor:pointer}#ktUniversalModule button:hover{border-color:var(--ktu-accent)}#ktUniversalModule button.primary{background:linear-gradient(180deg,color-mix(in srgb,var(--ktu-accent) 92%,#fff 8%),color-mix(in srgb,var(--ktu-accent) 82%,#000 18%));border-color:color-mix(in srgb,var(--ktu-accent) 72%,#fff 28%);color:#17130b;font-weight:900}#ktUniversalModule button.danger{border-color:color-mix(in srgb,var(--danger,#c64f58) 68%,var(--ktu-line));color:var(--danger,#e07a7a);background:color-mix(in srgb,var(--danger,#c64f58) 10%,var(--ktu-panel))}#ktUniversalModule button:disabled{opacity:.42;cursor:not-allowed} #ktUniversalModule .ktu-shell{width:min(1240px,calc(100% - 32px));margin:0 auto;padding:20px 0 32px;min-height:100dvh}#ktUniversalModule .ktu-head{display:flex;justify-content:space-between;gap:16px;align-items:center;border-bottom:1px solid var(--ktu-line);padding:0 0 12px;position:relative}#ktUniversalModule .ktu-title-wrap{min-width:0}#ktUniversalModule .ktu-title-line{display:flex;align-items:center;gap:9px}#ktUniversalModule .ktu-head h2{margin:2px 0 0;font-size:clamp(28px,3vw,38px);font-family:var(--font-display,Georgia,serif);letter-spacing:.02em}#ktUniversalModule .ktu-eyebrow,#ktUniversalModule .ktu-kicker{font-family:var(--font-tech,monospace);font-size:9px;letter-spacing:.14em;color:var(--ktu-accent);font-weight:900;text-transform:uppercase} #ktUniversalModule .ktu-info-toggle{width:28px;height:28px;min-height:28px!important;padding:0!important;border-radius:50%!important;display:grid;place-items:center;font-family:Georgia,serif;font-weight:900;font-size:15px;color:var(--ktu-accent);background:transparent} #ktUniversalModule .ktu-catalog-popover{position:absolute;z-index:120;top:70px;left:max(16px,calc((100vw - min(1240px,calc(100vw - 32px)))/2));width:min(390px,calc(100vw - 32px));padding:12px 14px;border:1px solid var(--ktu-line);background:var(--ktu-panel);box-shadow:0 18px 48px rgba(0,0,0,.34);border-radius:6px;display:grid;gap:7px}#ktUniversalModule .ktu-catalog-popover[hidden]{display:none!important}#ktUniversalModule .ktu-catalog-popover strong{font-size:12px}#ktUniversalModule .ktu-catalog-popover span,#ktUniversalModule .ktu-catalog-popover a{font-size:10px;color:var(--ktu-muted);line-height:1.45}#ktUniversalModule .ktu-catalog-popover a{color:var(--ktu-accent);word-break:break-all} #ktUniversalModule .ktu-status{margin:10px 0;padding:9px 11px;border:1px solid color-mix(in srgb,var(--success,#4fa36d) 45%,var(--ktu-line));background:color-mix(in srgb,var(--success,#4fa36d) 8%,var(--ktu-panel));border-radius:5px;font-size:11px;color:var(--ktu-text)}#ktUniversalModule .ktu-status[hidden]{display:none!important}#ktUniversalModule .ktu-status.error{border-color:color-mix(in srgb,var(--danger,#c64f58) 55%,var(--ktu-line));background:color-mix(in srgb,var(--danger,#c64f58) 10%,var(--ktu-panel));color:var(--danger,#e07a7a)} #ktUniversalModule .ktu-install-card{margin-top:14px;border:1px solid var(--ktu-line);background:var(--ktu-panel);border-radius:6px;padding:18px;display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center}#ktUniversalModule .ktu-install-card h3{font-size:22px;margin:3px 0 6px}#ktUniversalModule .ktu-install-card p{margin:0;color:var(--ktu-muted);max-width:760px;line-height:1.5;font-size:12px}#ktUniversalModule .ktu-install-card button{min-width:170px} #ktUniversalModule .ktu-topline{display:grid;gap:10px;margin:14px 0 0}#ktUniversalModule .ktu-home-stats{display:flex;gap:8px;flex-wrap:wrap}#ktUniversalModule .ktu-home-stats article{display:flex;align-items:baseline;gap:7px;min-height:34px;padding:6px 9px;border:1px solid var(--ktu-line);background:var(--ktu-panel);border-radius:4px}#ktUniversalModule .ktu-home-stats strong{font-size:14px;color:var(--ktu-text)}#ktUniversalModule .ktu-home-stats span{font-family:var(--font-tech,monospace);font-size:8px;letter-spacing:.08em;color:var(--ktu-muted)} #ktUniversalModule .ktu-action-bar{display:flex;align-items:stretch;gap:7px;flex-wrap:wrap;border-top:1px solid var(--ktu-line);border-bottom:1px solid var(--ktu-line);padding:9px 0}#ktUniversalModule .ktu-action-bar button{min-height:36px;font-family:var(--font-tech,monospace);font-size:9px;font-weight:900;letter-spacing:.04em;white-space:nowrap} /* Alpha 0.34.31 — existing lists on the Kill Team home */ #ktUniversalModule .ktu-home-lists{margin-top:18px} #ktUniversalModule .ktu-home-library{border:1px solid var(--ktu-line);background:var(--ktu-panel);padding:14px;border-radius:6px;display:grid;gap:12px} #ktUniversalModule .ktu-home-library>header{display:flex;align-items:end;justify-content:space-between;gap:12px;border-bottom:1px solid var(--ktu-line);padding-bottom:10px} #ktUniversalModule .ktu-home-library h3{margin:3px 0 0;font:900 18px var(--font-display,Georgia,serif);letter-spacing:.02em} #ktUniversalModule .ktu-home-library>header>button{min-height:32px;font:900 8px var(--font-tech,monospace);letter-spacing:.06em} #ktUniversalModule .ktu-home-list-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px} #ktUniversalModule .ktu-home-list-card{min-height:86px!important;text-align:left!important;display:grid!important;align-content:start!important;gap:5px!important;padding:11px!important;background:var(--ktu-panel2)!important;border:1px solid var(--ktu-line)!important;color:var(--ktu-text)!important} #ktUniversalModule .ktu-home-list-card:hover{border-color:var(--ktu-accent)!important;background:color-mix(in srgb,var(--ktu-panel2) 92%,var(--ktu-accent) 8%)!important} #ktUniversalModule .ktu-home-list-top{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0} #ktUniversalModule .ktu-home-list-top>b{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} #ktUniversalModule .ktu-home-list-card>span:not(.ktu-home-list-top){font-size:10px;color:var(--ktu-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap} #ktUniversalModule .ktu-home-list-card>small{font-size:8px;color:var(--ktu-muted)} #ktUniversalModule .ktu-home-library.empty{grid-template-columns:minmax(0,1fr) auto;align-items:center} #ktUniversalModule .ktu-home-library.empty h3{margin:3px 0 4px} #ktUniversalModule .ktu-home-library.empty p{margin:0;color:var(--ktu-muted);font-size:10px;line-height:1.5} @media(max-width:760px){#ktUniversalModule .ktu-home-list-grid{grid-template-columns:1fr}#ktUniversalModule .ktu-home-library.empty{grid-template-columns:1fr}#ktUniversalModule .ktu-home-library.empty>button{width:100%}} #ktUniversalModule .ktu-subhead{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:14px 0 10px;padding-bottom:9px;border-bottom:1px solid var(--ktu-line)}#ktUniversalModule .ktu-subhead h3{margin:0;font-size:22px;font-family:var(--font-display,Georgia,serif)} #ktUniversalModule .ktu-form-card,#ktUniversalModule .ktu-builder-panel,#ktUniversalModule .ktu-data-card{border:1px solid var(--ktu-line);background:var(--ktu-panel);border-radius:6px;padding:16px}#ktUniversalModule .ktu-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}#ktUniversalModule label{display:grid;gap:5px}#ktUniversalModule label>span{font-family:var(--font-tech,monospace);font-size:8px;letter-spacing:.11em;color:var(--ktu-muted);font-weight:900}#ktUniversalModule input,#ktUniversalModule select{width:100%;min-height:42px;background:var(--ktu-panel2);color:var(--ktu-text);border:1px solid var(--ktu-line);border-radius:4px;padding:9px 11px} #ktUniversalModule .ktu-team-picker{position:relative;min-width:0}#ktUniversalModule .ktu-team-picker-trigger{width:100%;min-height:42px!important;display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;background:var(--ktu-panel2)!important;border-color:var(--ktu-line)!important;font-size:12px}#ktUniversalModule .ktu-team-picker-trigger[aria-expanded="true"]{border-color:var(--ktu-accent)!important;border-bottom-left-radius:0;border-bottom-right-radius:0}#ktUniversalModule .ktu-team-picker-menu{position:absolute;left:0;right:0;top:100%;z-index:600;border:1px solid var(--ktu-accent);border-top:0;background:var(--ktu-panel);box-shadow:0 16px 34px rgba(0,0,0,.32);max-height:min(390px,55dvh);overflow:hidden}#ktUniversalModule .ktu-team-picker-menu[hidden]{display:none!important}#ktUniversalModule .ktu-team-picker-search{padding:8px;border-bottom:1px solid var(--ktu-line);background:var(--ktu-panel)}#ktUniversalModule .ktu-team-picker-search input{min-height:36px}#ktUniversalModule .ktu-team-picker-options{max-height:min(330px,48dvh);overflow:auto;padding:4px;overscroll-behavior:contain}#ktUniversalModule .ktu-team-option{width:100%;min-height:38px!important;padding:7px 8px!important;border:0!important;border-radius:3px!important;background:transparent!important;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;text-align:left}#ktUniversalModule .ktu-team-option:hover,#ktUniversalModule .ktu-team-option[aria-selected="true"]{background:color-mix(in srgb,var(--ktu-accent) 12%,var(--ktu-panel))!important}#ktUniversalModule .ktu-team-option:disabled{opacity:.55}#ktUniversalModule .ktu-team-option-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px} #ktUniversalModule .ktu-create-preview{margin-top:10px}#ktUniversalModule .ktu-team-preview,#ktUniversalModule .ktu-builder-title,#ktUniversalModule .ktu-saved-main{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}#ktUniversalModule .ktu-team-preview h3,#ktUniversalModule .ktu-builder-title h3{margin:3px 0;font-size:20px}#ktUniversalModule .ktu-team-preview p{margin:6px 0 0}#ktUniversalModule .ktu-warning{margin-top:10px;padding:10px 12px;border:1px solid color-mix(in srgb,var(--warning,#c99336) 55%,var(--ktu-line));background:color-mix(in srgb,var(--warning,#c99336) 9%,var(--ktu-panel));color:var(--ktu-text);border-radius:5px;font-size:11px} #ktUniversalModule .ktu-badge,#ktUniversalModule .ktu-data-badge{display:inline-flex;align-items:center;padding:3px 7px;border-radius:999px;font-family:var(--font-tech,monospace);font-size:8px;font-weight:900;letter-spacing:.08em;border:1px solid currentColor;white-space:nowrap}#ktUniversalModule .ktu-badge.classified{color:#45d483;background:rgba(69,212,131,.10)}#ktUniversalModule .ktu-badge.declassified{color:#ff6267;background:rgba(255,98,103,.10)}#ktUniversalModule .ktu-badge.pending{color:var(--ktu-muted);background:color-mix(in srgb,var(--ktu-muted) 8%,transparent)}#ktUniversalModule .ktu-data-badge.update{color:var(--warning,#d5a85d);background:color-mix(in srgb,var(--warning,#d5a85d) 10%,transparent)}#ktUniversalModule .ktu-data-badge.info{color:var(--focus,#5aa9ff);background:color-mix(in srgb,var(--focus,#5aa9ff) 10%,transparent)} #ktUniversalModule .ktu-form-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}#ktUniversalModule .ktu-empty{padding:24px;text-align:center;border:1px dashed var(--ktu-line);border-radius:5px;color:var(--ktu-muted)}#ktUniversalModule .ktu-empty.compact{padding:13px;min-height:0;font-size:11px} #ktUniversalModule .ktu-saved-list{display:grid;gap:9px}#ktUniversalModule .ktu-saved-card{border:1px solid var(--ktu-line);background:var(--ktu-panel);border-radius:6px;padding:12px;display:grid;gap:9px}#ktUniversalModule .ktu-saved-main strong,#ktUniversalModule .ktu-saved-main small{display:block}#ktUniversalModule .ktu-saved-main strong{font-size:16px;margin-top:3px}#ktUniversalModule .ktu-saved-main small{color:var(--ktu-muted);margin-top:3px}#ktUniversalModule .ktu-saved-actions{display:flex;gap:7px;flex-wrap:wrap} #ktUniversalModule .ktu-builder-actions{display:flex;justify-content:flex-end;margin:0 0 9px}#ktUniversalModule .ktu-builder-actions button{min-width:140px}#ktUniversalModule .ktu-validation{margin:12px 0;padding:10px 12px;border-radius:5px;font-weight:700}.ktu-validation.building{background:color-mix(in srgb,var(--warning,#d5a85d) 11%,var(--ktu-panel));color:var(--ktu-text)}#ktUniversalModule .ktu-source-line{font-size:10px;color:var(--ktu-muted);margin-bottom:12px}#ktUniversalModule .ktu-composition{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}#ktUniversalModule .ktu-composition span{padding:4px 7px;border:1px solid var(--ktu-line);background:var(--ktu-panel2);border-radius:999px;font-size:9px;color:var(--ktu-muted)}#ktUniversalModule .ktu-columns{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(360px,1.2fr);gap:16px}#ktUniversalModule .ktu-columns h4{font-size:10px;letter-spacing:.11em;color:var(--ktu-muted)}#ktUniversalModule .ktu-operative-list{display:grid;gap:7px}#ktUniversalModule .ktu-operative{display:flex;justify-content:space-between;gap:12px;align-items:center;border:1px solid var(--ktu-line);background:var(--ktu-panel2);border-radius:5px;padding:10px}#ktUniversalModule .ktu-operative small{display:block;color:var(--ktu-muted);font-size:9px;margin-top:3px}#ktUniversalModule .ktu-operative>span{font-size:9px;color:var(--ktu-accent);text-align:right;max-width:48%} #ktUniversalModule .ktu-rules-status-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}#ktUniversalModule .ktu-rules-status-grid article{border:1px solid var(--ktu-line);background:var(--ktu-panel);border-radius:6px;padding:14px}#ktUniversalModule .ktu-rules-status-grid h4{margin:9px 0 5px}#ktUniversalModule .ktu-rules-status-grid p{margin:0;color:var(--ktu-muted);font-size:11px;line-height:1.5}#ktUniversalModule .ktu-reference-note{margin-top:10px;padding:12px;border-left:3px solid var(--ktu-accent);background:var(--ktu-panel);display:grid;gap:5px;font-size:11px;color:var(--ktu-muted)} #ktUniversalModule .ktu-data-card h3{font-size:22px;margin:4px 0}#ktUniversalModule .ktu-data-card p{color:var(--ktu-muted);font-size:11px}#ktUniversalModule .ktu-data-card dl{display:grid;gap:5px;margin:14px 0}#ktUniversalModule .ktu-data-card dl div{display:grid;grid-template-columns:160px 1fr;padding:6px 0;border-bottom:1px solid var(--ktu-line)}#ktUniversalModule .ktu-data-card dt{color:var(--ktu-muted)}#ktUniversalModule .ktu-data-card dd{margin:0}#ktUniversalModule .ktu-data-actions{display:flex;gap:8px;flex-wrap:wrap} body.theme-light #ktUniversalModule .ktu-badge.classified{color:#177447;background:#e8f7ee}body.theme-light #ktUniversalModule .ktu-badge.declassified{color:#a83232;background:#faecec} @media(max-width:760px){#ktUniversalModule .ktu-shell{width:min(100% - 20px,1240px);padding:12px 0 24px}#ktUniversalModule .ktu-head{align-items:flex-start}#ktUniversalModule .ktu-head h2{font-size:26px}#ktUniversalModule .ktu-install-card{grid-template-columns:1fr}#ktUniversalModule .ktu-install-card button{width:100%}#ktUniversalModule .ktu-action-bar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}#ktUniversalModule .ktu-action-bar button{white-space:normal}#ktUniversalModule .ktu-form-grid,#ktUniversalModule .ktu-columns,#ktUniversalModule .ktu-rules-status-grid{grid-template-columns:1fr}#ktUniversalModule .ktu-subhead{align-items:center}#ktUniversalModule .ktu-team-preview,#ktUniversalModule .ktu-builder-title,#ktUniversalModule .ktu-saved-main{flex-direction:column}#ktUniversalModule .ktu-operative{align-items:flex-start;flex-direction:column}#ktUniversalModule .ktu-operative>span{max-width:none;text-align:left}#ktUniversalModule .ktu-form-actions button,#ktUniversalModule .ktu-saved-actions button{flex:1}#ktUniversalModule .ktu-data-card dl div{grid-template-columns:1fr;gap:3px}#ktUniversalModule .ktu-catalog-popover{top:62px;left:10px;width:calc(100vw - 20px)}} @media(max-width:460px){#ktUniversalModule .ktu-action-bar{grid-template-columns:1fr}#ktUniversalModule .ktu-home-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}#ktUniversalModule .ktu-home-stats article{display:grid;gap:1px;align-content:center}#ktUniversalModule .ktu-home-stats strong{font-size:13px}#ktUniversalModule .ktu-home-stats span{font-size:7px}} body.theme-bordeaux #ktUniversalModule,body.theme-bordeaux #ktuDatasheetModal,body.theme-bordeaux #ktuBattleSetupModal,body.theme-bordeaux #ktuPveNpoModal,body.theme-bordeaux #ktuGameMissionModal,body.theme-bordeaux #ktuGameReferenceModal{--ktu-bg:#160b0f;--ktu-panel:var(--surface,#211016);--ktu-panel2:var(--surface-2,#190c11);--ktu-line:var(--border,#63303e);--ktu-text:#f5e9ec;--ktu-muted:#c5a8b0;--ktu-accent:#b74b68} body.theme-green #ktUniversalModule,body.theme-green #ktuDatasheetModal,body.theme-green #ktuBattleSetupModal,body.theme-green #ktuPveNpoModal,body.theme-green #ktuGameMissionModal,body.theme-green #ktuGameReferenceModal{--ktu-bg:var(--bg,#0f1512);--ktu-panel:var(--panel,#17201a);--ktu-panel2:var(--panel-2,#1e2a23);--ktu-line:var(--line,#53634f);--ktu-text:var(--text,#edf0e8);--ktu-muted:var(--muted,#b9c1b1);--ktu-accent:var(--accent,#8ca66a)} /* Alpha 0.34.20 — local roster selection + basic data-driven constraints */ #ktUniversalModule .ktu-builder-title-status{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-end} #ktUniversalModule .ktu-unsaved{display:inline-flex;align-items:center;padding:3px 7px;border:1px solid var(--warning,#d5a85d);color:var(--warning,#d5a85d);border-radius:999px;font:900 8px var(--font-tech,monospace);letter-spacing:.08em} #ktUniversalModule .ktu-validation{display:grid;gap:5px;border:1px solid var(--ktu-line)} #ktUniversalModule .ktu-validation.ok{background:color-mix(in srgb,#45d483 9%,var(--ktu-panel));border-color:color-mix(in srgb,#45d483 45%,var(--ktu-line))} #ktUniversalModule .ktu-validation.error{background:color-mix(in srgb,#ff6267 7%,var(--ktu-panel));border-color:color-mix(in srgb,#ff6267 36%,var(--ktu-line))} #ktUniversalModule .ktu-validation span{font-size:10px;color:var(--ktu-muted)} #ktUniversalModule .ktu-validation ul{margin:2px 0 0;padding-left:18px;display:grid;gap:3px;color:var(--ktu-muted);font-size:10px} #ktUniversalModule .ktu-column-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:7px} #ktUniversalModule .ktu-column-head h4{margin:0} #ktUniversalModule .ktu-column-head>span{min-width:25px;text-align:center;padding:2px 6px;border:1px solid var(--ktu-line);border-radius:999px;color:var(--ktu-muted);font:900 8px var(--font-tech,monospace)} #ktUniversalModule .ktu-roster-operative{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;border:1px solid var(--ktu-line);background:var(--ktu-panel2);border-radius:5px;padding:9px 10px;margin-bottom:6px} #ktUniversalModule .ktu-roster-operative strong,#ktUniversalModule .ktu-roster-operative small{display:block} #ktUniversalModule .ktu-roster-operative small{margin-top:3px;color:var(--ktu-muted);font-size:8px;line-height:1.35} #ktUniversalModule button.compact,#ktUniversalModule .ktu-add-operative{min-width:34px!important;width:34px!important;height:34px!important;min-height:34px!important;padding:0!important;display:inline-grid;place-items:center;font-size:18px!important;line-height:1} #ktUniversalModule .ktu-operative{display:grid;grid-template-columns:minmax(0,1fr) auto} #ktUniversalModule .ktu-operative>div>span{display:block;margin-top:4px;font-size:8px;color:var(--ktu-accent);line-height:1.35} #ktUniversalModule .ktu-add-operative:disabled{opacity:.3;cursor:not-allowed} #ktUniversalModule .ktu-builder-actions button:disabled{opacity:.45;cursor:default} @media(max-width:760px){#ktUniversalModule .ktu-builder-title-status{justify-content:flex-start}#ktUniversalModule .ktu-columns{display:flex;flex-direction:column}#ktUniversalModule .ktu-columns>section:first-child{order:1}#ktUniversalModule .ktu-columns>section:last-child{order:2}} /* Alpha 0.34.20 — operative loadouts + data-driven required choices */ #ktUniversalModule .ktu-roster-operative{align-items:start} #ktUniversalModule .ktu-roster-operative.needs-loadout{border-color:color-mix(in srgb,var(--warning,#d5a85d) 55%,var(--ktu-line))} #ktUniversalModule .ktu-roster-operative-main{min-width:0;display:grid;gap:7px} #ktUniversalModule .ktu-loadout-summary{display:flex;flex-wrap:wrap;gap:5px} #ktUniversalModule .ktu-loadout-summary span{display:inline-flex;gap:4px;align-items:center;border:1px solid var(--ktu-line);border-radius:4px;padding:3px 6px;background:var(--ktu-panel);font-size:8px;color:var(--ktu-muted)} #ktUniversalModule .ktu-loadout-summary span.missing{border-color:color-mix(in srgb,var(--warning,#d5a85d) 55%,var(--ktu-line));color:var(--warning,#d5a85d)} #ktUniversalModule .ktu-loadout-summary b{color:var(--ktu-text);font-weight:800} #ktUniversalModule .ktu-loadout-editor{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;border-top:1px solid var(--ktu-line);padding-top:7px} #ktUniversalModule .ktu-loadout-group{display:grid;gap:4px;min-width:0} #ktUniversalModule .ktu-loadout-group>span{font:800 8px var(--font-tech,monospace);letter-spacing:.07em;color:var(--ktu-muted);text-transform:uppercase} #ktUniversalModule .ktu-loadout-group select{width:100%;min-height:34px;border:1px solid var(--ktu-line);border-radius:4px;background:var(--ktu-panel2);color:var(--ktu-text);padding:5px 8px;font-size:10px;outline:none} #ktUniversalModule .ktu-loadout-group select:focus{border-color:var(--ktu-accent);box-shadow:0 0 0 1px color-mix(in srgb,var(--ktu-accent) 45%,transparent)} @media(max-width:760px){#ktUniversalModule .ktu-loadout-editor{grid-template-columns:1fr}} /* Alpha 0.34.20 — white operative datasheet, isolated above the KT builder */ #ktUniversalModule .ktu-operative-actions{display:flex;align-items:center;gap:6px;justify-content:flex-end} #ktUniversalModule .ktu-sheet-btn{min-height:30px!important;padding:5px 8px!important;font:900 8px var(--font-tech,monospace)!important;letter-spacing:.06em;color:var(--ktu-accent)!important;background:transparent!important} #ktuDatasheetModal{position:fixed;inset:0;z-index:2147483400;display:flex;align-items:center;justify-content:center;padding:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));background:rgba(5,7,10,.82);backdrop-filter:blur(4px);overflow:hidden} #ktuDatasheetModal[hidden]{display:none!important} #ktuDatasheetModal .ktu-datasheet-dialog{width:min(940px,100%);max-height:calc(100dvh - 32px);display:flex;flex-direction:column;overflow:hidden;border:1px solid color-mix(in srgb,var(--ktu-accent) 50%,#333);background:#e9e6df;box-shadow:0 24px 80px rgba(0,0,0,.56)} #ktuDatasheetModal .ktu-datasheet-toolbar{flex:0 0 auto;min-height:46px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:7px 10px;background:#151719;color:#fff;border-bottom:3px solid var(--ktu-accent);font:900 9px var(--font-tech,monospace);letter-spacing:.11em} #ktuDatasheetModal .ktu-datasheet-toolbar button{min-height:32px!important;padding:5px 10px!important;border-color:#777!important;background:#24272a!important;color:#fff!important} #ktuDatasheetModal .ktu-datasheet-scroll{flex:1 1 auto;min-height:0;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:18px;background:#d8d5ce} #ktuDatasheetModal .ktu-datasheet-card{width:min(820px,100%);margin:0 auto;background:#fff;color:#171717;border:1px solid #a9a9a5;box-shadow:0 7px 24px rgba(0,0,0,.16);font-family:Arial,Helvetica,sans-serif} #ktuDatasheetModal .ktu-ds-header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;padding:17px 20px;background:linear-gradient(102deg,#17191b 0 74%,color-mix(in srgb,var(--ktu-accent) 70%,#2c2c2c) 74% 100%);color:#fff;border-bottom:5px solid var(--ktu-accent)} #ktuDatasheetModal .ktu-ds-header span,#ktuDatasheetModal .ktu-ds-header small{display:block;font:800 9px Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;opacity:.82} #ktuDatasheetModal .ktu-ds-header h3{margin:4px 0 3px;font:900 clamp(22px,4vw,34px) Georgia,serif;letter-spacing:.015em;text-transform:uppercase} #ktuDatasheetModal .ktu-ds-mark{width:58px;height:58px;border:3px solid #fff;border-radius:50%;display:grid;place-items:center;font:900 19px Georgia,serif;letter-spacing:.04em} #ktuDatasheetModal .ktu-ds-stats{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid #c7c7c1} #ktuDatasheetModal .ktu-ds-stat{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px;padding:10px 14px;border-right:1px solid #c7c7c1;background:#f3f2ee} #ktuDatasheetModal .ktu-ds-stat:last-child{border-right:0} #ktuDatasheetModal .ktu-ds-stat span{font:900 8px Arial,sans-serif;letter-spacing:.08em;color:#4a4a48} #ktuDatasheetModal .ktu-ds-stat strong{font:900 22px Georgia,serif;color:#111} #ktuDatasheetModal .ktu-ds-loadout{padding:9px 14px;background:#ece9df;border-bottom:1px solid #c7c7c1;display:grid;gap:6px} #ktuDatasheetModal .ktu-ds-loadout>span{font:900 8px Arial,sans-serif;letter-spacing:.1em;color:#555} #ktuDatasheetModal .ktu-ds-loadout>div{display:flex;flex-wrap:wrap;gap:6px} #ktuDatasheetModal .ktu-ds-loadout b{padding:4px 7px;border:1px solid #b5b1a5;background:#fff;font-size:10px;color:#222} #ktuDatasheetModal .ktu-ds-block{padding:15px 16px 2px} #ktuDatasheetModal .ktu-ds-block-title{display:flex;align-items:end;justify-content:space-between;gap:10px;border-bottom:3px solid #1b1d1f;margin-bottom:8px} #ktuDatasheetModal .ktu-ds-block-title h4{margin:0;padding:0 0 5px;font:900 14px Georgia,serif;letter-spacing:.05em;color:#111} #ktuDatasheetModal .ktu-ds-block-title span{padding-bottom:5px;font:900 7px Arial,sans-serif;letter-spacing:.08em;color:#6a6a67} #ktuDatasheetModal .ktu-ds-table-wrap{overflow-x:auto} #ktuDatasheetModal .ktu-ds-weapons{width:100%;border-collapse:collapse;font-size:10px;color:#181818} #ktuDatasheetModal .ktu-ds-weapons th{padding:6px 7px;background:#272a2d;color:#fff;text-align:left;font-size:8px;letter-spacing:.07em;white-space:nowrap} #ktuDatasheetModal .ktu-ds-weapons td{padding:7px;border-bottom:1px solid #d2d1cc;vertical-align:top;line-height:1.35} #ktuDatasheetModal .ktu-ds-weapons tbody tr:nth-child(even){background:#f3f2ee} #ktuDatasheetModal .ktu-ds-weapons td:nth-child(2),#ktuDatasheetModal .ktu-ds-weapons td:nth-child(3),#ktuDatasheetModal .ktu-ds-weapons td:nth-child(4){width:58px;text-align:center;font-weight:800;white-space:nowrap} #ktuDatasheetModal .ktu-ds-empty{text-align:center;color:#666;padding:16px!important} #ktuDatasheetModal .ktu-ds-rule-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding-bottom:8px} #ktuDatasheetModal .ktu-ds-rule-grid article{border:1px solid #c6c5bf;background:#f6f5f1;padding:10px} #ktuDatasheetModal .ktu-ds-rule-grid h5{margin:0 0 5px;font:900 11px Georgia,serif;color:#171717} #ktuDatasheetModal .ktu-ds-rule-grid p{margin:0;font-size:9.5px;line-height:1.45;color:#3d3d3a;white-space:pre-line} #ktuDatasheetModal .ktu-ds-title{min-width:0} #ktuDatasheetModal .ktu-ds-note{padding:4px 0 12px;font-size:10px;line-height:1.5;color:#5a5a56} #ktuDatasheetModal .ktu-ds-footer{display:flex;justify-content:space-between;gap:12px;margin-top:12px;padding:7px 12px;background:#222528;color:#fff;font:700 7px Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase} body.ktu-datasheet-open{overflow:hidden!important} @media(max-width:760px){#ktUniversalModule .ktu-operative-actions{width:100%;justify-content:flex-start}#ktuDatasheetModal{padding:max(6px,env(safe-area-inset-top)) max(6px,env(safe-area-inset-right)) max(6px,env(safe-area-inset-bottom)) max(6px,env(safe-area-inset-left))}#ktuDatasheetModal .ktu-datasheet-dialog{width:100%;max-height:calc(100dvh - 12px)}#ktuDatasheetModal .ktu-datasheet-scroll{padding:6px}#ktuDatasheetModal .ktu-ds-header{padding:13px 12px;grid-template-columns:minmax(0,1fr) 44px}#ktuDatasheetModal .ktu-ds-mark{width:42px;height:42px;font-size:14px}#ktuDatasheetModal .ktu-ds-stats{grid-template-columns:repeat(2,1fr)}#ktuDatasheetModal .ktu-ds-stat:nth-child(2){border-right:0}#ktuDatasheetModal .ktu-ds-stat:nth-child(-n+2){border-bottom:1px solid #c7c7c1}#ktuDatasheetModal .ktu-ds-rule-grid{grid-template-columns:1fr}#ktuDatasheetModal .ktu-ds-footer{flex-direction:column}} /* Alpha 0.34.31 — BFG-style local autosave status */ #ktUniversalModule .ktu-autosave{display:inline-flex;align-items:center;min-height:24px;padding:3px 8px;border:1px solid var(--ktu-line);border-radius:999px;font:900 8px var(--font-tech,monospace);letter-spacing:.08em;color:var(--ktu-muted);background:color-mix(in srgb,var(--ktu-panel) 92%,transparent)} #ktUniversalModule .ktu-autosave.saving{color:var(--ktu-accent);border-color:color-mix(in srgb,var(--ktu-accent) 55%,var(--ktu-line))} #ktUniversalModule .ktu-autosave.error{color:#ff8f84;border-color:#b44} /* Alpha 0.34.31 — local list persistence actions */ #ktUniversalModule .ktu-saved-actions{flex-wrap:wrap} #ktUniversalModule .ktu-saved-actions button{min-height:34px} /* Alpha 0.34.31 — local-first Kill Team cloud reintegration. */ #ktUniversalModule .ktu-saved-toolbar{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 10px} #ktUniversalModule .ktu-cloud-meta{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin-top:6px} #ktUniversalModule .ktu-cloud-meta small{color:var(--muted);font-size:9px} #ktUniversalModule .ktu-cloud-state{display:inline-flex;align-items:center;min-height:22px;padding:3px 7px;border:1px solid var(--line);font-size:8px;font-weight:900;letter-spacing:.07em} #ktUniversalModule .ktu-cloud-state.local{color:var(--muted)} #ktUniversalModule .ktu-cloud-state.synced{border-color:#4f8766;color:#72b88d;background:color-mix(in srgb,#4f8766 10%,transparent)} #ktUniversalModule .ktu-cloud-state.dirty{border-color:#a87a35;color:#d4a14d;background:color-mix(in srgb,#a87a35 10%,transparent)} #ktUniversalModule .ktu-cloud-panel{display:grid;gap:8px;margin:0 0 12px;padding:10px;border:1px solid var(--line);background:color-mix(in srgb,var(--panel) 94%,var(--text) 6%)} #ktUniversalModule .ktu-cloud-head{display:flex;justify-content:space-between;align-items:center;gap:12px} #ktUniversalModule .ktu-cloud-head strong{display:block;margin-top:2px;font-size:12px} #ktUniversalModule .ktu-cloud-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px;border:1px solid var(--line);background:var(--panel)} #ktUniversalModule .ktu-cloud-card strong,#ktUniversalModule .ktu-cloud-card small{display:block} #ktUniversalModule .ktu-cloud-card small{margin-top:3px;color:var(--muted);font-size:9px} @media(max-width:760px){#ktUniversalModule .ktu-cloud-card{grid-template-columns:1fr}.ktu-cloud-card .ktu-saved-actions{justify-content:flex-start}} /* Alpha 0.34.31 — Kill Team Game Mode foundation */ #ktUniversalModule .ktu-game-launch{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px;border:1px solid var(--ktu-line);background:color-mix(in srgb,var(--ktu-panel) 94%,var(--ktu-accent) 6%)} #ktUniversalModule .ktu-game-launch small{color:var(--ktu-muted);font-size:9px;line-height:1.35} #ktUniversalModule .ktu-game-launch.blocked{opacity:.72} #ktuGameMode{position:fixed;inset:0;z-index:2147483000;width:100%;height:100dvh;overflow:hidden;background:var(--bg,#0b0d10);color:var(--text,#e8e8e8);padding:0} #ktuGameMode[hidden]{display:none!important} #ktuGameMode .ktu-game-shell{width:100%;height:100dvh;display:flex;flex-direction:column;min-height:0;background:var(--bg,#0b0d10)} #ktuGameMode .ktu-game-head{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:max(12px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) 12px max(16px,env(safe-area-inset-left));border-bottom:1px solid var(--line,#333);background:var(--panel,#12151a)} #ktuGameMode .ktu-game-title{min-width:0} #ktuGameMode .ktu-game-title>span{display:block;font:900 8px var(--font-tech,monospace);letter-spacing:.1em;color:var(--muted,#999)} #ktuGameMode .ktu-game-title h2{margin:4px 0 2px;font-size:clamp(20px,3vw,31px);line-height:1.05;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #ktuGameMode .ktu-game-title small{display:block;color:var(--muted,#999);font-size:10px} #ktuGameMode .ktu-game-head-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end} #ktuGameMode button{border:1px solid var(--line,#444);background:var(--panel2,#191d22);color:var(--text,#eee);min-height:34px;padding:7px 10px;font:900 9px var(--font-tech,monospace);letter-spacing:.05em} #ktuGameMode button:hover:not(:disabled){border-color:var(--accent,#caa85e);color:var(--accent,#caa85e)} #ktuGameMode button:disabled{opacity:.35;cursor:not-allowed} #ktuGameMode button.primary{background:var(--accent,#caa85e);color:#111;border-color:var(--accent,#caa85e)} #ktuGameMode .ktu-game-body{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;scrollbar-gutter:stable;padding:14px max(14px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left))} #ktuGameMode .ktu-game-scoreboard{display:grid;grid-template-columns:repeat(3,minmax(130px,1fr)) auto;gap:8px;margin:0 auto 12px;max-width:1280px} #ktuGameMode .ktu-game-scoreboard article{border:1px solid var(--line,#444);background:var(--panel,#12151a);padding:8px 10px;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:10px} #ktuGameMode .ktu-game-scoreboard article>span{font:900 10px var(--font-tech,monospace);letter-spacing:.1em;color:var(--muted,#999)} #ktuGameMode .ktu-game-scoreboard article>div{display:grid;grid-template-columns:34px minmax(34px,1fr) 34px;align-items:center;text-align:center} #ktuGameMode .ktu-game-scoreboard article button{padding:0;min-height:32px} #ktuGameMode .ktu-game-scoreboard article strong{font-size:22px} #ktuGameMode .ktu-game-next-turn{min-width:120px} #ktuGameMode .ktu-game-rules,#ktuGameMode .ktu-game-roster{max-width:1280px;margin:0 auto 12px;border:1px solid var(--line,#444);background:var(--panel,#12151a)} #ktuGameMode .ktu-game-rules>summary{cursor:pointer;padding:11px 12px;font:900 10px var(--font-tech,monospace);letter-spacing:.08em} #ktuGameMode .ktu-game-rule-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:0 12px 12px} #ktuGameMode .ktu-game-rule-grid article{border:1px solid var(--line,#444);background:var(--panel2,#191d22);padding:9px} #ktuGameMode .ktu-game-rule-grid strong{font-size:11px} #ktuGameMode .ktu-game-rule-grid p{margin:5px 0 0;color:var(--muted,#aaa);font-size:9.5px;line-height:1.45;white-space:pre-line} #ktuGameMode .ktu-game-roster{padding:12px} #ktuGameMode .ktu-game-section-head{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:10px} #ktuGameMode .ktu-game-section-head span{font:900 8px var(--font-tech,monospace);letter-spacing:.1em;color:var(--muted,#999)} #ktuGameMode .ktu-game-section-head h3{margin:2px 0 0;font-size:18px} #ktuGameMode .ktu-game-section-head>strong{font:900 11px var(--font-tech,monospace);color:var(--accent,#caa85e)} #ktuGameMode .ktu-game-operative-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px} #ktuGameMode .ktu-game-operative{border:1px solid var(--line,#444);background:var(--panel2,#191d22);padding:10px;display:grid;gap:9px;transition:opacity .15s,border-color .15s} #ktuGameMode .ktu-game-operative.is-activated{opacity:.65} #ktuGameMode .ktu-game-operative.is-incapacitated{opacity:.45;border-color:#8f4242} #ktuGameMode .ktu-game-operative.is-injured{border-color:#9b7337} #ktuGameMode .ktu-game-operative>header{display:flex;justify-content:space-between;align-items:start;gap:10px} #ktuGameMode .ktu-game-operative>header span{font:900 7px var(--font-tech,monospace);letter-spacing:.08em;color:var(--muted,#999)} #ktuGameMode .ktu-game-operative>header h4{margin:3px 0 0;font-size:14px} #ktuGameMode .ktu-game-operative>header>b{font:900 8px var(--font-tech,monospace);letter-spacing:.06em;color:var(--accent,#caa85e);white-space:nowrap} #ktuGameMode .ktu-game-loadout{display:flex;flex-wrap:wrap;gap:5px} #ktuGameMode .ktu-game-loadout span{padding:3px 6px;border:1px solid var(--line,#444);font-size:8px;color:var(--muted,#aaa)} #ktuGameMode .ktu-game-wounds{display:grid;grid-template-columns:38px 1fr 38px;align-items:center;gap:7px} #ktuGameMode .ktu-game-wounds button{padding:0;font-size:18px} #ktuGameMode .ktu-game-wounds>div{display:grid;grid-template-columns:1fr auto;align-items:end;gap:6px} #ktuGameMode .ktu-game-wounds strong{font-size:18px} #ktuGameMode .ktu-game-wounds span{font:900 7px var(--font-tech,monospace);letter-spacing:.08em;color:var(--muted,#999)} #ktuGameMode .ktu-game-wounds i{grid-column:1/-1;height:4px;background:color-mix(in srgb,var(--line,#444) 70%,transparent);overflow:hidden} #ktuGameMode .ktu-game-wounds em{display:block;height:100%;background:var(--accent,#caa85e)} #ktuGameMode .ktu-game-stats{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line,#444)} #ktuGameMode .ktu-game-stats>div{padding:6px;text-align:center;border-right:1px solid var(--line,#444)} #ktuGameMode .ktu-game-stats>div:last-child{border-right:0} #ktuGameMode .ktu-game-stats strong,#ktuGameMode .ktu-game-stats span{display:block} #ktuGameMode .ktu-game-stats strong{font-size:14px} #ktuGameMode .ktu-game-stats span{margin-top:2px;font:900 7px var(--font-tech,monospace);letter-spacing:.07em;color:var(--muted,#999)} #ktuGameMode .ktu-game-card-actions{display:flex;flex-wrap:wrap;gap:5px} #ktuGameMode .ktu-game-card-actions button{min-height:30px;padding:5px 7px;font-size:8px} #ktuGameMode .ktu-game-card-actions button.on{border-color:var(--accent,#caa85e);color:var(--accent,#caa85e);background:color-mix(in srgb,var(--accent,#caa85e) 10%,var(--panel2,#191d22))} #ktuGameMode .ktu-game-card-actions button.engage.on{border-color:#c85d51;color:#ee8d82;background:rgba(160,58,48,.12)} #ktuGameMode{--ktu-game-max:1500px} #ktuGameMode .ktu-game-scoreboard,#ktuGameMode .ktu-game-meta-bar,#ktuGameMode .ktu-game-reference-grid,#ktuGameMode .ktu-game-roster{width:min(100%,var(--ktu-game-max));max-width:var(--ktu-game-max);box-sizing:border-box;margin-left:auto;margin-right:auto} #ktuGameMode .ktu-game-scoreboard{grid-template-columns:repeat(3,minmax(0,1fr)) minmax(130px,150px)} #ktuGameMode .ktu-game-reference-grid{align-items:start} #ktuGameMode .ktu-game-rules,#ktuGameMode .ktu-game-roster{box-sizing:border-box} #ktuGameMode .ktu-game-rule-grid article,#ktuGameMode .ktu-game-ploy-grid article{min-width:0} #ktuGameMode .ktu-game-rule-grid p,#ktuGameMode .ktu-game-ploy-grid p{overflow-wrap:anywhere} html.ktu-game-open,body.ktu-game-open{overflow:hidden!important;height:100%!important;overscroll-behavior:none!important}body.ktu-game-open{touch-action:none}#ktuGameMode .ktu-game-body{touch-action:pan-y} @media(max-width:820px){#ktuGameMode .ktu-game-head{align-items:flex-start;flex-direction:column}.ktu-game-head-actions{width:100%}#ktuGameMode .ktu-game-head-actions button{flex:1 1 auto}#ktuGameMode .ktu-game-scoreboard{grid-template-columns:repeat(3,1fr)}#ktuGameMode .ktu-game-next-turn{grid-column:1/-1}#ktuGameMode .ktu-game-operative-grid{grid-template-columns:1fr}#ktuGameMode .ktu-game-rule-grid{grid-template-columns:1fr}} @media(max-width:520px){#ktuGameMode .ktu-game-scoreboard{gap:5px}#ktuGameMode .ktu-game-scoreboard article{grid-template-columns:1fr;gap:4px;padding:6px}#ktuGameMode .ktu-game-scoreboard article>span{text-align:center}#ktuGameMode .ktu-game-scoreboard article>div{grid-template-columns:30px 1fr 30px}#ktuGameMode .ktu-game-body{padding-left:max(8px,env(safe-area-inset-left));padding-right:max(8px,env(safe-area-inset-right))}#ktuGameMode .ktu-game-roster{padding:8px}} /* Alpha 0.34.31 — Game Mode polish: persistent state, ploys, filters and mobile quick controls */ #ktuGameMode .ktu-game-meta-bar{max-width:1280px;margin:0 auto 8px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 10px;border:1px solid var(--line,#444);background:color-mix(in srgb,var(--panel,#12151a) 92%,var(--accent,#caa85e) 8%);font:900 8px var(--font-tech,monospace);letter-spacing:.07em;color:var(--muted,#999)} #ktuGameMode .ktu-game-meta-bar [data-state="saved"]{color:var(--accent,#caa85e)} #ktuGameMode .ktu-game-meta-bar [data-state="error"]{color:#e27c72} #ktuGameMode .ktu-game-reference-grid{max-width:1280px;margin:0 auto 12px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px} #ktuGameMode .ktu-game-reference-grid>.ktu-game-rules{margin:0;max-width:none} #ktuGameMode .ktu-game-reference-grid>#ktuGameConditions{grid-column:1/-1} #ktuGameMode .ktu-game-ploy-section{padding:0 12px 12px} #ktuGameMode .ktu-game-ploy-section h4{margin:4px 0 7px;font:900 9px var(--font-tech,monospace);letter-spacing:.08em;color:var(--muted,#999)} #ktuGameMode .ktu-game-ploy-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px} #ktuGameMode .ktu-game-ploy-grid article{border:1px solid var(--line,#444);background:var(--panel2,#191d22);padding:9px;display:grid;gap:7px} #ktuGameMode .ktu-game-ploy-grid article>div{display:flex;justify-content:space-between;align-items:start;gap:8px} #ktuGameMode .ktu-game-ploy-grid article strong{font-size:11px} #ktuGameMode .ktu-game-ploy-grid article span{font:900 8px var(--font-tech,monospace);color:var(--accent,#caa85e);white-space:nowrap} #ktuGameMode .ktu-game-ploy-grid p{margin:0;color:var(--muted,#aaa);font-size:9.5px;line-height:1.45} #ktuGameMode .ktu-game-ploy-grid button{justify-self:start;min-height:29px;padding:4px 8px;font-size:8px} #ktuGameMode .ktu-game-roster-tools{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap} #ktuGameMode .ktu-game-filters{display:flex;gap:4px;flex-wrap:wrap} #ktuGameMode .ktu-game-filters button{min-height:28px;padding:4px 7px;font-size:7.5px} #ktuGameMode .ktu-game-filters button.on{border-color:var(--accent,#caa85e);color:var(--accent,#caa85e);background:color-mix(in srgb,var(--accent,#caa85e) 10%,var(--panel,#12151a))} @media(max-width:900px){#ktuGameMode .ktu-game-reference-grid{grid-template-columns:1fr}#ktuGameMode .ktu-game-reference-grid>#ktuGameConditions{grid-column:auto}#ktuGameMode .ktu-game-ploy-grid{grid-template-columns:1fr}} @media(max-width:620px){#ktuGameMode .ktu-game-head{position:sticky;top:0;z-index:5}#ktuGameMode .ktu-game-meta-bar{position:sticky;top:0;z-index:4;margin-left:0;margin-right:0}#ktuGameMode .ktu-game-section-head{align-items:flex-start;flex-direction:column}#ktuGameMode .ktu-game-roster-tools{width:100%;justify-content:space-between}#ktuGameMode .ktu-game-filters{flex:1 1 auto}#ktuGameMode .ktu-game-filters button{flex:1 1 auto}#ktuGameMode .ktu-game-card-actions{display:grid;grid-template-columns:repeat(3,1fr)}#ktuGameMode .ktu-game-card-actions button{width:100%}} /* Alpha 0.34.37: Game Mode uses the same theme tokens as the Kill Team shell. */ #ktuGameMode{ --ktu-g-bg:var(--ktu-bg,var(--bg,#0e1218)); --ktu-g-panel:var(--ktu-panel,var(--panel,#171d27)); --ktu-g-panel2:var(--ktu-panel2,var(--panel-2,var(--panel,#171d27))); --ktu-g-line:var(--ktu-line,var(--line,#2a3444)); --ktu-g-text:var(--ktu-text,var(--text,#e8edf4)); --ktu-g-muted:var(--ktu-muted,var(--muted,#9aa7b8)); --ktu-g-accent:var(--ktu-accent,var(--accent,#c9a227)); background:var(--ktu-g-bg)!important;color:var(--ktu-g-text)!important; color-scheme:normal; } #ktuGameMode .ktu-game-shell{background:var(--ktu-g-bg);color:var(--ktu-g-text)} #ktuGameMode .ktu-game-operative, #ktuGameMode .ktu-game-ploy-grid article, #ktuGameMode .ktu-game-rule-grid article{background:var(--ktu-g-panel2);color:var(--ktu-g-text);border-color:var(--ktu-g-line)} #ktuGameMode .ktu-game-scoreboard article, #ktuGameMode .ktu-game-roster, #ktuGameMode .ktu-game-rules, #ktuGameMode .ktu-game-meta-bar{background:var(--ktu-g-panel);color:var(--ktu-g-text);border-color:var(--ktu-g-line)} #ktuGameMode .ktu-game-meta-bar{background:color-mix(in srgb,var(--ktu-g-panel) 93%,var(--ktu-g-accent) 7%)} #ktuGameMode .ktu-game-operative h4, #ktuGameMode .ktu-game-operative strong, #ktuGameMode .ktu-game-operative b, #ktuGameMode .ktu-game-scoreboard strong, #ktuGameMode .ktu-game-section-head h3, #ktuGameMode .ktu-game-title h2, #ktuGameMode .ktu-game-rule-grid strong, #ktuGameMode .ktu-game-ploy-grid strong{color:var(--ktu-g-text)} #ktuGameMode .ktu-game-operative>header span, #ktuGameMode .ktu-game-loadout span, #ktuGameMode .ktu-game-wounds span, #ktuGameMode .ktu-game-stats span, #ktuGameMode .ktu-game-rule-grid p, #ktuGameMode .ktu-game-ploy-grid p, #ktuGameMode .ktu-game-scoreboard article>span, #ktuGameMode .ktu-game-title small, #ktuGameMode .ktu-game-section-head span, #ktuGameMode .ktu-game-meta-bar, #ktuGameMode .ktu-game-ploy-section h4{color:var(--ktu-g-muted)} #ktuGameMode button{background:var(--ktu-g-panel2)!important;border-color:var(--ktu-g-line)!important;color:var(--ktu-g-text)!important} #ktuGameMode button:hover:not(:disabled){border-color:var(--ktu-g-accent)!important;color:var(--ktu-g-accent)!important} #ktuGameMode button.primary{background:var(--ktu-g-accent)!important;border-color:var(--ktu-g-accent)!important;color:#151515!important} #ktuGameMode .ktu-game-card-actions button.on, #ktuGameMode .ktu-game-filters button.on{background:color-mix(in srgb,var(--ktu-g-accent) 13%,var(--ktu-g-panel2))!important;color:var(--ktu-g-text)!important;border-color:var(--ktu-g-accent)!important} #ktuGameMode .ktu-game-card-actions button.engage.on{background:color-mix(in srgb,#af5347 12%,var(--ktu-g-panel2))!important;border-color:#b35d52!important;color:var(--ktu-g-text)!important} #ktuGameMode .ktu-game-loadout span,#ktuGameMode .ktu-game-stats{border-color:var(--ktu-g-line)} #ktuGameMode .ktu-game-stats>div{border-color:var(--ktu-g-line)} #ktuGameMode .ktu-game-operative>header{align-items:center;min-width:0} #ktuGameMode .ktu-game-operative>header>div:first-child{min-width:0;flex:1 1 auto} #ktuGameMode .ktu-game-operative-heading-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex:0 0 auto;flex-wrap:wrap} #ktuGameMode .ktu-game-operative-heading-actions>b{font:900 8px var(--font-tech,monospace);letter-spacing:.05em;color:var(--ktu-g-accent);white-space:nowrap} #ktuGameMode .ktu-game-sheet-shortcut{min-height:30px!important;padding:5px 8px!important;font-size:8px!important;font-weight:900!important;letter-spacing:.05em;white-space:nowrap;border-color:var(--ktu-g-accent)!important} #ktuGameMode .ktu-game-operative.is-activated{opacity:1;background:color-mix(in srgb,var(--ktu-g-panel2) 85%,var(--ktu-g-bg) 15%)} #ktuGameMode .ktu-game-operative.is-activated>header h4{opacity:.7} #ktuGameMode .ktu-game-operative.is-incapacitated{opacity:1;border-color:#ad5656} #ktuGameMode .ktu-game-operative.is-injured{border-color:#ae853f} @media(max-width:520px){#ktuGameMode .ktu-game-operative>header{align-items:flex-start}#ktuGameMode .ktu-game-operative-heading-actions{flex-direction:column;align-items:flex-end;gap:3px}#ktuGameMode .ktu-game-sheet-shortcut{min-height:34px!important}} /* Alpha 0.34.37: Game Mode visibility, keyboard and viewport audit. */ #ktuGameMode{--ktu-g-bg:var(--bg,#12151a);--ktu-g-panel:var(--panel,#1b2026);--ktu-g-panel2:var(--panel-2,var(--panel,#1b2026));--ktu-g-line:var(--line,#414852);--ktu-g-text:var(--text,#f0f0f0);--ktu-g-muted:var(--muted,#a5abb3);--ktu-g-accent:var(--accent,#bc8a1d)} #ktuGameMode .ktu-game-head{background:var(--ktu-g-panel);color:var(--ktu-g-text);border-color:var(--ktu-g-line)} #ktuGameMode .ktu-game-title>span,#ktuGameMode .ktu-game-title small{color:var(--ktu-g-muted)} #ktuGameMode .ktu-game-operative>header h4{color:var(--ktu-g-text)!important;overflow-wrap:anywhere} #ktuGameMode .ktu-game-wounds strong,#ktuGameMode .ktu-game-stats strong{color:var(--ktu-g-text)!important} #ktuGameMode .ktu-game-wounds em{background:var(--ktu-g-accent)} #ktuGameMode .ktu-game-scoreboard article>div,#ktuGameMode .ktu-game-wounds>div{min-width:0} #ktuGameMode .ktu-game-operative.is-activated{outline:1px dashed var(--ktu-g-line);outline-offset:-4px} #ktuGameMode .ktu-game-operative.is-activated>header h4{opacity:1} #ktuGameMode .ktu-game-operative.is-incapacitated{background:color-mix(in srgb,var(--ktu-g-panel2) 92%,#a33 8%)} #ktuGameMode button:disabled{opacity:.52!important;cursor:not-allowed!important} #ktuGameMode button:focus-visible,#ktuDatasheetModal button:focus-visible{outline:3px solid var(--ktu-g-accent,var(--accent,#b98b25));outline-offset:2px} #ktuGameMode .ktu-game-card-actions button.on{font-weight:900!important} #ktuGameMode .ktu-game-operative-heading-actions>b{color:var(--ktu-g-text);background:color-mix(in srgb,var(--ktu-g-accent) 14%,var(--ktu-g-panel));padding:4px 6px;border:1px solid var(--ktu-g-line)} #ktuGameMode .ktu-game-rule-grid p,#ktuGameMode .ktu-game-ploy-grid p{color:var(--ktu-g-text);opacity:.88} #ktuGameMode .ktu-game-meta-bar{color:var(--ktu-g-text)} #ktuGameMode .ktu-game-ploy-grid button:disabled{opacity:.52!important} @media(max-width:760px){ #ktuGameMode .ktu-game-head{align-items:flex-start;flex-wrap:wrap} #ktuGameMode .ktu-game-head-actions{width:100%;justify-content:flex-start} #ktuGameMode .ktu-game-scoreboard{grid-template-columns:repeat(3,minmax(0,1fr))} #ktuGameMode .ktu-game-next-turn{grid-column:1/-1;min-width:0} #ktuGameMode .ktu-game-operative-grid{grid-template-columns:1fr} #ktuGameMode .ktu-game-body{scrollbar-gutter:auto} } @media(max-width:420px){ #ktuGameMode .ktu-game-scoreboard{grid-template-columns:1fr} #ktuGameMode .ktu-game-next-turn{grid-column:auto} #ktuGameMode .ktu-game-operative-heading-actions{max-width:48%} #ktuGameMode .ktu-game-card-actions{grid-template-columns:repeat(2,minmax(0,1fr))} } /* Alpha 0.34.52 — consolidated theme-aware Game Mode contrast and viewport QA */ body.theme-light #ktuGameMode{ --ktu-g-bg:#f5f2eb;--ktu-g-panel:#fffdf8;--ktu-g-panel2:#f2ede3; --ktu-g-line:#b8b0a3;--ktu-g-text:#20252a;--ktu-g-muted:#535b62;--ktu-g-accent:#876309; color-scheme:light; } body.theme-bordeaux #ktuGameMode{ --ktu-g-bg:#160b0f;--ktu-g-panel:#27131b;--ktu-g-panel2:#331a25; --ktu-g-line:#875667;--ktu-g-text:#f8eff1;--ktu-g-muted:#ddbec8;--ktu-g-accent:#e3a6b8; color-scheme:dark; } body.theme-green #ktuGameMode{ --ktu-g-bg:#101a14;--ktu-g-panel:#1b2920;--ktu-g-panel2:#25352a; --ktu-g-line:#657c6a;--ktu-g-text:#f1f5ed;--ktu-g-muted:#c4d3c6;--ktu-g-accent:#bdd48e; color-scheme:dark; } #ktuGameMode .ktu-game-rules>summary, #ktuGameMode .ktu-game-operative, #ktuGameMode .ktu-game-operative>header, #ktuGameMode .ktu-game-scoreboard article, #ktuGameMode .ktu-game-rule-grid article, #ktuGameMode .ktu-game-ploy-grid article{color:var(--ktu-g-text)} #ktuGameMode .ktu-game-loadout span, #ktuGameMode .ktu-game-operative>header span, #ktuGameMode .ktu-game-scoreboard article>span, #ktuGameMode .ktu-game-section-head span{color:var(--ktu-g-muted)} #ktuGameMode .ktu-game-card-actions button.on, #ktuGameMode .ktu-game-filters button.on{box-shadow:inset 0 0 0 1px var(--ktu-g-accent)} #ktuGameMode .ktu-game-operative.is-activated{outline-color:var(--ktu-g-muted)} #ktuGameMode .ktu-game-body{overscroll-behavior:contain;overflow-y:auto;min-height:0} #ktuDatasheetModal{position:fixed!important;inset:0!important;width:100%;height:100dvh;z-index:2147483400;overflow:hidden;align-items:center;justify-content:center} #ktuDatasheetModal .ktu-datasheet-dialog{min-height:0;max-height:calc(100dvh - max(32px, env(safe-area-inset-top) + env(safe-area-inset-bottom) + 16px));} #ktuDatasheetModal .ktu-datasheet-scroll{min-height:0;overflow-y:auto;overscroll-behavior:contain} @media(max-width:760px){ #ktuDatasheetModal{padding:max(6px,env(safe-area-inset-top)) max(6px,env(safe-area-inset-right)) max(6px,env(safe-area-inset-bottom)) max(6px,env(safe-area-inset-left))} #ktuDatasheetModal .ktu-datasheet-dialog{max-height:calc(100dvh - max(12px, env(safe-area-inset-top) + env(safe-area-inset-bottom) + 12px))} #ktuGameMode .ktu-game-scoreboard article{min-width:0} #ktuGameMode .ktu-game-operative-heading-actions{max-width:60%} } @media(max-width:360px){#ktuGameMode .ktu-game-operative>header{flex-wrap:wrap}#ktuGameMode .ktu-game-operative-heading-actions{max-width:100%;width:100%;flex-direction:row;justify-content:space-between}} /* Alpha 0.34.52 — compact datasheet, operative keywords, aligned weapon columns */ #ktuDatasheetModal .ktu-ds-header{min-height:0!important;height:auto!important;padding:12px 18px!important;align-items:center!important;gap:12px!important} #ktuDatasheetModal .ktu-ds-header h3{margin:2px 0!important;line-height:1.15!important} #ktuDatasheetModal .ktu-ds-header::before,#ktuDatasheetModal .ktu-ds-header::after{display:none!important} #ktuDatasheetModal .ktu-ds-mark{width:40px;height:40px;font-size:13px} #ktuDatasheetModal .ktu-ds-keywords{display:flex;gap:8px;align-items:baseline;flex-wrap:wrap;padding:9px 16px;background:#eeeae2;border-bottom:1px solid #c7c7c1;color:#252525} #ktuDatasheetModal .ktu-ds-keywords>strong{font:900 9px Arial,sans-serif;letter-spacing:.07em} #ktuDatasheetModal .ktu-ds-keywords>div{display:flex;gap:5px;flex-wrap:wrap} #ktuDatasheetModal .ktu-ds-keywords span{border:1px solid #bcb8ae;padding:3px 6px;background:#fff;font:700 9px Arial,sans-serif} #ktuDatasheetModal .ktu-ds-weapons{table-layout:fixed;min-width:520px} #ktuDatasheetModal .ktu-ds-weapons th:nth-child(1){width:36%} #ktuDatasheetModal .ktu-ds-weapons th:nth-child(2){width:7%} #ktuDatasheetModal .ktu-ds-weapons th:nth-child(3){width:9%} #ktuDatasheetModal .ktu-ds-weapons th:nth-child(4){width:10%} #ktuDatasheetModal .ktu-ds-weapons th:nth-child(5){width:38%} #ktuDatasheetModal .ktu-ds-weapons th:nth-child(2),#ktuDatasheetModal .ktu-ds-weapons th:nth-child(3),#ktuDatasheetModal .ktu-ds-weapons th:nth-child(4){text-align:center;width:auto} #ktuDatasheetModal .ktu-ds-weapons td:nth-child(2),#ktuDatasheetModal .ktu-ds-weapons td:nth-child(3),#ktuDatasheetModal .ktu-ds-weapons td:nth-child(4){width:auto} @media(max-width:760px){#ktuDatasheetModal .ktu-ds-header{padding:10px 12px!important}#ktuDatasheetModal .ktu-ds-keywords{padding:8px 10px}} /* Alpha 0.37.95 — Kill Team: catalogue help in the info control, aligned right */ #ktUniversalModule .ktu-global-identity,#ktUniversalModule .ktu-title-line{width:100%;min-width:0} #ktUniversalModule #btnKtuCatalogInfo{margin-left:auto;flex:none} #ktUniversalModule .ktu-catalog-popover{top:calc(100% + 8px);right:0;left:auto;width:min(390px,calc(100vw - 24px));max-height:min(65dvh,560px);overflow-y:auto;overscroll-behavior:contain;z-index:121} #ktUniversalModule .ktu-catalog-info-heading{font-weight:800;color:var(--ktu-text);font-size:11px} #ktUniversalModule .ktu-install-card{display:flex;justify-content:flex-end;margin-top:14px;padding:12px 14px} #ktUniversalModule .ktu-install-card button{min-width:170px} @media(max-width:760px){#ktUniversalModule .ktu-catalog-popover{top:calc(100% + 6px);right:0;left:auto;width:min(390px,calc(100vw - 20px));max-height:60dvh}#ktUniversalModule .ktu-install-card{justify-content:stretch}#ktUniversalModule .ktu-install-card button{width:100%}} /* Alpha 0.37.95 — Kill Team landing page; scoped to home, retains original navigation/actions */ #ktUniversalModule [data-ktu-view="home"] .ktu-landing{display:grid;gap:16px;margin:17px 0 22px} #ktUniversalModule .ktu-home-intro{display:flex;justify-content:space-between;align-items:center;gap:22px;padding:clamp(18px,3vw,30px);background:linear-gradient(115deg,color-mix(in srgb,var(--ktu-panel) 91%,var(--ktu-accent) 9%),var(--ktu-panel2));border:1px solid color-mix(in srgb,var(--ktu-accent) 36%,var(--ktu-line));border-radius:9px;position:relative;overflow:hidden} #ktUniversalModule .ktu-home-intro:before{content:"";position:absolute;right:110px;top:-80px;width:230px;height:230px;border-radius:50%;border:1px solid color-mix(in srgb,var(--ktu-accent) 17%,transparent);pointer-events:none} #ktUniversalModule .ktu-home-intro h3{font:900 clamp(19px,2.8vw,30px) var(--font-display,Georgia,serif);margin:10px 0 9px;line-height:1.15;max-width:690px;letter-spacing:.025em} #ktUniversalModule .ktu-home-intro p{font-size:12px;line-height:1.6;margin:0;color:var(--ktu-muted);max-width:640px} #ktUniversalModule .ktu-home-edition{display:grid;justify-items:center;align-content:center;min-width:100px;height:102px;border:1px solid color-mix(in srgb,var(--ktu-accent) 50%,var(--ktu-line));background:color-mix(in srgb,var(--ktu-bg) 82%,var(--ktu-accent) 18%);border-radius:8px;color:var(--ktu-accent);font:900 20px var(--font-tech,monospace);letter-spacing:.12em} #ktUniversalModule .ktu-home-edition strong{font-size:35px;line-height:1} #ktUniversalModule .ktu-home-primary-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:0;border:0} #ktUniversalModule .ktu-home-primary-actions .ktu-home-main-action{min-height:82px;font-size:clamp(12px,1.5vw,17px);white-space:normal;letter-spacing:.07em;border-radius:7px;text-align:center} #ktUniversalModule .ktu-home-primary-actions #btnKtuSaved{border-color:color-mix(in srgb,var(--ktu-accent) 55%,var(--ktu-line));background:var(--ktu-panel)} #ktUniversalModule .ktu-landing .ktu-home-lists{margin:0} #ktUniversalModule .ktu-landing .ktu-home-library{padding:18px;border-radius:8px} #ktUniversalModule .ktu-landing .ktu-home-list-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px} #ktUniversalModule .ktu-landing .ktu-home-list-card{min-height:109px!important;border-radius:6px!important;padding:14px!important} #ktUniversalModule .ktu-home-utility{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 18px;border:1px solid var(--ktu-line);background:var(--ktu-panel);border-radius:8px} #ktUniversalModule .ktu-home-utility p{font-size:11px;color:var(--ktu-muted);margin:6px 0 0;line-height:1.5} #ktUniversalModule .ktu-home-secondary-actions{border:0;padding:0;flex-shrink:0} #ktUniversalModule .ktu-home-secondary-actions button{font-size:10px;white-space:normal} #ktUniversalModule .ktu-landing .ktu-home-stats{margin-top:0} @media(max-width:800px){#ktUniversalModule .ktu-landing .ktu-home-list-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#ktUniversalModule .ktu-home-utility{align-items:stretch;flex-direction:column}#ktUniversalModule .ktu-home-secondary-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:520px){#ktUniversalModule .ktu-home-edition{min-width:60px;height:70px;font-size:12px}#ktUniversalModule .ktu-home-edition strong{font-size:24px}#ktUniversalModule .ktu-home-intro{padding:17px;gap:10px}#ktUniversalModule .ktu-home-intro h3{font-size:19px}#ktUniversalModule .ktu-home-primary-actions{grid-template-columns:1fr;gap:8px}#ktUniversalModule .ktu-home-primary-actions .ktu-home-main-action{min-height:61px}#ktUniversalModule .ktu-landing .ktu-home-list-grid{grid-template-columns:1fr}#ktUniversalModule .ktu-home-secondary-actions{grid-template-columns:1fr}} /* Alpha 0.37.95 — tactical roster dashboard, scoped to Kill Team */ #ktUniversalModule .ktu-tactical-overview{margin:14px 0;border:1px solid color-mix(in srgb,var(--ktu-accent) 52%,var(--ktu-line));background:linear-gradient(145deg,color-mix(in srgb,var(--ktu-panel2) 83%,var(--ktu-accent) 17%),var(--ktu-panel));border-radius:7px;padding:14px} #ktUniversalModule .ktu-tactical-head{display:flex;align-items:center;justify-content:space-between;gap:12px} #ktUniversalModule .ktu-tactical-head h4{font-size:16px;letter-spacing:.09em;margin:5px 0 0;color:var(--ktu-text)} #ktUniversalModule .ktu-tactical-edition{font-family:var(--font-tech,monospace);font-size:10px;letter-spacing:.09em;color:var(--ktu-accent);border:1px solid var(--ktu-line);padding:5px 8px} #ktUniversalModule .ktu-tactical-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:14px 0} #ktUniversalModule .ktu-tactical-metrics>div{background:var(--ktu-panel2);border:1px solid var(--ktu-line);border-radius:5px;display:grid;gap:3px;text-align:center;padding:10px 5px} #ktUniversalModule .ktu-tactical-metrics strong{font-size:23px;color:var(--ktu-accent);line-height:1.2;font-variant-numeric:tabular-nums} #ktUniversalModule .ktu-tactical-metrics span{font-size:9px;letter-spacing:.05em;color:var(--ktu-muted)} #ktUniversalModule .ktu-tactical-nav{display:flex;flex-wrap:wrap;gap:7px} #ktUniversalModule .ktu-tactical-nav button{width:auto;min-height:37px;font-family:var(--font-tech,monospace);font-size:10px;font-weight:800;letter-spacing:.03em;border:1px solid var(--ktu-line);border-radius:5px;background:var(--ktu-panel2);color:var(--ktu-text);padding:8px 11px;cursor:pointer} #ktUniversalModule .ktu-tactical-nav button:hover,#ktUniversalModule .ktu-tactical-nav button:focus-visible{border-color:var(--ktu-accent);color:var(--ktu-accent)} #ktUniversalModule .ktu-tactical-hint{font-size:10px;color:var(--ktu-muted);margin-top:11px;line-height:1.55} #ktUniversalModule #ktu-tactical-roster,#ktUniversalModule #ktu-tactical-available,#ktUniversalModule #ktu-tactical-validation,#ktUniversalModule #ktu-tactical-game{scroll-margin-top:85px} @media(max-width:600px){#ktUniversalModule .ktu-tactical-overview{padding:10px}#ktUniversalModule .ktu-tactical-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}#ktUniversalModule .ktu-tactical-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}#ktUniversalModule .ktu-tactical-nav button{padding:8px 4px;font-size:9px}} /* Alpha 0.37.95 — operative cards, presentation only; uses catalogue statistics. */ #ktUniversalModule .ktu-operator-card{border-radius:10px;padding:12px;gap:12px;border-left:3px solid var(--ktu-accent,#bb9855)} #ktUniversalModule .ktu-operator-header{display:flex;align-items:center;gap:10px;flex-wrap:wrap} #ktUniversalModule .ktu-operator-mark{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--ktu-line);border-radius:7px;color:var(--ktu-accent,#bb9855);background:var(--ktu-panel);font-size:17px;flex-shrink:0} #ktUniversalModule .ktu-operator-identity{min-width:0;flex:1} #ktUniversalModule .ktu-operator-identity strong{display:block;overflow-wrap:anywhere;font-size:12px} #ktUniversalModule .ktu-operator-identity small{font-size:9px;letter-spacing:.06em} #ktUniversalModule .ktu-operator-loadout-status{font-size:9px;font-weight:800;letter-spacing:.03em;border:1px solid var(--ktu-line);padding:5px 7px;border-radius:5px;white-space:normal} #ktUniversalModule .ktu-operator-loadout-status.missing{color:var(--warning,#d5a85d);border-color:var(--warning,#d5a85d)} #ktUniversalModule .ktu-operator-loadout-status.complete{color:var(--ktu-muted)} #ktUniversalModule .ktu-operator-stats,#ktUniversalModule .ktu-operator-available-stats{display:block;background:var(--ktu-panel);border:1px solid var(--ktu-line);border-radius:5px;padding:7px 9px;font-size:10px;line-height:1.5;overflow-wrap:anywhere} #ktUniversalModule .ktu-available-card{border-radius:9px;gap:10px} #ktUniversalModule .ktu-available-card .ktu-operator-identity{display:grid;gap:5px} @media(max-width:760px){#ktUniversalModule .ktu-operator-card{grid-template-columns:minmax(0,1fr)}#ktUniversalModule .ktu-operator-header{align-items:flex-start}#ktUniversalModule .ktu-operator-loadout-status{margin-left:44px}#ktUniversalModule .ktu-available-card .ktu-operative-actions{width:auto}} /* Alpha 0.37.95 — catalogue-based tactical reference */ #ktUniversalModule .ktu-team-reference{margin:12px 0 18px;border:1px solid var(--ktu-accent,#bfa16c);border-radius:9px;background:var(--ktu-panel,#131b21);overflow:hidden;color:var(--ktu-text,#e7e6e1)} #ktUniversalModule .ktu-team-reference>summary{cursor:pointer;list-style:none;padding:15px 18px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;font-weight:900;letter-spacing:.04em} #ktUniversalModule .ktu-team-reference>summary::-webkit-details-marker{display:none} #ktUniversalModule .ktu-team-reference>summary:after{content:'⌄';font-size:19px;color:var(--ktu-accent,#bfa16c)} #ktUniversalModule .ktu-team-reference[open]>summary:after{content:'⌃'} #ktUniversalModule .ktu-team-reference>summary small{font-size:10px;opacity:.7;font-weight:600;letter-spacing:0} #ktUniversalModule .ktu-team-reference-body{padding:0 16px 16px} #ktUniversalModule .ktu-reference-disclaimer{font-size:11px;line-height:1.5;opacity:.8;margin:4px 0 15px} #ktUniversalModule .ktu-reference-section{margin:0 0 18px} #ktUniversalModule .ktu-reference-section h5{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:12px;margin:0 0 9px;padding-bottom:7px;border-bottom:1px solid #58616a} #ktUniversalModule .ktu-reference-section h5 span{opacity:.7} #ktUniversalModule .ktu-reference-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,245px),1fr));gap:9px} #ktUniversalModule .ktu-reference-card{min-width:0;padding:12px;border:1px solid #47535b;border-radius:6px;background:#1b252d;color:#edf0ed} #ktUniversalModule .ktu-reference-card-title{display:flex;gap:10px;align-items:center;justify-content:space-between;font-size:12px} #ktUniversalModule .ktu-reference-card p{margin:7px 0 0;font-size:11px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere;color:#c5cdd0} #ktUniversalModule .ktu-reference-cost{flex-shrink:0;font-size:10px;border:1px solid #a78c59;padding:3px 6px;border-radius:4px;color:#e9d5a3} #ktUniversalModule .ktu-reference-empty{font-size:11px;opacity:.65} @media(max-width:680px){#ktUniversalModule .ktu-team-reference>summary{align-items:flex-start;flex-direction:column}#ktUniversalModule .ktu-reference-grid{grid-template-columns:1fr}} /* Alpha 0.37.95 — operatives: 3 per row, original order insignia, independent activation */ @media(min-width:1180px){#ktuGameMode .ktu-game-operative-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}} @media(min-width:700px) and (max-width:1179px){#ktuGameMode .ktu-game-operative-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}} @media(max-width:699px){#ktuGameMode .ktu-game-operative-grid{grid-template-columns:1fr}} #ktuGameMode .ktu-game-operative{min-width:0} #ktuGameMode .ktu-game-card-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:6px} #ktuGameMode .ktu-game-orders{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px} #ktuGameMode .ktu-game-card-actions .ktu-order-btn{display:flex;align-items:center;justify-content:center;gap:7px;min-height:52px;padding:6px!important;font-size:clamp(10px,1vw,13px)!important;font-weight:900!important;letter-spacing:.04em;border:2px solid transparent!important;border-radius:7px;color:white!important;box-shadow:inset 0 0 16px #0004;transition:filter .15s,border-color .15s} #ktuGameMode .ktu-game-card-actions .ktu-order-btn img{width:38px;height:38px;object-fit:contain;flex-shrink:0} #ktuGameMode .ktu-game-card-actions .ktu-order-btn.conceal{background:#064777!important} #ktuGameMode .ktu-game-card-actions .ktu-order-btn.engage{background:#a83213!important} #ktuGameMode .ktu-game-card-actions .ktu-order-btn:not(.on){filter:saturate(.45) brightness(.65)} #ktuGameMode .ktu-game-card-actions .ktu-order-btn.on{border-color:#f0d79d!important;filter:saturate(1.1) brightness(1.12);box-shadow:0 0 0 1px #c7ae71,inset 0 0 12px #ffffff17} #ktuGameMode .ktu-game-card-actions .ktu-order-btn:hover:not(:disabled){filter:brightness(1.3)!important;color:#fff!important} #ktuGameMode .ktu-game-card-actions .ktu-order-btn:focus-visible{outline:3px solid #f6d889;outline-offset:2px} @media(max-width:390px){#ktuGameMode .ktu-game-card-actions .ktu-order-btn{font-size:10px!important;min-height:46px}#ktuGameMode .ktu-game-card-actions .ktu-order-btn img{width:29px;height:29px}} /* Alpha 0.37.95 — in-game mobile navigation; scoped to KT overlay. */ #ktuGameMode .ktu-game-mobile-nav{display:none} #ktuGameMode .ktu-game-mobile-anchor{height:0;overflow:hidden} @media(max-width:699px){ #ktuGameMode .ktu-game-shell{height:100dvh;max-height:100dvh} #ktuGameMode .ktu-game-body{padding-bottom:max(20px,env(safe-area-inset-bottom));scroll-padding-top:12px} #ktuGameMode .ktu-game-mobile-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));flex:0 0 auto;width:100%;position:relative;z-index:2;gap:3px;padding:7px max(7px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(7px,env(safe-area-inset-left));background:var(--panel,#151a21);border-top:1px solid var(--line,#444);box-shadow:0 -7px 18px #0006} #ktuGameMode .ktu-game-mobile-nav button{display:flex;min-width:0;min-height:57px;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:5px 2px;border-radius:7px;border:1px solid transparent;background:transparent;color:var(--text,#e8e8e8);font-size:10px;line-height:1.1;letter-spacing:.015em} #ktuGameMode .ktu-game-mobile-nav button span{font-size:20px;line-height:1} #ktuGameMode .ktu-game-mobile-nav button b{font-size:clamp(8px,2.4vw,10px);font-weight:800;white-space:nowrap} #ktuGameMode .ktu-game-mobile-nav button.is-current{border-color:var(--accent,#d0ab65);background:color-mix(in srgb,var(--accent,#d0ab65) 14%,transparent);color:var(--accent,#d0ab65)} #ktuGameMode .ktu-game-mobile-nav button:focus-visible{outline:2px solid var(--accent,#d0ab65);outline-offset:-2px} } @media(prefers-reduced-motion:reduce){#ktuGameMode .ktu-game-body{scroll-behavior:auto}} /* 0.37.94 — denser Kill Team Game Mode, preserving existing controls and focus */ #ktuGameMode .ktu-game-shell{min-height:0} #ktuGameMode .ktu-game-operative-heading-actions{gap:6px} #ktuGameMode .ktu-game-operative{padding:12px} #ktuGameMode .ktu-game-operative h4{line-height:1.2} #ktuGameMode .ktu-game-official-name{display:block;color:var(--ktu-g-muted);font-size:11px;margin-top:2px} #ktuUniversalModule .ktu-custom-official{display:block;font-size:11px;color:var(--ktu-muted,#aaa);font-weight:400} #ktuUniversalModule .ktu-rename-operative{min-width:54px} #ktuGameMode .ktu-game-body{scroll-padding-top:14px} @media(min-width:1100px){#ktuGameMode .ktu-game-operative-grid{grid-template-columns:repeat(3,minmax(0,1fr))}} @media(max-width:699px){#ktuGameMode .ktu-game-operative-grid{grid-template-columns:1fr}} #ktuGameMode .ktu-game-head{padding-block:10px;gap:10px} #ktuGameMode .ktu-game-head h2{font-size:clamp(22px,2.2vw,31px);line-height:1.1} #ktuGameMode .ktu-game-body{padding-top:12px} #ktuGameMode .ktu-game-scoreboard{margin-bottom:8px} #ktuGameMode .ktu-game-roster{margin-top:8px} #ktuGameMode .ktu-game-operative-grid{gap:10px} #ktuGameMode .ktu-game-operative{padding:10px} #ktuGameMode .ktu-ds-personal-name{font-size:12px;padding:8px 12px;background:rgba(205,169,88,.1);border-bottom:1px solid #a38b51} @media(max-width:699px){#ktuGameMode .ktu-game-head{padding:9px;gap:8px}} /* Alpha 0.37.99 — integrate the minimal HUD supplied by the user across the Kill Team home, rather than framing its central content in a separate background rectangle. */ #ktUniversalModule:has([data-ktu-view="home"]:not([hidden])){position:relative;isolation:isolate;background-color:transparent} #ktUniversalModule:has([data-ktu-view="home"]:not([hidden]))::before{content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(7,11,13,.08),rgba(7,11,13,.04) 48%,rgba(7,11,13,.08)),url("assets/kt-home-minimal-hud.webp") center center/cover no-repeat;opacity:1} #ktUniversalModule [data-ktu-view="home"]{position:relative;isolation:isolate;background:transparent;border:0;border-radius:0;padding:0;min-height:0} #ktUniversalModule [data-ktu-view="home"] .ktu-landing{position:relative;z-index:1} #ktUniversalModule [data-ktu-view="home"] .ktu-home-intro{background:linear-gradient(112deg,rgba(7,11,14,.82),rgba(15,21,23,.7));backdrop-filter:none} #ktUniversalModule [data-ktu-view="home"] .ktu-home-library,#ktUniversalModule [data-ktu-view="home"] .ktu-home-utility{background:rgba(9,14,17,.85)} #ktUniversalModule [data-ktu-view="home"] .ktu-home-list-card{background:rgba(23,28,29,.97)!important} @media(max-width:760px){#ktUniversalModule:has([data-ktu-view="home"]:not([hidden]))::before{background-position:center center;opacity:1}} #ktUniversalModule .ktu-loadout-multi{display:grid;gap:6px;margin:0;min-width:0;border:1px solid var(--ktu-line);padding:10px;border-radius:5px} #ktUniversalModule .ktu-loadout-multi legend{padding:0 5px;font-size:10px;color:var(--ktu-text)} #ktUniversalModule .ktu-loadout-multi label{display:flex;align-items:center;gap:8px;font-size:11px;line-height:1.4;cursor:pointer} #ktUniversalModule .ktu-loadout-multi input{accent-color:var(--ktu-accent);width:16px;height:16px;flex:none} /* Kill Team Game Mode interface refresh: compact command header, integrated archive panel, denser score dashboard and cleaner panel hierarchy. */ #ktuGameMode{--ktu-game-max:1320px;background: radial-gradient(circle at top right,rgba(188,138,29,.07),transparent 32%), linear-gradient(180deg,rgba(9,12,15,.97),rgba(8,10,13,.985));} #ktuGameMode .ktu-game-shell{background:transparent} #ktuGameMode .ktu-game-head{padding:max(12px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) 12px max(16px,env(safe-area-inset-left));background:linear-gradient(180deg,color-mix(in srgb,var(--ktu-g-panel) 96%,#000 4%),color-mix(in srgb,var(--ktu-g-panel2) 88%,#000 12%));box-shadow:0 12px 32px rgba(0,0,0,.22)} #ktuGameMode .ktu-game-title h2{letter-spacing:.035em;text-transform:uppercase} #ktuGameMode .ktu-game-head-actions{gap:10px} #ktuGameMode .ktu-game-head-actions button{min-height:38px;padding:8px 14px;border-radius:8px;background:color-mix(in srgb,var(--ktu-g-panel2) 88%,#000 12%)} #ktuGameMode .ktu-game-body{padding-top:14px;padding-bottom:max(22px,env(safe-area-inset-bottom))} #ktuGameMode .ktu-game-overview{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,320px);gap:12px;align-items:start;width:min(100%,var(--ktu-game-max));max-width:var(--ktu-game-max);margin:0 auto 12px} #ktuGameMode .ktu-game-overview-main{display:grid;gap:8px;min-width:0} #ktuGameMode .ktu-game-scoreboard{margin:0;max-width:none;grid-template-columns:repeat(3,minmax(0,1fr)) minmax(145px,170px)} #ktuGameMode .ktu-game-scoreboard article{min-height:82px;padding:12px 14px;border-radius:10px;background:linear-gradient(180deg,color-mix(in srgb,var(--ktu-g-panel) 86%,var(--ktu-g-accent) 14%),color-mix(in srgb,var(--ktu-g-panel2) 95%,#000 5%));box-shadow:inset 0 1px 0 rgba(255,255,255,.03)} #ktuGameMode .ktu-game-scoreboard article>span{font-size:10px;color:color-mix(in srgb,var(--ktu-g-muted) 88%,white 12%)} #ktuGameMode .ktu-game-scoreboard article strong{font-size:34px;line-height:1;font-variant-numeric:tabular-nums;color:var(--ktu-g-text)} #ktuGameMode .ktu-game-scoreboard article button{min-height:36px;border-radius:8px} #ktuGameMode .ktu-game-next-turn{min-height:82px;border-radius:10px;font-size:10px;letter-spacing:.08em;box-shadow:0 10px 28px rgba(0,0,0,.18)} #ktuGameMode .ktu-game-meta-bar{margin:0;max-width:none;padding:9px 12px;border-radius:10px;background:linear-gradient(180deg,color-mix(in srgb,var(--ktu-g-panel) 94%,var(--ktu-g-accent) 6%),color-mix(in srgb,var(--ktu-g-panel2) 97%,#000 3%));box-shadow:inset 0 1px 0 rgba(255,255,255,.025)} #ktuGameMode .ktu-game-archive-host{display:block;min-width:0} #ktuGameMode .ktu-game-archive-host[hidden]{display:none!important} #ktuGameMode .ktu-game-reference-grid,#ktuGameMode .ktu-game-roster{width:min(100%,var(--ktu-game-max));max-width:var(--ktu-game-max)} #ktuGameMode .ktu-game-rules,#ktuGameMode .ktu-game-roster{border-radius:10px;overflow:hidden;box-shadow:0 10px 28px rgba(0,0,0,.14)} #ktuGameMode .ktu-game-rules>summary{padding:13px 14px} #ktuGameMode .ktu-game-roster{padding:14px} #ktuGameMode .ktu-game-section-head{margin-bottom:12px} #ktuGameMode .ktu-game-operative{border-radius:10px;box-shadow:0 8px 24px rgba(0,0,0,.14)} #ktuGameMode .ktu-game-operative>header h4{font-size:16px} #ktuGameMode .ktu-game-loadout span{border-radius:6px;padding:4px 7px} #ktuGameMode .ktu-game-wounds>div,#ktuGameMode .ktu-game-stats>div{border-radius:8px} #ktuGameMode .ktu-game-filters button,#ktuGameMode .ktu-game-sheet-shortcut{border-radius:7px} @media(max-width:1100px){ #ktuGameMode .ktu-game-overview{grid-template-columns:1fr} #ktuGameMode .ktu-game-archive-host{order:2} } @media(max-width:820px){ #ktuGameMode .ktu-game-scoreboard{grid-template-columns:repeat(3,minmax(0,1fr))} #ktuGameMode .ktu-game-next-turn{grid-column:1/-1;min-height:52px} } @media(max-width:620px){ #ktuGameMode .ktu-game-head{padding:10px max(10px,env(safe-area-inset-right)) 10px max(10px,env(safe-area-inset-left))} #ktuGameMode .ktu-game-title h2{font-size:clamp(20px,7vw,28px);white-space:normal} #ktuGameMode .ktu-game-scoreboard{grid-template-columns:1fr;gap:7px} #ktuGameMode .ktu-game-scoreboard article{min-height:unset;padding:10px 12px} #ktuGameMode .ktu-game-scoreboard article strong{font-size:28px} #ktuGameMode .ktu-game-meta-bar{position:static} } /* Kill Team home: direct import between create and saved rosters. */ #ktUniversalModule .ktu-home-primary-actions{grid-template-columns:repeat(3,minmax(0,1fr))} #ktUniversalModule .ktu-home-primary-actions .ktu-home-import-action{border-color:color-mix(in srgb,var(--ktu-accent) 45%,var(--ktu-line));background:var(--ktu-panel2);color:var(--ktu-text)} #ktUniversalModule .ktu-home-primary-actions #btnKtuCreate{animation:ktu-create-attention-3805 10s ease-in-out infinite} @keyframes ktu-create-attention-3805{ 0%,87%,100%{box-shadow:none;filter:none} 90%,94%{box-shadow:0 0 0 2px color-mix(in srgb,var(--ktu-accent) 65%,transparent),0 0 18px 3px color-mix(in srgb,var(--ktu-accent) 40%,transparent);filter:brightness(1.14)} } @media(max-width:760px){#ktUniversalModule .ktu-home-primary-actions{grid-template-columns:1fr}} @media(prefers-reduced-motion:reduce){#ktUniversalModule .ktu-home-primary-actions #btnKtuCreate{animation:none}} /* transparent catalogue-language fallback, without inventing translations. */ #ktUniversalModule .ktu-source-language-note, #ktuGameMode .ktu-source-language-note{ display:block;margin:0 0 6px;color:var(--ktu-g-accent,var(--ktu-accent,#d4ac58)); font-size:10px;font-weight:700;line-height:1.35;letter-spacing:0; } /* imported roster review inside the existing Builder. */ #ktUniversalModule .ktu-import-builder-review{margin:10px 0 16px;padding:16px;border:1px solid var(--ktu-accent);border-radius:10px;background:color-mix(in srgb,var(--ktu-panel) 92%,var(--ktu-accent) 8%);display:grid;gap:10px;color:var(--ktu-text)} #ktUniversalModule .ktu-import-review-title{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap} #ktUniversalModule .ktu-import-review-title h4{margin:4px 0;font-size:17px;color:var(--ktu-text)} #ktUniversalModule .ktu-import-review-title small,#ktUniversalModule .ktu-import-builder-review p{color:var(--ktu-muted);font-size:11px;line-height:1.55;margin:0} #ktUniversalModule .ktu-import-review-metrics{display:flex;flex-wrap:wrap;gap:8px} #ktUniversalModule .ktu-import-review-metrics span{padding:7px 10px;background:var(--ktu-panel2);border:1px solid var(--ktu-line);border-radius:6px;font-size:11px} #ktUniversalModule .ktu-import-builder-review details{border:1px solid var(--ktu-line);border-radius:6px;background:var(--ktu-panel2);padding:10px;min-width:0} #ktUniversalModule .ktu-import-builder-review summary{cursor:pointer;font-size:11px;font-weight:800} #ktUniversalModule .ktu-import-builder-review ul{font-size:11px;line-height:1.6;padding-left:20px;max-height:220px;overflow:auto;overflow-wrap:anywhere} #ktUniversalModule .ktu-import-review-actions{display:flex;flex-wrap:wrap;gap:8px} #ktUniversalModule .ktu-import-review-actions button{min-height:38px;padding:9px 12px;font-size:10px;white-space:normal} @media(max-width:620px){#ktUniversalModule .ktu-import-builder-review{padding:10px}#ktUniversalModule .ktu-import-review-actions{display:grid;grid-template-columns:1fr 1fr}#ktUniversalModule .ktu-import-review-actions button{width:100%}} /* Game Mode visual hierarchy; no scoring or gameplay logic changes. */ #ktuGameMode{--ktu-game-max:1440px} #ktuGameMode .ktu-game-head{padding-block:9px;gap:12px} #ktuGameMode .ktu-game-title h2{font-size:clamp(21px,2vw,28px);margin:2px 0 0} #ktuGameMode .ktu-game-title>span{font-size:9px} #ktuGameMode .ktu-game-head-actions{align-self:center} #ktuGameMode .ktu-game-head-actions button{min-height:36px;padding:7px 11px} #ktuGameMode .ktu-game-body{padding:10px clamp(10px,1.5vw,24px) max(24px,env(safe-area-inset-bottom));scroll-padding-top:10px} #ktuGameMode .ktu-game-overview{grid-template-columns:minmax(0,1fr);gap:0;margin-bottom:10px} #ktuGameMode .ktu-game-overview-main{gap:6px} #ktuGameMode .ktu-game-scoreboard{grid-template-columns:repeat(3,minmax(0,1fr)) minmax(130px,155px);gap:8px} #ktuGameMode .ktu-game-scoreboard article{min-height:62px;padding:7px 10px;grid-template-columns:auto minmax(0,1fr);gap:8px} #ktuGameMode .ktu-game-scoreboard article strong{font-size:24px} #ktuGameMode .ktu-game-scoreboard article button{min-height:32px} #ktuGameMode .ktu-game-next-turn{min-height:62px} #ktuGameMode .ktu-game-meta-bar{min-height:28px;padding:5px 10px;font-size:9px} #ktuGameMode .ktu-game-roster{padding:12px;margin-top:0;margin-bottom:10px} #ktuGameMode .ktu-game-section-head{margin-bottom:10px} #ktuGameMode .ktu-game-operative-grid{gap:10px} #ktuGameMode .ktu-game-operative{padding:11px;gap:7px} #ktuGameMode .ktu-game-operative>header h4{font-size:14px;line-height:1.2} #ktuGameMode .ktu-game-wounds{gap:6px} #ktuGameMode .ktu-game-orders{gap:6px} #ktuGameMode .ktu-game-card-actions .ktu-order-btn{min-height:49px} #ktuGameMode .ktu-game-card-actions .ktu-order-btn img{width:34px;height:34px} #ktuGameMode .ktu-game-reference-grid{margin-bottom:14px} #ktuGameMode .ktu-game-archive-host{margin-top:4px;max-width:100%} #ktuGameMode .ktu-game-archive-host .lw-campaign-archive{padding:12px;box-shadow:none} #ktuGameMode .ktu-game-archive-host .lw-campaign-archive__action{width:auto;max-width:100%} @media(min-width:1120px){#ktuGameMode .ktu-game-operative-grid{grid-template-columns:repeat(3,minmax(0,1fr))}} @media(min-width:700px) and (max-width:1119px){#ktuGameMode .ktu-game-operative-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:699px){#ktuGameMode .ktu-game-operative-grid{grid-template-columns:1fr}} @media(max-width:820px){#ktuGameMode .ktu-game-scoreboard{grid-template-columns:repeat(3,minmax(0,1fr))}#ktuGameMode .ktu-game-next-turn{grid-column:1/-1;min-height:43px}#ktuGameMode .ktu-game-head{align-items:flex-start;flex-direction:column}#ktuGameMode .ktu-game-head-actions{align-self:stretch;justify-content:flex-start}} @media(max-width:480px){#ktuGameMode .ktu-game-scoreboard article{display:grid;grid-template-columns:1fr;min-height:65px;padding:6px;gap:4px}#ktuGameMode .ktu-game-scoreboard article>span{text-align:center}#ktuGameMode .ktu-game-scoreboard article>div{grid-template-columns:28px minmax(0,1fr) 28px}#ktuGameMode .ktu-game-scoreboard article strong{font-size:21px}#ktuGameMode .ktu-game-scoreboard article button{min-height:28px}#ktuGameMode .ktu-game-next-turn{grid-column:1/-1}} /* Battle Hub integrated into the KT home. */ #ktUniversalModule .ktu-home-battle-central{border:1px solid color-mix(in srgb,var(--ktu-accent) 50%,var(--ktu-line));border-radius:10px;background:color-mix(in srgb,var(--ktu-panel) 95%,transparent);padding:clamp(14px,2vw,20px);display:grid;gap:14px} #ktUniversalModule .ktu-home-battle-head{display:flex;align-items:center;justify-content:space-between;gap:14px} #ktUniversalModule .ktu-home-battle-head h3{font:900 clamp(18px,2vw,24px) var(--font-display,Georgia,serif);margin:7px 0;color:var(--ktu-text)} #ktUniversalModule .ktu-home-battle-head p{margin:0;font-size:11px;line-height:1.5;color:var(--ktu-muted)} #ktUniversalModule .ktu-home-battle-icon{flex:none;font-size:27px;border:1px solid var(--ktu-accent);color:var(--ktu-accent);width:49px;height:49px;display:grid;place-items:center;border-radius:9px} #ktUniversalModule .ktu-home-battle-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px} #ktUniversalModule .ktu-home-battle-item{min-width:0;background:var(--ktu-panel2);border:1px solid var(--ktu-line);border-radius:8px;padding:12px;display:grid;gap:12px} #ktUniversalModule .ktu-home-battle-description{display:grid;gap:5px;min-width:0} #ktUniversalModule .ktu-home-battle-description strong{color:var(--ktu-text);font-size:14px;overflow-wrap:anywhere} #ktUniversalModule .ktu-home-battle-description span{color:var(--ktu-muted);font-size:11px;overflow-wrap:anywhere} #ktUniversalModule .ktu-home-battle-description small{color:var(--ktu-accent);font:700 10px var(--font-tech,monospace)} #ktUniversalModule .ktu-home-battle-item button{background:color-mix(in srgb,var(--ktu-accent) 14%,var(--ktu-panel2));color:var(--ktu-text);border:1px solid var(--ktu-accent);border-radius:6px;min-height:42px;padding:9px 10px;font:900 10px var(--font-tech,monospace);cursor:pointer} #ktUniversalModule .ktu-home-battle-item button:hover,#ktUniversalModule .ktu-home-battle-item button:focus-visible{outline:2px solid var(--ktu-accent);outline-offset:1px} #ktUniversalModule .ktu-home-battle-empty{grid-column:1/-1;border:1px dashed var(--ktu-line);padding:18px;color:var(--ktu-muted);font-size:12px;line-height:1.5} @media(max-width:900px){#ktUniversalModule .ktu-home-battle-list{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:600px){#ktUniversalModule .ktu-home-battle-list{grid-template-columns:1fr}#ktUniversalModule .ktu-home-battle-head{align-items:flex-start}} /* Game Mode accessibility, modal viewport integrity, mobile controls. */ #ktuDatasheetModal{position:fixed!important;inset:0!important;z-index:2147483500!important;display:flex;align-items:center;justify-content:center;width:100vw;height:100dvh;min-height:0;overflow:hidden;padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))} #ktuDatasheetModal .ktu-datasheet-dialog{width:min(940px,100%);max-height:100%;min-height:0;overflow:hidden} #ktuDatasheetModal .ktu-datasheet-scroll{overflow-y:auto;overscroll-behavior:contain;min-height:0} #ktuGameMode .ktu-game-title,#ktuGameMode .ktu-game-title h2{min-width:0;overflow-wrap:anywhere} #ktuGameMode .ktu-game-archive-host{min-width:0} #ktuGameMode .ktu-game-operative,#ktuGameMode .ktu-game-operative>header,#ktuGameMode .ktu-game-card-actions{min-width:0} #ktuGameMode .ktu-game-operative-heading-actions{min-width:0} #ktuGameMode .ktu-game-wounds{min-width:0} #ktuGameMode .ktu-game-card-actions button:not(.ktu-order-btn){min-height:40px} #ktuGameMode button:focus-visible,#ktuDatasheetModal button:focus-visible{outline:3px solid var(--ktu-g-accent,var(--ktu-accent,#cfad67));outline-offset:2px} @media(max-width:699px){ #ktuGameMode .ktu-game-head{padding-top:max(9px,env(safe-area-inset-top));padding-right:max(10px,env(safe-area-inset-right));padding-left:max(10px,env(safe-area-inset-left))} #ktuGameMode .ktu-game-head-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:6px} #ktuGameMode .ktu-game-head-actions button{min-width:0;white-space:normal;overflow-wrap:anywhere;min-height:42px} #ktuGameMode .ktu-game-mobile-nav{padding-bottom:max(8px,env(safe-area-inset-bottom))} #ktuGameMode .ktu-game-mobile-nav button{min-height:50px} #ktuGameMode .ktu-game-section-head{align-items:stretch;flex-direction:column;gap:8px} #ktuGameMode .ktu-game-roster-tools{width:100%;flex-wrap:wrap;gap:8px} #ktuGameMode .ktu-game-filters button{min-height:36px} #ktuGameMode .ktu-game-operative-grid{grid-template-columns:minmax(0,1fr)} #ktuGameMode .ktu-game-operative-heading-actions{max-width:56%} #ktuGameMode .ktu-game-orders{grid-template-columns:repeat(2,minmax(0,1fr))} #ktuGameMode .ktu-game-card-actions .ktu-order-btn{min-width:0} #ktuGameMode .ktu-game-card-actions .ktu-order-btn img{width:clamp(26px,8vw,36px);height:clamp(26px,8vw,36px)} #ktuDatasheetModal{padding:max(6px,env(safe-area-inset-top)) max(6px,env(safe-area-inset-right)) max(6px,env(safe-area-inset-bottom)) max(6px,env(safe-area-inset-left))} } @media(max-width:375px){ #ktuGameMode .ktu-game-card-actions{grid-template-columns:repeat(3,minmax(0,1fr))} #ktuGameMode .ktu-game-card-actions button:not(.ktu-order-btn){font-size:8px;padding:5px 3px} #ktuGameMode .ktu-game-card-actions .ktu-order-btn{font-size:10px!important;gap:4px} } @media(prefers-reduced-motion:reduce){#ktuGameMode .ktu-game-operative,#ktuGameMode .ktu-order-btn{transition:none!important}} /* Kill Team navigation, artwork and battle completion */ #ktUniversalModule .ktu-home-primary-actions{grid-template-columns:repeat(4,minmax(0,1fr))} #ktUniversalModule .ktu-home-primary-actions .ktu-home-main-action{font-size:clamp(11px,1.2vw,15px)} #ktUniversalModule .lw-logo-kt{width:auto!important;max-width:min(88vw,650px)!important;transform:scale(1.15);transform-origin:center center} #ktUniversalModule:has([data-ktu-view="home"]:not([hidden]))::before{background:linear-gradient(rgba(5,10,14,.13),rgba(5,10,14,.17)),url("assets/kt-hud-cyan.webp") center top/cover no-repeat;opacity:1} body.theme-bordeaux #ktUniversalModule:has([data-ktu-view="home"]:not([hidden]))::before, body.theme-green #ktUniversalModule:has([data-ktu-view="home"]:not([hidden]))::before{background-image:linear-gradient(rgba(5,10,14,.18),rgba(5,10,14,.2)),url("assets/kt-hud-amber.webp")} #ktUniversalModule .ktu-rules-data-link{display:flex;justify-content:flex-end;margin:0 0 12px} #ktUniversalModule .ktu-catalog-details{display:grid;gap:9px;padding:18px;margin:14px 0;border:1px solid var(--ktu-line);border-radius:9px;background:var(--ktu-panel)} #ktUniversalModule .ktu-catalog-details strong{font-size:15px} #ktUniversalModule .ktu-catalog-details span{font-size:12px;color:var(--ktu-muted)} #ktUniversalModule .ktu-catalog-details a{font-size:12px;overflow-wrap:anywhere} #ktUniversalModule .ktu-data-overview{margin:0 0 16px} #ktUniversalModule .ktu-home-battle-actions{display:grid;gap:7px} #ktUniversalModule .ktu-home-battle-item .ktu-battle-finish{background:transparent;color:var(--ktu-muted);border:1px solid var(--ktu-line)} #ktUniversalModule .ktu-home-battle-item .ktu-battle-finish:hover{border-color:#d77c73;color:#ffb0a9} @media(max-width:900px){#ktUniversalModule .ktu-home-primary-actions{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:520px){#ktUniversalModule .ktu-home-primary-actions{grid-template-columns:1fr}} /* fixed KT section artwork, independent from global theme colors. */ #ktUniversalModule{position:relative;isolation:isolate} #ktUniversalModule::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(rgba(5,10,14,.13),rgba(5,10,14,.17)),url("assets/kt-hud-amber.webp") center top/cover no-repeat;opacity:1} /* Kill Team home must always use the original neutral grey artwork. */ #ktUniversalModule:has([data-ktu-view="home"]:not([hidden]))::before, body.theme-green #ktUniversalModule:has([data-ktu-view="home"]:not([hidden]))::before, body.theme-bordeaux #ktUniversalModule:has([data-ktu-view="home"]:not([hidden]))::before{background:linear-gradient(rgba(5,10,14,.13),rgba(5,10,14,.17)),url("assets/kt-home-minimal-hud.webp") center center/cover no-repeat} /* My Rosters takes blue. All other inner pages take amber/orange. */ #ktUniversalModule:has([data-ktu-view="saved"]:not([hidden]))::before{background:linear-gradient(rgba(5,10,14,.13),rgba(5,10,14,.17)),url("assets/kt-hud-cyan.webp") center top/cover no-repeat} /* Use the site's theme for panels, foreground and interactive controls. */ #ktUniversalModule [data-ktu-view]:not([hidden]){position:relative;background-color:transparent} /* 15% larger than the existing 1.15 multiplier, without changing the mobile layout flow. */ #ktUniversalModule .lw-logo-kt{transform:scale(1.3225);transform-origin:center center} /* Approved Ops battle reference */ #ktUniversalModule .ktu-approved-sequence{display:grid;gap:13px;margin:12px 0 26px;color:var(--text)} #ktUniversalModule .ktu-approved-head{padding:16px 18px;border:1px solid var(--line);border-radius:12px;background:var(--panel)} #ktUniversalModule .ktu-approved-head h4{font-size:clamp(18px,2.5vw,25px);margin:5px 0 7px;color:var(--text)} #ktUniversalModule .ktu-approved-head p{margin:0;color:var(--muted)} #ktUniversalModule .ktu-approved-card{padding:16px 18px;background:var(--panel);border:1px solid var(--line);border-radius:12px;color:var(--text)} #ktUniversalModule .ktu-approved-card h5{font-size:16px;line-height:1.4;margin:0 0 10px;color:var(--text)} #ktUniversalModule .ktu-approved-card ul{margin:0;padding-left:21px;display:grid;gap:8px;line-height:1.55} #ktUniversalModule .ktu-approved-card li{padding-left:2px} #ktUniversalModule .ktu-approved-source a{color:var(--accent);text-decoration:underline} @media(max-width:600px){#ktUniversalModule .ktu-approved-card,#ktUniversalModule .ktu-approved-head{padding:13px 14px}} /* Approved Ops 2025: dense, editorial two-column rules layout */ #ktUniversalModule .ktu-approved-sequence{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 20px;margin-bottom:20px} #ktUniversalModule .ktu-approved-head,#ktUniversalModule .ktu-approved-source{grid-column:1/-1} #ktUniversalModule .ktu-approved-head,#ktUniversalModule .ktu-approved-card{padding:10px 3px;background:transparent;border:0;border-radius:0} #ktUniversalModule .ktu-approved-card{border-top:1px solid var(--line)} #ktUniversalModule .ktu-approved-card h5{font-size:15px;margin:0 0 7px;color:var(--text)} #ktUniversalModule .ktu-approved-card ul{gap:5px;line-height:1.45;font-size:13px} #ktUniversalModule .ktu-approved-extra{color:var(--text);font-size:13px;line-height:1.55} #ktUniversalModule .ktu-ref-nav{display:flex;gap:8px;flex-wrap:wrap;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:10px 0;margin:12px 0 18px} #ktUniversalModule .ktu-ref-nav a{padding:5px 9px;color:var(--text);border:1px solid var(--line);border-radius:5px;text-decoration:none} #ktUniversalModule .ktu-ref-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px} #ktUniversalModule .ktu-ref-column>section{margin-bottom:23px} #ktUniversalModule .ktu-approved-extra h4{font-size:17px;color:var(--text);margin:0 0 10px;padding-bottom:5px;border-bottom:2px solid var(--accent)} #ktUniversalModule .ktu-approved-extra h5{font-size:14px;color:var(--text);margin:13px 0 5px} #ktUniversalModule .ktu-approved-extra p{margin:7px 0;color:var(--text)} #ktUniversalModule .ktu-ref-subsection{padding-bottom:7px;border-bottom:1px solid var(--line)} #ktUniversalModule .ktu-ref-key{display:grid;grid-template-columns:1fr;gap:5px} #ktUniversalModule .ktu-ref-key>div{display:flex;gap:12px;align-items:center;min-width:0} #ktUniversalModule .ktu-ref-swatch{width:70px;height:18px;flex:none;outline:1px solid var(--line)} #ktUniversalModule .ktu-ref-overflow{overflow-x:auto;max-width:100%} #ktUniversalModule .ktu-ref-table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums;text-align:center;font-size:12px} #ktUniversalModule .ktu-ref-table td,#ktUniversalModule .ktu-ref-table th{border:1px solid var(--line);padding:5px 3px} #ktUniversalModule .ktu-ref-table thead{background:var(--panel)} #ktUniversalModule .ktu-ref-volkus{margin:22px 0} #ktUniversalModule .ktu-ref-map-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px} #ktUniversalModule .ktu-ref-map{margin:0;border:1px solid var(--line);background:var(--panel);min-width:0;cursor:zoom-in} #ktUniversalModule .ktu-ref-map img{display:block;width:100%;height:auto;aspect-ratio:743/550;object-fit:contain} #ktUniversalModule .ktu-ref-map figcaption{padding:8px;color:var(--text)} #ktUniversalModule .ktu-ref-source a{color:var(--accent)} @media(max-width:760px){#ktUniversalModule .ktu-ref-columns{grid-template-columns:1fr}#ktUniversalModule .ktu-ref-map-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:570px){#ktUniversalModule .ktu-approved-sequence{grid-template-columns:1fr}#ktUniversalModule .ktu-ref-map-grid{grid-template-columns:1fr}} /* no image stretching on long Kill Team views */ #ktUniversalModule::before{background-image:linear-gradient(rgba(5,10,14,.13),rgba(5,10,14,.17)),url("assets/kt-hud-amber-extended.webp");background-position:center top;background-size:auto, max(100%, 1100px) auto;background-repeat:no-repeat;background-color:#0c1115} #ktUniversalModule:has([data-ktu-view="home"]:not([hidden]))::before{background-image:linear-gradient(rgba(5,10,14,.13),rgba(5,10,14,.17)),url("assets/kt-hud-cyan-extended.webp")} #ktUniversalModule:has([data-ktu-view="saved"]:not([hidden]))::before{background-image:linear-gradient(rgba(5,10,14,.13),rgba(5,10,14,.17)),url("assets/kt-hud-cyan-extended.webp")} body.theme-green #ktUniversalModule:has([data-ktu-view="home"]:not([hidden]))::before{background-image:linear-gradient(rgba(5,10,14,.18),rgba(5,10,14,.2)),url("assets/kt-hud-amber-extended.webp")} #ktUniversalModule .ktu-ref-table{background:#e5e5e3;color:#18201e;border-collapse:separate;border-spacing:1px;border:5px solid #1f3633;font-size:13px;min-width:340px} #ktUniversalModule .ktu-ref-table td,#ktUniversalModule .ktu-ref-table th{border:0;padding:7px 4px;text-align:center;color:#19231f} #ktUniversalModule .ktu-ref-table thead .ktu-grade-title{background:#214c48} #ktUniversalModule .ktu-ref-table thead .ktu-grade-title th:not(.ktu-axis-corner){color:#fff;font-size:14px;letter-spacing:.07em} #ktUniversalModule .ktu-ref-table .ktu-axis-corner{background:#d98555;color:#151515;font-size:11px} #ktUniversalModule .ktu-ref-table .ktu-grade-indices{background:#95afa6} #ktUniversalModule .ktu-ref-table .ktu-grade-start{background:#95afa6;font-weight:800} #ktUniversalModule .ktu-ref-table tbody td{background:#e6e6e5} #ktUniversalModule .ktu-ref-map{cursor:default} #ktUniversalModule .ktu-ref-map summary{cursor:pointer;display:block;list-style:none;position:relative} #ktUniversalModule .ktu-ref-map summary::-webkit-details-marker{display:none} #ktUniversalModule .ktu-ref-map .ktu-map-label{display:inline-block;padding:8px 28px 8px 10px;color:var(--text);font-weight:700} #ktUniversalModule .ktu-ref-map .ktu-map-chevron{position:absolute;right:12px;bottom:9px;color:var(--accent)} #ktUniversalModule .ktu-ref-map[open] .ktu-map-chevron{transform:rotate(180deg)} #ktUniversalModule .ktu-map-detail{padding:0 10px 12px;border-top:1px solid var(--line)} #ktUniversalModule .ktu-map-enlarge{border:1px solid var(--accent);border-radius:5px;background:transparent;color:var(--text);padding:7px 12px;cursor:pointer} .ktu-map-viewer{position:fixed;inset:0;z-index:2147483000;display:flex;align-items:center;justify-content:center;padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));background:rgba(0,0,0,.88);height:100dvh;box-sizing:border-box} .ktu-map-viewer-dialog{max-width:min(1100px,100%);max-height:calc(100dvh - 24px);overflow:auto;background:#151a1c;border:1px solid #555;border-radius:9px;color:#fff;box-sizing:border-box} .ktu-map-viewer-bar{position:sticky;top:0;display:flex;justify-content:space-between;align-items:center;padding:10px 15px;background:#151a1c;z-index:1} .ktu-map-viewer-close{background:transparent;color:#fff;border:1px solid #777;border-radius:4px;padding:6px 12px;cursor:pointer} .ktu-map-viewer-dialog img{display:block;width:100%;height:auto} @media(max-width:760px){#ktUniversalModule::before{background-size:auto,auto 1800px}#ktUniversalModule .ktu-ref-map-grid{grid-template-columns:1fr}} /* artwork is shown at its natural ratio, not blurred or stretched. Home is always neutral charcoal; saved lists use cyan; other views amber. */ #ktUniversalModule::before, #ktUniversalModule:has([data-ktu-view="home"]:not([hidden]))::before, body.theme-green #ktUniversalModule:has([data-ktu-view="home"]:not([hidden]))::before, body.theme-bordeaux #ktUniversalModule:has([data-ktu-view="home"]:not([hidden]))::before { background-image:linear-gradient(rgba(5,10,14,.13),rgba(5,10,14,.17)),url("assets/kt-home-initial.webp")!important; background-size:auto, min(100%, 1672px) auto!important; background-position:center top!important; background-repeat:no-repeat!important; background-color:#0c1115!important; } #ktUniversalModule::before{background-image:linear-gradient(rgba(5,10,14,.13),rgba(5,10,14,.17)),url("assets/kt-hud-amber.webp")!important} #ktUniversalModule:has([data-ktu-view="saved"]:not([hidden]))::before{background-image:linear-gradient(rgba(5,10,14,.13),rgba(5,10,14,.17)),url("assets/kt-hud-cyan.webp")!important} @media(max-width:760px){#ktUniversalModule::before{background-size:auto,100% auto!important}} /* final KT background routing. Home keeps the dedicated dark initial artwork. Saved lists use the tall artwork with a cool/cyan overlay. Other inner KT pages use the tall artwork with a warm/amber overlay. */ #ktUniversalModule::before{background-image:linear-gradient(rgba(22,12,4,.34),rgba(7,10,14,.34)),url("assets/kt-inner-tall.webp")!important;background-size:auto,min(100%,994px) auto!important;background-position:center top!important;background-repeat:no-repeat!important;background-color:#0c1115!important} #ktUniversalModule:has([data-ktu-view="saved"]:not([hidden]))::before{background-image:linear-gradient(rgba(7,26,40,.32),rgba(7,10,14,.34)),url("assets/kt-inner-tall.webp")!important} #ktUniversalModule:has([data-ktu-view="home"]:not([hidden]))::before,body.theme-green #ktUniversalModule:has([data-ktu-view="home"]:not([hidden]))::before,body.theme-bordeaux #ktUniversalModule:has([data-ktu-view="home"]:not([hidden]))::before{background-image:linear-gradient(rgba(5,10,14,.13),rgba(5,10,14,.17)),url("assets/kt-home-initial.webp")!important;background-size:auto,min(100%,1672px) auto!important;background-position:center top!important;background-repeat:no-repeat!important;background-color:#0c1115!important} @media(max-width:760px){#ktUniversalModule::before{background-size:auto,100% auto!important}#ktUniversalModule:has([data-ktu-view="home"]:not([hidden]))::before{background-size:auto,100% auto!important}} /* full-bleed KT backgrounds, maintain original aspect ratio. */ #ktUniversalModule::before, #ktUniversalModule:has([data-ktu-view="saved"]:not([hidden]))::before, #ktUniversalModule:has([data-ktu-view="home"]:not([hidden]))::before, body.theme-green #ktUniversalModule:has([data-ktu-view="home"]:not([hidden]))::before, body.theme-bordeaux #ktUniversalModule:has([data-ktu-view="home"]:not([hidden]))::before { background-size:auto,100% auto!important; background-position:center top!important; background-repeat:no-repeat!important; } /* Approved Ops mission selector */ #ktUniversalModule .ktu-mission-picker{display:grid;gap:15px;margin:12px 0 20px} #ktUniversalModule .ktu-mission-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:10px;align-items:end} #ktUniversalModule .ktu-mission-fields label{display:grid;gap:5px;font-size:11px;font-weight:700} #ktUniversalModule .ktu-mission-fields select{width:100%;min-width:0;min-height:38px;border:1px solid var(--ktu-line);border-radius:5px;padding:7px;background:var(--ktu-panel);color:var(--ktu-text)} #ktUniversalModule .ktu-mission-fields button{white-space:normal;min-height:38px;border-color:var(--ktu-accent);color:var(--ktu-text)} #ktUniversalModule .ktu-mission-result{display:grid;grid-template-columns:minmax(260px,0.78fr) minmax(0,1.4fr);gap:16px;align-items:start} #ktUniversalModule .ktu-mission-brief{background:var(--ktu-panel);border-left:3px solid var(--ktu-accent);padding:14px;font-size:12px;line-height:1.55} #ktUniversalModule .ktu-mission-brief h5{font-size:17px;margin:0 0 10px} #ktUniversalModule .ktu-mission-brief strong{color:var(--ktu-accent);font-size:11px} #ktUniversalModule .ktu-mission-map{margin:0;min-width:0;display:grid;gap:8px} #ktUniversalModule .ktu-mission-map img{display:block;width:100%;height:auto;border:1px solid var(--ktu-line)} #ktUniversalModule .ktu-mission-map figcaption{font-size:12px;font-weight:800} #ktUniversalModule .ktu-mission-map button{justify-self:start} #ktUniversalModule .ktu-map-key-details{border:1px solid var(--ktu-line);padding:10px;border-radius:5px} #ktUniversalModule .ktu-map-key-details summary{cursor:pointer;font-weight:800;padding:5px} #ktUniversalModule .ktu-map-key-details .ktu-ref-key{margin-top:12px;grid-template-columns:repeat(2,minmax(0,1fr))} @media(max-width:800px){#ktUniversalModule .ktu-mission-fields{grid-template-columns:1fr 1fr}#ktUniversalModule .ktu-mission-result{grid-template-columns:1fr}} @media(max-width:540px){#ktUniversalModule .ktu-mission-fields{grid-template-columns:1fr}#ktUniversalModule .ktu-map-key-details .ktu-ref-key{grid-template-columns:1fr}} /* Approved Ops map selection controls */ #ktUniversalModule .ktu-map-switcher{display:flex;flex-wrap:wrap;gap:7px;align-items:center;margin:0 0 12px} #ktUniversalModule .ktu-map-switcher button{flex:1 1 85px;min-height:38px;background:var(--ktu-panel);color:var(--ktu-text);border:1px solid var(--ktu-line);border-radius:5px;font-size:11px;font-weight:750;cursor:pointer} #ktUniversalModule .ktu-map-switcher button:first-child,#ktUniversalModule .ktu-map-switcher button:last-child{flex:0 0 42px;font-size:22px} #ktUniversalModule .ktu-map-switcher button.selected,#ktUniversalModule .ktu-map-switcher button[aria-pressed="true"]{border-color:var(--ktu-accent);box-shadow:inset 0 -3px var(--ktu-accent);background:color-mix(in srgb,var(--ktu-accent) 15%,var(--ktu-panel));color:var(--ktu-text)} #ktUniversalModule .ktu-map-context{margin:0;color:var(--ktu-muted);font-size:11px;line-height:1.5} @media(max-width:600px){#ktUniversalModule .ktu-map-switcher button{flex-basis:30%}} /* Approved Ops 2025 map library: unavailable layouts remain disabled. */ #ktUniversalModule .ktu-map-choice:disabled{opacity:.28;cursor:not-allowed;pointer-events:none} #ktUniversalModule .ktu-mission-fields select option:disabled{color:#777} /* uninterrupted full-size vertical background tiles; no blur, crop or stretch. */ #ktUniversalModule::before,#ktUniversalModule:has([data-ktu-view="home"]:not([hidden]))::before,#ktUniversalModule:has([data-ktu-view="saved"]:not([hidden]))::before{background-repeat:repeat-y!important;background-size:auto,100% auto!important;background-position:center top!important} /* game-reference overlay, above game mode and header. */ #ktuGameReferenceModal.ktu-game-reference-overlay{position:fixed!important;inset:0!important;width:100vw;height:100dvh;z-index:2147483500!important;display:flex;align-items:center;justify-content:center;background:rgba(2,6,10,.9);padding:max(10px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));box-sizing:border-box;isolation:isolate} #ktuGameReferenceModal[hidden]{display:none!important} #ktuGameReferenceModal .ktu-game-reference-dialog{display:flex;flex-direction:column;width:min(1240px,100%);max-height:calc(100dvh - 20px);min-height:0;overflow:hidden;background:var(--ktu-panel,#171d27);border:1px solid var(--ktu-accent,#d6ad3c);color:var(--ktu-text,#eee);border-radius:9px} #ktuGameReferenceModal .ktu-game-reference-toolbar{flex:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-bottom:1px solid var(--ktu-line,#444);background:var(--ktu-panel2,#111)} #ktuGameReferenceModal .ktu-game-reference-scroll{min-height:0;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:clamp(12px,2vw,22px);touch-action:pan-y} #ktuGameReferenceModal .ktu-ref-equipment-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:20px} #ktuGameReferenceModal .ktu-ref-equipment-grid article{padding:12px;border:1px solid var(--ktu-line,#444);background:var(--ktu-panel2,#111)} #ktuGameReferenceModal .ktu-ref-equipment-grid h4{margin:0 0 7px}#ktuGameReferenceModal .ktu-ref-equipment-grid p{white-space:pre-line;font-size:13px;line-height:1.5} #ktuGameReferenceModal .ktu-ref-game-mission{padding:12px;border-left:3px solid var(--ktu-accent,#d6ad3c);margin-bottom:18px;background:var(--ktu-panel2,#111)} #ktuGameReferenceModal h3{margin:8px 0 12px}#ktuGameReferenceModal button{cursor:pointer} @media(max-width:640px){#ktuGameReferenceModal .ktu-ref-equipment-grid{grid-template-columns:1fr}#ktuGameReferenceModal .ktu-game-reference-toolbar{padding:10px;flex-wrap:wrap}#ktuGameReferenceModal .ktu-game-reference-dialog{max-height:calc(100dvh - 20px)}} /* Kill Team in-game mission switcher */ #ktuGameMissionModal.ktu-game-reference-overlay{position:fixed!important;inset:0!important;height:100dvh;z-index:2147483550!important;display:flex;align-items:center;justify-content:center;padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));background:rgba(2,6,10,.91);box-sizing:border-box} #ktuGameMissionModal[hidden]{display:none!important} #ktuGameMissionModal .ktu-game-mission-dialog{width:min(880px,100%);max-height:calc(100dvh - 24px);overflow:hidden} #ktuGameMissionModal .ktu-game-reference-scroll{overflow:auto;min-height:0;overscroll-behavior:contain} #ktuGameMissionModal .ktu-game-mission-form{padding:18px;display:grid;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr))} #ktuGameMissionModal .ktu-game-mission-form label{display:grid;gap:7px;min-width:0;font-size:12px;color:var(--ktu-text)} #ktuGameMissionModal select{min-width:0;width:100%;min-height:40px;background:var(--ktu-panel);border:1px solid var(--ktu-line);color:var(--ktu-text);border-radius:5px;padding:7px} #ktuGameMissionModal .ktu-game-mission-preview{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);align-items:start;gap:14px} #ktuGameMissionModal .ktu-game-mission-preview img{display:block;width:100%;height:auto;max-height:50dvh;object-fit:contain} #ktuGameMissionModal #btnKtuGameMissionApply{grid-column:1/-1;min-height:44px} @media(max-width:670px){#ktuGameMissionModal .ktu-game-mission-form{grid-template-columns:1fr;padding:12px}#ktuGameMissionModal .ktu-game-mission-preview{grid-template-columns:1fr}} /* Joint Ops battle tracking */ #ktuPvePanel{margin:18px 0;padding:14px;border:1px solid var(--ktu-line);border-radius:9px;background:var(--ktu-panel);color:var(--ktu-text)} #ktuPvePanel[hidden],#ktuBattleSetupModal[hidden],#ktuPveNpoModal[hidden]{display:none!important} #ktuPvePanel header{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap} #ktuPvePanel h3{margin:0;color:var(--ktu-accent)}#ktuPvePanel p{font-size:12px;line-height:1.5} .ktu-pve-unit{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid var(--ktu-line);padding:12px 0;flex-wrap:wrap} .ktu-pve-unit small{display:block;color:var(--ktu-muted);margin-top:4px}.ktu-pve-unit>div:last-child{display:flex;gap:6px;flex-wrap:wrap} #ktuBattleSetupModal,#ktuPveNpoModal{position:fixed!important;inset:0!important;width:100vw;height:100dvh;z-index:2147483580!important;display:flex;align-items:center;justify-content:center;padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));box-sizing:border-box;background:rgba(2,6,10,.92);isolation:isolate;overflow:auto} #ktuBattleSetupModal .ktu-game-reference-dialog,#ktuPveNpoModal .ktu-game-reference-dialog{width:min(720px,100%);max-height:calc(100dvh - 24px);overflow:auto;position:relative;box-sizing:border-box} #ktuBattleSetupModal input,#ktuPveNpoModal input{width:100%;min-height:38px;background:var(--ktu-panel2);color:var(--ktu-text);border:1px solid var(--ktu-line)} /* in-battle rules: restore native interactive presentation. */ #ktuGameReferenceModal .ktu-game-reference-dialog{width:min(1280px,100%);max-height:calc(100dvh - 20px);box-shadow:0 28px 100px rgba(0,0,0,.65)} #ktuGameReferenceModal .ktu-game-reference-scroll{scrollbar-gutter:stable;line-height:1.6} #ktuGameReferenceModal .ktu-game-reference-scroll p,#ktuGameReferenceModal .ktu-game-reference-scroll li{text-align:justify;hyphens:auto;overflow-wrap:break-word} #ktuGameReferenceModal .ktu-game-reference-scroll a{color:var(--ktu-accent,#d7ad41);text-decoration:underline;text-underline-offset:3px} #ktuGameReferenceModal .ktu-game-reference-scroll a:hover{filter:brightness(1.2)} #ktuGameReferenceModal .ktu-game-reference-scroll button,#ktuGameReferenceModal .ktu-game-reference-scroll select{font:inherit;min-height:38px} #ktuGameReferenceModal .ktu-game-reference-scroll select{max-width:100%;background:var(--ktu-panel2,#101720);color:var(--ktu-text,#eee);border:1px solid var(--ktu-line,#495361);border-radius:6px;padding:8px} #ktuGameReferenceModal .ktu-game-reference-equipment{border:1px solid var(--ktu-line,#495361);border-radius:8px;margin:0 0 16px;overflow:hidden} #ktuGameReferenceModal .ktu-game-reference-equipment summary{padding:12px 15px;font-weight:800;cursor:pointer;background:var(--ktu-panel2,#101720)} #ktuGameReferenceModal .ktu-game-reference-equipment>p,#ktuGameReferenceModal .ktu-game-reference-equipment .ktu-ref-equipment-grid{margin:12px} #ktuGameReferenceModal #ktuInfoBody{min-width:0;width:100%} #ktuGameReferenceModal #ktuInfoBody .ktu-ref-nav{position:relative;z-index:1} #ktuGameReferenceModal .ktu-ref-key>div{display:grid;grid-template-columns:70px minmax(0,1fr);align-items:center;gap:12px;padding:5px 0;border-bottom:1px solid var(--ktu-line,#495361)} #ktuGameReferenceModal .ktu-ref-key .ktu-ref-swatch{border-radius:2px} #ktuGameReferenceModal .ktu-ref-map-grid{max-width:100%} #ktuGameReferenceModal .ktu-ref-map img,#ktuGameReferenceModal #ktuRefSelectedMap{max-width:100%;height:auto;object-fit:contain} @media(max-width:720px){#ktuGameReferenceModal .ktu-game-reference-scroll{padding:12px}#ktuGameReferenceModal .ktu-game-reference-scroll p,#ktuGameReferenceModal .ktu-game-reference-scroll li{text-align:left}#ktuGameReferenceModal .ktu-ref-columns{grid-template-columns:1fr}} /* ===== kt-saved-game-notice ===== */ #ktUniversalModule .ktu-saved-game-notice{margin:0 0 12px;padding:10px 12px;border:1px solid #c9a350;border-radius:8px;font-size:14px;line-height:1.4;overflow-wrap:anywhere} /* ===== kt-ui-legibilidade ===== */ /* Operative card: the name keeps its width and the status goes to the next line instead of squeezing it letter by letter. */ #ktUniversalModule .ktu-operator-identity{flex:1 1 150px} #ktUniversalModule .ktu-operator-identity strong{overflow-wrap:break-word;font-size:13px} #ktUniversalModule .ktu-operator-loadout-status{margin-left:0;font-size:10px} /* Roster card: actions below the content, so the weapon choice keeps the full width of the column. */ #ktUniversalModule .ktu-roster-operative{grid-template-columns:minmax(0,1fr)} #ktUniversalModule .ktu-roster-operative .ktu-operative-actions{justify-content:flex-start;flex-wrap:wrap} #ktUniversalModule .ktu-rename-operative{min-height:30px!important;padding:5px 10px!important;font:900 10px var(--font-tech,monospace)!important;letter-spacing:.06em} #ktUniversalModule .ktu-sheet-btn{font-size:10px!important} #ktUniversalModule .ktu-loadout-group select{width:100%;min-width:0;font-size:13px} /* Nothing under 10-11px on the builder. */ #ktUniversalModule .ktu-roster-operative small,#ktUniversalModule .ktu-operator-identity small{font-size:10px} @media(max-width:760px){ #ktUniversalModule .ktu-loadout-summary,#ktUniversalModule .ktu-operator-stats{font-size:11px} } /* Game mode on a phone: the header scrolls away with the page (the bottom bar stays), and "Reiniciar partida", which erases the match, is set apart from the common buttons. */ @media(max-width:620px){ #ktuGameMode .ktu-game-head{position:static} #ktuGameMode .ktu-game-head-actions{grid-template-columns:repeat(3,minmax(0,1fr))} #ktuGameMode .ktu-game-head-actions button{min-height:38px;font-size:11px} #ktuGameMode #btnKtuGameMore{order:9} } #ktuGameMode #btnKtuGameReset{order:10;color:var(--danger,#e07a6f);border-color:color-mix(in srgb,var(--danger,#e07a6f) 60%,transparent)} /* Datasheet on a phone: the weapons table fits the width; the rules wrap under the numbers instead of scrolling sideways. */ @media(max-width:620px){ #ktuDatasheetModal .ktu-ds-weapons{min-width:0;font-size:11px} #ktuDatasheetModal .ktu-ds-weapons th,#ktuDatasheetModal .ktu-ds-weapons td{padding:6px 4px} #ktuDatasheetModal .ktu-ds-weapons th:nth-child(1){width:31%} #ktuDatasheetModal .ktu-ds-weapons th:nth-child(2){width:9%} #ktuDatasheetModal .ktu-ds-weapons th:nth-child(3),#ktuDatasheetModal .ktu-ds-weapons th:nth-child(4){width:13%} #ktuDatasheetModal .ktu-ds-weapons th:nth-child(5){width:34%} #ktuDatasheetModal .ktu-ds-weapons th:last-child,#ktuDatasheetModal .ktu-ds-weapons td:last-child{white-space:normal;overflow-wrap:anywhere} }