.intelligence-workshop{box-sizing:border-box;position:fixed;inset:0;width:100%;max-width:none;height:100dvh;max-height:none;margin:0;border:0;padding:clamp(12px,3vw,28px);overflow:auto;background:#f6f7fc;color:#24265d;font:18px system-ui;scroll-behavior:auto}.intelligence-workshop header{display:flex;align-items:center;justify-content:space-between;gap:12px}.intelligence-workshop h2{font-size:clamp(20px,3vw,30px)}.intelligence-workshop button,.intelligence-workshop select{font:inherit;min-height:44px;padding:9px 14px;border:1px solid #b7acd9;border-radius:12px;background:#fff;color:#24265d;cursor:pointer;margin:4px}.intelligence-workshop button:focus-visible{outline:3px solid #32b9c5;outline-offset:2px}.intelligence-workshop button:disabled{cursor:default}.intelligence-workshop nav{display:flex;flex-wrap:wrap}.intelligence-workshop nav [aria-pressed=true]{background:#7659de;color:white}.intelligence-notice{padding:12px;background:#fff1c9;border-radius:12px;font-size:14px}.intelligence-card{max-width:600px;background:white;border-radius:24px;padding:24px;box-shadow:0 10px 30px #24265d16}.sudoku-art{white-space:pre;font-size:36px;font-weight:bold;color:#7659de;background:#ede8ff;width:100px;text-align:center;border-radius:20px;padding:10px;box-shadow:0 5px 0 #c9b9ed}.sudoku-board{display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));width:min(100%,420px);border:3px solid #24265d;box-sizing:border-box;margin:16px 0;background:white}.sudoku-board button{margin:0;border-radius:0;padding:0;aspect-ratio:1;min-height:44px;min-width:0;border:1px solid #c4c6d9;font-size:clamp(22px,5vw,32px);font-weight:bold}.sudoku-board .block-left{border-left:3px solid #24265d}.sudoku-board .block-top{border-top:3px solid #24265d}.sudoku-board .given{background:#e6e8f3;color:#24265d}.sudoku-board .hinted{background:#d8f3ec;color:#1c6752}.sudoku-board [aria-pressed=true]:not(.given){background:#ffe29c;box-shadow:inset 0 0 0 3px #a66d00}.sudoku-pad{display:flex;flex-wrap:wrap;max-width:440px}.sudoku-pad button{flex:1;min-width:42px;margin:3px;padding:8px}.intelligence-workshop>section{max-width:900px;margin:auto}@media(max-width:420px){.intelligence-workshop{font-size:16px}.intelligence-workshop nav button{font-size:14px;flex:1 1 40%}}@media(prefers-reduced-motion:reduce){.intelligence-workshop *{animation:none!important;transition:none!important}}

.intelligence-workshop[data-playing="true"]>nav{display:none}.intelligence-workshop[data-playing="true"] .intelligence-notice{font-size:12px;padding:6px;margin:4px 0}.intelligence-workshop[data-playing="true"] h2{margin:4px 0}.intelligence-workshop[data-playing="true"] h3{margin:10px 0}.intelligence-workshop[data-playing="true"] .sudoku-board{width:min(100%,clamp(264px,calc(100dvh - 330px),420px));margin:8px 0}.intelligence-workshop[data-playing="true"]>section>p{margin:8px 0}.intelligence-workshop[data-playing="true"]>section{max-width:700px}
/* Branded workshop catalog; gameplay retains its compact, readable layout. */
.intelligence-workshop .intelligence-hero{max-width:1120px;margin:12px auto;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 32px;border-radius:28px;background:linear-gradient(115deg,#24265d,#7659de);color:white;overflow:hidden;box-shadow:0 12px 30px #24265d18}
.intelligence-hero h3{font-size:clamp(26px,4vw,42px);margin:10px 0}.intelligence-hero p{max-width:560px;line-height:1.6}.intelligence-hero small{letter-spacing:2px;font-weight:800;color:#ffe29c}.intelligence-hero img{width:140px;height:190px;object-fit:contain;flex-shrink:0;filter:drop-shadow(0 8px 8px #15163455)}
.intelligence-workshop>header,.intelligence-workshop>.intelligence-notice{max-width:1120px;margin-left:auto;margin-right:auto}
.intelligence-workshop>nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;max-width:1120px;margin:24px auto}
.intelligence-workshop>nav button{--accent:#7659de;--tint:#eee8ff;background:var(--tint);color:#24265d;border:2px solid transparent;border-radius:22px;padding:18px;text-align:left;display:flex;flex-direction:column;gap:10px;margin:0;box-shadow:0 5px 0 #24265d10;position:relative}
.intelligence-workshop>nav button[data-color="1"]{--accent:#147c86;--tint:#dff7f5}.intelligence-workshop>nav button[data-color="2"]{--accent:#bd476b;--tint:#ffebf1}.intelligence-workshop>nav button[data-color="3"]{--accent:#916100;--tint:#fff1cb}
.intelligence-workshop>nav button[aria-pressed=true]{background:var(--tint);color:#24265d;border-color:var(--accent)}.intelligence-workshop>nav button[aria-pressed=true]::after{content:'✓';position:absolute;right:12px;top:10px;color:var(--accent);font-weight:900}
.category-symbol{display:grid;place-items:center;width:52px;height:48px;border-radius:15px;background:white;color:var(--accent);font-size:26px;font-weight:900;box-shadow:0 4px 0 #24265d12}.intelligence-workshop>nav strong{font-size:17px;line-height:1.35}.intelligence-workshop>nav small{font-size:13px;color:#454766}
.intelligence-workshop>section{max-width:1120px}.intelligence-card{max-width:330px;padding:20px;border:1px solid #e3e4f0;overflow:hidden}.intelligence-card .sudoku-art{box-sizing:border-box;width:calc(100% + 40px);margin:-20px -20px 20px;border-radius:0;padding:24px;color:white;background:linear-gradient(135deg,#7659de,#32b9c5);text-shadow:0 3px 0 #24265d33;letter-spacing:10px;line-height:1.3;box-shadow:none}.intelligence-card h3{font-size:23px;margin:12px 0}.intelligence-card p{font-size:15px;line-height:1.6}.intelligence-card button{width:100%;margin:8px 0 0;background:#24265d;color:white;border:0;border-radius:24px;font-weight:700}
.intelligence-workshop[data-playing=true]>.intelligence-hero{display:none}
@media(max-width:700px){.intelligence-workshop>nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:16px auto}.intelligence-workshop>nav button{padding:14px}.intelligence-workshop .intelligence-hero{padding:20px;gap:8px}.intelligence-hero img{width:90px;height:150px}.intelligence-hero p{font-size:14px}.intelligence-hero small{font-size:10px;letter-spacing:1px}.intelligence-card{max-width:none}}
.intelligence-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.intelligence-grid>h3,.intelligence-grid>p{grid-column:1/-1}.intelligence-grid .intelligence-card{max-width:none;display:flex;flex-direction:column}.intelligence-card button{margin-top:auto}.intelligence-card[data-engine=sky] .sudoku-art{background:linear-gradient(135deg,#147c86,#32b9c5)}.intelligence-card[data-engine=pixel] .sudoku-art{background:linear-gradient(135deg,#bd476b,#e68aaa)}.intelligence-card[data-engine=pyramid] .sudoku-art{background:linear-gradient(135deg,#916100,#ffc64b)}@media(max-width:900px){.intelligence-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:540px){.intelligence-grid{grid-template-columns:1fr}}
.intelligence-workshop>nav button[data-color="4"]{--accent:#08789b;--tint:#ddf7ff}.intelligence-card[data-engine^="ice."] .sudoku-art{background:linear-gradient(135deg,#142858,#23bed0)}
