.block-workshop-card{background:linear-gradient(145deg,#ffd667,#ff9472)!important;border:3px solid #a84b34!important}.block-workshop-card span{background:#fff6d9!important;font-size:30px}.block-workshop-game{max-width:1080px;margin:34px auto 55px;padding:clamp(20px,4vw,46px);border-radius:34px;background:radial-gradient(circle at 86% 8%,#fff7a8 0 7%,transparent 23%),linear-gradient(145deg,#fff3d4,#e1f5ff);box-shadow:0 18px 55px #27325125;text-align:center;scroll-margin-top:18px}.block-workshop-top{display:flex;align-items:center;justify-content:space-between;gap:15px}.block-workshop-progress{font-weight:950;color:#9c442f}.block-workshop-game h2{margin:18px 0 10px;font-size:clamp(34px,6vw,60px);line-height:1.05}.block-workshop-prompt{max-width:820px;min-height:2.7em;margin:0 auto 18px;font-size:clamp(20px,3vw,28px);line-height:1.4;font-weight:850;color:#344264}.block-workshop-modes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;max-width:900px;margin:24px auto}.block-workshop-modes button{min-height:150px;padding:18px;border:4px solid #da9b55;border-radius:25px;background:#fff;color:#17213d;box-shadow:0 7px 0 #aa6a3f;font:inherit;cursor:pointer}.block-workshop-modes button:hover,.block-workshop-modes button:focus-visible{transform:translateY(-3px);border-color:#a84b34}.block-workshop-modes span{display:block;font-size:48px}.block-workshop-modes strong{display:block;margin-top:7px;font-size:clamp(19px,2.4vw,25px)}.block-workshop-modes small{display:block;margin-top:6px;font-size:15px;font-weight:800;color:#59677c}.block-palette{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:14px auto 18px}.block-palette button{display:flex;align-items:center;gap:8px;min-height:55px;padding:9px 15px;border:4px solid #fff;border-radius:18px;background:#fff;box-shadow:0 4px 0 #8793a6;font-size:16px;font-weight:950;cursor:pointer}.block-palette button.selected{border-color:#17213d;transform:translateY(-3px)}.block-swatch{display:block;width:32px;height:32px;border-radius:8px;box-shadow:inset -5px -6px #0002,inset 4px 4px #fff5}.block-swatch.red{background:#ff665f}.block-swatch.blue{background:#4d8eff}.block-swatch.yellow{background:#ffd442}.block-swatch.green{background:#54c978}.block-swatch.erase{background:linear-gradient(135deg,#fff 45%,#ff6b6b 46% 54%,#fff 55%)}.block-board{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;max-width:610px;margin:15px auto;padding:12px;border:7px solid #42556d;border-radius:24px;background:linear-gradient(#bfe8ff 0 65%,#a8dd87 65%);box-shadow:0 10px 0 #2a394b33}.block-board button{position:relative;aspect-ratio:1;min-width:0;border:2px dashed #fff9;border-radius:10px;background:#fff1;cursor:pointer}.block-board button:focus-visible{outline:5px solid #17213d;outline-offset:1px}.placed-block{position:absolute;inset:5px;border-radius:9px;box-shadow:inset -10px -10px #0002,inset 7px 7px #fff5,0 5px 0 #0003;animation:blockPlace .2s ease-out}.placed-block.red{background:#ff665f}.placed-block.blue{background:#4d8eff}.placed-block.yellow{background:#ffd442}.placed-block.green{background:#54c978}.block-count-answers{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin:20px auto}.block-count-answers button{min-width:100px;min-height:90px;border:4px solid #627b9d;border-radius:23px;background:#fff;color:#17213d;box-shadow:0 7px 0 #627b9d;font-size:34px;font-weight:950;cursor:pointer}.block-workshop-feedback{max-width:700px;margin:18px auto;padding:17px;border-radius:20px;background:#fff;font-size:20px;font-weight:950;color:#33425c}.block-workshop-feedback.good{background:#d6ffd5;color:#23522e}.block-workshop-feedback.try{background:#fff0b8;color:#644d00}.block-workshop-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:20px}.block-workshop-actions button,.block-workshop-menu{min-height:52px;border:0;border-radius:99px;padding:13px 20px;background:#a84b34;color:#fff;font-size:16px;font-weight:950;cursor:pointer}.block-workshop-actions button:nth-child(2){background:#176b51}.block-workshop-actions button:nth-child(3),.block-workshop-menu{background:#fff;color:#273251;border:3px solid #273251}.block-workshop-menu{margin-top:20px}.block-workshop-game.success .block-board{animation:blockCelebrate .65s ease-out}@keyframes blockPlace{from{transform:scale(.3) rotate(-7deg)}to{transform:scale(1)}}@keyframes blockCelebrate{50%{transform:scale(1.04) rotate(1deg)}}@media(max-width:1120px){.block-workshop-game{margin-left:clamp(10px,4vw,40px);margin-right:clamp(10px,4vw,40px)}}@media(max-width:680px){.block-workshop-game{margin:16px 7px 34px;padding:18px 8px}.block-workshop-top{align-items:flex-start;flex-direction:column}.block-workshop-modes{grid-template-columns:1fr;gap:11px}.block-workshop-modes button{min-height:105px}.block-board{gap:4px;padding:7px;border-width:5px}.block-board button{border-radius:7px}.placed-block{inset:3px}.block-workshop-actions button,.block-workshop-menu{width:100%}.block-palette button{min-height:50px;padding:7px 10px}.block-swatch{width:27px;height:27px}}
