html:has(.ux-game),body:has(.ux-game){color:#e6edd2;background:#173e33}.ux-game{width:calc(100% - 80px);max-width:1480px;margin:25px auto 65px}.ux-workshop{color:#284d35;background:#e8ead4;border:1px solid #93ab7d;border-radius:7px;overflow:hidden;box-shadow:0 5px #718f68}.ux-top{border-bottom:1px solid #acbf97;justify-content:space-between;align-items:center;gap:20px;padding:19px 30px;display:flex}.ux-top>span:first-child{letter-spacing:-1px;font-size:33px}.ux-top small{letter-spacing:0;margin-left:25px;font-size:14px}.ux-top>span:last-child{font-size:12px}.ux-brief{grid-template-columns:.9fr 1.1fr;gap:40px;padding:25px 30px;display:grid}.ux-brief h2{letter-spacing:-1px;font-size:30px;font-weight:500;line-height:1.15}.ux-brief p{font-size:15px;line-height:1.65}.ux-designer{grid-template-columns:1fr 1.25fr;gap:30px;padding:0 30px 30px;display:grid}.field-pile h3{font-size:19px;font-weight:500}.field-pile>p{margin:10px 0 15px;font-size:12px;line-height:1.6}.ux-field{text-align:left;color:#2d5038;cursor:grab;background:#f0efda;border:1px solid #bdc9a8;border-bottom:3px solid #a9bb92;border-radius:3px;grid-template-columns:1fr auto;gap:4px 18px;width:100%;margin-bottom:8px;padding:13px 17px;font-family:General,sans-serif;display:grid}.ux-field strong{font-size:15px;font-weight:500}.ux-field small{grid-column:1/2;font-size:11px;line-height:1.5}.ux-field>span{text-align:right;grid-area:1/2/3;align-self:center;max-width:95px;font-size:9px}.ux-field[aria-pressed=true]{background:#e5be63;border-color:#b49343}.sorting-cabinet{background:linear-gradient(110deg,#557653,#284e38);border:4px solid #7d9670;grid-template-columns:1fr 1fr;align-content:start;gap:17px;padding:20px;display:grid;box-shadow:3px 5px #42663e}.ux-drawer{background:#afc197;border:1px solid #dee5c6;flex-direction:column;min-height:240px;display:flex;box-shadow:0 5px #3e613e}.drawer-handle{text-align:left;color:#2a4e33;background:#cbd8b6;border:0;border-bottom:3px solid #849f70;align-items:center;gap:10px;min-height:68px;padding:16px 13px;font-family:General,sans-serif;display:flex}.drawer-handle>span{font-size:10px}.drawer-handle strong{font-size:17px;font-weight:500;line-height:1.2}.drawer-handle>i{margin-left:auto;font-size:21px;font-style:normal}.drawer-conditional .drawer-handle{background:#e3b44e;border-color:#af8a34}.drawer-context .drawer-handle{background:#afc9a1}.drawer-omit .drawer-handle{background:#a7b396}.drawer-content{flex-wrap:wrap;flex:1;align-content:start;gap:9px;padding:13px;display:flex}.drawer-chip{color:#2c5137;cursor:grab;background:#e9ead2;border:1px solid #849f6f;border-bottom:3px solid #819c6c;border-radius:2px;min-height:40px;padding:9px 11px;font:12px General,sans-serif}.ux-test-controls{color:#dce7c9;background:#254e39;align-items:center;gap:20px;padding:21px 30px;display:flex}.ux-test-controls>p{flex:1;font-size:13px;line-height:1.6}.ux-reset{color:#d3e0bd;background:0 0;border:0;min-height:44px;font:12px General,sans-serif;text-decoration:underline}.ux-user-tests{background:#eddfb4;padding:30px}.ux-user-tests>h2{letter-spacing:-1px;margin:13px 0;font-size:32px;font-weight:500}.ux-user-tests>p{font-size:14px;line-height:1.6}.ux-trials{grid-template-columns:repeat(4,1fr);gap:20px;margin-top:25px;display:grid}.user-trial{background:#f0eed6;border:1px solid #bcc7a4;padding:20px;box-shadow:2px 3px #a1b48a}.user-trial>span{font-size:10px}.user-trial h3{margin-top:13px;font-size:18px;font-weight:500;line-height:1.3}.user-trial>p{margin-top:15px;font-size:12px;line-height:1.6}.user-trial>strong{color:#7c4229;margin-top:12px;font-size:12px;line-height:1.5;display:block}.trial-form{gap:10px;margin-top:18px;display:grid}.trial-form>div{background:#e4e7ce;border:1px solid #aabc94;min-height:40px;padding:10px;font-size:11px}.ux-game :focus-visible{outline-offset:4px;outline:3px solid #ad832c}@media (width<=950px){.ux-game{width:calc(100% - 36px)}.sorting-cabinet{gap:12px;padding:15px}.drawer-handle{gap:6px;padding:13px 9px}.drawer-handle strong{font-size:15px}.ux-designer{gap:20px;padding-inline:20px}.ux-trials{grid-template-columns:1fr 1fr}}@media (width<=750px){.ux-game{width:calc(100% - 28px)}.ux-top{padding:17px}.ux-top small,.ux-top>span:last-child{display:none}.ux-brief{padding:23px 20px;display:block}.ux-brief h2{font-size:27px}.ux-brief p{margin-top:15px;font-size:14px}.ux-designer{flex-direction:column;padding:0 18px 25px;display:flex}.ux-field{padding:12px}.ux-field>span{max-width:90px;font-size:9px}.sorting-cabinet{gap:12px;padding:14px}.ux-drawer{min-height:210px}.drawer-handle strong{font-size:15px}.drawer-content{gap:8px;padding:10px}.drawer-chip{min-height:44px;padding:9px;font-size:11px}.ux-test-controls{flex-wrap:wrap;padding:20px}.ux-test-controls>p{flex-basis:100%}.ux-test-controls .lab-primary{flex:1;font-size:13px}.ux-user-tests{padding:23px 18px}.ux-user-tests>h2{font-size:28px}.ux-trials{grid-template-columns:1fr}.user-trial h3{font-size:20px}.trial-form{grid-template-columns:1fr 1fr}}@media (prefers-reduced-motion:reduce){.ux-game *{transition:none!important;animation:none!important}}@media (width<=750px){.field-pile{overscroll-behavior:contain;max-height:395px;padding-right:4px;overflow:auto}.sorting-cabinet{position:relative}.ux-designer{gap:18px}}.drawer-omit .drawer-handle{color:#28472f;background:#c5ceb4}.sorting-cabinet{align-self:start}.ux-field:not([aria-pressed=true]) small{display:none}.ux-live{background:#dce3c9;border-top:1px solid #b1c49d;grid-template-columns:.8fr 1.2fr;align-items:center;gap:45px;padding:30px;display:grid}.ux-live-intent label{margin-bottom:10px;font-size:12px;display:block}.ux-live-intent select{color:#294b35;background:#eef0dc;border:1px solid #8ca77a;border-radius:4px;max-width:100%;min-height:44px;padding:12px;font:14px General,sans-serif}.ux-live-intent h3{letter-spacing:-.7px;margin:22px 0 14px;font-size:26px;font-weight:500;line-height:1.2}.ux-live-intent p{max-width:42ch;font-size:13px;line-height:1.6}.ux-live-screen{background:#f6f3e3;border:1px solid #a0b48b;border-radius:5px;overflow:hidden;box-shadow:3px 4px #a1b88d}.ux-live-screen>header{border-bottom:1px solid #c2ceb0;justify-content:space-between;align-items:center;padding:15px 20px;display:flex}.ux-live-screen>header strong{letter-spacing:-1.5px;font-size:29px;font-weight:400}.ux-live-screen>header span{font-size:13px}.preview-fields{grid-template-columns:1fr 1fr;gap:12px;padding:20px;display:grid}.preview-question{background:#edeed8;border:1px solid #b6c4a0;border-radius:3px;padding:12px}.preview-question>span{margin-bottom:7px;font-size:11px;display:block}.preview-question strong{font-size:13px;font-weight:500;display:block}.preview-fields>p{grid-column:1/-1;font-size:14px;line-height:1.6}.preview-context{padding:0 20px 20px;font-size:11px}.preview-context>span{margin-bottom:8px;display:block}.preview-context>div{border-bottom:1px solid #d3dbc1;justify-content:space-between;gap:20px;padding:8px 0;display:flex}.preview-context strong{text-align:right;font-size:11px;font-weight:500}.ux-live-screen>footer{background:#e7bd5f;justify-content:space-between;align-items:center;gap:20px;padding:15px 20px;font-size:12px;display:flex}.ux-live-screen>footer>span:last-child{font-size:15px;font-weight:500}@media (width<=750px){.ux-live{grid-template-columns:1fr;gap:24px;padding:23px 18px}.ux-live-intent h3{font-size:24px}.preview-fields{gap:10px;padding:15px}.preview-question{padding:10px}.preview-context{padding:0 15px 15px}.ux-live-screen>footer{gap:10px;padding:15px}.ux-live-screen>footer>span:last-child{font-size:13px}}.ux-playtest{background:#dce3c9;border-top:1px solid #a9bc94;padding:34px 30px;scroll-margin-top:24px}.playtest-heading{grid-template-columns:1fr 1fr;align-items:start;gap:45px;display:grid}.playtest-heading h2{letter-spacing:-1.1px;font-size:34px;font-weight:500;line-height:1.15}.playtest-heading p{max-width:60ch;font-size:15px;line-height:1.65}.playtest-cases{border-bottom:1px solid #a3b88c;gap:8px;margin:28px 0 30px;padding-bottom:13px;display:flex;overflow:auto}.playtest-cases button{color:#294b35;cursor:pointer;background:#e8ebd5;border:1px solid #a3b88c;border-radius:3px;flex:1;min-height:44px;padding:10px 14px;font:13px General,sans-serif}.playtest-cases button[aria-current=step]{color:#eef0d7;background:#294f3b;border-color:#294f3b}.playtest-stage{grid-template-columns:.85fr 1.15fr;align-items:start;gap:55px;padding:10px 15px 10px 5px;display:grid}.task-order{background:#edc261;border:1px solid #b8953f;margin-top:35px;padding:34px 30px 20px;position:relative;transform:rotate(-1.5deg);box-shadow:2px 5px #bda663,0 15px 25px #375d3420}.task-order:before{content:"";background:#e5dfb6cf;border:1px solid #b3b98c88;width:75px;height:21px;position:absolute;top:-10px;left:calc(50% - 37px);transform:rotate(3deg)}.task-order>span{letter-spacing:.8px;font-size:10px}.task-order h3{letter-spacing:-1px;margin:20px 0;font-size:33px;font-weight:500}.task-order>p{letter-spacing:-.4px;max-width:34ch;font-size:23px;line-height:1.5}.task-note-foot{border-top:1px solid #bda05b;justify-content:space-between;gap:15px;margin-top:30px;padding-top:15px;font-size:11px;line-height:1.5;display:flex}.task-screen{background:#f2f1df;border:1px solid #91a87c;border-radius:6px;min-height:405px;overflow:hidden;box-shadow:4px 5px #9fb389}.task-screen>header{color:#eef0d7;background:#294f3b;border-bottom:1px solid #b2c39d;justify-content:space-between;align-items:center;padding:18px 25px;display:flex}.task-screen>header strong{letter-spacing:-1.6px;font-size:33px;font-weight:400}.task-screen>header span{font-size:13px}.task-progress{color:#4d6a43;padding:20px 25px 0;font-size:12px}.task-screen form{padding:25px}.task-screen [data-task-question]>label{letter-spacing:-.8px;margin-bottom:20px;font-size:28px;font-weight:500;display:block}.task-screen input{color:#284c35;background:#e5e9d1;border:1px solid #829e6d;border-radius:3px;width:100%;min-height:58px;padding:13px 15px;font:22px General,sans-serif;display:block}.task-screen input[readonly]{color:#40613e;background:#e9ecd9;border-color:#bdcaa9}.task-screen [data-task-question]>p{max-width:60ch;margin:15px 0;font-size:14px;line-height:1.65}.task-screen button{color:#284c35;cursor:pointer;background:#e5b44e;border:1px solid #b68d31;border-bottom:3px solid #ab832b;border-radius:3px;min-height:46px;padding:11px 17px;font:500 14px General,sans-serif}.task-screen button:disabled{opacity:.55;cursor:default}.task-steps{justify-content:space-between;align-items:center;gap:15px;margin-top:38px;display:flex}.task-steps>[data-action=previous-question]{text-underline-offset:4px;background:0 0;border:0;padding-left:0;text-decoration:underline}.task-confirmation{padding:25px}.task-confirmation h3{letter-spacing:-.8px;margin-bottom:20px;font-size:27px;font-weight:500;line-height:1.25}.task-confirmation dl{grid-template-columns:.7fr 1fr;gap:0 20px;margin:0 0 25px;font-size:14px;line-height:1.5;display:grid}.task-confirmation dt,.task-confirmation dd{overflow-wrap:anywhere;border-bottom:1px solid #c2cfaf;padding:10px 0}.task-confirmation dd{text-align:right;margin:0}.task-confirmation>button{margin-top:12px;display:block}.task-confirmation [data-action=edit-task]{background:0 0;border:0;padding-left:0;font-weight:400}.task-confirmation>p{margin-bottom:13px;font-size:16px;line-height:1.65}.task-outcome{color:#6e4328;background:#edddbb;border-top:1px solid #bca579;padding:22px 25px}.task-outcome>strong{font-size:19px;font-weight:500}.task-outcome>p{margin-top:12px;font-size:14px;line-height:1.65}.task-outcome[data-success=true]{color:#31573b;background:#d4e1c1;border-color:#9ab887}.task-screen [data-task-question] .approval-reply{background:#d7e2c6;border:1px solid #a9bd93;padding:17px}.ux-field small{font-size:12px}.ux-field>span{font-size:11px}.field-pile>p{font-size:14px}.drawer-chip{font-size:13px}.drawer-chip[aria-pressed=true]{background:#e8bd5e;border-color:#8c6d2d}.ux-live-intent label{font-size:13px}.preview-question>span{font-size:12px}.preview-question strong,.ux-test-controls>p{font-size:14px}@media (width<=900px){.playtest-stage{gap:30px}.task-order{padding:28px 23px 20px}.task-order>p{font-size:20px}}@media (width<=750px){.ux-playtest{padding:26px 18px}.playtest-heading{display:block}.playtest-heading h2{font-size:29px}.playtest-heading p{margin-top:15px;font-size:14px}.playtest-cases{gap:7px;margin:20px 0 25px}.playtest-cases button{min-width:155px;padding:10px;font-size:12px}.playtest-stage{flex-direction:column;gap:26px;padding:0;display:flex}.task-order{margin:8px 4px 0;padding:24px 22px 18px;transform:rotate(-1deg)}.task-order h3{margin:14px 0;font-size:25px}.task-order>p{font-size:18px;line-height:1.55}.task-note-foot{margin-top:20px;font-size:10px}.task-screen{width:100%;min-height:0;box-shadow:2px 4px #9fb389}.task-screen>header{padding:15px 19px}.task-screen>header span{font-size:12px}.task-screen>header strong{font-size:30px}.task-progress{padding:18px 19px 0}.task-screen form,.task-confirmation{padding:23px 19px}.task-screen [data-task-question]>label{font-size:25px}.task-screen input{min-height:54px;padding:12px;font-size:18px}.task-screen [data-task-question]>p{font-size:13px}.task-screen button{padding:10px 12px;font-size:13px}.task-steps{gap:9px;margin-top:28px}.task-confirmation h3{font-size:25px}.task-confirmation dl{gap:0 12px;font-size:12px}.task-outcome{padding:20px 19px}.task-outcome>p{font-size:13px}.ux-field>span{font-size:10px}.field-pile>p{font-size:13px}.drawer-chip{font-size:12px}}
