*{box-sizing:border-box}html,body{height:100%;overflow:hidden}.digital-workshop{height:calc(100dvh - 55px);max-width:1060px;margin:0 auto!important;padding:9px 14px;display:flex;flex-direction:column;gap:8px;color:#293f52;font-family:"Trebuchet MS",system-ui,sans-serif}.in-arena .digital-workshop{height:100dvh}.digital-heading{display:flex;align-items:center;gap:10px;flex:none}.digital-heading h1{font-size:21px;margin:0 0 3px}.digital-heading p{font-size:13px;margin:0}#badge{width:45px;height:45px;flex:none}#badge svg{width:100%;height:100%}#surface{flex:1;min-height:0;overflow:auto;background:#fcf1d6;border:3px solid #304d62;box-shadow:3px 4px 0 #304d6233;border-radius:14px;padding:clamp(10px,2vh,22px);outline:none;position:relative}#question{font-size:clamp(17px,2.2vw,25px);text-align:center;margin:0 0 14px;line-height:1.3}#answers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:12px 0}#answers.two{grid-template-columns:repeat(2,minmax(0,1fr))}button{font:700 17px "Trebuchet MS",system-ui,sans-serif;cursor:pointer}#answers button{border:2px solid #3c5d71;border-radius:9px;background:#fffaf0;color:#294458;padding:13px 9px;min-height:60px;display:flex;align-items:center;justify-content:center;gap:9px;flex-wrap:wrap;box-shadow:0 3px 0 #3c5d7133}#answers button:hover:not(:disabled){background:#ffe8a5}button:focus-visible,textarea:focus-visible,#surface:focus-visible{outline:3px solid #bd7821;outline-offset:2px}button:disabled{cursor:default}#answers svg{width:38px;height:38px;flex:none}.button-label{font-size:15px}#answers.icon-only svg{width:52px;height:52px}#answers .drag-over{outline:4px solid #b97921;background:#ffe4a0}.digital-progress{flex:none;display:flex;align-items:center;gap:12px;font-weight:800;font-size:14px}.digital-progress>div{flex:1;height:10px;background:#c6d1c1;border-radius:8px;overflow:hidden}.digital-progress i{display:block;height:100%;background:#348b78;width:0}#feedback{min-height:26px;padding:7px 10px;border-radius:8px;font-size:15px;line-height:1.35}#feedback.explanation{background:#d9efcf;border:2px solid #397847;color:#245e34;font-weight:700}#continue{display:block;margin:8px auto 0;background:#385e75;color:#fff5dd;border:2px solid #2c4353;border-radius:8px;padding:8px 20px}#continue[hidden]{display:none}.copy-target{padding:10px;border:3px solid #b77924;background:#fff7d3;text-align:center;font-size:clamp(18px,2.3vw,25px);font-weight:800;border-radius:9px;margin-bottom:12px;user-select:none}.copy-target small{display:block;font-size:12px;margin-bottom:5px;font-weight:700;letter-spacing:1px}.copy-columns{display:grid;grid-template-columns:1fr 1fr;gap:14px}.copy-box{display:flex;flex-direction:column;gap:6px;font-weight:800}.copy-box textarea{width:100%;resize:none;min-height:92px;padding:12px;border:2px solid #67878b;border-radius:7px;background:#fff;color:#263f53;font:18px/1.5 "Trebuchet MS",sans-serif}.copy-tools{display:flex;justify-content:center;gap:9px;flex-wrap:wrap;margin:10px 0}.copy-tools button{padding:8px 14px;background:#e9cc7c;border:2px solid #3e5b6f;border-radius:7px;font-size:15px}.copy-status{text-align:center;font-size:13px;min-height:18px;margin:5px}.file-card{width:fit-content;max-width:100%;margin:16px auto;display:flex;align-items:center;gap:12px;padding:17px 24px;background:#fff9e9;border:3px solid #ac7732;border-radius:11px;font-size:clamp(20px,2.8vw,29px);font-weight:800;overflow-wrap:anywhere;cursor:grab;box-shadow:3px 4px 0 #79552e22}.file-card svg{width:50px;height:50px;flex:none}.exercise-note{font-size:13px;text-align:center;margin:6px;color:#556576}.email{max-width:820px;margin:0 auto;padding:15px 20px;background:#fffdf6;border:2px solid #799598;border-radius:10px;box-shadow:3px 3px 0 #44647718}.email header{border-bottom:1px solid #bac8be;padding-bottom:9px;margin-bottom:10px}.email .sender{font-weight:800;font-size:16px}.email .address{font-family:ui-monospace,monospace;font-size:13px;overflow-wrap:anywhere;display:block;margin-top:3px}.email h3{font-size:19px;margin:8px 0 0}.email p{font-size:clamp(15px,1.8vw,20px);line-height:1.5;margin:0;white-space:pre-line}
@media(max-height:650px){.digital-workshop{gap:5px;padding:5px 10px}.digital-heading h1{font-size:17px}.digital-heading p{font-size:12px}#badge{width:32px;height:32px}#surface{padding:10px}#question{font-size:18px;margin-bottom:8px}#answers{margin:8px 0;gap:7px}#answers button{min-height:46px;padding:8px}#answers svg,#answers.icon-only svg{width:32px;height:32px}.email{padding:10px 14px}.email p{font-size:15px}.copy-box textarea{min-height:65px;font-size:16px;padding:7px}.copy-target{font-size:18px;padding:7px;margin-bottom:7px}.file-card{margin:8px auto;padding:10px 15px}#feedback{font-size:13px;padding:5px}}
@media(max-width:560px){#answers{grid-template-columns:repeat(2,minmax(0,1fr))}#answers button{font-size:15px}.digital-heading p{font-size:12px}.copy-columns{grid-template-columns:1fr;gap:7px}.copy-box textarea{min-height:62px}.email{padding:10px}.email .address{font-size:11px}.file-card{padding:12px}.copy-tools button{font-size:13px;padding:7px}#surface{padding:10px}}