/* Shared palette from GameShow Control v4.14.2; original game palettes in articles. */
:root{--bg:#101620;--panel:#192334;--panel2:#1c2b40;--line:#354357;--text:#edf2fa;--muted:#a2adc0;--accent:#9de8df;--purple:#92b9ff;--pink:#f4a9ce;--orange:#ffbfa3}
body{font-size:16px}.sidebar{width:280px;background:#121b29;border-color:#2d3b50;padding-top:25px}.shell{margin-left:280px}.topbar{background:#141e2df5;border-color:#2d3b50}.brand{display:flex;flex-direction:column;align-items:flex-start;gap:5px;padding:0 8px 24px}.brand>img{width:225px;max-height:65px;object-fit:contain}.help-label{font-size:11px;letter-spacing:2.5px;font-weight:700;margin-left:56px;padding:2px 9px;background:#9de8df14;border:1px solid #9de8df36;color:#9de8df;border-radius:5px}.nav-link{font-size:14px;line-height:1.5;padding:12px;min-height:48px}.nav-label{font-size:11px;letter-spacing:1.5px}.nav-game{gap:12px;font-size:14px}.nav-game-logo{width:42px;height:32px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.nav-game-logo img{width:100%;height:100%;object-fit:contain}.nav-game-logo.stw{width:42px;height:30px}.side-bottom{font-size:13px;padding-top:20px}.side-bottom>a{display:flex;gap:9px;align-items:center;color:#b5f3e7}.side-bottom .icon{width:18px;height:18px}.breadcrumb{font-size:13px}.search-trigger{font-size:13px;min-width:245px}.hero-copy{font-size:16px;max-width:465px}.hero h1{font-size:clamp(40px,3.4vw,58px)}.button{font-size:14px;padding:12px 17px}.eyebrow{font-size:11px;letter-spacing:1.8px}.hero-art:before{background:radial-gradient(ellipse at 55% 50%,#41679c40,transparent 70%)}.mini-window{background:#192334;border-color:#47657b}.mini-stage{background:linear-gradient(125deg,#203e46,#282b4e);border-color:#47657b}.mini-stage-title{color:#b5f3e7}.floating-pill{background:#1d3538;border-color:#3d6164}.category-card{background:#192334;border-color:#354357;padding:24px;min-height:200px}.category-card:hover{border-color:#789aaf}.category-card h2{font-size:18px}.category-card p{font-size:14px;line-height:1.7}.card-meta{font-size:12px}.section-title h2{font-size:22px}.section-title p{font-size:12px}.game-visual{height:175px}.game-visual img{width:72%;max-height:115px;object-fit:contain}.game-visual.stw img{width:57%;max-height:118px}.game-visual.eh{background:radial-gradient(ellipse at 10% 15%,#344874,#241638 80%)}.game-visual.stw{background:radial-gradient(ellipse at 8% 10%,#69c8fa2b,transparent 65%),radial-gradient(ellipse at 90% 90%,#ee9fc932,transparent 65%),#101923}.game-visual.bingo{background:radial-gradient(ellipse at 10% 10%,#bb3e8d3d,transparent 60%),radial-gradient(ellipse at 90% 90%,#19bcbd35,transparent 60%),#19152f}.game-info{padding:18px;gap:10px}.game-info strong{font-size:15px}.game-info small{font-size:12px;line-height:1.6}.bottom-banner strong{font-size:15px}.bottom-banner p{font-size:13px}.bottom-banner>a{font-size:13px}.footer{font-size:12px}.article-row h2{font-size:17px}.article-row p{font-size:14px}.article-row small{font-size:12px}.page-intro>p{font-size:16px}.back-link{font-size:13px}.reader-layout{grid-template-columns:minmax(0,760px) 210px;gap:36px}.reader .lede{font-size:17px}.article-meta{font-size:12px;gap:14px;flex-wrap:wrap}.small-button{font-size:12px;padding:9px 12px}.reader h2{font-size:25px}.reader h3{font-size:17px}.reader section p,.reader section li{font-size:16px;line-height:1.85}.reader section li{margin-bottom:13px}.steps>li{gap:16px;margin-bottom:25px!important}.steps>li:before{font-size:12px;width:35px;height:35px;flex-basis:35px}.steps h3{font-size:17px}.callout{font-size:15px;line-height:1.85;padding:20px}.toc>span{font-size:11px}.toc a{font-size:13px;padding-block:8px}.toc nav{margin-top:17px}.reader section strong{color:#edf2fa}.caption{font-size:12px!important}.sources summary,.sources a{font-size:13px}.source-note{font-size:12px}.related>h2{font-size:19px}.related .article-row h2{font-size:15px}.reference-images figcaption{font-size:12px}.table-wrap table{font-size:15px;min-width:380px}th{font-size:13px}td{font-size:15px;line-height:1.7}th,td{padding:15px}.level{font-size:12px}.checklist label{font-size:15px}.checklist-footer,.text-button{font-size:12px}.checklist input{width:20px;height:20px;flex-basis:20px}.note-panel{font-size:16px}.note-panel h2{font-size:22px}.search-dialog-top label{font-size:17px}#search-input{font-size:16px}.search-result strong{font-size:16px}.search-result p{font-size:14px}.search-result small{font-size:11px}.search-heading,.search-help{font-size:12px}.search-empty{font-size:15px}.game-reader-logo{height:105px;justify-content:flex-start;margin:20px 0 30px}.game-reader-logo img{width:auto;max-width:290px;max-height:105px}.reader header{padding-bottom:2px}.reader header h1{font-size:clamp(32px,3vw,46px)}.reader code{background:#26364b;border:1px solid #435773;padding:2px 5px;border-radius:4px;font-size:.88em}
body[data-game="eh"]{--accent:#ffbf47;--line:#4d3d70;--panel:#241d39;--panel2:#2b2445}.shell{min-height:100vh}.reader-layout{position:relative}body[data-game="eh"] .shell{background:radial-gradient(ellipse at 0 10%,#31437480,transparent 55%),radial-gradient(ellipse at 95% 35%,#67398045,transparent 55%),#14112d}body[data-game="eh"] .callout{background:#30295b;border-color:#4d3d82;border-left-color:#ffbf47;color:#e5d3b0}body[data-game="eh"] .steps>li:before{background:#30295b;border-color:#66517c}body[data-game="eh"] th{background:#30295b}body[data-game="eh"] .article-row{background:#211c35}body[data-game="eh"] .nav-link.active{background:#ffbf4714;color:#ffca6b}
body[data-game="stw"]{--accent:#97d9fa;--line:#445766;--panel:#192b3d;--panel2:#253b50}body[data-game="stw"] .shell{background:radial-gradient(ellipse at 6% 2%,#69c8fa2b,transparent 52%),radial-gradient(ellipse at 98% 96%,#ee9fc932,transparent 48%),linear-gradient(135deg,#101923,#172230 54%,#29202d)}body[data-game="stw"] .callout{background:linear-gradient(110deg,#203649,#352c40);border-color:#7195af;border-left-color:#f4a9ce;color:#d3dfea}body[data-game="stw"] .steps>li:before{background:#253b50;border-color:#7096ac}body[data-game="stw"] th{background:#253b50}body[data-game="stw"] .nav-link.active{background:#97d9fa14;color:#97d9fa}
body[data-game="bingo"]{--accent:#ffcd72;--line:#604a65;--panel:#261e3d;--panel2:#392549}body[data-game="bingo"] .shell{background:radial-gradient(ellipse at 5% 10%,#bb3e8d3d,transparent 50%),radial-gradient(ellipse at 95% 90%,#19bcbd35,transparent 55%),radial-gradient(ellipse at 85% 0,#ffad3b20,transparent 45%),#19152f}body[data-game="bingo"] .callout{background:#343043;border-color:#8d7160;border-left-color:#ffcd72;color:#f4e1c1}body[data-game="bingo"] .steps>li:before{background:#3d2b44;border-color:#7b658d}body[data-game="bingo"] th{background:#3d2b44}body[data-game="bingo"] .nav-link.active{background:#ffcd7214;color:#ffcd72}.bingo-category-label{display:flex;gap:9px;align-items:center;white-space:nowrap}.bingo-category-label i{display:block;width:11px;height:11px;border-radius:3px;flex:0 0 11px}.bingo-color-b294ff{background:#b294ff}.bingo-color-65d9f6{background:#65d9f6}.bingo-color-78dfa0{background:#78dfa0}.bingo-color-ffb65e{background:#ffb65e}.bingo-color-7cafff{background:#7cafff}.bingo-color-f78ebf{background:#f78ebf}.bingo-color-ff777b{background:#ff777b}
.connection-example{padding:23px;border:1px solid #725294;border-radius:14px;background:linear-gradient(115deg,#28305b,#402447);margin:24px 0}.connection-example>span{font-size:10px;font-weight:650;color:#e3b4ec;letter-spacing:1px}.connection-example>div{display:flex;align-items:center;gap:15px;margin:16px 0;flex-wrap:wrap}.connection-example>div strong{font-size:19px!important}.connection-example>div>b{color:#ffbf47}.connection-example>p{margin:0!important}.connection-example>p>strong{color:#ffca6b!important}.setup-figure{margin:23px 0;padding:18px;background:#141e2d;border:1px solid #354357;border-radius:12px}.setup-figure img{display:block;width:100%;border-radius:6px}.setup-figure figcaption{font-size:12px;color:#a2adc0;margin-top:13px;line-height:1.65}.monitoring-example{display:flex;align-items:center;gap:26px;margin:24px 0}.monitoring-example figure{flex:0 0 142px;margin:0;padding:16px;border:1px solid #354357;border-radius:12px;background:#141e2d;text-align:center}.monitoring-example img{width:85px;height:auto;max-height:300px;object-fit:contain}.monitoring-example figcaption{font-size:12px;line-height:1.6;color:#9de8df;margin-top:13px}.monitoring-example>div{min-width:0}.final-calculator{padding:24px;border:1px solid #715882;background:#211d36;border-radius:14px;margin-bottom:24px}.calculator-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.calculator-fields label{font-size:13px;color:#d6cde3}.calculator-fields input{display:block;width:100%;margin-top:9px;font:inherit;font-size:18px;color:#fff;background:#161428;border:1px solid #69557a;border-radius:8px;padding:12px}.calculator-toggle{display:flex;gap:10px;align-items:center;font-size:14px;margin:20px 0;color:#ddd4e6}.calculator-toggle input{accent-color:#ffbf47;width:19px;height:19px}.calculator-limit{font-size:13px!important;color:#c7b9d8!important}.calculator-outcomes{display:grid;grid-template-columns:1fr 1fr;gap:12px}.calculator-outcomes>div{padding:17px;background:#9de8df0b;border:1px solid #9de8df44;border-radius:9px}.calculator-outcomes>div:last-child{background:#ff7c8109;border-color:#ff7c8150}.calculator-outcomes span{display:block;font-size:10px;color:#a2c4bc;letter-spacing:1px}.calculator-outcomes>div:last-child span{color:#dda7b3}.calculator-outcomes strong{display:block;font-size:28px;color:#9de8df!important;margin:4px 0}.calculator-outcomes>div:last-child strong{color:#ff9ba5!important}.calculator-outcomes small{display:block;font-size:12px;color:#c8c2d2}.calculator-error{color:#ffb4b8!important;font-size:14px!important;margin-bottom:0!important}
@media(max-width:1200px){.reader-layout{grid-template-columns:minmax(0,1fr)}.toc{display:none}.sidebar{width:255px}.shell{margin-left:255px}.brand>img{width:214px}.nav-link{font-size:13px}.hero h1{font-size:43px}.hero-art{min-height:260px}.category-card h2{font-size:17px}.game-info{padding:15px}.game-info small{font-size:11px}.game-visual{height:150px}.breadcrumb{font-size:12px}.search-trigger{min-width:220px}}
@media(max-width:850px){.sidebar{width:280px}.shell{margin-left:0}.brand>img{width:225px}.nav-link{font-size:15px}.search-trigger{min-width:0}.hero-copy{font-size:16px}.game-visual img{width:78%}.game-info strong{font-size:14px}.footer{font-size:11px}}
@media(max-width:580px){.hero h1{font-size:44px}.hero-copy{font-size:16px}.button{font-size:13px}.category-card{min-height:0;padding:21px}.category-card h2{font-size:18px}.category-card p{font-size:14px}.section-title h2{font-size:22px}.card-meta{font-size:12px}.game-visual{width:132px;flex-basis:132px;height:118px}.game-visual img{width:88%;max-height:90px}.game-visual.stw img{width:69%;max-height:88px}.game-info strong{font-size:15px}.game-info small{font-size:12px}.bottom-banner strong{font-size:15px}.bottom-banner p{font-size:13px}.bottom-banner>a{font-size:13px}.article-row h2{font-size:17px}.article-row p{font-size:14px}.article-row small{font-size:12px}.page-intro h1,.reader header h1{font-size:33px}.page-intro>p,.reader .lede{font-size:16px}.reader h2{font-size:23px}.reader section p,.reader section li{font-size:16px;line-height:1.8}.steps h3{font-size:16px}.steps>li{gap:12px}.steps>li:before{width:29px;height:29px;flex-basis:29px}.callout{font-size:15px;padding:17px}.article-meta{font-size:11px}.table-wrap table{min-width:370px}th{font-size:12px}td{font-size:14px}th,td{padding:12px}.level{font-size:11px}.checklist label{font-size:14px}.checklist-footer{font-size:11px;gap:10px}.game-reader-logo{height:90px;margin-top:20px}.game-reader-logo img{max-width:240px;max-height:90px}.monitoring-example{align-items:flex-start;gap:18px}.monitoring-example figure{flex-basis:104px;padding:10px}.monitoring-example figcaption{font-size:11px}.monitoring-example img{width:75px}.monitoring-example p{font-size:14px!important}.setup-figure{padding:9px}.setup-figure figcaption{font-size:11px}.final-calculator{padding:17px}.calculator-fields{grid-template-columns:1fr}.calculator-fields label{font-size:14px}.calculator-fields input{margin-top:6px}.calculator-outcomes{grid-template-columns:1fr}.calculator-outcomes span{font-size:11px}.calculator-outcomes small{font-size:13px}.connection-example{padding:19px}.connection-example>div{gap:10px}.connection-example>div strong{font-size:17px!important}.note-panel{font-size:15px}.search-dialog-top label{font-size:16px}.breadcrumb{font-size:11px}.search-trigger{min-width:0}#toast{max-width:calc(100% - 24px);width:max-content;text-align:center}}
@media print{body[data-game] .shell{background:white}.game-reader-logo{display:flex;height:75px;max-width:210px}.game-reader-logo img{max-height:75px}.final-calculator{background:#eee;border-color:#777}.final-calculator p,.calculator-fields label,.calculator-toggle,.calculator-limit{color:#111!important}.calculator-fields input{color:#111;background:#fff}.calculator-outcomes strong,.calculator-outcomes span,.calculator-outcomes small{color:#111!important}.calculator-outcomes>div{border-color:#888;background:white}.connection-example{background:#eee;border-color:#999}.connection-example>span,.connection-example strong,.connection-example>p>strong{color:#111!important}.reader section p,.reader section li{font-size:11pt}.callout{font-size:10pt}.setup-figure,.monitoring-example figure{background:#fff;border-color:#bbb}.setup-figure figcaption,.monitoring-example figcaption{color:#333}.reader section{break-inside:auto}.steps>li,.callout,.setup-figure,.connection-example{break-inside:avoid}}
/* Guided setup, shared checklist and clear final outcomes. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.setup-entry{display:flex;align-items:center;gap:18px;padding:23px;border:1px solid #4f7b81;border-radius:14px;background:linear-gradient(110deg,#1c343e,#1b2a40);margin:0 0 25px}.setup-entry>.icon{color:#9de8df;width:28px;height:28px;flex-shrink:0}.setup-entry>div{flex:1}.setup-entry strong{font-size:18px}.setup-entry p{font-size:14px;color:#b1c7d1;margin:7px 0 0;line-height:1.6}.setup-entry .button{flex-shrink:0}.setup-wizard{max-width:900px;margin:0 auto}.setup-rail{margin:0 0 28px}.setup-rail ol{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));padding:0;margin:0;gap:8px;list-style:none}.setup-rail a{display:flex;flex-direction:column;gap:8px;align-items:center;font-size:12px;font-weight:600;padding:12px 5px;border:1px solid #354357;border-radius:10px;background:#192334;color:#a2adc0}.setup-step-number{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;border:1px solid #546276;font-size:13px}.setup-rail a[aria-current=step]{color:#edf2fa;background:#253e47;border-color:#9de8df}.setup-rail a[aria-current=step] .setup-step-number{background:#9de8df;color:#101620;border-color:#9de8df}.setup-rail a.complete:not([aria-current=step]){color:#9de8df}.setup-rail a.complete .setup-step-number{border-color:#6da99f}.setup-heading h1{font-size:clamp(28px,3vw,40px);letter-spacing:-1px;line-height:1.2;margin:14px 0}.setup-heading p{font-size:17px;color:#b5c3d2;line-height:1.7;max-width:700px}.setup-progress{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin:22px 0 28px;font-size:13px;color:#b5c3d2}.setup-progress progress{height:8px;flex:1;min-width:60px;max-width:250px;appearance:none;border:0;border-radius:5px;background:#29384b;overflow:hidden;accent-color:#9de8df}.setup-progress progress::-webkit-progress-bar{background:#29384b}.setup-progress progress::-webkit-progress-value{background:#9de8df}.setup-progress progress::-moz-progress-bar{background:#9de8df}.setup-progress a{margin-left:auto;color:#9de8df;text-decoration:underline;text-underline-offset:3px}.setup-tasks{display:grid;gap:18px}.setup-task{padding:24px;background:#192334;border:1px solid #354357;border-radius:14px}.setup-task.complete{border-color:#5d9f94}.setup-task-heading{display:flex;align-items:center;gap:12px;margin-bottom:15px}.setup-task-heading>span{display:grid;place-items:center;flex:0 0 29px;height:29px;border-radius:8px;background:#29424b;font-size:12px;font-weight:700;color:#9de8df}.setup-task h2{font-size:20px;margin:0;line-height:1.4;letter-spacing:-.3px}.setup-task-copy p{font-size:16px;line-height:1.8;color:#bac8d8;margin:0 0 13px}.setup-task-copy strong{color:#edf2fa}.setup-task-copy .callout{margin:10px 0 19px}.setup-task-check{display:flex;gap:12px;align-items:flex-start;background:#111c2b;padding:15px;border:1px solid #3c5067;border-radius:9px;cursor:pointer;font-size:15px;line-height:1.6}.setup-task-check input{width:20px;height:20px;flex:0 0 20px;margin:2px 0 0;accent-color:#9de8df}.setup-task.complete .setup-task-check{background:#163333;border-color:#457c73}.setup-image-details{margin:14px 0 18px}.setup-image-details summary{cursor:pointer;color:#9de8df;font-size:14px}.setup-reference{margin:16px 0}.setup-reference img{max-height:250px;max-width:100%;border-radius:8px}.setup-reference figcaption{font-size:12px;color:#a2adc0;margin-top:9px}.setup-detail-link{font-size:14px;margin:20px 0}.setup-detail-link a{color:#9de8df;text-decoration:underline;text-underline-offset:3px}.setup-actions{display:flex;justify-content:space-between;align-items:stretch;gap:15px;padding:23px 0 0;margin-top:22px;border-top:1px solid #354357}.setup-storage-note{font-size:12px;color:#a2adc0;line-height:1.6;margin-top:17px}.setup-check-group{padding:12px 0 22px;border-bottom:1px solid #354357}.setup-check-group:last-of-type{border:0}.setup-check-group h3{margin:8px 0 0}.setup-check-group>a{display:inline-block;margin-top:13px;font-size:13px}.setup-check-group label:last-of-type{border:0}.setup-summary{display:grid;gap:10px}.setup-summary-row{display:flex;gap:15px;align-items:center;padding:18px;border:1px solid #354357;border-radius:12px;background:#192334}.summary-symbol{font-size:24px;color:#a2adc0}.setup-summary-row.complete .summary-symbol{color:#9de8df}.setup-summary-row>span:nth-child(2){flex:1}.setup-summary-row strong{font-size:16px}.setup-summary-row small{display:block;font-size:13px;color:#a2adc0;margin-top:5px}.setup-summary-row>.icon{width:18px}.article-setup-entry{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;border:1px solid #45606f;border-radius:10px;padding:15px 18px;background:#1b2e3b;margin:0 0 25px;font-size:13px}.article-setup-entry span,.article-setup-entry a{display:flex;align-items:center;gap:8px}.article-setup-entry a{color:#9de8df;font-weight:600}.article-setup-entry .icon{width:16px}.article-next{display:flex;justify-content:space-between;align-items:center;gap:18px;border-top:1px solid #354357;padding-top:24px;margin:24px 0}.step-previous{display:flex;align-items:center;gap:8px;color:#a2adc0;font-size:13px}.step-previous .icon{width:17px}.step-next{padding:16px 19px;border:1px solid #57817d;background:#1e383d;border-radius:10px;max-width:80%}.step-next small{display:block;color:#a9cac6;font-size:10px;letter-spacing:1px;margin-bottom:7px}.step-next strong{display:flex;gap:15px;align-items:center;color:#d8faf3;font-size:16px;line-height:1.5}.step-next .icon{width:19px;flex-shrink:0}.setup-related{display:none}.finale-results{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:22px 0}.finale-result{padding:22px;border:1px solid #77ccb866;border-radius:13px;background:#9de8df0b}.finale-result.failure{border-color:#ed8c9b66;background:#ff7c8109}.finale-result .result-symbol{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;color:#b3f2dc;background:#8beac21a;font-size:25px;margin-bottom:14px}.finale-result.failure .result-symbol{background:#fa82921a;color:#ffacbb}.reader .finale-result h3{font-size:21px;margin:0 0 10px}.reader .finale-result p{font-size:15px;line-height:1.7;margin:10px 0 0}.reader .finale-result>strong{display:block;color:#a7f0dc;font-size:21px;margin:19px 0}.reader .finale-result.failure>strong{color:#ffa9b8}
@media(max-width:1150px){.setup-entry{flex-wrap:wrap}.setup-entry>.button{margin-left:46px}.setup-rail a{font-size:11px}}
@media(max-width:580px){.setup-entry{padding:19px;gap:12px}.setup-entry strong{font-size:17px}.setup-entry>.button{margin-left:0;width:100%;justify-content:center}.setup-entry>.icon{display:none}.setup-rail ol{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.setup-rail a{flex-direction:row;justify-content:center;gap:7px;padding:9px 4px;font-size:11px}.setup-step-number{width:23px;height:23px;flex-shrink:0;font-size:12px}.setup-heading h1{font-size:30px}.setup-heading p{font-size:16px}.setup-progress{gap:9px}.setup-progress a{margin-left:0;width:100%;font-size:12px}.setup-task{padding:17px}.setup-task h2{font-size:18px}.setup-task-check{font-size:14px;padding:12px}.setup-task-copy p{font-size:16px}.setup-actions{flex-wrap:wrap}.setup-actions .button{justify-content:center}.setup-actions .primary{flex:1}.article-setup-entry{font-size:12px;padding:13px}.step-next{padding:14px;max-width:75%}.step-next strong{font-size:14px;gap:8px}.finale-results{grid-template-columns:1fr}.reader .finale-result p{font-size:16px}.setup-task .monitoring-example{display:block}.setup-task .monitoring-example figure{float:left;margin:0 15px 10px 0;width:104px}.setup-task .monitoring-example:after{content:'';display:block;clear:both}}
@media print{.setup-rail,.setup-actions,.setup-detail-link,.setup-storage-note,.setup-entry,.article-setup-entry,.article-next{display:none!important}.setup-task,.setup-summary-row,.finale-result{background:white!important;border-color:#888;break-inside:avoid}.setup-task-check{background:white;color:#111}.setup-task-copy p,.setup-task-copy strong,.setup-heading p,.setup-task h2,.setup-heading h1{color:#111}.reader .finale-result>strong{color:#111!important}.setup-progress{color:#111}.finale-results{grid-template-columns:1fr 1fr}}
/* Interactive examples: local demonstrations, visually based on the player UI. */
.player-demo{margin:24px 0;border:1px solid #685780;border-radius:18px;padding:24px;background:#17132d;box-shadow:0 12px 35px #0002;overflow:hidden}.demo-top{display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid #ffffff24;padding-bottom:17px;margin-bottom:22px}.demo-top img{width:115px;height:63px;object-fit:contain}.demo-top>span{font-size:10px;letter-spacing:1px;color:#c7bdd6;font-weight:600;max-width:160px;text-align:right;line-height:1.7}.bingo-demo{background:radial-gradient(ellipse at 0 0,#57295170,transparent 55%),radial-gradient(ellipse at 100% 100%,#22575b50,transparent 65%),#19152f;border-color:#6e4f74}.eh-demo{background:radial-gradient(ellipse at 0 0,#334b8380,transparent 55%),#211834}.stw-demo{background:radial-gradient(ellipse at 0 0,#5ab7e02b,transparent 55%),radial-gradient(ellipse at 100% 100%,#f3a9cf28,transparent 55%),#142130;border-color:#5f8a9d}.reader .player-demo h3{font-size:22px;margin:10px 0 13px;line-height:1.4}.reader .player-demo p{font-size:15px;line-height:1.8}.reader .player-demo .demo-caption{font-size:12px;color:#b6adc8;line-height:1.7;margin:17px 0 0}.demo-verdict{display:inline-block;font-size:13px;font-weight:600;color:#aeefd2;border:1px solid #86dabd66;background:#87d7b311;border-radius:7px;padding:8px 11px}.demo-board{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;max-width:480px;aspect-ratio:1;margin:22px auto}.demo-cell{aspect-ratio:1;border:1px solid color-mix(in srgb,var(--category) 65%,transparent);background:color-mix(in srgb,var(--category) 18%,#17142e);color:var(--category);border-radius:9px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:4px;min-width:0;min-height:0}.demo-cell:disabled{opacity:1;cursor:default}.demo-cell small{font-size:clamp(10px,1.2vw,13px);line-height:1.2;font-weight:700;text-align:center;overflow-wrap:anywhere}.demo-cell>span{font-size:23px;line-height:1}.demo-cell.marked{background:color-mix(in srgb,var(--category) 38%,#15132c);color:white}.demo-cell.selectable{border:3px solid white;box-shadow:0 0 11px #65d9f64a;cursor:pointer}.demo-cell.selectable:hover{filter:brightness(1.18)}.demo-cell.winning{background:var(--category);color:#15132c;box-shadow:inset 0 0 0 2px white}.demo-color-artist{--category:#b294ff}.demo-color-title{--category:#65d9f6}.demo-color-year5{--category:#78dfa0}.demo-color-year2{--category:#ffb65e}.demo-color-decade{--category:#7cafff}.demo-color-era{--category:#f78ebf}.demo-color-year{--category:#ff777b}.demo-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:9px 14px;margin:18px auto;font-size:12px;color:#ddd7e7;max-width:480px}.demo-legend>span{display:flex;align-items:center;gap:6px}.demo-legend i{display:block;flex:0 0 10px;width:10px;height:10px;border-radius:3px;background:var(--category)}.demo-status{background:#ffffff07;border:1px solid #ffffff24;border-radius:10px;padding:14px 16px;margin:19px 0!important}.has-bingo .demo-status{color:#b3f2dc!important;border-color:#91e3b9;animation:demo-bingo-reveal .45s ease-out}.demo-reset{margin-top:16px;color:#d4cbe3!important;border-color:#625573!important;background:#28233b!important}.wheel-demo-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:22px;align-items:center}.demo-wheel-svg{display:block;width:100%;height:auto;max-width:360px;margin:0 auto;overflow:visible;filter:drop-shadow(0 10px 15px #0004)}.demo-wheel-svg text{fill:#16182d;font-size:16px;font-weight:800;letter-spacing:.2px}.wheel-demo-layout>.button{margin-top:15px}.wheel-example .demo-status{font-weight:600;color:#ffe1a1!important}.player-demo button:disabled{cursor:default}.demo-topic{text-align:center}.demo-topic>span,.demo-form-heading>span{font-size:11px;letter-spacing:2px;color:#c6bdd6;font-weight:600}.demo-topic>strong{display:block;font-size:34px!important;line-height:1.3;margin:5px 0 19px}.demo-topic>div{display:flex;align-items:center;justify-content:center;gap:13px;background:#451f37;border:1px solid #bc4c6466;padding:13px;border-radius:10px;max-width:320px;margin:0 auto}.demo-topic small{font-size:10px;color:#f3b1bd;letter-spacing:1px}.demo-topic b{font-size:24px;color:#ff929f}.demo-clock{font-size:48px;color:#ffbf47;font-weight:800;text-align:center;font-variant-numeric:tabular-nums;margin:24px 0}.demo-buzzer{display:block;width:100%;border:1px solid #ffba4b;border-radius:13px;padding:24px 15px;font-size:26px;letter-spacing:1px;font-weight:800;background:linear-gradient(115deg,#ffcf63,#ffac46);color:#25162d;box-shadow:0 4px 0 #a5652c}.demo-buzzer span{display:block;font-size:10px;letter-spacing:1px;font-weight:650;margin-top:9px}.buzzed .demo-buzzer{background:linear-gradient(115deg,#fa8e97,#ed5876);border-color:#ffabba;box-shadow:0 4px 0 #933e59;animation:demo-buzzer-pop .35s ease-out}.demo-hints{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.demo-hints span{background:#ffffff0c;border:1px solid #ffffff30;border-radius:8px;padding:9px 13px;font-size:13px;color:#e4dcec}.answer-example form{display:grid;gap:18px;margin:22px 0 0}.answer-example form[hidden]{display:none}.answer-example label{display:grid;gap:8px;font-size:14px;color:#d8cfe1}.answer-example input{width:100%;font:inherit;font-size:17px;color:#eef2fa;background:#0d1728;border:1px solid #677487;border-radius:9px;padding:14px;min-width:0}.answer-example .button{justify-content:center}.demo-answer-status{padding:24px;border:1px solid #8ddbb5;background:#79d5bc0b;border-radius:11px;line-height:1.8;font-size:16px;color:#b9f2df;margin:20px 0 0}.demo-answer-status[hidden],.demo-reset[hidden]{display:none}.demo-form-heading h3{margin:7px 0!important}
@keyframes demo-buzzer-pop{0%{transform:scale(.97)}60%{transform:scale(1.01)}100%{transform:scale(1)}}@keyframes demo-bingo-reveal{from{opacity:.4;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1050px){.wheel-demo-layout{grid-template-columns:1fr}.wheel-demo-layout>div:first-child{max-width:320px;width:100%;margin:auto}.wheel-demo-layout>div:last-child{text-align:center}.wheel-demo-layout .button{margin:auto}}
@media(max-width:580px){.player-demo{padding:17px;border-radius:14px}.demo-top img{width:97px;height:53px}.demo-top>span{font-size:9px;max-width:142px}.demo-board{gap:4px}.demo-cell{border-radius:6px;padding:3px}.demo-cell.selectable{border-width:2px}.demo-cell small{font-size:10px}.demo-cell>span{font-size:18px}.demo-legend{font-size:11px}.reader .player-demo h3{font-size:20px}.reader .player-demo p{font-size:15px}.demo-buzzer{font-size:22px;padding:21px 10px}.demo-status{padding:12px}.demo-verdict{font-size:12px}.wheel-demo-layout{gap:10px}.demo-hints span{font-size:12px;padding:7px 10px}}
@media print{.player-demo{box-shadow:none;break-inside:avoid}.player-demo .demo-reset,.player-demo button[data-demo-spin]{display:none}.player-demo{print-color-adjust:exact;-webkit-print-color-adjust:exact}.reader .player-demo h3,.reader .player-demo p,.reader .demo-topic>strong{color:inherit!important}.demo-board{max-width:380px}.demo-top>span{color:#c7bdd6}.wheel-demo-layout{grid-template-columns:1fr 1fr}}

.hint-connections{display:grid;gap:12px;margin:20px 0}.hint-connections>div{padding:18px 20px;border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:10px;background:#ffffff04}.hint-connections dt{color:var(--accent);font-size:17px;font-weight:700;margin:0 0 7px}.hint-connections dd{margin:0;color:#bac4d0;font-size:16px;line-height:1.8}@media(max-width:580px){.hint-connections>div{padding:16px}.hint-connections dd{font-size:16px}}@media print{.hint-connections>div{break-inside:avoid;border-color:#999;background:white}.hint-connections dt,.hint-connections dd{color:#111}}