.play-instruction{padding:10px 14px!important;border-left:4px solid var(--world-accent);border-radius:10px;background:color-mix(in srgb,var(--world-accent) 8%,white);font-size:1rem!important;margin:0!important}.atlas-picture{display:block;width:100%;aspect-ratio:1;background-repeat:no-repeat;background-color:#fff;border-radius:14px;max-width:170px;margin:auto}.piece-image{display:block;width:100%;height:120px;object-fit:contain;border-radius:12px;margin:auto}.piece-icon{display:flex;align-items:center;justify-content:center;min-height:65px;font-size:2.7rem;line-height:1.1;letter-spacing:-2px}.puzzle-sequence{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;padding:10px 8px 16px}.task-page .sequence-piece{position:relative;display:flex;flex-direction:column;gap:8px;align-items:center;justify-content:flex-start;padding:15px 13px 10px;min-height:210px;border:3px solid color-mix(in srgb,var(--world-accent),white 45%);border-bottom-width:7px;border-radius:20px 20px 30px 12px;background:#fff;touch-action:none;cursor:grab;user-select:none;font-size:1rem;line-height:1.25}.sequence-piece:after{content:"";position:absolute;right:-11px;top:48%;width:18px;height:28px;border-radius:0 12px 12px 0;background:var(--world-accent);border:2px solid white;pointer-events:none}.sequence-piece .piece-number{align-self:flex-start;width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:var(--world-accent);color:#fff;font-weight:800}.sequence-piece small{font-size:14px;margin-top:auto;color:#476076}.sequence-piece.selected{outline:3px solid #efb824}.sequence-piece.drag-source{opacity:.35}.sequence-piece.drop-ready{outline:4px solid #38a580}.drag-ghost{position:fixed!important;z-index:10000;pointer-events:none;transform:translate(-50%,-50%) rotate(4deg);padding:14px;background:#fff;border:3px solid #d4ac50;border-radius:18px;box-shadow:0 15px 35px #12283d55;opacity:.95}.gesture-help{font-size:14px!important;color:#4c6478}.sequence-success .sequence-piece{border-color:#37a277;animation:piece-pop .4s ease-out}.link-board{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:clamp(55px,12vw,180px);position:relative;padding:8px 0;min-width:0}.link-column{display:flex;flex-direction:column;gap:10px;min-width:0;position:relative;z-index:1}.task-page .link-card{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;min-height:76px;padding:10px 18px;background:#fff;border:2px solid color-mix(in srgb,var(--world-accent),white 50%);border-radius:17px;touch-action:none;cursor:crosshair;user-select:none;line-height:1.25}.link-card .piece-icon{min-height:40px;font-size:2.1rem;flex-shrink:0}.link-card .piece-image{width:68px;height:54px;margin:0}.link-card .atlas-picture{width:65px;max-width:65px;margin:0;flex-shrink:0}.link-port{display:block;position:absolute;right:-9px;top:calc(50% - 9px);width:18px;height:18px;border:3px solid var(--world-accent);border-radius:50%;background:#fff}.link-card[data-pair-right] .link-port{right:auto;left:-9px}.link-card.matched{background:#e4f6ed!important;border-color:#28916c!important;opacity:1;color:#25483d}.link-card.matched .link-port{background:#28916c;border-color:#166044}#pair-wires{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:visible}.wire{fill:none;stroke:#258967;stroke-width:5;stroke-linecap:round;stroke-dasharray:1000;stroke-dashoffset:0;animation:wire-grow .45s ease-out}.wire-pending{stroke:#eaa72a;stroke-dasharray:8 6;animation:none}.task-page .fresh-buttons:has(.atlas-picture){display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.fresh-buttons .atlas-picture{width:min(100%,155px);margin-bottom:8px}.task-page .fresh-buttons:has(.atlas-picture) button{padding:10px;font-weight:700}.task-page:has(#reaction-pad) .task-body{gap:12px}.task-page #reaction-start{align-self:center;width:auto;padding:12px 25px;background:var(--world-accent);color:#fff}.task-page #reaction-pad{align-self:center;position:relative;width:min(100%,420px);min-height:170px;border:6px solid #ad7230;background:radial-gradient(circle at 50% 25%,#ffe39a,#ecae31);border-radius:32px;box-shadow:0 8px #86521e;font-size:1.8rem;color:#593c14;font-weight:850;transition:background .12s,border-color .12s,box-shadow .12s}.task-page #reaction-pad:before{content:"●";display:block;font-size:2.6rem;color:#8a591c;margin-bottom:8px}.task-page #reaction-pad.go{background:radial-gradient(circle at 50% 20%,#a9fb98,#1fba6c);border-color:#137a4e;box-shadow:0 8px #10553a;color:#103b28}.task-page #reaction-pad.go:before{color:#fff7a7}.task-page #reaction-pad:active{transform:translateY(5px);box-shadow:0 3px #10553a}.task-page:has(#reaction-pad) .speed-podium{margin-top:5px;padding-top:10px}.hands-workshop{padding:14px;border:2px solid color-mix(in srgb,var(--world-accent),white 70%);border-radius:22px;background:#fff}.hands-workshop label{display:block;margin:9px 0}.hands-workshop #lab-result{margin-top:10px}.spin-stage{display:flex;justify-content:center;align-items:center;height:260px;background:#1f3049;border-radius:20px}.color-disc{width:225px;height:225px;border:8px solid white;border-radius:50%;background:conic-gradient(#ec355b 0deg 60deg,#ffc53d 60deg 120deg,#68cf80 120deg 180deg,#36b3d4 180deg 240deg,#6258c9 240deg 300deg,#dc60ab 300deg);animation:disc-turn 3s linear infinite;animation-play-state:paused;box-shadow:0 6px 16px #0004}.color-disc[data-pattern=rings]{background:repeating-radial-gradient(ellipse at 35% 45%,#ffc448 0 12px,#513b98 12px 24px)}.color-disc[data-pattern=spiral]{background:repeating-conic-gradient(#f48d25 0deg 25deg,#24385f 25deg 50deg)}.strata-layers{display:grid;max-width:650px;margin:auto;gap:3px}.task-page .stratum{display:flex;justify-content:space-around;align-items:center;background:#e6c293;border-color:#b78b5c;border-radius:10px;padding:12px}.task-page .stratum:nth-child(2){background:#b88c62}.task-page .stratum:nth-child(3){background:#876044;color:#fff}.stratum span{font-size:2.5rem;filter:blur(4px);opacity:.3}.stratum.explored span{filter:none;opacity:1;animation:piece-pop .4s}.stratum small{max-width:180px;font-size:14px}.cloud-lab{height:200px;position:relative;text-align:center;background:linear-gradient(#66c5e7,#eefaff);border-radius:22px;overflow:hidden}.cloud-icon{font-size:6rem;display:block;position:relative;z-index:2}.cloud-lab p{position:absolute;bottom:0;width:100%;background:#fff9;font-weight:700}.cloud-lab i{position:absolute;top:40%;width:5px;height:17px;border-radius:4px;background:#1686c0;animation:rain-fall 1s linear infinite}.bridge-model{height:155px;position:relative;background:linear-gradient(90deg,#6c9348 0 8%,#97d9ea 8% 92%,#6c9348 92%);border-radius:18px;overflow:hidden}.bridge-river{position:absolute;bottom:6px;width:100%;text-align:center;font-size:2.5rem}#bridge-deck{display:flex;position:absolute;left:8%;right:8%;top:60px;height:35px}#bridge-deck span{flex-shrink:0;background:#ad794a;border:3px solid #663e25;color:#fff;text-align:center;font-weight:700}#bridge-knight{position:absolute;left:0;top:22px;font-size:2.5rem;transition:left 2s}#bridge-knight.crossed{left:94%}.chef-ticket,.cash-ticket{padding:12px;background:#fff1b9;border:2px dashed #bc8a2b;border-radius:13px;text-align:center;font-weight:750;font-size:1.2rem}.chef-plate{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:5px;min-height:150px;max-width:500px;margin:10px auto;border:12px double #bdccd1;border-radius:50%;padding:15px;background:#fff}.chef-plate button,.fresh-buttons [data-food]{font-size:2.3rem!important;padding:4px 8px!important;border:0!important}.ball-court{height:255px;position:relative;background:linear-gradient(#135265,#1c8d92);border:5px solid #72d9c2;border-radius:20px;overflow:hidden;touch-action:none;outline-offset:3px}#court-ball{position:absolute;font-size:2rem;transform:translate(-50%,-50%)}#court-paddle{position:absolute;top:88%;height:13px;width:24%;transform:translate(-50%);background:#ffdf71;border:3px solid #fff4be;border-radius:10px}#court-score{position:absolute;top:8px;left:12px;color:#fff;font-size:1.3rem}.triangle-square{display:grid;grid-template-columns:1fr 1fr;max-width:275px;margin:12px auto;border:3px solid #27384f;gap:0}.task-page .triangle-square button{padding:0;aspect-ratio:1;border:0;border-radius:0;background:#fff;box-shadow:none}.triangle-square svg{width:100%;height:100%;display:block;transition:transform .3s}.triangle-square path{fill:#ed643e}.triangle-square button:nth-child(2) path{fill:#eebd32}.triangle-square button:nth-child(3) path{fill:#268c9c}.triangle-square button:nth-child(4) path{fill:#7655c4}.cash-ticket{display:flex;justify-content:space-around;gap:15px}.cash-tray{min-height:95px;padding:12px;display:flex;flex-wrap:wrap;gap:7px;background:#daf0e8;border:3px solid #40866e;border-radius:18px;margin:12px 0}.task-page .change-coin{width:58px;height:58px;border-radius:50%;background:#ffdc74;border:4px double #ae7621;color:#6b4615;padding:3px;font-weight:800}.story-art img{animation:story-reveal .6s ease-out}.story-text{animation:story-reveal .5s ease-out}@keyframes disc-turn{to{transform:rotate(360deg)}}@keyframes rain-fall{to{transform:translateY(130px);opacity:0}}@keyframes piece-pop{50%{transform:translateY(-4px)}to{transform:none}}@keyframes wire-grow{0%{stroke-dashoffset:1000}to{stroke-dashoffset:0}}@keyframes story-reveal{0%{opacity:.5;transform:translateY(6px)}to{opacity:1;transform:none}}@media(max-height:780px)and (min-width:750px){.task-page .sequence-piece{min-height:180px;padding:9px;font-size:.95rem}.sequence-piece .atlas-picture{max-width:120px}.piece-image{height:95px}.task-page .link-card{min-height:65px;padding:8px 14px}.link-card .piece-image{height:45px}.link-card .piece-icon{font-size:1.8rem}.spin-stage{height:215px}.color-disc{width:190px;height:190px}.cloud-lab{height:170px}.ball-court{height:220px}.triangle-square{max-width:220px}.task-page #reaction-pad{min-height:140px}.puzzle-sequence{gap:12px}}@media(max-width:600px){.puzzle-sequence{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.task-page .sequence-piece{min-height:180px;padding:9px;font-size:.95rem}.sequence-piece .atlas-picture{max-width:105px}.link-board{column-gap:45px}.task-page .link-card{flex-direction:column;gap:4px;font-size:.95rem;min-height:95px;padding:8px}.link-card .piece-icon{font-size:1.7rem;min-height:30px}.task-page .fresh-buttons:has(.atlas-picture){grid-template-columns:repeat(2,minmax(0,1fr))}.stratum small{max-width:95px}.cash-ticket{flex-direction:column;gap:7px}.gesture-help{font-size:14px!important}}@media(prefers-reduced-motion:reduce){.story-art img,.story-text,.sequence-piece,.wire,.cloud-lab i,.color-disc{animation:none!important}.triangle-square svg,#bridge-knight{transition:none!important}}.task-page .sequence-piece.selected{background:#fff;color:#203044;outline:3px solid #efb824}.task-page .option .atlas-picture{max-width:150px}.task-page .option .piece-icon{min-height:50px}.task-page .fresh-buttons button .piece-icon{font-size:2rem;min-height:45px}