@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=Noto+Sans+Thai:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--ink:#f3f3f3;--muted:#929292;--line:#303033;--paper:#111113;--accent:#e52d35;--red:#d94b3f}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px 'Noto Sans Thai',system-ui,sans-serif}button,input,select{font:inherit}button,.button,summary{cursor:pointer}button,.button{border:1px solid var(--line);border-radius:9px;padding:10px 16px;color:var(--ink);background:#202023;text-decoration:none;transition:background .15s,transform .15s}button:hover,.button:hover{background:#2b2b30}button:disabled{opacity:.45;cursor:not-allowed}a{color:inherit}input,select{width:100%;padding:11px;border:1px solid #3d3d42;border-radius:7px;background:#202023;color:var(--ink)}input:focus,select:focus,button:focus-visible,summary:focus-visible,a:focus-visible{outline:3px solid #e52d35;outline-offset:3px}header{max-width:1440px;margin:auto;padding:24px 44px;display:flex;align-items:center;gap:24px;border-bottom:1px solid var(--line)}.wordmark{font:800 32px 'Barlow Condensed',sans-serif;text-decoration:none;letter-spacing:-1px}.wordmark span{font-weight:600}.wordmark i{color:#e52d35;font:12px system-ui;vertical-align:top;margin-left:5px}#identity{margin-left:auto;font-size:11px;color:var(--muted)}header details{font-size:13px}main{max-width:1360px;margin:auto;padding:0 36px}.welcome{position:relative;min-height:75vh;padding:64px 0 40px;isolation:isolate}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2.4px;color:var(--muted);margin:0 0 20px}.welcome h1{font:700 clamp(64px,8vw,112px)/.91 'Barlow Condensed',Impact,sans-serif;letter-spacing:-2px;margin:22px 0}.welcome h1 em{font-style:normal;color:#e52d35}.welcome>p:not(.eyebrow){color:var(--muted);margin:24px 0 36px}.welcome-art{position:absolute;right:2%;top:48px;font:800 260px/.68 'Barlow Condensed',sans-serif;color:#202023;letter-spacing:-15px;transform:rotate(-10deg);z-index:-1;user-select:none;pointer-events:none}.welcome-art span{display:block}.event-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(205px,1fr));gap:18px;max-width:930px;margin-top:44px}.event-tile{min-height:230px;text-align:left;padding:22px;background:#202023;border:1px solid #303033;border-radius:16px;box-shadow:0 10px 30px #222b1105;overflow:hidden}.event-tile:hover{transform:translateY(-4px);border-color:#e52d35;background:#202023}.tile-logo{height:125px;display:flex;align-items:center;justify-content:center;margin-bottom:15px}.tile-logo img{width:100%;height:100%;object-fit:contain}.event-tile strong{display:block;font-size:16px}.event-tile small{display:flex;justify-content:space-between;color:var(--muted);margin-top:6px}.event-tile small span{font-size:20px}.initials{font:700 56px 'Barlow Condensed',sans-serif;letter-spacing:-2px;color:#c1c1c7}.add-tile{border:1.5px dashed #44444a;background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#929299;gap:22px}.add-tile>span{font-size:45px;font-weight:400}.add-tile strong{font-size:14px;font-weight:500}.primary,#submit{background:var(--accent);border-color:var(--accent);font-weight:600}.primary:hover,#submit:hover{background:#f2444c}.back{border:0;background:none;padding:0;margin:24px 0;color:var(--muted);font-size:13px}.event-head{display:flex;align-items:center;gap:24px;padding:10px 0 30px;border-bottom:1px solid var(--line)}.event-logo{flex-shrink:0;width:102px;height:102px;border-radius:16px;background:#202023;display:flex;align-items:center;justify-content:center;padding:9px;border:1px solid var(--line)}.event-logo img{width:100%;height:100%;object-fit:contain}.event-title{flex:1;min-width:0}.event-head .eyebrow{margin-bottom:6px}.event-head h1{font-size:clamp(26px,4vw,46px);margin:0 0 8px;letter-spacing:-1px;line-height:1.25}#eventMeta{font-size:13px;color:var(--muted)}.board-toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:28px 0 24px}.board-toolbar h2{font:600 28px 'Barlow Condensed',sans-serif;margin:0 0 3px}.board-toolbar h2 span{font:12px system-ui;padding:3px 7px;border:1px solid var(--line);border-radius:30px;vertical-align:middle;color:var(--muted)}#published{color:var(--muted);font-size:11px}.actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.board-menu,.account-menu{position:relative}.board-menu summary{padding:10px 14px;border:1px solid var(--line);border-radius:8px;list-style:none}.menu{position:absolute;right:0;top:calc(100% + 10px);width:250px;display:grid;gap:5px;padding:10px;background:#202023;border:1px solid var(--line);box-shadow:0 16px 40px #2223;border-radius:12px;z-index:10}.menu button,.menu a{text-align:left;font-size:13px;border:0;padding:10px;text-decoration:none;border-radius:6px}.menu hr{width:100%;border:0;border-top:1px solid var(--line)}.card{display:grid;grid-template-columns:42px 1fr 38px 1fr;gap:16px;align-items:center;background:#202023;border:1px solid var(--line);border-radius:12px;padding:22px 24px;margin:12px 0}.card>b{font:600 30px 'Barlow Condensed';color:#b5b5bd}.card strong{display:block;font-size:21px;font-weight:600}.card>span{font:600 16px 'Barlow Condensed';color:#75757c}.card small{display:block;font-size:11px;color:var(--muted);margin-top:5px}.card .actions{grid-column:2/-1;padding-top:12px;border-top:1px solid #313136}.card .actions button{font-size:11px;padding:6px 10px;background:#252529}.card .actions [data-complete]{margin-right:auto;color:#dedee3;border-color:#57575f}.card.completed{background:#1b1b1d;color:#696970;border-color:#2a2a2e}.card.completed strong,.card.completed>b,.card.completed small{color:#75757d}.card.completed .actions button{color:#77777e;background:#202023;border-color:#303034}.fighter-library{margin:32px 0;padding:20px;border-top:1px solid var(--line)}.fighter-library summary{font-size:14px;margin-bottom:15px}.fighter{display:flex;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid var(--line)}.fighter>span{flex:1}.fighter small{display:block;color:var(--muted);font-size:12px}.fighter img{width:44px;height:54px;object-fit:contain}.empty{padding:50px 20px;text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:12px}#status{font-size:12px;color:var(--muted);padding:20px 0;white-space:pre-wrap}#status.error,#formError{color:#ff8b90}dialog{width:min(720px,92vw);max-height:90vh;overflow:auto;border:1px solid var(--line);border-radius:18px;padding:28px;background:var(--paper);color:var(--ink)}dialog::backdrop{background:#000a;backdrop-filter:blur(5px)}dialog h2{margin:0 0 24px}#fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}label{display:grid;gap:7px;font-size:13px}label small{font-size:11px;color:var(--muted)}#fields .wide{grid-column:1/-1}.logo-picker{display:flex;align-items:center;gap:20px;margin-bottom:8px}.logo-picker label{flex:1}.member{display:flex;justify-content:space-between;align-items:center;margin:10px 0}#form>.actions{justify-content:flex-end;margin-top:24px}#refreshForm{margin-right:auto;font-size:11px;padding:9px}.welcome #empty{margin-top:28px;color:var(--muted);font-size:13px;max-width:500px}[hidden]{display:none!important}@media(max-width:700px){header{padding:18px 20px;gap:12px}#identity{display:none}.account-menu{margin-left:auto}main{padding:0 20px}.welcome{padding-top:42px}.welcome-art{font-size:180px;right:0;top:70px;opacity:.6}.event-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.event-tile{min-height:200px;padding:15px}.tile-logo{height:100px}.event-tile strong{font-size:14px}.event-head{gap:14px;flex-wrap:wrap}.event-logo{height:75px;width:75px}.event-head>button{margin-left:auto;font-size:12px}.event-head h1{font-size:27px}.board-toolbar{align-items:flex-start;flex-direction:column}.board-toolbar>.actions{width:100%}.card{grid-template-columns:24px 1fr 20px 1fr;padding:16px 12px;gap:9px}.card strong{font-size:16px}.card>b{font-size:24px}.card .actions{grid-column:1/-1}.card .actions button{font-size:10px}.menu{right:0}#fields{grid-template-columns:1fr}.logo-picker{gap:12px}dialog{padding:20px}.fighter{font-size:13px}.fighter button{font-size:11px;padding:7px}.welcome h1{font-size:74px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

