.wo-page{--wo-edge:#d7ceba;--wo-green:#32685a}.wo-page button{font:inherit;min-height:44px;cursor:pointer}.wo-page button:disabled{cursor:default}.wo-page button:focus-visible,.wo-page a:focus-visible,.wo-page select:focus-visible{outline:3px solid #32685a;outline-offset:4px}#wo-stage:focus{outline:none}.wo-top,.wo-picker,.wo-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.wo-top,.wo-picker{justify-content:space-between;margin-bottom:24px}.wo-picker{padding:17px 20px;border:1px solid var(--wo-edge);border-radius:17px;background:#edf0e1}.wo-picker label{display:flex;gap:12px;align-items:center;font-size:13px}.wo-picker select{max-width:380px;min-height:44px;padding:9px;background:#fffaf0;border:1px solid var(--wo-edge);border-radius:10px;font:inherit;color:#32685a}.wo-visitor,.wo-finish{display:flex;gap:25px;align-items:center;background:#edf0e1;border:1px solid var(--wo-edge);border-radius:26px;padding:26px;margin-bottom:24px}.wo-visitor>img{width:100px;height:130px;object-fit:contain;flex:none}.wo-welcome>img{width:150px;height:180px}.wo-visitor h2{font-size:30px;margin:10px 0}.wo-visitor p{font-size:18px;margin:12px 0;max-width:850px}.wo-visitor .plain-btn{margin-left:15px}.wo-group{margin-top:40px}.wo-group>h2{font-size:31px}.wo-group>p{margin:12px 0 20px}.wo-job-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.wo-job{display:flex;align-items:center;gap:18px;padding:22px;border:1px solid var(--wo-edge);border-radius:22px;background:#fffaf0;text-decoration:none;color:inherit;box-shadow:0 4px 0 #d7ceba22}.wo-job:nth-child(3n+2){background:#eee7f2}.wo-job>img{width:65px;height:95px;object-fit:contain;flex:none}.wo-job h3{font-size:22px;margin:12px 0}.wo-earlier,.wo-shelf{margin:35px 0;padding:25px;border:1px solid var(--wo-edge);border-radius:22px;background:#fffaf0}.wo-earlier summary{cursor:pointer;font-weight:bold;color:#32685a}.wo-earlier .btn{margin:10px 10px 0 0}.wo-shelf>p{margin:12px 0 20px}.wo-cover{height:285px;position:relative;display:flex;align-items:center;justify-content:center;gap:20px;background:radial-gradient(#815e3419 1px,transparent 1px),#f6e8bd;background-size:5px 5px;text-decoration:none;overflow:hidden}.wo-cover>img{height:220px;width:150px;object-fit:contain;z-index:1}.wo-cover>span{width:160px;height:170px;transform:rotate(-9deg)}.wo-cover>b{position:absolute;right:18px;top:20px;padding:7px 15px;background:#fff8e5;border:1px solid #d8c39d;border-radius:8px;transform:rotate(6deg);font:500 24px Fredoka;color:#775133}.wo-fix-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(310px,1fr);gap:24px}.wo-bench{position:relative;min-height:405px;display:flex;align-items:center;justify-content:center;padding:35px 20px 75px;border:1px solid #d6c6a5;border-radius:24px;overflow:hidden;background:radial-gradient(#92694016 .8px,transparent 1px),linear-gradient(#e5edf0 0 70%,#dce5ce 70%);background-size:5px 5px,auto}.wo-bench-label{position:absolute;top:20px;left:20px;font-size:11px;letter-spacing:1px;text-transform:uppercase;font-weight:bold;color:#476b60}.wo-bench>.wo-object{width:100%;height:250px}.wo-bench>strong{position:absolute;bottom:18px;left:15px;right:15px;padding:12px;text-align:center;background:#fff9eaeb;border-radius:12px;color:#32685a}.wo-test-pad{position:absolute;bottom:72px;left:20%;right:20%;height:35px;border:2px dashed #8c9d7f;border-radius:12px;display:grid;place-items:center;font-size:11px;color:#536a51}.wo-controls{border:1px solid var(--wo-edge);border-radius:24px;background:#fffaf0;padding:24px}.wo-controls fieldset{border:0;padding:0;margin:0 0 22px;min-width:0}.wo-controls legend{font-size:20px;font-weight:bold;color:#32685a;margin-bottom:12px}.wo-words{display:flex;gap:8px;flex-wrap:wrap}.wo-word{padding:10px 16px;border:1px solid #c7cfb8;border-radius:13px;background:#edf0e1;color:#32685a;font-weight:bold}.wo-word.selected{background:#32685a;border-color:#32685a;color:#fff8e5;box-shadow:0 3px 0 #1b51474d}.wo-controls fieldset>p{font-size:13px;line-height:1.6;margin:12px 0}.wo-model{margin:18px 0;padding:12px;background:#eee7f2;border-radius:10px;color:#514964;font-weight:bold;font-size:18px}.wo-object{height:195px;position:relative;display:flex;justify-content:center;align-items:center;overflow:hidden;isolation:isolate;min-width:0}.wo-object-image{width:165px;height:165px;position:relative;display:grid;place-items:center;transform:scale(var(--scale,1)) scaleX(var(--x,1)) scaleY(var(--y,1));transform-origin:center;transition:transform .35s ease;flex:none}.wo-object-image>.little-picture,.wo-object-image>.play-object{width:100%;height:100%;object-fit:contain;display:block}.wo-dirt{position:absolute;inset:15% 5%;background:radial-gradient(ellipse at 20% 35%,#795032 0 14%,transparent 15%),radial-gradient(ellipse at 75% 70%,#93693d 0 19%,transparent 20%);pointer-events:none;opacity:.75;mix-blend-mode:multiply}.dirt-1{opacity:.3}.wo-drops{position:absolute;inset:10%;color:#458caf;font-size:27px;line-height:1.7;transform:rotate(-12deg);text-shadow:1px 2px #cee9f0}.pattern-spotted:after,.pattern-striped:after{content:'';position:absolute;inset:20% 12%;border-radius:20%;mix-blend-mode:multiply;pointer-events:none}.pattern-spotted:after{background:radial-gradient(#ecc65c 5px,transparent 6px);background-size:24px 24px}.pattern-striped:after{background:repeating-linear-gradient(25deg,transparent 0 15px,#e9b94b 15px 24px)}.wo-object.glow-1{background:#50625f12}.wo-object.glow-2{background:radial-gradient(ellipse,#ead28644,transparent 65%)}.wo-object.glow-3{background:radial-gradient(ellipse,#ffe78cc9,transparent 70%)}.wo-object.glow-4{background:radial-gradient(ellipse,#ffe784,transparent 78%)}.soft-1 .wo-object-image{outline:3px solid #9b886b66;outline-offset:-15px}.soft-2 .wo-object-image{animation:wo-squish 2s ease-in-out infinite}.soft-3 .wo-object-image{filter:drop-shadow(0 0 9px #fff);animation:wo-cloud 2s ease-in-out infinite}.wo-meter{position:absolute;bottom:1px;left:8%;right:8%;display:flex;flex-direction:column;align-items:center;gap:5px;font-size:11px;font-weight:bold;color:#425b52;background:#fff9e9e8;border:1px solid #d4c8af;border-radius:9px;padding:5px}.wo-meter i{width:100%;height:7px;border-radius:5px;background:linear-gradient(90deg,#72a08f var(--meter),#e4dfcf var(--meter));display:block}.wo-paper{position:relative;display:block;box-shadow:3px 4px 0 #75573429;background-image:repeating-linear-gradient(14deg,#ffffff22 0 1px,transparent 1px 4px);flex:none}.wo-ladder{width:75px;height:165px;border-left:10px solid #a87c4f;border-right:10px solid #a87c4f;background:repeating-linear-gradient(0deg,transparent 0 22px,#c69b66 22px 30px,transparent 30px 34px);transform:rotate(-4deg);box-shadow:3px 2px 0 #79512b22}.wo-rope{width:185px;height:20px;background:repeating-linear-gradient(35deg,#b98b59 0 6px,#dfbc81 7px 12px);border-radius:14px;border:1px solid #a47d4e;transform:rotate(-4deg)}.wo-bridge{width:185px;height:90px;background:repeating-linear-gradient(90deg,#ae8358 0 15px,#d3af7c 16px 20px);border-top:9px solid #8e6944;border-radius:45% 45% 4px 5px}.wo-box{width:145px;height:110px;background-color:#caa16b;border:4px solid #977345;border-radius:4px 8px 5px 3px}.wo-lantern{width:93px;height:130px;background-color:#f4d26a;border:7px solid #8b6543;border-radius:14px 16px 7px 8px;transform:rotate(3deg)}.wo-lantern:before{content:'';position:absolute;width:45px;height:25px;left:17px;top:-34px;border:6px solid #8b6543;border-bottom:0;border-radius:20px 20px 0 0}.wo-lantern:after{content:'';position:absolute;left:38%;top:0;bottom:0;width:7px;background:#8b6543}.glow-1 .wo-lantern{background-color:#71857b}.glow-2 .wo-lantern{background-color:#b5ab71}.glow-3 .wo-lantern,.glow-4 .wo-lantern{background-color:#ffe988;box-shadow:0 0 25px #f4cd58aa}.wo-umbrella{width:180px;height:155px;background:none;box-shadow:none}.wo-umbrella:before{content:'';position:absolute;left:87px;top:12px;height:125px;width:8px;background:#946641;border-radius:5px}.wo-umbrella:after{content:'';position:absolute;bottom:0;left:87px;width:25px;height:20px;border:7px solid #946641;border-top:0;border-radius:0 0 30px 30px}.wo-umbrella>i{position:absolute;top:0;left:0;width:180px;height:90px;background:repeating-linear-gradient(16deg,#fff2 0 1px,transparent 1px 4px),#ad88bd;border:3px solid #7c6095;border-radius:100px 100px 8px 8px;box-shadow:3px 4px 0 #79512b22}.wo-umbrella.opening-1>i{width:30px;height:120px;left:75px;border-radius:40px 40px 8px 8px}.wo-umbrella.opening-2>i{width:100px;left:40px}.wo-bag{width:130px;height:130px;background-color:#ba8aa6;border:3px solid #80617a;border-radius:12px 9px 6px 8px}.wo-bag:before{content:'';position:absolute;left:35px;top:-30px;width:55px;height:35px;border:7px solid #80617a;border-bottom:0;border-radius:20px 20px 0 0}.wo-hat{width:140px;height:90px;background-color:#6b9fc5;border-radius:65px 65px 8px 8px;border:2px solid #37617c;transform:rotate(-5deg)}.wo-hat:after{content:'';position:absolute;bottom:-15px;left:-20px;width:180px;height:30px;border-radius:50%;background:inherit;border:2px solid #37617c}.wo-hat.color-yellow{background-color:#edc450}.wo-hat.color-red{background-color:#c66a60}.wo-feedback{display:flex;gap:20px;align-items:center;padding:23px;background:#eee7f2;border:1px solid #d8cbe1;border-radius:20px;margin:25px 0}.wo-feedback>img{width:80px;height:95px;object-fit:contain;flex:none}.wo-feedback h3{font-size:25px;margin-bottom:10px}.wo-feedback p{line-height:1.7;margin-bottom:12px}.wo-feedback.good{background:#e4edd8;border-color:#c7d4b7}.wo-oops>img{animation:wo-bob .55s ease-in-out 2}.wo-tested .wo-object-image{animation:wo-wiggle .5s ease 2}.wo-hint{background:#fff0c8;border:1px solid #dfcf9f;border-radius:16px;padding:20px;margin:20px 0}.wo-hint p{margin:12px 0;line-height:1.7}.wo-language{margin:25px 0;font-size:14px;line-height:1.8}.wo-language summary{cursor:pointer;font-weight:bold;color:#32685a}.wo-language p{max-width:900px;margin:14px 0}.wo-references{display:flex;justify-content:center;gap:20px;padding:16px;background:#e8edf0;border:1px solid #c8d4d8;border-radius:20px;margin-bottom:18px}.wo-references>div{width:220px;text-align:center}.wo-references small{font-size:12px}.wo-references .wo-object{height:185px}.wo-candidates,.wo-sort-belt{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin:18px 0}.wo-candidate{min-width:0;border:2px solid var(--wo-edge);border-radius:20px;background:#fffaf0;color:#32685a;padding:14px 8px;text-align:center;overflow:hidden}.wo-candidate.selected{border-color:#32685a;background:#e4edd8;box-shadow:0 0 0 2px #32685a}.wo-candidate small{font-size:12px}.wo-candidate>.wo-object{height:205px}.wo-pick>.muted{margin:15px 0}.wo-sort-card{padding:14px 8px;border:1px solid var(--wo-edge);border-radius:18px;background:#fffaf0;cursor:grab;min-width:0;overflow:hidden;text-align:center}.wo-sort-card>div:last-child{display:flex;gap:5px;justify-content:center;flex-wrap:wrap}.wo-sort-card .plain-btn{font-size:12px;padding:7px;min-width:70px}.wo-steps{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0}.wo-steps span{padding:9px 14px;border:1px solid #d5ccba;border-radius:15px;background:#fffaf0;font-size:12px}.wo-steps .current{background:#eee7f2;border-color:#af98bd}.wo-steps .fixed{background:#dfead3}.wo-subjob{padding:20px;border-left:5px solid #d9b65e;background:#fff1ce;margin:20px 0;border-radius:5px 18px 18px 5px}.wo-subjob h3{font-size:23px}.wo-subjob p{margin:12px 0}.wo-finish>img{width:130px;height:150px;object-fit:contain}.wo-finish p{margin:14px 0}.wo-finish h2{font-size:32px}.wo-finish .wo-actions{margin-top:18px}
@keyframes wo-squish{50%{transform:scale(var(--scale,1)) scaleX(calc(var(--x,1)*1.06)) scaleY(calc(var(--y,1)*.88))}}@keyframes wo-cloud{50%{translate:0 -7px}}@keyframes wo-wiggle{50%{rotate:-5deg}}@keyframes wo-bob{50%{translate:0 -5px}}
@media(max-width:950px){.wo-fix-layout{grid-template-columns:1fr}.wo-candidates,.wo-sort-belt{grid-template-columns:repeat(2,minmax(0,1fr))}.wo-bench{min-height:360px}.wo-controls{padding:22px}}
@media(max-width:600px){.wo-job-grid{grid-template-columns:1fr}.wo-job{padding:17px;gap:13px}.wo-job h3{font-size:21px}.wo-visitor{align-items:flex-start;padding:18px;gap:13px}.wo-visitor>img{width:55px;height:75px}.wo-visitor h2{font-size:24px}.wo-visitor p{font-size:16px}.wo-visitor .plain-btn{margin-left:0}.wo-welcome,.wo-finish{flex-wrap:wrap;padding:20px;gap:15px}.wo-welcome>img,.wo-finish>img{width:85px;height:105px}.wo-picker label{flex-direction:column;align-items:flex-start;width:100%}.wo-picker select{width:100%;max-width:100%;font-size:14px}.wo-page .page-heading h1{font-size:38px}.wo-word{padding:9px 12px;font-size:15px}.wo-feedback{padding:18px;gap:12px;align-items:flex-start}.wo-feedback>img{width:50px;height:65px}.wo-feedback h3{font-size:22px}.wo-candidates,.wo-sort-belt{gap:9px}.wo-candidate{padding:12px 5px}.wo-candidate>.wo-object{height:180px}.wo-object-image{width:135px;height:145px}.wo-references{padding:12px;gap:10px}.wo-references>div{min-width:0}.wo-references .wo-object-image{width:125px;height:130px}.wo-meter{font-size:10px;left:3%;right:3%}.wo-sort-card{padding:12px 4px}.wo-bench{min-height:330px}.wo-sort-card .wo-object{height:180px}.wo-cover>img{width:120px;height:210px}.wo-cover>span{width:140px}.wo-finish h2{font-size:28px}.wo-steps{gap:7px}.wo-steps span{font-size:11px}.wo-controls .wo-actions .btn{width:100%}}
@media(prefers-reduced-motion:reduce){.wo-object-image{transition:none}.soft-2 .wo-object-image,.soft-3 .wo-object-image,.wo-tested .wo-object-image,.wo-oops>img{animation:none}}
/* Keep the full comparison range inside each card, including narrow phones. */
.wo-candidate .wo-object-image,.wo-sort-card .wo-object-image,.wo-references .wo-object-image{width:130px;height:130px}.wo-candidate .wo-ladder,.wo-sort-card .wo-ladder,.wo-references .wo-ladder{height:125px}.wo-candidate .wo-rope,.wo-sort-card .wo-rope,.wo-references .wo-rope,.wo-candidate .wo-bridge,.wo-sort-card .wo-bridge,.wo-references .wo-bridge{width:120px}
@media(max-width:600px){.wo-candidate .wo-object-image,.wo-sort-card .wo-object-image,.wo-references .wo-object-image{width:95px;height:110px}.wo-candidate .wo-ladder,.wo-sort-card .wo-ladder,.wo-references .wo-ladder{height:105px}.wo-candidate .wo-rope,.wo-sort-card .wo-rope,.wo-references .wo-rope,.wo-candidate .wo-bridge,.wo-sort-card .wo-bridge,.wo-references .wo-bridge{width:85px}}