:root{--ink:#172d50;--muted:#61728a;--paper:#f3f6fc;--green:#174a98;--lime:#c9eaff;--line:#dbe4f1}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,Arial,sans-serif;font-size:15px}button,input,select,textarea{font:inherit}button,a,select{ -webkit-tap-highlight-color:transparent}button{cursor:pointer;transition:transform .15s,background .15s}button:hover:not(:disabled){transform:translateY(-1px)}button:disabled{opacity:.43;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #3578d0;outline-offset:4px}header{max-width:1440px;margin:auto;padding:27px 5%;display:flex;align-items:center;gap:24px;border-bottom:1px solid var(--line)}.brand{font-size:15px;letter-spacing:1.5px;display:flex;align-items:center;gap:8px;text-decoration:none;color:var(--ink);white-space:nowrap}.brand b{font-weight:400;color:#567ca7}.brandmark{display:grid;place-items:center;background:var(--green);color:var(--lime);border-radius:9px;width:32px;height:32px;font-size:25px;margin-right:3px}.project{margin:auto;font-size:10px;letter-spacing:1.5px;color:var(--muted)}.project span{margin:0 12px}.about-link{font-size:12px;color:var(--ink);text-decoration:none}main{max-width:1320px;margin:auto;padding:0 42px}.intro{display:flex;justify-content:space-between;align-items:center;padding:48px 0 36px}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:700;margin:0 0 12px;color:#52729a}h1{font-size:clamp(36px,4.4vw,60px);line-height:1.08;letter-spacing:-2.8px;margin:0 0 20px;font-weight:550}h1 em{font-family:Georgia,serif;font-weight:400;color:#2869bc}.lede{line-height:1.7;color:var(--muted);font-size:14px}.intro-note{display:flex;align-items:center;gap:18px;margin-right:22px;line-height:1.7;color:var(--muted);font-size:12px}.intro-note strong{font-weight:500;color:var(--ink)}.orbit{color:#6499de;font-size:68px;font-family:Georgia}.workspace{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(340px,1fr);gap:24px;align-items:start}.play-panel,.coach-panel{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden}.panel-head{padding:23px 25px;display:flex;justify-content:space-between;align-items:center}.panel-head .eyebrow{font-size:9px;display:block;margin-bottom:7px}h2{font-size:21px;letter-spacing:-.5px;margin:0;font-weight:550}.pill{background:#edf4ff;border:1px solid #d8e6fa;color:#375d91;padding:7px 10px;border-radius:30px;font-size:10px;white-space:nowrap}.table{background:radial-gradient(ellipse at 50% 40%,#2576bf,#123e80);margin:0 12px;border-radius:12px;padding:25px 28px 16px;color:#ffffff;min-height:390px;box-shadow:inset 0 0 0 1px #ffffff0d}.hand-label{display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:1.6px;color:#c2dafa}.hand-label span:last-child{font-size:11px;letter-spacing:0;color:#ffffff}.cards{display:flex;gap:10px;min-height:100px;margin-top:13px;flex-wrap:wrap}.card,.empty-card{width:66px;height:94px;border-radius:7px;background:#ffffff;color:#19345c;box-shadow:0 3px 5px #061c4533;display:flex;flex-direction:column;justify-content:space-between;padding:7px 9px;font-size:20px;font-weight:650}.card .suit{font-size:30px;text-align:center}.card .bottom{text-align:right;font-size:13px}.card.red{color:#c44d62}.card.back{background:repeating-linear-gradient(45deg,#2258a2,#2258a2 5px,#326bb6 5px,#326bb6 6px);border:3px solid #e2efff;color:#ffffff;display:grid;place-items:center;font-size:32px}.empty-card{background:transparent;border:1px dashed #c3dcff80;box-shadow:none;display:grid;place-items:center;color:#c3dcff80}.table-center{display:flex;align-items:center;gap:13px;text-align:center;margin:15px 0 21px;color:#e0edffb3}.table-center>span{height:1px;background:#ffffff1a;flex:1}.table-center p{font-size:12px;letter-spacing:3px;margin:0}.table-center small{display:block;font-size:7px;letter-spacing:1.5px;margin-top:7px}.table-message{font-size:12px;line-height:1.5;margin:15px 0 0;color:#e3f2ff;min-height:18px}.controls{padding:19px 25px 8px}.action-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.action-row button{border-radius:9px;padding:12px;border:1px solid #c9dff5;text-align:left;font-weight:600}.action-row small{font-weight:400;font-size:10px;float:right;margin-top:3px}.primary{background:var(--lime);color:#154278}.secondary{background:#edf3fc;color:var(--ink)}.round-row{display:flex;align-items:end;gap:15px;margin-top:21px}.round-row label{flex:1;font-size:10px;color:var(--muted);letter-spacing:.3px}select{width:100%;padding:10px;border-radius:7px;border:1px solid var(--line);background:#fff;color:var(--ink);margin-top:6px;font-size:12px}.dark{border:0;background:var(--green);color:#fff;border-radius:8px;padding:12px 18px;white-space:nowrap;font-size:12px}.dark span{margin-left:18px}.micro{font-size:10px;color:#64758d;line-height:1.6;margin:12px 0}.session-bar{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding:17px 25px;color:var(--muted);font-size:10px;gap:10px}.session-bar strong{font-size:15px;margin-right:4px;color:var(--ink)}.text-button{background:none;border:0;font-size:10px;color:#61728a;padding:0}.spark{color:#326db8;background:#e7f0ff;border-radius:50%;width:37px;height:37px;text-align:center;line-height:37px;font-size:28px}.mode{margin:0 25px 20px;font-size:11px;padding:11px 13px;border-radius:8px;line-height:1.5}.mode.demo{background:#fff6df;color:#75561c}.mode.live{background:#edf7df;color:#3c622a}.coach-settings{margin:0 25px 20px}.coach-settings label,#question-form label,#access-wrap label{display:block;font-size:11px;color:var(--muted);margin-bottom:4px}.coach-welcome{padding:7px 25px 18px}.welcome-icon{font-family:Georgia;font-size:38px;color:#3775c4;margin-bottom:14px}.coach-welcome h3{font-size:20px;font-weight:500;letter-spacing:-.3px;margin:0 0 10px}.coach-welcome p{line-height:1.8;color:var(--muted);font-size:13px}.steps{display:grid;grid-template-columns:23px 1fr;gap:10px;align-items:center;margin-top:18px;font-size:11px;color:#446185}.steps span{width:22px;height:22px;border-radius:50%;background:#e6efff;text-align:center;line-height:22px;font-size:10px}.coach-actions{padding:0 25px 14px}.coach-button{width:100%;padding:12px;background:#e5efff;border:1px solid #cbdcf6;border-radius:8px;color:#20518f;font-size:12px;margin-bottom:19px}.question-box{border:1px solid var(--line);border-radius:8px;padding:10px;display:flex;align-items:end;margin-top:8px}.question-box textarea{width:100%;resize:vertical;border:0;color:var(--ink);background:transparent;font-size:12px;line-height:1.6;min-height:64px}.question-box button{background:var(--green);border:0;color:#fff;border-radius:7px;width:32px;height:32px;flex-shrink:0;font-size:20px}#access-wrap{margin-top:12px}input{width:100%;border:1px solid var(--line);border-radius:7px;padding:10px}#coach-output .response{margin:0 25px 20px;padding:16px;background:#f0f5fd;border-radius:10px}.response h3{font-size:10px;letter-spacing:1px;text-transform:uppercase;color:#3d67a0;margin:17px 0 8px}.response h3:first-child{margin-top:0}.response p{white-space:pre-wrap;font-size:13px;line-height:1.75;margin:0;color:#344b6b}.response .verified{font-size:11px;border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:15px;font-weight:600}.response .learning-question{border-left:2px solid #589ae8;padding-left:12px}.response .ai-meta{font-size:9px;color:#667c99;margin-top:15px}.about{display:grid;grid-template-columns:1fr 1.65fr;gap:50px;padding:55px 0 30px}.about h2{font-size:27px;line-height:1.25}.about>div>p:last-child{color:var(--muted);font-size:12px;line-height:1.8;max-width:350px}.about-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:21px}.about-cards article{border-top:1px solid #bdd2ed;padding-top:18px}.about-cards article>span{font-family:Georgia;color:#5286c7;font-size:23px}.about-cards h3{font-size:13px;font-weight:600;margin:17px 0 9px}.about-cards p{font-size:11px;line-height:1.8;color:var(--muted)}.rules{padding:18px 0;border-top:1px solid var(--line);font-size:12px;color:var(--muted);line-height:1.8}.rules summary{cursor:pointer;color:var(--ink)}.rules a{color:var(--green)}footer{padding:24px 0;display:flex;justify-content:space-between;border-top:1px solid var(--line);font-size:9px;letter-spacing:.5px;color:var(--muted)}#error{color:#a43d2d;font-size:13px;min-height:0}#error:empty{display:none}[hidden]{display:none!important}.loading{padding:30px 25px;color:#386dad;line-height:1.8;font-size:13px}@media(max-width:900px){.intro-note{display:none}.project{display:none}.about-link{margin-left:auto}main{padding:0 24px}.workspace{grid-template-columns:1fr 1fr;gap:16px}.panel-head{padding:20px 17px}.panel-head h2{font-size:18px}.pill{display:none}.table{padding:22px 17px}.controls{padding:17px}.action-row small{display:block;float:none}.round-row{flex-wrap:wrap}.round-row label{min-width:100%}.dark{width:100%}.session-bar{padding:17px}.coach-settings,.mode{margin-left:17px;margin-right:17px}.coach-actions{padding-left:17px;padding-right:17px}.about{gap:28px;grid-template-columns:1fr}.about>div>p:last-child{max-width:650px}}@media(max-width:650px){header{padding:20px}.brand{font-size:12px}main{padding:0 16px}.intro{padding-top:35px}h1{letter-spacing:-1.7px;font-size:43px}.lede{font-size:12px}.workspace{grid-template-columns:1fr}.panel-head h2{font-size:21px}.pill{display:block}.round-row{flex-wrap:nowrap}.round-row label{min-width:0}.dark{width:auto}.action-row small{display:inline;float:right}.about-cards{grid-template-columns:1fr;gap:20px}.about-cards h3{margin-top:8px}.about{padding-top:35px}.about-cards p{font-size:12px}.about-cards article>span{float:right}footer{gap:14px;line-height:1.7}.card,.empty-card{width:61px;height:89px}.cards{gap:8px}}@media(prefers-reduced-motion:reduce){button{transition:none}}

/* Zurich-inspired blue and white, with a distinct student-assessment identity. */
body{background:radial-gradient(ellipse at 92% 5%,#deebff 0,transparent 42%),var(--paper)}
.assessment-banner{display:flex;align-items:center;gap:13px;margin-top:30px;padding:15px 19px;border:1px solid #ccdff6;border-radius:12px;background:linear-gradient(115deg,#fff,#e9f2ff);box-shadow:0 4px 18px #214d8b05}
.zurich-mark{width:32px;height:38px;flex-shrink:0;background:linear-gradient(135deg,#fff 0 49%,#2878ce 50% 100%);border:1px solid #c2d4ee;border-radius:5px 5px 13px 13px}
.assessment-banner strong{display:block;color:#225693;font-size:11px;letter-spacing:1.1px}
.assessment-title{display:block;margin-top:4px;font-size:15px;font-weight:600;color:#19385f}
.assessment-tag{margin-left:auto;font-size:9px;letter-spacing:1.3px;color:#53749d}
.intro{padding-top:33px}
.play-panel,.coach-panel{box-shadow:0 8px 32px #1c4d8b08}
.table{background:linear-gradient(135deg,transparent 0 66%,#ffffff09 66% 77%,#ffffff04 77%),radial-gradient(ellipse at 30% 15%,#2c83c9,#154785 70%,#113771);border-top:3px solid #93cbff;box-shadow:inset 0 0 0 1px #ffffff1f,0 5px 15px #173e7517}
.table-center p{font-size:10px;letter-spacing:2.2px}
.primary{background:linear-gradient(120deg,#c4e8ff,#e2f3ff)}
.dark{background:linear-gradient(120deg,#174a98,#2875c4)}
.coach-panel .panel-head{background:linear-gradient(110deg,#fff,#f0f5ff)}
.coach-panel .mode{margin-top:8px}
.spark{color:#6d54b8;background:#f0ebff}
.orbit{color:#427fc7}
.about-cards article:nth-child(2){border-color:#c8b8ec}
.about-cards article:nth-child(2)>span{color:#8265b4}
@media(max-width:650px){.assessment-banner{margin-top:22px;padding:13px}.assessment-tag{display:none}.assessment-title{font-size:14px}.intro{padding-top:28px}.table-center p{font-size:9px;letter-spacing:1.6px}}
/* Reference-inspired campus layout. All controls remain live HTML. */
.campus-header{max-width:1280px;margin:18px auto 0;padding:18px 25px;border:1px solid #d7e5f6;border-radius:17px;background:linear-gradient(110deg,#fff,#f8fbff);box-shadow:0 9px 34px #23579d09;gap:30px}
.campus-brand{display:flex;align-items:center;gap:16px;text-decoration:none;color:#102b59;font-size:23px;font-weight:700;line-height:1.15;white-space:nowrap}
.campus-brand small{display:block;font-size:16px;margin-top:3px;font-weight:600}
.campus-brand .zurich-mark{width:42px;height:46px;border-radius:7px 7px 13px 7px;background:linear-gradient(135deg,#fff 0 49%,#2377cb 50% 100%);box-shadow:0 2px 4px #12375e15}
.course-name{border-left:1px solid #c7d9ee;padding-left:30px;display:flex;flex-direction:column;gap:5px;font-size:17px;color:#48648c;white-space:nowrap}
.course-name strong{font-weight:600;color:#15315e}.campus-motto{margin-left:auto;font-size:10px;letter-spacing:1.8px;color:#365e93;white-space:nowrap}
.campus-header .about-link{border:1px solid #d2e6ff;border-radius:50%;background:#e7f2ff;width:44px;height:44px;display:grid;place-items:center;font-size:16px;flex-shrink:0}
main{max-width:1320px;padding:0 30px}.intro{position:relative;isolation:isolate;overflow:hidden;min-height:300px;padding:45px 22px 24px;align-items:start}.intro>div:first-child{position:relative;z-index:2}.intro .eyebrow{letter-spacing:2.7px;margin-bottom:15px;color:#3b5c8c}
h1{font-family:Georgia,'Times New Roman',serif;font-weight:700;color:#102958;font-size:clamp(43px,5.3vw,69px);line-height:1.02;letter-spacing:-2.3px;margin-bottom:18px}h1 em{color:#2b70c5;font-weight:400;letter-spacing:-2.9px}.lede{font-size:16px;line-height:1.65;color:#546e97;margin:0;max-width:620px}.zurich-skyline{position:absolute;width:57%;height:250px;right:-25px;bottom:0;z-index:0;opacity:.65;mask-image:linear-gradient(to right,transparent,#000 35%)}.intro-note{z-index:1;position:absolute;right:32px;top:34px;font-family:Georgia,serif;font-style:italic;transform:rotate(-9deg);font-size:21px;text-align:center;line-height:1.3;color:#6585b6}.intro-note p{margin:0}
.workspace{grid-template-columns:minmax(0,1.2fr) minmax(0,.96fr);gap:24px}.panel-head{padding:25px 26px 18px}.panel-head .eyebrow{font-size:10px;letter-spacing:2px;margin-bottom:10px}h2{font-size:25px;font-weight:650;color:#142f5a;letter-spacing:-.6px}.play-panel,.coach-panel{border-radius:19px;border-color:#d9e5f6;box-shadow:0 9px 35px #285a9c08}.pill{font-size:10px;background:#f0f6ff;color:#5374a0}.spark{background:#e6f1ff;color:#2167b9}
.table{position:relative;margin:0 21px;padding:30px 25px 20px;border-radius:20px;border:1px solid #548faf;min-height:475px;background:radial-gradient(ellipse at 34% 28%,#256b98,#164a70 67%,#103551);box-shadow:inset 0 2px 2px #aad7f14a,0 3px 7px #173d7010;isolation:isolate}
.table:before{content:'';position:absolute;inset:0;border-radius:inherit;z-index:-1;opacity:.16;background:repeating-linear-gradient(35deg,transparent 0 2px,#8abde030 2px 3px),repeating-linear-gradient(145deg,transparent 0 2px,#8abde030 2px 3px);pointer-events:none}
.hand-label{font-size:11px;color:#e0efff;letter-spacing:1.4px;min-height:25px}.hand-label span:last-child{font-size:12px;letter-spacing:0}#player-value{border:1px solid #87bad080;padding:5px 13px;border-radius:25px;background:#0c2e4c30}#dealer-value{margin-right:106px;font-size:10px;color:#d1e6f6}
.cards{gap:12px;min-height:116px;margin-top:13px;position:relative;z-index:2}.card,.empty-card{width:78px;height:112px;padding:8px 10px;border-radius:9px;font-family:Georgia,serif;font-size:25px;box-shadow:0 4px 7px #061c4545,inset 0 0 0 1px #cae0f1;background:linear-gradient(135deg,#fff,#f5faff);color:#102d51}.card .suit{font-size:37px;line-height:1}.card .bottom{font-family:Arial,sans-serif;font-size:13px}.card.red{color:#cb5367}.empty-card{background:transparent;box-shadow:none;color:#b7d9f26b}.card.back{background:repeating-linear-gradient(45deg,#184875,#184875 3px,#235888 3px,#235888 4px);border-color:#93b8e2;color:#d2e7ff}
.deck-stack{position:absolute;right:38px;top:42px;width:72px;height:109px;border:3px solid #75a4d4;border-radius:9px;background:repeating-linear-gradient(45deg,#1d4a7d,#1d4a7d 2px,#255786 2px,#255786 3px);box-shadow:-4px 2px 0 #163a61,-6px 2px 0 #5580b0,-10px 4px 0 #163a61,-12px 4px 0 #416e9a,-16px 6px 0 #163a61,-18px 6px 0 #315c86,0 7px 12px #001b3459;display:grid;place-items:center;color:#c1dcf9;font-family:Georgia,serif;font-size:17px;pointer-events:none}.deck-stack:before{content:'';position:absolute;inset:4px;border:1px solid #759cc978;border-radius:4px}#dealer-cards{padding-right:95px}
.table-center{position:relative;min-height:70px;margin:6px -4px 18px;justify-content:center;border-bottom:2px solid #80b4d580;border-radius:0 0 50% 50%;padding:16px 0 23px;color:#abcde9}.table-center>span{display:none}.table-center p{font-size:11px;letter-spacing:2px}.table-center small{font-size:8px;letter-spacing:1.5px;margin-top:8px}
.table-message{display:flex;align-items:center;gap:13px;background:#07273d4a;border:1px solid #82b1cc59;border-radius:13px;padding:13px 15px;min-height:58px;color:#fff;font-size:12px;line-height:1.5;margin-top:22px}.table-message:before{content:'i';display:grid;place-items:center;background:#4688bb;border:1px solid #92c6ec;border-radius:50%;width:25px;height:25px;flex-shrink:0;font-family:Georgia,serif;font-weight:700}
.controls{padding:20px 25px 10px}.action-row{gap:15px}.action-row button{display:flex;align-items:center;gap:14px;padding:17px;border-radius:14px;min-height:83px;font-size:19px}.action-row .action-icon{width:44px;height:44px;flex-shrink:0;border-radius:50%;display:grid;place-items:center;font-size:29px;background:#d9eafe;color:#1767b4}.action-row .action-copy{text-align:left}.action-row small{display:block;float:none;font-size:11px;font-weight:400;margin-top:5px}.primary{background:linear-gradient(120deg,#f7fbff,#edf5ff);color:#163866}.secondary{background:linear-gradient(140deg,#327ac4,#204a7b);color:white;border-color:#3973b0!important;box-shadow:0 3px 7px #17467813}.secondary .action-icon{background:#164672;color:#fff}
.coach-settings label{font-size:12px;color:#34547f}.coach-settings select{padding:13px 12px;font-size:14px;border-radius:10px}.mode{padding:14px 16px;font-size:12px}.mode.live{background:#eaf6e5;color:#2d632c}.coach-panel .panel-head{background:transparent}.coach-welcome{padding-top:14px}.coach-welcome p{font-size:14px}
#coach-output .response{background:transparent;padding:0;margin:0 25px 20px}.response .verified{margin:0;padding:17px 18px;border:0;border-radius:13px 13px 0 0;background:#eef5ff;font-size:12px;line-height:1.6;color:#345b8d}.coach-section{background:linear-gradient(110deg,#edf5ff,#f3f8ff);padding:18px 20px;margin-bottom:12px;border-radius:13px}.coach-section.reasoning{border-radius:0 0 13px 13px;border-top:1px solid #d8e6f8}.response .coach-section h3{font-size:10px;letter-spacing:1.7px;margin:0 0 12px;color:#35679f}.response .coach-section p{font-size:14px;line-height:1.7;color:#405e87}.response .learning-question{border:0;padding:0}.coach-section.question-block h3:before{content:'?';display:inline-grid;place-items:center;width:25px;height:25px;background:#d9eaff;border-radius:50%;margin-right:10px;color:#225eab;font-size:16px;letter-spacing:0}.response .ai-meta{padding:0 3px}
.question-box{background:#fff;border-color:#cddff4;border-radius:12px}.question-box textarea{font-size:13px;min-height:60px}.question-box button{border-radius:50%;background:#deebfc;color:#396faa;font-size:23px}.coach-button{background:#f0f6ff;border-color:#d4e4f7}
@media(min-width:1400px){.campus-header{max-width:1260px}.intro{min-height:310px}}
@media(max-width:1050px){.campus-header{margin:15px 24px 0;gap:18px;padding:18px}.campus-brand{font-size:20px}.campus-brand small{font-size:13px}.course-name{font-size:14px;padding-left:18px}.campus-motto{font-size:8px;letter-spacing:1px}.table{padding:25px 18px 16px;margin:0 14px}.card,.empty-card{width:65px;height:98px}.cards{gap:9px;min-height:100px}.deck-stack{width:56px;height:89px;right:25px;top:55px;font-size:14px}#dealer-cards{padding-right:65px}#dealer-value{margin-right:0}.table-center{min-height:65px}.panel-head{padding:23px 20px 17px}h2{font-size:21px}.action-row button{padding:12px;gap:9px;font-size:17px}.action-row .action-icon{width:34px;height:34px;font-size:24px}.action-row small{font-size:10px}.intro-note{display:none}.lede{font-size:14px}}
@media(max-width:760px){main{padding:0 16px}.campus-header{margin:12px 16px 0;gap:15px;padding:14px}.campus-brand{font-size:18px;gap:10px}.campus-brand small{font-size:11px}.campus-brand .zurich-mark{width:31px;height:35px}.course-name{font-size:12px;padding-left:15px}.campus-motto{display:none}.campus-header .about-link{margin-left:auto;width:33px;height:33px;font-size:12px}.intro{padding:32px 4px 28px;min-height:290px}h1{font-size:48px;letter-spacing:-1.8px}h1 em{letter-spacing:-2px}.intro .eyebrow{font-size:9px;letter-spacing:2px}.lede{font-size:13px}.zurich-skyline{width:75%;height:190px;opacity:.22;bottom:8px}.workspace{grid-template-columns:1fr}.table{min-height:460px;padding:27px 24px 18px;margin:0 18px}.card,.empty-card{width:76px;height:109px}.cards{min-height:112px;gap:12px}.deck-stack{width:66px;height:103px;right:34px;top:45px}.panel-head h2{font-size:24px}.action-row button{padding:17px;font-size:20px}.action-row .action-icon{width:43px;height:43px}.action-row small{font-size:11px;float:none}.controls{padding:20px}.coach-settings,.mode{margin-left:25px;margin-right:25px}.coach-actions{padding-left:25px;padding-right:25px}.about{padding-top:40px}}
@media(max-width:390px){.campus-header{gap:10px}.campus-brand small{max-width:90px}.course-name{font-size:11px;padding-left:10px}.campus-header .about-link{display:none}h1{font-size:40px}.card,.empty-card{width:63px;height:94px}.deck-stack{display:none}#dealer-cards{padding-right:0}.table{padding:20px 16px}.action-row button{gap:8px;padding:13px}.action-row .action-icon{width:32px;height:32px}.panel-head h2{font-size:21px}}
/* Game-first workspace with an optional coach embedded in the same panel. */
.intro{min-height:0;padding:22px 20px 20px;align-items:center;overflow:hidden}
.intro h1{font-family:Georgia,serif;font-size:33px;line-height:1.15;letter-spacing:-1px;margin:0 0 7px}.intro h1 br{display:none}.intro h1 em{font-size:33px;letter-spacing:-1px;margin-left:8px}.intro .eyebrow,.intro-note,.zurich-skyline{display:none}.intro .lede{font-size:12px;line-height:1.5}.intro .lede br{display:none}
.workspace{display:block}.play-panel>.panel-head{padding:18px 25px 10px}.play-panel>.panel-head .eyebrow{display:none}.play-panel>.panel-head h2{font-size:23px}.pill{display:block}.game-toolbar{display:flex;align-items:center;gap:18px;padding:8px 25px 18px}.game-caption{font-size:12px;color:#607c9c;margin-right:auto}.guided-switch{display:flex;align-items:center;gap:7px;font-size:12px;color:#3b5b82;cursor:pointer}.guided-switch input{width:16px;height:16px;margin:0;accent-color:#2a6cb8}.coach-toggle{border:1px solid #c7dcf6;background:#eaf3ff;color:#24558e;border-radius:25px;padding:10px 16px;font-size:12px;font-weight:600}.coach-toggle[aria-expanded=true]{background:#174f8f;color:#fff;border-color:#174f8f}
.game-arena{display:grid;grid-template-columns:minmax(0,1fr);align-items:start;gap:0;padding:0 20px}.game-arena.coach-open{grid-template-columns:minmax(0,1fr) 360px;gap:18px}.game-column{min-width:0}.game-column .table{margin:0;padding:23px 35px 17px;min-height:375px}.game-column .cards{justify-content:center;min-height:98px;margin-top:8px}.game-column .card,.game-column .empty-card{width:72px;height:100px}.game-column #dealer-cards{padding-right:0}.game-column .hand-label{min-height:22px}.game-column #dealer-value{margin-right:0}.game-column .deck-stack{right:38px;top:52px;width:63px;height:92px}.game-column .table-center{min-height:53px;padding:8px 0 15px;margin:3px 0 13px}.game-column .table-message{margin-top:13px;padding:9px 13px;min-height:43px;font-size:12px}.game-column .controls{padding:14px 0 0}.game-column .action-row{max-width:650px;margin:0 auto;gap:14px}.game-column .action-row button{min-height:63px;padding:10px 20px;font-size:18px;justify-content:center}.game-column .action-row .action-icon{width:35px;height:35px;font-size:25px}.game-column .action-row small{font-size:10px}.game-column .round-row{display:flex;flex-wrap:nowrap;align-items:end;margin-top:14px;gap:12px}.game-column .round-row label{min-width:0;max-width:300px}.game-column .dark{width:auto;min-width:155px;padding:12px 17px}.game-column .micro{margin:8px 0 12px;font-size:9px}
.game-arena .coach-panel{border:1px solid #d7e5f7;background:#f6f9ff;box-shadow:none;border-radius:15px;max-height:650px;overflow-y:auto;scrollbar-width:thin;animation:coach-reveal .22s ease-out}.game-arena .coach-panel .panel-head{padding:18px 18px 12px;position:sticky;top:0;background:#f6f9ff;z-index:3;border-bottom:1px solid #e3ecf8}.game-arena .coach-panel h2{font-size:20px}.game-arena .coach-panel .eyebrow{font-size:8px;margin-bottom:6px}.close-coach{width:29px;height:29px;border:1px solid #d5e2f3;border-radius:50%;background:#fff;font-size:22px;line-height:1;color:#4d6991}.game-arena .mode{margin:13px 16px;font-size:10px;padding:10px 12px}.game-arena .coach-settings{margin:0 16px 14px}.game-arena .coach-settings select{font-size:12px;padding:9px}.game-arena .coach-welcome{padding:10px 18px 15px}.game-arena .coach-welcome .welcome-icon{display:none}.game-arena .coach-welcome h3{font-size:17px}.game-arena .coach-welcome p{font-size:12px;line-height:1.65}.game-arena .steps{gap:8px;margin-top:12px}.game-arena #coach-output .response{margin:0 16px 12px}.game-arena .response .verified{font-size:11px;padding:12px}.game-arena .coach-section{padding:13px;margin-bottom:9px}.game-arena .response .coach-section p{font-size:12px;line-height:1.65}.game-arena .response .coach-section h3{font-size:9px}.game-arena .coach-actions{padding:0 16px 14px}.game-arena .coach-button{padding:9px;font-size:11px;margin-bottom:13px}.quick-questions{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:10px}.quick-questions button{border:1px solid #d1e1f5;border-radius:20px;background:#fff;color:#476b99;font-size:10px;padding:7px 10px}.game-arena .question-box{padding:8px}.game-arena .question-box textarea{font-size:12px;min-height:45px}.game-arena .micro{font-size:9px;line-height:1.5}.guide-strip{display:flex;align-items:center;gap:11px;padding:13px 16px;margin:0 20px 13px;border:1px solid #d6e5f6;border-radius:12px;background:linear-gradient(110deg,#edf5ff,#fafcff);font-size:12px;line-height:1.6;color:#3f6087}.guide-symbol{color:#2c71ba;font-size:23px}.guide-strip #guide-copy{flex:1}.guide-strip button{font-size:11px;background:none;border:0;color:#2365ab;font-weight:600;white-space:nowrap}.session-bar{padding:12px 25px}.about{padding-top:35px}
@keyframes coach-reveal{from{opacity:0;transform:translateX(8px)}to{opacity:1;transform:translateX(0)}}
@media(max-width:1000px){.game-arena.coach-open{grid-template-columns:minmax(0,1fr) 315px;gap:13px}.coach-open .game-column .table{padding:20px 17px 15px}.coach-open .deck-stack{display:none}.coach-open .game-column .card,.coach-open .game-column .empty-card{width:59px;height:88px}.coach-open .game-column .cards{gap:8px;min-height:92px}.coach-open .game-column .action-row button{padding:10px;gap:8px;font-size:16px}.coach-open .game-column .action-icon{display:none}.coach-open .game-column .dark{min-width:120px}.intro h1,.intro h1 em{font-size:29px}}
@media(max-width:760px){.intro{padding:18px 5px}.intro h1,.intro h1 em{font-size:25px}.intro h1 em{margin-left:4px}.intro .lede{font-size:11px}.play-panel>.panel-head{padding:17px 17px 8px}.play-panel>.panel-head h2{font-size:21px}.game-toolbar{padding:6px 16px 13px;gap:10px;flex-wrap:wrap}.game-caption{display:none}.guided-switch{margin-right:auto;font-size:11px}.coach-toggle{padding:9px 12px;font-size:11px}.game-arena{padding:0 12px}.game-arena.coach-open{grid-template-columns:1fr;gap:14px}.game-column .table{padding:20px 18px 14px;min-height:360px}.game-column .deck-stack{width:50px;height:77px;right:25px;top:55px}.game-column .cards{gap:9px}.game-column .card,.game-column .empty-card,.coach-open .game-column .card,.coach-open .game-column .empty-card{width:64px;height:92px}.game-column .action-row button{padding:10px;font-size:17px;gap:10px}.game-column .dark{min-width:130px}.game-arena .coach-panel{max-height:560px}.guide-strip{margin:12px;flex-wrap:wrap;font-size:11px}.guide-strip #guide-copy{flex-basis:80%}.guide-strip button{margin-left:33px}.session-bar{padding:12px 16px}.coach-open .game-column .action-icon{display:grid}}
@media(prefers-reduced-motion:reduce){.game-arena .coach-panel{animation:none}}

/* Compact beginner introduction. Scoped to preserve the learning table. */
.learn-page{padding:38px 0 24px;scroll-margin-top:20px}.learn-hero{margin-bottom:22px}.learn-hero h2{font-size:clamp(25px,3vw,38px);line-height:1.15;letter-spacing:-1px;font-weight:650}.learn-hero h2 span{color:#5365a5}.learn-hero>p:last-child{font-size:14px;line-height:1.6;color:var(--muted);margin:12px 0 0}.fundamentals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.fundamentals article{background:#fff;border:1px solid var(--line);border-radius:14px;padding:21px}.learn-page h3{font-size:15px;line-height:1.4;margin:0 0 8px;font-weight:650;letter-spacing:0}.learn-page p:not(.eyebrow){line-height:1.6;color:#566781;font-size:13px;margin:0}.fundamentals h3>span{font-size:11px;color:#7b86a7;margin-right:7px}.learn-icon{height:43px;margin-bottom:15px;color:#2c65a5;font-size:29px;display:flex;align-items:center;gap:14px;font-weight:650}.learn-icon>span{color:#8884bb;font-size:25px}.mini-fan{gap:5px}.mini-fan b{font:600 19px Georgia,serif;display:grid;place-items:center;width:29px;height:38px;border:1px solid #d7e1f1;border-radius:5px;background:#f8faff}.mini-fan b:last-child{color:#7773a8}.round-guide{padding:23px 0;border-bottom:1px solid var(--line);margin-bottom:23px}.round-guide ol{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));list-style:none;padding:0;margin:15px 0 0;gap:20px}.round-guide li{display:flex;align-items:flex-start;gap:9px;font-size:12px;line-height:1.55;color:#566781}.round-guide li>span{flex-shrink:0;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;color:#42679b;background:#e6edf9;font-size:11px}.learn-bottom{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.4fr);gap:26px}.example-hand{background:#f5f5fb;border:1px solid #e0e1ed;border-radius:14px;padding:23px}.example-cards{display:flex;align-items:center;gap:13px;margin:18px 0}.learn-card{display:flex;flex-direction:column;justify-content:space-between;width:54px;height:75px;padding:7px 9px;background:#fff;border:1px solid #dae1ed;border-radius:7px;font:600 21px Georgia,serif;box-shadow:0 3px 8px #14294b08}.learn-card small{align-self:flex-end;font-size:24px}.learn-card.red{color:#b65066}.math-sign{color:#7b86a0;font-size:19px}.example-cards strong{font-size:29px;font-weight:550}.learning-support>div{margin-bottom:13px;padding-left:13px;border-left:2px solid #d7def1}.learning-support h3{font-size:13px;margin-bottom:3px}.learn-page .demo-note{font-size:11px!important;color:#6b7390!important}.learn-page+.rules{padding:17px 0}.rules summary:focus-visible{outline:3px solid #3578d0;outline-offset:4px}footer{gap:15px;flex-wrap:wrap}footer>span:last-child{margin-left:auto;white-space:nowrap}
@media(max-width:760px){.learn-page{padding-top:28px}.fundamentals{gap:10px}.fundamentals article{padding:15px}.learn-page h3{font-size:14px}.learn-page p:not(.eyebrow){font-size:12px}.round-guide ol{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.learn-bottom{gap:17px}.example-hand{padding:17px}.example-cards{gap:8px}.learn-card{width:43px;height:65px;font-size:18px}.example-cards strong{font-size:25px}}
@media(max-width:520px){.fundamentals,.learn-bottom{grid-template-columns:1fr}.fundamentals article{padding:16px;display:grid;grid-template-columns:48px minmax(0,1fr);column-gap:13px}.learn-icon{grid-row:1/3;margin:0;align-self:center;font-size:23px;gap:5px}.learn-icon>span{font-size:19px}.mini-fan{gap:0}.mini-fan b{width:20px;height:30px;font-size:14px;margin-left:-3px}.learn-hero h2 span{display:block}.round-guide ol{gap:14px}.learn-bottom{gap:22px}.example-cards{gap:14px}footer>span:last-child{margin-left:0}.learn-page .eyebrow{font-size:9px;letter-spacing:1.4px}}

/* Table controls and focused fullscreen play. */
.play-panel>.top-round-controls{margin:4px 25px 13px;display:flex;align-items:end;gap:14px;flex-wrap:nowrap}.top-round-controls label{font-size:11px;color:var(--muted);min-width:0;flex:1;max-width:300px}.top-round-controls .dark{width:auto;min-width:140px}.game-toolbar{flex-wrap:wrap}.game-column .table .action-row{margin:18px auto 0;width:100%;max-width:520px;gap:12px}.game-column .table .action-row button{border:1px solid #c3d9ee;border-radius:12px;min-height:64px;box-shadow:0 4px 12px #071d3526}.game-column .table #hit{background:#edf6ff;color:#154a73}.game-column .table #stand{background:#dcdff6;color:#303d70;border-color:#c1c9ed}.game-column .table .action-row small{color:inherit;opacity:.85}.game-column .table .action-icon{background:#ffffff60;color:inherit}.game-column .table .action-row button:disabled{opacity:.5}.game-column .table .action-row button:hover:not(:disabled){filter:brightness(1.06)}.game-column .controls{padding:0}.game-column .controls>.micro{text-align:center;margin:10px 0 14px}.play-panel:fullscreen,.play-panel.expanded-game{background:#f6f9ff;width:100%;height:100%;max-width:none;border:0;border-radius:0;padding:12px clamp(0px,3vw,60px);overflow-y:auto}.play-panel.expanded-game{position:fixed;inset:0;z-index:1000}.game-expanded{overflow:hidden}.play-panel:fullscreen .game-arena,.expanded-game .game-arena{max-width:1500px;margin:auto}.play-panel:fullscreen .game-column .table,.expanded-game .game-column .table{min-height:450px}.play-panel:fullscreen .game-arena .coach-panel,.expanded-game .game-arena .coach-panel{max-height:75vh}.play-panel:fullscreen::backdrop{background:#f6f9ff}
@media(max-width:760px){.play-panel>.top-round-controls{margin:5px 16px 12px;gap:10px}.top-round-controls label{max-width:none}.top-round-controls .dark{min-width:115px;padding:12px}.game-toolbar #fullscreen-toggle{font-size:11px;padding:9px 12px}.game-column .table .action-row button{font-size:16px;min-height:58px;padding:9px}.game-column .table .action-icon{display:none}.play-panel:fullscreen,.play-panel.expanded-game{padding:8px 0}.play-panel:fullscreen .game-column .table,.expanded-game .game-column .table{min-height:360px}}

/* Virtual practice chips and opt-in public leaderboard. */
.chip-controls{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin:0 25px 15px;padding:12px 15px;background:#f0f3fc;border:1px solid #dce3f3;border-radius:12px}.chip-balance{color:#405389;font-size:21px}.chip-balance small{display:block;font-size:10px;color:var(--muted);margin:3px 0 0 23px}.chip-controls label{font-size:10px;color:var(--muted)}.chip-controls select{min-width:85px;padding:7px;margin-top:4px}.chip-controls #chip-note{margin-left:auto;font-size:11px;color:#526a88}.leaderboard{margin:18px 20px 22px;padding:17px 20px;border:1px solid var(--line);border-radius:14px;background:#fff}.leaderboard summary{cursor:pointer;font-weight:600;font-size:15px;color:var(--ink)}.leaderboard summary span{font-size:10px;font-weight:400;color:var(--muted);margin-left:10px}.leaderboard p,.leaderboard small{font-size:11px;line-height:1.6;color:var(--muted)}.leaderboard label{font-size:12px;display:block;margin:15px 0 7px}.nickname-row{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:7px}.nickname-row input{flex:1;min-width:130px;width:auto;max-width:260px}.leaderboard-scroll{overflow-x:auto}.leaderboard table{width:100%;border-collapse:collapse;font-size:12px;text-align:left;margin:12px 0}.leaderboard th{font-size:10px;color:var(--muted);font-weight:500}.leaderboard th,.leaderboard td{padding:12px 9px;border-bottom:1px solid #e9edf6}.leaderboard .your-score{background:#edf5ff;font-weight:600}.leaderboard-footer{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap}.leaderboard summary:focus-visible{outline:3px solid #3578d0;outline-offset:4px}
@media(max-width:760px){.chip-controls{margin:0 16px 12px;gap:12px}.chip-controls #chip-note{margin-left:0;flex-basis:100%}.leaderboard{margin:15px 12px;padding:15px}.nickname-row .dark{width:auto}.leaderboard td{overflow-wrap:anywhere}.leaderboard th,.leaderboard td{padding:10px 6px}}

/* Distinct tactile chip denominations, with numeric and selected-state cues. */
.chip-picker{display:flex;gap:13px;padding:7px 3px;flex-wrap:wrap}.stake-chip{--chip:#347cb6;width:58px;height:58px;border:4px dashed #ffffffc9;border-radius:50%;background:var(--chip);color:#fff;box-shadow:0 3px 0 color-mix(in srgb,var(--chip),#000 25%),0 5px 10px #172d501c;padding:5px;position:relative}.stake-chip span{display:grid;place-items:center;border:1px solid #ffffff87;border-radius:50%;width:100%;height:100%;font-size:16px;font-weight:700}.chip-25{--chip:#267e69}.chip-50{--chip:#8b61a9}.chip-100{--chip:#b85f43}.stake-chip[aria-pressed=true]{outline:3px solid #183f6d;outline-offset:4px;transform:translateY(-2px)}.stake-chip[aria-pressed=true]::after{content:'✓';position:absolute;bottom:-8px;right:-6px;background:#183f6d;border:2px solid #fff;border-radius:50%;width:18px;height:18px;font-size:11px;line-height:15px}.stake-chip:disabled{opacity:.4}.stake-chip:disabled[aria-pressed=true]{opacity:.8}.game-column .table .action-row{grid-template-columns:repeat(3,minmax(0,1fr));max-width:740px}.game-column .table #double{background:#f4e4ba;color:#684f1b;border-color:#e4cc8c}.game-column .table .action-row button{padding:10px;gap:8px;min-width:0}.game-column .table .action-copy{min-width:0}.game-column .table .action-row .action-icon{display:none}.game-column .table .action-row small{white-space:normal}.chip-controls{background:#f1f4fb}.chip-balance{min-width:145px}
@media(max-width:760px){.chip-picker{gap:12px}.stake-chip{width:51px;height:51px}.game-column .table .action-row{gap:7px}.game-column .table .action-row button{font-size:13px;padding:9px 5px}.game-column .table .action-row small{font-size:9px}.chip-controls{gap:10px}}