/* Shared FightOS theme; event selection is the landing task after sign-in. */
.welcome{min-height:calc(100vh - 150px);padding:80px 0 60px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.welcome .eyebrow{color:#6e6e76;margin:0 0 16px}.welcome h1{font:500 clamp(28px,4vw,48px)/1.4 'Noto Sans Thai',system-ui;letter-spacing:-1px;margin:0}.welcome h1 em{color:#ed333b}.welcome>p:not(.eyebrow){margin:12px 0 20px;font-size:14px}.welcome-art{display:none}.event-tiles{display:flex;justify-content:center;flex-wrap:wrap;gap:28px;max-width:1050px;margin:26px auto 0}.event-tile{width:175px;min-height:220px;padding:0;border:none;border-radius:0;background:transparent;box-shadow:none;text-align:center}.event-tile:hover{background:transparent;transform:none}.tile-logo{height:175px;width:175px;background:#232327;border:3px solid transparent;border-radius:9px;padding:16px;margin-bottom:14px;transition:border-color .15s}.event-tile:hover .tile-logo{border-color:#e6e6eb}.event-tile strong{font-weight:400;color:#a2a2aa;font-size:15px}.event-tile:hover strong{color:#fff}.event-tile small{display:none}.add-tile{justify-content:flex-start;gap:0;color:#82828a}.add-tile>span{height:175px;width:175px;display:flex;align-items:center;justify-content:center;font-size:70px;line-height:1;border-radius:9px;background:transparent;margin-bottom:14px}.add-tile:hover>span{background:#232327;color:#fff}.add-tile strong{font-size:15px}.event-logo{background:#232327}.event-logo img{filter:none}.primary,#submit{color:#fff}#access .button{margin-top:16px}.welcome #empty{margin:30px 0 0}.logo-picker{border-bottom:1px solid #303033;padding-bottom:20px}.menu{background:#202023}.completed [data-complete]{color:#a0a0a8!important}#status{text-align:center;font-size:11px}@media(max-width:700px){.welcome{padding:45px 0}.welcome h1{font-size:30px}.event-tiles{gap:20px}.event-tile{width:130px;min-height:180px}.tile-logo,.add-tile>span{width:130px;height:130px}.event-tile strong{font-size:13px}.add-tile>span{font-size:55px}}
/* One workboard, contextual controls; no separate data modes. */
.work-tabs{display:flex;gap:8px;align-items:center;margin:24px 0;flex-wrap:wrap}.work-tabs button{background:transparent;border-color:transparent;color:var(--muted)}.work-tabs button.active{border-bottom-color:var(--accent);color:white;border-radius:0}.view-mode{margin-left:auto;display:flex;align-items:center;font-size:11px;color:var(--muted)}.view-mode input{width:auto}.additional-tools{display:none}.advanced .additional-tools{display:block}.board-filters{display:flex;gap:12px;margin-bottom:20px}.board-filters select{width:160px}.bout-card{border:1px solid var(--line);background:#1b1b1f;border-radius:14px;margin:18px 0;overflow:visible}.bout-top{padding:14px 22px;display:flex;gap:16px;font-size:12px;color:var(--muted);border-bottom:1px solid var(--line)}.bout-top b{color:var(--ink)}.bout-top span:last-child{margin-left:auto}.bout-match{display:grid;grid-template-columns:1fr 50px 1fr;align-items:center;padding:20px;gap:20px}.card-person{display:grid;grid-template-columns:110px 1fr;align-items:center;gap:4px 18px;text-align:left;background:transparent;border:0;padding:0;min-width:0}.card-person .headshot{grid-row:1/4}.card-person strong{overflow-wrap:anywhere;font-size:22px}.card-person small,.production-grid small{color:var(--muted);font-size:11px}.card-person:hover{background:#ffffff04}.headshot{height:140px;overflow:hidden;border-radius:8px;background:#25252b}.headshot img{width:100%;height:100%;object-fit:contain}.no-photo{display:grid;place-items:center;font-size:10px;color:#8b8b95}.vs{text-align:center;font:600 20px 'Barlow Condensed';color:#62626c}.bout-actions{display:flex;justify-content:flex-end;gap:12px;border-top:1px solid var(--line);padding:12px 20px}.bout-actions button,.bout-actions summary{font-size:12px}.bout-card.red{border-left:4px solid #e52d35}.bout-card.blue{border-left:4px solid #387ee6}.red .winner{color:#ff777e}.blue .winner{color:#8bb7ff}.winner-label{font-size:12px}.bout-card.neutral,.bout-card.pending{background:#161619}.neutral .headshot,.pending .headshot{filter:grayscale(1);opacity:.6}.neutral .card-person,.pending .card-person{color:#9797a2}.result-fighters{display:grid;grid-template-columns:1fr 1fr;gap:20px;text-align:center}.result-fighters .headshot{height:180px;margin-bottom:10px}.profile-preview{max-width:200px;margin:auto;width:100%}.profile-preview .headshot{height:230px}.production-grid,.output-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:18px;margin:24px 0}.production-grid button{display:grid;gap:12px}.production-grid .headshot{height:180px}.output-grid button{text-align:left;display:grid;gap:12px;padding:24px}.output-grid small,.section-head p,.hint{font-size:12px;color:var(--muted)}.mapping-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.import-diff>div{border-bottom:1px solid var(--line);padding:14px 0}.import-diff p{font-size:12px;overflow-wrap:anywhere;margin:5px 0}.issue{color:#ff8b90}#fields p{overflow-wrap:anywhere}.bout-card .menu{z-index:20}.section-head h2{margin-bottom:5px}@media(max-width:800px){.card-person{grid-template-columns:1fr;text-align:center}.card-person .headshot{grid-row:auto;height:160px}.card-person strong{font-size:18px}.bout-match{gap:10px;grid-template-columns:1fr 25px 1fr;padding:15px}.bout-top{padding:12px;gap:8px;font-size:10px}.view-mode{width:100%;margin-left:0}.mapping-grid{grid-template-columns:1fr}}@media(max-width:430px){.card-person .headshot{height:125px}.card-person strong{font-size:15px}.work-tabs button{padding:8px}.bout-actions{padding:10px}.board-filters{gap:8px}.board-filters select{width:125px}}
#cards>header{display:none}.mini-card{background:#1b1b1f;border:1px solid var(--line);padding:20px;border-radius:14px;margin:16px 0}.bout-meta{display:flex;gap:15px;font-size:12px;color:var(--muted)}.bout-meta .state{margin-left:auto}.match{display:grid;grid-template-columns:1fr 35px 1fr;align-items:center;gap:15px;margin-top:16px}.person strong,.person small{display:block;margin-top:6px}.person strong{font-size:20px}.person small{font-size:11px;color:var(--muted)}.person:last-child{text-align:right}.mini-card.red{border-left:4px solid #e52d35}.mini-card.blue{border-left:4px solid #387ee6}.mini-card.completed .headshot{filter:grayscale(1);opacity:.6}.mini-card .headshot{height:170px}@media(max-width:430px){.mini-card{padding:14px}.person strong{font-size:16px}.mini-card .headshot{height:130px}}
.form-details{border-top:1px solid var(--line);padding-top:12px}.form-details summary{color:#b1b1ba;font-size:13px;margin-bottom:12px}.match{align-items:start}.match>.vs{align-self:center}
/* Operator restoration: visible identity cards and touch-first actions. */
body{font-size:16px}button,.button,input,select,summary{min-height:44px}label,.menu button,.menu a,.bout-actions button,.bout-actions summary,.view-mode,.hint,.section-head p{font-size:14px}#published,#eventMeta,#status{font-size:13px}.board-toolbar>.actions{gap:10px}.bout-match{grid-template-columns:minmax(0,1fr) 100px minmax(0,1fr);gap:18px;align-items:stretch}.identity-card{min-width:0;background:#222226;border:1px solid #3a3a41;border-radius:12px;overflow:hidden}.identity-heading{font-size:14px;padding:9px 14px;background:#29292e;border-bottom:1px solid #3a3a41}.corner-red .identity-heading{border-left:4px solid #e52d35}.corner-blue .identity-heading{border-left:4px solid #448eee}.identity-body{display:grid;grid-template-columns:105px minmax(0,1fr);gap:14px;padding:14px}.identity-photo{padding:0;border:0;min-width:0;background:none}.identity-photo .headshot{height:130px}.identity-copy{display:flex;flex-direction:column;justify-content:center;gap:7px;min-width:0}.identity-copy strong{font-size:22px;overflow-wrap:anywhere}.identity-copy span,.identity-copy small{font-size:14px;color:#b7b7c0;overflow-wrap:anywhere}.identity-actions{display:flex;gap:8px;flex-wrap:wrap;border-top:1px solid #3a3a41;padding:10px}.identity-actions button{font-size:14px;flex:1;padding:9px}.bout-center{display:flex;flex-direction:column;gap:16px;justify-content:center}.bout-center button{font-size:14px;padding:10px 5px}.quick-winners{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:0 20px 18px}.win-button{font-weight:600;font-size:16px;overflow-wrap:anywhere;min-width:0;min-height:48px}.win-button.corner-red{background:#65272e;border-color:#c7515a}.win-button.corner-blue{background:#213e64;border-color:#4c86d1}.bout-top{font-size:14px;flex-wrap:wrap}.bout-actions{flex-wrap:wrap;justify-content:flex-start}.starter-card{border-style:dashed}.starter-card .bout-match{grid-template-columns:minmax(0,1fr) 40px minmax(0,1fr)}.starter-footer{display:flex;align-items:center;flex-wrap:wrap;gap:14px;padding:16px 20px;border-top:1px solid var(--line)}.starter-footer>span{margin-right:auto;font-size:14px;color:#b7b7c0}.bout-extra{padding:12px 20px;font-size:14px}.picker-list{display:grid;gap:10px;max-height:50vh;overflow:auto}.picker-list button{display:flex;align-items:center;gap:14px;text-align:left}.picker-list .headshot{height:70px;width:60px;flex-shrink:0}.picker-list strong,.picker-list small{display:block}.picker-list small{font-size:14px;color:#b7b7c0}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.choice{position:relative;min-width:0}.choice input{position:absolute;width:20px;height:20px;min-height:0;left:12px;top:50%;transform:translateY(-50%);margin:0;accent-color:#f04c54}.choice span{border:1px solid #4c4c56;background:#24242a;border-radius:9px;padding:13px 12px 13px 41px;min-height:50px;overflow-wrap:anywhere}.choice input:checked+span{border-color:#ed4c54;background:#43232a;color:#fff}.choice:focus-within span{outline:2px solid #f87c82}.result-step{border-bottom:1px solid var(--line);padding-bottom:18px}.result-step h3{margin:0 0 12px}.result-step details{margin-top:12px}.fighter-dialog{width:min(960px,96vw)}.fighter-dialog #fields{grid-template-columns:260px minmax(0,1fr);align-items:start;gap:24px}.portrait-panel{padding:16px;background:#222226;border:1px solid #3a3a41;border-radius:12px;display:grid;gap:16px}.profile-preview{max-width:none}.profile-preview .headshot{height:280px}.identity-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.identity-fields datalist{display:none}#form>.actions{position:sticky;bottom:-28px;background:var(--paper);padding:14px 0;border-top:1px solid var(--line);z-index:5}.ae-workflow{border:1px solid #48484e;border-top:3px solid var(--accent);border-radius:12px;padding:24px;margin:24px 0}.ae-workflow .eyebrow{margin-bottom:8px}.ae-workflow h2{margin:8px 0}.ae-workflow details{margin-top:22px}.no-photo{font-size:14px;text-align:center}.board-menu .menu{max-width:calc(100vw - 40px)}
@media(max-width:800px){.bout-match{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;padding:12px}.bout-center{grid-column:1/-1;grid-row:2;flex-direction:row;align-items:center;gap:12px}.bout-center button{padding:10px 20px}.identity-body{grid-template-columns:1fr;gap:10px;padding:10px}.identity-photo .headshot{height:145px}.identity-copy strong{font-size:18px}.identity-copy{text-align:left}.identity-actions{display:grid;grid-template-columns:1fr;padding:8px}.identity-heading{padding:9px;font-size:14px}.starter-card .bout-match{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.starter-card .bout-match>.vs{display:none}.quick-winners{gap:12px;padding:0 12px 14px}.bout-top{font-size:14px;padding:12px}.bout-top span:last-child{margin-left:0;width:100%}.fighter-dialog #fields{grid-template-columns:1fr}.portrait-panel{grid-template-columns:minmax(100px,1fr) minmax(0,1fr);padding:12px}.portrait-panel .profile-preview{grid-row:1/4}.portrait-panel .profile-preview .headshot{height:210px}.portrait-panel details{grid-column:1/-1}.identity-fields{grid-template-columns:1fr 1fr}.ae-workflow{padding:18px}.board-toolbar>.actions{display:grid;grid-template-columns:1fr 1fr}.board-toolbar>.actions>button{padding:10px}.work-tabs{gap:0}.work-tabs button{font-size:14px;padding:10px}.work-tabs .view-mode{margin-top:12px}.board-filters input{min-width:0}.bout-actions .board-menu{margin-left:auto}.bout-actions .menu{right:0}.choice-grid{gap:8px}dialog{max-height:94dvh;width:96vw;padding:18px}#form>.actions{bottom:-18px}.starter-footer button{width:100%}}
@media(max-width:380px){main{padding:0 12px}.identity-copy strong{font-size:16px}.identity-fields{grid-template-columns:1fr}.identity-photo .headshot{height:125px}.quick-winners .win-button{font-size:14px}.portrait-panel{grid-template-columns:1fr}.portrait-panel .profile-preview{grid-row:auto}.portrait-panel .profile-preview .headshot{height:200px}}
@media(min-width:381px) and (max-width:800px){#fields .portrait-panel .profile-preview{grid-column:1;grid-row:1/4}#fields .portrait-panel{grid-template-columns:110px minmax(0,1fr)}.portrait-panel .profile-preview .headshot{height:180px}.portrait-panel input[type=file]{font-size:12px;padding:8px;max-width:100%}}
@media(max-width:700px){header{padding:12px 20px}.back{margin:14px 0}.event-head{padding:0 0 16px;gap:12px}.event-head .eyebrow{display:none}.event-head h1{font-size:23px}.event-logo{width:56px;height:56px;border-radius:10px}.event-head>button{padding:8px 12px}.work-tabs{margin:14px 0}.board-toolbar{margin:14px 0;gap:12px}.board-toolbar h2{font-size:24px}.board-toolbar>.actions{gap:8px}.board-filters{margin-bottom:12px}.ae-workflow .actions>*{width:100%}}
.corner-black .identity-heading{border-left:5px solid #050506;background:#19191c}.corner-white .identity-heading{border-left:5px solid #f5f5f5}.win-button.corner-black{background:#050506;border-color:#777783;color:#fff}.win-button.corner-white{background:#eee;border-color:#fff;color:#111}.bout-card.black,.mini-card.black{border-left:6px solid #050506;box-shadow:inset 0 0 0 1px #676773}.bout-card.white,.mini-card.white{border-left:6px solid #f5f5f5}.black .winner-label{background:#050506;color:white;padding:6px}.white .winner-label{background:#eee;color:#111;padding:6px}.view-mode{display:flex;width:auto;gap:0;border:1px solid #414149;border-radius:9px;padding:3px}.work-tabs .view-mode button{font-size:14px;padding:8px 14px;border-radius:6px;min-height:44px}.work-tabs .view-mode button[aria-pressed=true]{background:#484850;color:#fff;border-color:#666670}.advanced .simple-mode-note{display:none}.simple-mode-note{color:#b7b7c0;font-size:14px}.corner-settings>label{margin:12px 0 8px}.corner-settings .choice input[value=RED]+span{border-left:5px solid #e52d35}.corner-settings .choice input[value=BLUE]+span{border-left:5px solid #448eee}.corner-settings .choice input[value=BLACK]+span{border-left:5px solid #050506}.corner-settings .choice input[value=WHITE]+span{border-left:5px solid #f5f5f5}.corner-settings .choice input{left:14px}
.mobile-dock{display:none}.mobile-action-list{display:grid;gap:12px}.mobile-action-list button{text-align:left;min-height:48px}
@media(max-width:700px){main{padding-bottom:90px}.board-toolbar>.actions{display:none}.board-toolbar h2{display:none}.board-toolbar{margin:4px 0 12px}.board-toolbar #published{display:block;font-size:12px}.mobile-dock{position:fixed;bottom:0;left:0;right:0;display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;padding:10px 14px max(10px,env(safe-area-inset-bottom));background:#151517;border-top:1px solid #4c4c54;z-index:30}.mobile-dock button{font-size:14px;padding:10px 6px;min-height:48px}.work-tabs{gap:4px;justify-content:space-between}.work-tabs .view-mode{margin-top:0;margin-left:auto;width:auto}.work-tabs .view-mode button{padding:8px 10px}.work-tabs>button{padding:8px}.work-tabs .view-mode{border-radius:8px}body:not(.advanced) [data-tab=production]{display:none}.event-head{display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:10px}.event-logo{width:46px;height:46px}.event-head h1{font-size:20px;line-height:1.3;margin:0 0 4px}.event-head>button{margin:0;font-size:12px;padding:8px}.event-head .event-title{min-width:0}#eventMeta{font-size:12px}.back{margin:6px 0 10px;min-height:44px}.board-filters{margin-bottom:8px}.bout-card{margin-top:10px}.board-filters input{font-size:14px}.board-filters select{font-size:14px}}
@media(max-width:700px){body.in-event header .wordmark{visibility:hidden}body.in-event #backWelcome{position:absolute;top:10px;left:20px;margin:0;z-index:2}body.in-event .event-head{padding-top:14px}body.in-event .work-tabs{margin:10px 0}body.in-event header{min-height:64px}}

/* Excel uses the existing dark workboard palette in both modes. */
.excel-workflow{padding:20px 0;margin:12px 0 24px;border-bottom:1px solid #303033}.excel-workflow p{color:#a2a2aa}.excel-workflow .actions{flex-wrap:wrap}#columnMap details{margin:16px 0}#columnMap summary{min-height:44px;cursor:pointer}#columnMap p{overflow-wrap:anywhere}

/* Terminal neutral outcomes remain visibly distinct in the private reader. */
.mini-card.completed{background:#19191c;border-color:#303034;color:#898991}.mini-card.completed .person strong,.mini-card.completed .bout-meta b,.mini-card.completed .state{color:#898991}.mini-card.red .winner{color:#ff747b}.mini-card.blue .winner{color:#7eafff}

/* Named rules first; numeric controls appear only for a custom bout. */
.rules-picker{border-top:1px solid #303033;padding-top:16px}.rules-picker h3{margin:0 0 8px}.rules-picker .choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.rules-picker .choice{min-height:52px}.rules-summary{color:#c4c4cc;font-size:14px;line-height:1.6;padding:12px;background:#202024;border-radius:10px}.rules-picker [hidden]{display:none!important}.rules-picker .form-details{margin-top:12px}.bout-actions [data-rules]{font-size:13px;white-space:normal;min-height:44px}

/* Welcome-only narrative layer. Team controls, corners and permission behavior stay unchanged. */
#access.welcome-public{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);gap:clamp(32px,7vw,100px);text-align:left;align-items:center;min-height:calc(100svh - 140px);padding:60px 0;max-width:1200px;margin:auto}
#access .welcome-public-copy{max-width:690px}#access .eyebrow{font-size:11px;letter-spacing:.15em;color:#aaa}
#access .welcome-stage{display:inline-block;border-left:2px solid #cfff2e;padding-left:10px;color:#b5b5bd;font-size:11px;margin:6px 0 24px}
#access h1{font-size:clamp(38px,5vw,66px);font-weight:600;line-height:1.35;margin:0 0 24px;letter-spacing:-.03em}#access h1 em{font-style:normal;color:#f0464d}
#access .welcome-lead{font-size:clamp(16px,1.6vw,20px);line-height:1.9;color:#b8b8c0;margin:0 0 26px}
#access .welcome-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}#access .button{margin:0;min-height:48px;display:inline-flex;align-items:center;border-radius:4px;transition:transform .25s,background .25s}
#access .welcome-about{font-size:13px;text-underline-offset:6px}#access .welcome-access-note{font-size:12px;line-height:1.9;color:#92929b;max-width:520px;margin-top:24px}
#access .welcome-flow{width:100%;scroll-margin-top:40px}#access .welcome-flow article{display:flex;gap:22px;align-items:flex-start;border-top:1px solid #303033;padding:26px 0;transition:padding-left .3s,border-color .3s}
#access .welcome-flow article>span{font:600 13px Arial,sans-serif;color:#f0464d;padding-top:7px}#access .welcome-flow h2{font-size:20px;font-weight:500;margin:0 0 8px}#access .welcome-flow p{font-size:13px;line-height:1.85;color:#9e9ea8;margin:0}
#access .welcome-maker{display:inline-block;font:11px Arial,sans-serif;color:#b5b5bd;letter-spacing:.07em;text-underline-offset:5px;margin-top:20px}
#access noscript{grid-column:1/-1;font-size:13px;color:#aaa}body:has(#access:not([hidden])) .account-menu{display:none}
#access .welcome-public-copy{animation:welcome-arrive .7s ease both}#access .welcome-flow{animation:welcome-arrive .7s ease .12s both}
@keyframes welcome-arrive{from{opacity:.2;transform:translateY(18px)}to{opacity:1;transform:none}}
@media(hover:hover){#access .welcome-flow article:hover{padding-left:8px;border-color:#f0464d}#access .button:hover{transform:translateY(-3px)}}
@media(max-width:800px){#access.welcome-public{grid-template-columns:1fr;gap:40px;padding:36px 0;min-height:0}#access .welcome-flow{max-width:620px}#access h1{font-size:42px}#access .welcome-actions{gap:18px}}
@media(prefers-reduced-motion:reduce){#access .welcome-public-copy,#access .welcome-flow{animation:none}#access .welcome-flow article,#access .button{transition:none}#access .button:hover{transform:none}}

/* Optional local Broadcast output. Same-origin UI, explicit receiver connection. */
.broadcast-section{margin-top:24px}.broadcast-launch{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:23px;border:1px solid var(--line);border-left:4px solid var(--accent);background:#17171b}.broadcast-launch h2{margin-bottom:8px}.broadcast-launch p{font-size:12px;color:var(--muted);margin:0}.broadcast-launch .eyebrow{margin-bottom:8px}.broadcast-launch .actions{display:flex;flex-wrap:wrap;max-width:520px;gap:9px}.broadcast-launch a{font-size:11px;align-self:center;padding:8px}#broadcastStatus{font-size:12px;min-height:22px;margin:15px 0 8px;color:#c3b7a4}#broadcastStatus.error{color:#ff9a91}#broadcastFrame{width:100%;height:1180px;border:1px solid var(--line);background:#101012;margin-top:18px;display:block}.broadcast-section>.hint{line-height:1.8}@media(max-width:800px){.broadcast-launch{flex-direction:column;align-items:stretch;padding:17px}.broadcast-launch .actions{max-width:none}.broadcast-launch button{flex:1;font-size:12px}#broadcastFrame{height:1680px}}@media(max-width:430px){#broadcastFrame{height:2000px}.broadcast-launch .actions{flex-direction:column}.broadcast-launch button{min-height:44px}.broadcast-launch a{text-align:center}}

/* Broadcast occupies the remaining window, not an oversized scrolling iframe. */
body.broadcast-workspace{height:100dvh;overflow:hidden;display:flex;flex-direction:column}
body.broadcast-workspace>header{flex:none;min-height:44px;padding:6px 16px;gap:12px}
body.broadcast-workspace>header .wordmark{font-size:24px;visibility:visible}
body.broadcast-workspace>header #identity{font-size:12px}
body.broadcast-workspace>main{flex:1;min-height:0;display:flex;flex-direction:column;max-width:none;width:100%;padding:0 16px 8px}
body.broadcast-workspace #workspace,body.broadcast-workspace #eventArea{flex:1;min-height:0;display:flex;flex-direction:column}
body.broadcast-workspace #backWelcome{position:static;align-self:flex-start;min-height:28px;margin:0;padding:3px 0;font-size:14px}
body.broadcast-workspace .event-head{flex:none;display:flex;align-items:center;gap:10px;padding:4px 0;border:0}
body.broadcast-workspace .event-head .event-logo{width:36px;height:36px;flex-shrink:0}
body.broadcast-workspace .event-head .event-title{min-width:0;flex:1}
body.broadcast-workspace .event-head h1{font-size:20px;line-height:1.3;margin:0}
body.broadcast-workspace .event-head .eyebrow,body.broadcast-workspace #eventMeta{display:none}
body.broadcast-workspace .event-head>button{font-size:14px;min-height:36px;padding:5px 10px}
body.broadcast-workspace .work-tabs{flex:none;margin:4px 0;gap:8px;min-height:40px;align-items:center}
body.broadcast-workspace .work-tabs button{font-size:14px;padding:6px 12px;min-height:36px}
body.broadcast-workspace .work-tabs .view-mode{margin:0 0 0 auto}
body.broadcast-workspace #broadcast{flex:1;min-height:0;display:flex;flex-direction:column;margin:0}
body.broadcast-workspace .broadcast-launch{flex:none;border:0;border-bottom:1px solid var(--line);padding:4px 0;gap:8px;flex-direction:row;align-items:center}
body.broadcast-workspace .broadcast-launch>div:first-child{display:none}
body.broadcast-workspace .broadcast-launch .actions{max-width:none;width:100%;justify-content:flex-end;gap:8px;flex-direction:row}
body.broadcast-workspace .broadcast-launch button,body.broadcast-workspace .broadcast-launch summary{font-size:14px;padding:6px 10px;min-height:36px}
body.broadcast-workspace #broadcastStatus{flex:none;margin:4px 0;min-height:0;font-size:13px;line-height:1.4;max-height:3em;overflow:auto}
body.broadcast-workspace #broadcastFrame{flex:1;min-height:0;height:0;width:100%;margin:0}
body.broadcast-workspace #status{flex:none;font-size:13px;margin:0;padding:3px 0;max-height:3em;overflow:auto}
body.broadcast-workspace .board-menu .menu{max-height:55dvh;overflow:auto;z-index:50}
@media(max-width:700px){body.broadcast-workspace>main{padding:0 8px 6px}body.broadcast-workspace .event-head h1{font-size:16px}body.broadcast-workspace .event-head>button{font-size:12px}body.broadcast-workspace .work-tabs{gap:0;flex-wrap:wrap}body.broadcast-workspace .work-tabs button{padding:5px 7px;font-size:13px}body.broadcast-workspace #identity{max-width:45vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}
body.broadcast-workspace #status:not(.error){display:none}
body.broadcast-workspace #broadcastStatus{font-size:14px;max-height:none;overflow:visible;padding:6px 0;margin:0;line-height:1.5}
#broadcastRecovery,#broadcastDataHelp{flex:none;font-size:14px;line-height:1.6;padding:10px 14px;background:#241c18;border-left:3px solid #e8ae71;margin-bottom:8px}
#broadcastRecovery{max-height:30dvh;overflow:auto}#broadcastRecovery p{margin:0}#broadcastRecovery ol{margin:5px 0;padding-left:22px}#broadcastRecovery a{text-decoration:underline}#broadcastDataHelp button{font-size:14px;padding:5px 10px}
#broadcastConnect{min-width:170px}#broadcastConnect[aria-busy="true"]{opacity:1;color:#e8ae71}

/* Keep entry feedback beside the action, including on mobile. */
#access .access-message{font-size:16px;line-height:1.6;color:#d6d6dc;margin:24px 0 0;min-height:26px}#access .access-message.error{color:#ff8b90}#access[aria-busy="true"] .access-message::before{content:"";display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--accent);margin-right:10px}

/* Onboarding remains secondary to sign-in and event selection. */
.welcome-guide,.event-guide{width:100%;max-width:780px;margin:24px auto 0;text-align:left;border-top:1px solid var(--line);padding:16px 0;font-size:1rem;line-height:1.9;color:#b8b8c0}
.welcome-guide summary,.event-guide summary{font-size:.875rem;color:var(--ink)}
.welcome-guide ol{padding-left:1.5rem}.welcome-guide li{margin:.6rem 0}.welcome-guide p,.event-guide p{margin:1rem 0}
.event-guide{max-width:none;margin:12px 0}
#access .welcome-access-note,#access .welcome-flow p{font-size:1rem}#access .welcome-stage{font-size:.875rem}