/* Chicago v2.6 visual layer. The production wizard and APIs remain the source of behavior. */
body.chicago-theme {
  --ch-bg:#07101f;
  --ch-panel:#0b1b30;
  --ch-line:#315578;
  --ch-blue:#168ef0;
  --ch-light:#77c9ff;
  --ch-muted:#b4c3d6;
  background:radial-gradient(ellipse at 88% 14%,#134a802b,transparent 45%),radial-gradient(ellipse at 8% 73%,#075d9933,transparent 44%),linear-gradient(155deg,#071426,#030914 72%);
  color:#f4f8ff;
  min-height:100dvh;
  isolation:isolate;
}
body.chicago-theme::before,body.chicago-theme::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1}
body.chicago-theme::before{background:linear-gradient(132deg,transparent 17%,#176bb31a 18%,#168ffa45 18.4%,transparent 19.2%,transparent 58%,#116bce36 59%,#459fdf24 59.5%,transparent 61%),linear-gradient(132deg,transparent 77%,#115aa938 78%,transparent 80%);filter:blur(1px)}
body.chicago-theme::after{background:radial-gradient(ellipse at 93% 36%,#247ac12b,transparent 29%),radial-gradient(ellipse at 15% 94%,#1d65b529,transparent 27%);filter:blur(22px)}
body.chicago-theme .app-shell{position:relative;z-index:1}
body.chicago-theme :is(button,a,input):focus-visible{outline:3px solid #8ed1ff;outline-offset:3px}
body.chicago-theme .chicago-eyebrow{color:var(--ch-light);font-size:11px;text-transform:uppercase;letter-spacing:1.8px;font-weight:700;margin:0 0 8px}
body.chicago-theme .chicago-subtitle{color:var(--ch-muted);font-size:15px;line-height:1.5;margin:0 0 24px}

/* The public start uses the exact approved demo artwork and its real HTML controls. */
body.chicago-theme[data-chicago-view="home"][data-chicago-home="public"] .app-shell{
  width:min(100%,520px);padding:0 0 max(28px,env(safe-area-inset-bottom));overflow:hidden;
  background-color:#03142b;
  background-image:repeating-linear-gradient(132deg,transparent 0 94px,#1573e76b 95px 99px,#06347180 100px 105px,transparent 106px 185px),linear-gradient(180deg,#03142b00 30%,#03142bda 58%,#03142be0 100%),url("assets/chicago-anime-hero.jpg");
  background-size:auto,auto,100% auto;background-repeat:no-repeat;background-position:center,center,center top;
}
body.chicago-theme[data-chicago-view="home"][data-chicago-home="public"] #appHeader{display:none!important}
body.chicago-theme[data-chicago-view="home"][data-chicago-home="public"] #setup{padding:0!important;margin:0;border:0;border-radius:0;background:none;box-shadow:none}
body.chicago-theme #publicWelcome .anime-hero{height:clamp(324px,90vw,468px);position:relative;overflow:hidden}
body.chicago-theme #publicWelcome .anime-hero>img{position:absolute;display:block;width:100%;height:auto;top:clamp(-74px,-14vw,-45px);left:8%}
body.chicago-theme #publicWelcome .anime-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#03142b 12%,#03142b99 42%,transparent 74%),linear-gradient(0deg,#03142b,transparent 26%);pointer-events:none}
body.chicago-theme #publicWelcome .anime-hero-copy{position:relative;z-index:1;padding:clamp(22px,6vw,32px) 20px 0}
body.chicago-theme #publicWelcome .anime-brand{display:flex;align-items:center;gap:4px;font-size:clamp(30px,8.5vw,44px);font-style:italic;font-weight:900;letter-spacing:-1.3px;line-height:1}
body.chicago-theme #publicWelcome .anime-brand svg{width:36px;height:36px;flex:none}
body.chicago-theme #publicWelcome .anime-tagline{font-size:clamp(7px,2vw,10px);letter-spacing:2.6px;color:#61c9ef;margin:9px 0 20px;font-weight:700}
body.chicago-theme #publicWelcome .anime-hero h1{font-size:clamp(31px,8.5vw,44px);line-height:1.03;font-style:italic;letter-spacing:-.8px;margin:0;font-weight:900;text-shadow:0 2px 6px #00132b80}
body.chicago-theme #publicWelcome .anime-hero h1 span{color:#31bdfb}
body.chicago-theme #publicWelcome .anime-hero h1 small{font-size:.74em}
body.chicago-theme #publicWelcome .anime-intro{font-size:clamp(11px,3vw,15px);line-height:1.4;margin:12px 0 0;color:#e5edf6;text-shadow:0 1px 3px #00132b}
body.chicago-theme #publicWelcome .anime-handwritten{font-family:"Segoe Print","Bradley Hand",cursive;font-size:clamp(21px,5.7vw,29px);font-style:italic;line-height:1.08;transform:rotate(-9deg);transform-origin:left center;color:#6ac8ff;margin:16px 0 0;width:max-content;border-bottom:2px solid #6ac8ff;padding-bottom:4px}
body.chicago-theme #publicWelcome .anime-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:0 17px}
body.chicago-theme #publicWelcome .anime-actions button{min-height:48px;border-radius:12px;font-size:16px;font-weight:750;padding:9px 10px;display:flex;align-items:center;justify-content:center;gap:12px;color:#fff}
body.chicago-theme #publicWelcome .anime-actions button span{font-size:28px;line-height:1;font-weight:400}
body.chicago-theme #rankingEntry{border:1px solid #87dfff;background:linear-gradient(#48c3ff,#129cee);box-shadow:0 0 22px #1484ee40,inset 0 1px 0 #ddf5ff80;color:#00182e!important}
body.chicago-theme #registerEntry{border:1px solid #66b9d7;background:linear-gradient(#06233ce0,#031326e8);box-shadow:inset 0 1px 0 #ffffff0a}
body.chicago-theme #leaderboardPreview:not([hidden]){display:block!important}
body.chicago-theme[data-chicago-view="home"][data-chicago-home="public"] #leaderboardPreview{margin:15px 12px 0;padding:12px 15px 4px;border:1px solid #4c9dc3;border-radius:16px;background:linear-gradient(120deg,#031124ed,#031b35ed);box-shadow:0 12px 32px #0003}
body.chicago-theme #leaderboardPreview .preview-heading{margin-bottom:7px;align-items:center}
body.chicago-theme #leaderboardPreview .preview-heading h2{font-size:clamp(17px,4.5vw,23px);line-height:1.15;font-style:italic;font-weight:850;letter-spacing:-.4px;margin:0;white-space:nowrap}
body.chicago-theme #leaderboardPreview .preview-heading>span{font-size:clamp(8px,2.2vw,11.5px);color:#77c1ed;text-align:right;white-space:nowrap}
body.chicago-theme #leaderboardPreview .preview-column-head{display:grid;grid-template-columns:36px minmax(0,1fr) 78px;color:#a9bbd5;font-size:11px;padding:7px 0 10px}
body.chicago-theme #leaderboardPreview .preview-column-head span:last-child{text-align:right}
body.chicago-theme #leaderboardPreview .preview-row,
body.chicago-theme #leaderboardPreview .preview-row:is(.rank-1,.rank-2,.rank-3){
  display:grid;grid-template-columns:36px minmax(0,1fr) 78px;align-items:center;gap:0;
  min-height:42px;padding:7px 0;margin:0;border:0;border-top:1px solid #799cc94a;border-radius:0;background:none;
  font-size:14px;line-height:1.4;
}
body.chicago-theme #leaderboardPreview .preview-row>span:nth-child(2){font-weight:650}
body.chicago-theme #leaderboardPreview .preview-row strong{font-variant-numeric:tabular-nums;text-align:right;font-weight:750;color:#edf5ff;white-space:nowrap}
body.chicago-theme #leaderboardPreview .rank-medal,body.chicago-theme #leaderboardPreview .rank-number{display:grid;place-items:center;width:27px;height:27px;font-size:14px;font-weight:800;line-height:1;border-radius:50%;background:none;color:#bed1ea}
body.chicago-theme #leaderboardPreview .rank-1 .rank-medal{background:#efc45f;color:#1b2531}
body.chicago-theme #leaderboardPreview .rank-2 .rank-medal{background:#c7d7e9;color:#1b2531}
body.chicago-theme #leaderboardPreview .rank-3 .rank-medal{background:#c99870;color:#1b2531}
body.chicago-theme #leaderboardPreview .rank-1 strong,body.chicago-theme #leaderboardPreview .rank-2 strong,body.chicago-theme #leaderboardPreview .rank-3 strong{color:#edf5ff}
body.chicago-theme #publicHelp{display:none}
body.chicago-theme[data-chicago-view="home"][data-chicago-home="public"] #publicHelp{display:block;margin:11px 20px 0;color:#8cccf5;font-size:13px;text-decoration:none}

/* Shared demo shell for the first four authenticated views. */
body.chicago-theme[data-chicago-view="auth"] .app-shell,
body.chicago-theme[data-chicago-view="home"][data-chicago-home="personal"] .app-shell,
body.chicago-theme[data-chicago-view="players"] .app-shell,
body.chicago-theme[data-chicago-view="leaderboard"] .app-shell{width:min(100%,540px);padding:max(18px,env(safe-area-inset-top)) 20px max(26px,env(safe-area-inset-bottom))}
body.chicago-theme[data-chicago-view="auth"] #setup,
body.chicago-theme[data-chicago-view="home"][data-chicago-home="personal"] #setup,
body.chicago-theme[data-chicago-view="players"] #setup{padding:0!important;border:0;background:none;box-shadow:none}
body.chicago-theme:is([data-chicago-view="auth"],[data-chicago-view="players"],[data-chicago-view="leaderboard"]) .demo-header-main,
body.chicago-theme[data-chicago-view="home"][data-chicago-home="personal"] .demo-header-main{justify-content:space-between}
body.chicago-theme:is([data-chicago-view="auth"],[data-chicago-view="players"],[data-chicago-view="leaderboard"]) #appHeader,
body.chicago-theme[data-chicago-view="home"][data-chicago-home="personal"] #appHeader{border:0;background:none;box-shadow:none;padding:0!important;margin-bottom:25px}
body.chicago-theme:is([data-chicago-view="auth"],[data-chicago-view="players"],[data-chicago-view="leaderboard"]) #appHome,
body.chicago-theme[data-chicago-view="home"][data-chicago-home="personal"] #appHome{font-size:27px;font-style:italic;letter-spacing:-1px;color:#f4f8ff}
body.chicago-theme:is([data-chicago-view="auth"],[data-chicago-view="players"],[data-chicago-view="leaderboard"]) #sessionBar,
body.chicago-theme[data-chicago-view="home"][data-chicago-home="personal"] #sessionBar{display:none!important}
body.chicago-theme:is([data-chicago-view="auth"],[data-chicago-view="players"],[data-chicago-view="leaderboard"]) #menuToggle,
body.chicago-theme[data-chicago-view="home"][data-chicago-home="personal"] #menuToggle{min-width:44px;min-height:44px;border:1px solid var(--ch-line);border-radius:13px;background:#0b1d32ba;color:#d2eaff}
body.chicago-theme[data-chicago-view="auth"] #wizardNav{margin:0 0 22px}
body.chicago-theme[data-chicago-view="auth"] #authStep h2{font-size:34px;line-height:1.14;letter-spacing:-1px;margin:0 0 10px}
body.chicago-theme[data-chicago-view="auth"] #authDestinationHint{color:var(--ch-muted);font-size:15px;line-height:1.5;margin:0 0 25px}
body.chicago-theme[data-chicago-view="auth"] #loginForm{padding:25px 22px!important;border:1px solid var(--ch-line)!important;border-radius:20px!important;background:linear-gradient(145deg,#122941d9,#0b1b30e8)!important;box-shadow:0 14px 42px #0003}
body.chicago-theme[data-chicago-view="auth"] #loginForm h3,
body.chicago-theme[data-chicago-view="auth"] #loginForm>p.hint{display:none}
body.chicago-theme[data-chicago-view="auth"] #loginForm label{display:block;color:#dfe9f5;font-size:14px;font-weight:600;margin:0 0 20px}
body.chicago-theme[data-chicago-view="auth"] #loginForm input{display:block;width:100%;min-height:52px;margin:9px 0 0;padding:12px 14px;border:1px solid #3a5b7d;border-radius:12px;background:#061426;color:#fff;font-size:16px}
body.chicago-theme[data-chicago-view="auth"] #loginForm button[type="submit"]{min-height:50px;margin:8px 0 0;border:1px solid #6bbcff;border-radius:13px;background:linear-gradient(#159bf4,#076acb);box-shadow:0 0 20px #117ed62b,inset 0 1px 0 #a9e1ff3d;color:#fff}
body.chicago-theme[data-chicago-view="auth"] #forgotPin{display:block;margin:10px auto 0;text-decoration:none;color:#9cd6ff}
body.chicago-theme[data-chicago-view="auth"] #registrationDetails,
body.chicago-theme[data-chicago-view="auth"] #resendDetails{max-width:100%;border-top:1px solid #315578;margin-top:8px;padding:0}
body.chicago-theme[data-chicago-view="auth"] #registrationDetails summary,
body.chicago-theme[data-chicago-view="auth"] #resendDetails summary{text-align:center;color:#9cd6ff;min-height:44px;font-size:14px;list-style:none}
body.chicago-theme[data-chicago-view="auth"] #registrationDetails[open],
body.chicago-theme[data-chicago-view="auth"] #resendDetails[open]{border:1px solid var(--ch-line);border-radius:20px;padding:18px;margin-top:16px;background:#0b1b30e8}
body.chicago-theme[data-chicago-view="auth"] #authStep:has(#registrationDetails[open]) #loginForm,
body.chicago-theme[data-chicago-view="auth"] #authStep:has(#registrationDetails[open]) #forgotPin{display:none}
body.chicago-theme[data-chicago-view="auth"] #registrationDetails[open]>summary{text-align:left;font-size:18px;font-weight:750;color:#f4f8ff}
body.chicago-theme[data-chicago-view="auth"] #registrationDetails input,
body.chicago-theme[data-chicago-view="auth"] #resendDetails input{min-height:48px;background:#061426;border-color:#3a5b7d;color:#fff}
body.chicago-theme[data-chicago-view="auth"] #registrationDetails button,
body.chicago-theme[data-chicago-view="auth"] #resendDetails button{min-height:48px;background:var(--ch-blue);color:#fff}

/* Signed-in home: three selectable modes, not separate fake links. */
body.chicago-theme[data-chicago-view="home"][data-chicago-home="personal"] #personalWelcome .demo-eyebrow{color:var(--ch-light);font-size:11px;margin-bottom:8px}
body.chicago-theme[data-chicago-view="home"][data-chicago-home="personal"] #personalWelcome h1{font-size:32px;line-height:1.14;letter-spacing:-1px;margin:0 0 10px}
body.chicago-theme[data-chicago-view="home"][data-chicago-home="personal"] #personalWelcome>p:not(.demo-eyebrow){color:var(--ch-muted);font-size:15px;margin:0 0 25px}
body.chicago-theme #personalWelcome .personal-modes{display:grid;grid-template-columns:1fr;gap:14px;margin:0}
body.chicago-theme #personalWelcome .personal-modes button{display:flex;align-items:center;gap:17px;min-height:104px;width:100%;padding:21px 19px;position:relative;overflow:hidden;text-align:left;border:1px solid #3b78ad;border-radius:20px;background:linear-gradient(110deg,#10365ae8,#0b1c30ed);color:#f4f8ff;box-shadow:0 14px 42px #0003}
body.chicago-theme #personalWelcome .mode-number{display:grid;place-items:center;width:52px;height:52px;flex:none;border:1px solid #4a9cda;border-radius:16px;color:#bce6ff;font-size:28px;font-weight:750;background:#0d2a47;box-shadow:0 0 20px #1289e321}
body.chicago-theme #personalWelcome .mode-copy{flex:1;min-width:0}
body.chicago-theme #personalWelcome .mode-copy strong{font-size:20px;font-weight:750}
body.chicago-theme #personalWelcome .mode-copy small{display:block;color:var(--ch-muted);font-size:13px;margin-top:5px}
body.chicago-theme #personalWelcome .mode-chevron{color:var(--ch-light);font-size:26px;line-height:1}

/* Real player picker: favorites, alias search, roster and browser retain existing handlers. */
body.chicago-theme[data-chicago-view="players"] #appHeader{margin-bottom:12px}
body.chicago-theme[data-chicago-view="players"] #wizardNav{margin:0 0 14px}
body.chicago-theme[data-chicago-view="players"] #playersHeading{font-size:29px;line-height:1.14;letter-spacing:-.8px;margin:0 0 8px}
body.chicago-theme[data-chicago-view="players"] #friendsCount{color:var(--ch-muted);font-size:14px;margin:0 0 18px}
body.chicago-theme[data-chicago-view="players"] #favoriteFriends h3,
body.chicago-theme[data-chicago-view="players"] #pickerRosterTitle{font-size:17px;margin:10px 0 10px}
body.chicago-theme[data-chicago-view="players"] #favoriteFriendRows{gap:8px}
body.chicago-theme[data-chicago-view="players"] #favoriteFriendRows button{min-height:43px;border:1px solid #406486;border-radius:22px;background:#122a42b3;color:#e7f1fd}
body.chicago-theme[data-chicago-view="players"] #friendFinder>label{color:#dfe9f5;font-size:14px;font-weight:600}
body.chicago-theme[data-chicago-view="players"] #friendSearch{min-height:48px;margin:8px 0 0;border:1px solid #3a5b7d;border-radius:12px;background:#061426;color:#fff;font-size:16px}
body.chicago-theme[data-chicago-view="players"] #openPlayerBrowser{width:auto;min-height:44px;margin:3px 0 10px;padding:8px 0;border:0;background:none;color:#9cd6ff;text-align:left;font-size:14px}
body.chicago-theme[data-chicago-view="players"] #playerSetup{gap:8px;margin:0}
body.chicago-theme[data-chicago-view="players"] .picker-person{min-height:61px;padding:9px 12px;border:1px solid #4395d4;border-radius:14px;background:linear-gradient(105deg,#0c355cdb,#0b2138ed)}
body.chicago-theme[data-chicago-view="players"] .picker-person.picker-empty{min-height:47px;padding:0 12px;border:1px dashed #35516f;background:#06142380}
body.chicago-theme[data-chicago-view="players"] .picker-person.picker-empty .picker-add{color:#92acc5}
body.chicago-theme[data-chicago-view="players"] .picker-name{font-size:16px}
body.chicago-theme[data-chicago-view="players"] .picker-hcp input{width:53px;height:38px;min-height:38px;border:1px solid #4a7398;border-radius:8px;background:#07182b;color:#fff;text-align:center;font-size:14px}
body.chicago-theme[data-chicago-view="players"] #playersContinue{position:sticky;bottom:max(10px,env(safe-area-inset-bottom));margin-top:18px;min-height:50px;width:100%;border:1px solid #6bbcff;border-radius:13px;background:linear-gradient(#159bf4,#076acb);box-shadow:0 0 20px #117ed62b;color:#fff}
body.chicago-theme[data-chicago-view="players"] #playersContinue:disabled{background:#304459;border-color:#496582;color:#a9b8cb;box-shadow:none}
body.chicago-theme[data-chicago-view="players"] #playerBrowser,
body.chicago-theme #playerBrowser[open]{width:min(100%,540px);max-width:100%;max-height:85dvh;margin:auto auto 0;border:1px solid #416b93;border-radius:24px 24px 0 0;background:#081629;color:#fff;box-shadow:0 -16px 65px #0009}
body.chicago-theme #playerBrowser::backdrop{background:#0009;backdrop-filter:blur(5px)}
body.chicago-theme #playerBrowser .player-browser-head{background:#081629;border-bottom:1px solid #294563}
body.chicago-theme #playerBrowserRows button{background:none;border:0;border-bottom:1px solid #2b4562;border-radius:0;padding:8px 1px;font-size:16px;color:#fff}

/* Full leaderboard uses the same ranking-card rhythm and real player-sheet events. */
body.chicago-theme[data-chicago-view="leaderboard"] #leaderboard{border:0;background:none;box-shadow:none;padding:0}
body.chicago-theme[data-chicago-view="leaderboard"] #leaderboardBack{min-height:44px;margin-bottom:18px;border:0;background:none;padding:0;color:#b4c3d6}
body.chicago-theme[data-chicago-view="leaderboard"] #leaderboard .results-header h2{font-size:32px;line-height:1.14;letter-spacing:-1px;margin:0 0 10px}
body.chicago-theme[data-chicago-view="leaderboard"] #leaderboard .leaderboard-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:5px;margin-bottom:18px;border:1px solid #2e4a69;border-radius:14px;background:#071528e0}
body.chicago-theme[data-chicago-view="leaderboard"] #leaderboard .leaderboard-tabs button{min-height:44px;padding:8px 4px;margin:0;border:0;border-radius:10px;background:none;color:#adc3d9;font-size:13px;font-weight:700}
body.chicago-theme[data-chicago-view="leaderboard"] #leaderboard .leaderboard-tabs button.active{background:linear-gradient(#1878bf,#0b4c83);color:#fff;box-shadow:0 0 16px #158bea26}
body.chicago-theme[data-chicago-view="leaderboard"] #leaderboardRows{padding:8px 17px;border:1px solid var(--ch-line);border-radius:20px;background:linear-gradient(145deg,#122941d9,#0b1b30e8);box-shadow:0 14px 42px #0003}
body.chicago-theme[data-chicago-view="leaderboard"] #leaderboardRows .leaderboard-entry,
body.chicago-theme[data-chicago-view="leaderboard"] #leaderboardRows .leaderboard-entry:is(.rank-1,.rank-2,.rank-3){display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;min-height:55px;gap:8px;margin:0;padding:9px 0;border:0;border-top:1px solid #54779c42;border-radius:0;background:none;color:#f4f8ff}
body.chicago-theme[data-chicago-view="leaderboard"] #leaderboardRows .leaderboard-entry:first-child{border-top:0}
body.chicago-theme[data-chicago-view="leaderboard"] #leaderboardRows .rank-medal,
body.chicago-theme[data-chicago-view="leaderboard"] #leaderboardRows .rank-number{display:grid;place-items:center;width:30px;height:30px;font-size:15px;font-weight:750;border-radius:50%;background:none;color:#aec3da}
body.chicago-theme[data-chicago-view="leaderboard"] #leaderboardRows .rank-1 .rank-medal{background:#efc45f;color:#1b2531}
body.chicago-theme[data-chicago-view="leaderboard"] #leaderboardRows .rank-2 .rank-medal{background:#c7d7e9;color:#1b2531}
body.chicago-theme[data-chicago-view="leaderboard"] #leaderboardRows .rank-3 .rank-medal{background:#c99870;color:#1b2531}
body.chicago-theme[data-chicago-view="leaderboard"] #leaderboardRows .leaderboard-name{font-size:16px;font-weight:650;overflow-wrap:anywhere}
body.chicago-theme[data-chicago-view="leaderboard"] #leaderboardRows .leaderboard-entry strong{font-size:16px;font-variant-numeric:tabular-nums;color:#f4f8ff}
@media(max-width:350px){
 body.chicago-theme #leaderboardPreview .preview-heading{flex-wrap:wrap}
 body.chicago-theme #leaderboardPreview .preview-heading>span{min-height:32px;font-size:10px}
 body.chicago-theme #personalWelcome .mode-copy strong{font-size:18px}
 body.chicago-theme[data-chicago-view="players"] .picker-person{padding-inline:9px;gap:6px}
}
@media(min-width:700px){
 body.chicago-theme[data-chicago-view="home"][data-chicago-home="public"] .app-shell{margin:24px auto;border-radius:20px;box-shadow:0 20px 90px #0006}
 body.chicago-theme #playerBrowser[open]{bottom:24px;border-radius:24px}
}
@media(prefers-reduced-motion:no-preference){
 body.chicago-theme #publicWelcome .anime-actions button,
 body.chicago-theme #personalWelcome .personal-modes button{transition:box-shadow .15s,transform .15s}
 body.chicago-theme #publicWelcome .anime-actions button:hover,
 body.chicago-theme #personalWelcome .personal-modes button:hover{box-shadow:0 0 25px #268fdb50}
}