@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Outfit:wght@400;500;600;700;800&display=swap');
:root{--navy:#102841;--forest:#103d32;--green:#276650;--lime:#c4ef78;--mint:#ebf5e7;--paper:#f7f8f4;--text:#213b37;--sub:#66817a;--line:#dce6df;--shadow:0 22px 60px #09251c13}
*{box-sizing:border-box}html{scroll-behavior:smooth;cursor:url('cursor.svg') 6 4, auto}body{margin:0;background:var(--paper);color:var(--text);font-family:'DM Sans',system-ui,sans-serif;cursor:url('cursor.svg') 6 4, auto}body, body *{cursor:url('cursor.svg') 6 4, auto}body:active, body:active *{cursor:url('cursor-active.svg') 6 4, auto !important}button,input,textarea,select{font:inherit}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #8ecf41;outline-offset:2px}button{border:0}h1,h2,h3{font-family:'Outfit',system-ui,sans-serif;letter-spacing:-.045em;margin:0}p{line-height:1.55}.eyebrow{font-size:11px;letter-spacing:.22em;font-weight:800;color:var(--green)}.eyebrow.light{color:var(--lime)}.scene{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none}.shape{position:absolute;opacity:.2}.circle{border-radius:100%;background:#97db89}.square{width:45px;height:45px;background:#62919c;transform:rotate(15deg)}.triangle{width:0;height:0;border-left:25px solid transparent;border-right:25px solid transparent;border-bottom:45px solid #a4c8b0}.s1{width:90px;height:90px;right:4%;top:5%}.s2{left:4%;bottom:10%;transform:rotate(20deg)}.s3{right:3%;bottom:13%}.s4{width:35px;height:35px;left:44%;top:20%}.login-screen{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:min(470px,100%);padding:42px;background:white;box-shadow:var(--shadow);border:1px solid var(--line);border-radius:26px}.brand-mark,.brand-icon{background:var(--forest);color:white;font-family:Outfit;font-size:27px;font-weight:800;display:inline-grid;place-items:center;border-radius:13px;width:47px;height:47px}.brand-mark span,.brand-icon span{color:var(--lime)}.login-card h1{font-size:54px;line-height:1.04;margin:14px 0}.login-card h1 em,.hero h1 em{font-style:normal;color:#8dc96b}.login-card>p:not(.eyebrow):not(.error){color:var(--sub);margin-bottom:30px}.login-card label{display:block;font-weight:700;font-size:13px;margin-bottom:8px}.login-card input{width:100%;border:1px solid var(--line);background:#fbfdf9;border-radius:12px;padding:16px;margin-bottom:14px}.error{color:#a93434;font-size:13px;min-height:12px}.btn{border-radius:12px;padding:14px 19px;font-weight:800;display:inline-flex;justify-content:space-between;align-items:center;gap:18px;transition:transform .16s,filter .16s}.btn:hover{transform:translateY(-2px);filter:brightness(1.05)}.btn.primary{background:var(--forest);color:white}.btn.lime{background:var(--lime);color:var(--forest)}.btn.dark{background:var(--navy);color:white}.btn.ghost{background:white;border:1px solid var(--line);color:var(--forest)}.btn.tiny{font-size:12px;padding:11px 13px}.login-card .btn{width:100%}.topbar{height:77px;background:white;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 34px;position:sticky;top:0;z-index:10}.brand{background:none;display:flex;align-items:center;gap:12px;color:var(--forest);font-weight:800;letter-spacing:-.03em;font-size:17px}.brand-icon{width:35px;height:35px;font-size:20px;border-radius:10px}.top-actions{display:flex;align-items:center;gap:13px;font-size:12px;color:var(--sub);font-weight:700}.top-logo{display:grid;place-items:center;min-width:70px;height:40px;padding:0 14px;border-radius:14px;background:linear-gradient(135deg,#102841,#1a6554);color:#fff;font-family:Outfit,system-ui,sans-serif;font-weight:800;font-size:22px;letter-spacing:-.06em;box-shadow:0 10px 25px rgba(16,40,65,.18)}.top-logo span{color:var(--lime);font-size:16px;margin-left:2px}.live-dot{width:8px;height:8px;background:#61b84e;border-radius:50%;box-shadow:0 0 0 4px #e9f7df}.sync-state{font-weight:500;color:#759187}.layout{display:grid;grid-template-columns:252px minmax(0,1fr);max-width:1600px;margin:auto;min-height:calc(100vh - 77px)}.sidebar{background:#fff;border-right:1px solid var(--line);padding:40px 16px;display:flex;flex-direction:column;position:sticky;top:77px;height:calc(100vh - 77px)}.side-label{font-size:10px;letter-spacing:.16em;color:#94a59d;font-weight:800;padding:0 14px;margin:0 0 20px}.nav-item{display:flex;width:100%;align-items:center;text-align:left;gap:11px;background:transparent;padding:13px 11px;border-radius:12px;color:#5d746c;font-size:13px;font-weight:700;margin-bottom:6px}.nav-item:hover,.nav-item.active{background:#e9f2e9;color:var(--forest)}.nav-no{display:grid;place-items:center;width:30px;height:30px;border:1px solid #dce8db;border-radius:9px;font-size:11px;flex-shrink:0}.nav-item.active .nav-no{background:var(--forest);color:white}.side-bottom{margin-top:auto;background:#eff6ee;padding:17px;border-radius:16px}.side-bottom>span{font-size:10px;font-weight:800;letter-spacing:.1em;color:var(--green)}.progress-track{height:7px;background:#d5e7d2;border-radius:20px;margin:12px 0}.progress-bar{height:100%;width:0;background:#4c9872;border-radius:20px;transition:width .4s}.side-bottom strong{font-size:12px}.content{padding:35px clamp(20px,5vw,75px) 70px;min-width:0}.hero{background:var(--forest);color:white;border-radius:25px;min-height:335px;padding:45px;display:flex;position:relative;overflow:hidden}.hero-content{max-width:640px;position:relative;z-index:1}.hero h1{font-size:clamp(38px,4vw,61px);line-height:1.03;margin:20px 0 16px}.hero p:not(.eyebrow){color:#d0e3d7;max-width:520px;font-size:14px}.hero .btn{margin-top:16px}.hero-art{position:absolute;right:4%;top:9%;width:280px;height:280px}.orb{width:225px;height:225px;background:#bfe984;border:26px solid #2d6953;border-radius:50%;position:absolute;top:13px;right:25px;display:grid;place-items:center}.orb-tick{color:var(--forest);font-size:110px;transform:rotate(-10deg)}.orb-small{width:32px;height:32px;background:#d7ff9a;border-radius:50%;position:absolute;right:-30px;top:45px}.art-tri{position:absolute;border-left:28px solid transparent;border-right:28px solid transparent;border-bottom:50px solid #71b8a2;left:1px;bottom:0;transform:rotate(30deg)}.art-square{position:absolute;width:28px;height:28px;background:#9be69a;right:0;bottom:8px;transform:rotate(15deg)}.section-heading{margin:42px 0 23px;display:flex;justify-content:space-between;align-items:flex-end}.section-heading h2{font-size:31px}.count{font-weight:800;font-size:12px;color:var(--sub)}.tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.tile{background:white;border:1px solid var(--line);border-radius:18px;text-align:left;padding:23px;min-height:205px;display:flex;flex-direction:column;position:relative;transition:transform .15s,box-shadow .15s,border-color .15s;color:var(--text)}.tile:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:#90c79a}.tile-top{display:flex;justify-content:space-between}.tile-icon{font-size:34px;color:var(--green);font-weight:800}.tile-num{font-size:11px;color:var(--sub);font-weight:800}.tile h3{font-size:22px;line-height:1.15;margin:auto 0 7px}.tile p{font-size:12px;color:var(--sub);margin:0;line-height:1.4}.tile-arrow{position:absolute;right:20px;bottom:24px;background:#e8f1e5;padding:6px 10px;border-radius:8px}.finish-panel{margin-top:23px;background:#e7f1e9;border-radius:19px;padding:27px 30px;display:flex;align-items:center;justify-content:space-between;gap:20px}.finish-panel h3{font-size:26px}.finish-panel p:not(.eyebrow){font-size:13px;color:#58716b;margin:6px 0 0}.back-btn{background:transparent;color:var(--green);font-weight:800;margin:0 0 30px;padding:8px 0}.detail-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.detail-head h1{font-size:clamp(36px,4.2vw,58px);line-height:1.07;margin:12px 0}.detail-head p:not(.eyebrow){color:var(--sub)}.detail-graphic{width:112px;height:112px;border-radius:35px;background:#e1f0d7;display:grid;place-items:center;flex-shrink:0;transform:rotate(-8deg)}.detail-graphic span{font-size:70px;color:var(--forest);transform:rotate(8deg)}.tip{border-radius:14px;background:#eaf3ec;color:#315b4a;padding:16px 19px;font-size:13px;margin-bottom:23px;line-height:1.5}.field-card{background:white;border-radius:17px;border:1px solid var(--line);padding:22px 24px;margin-bottom:14px}.field-card>label,.field-card>.field-label{display:block;font-weight:800;font-size:15px;margin-bottom:12px}.field-card textarea,.field-card input,.field-card select{width:100%;border:1px solid #dce7df;border-radius:11px;padding:13px 15px;color:var(--text);background:#fafcf9;resize:vertical}.field-card textarea{min-height:90px}.field-card input{height:47px}.field-meta{font-size:11px;color:#8a9d93;margin-top:8px}.choice-group{display:flex;flex-wrap:wrap;gap:9px}.choice{background:#f2f6f0;border:1px solid #dce9da;border-radius:10px;padding:12px 14px;font-size:13px;font-weight:700;color:var(--text)}.choice.selected{background:var(--forest);color:white;border-color:var(--forest)}.role-card{display:flex;gap:20px;align-items:center;justify-content:space-between;flex-wrap:wrap}.role-card .field-label{flex:1;min-width:220px;margin:0}.role-options{display:flex;gap:8px;flex-wrap:wrap}.role-chip{background:#eff4f0;padding:10px 12px;border:1px solid #dce6df;border-radius:10px;font-size:12px;font-weight:800;cursor:grab;user-select:none}.role-chip.chosen{background:var(--forest);color:white;border-color:var(--forest)}.role-chip.dragging{opacity:.4}.drop-zone{border:2px dashed #b9d4bc;border-radius:9px;padding:10px;color:#829b88;font-size:12px;font-weight:700;min-width:115px;text-align:center}.drop-zone.drag-over{background:#e1f2d2}.check-row{display:flex;align-items:center;gap:13px;cursor:pointer}.check-row input{width:23px;height:23px;accent-color:var(--forest);flex-shrink:0}.check-row span{font-weight:700}.detail-footer{display:flex;justify-content:space-between;gap:12px;margin-top:28px}.toast{position:fixed;bottom:25px;right:25px;background:var(--navy);color:white;border-radius:12px;padding:13px 18px;opacity:0;pointer-events:none;transform:translateY(15px);transition:.2s;z-index:99;font-size:13px}.toast.visible{opacity:1;transform:translateY(0)}[hidden]{display:none!important}@media(max-width:1100px){.tiles{grid-template-columns:repeat(2,1fr)}.hero-art{opacity:.35}}@media(max-width:770px){.topbar{padding:0 15px}.brand>span:last-child{display:none}.top-actions{gap:8px}.live-text,.sync-state{display:none}.layout{display:block}.sidebar{height:auto;position:static;display:block;padding:9px 10px;border-right:0;border-bottom:1px solid var(--line)}.side-label,.side-bottom{display:none}.sidebar-items{display:flex}.sidebar #sidebar-items{display:flex;overflow-x:auto;gap:4px}.nav-item{width:auto;white-space:nowrap;margin:0;padding:8px}.nav-item .nav-no{width:27px;height:27px}.content{padding:22px 16px 70px}.hero{padding:30px 24px;min-height:300px}.hero-art{display:none}.tiles{grid-template-columns:1fr 1fr;gap:11px}.tile{padding:17px;min-height:175px}.tile h3{font-size:18px}.tile p{font-size:11px}.finish-panel{flex-direction:column;align-items:flex-start}.detail-graphic{width:75px;height:75px;border-radius:22px}.detail-graphic span{font-size:42px}.detail-head h1{font-size:36px}.field-card{padding:17px}}@media(max-width:450px){.tiles{grid-template-columns:1fr}.tile{min-height:150px}.tile-arrow{bottom:16px}.role-card{display:block}.role-options{margin-top:14px}.drop-zone{margin-top:10px}.top-actions .btn{font-size:10px;padding:9px}}
/* Workshop 2.0 */
.topbar{background:#083e38;color:white}.brand{color:#fff}.brand-icon{background:#c4ef78;color:#103d32}.sidebar{background:#063b37}.side-label{color:#b3ded5}.nav-item{color:#d5ece7}.nav-item.active,.nav-item:hover{background:#c4ef78;color:#103d32}.nav-no{border-color:#497d70}.side-bottom{background:#15564d;color:white}.side-bottom>span{color:#d3f6b3}.side-bottom strong{color:#fff}.top-actions .sync-state,.top-actions .live-text{color:#d7f2eb}.reset-small{margin:auto 8px 12px;background:transparent;border:1px solid #83afa1;color:#d5e5df;padding:7px 9px;font-size:10px;border-radius:9px;text-align:center;cursor:pointer}.reset-small:hover{background:#205d50}.tile{overflow:hidden;min-height:305px;padding:22px 21px 0;background:#d4fa8c;border:0}.tile-2,.tile-4{background:#8cf0a7}.tile-3{background:#81bdff;color:#062c52}.tile-5{background:#12654c;color:white}.tile-6{background:#b8f66d}.tile h3{margin:17px 0 5px;position:relative;z-index:1}.tile p{color:inherit;opacity:.84;position:relative;z-index:1}.tile-num{color:inherit}.tile-icon{color:inherit}.tile-photo{width:calc(100% + 42px);margin:14px -21px 0;height:118px;object-fit:cover;object-position:center;display:block;filter:saturate(1.15)}.tile:hover{border:0}.people-tray{position:sticky;top:88px;z-index:6;background:#eaf5e8;padding:18px;border:1px solid #b8dfb3;border-radius:16px;margin-bottom:19px;box-shadow:0 6px 25px #0b332018}.people-tray strong{display:block;margin-bottom:11px}.people-chips{display:flex;flex-wrap:wrap;gap:9px}.people-tray small{font-size:11px;color:#57756a;display:block;margin-top:9px}.person-chip{padding:12px 21px;border-radius:11px;font-weight:800;border:2px solid transparent;cursor:grab}.person-chip.picked{border-color:#062e32;box-shadow:0 0 0 3px #fff}.person-katharina{--person-bg:#b4f196;--person-ink:#16482b}.person-christian{--person-bg:#a7d2ff;--person-ink:#153a67}.person-stephan{--person-bg:#ffe5a0;--person-ink:#694a0a}.person-gemeinsam{--person-bg:#a2e9de;--person-ink:#17574d}.person-offen{--person-bg:#e6e9ed;--person-ink:#53606a}.person-chip,.role-task.assigned,.flip-card{background:var(--person-bg);color:var(--person-ink)}.task-field{padding:7px 9px;margin-bottom:8px}.role-task{padding:13px;border-radius:12px;display:flex;gap:18px;align-items:center;justify-content:space-between;min-height:62px;cursor:pointer}.role-task-title{font-weight:750;flex:1}.role-task-target{border:2px dashed #aec9bd;background:#f5faf6;border-radius:10px;min-width:160px;padding:10px;color:#607b72;font-size:12px;text-align:center}.role-task.assigned .role-task-target{background:#ffffff88;color:inherit;border:0;font-size:14px}.role-task.drag-over{box-shadow:inset 0 0 0 3px #196a37;background:#d0fc91}.role-clear{background:transparent;color:inherit;font-weight:900;font-size:20px;margin-left:12px}.flip-question{font-size:22px;margin:0 0 15px}.flip-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.flip-card{height:185px;position:relative;border-radius:15px;overflow:hidden;perspective:800px}.flip-front,.flip-back{position:absolute;inset:0;padding:15px;display:flex;flex-direction:column;gap:9px;transition:transform .45s,opacity .2s;backface-visibility:hidden}.flip-front strong,.flip-back strong{font-size:20px}.flip-front span{font-size:12px;flex:1}.flip-toggle{background:#ffffff9c;border-radius:8px;color:inherit;padding:9px;font-size:12px;font-weight:800}.flip-back{transform:rotateY(-180deg);opacity:0}.flip-card.is-flipped .flip-front{transform:rotateY(180deg);opacity:0;pointer-events:none}.flip-card.is-flipped .flip-back{transform:rotateY(0);opacity:1}.flip-back textarea{background:#ffffffd9!important;min-height:65px!important;resize:none;padding:9px!important;font-size:12px}.flip-back .flip-toggle{position:absolute;right:10px;top:9px;font-size:10px;padding:5px}.shared-goal{margin-top:15px;background:#e5f1fc;border-radius:14px;padding:16px}.shared-goal label{font-weight:800;display:block;margin-bottom:10px}.shared-goal textarea{background:white!important}.flip-question-card{padding:23px}.top-actions>.btn.lime{font-size:12px;padding:9px 13px}.top-actions .btn.dark{background:#c4ef78;color:#123d31}
@media(max-width:900px){.flip-grid{grid-template-columns:1fr}.flip-card{height:155px}.people-tray{position:static}}@media(max-width:770px){.sidebar{background:#063b37}.reset-small{margin:8px 4px 0}.top-actions .btn.lime{padding:8px;font-size:11px}.tile{min-height:295px}.role-task{flex-direction:column;align-items:stretch}.role-task-target{width:100%}}@media(max-width:470px){.tile{min-height:295px}.people-chips{gap:5px}.person-chip{padding:9px 11px}.top-actions .btn.dark{font-size:9px}}


/* --- Update 3: flip effects, briefing sheet, puzzle thumb --- */
.flip-card{perspective:1200px;background:transparent;border:0;overflow:visible}
.flip-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .72s cubic-bezier(.2,.9,.2,1)}
.flip-card.is-flipped .flip-inner{transform:rotateY(180deg)}
.flip-front,.flip-back{backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:15px;box-shadow:0 12px 30px rgba(10,40,30,.08)}
.flip-front{background:var(--person-bg);color:var(--person-ink)}
.flip-back{background:var(--person-bg);color:var(--person-ink);transform:rotateY(180deg);opacity:1}
.flip-front span{display:block;line-height:1.4}
.confetti-burst{position:absolute;z-index:99;pointer-events:none}
.confetti-piece{position:absolute;width:10px;height:14px;border-radius:2px;animation:confetti-fall .9s ease-out forwards;transform:translate(-50%,-50%)}
.confetti-piece.c1{background:#c4ef78}.confetti-piece.c2{background:#81bdff}.confetti-piece.c3{background:#ffdd7f}.confetti-piece.c4{background:#a2e9de}.confetti-piece.c5{background:#0f604f}.confetti-piece.c6{background:#ff8c7f}
@keyframes confetti-fall{0%{opacity:1;transform:translate(0,0) rotate(0deg) scale(1)}100%{opacity:0;transform:translate(var(--dx),var(--dy)) rotate(var(--rot)) scale(.4)}}

.builder-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;flex-wrap:wrap;margin-bottom:18px}
.builder-head h2{font-size:28px}.builder-head p:not(.eyebrow){max-width:420px;color:#56756b;font-size:13px;margin:0}
.briefing-builder-wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,420px);gap:18px;align-items:start}
.briefing-pool,.briefing-sheet,.next-assignments,.next-puzzle-board-wrap{min-height:220px}
.briefing-add-row{display:flex;gap:10px;margin-bottom:16px;flex-wrap:wrap}.briefing-add-row input{flex:1;min-width:220px}
.briefing-pool-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}
.mini-brief-card{padding:14px 14px 12px;border-radius:14px;background:#eff5ef;border:1px solid #dbe6de;color:var(--text);text-align:left;display:flex;flex-direction:column;gap:7px;min-height:86px;transition:transform .15s,box-shadow .15s,border-color .15s}
.mini-brief-card span{font-weight:800;line-height:1.2}.mini-brief-card small{color:#6b847d;font-size:11px}.mini-brief-card.silly{background:#fff1c8;border-color:#f0d27d}.mini-brief-card.selected{border-color:#0f604f;box-shadow:0 0 0 3px #c4ef78;transform:translateY(-2px)}
.briefing-sheet{position:relative;background:linear-gradient(180deg,#fffef6 0%,#fffdfa 100%)}
.sheet-pin{position:absolute;top:18px;right:20px;width:18px;height:18px;background:#ef6363;border-radius:50%;box-shadow:0 2px 0 #aa3434}
.sheet-paper{min-height:430px;border:2px dashed #b9cbb8;border-radius:18px;background:repeating-linear-gradient(180deg,#ffffff 0,#ffffff 27px,#eef4ec 28px);padding:28px 20px 20px;display:flex;flex-direction:column;gap:12px;align-items:flex-start;transition:background .2s,border-color .2s}
.sheet-paper.has-cards{border-style:solid}.sheet-paper.drag-over{background:#eef8df;border-color:#57944c}.sheet-empty{width:100%;text-align:center;padding:110px 20px;color:#789087;font-weight:700}
.sheet-card{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;background:#dff4d9;border:1px solid #b8ddb0;border-radius:12px;width:min(100%,330px);box-shadow:0 10px 25px rgba(30,80,45,.08)}
.sheet-card.silly{background:#fff0c2;border-color:#efcf69}.sheet-card span{font-weight:800;line-height:1.2}.sheet-card button{background:#ffffffaa;color:#305646;border-radius:50%;width:28px;height:28px;font-weight:900;flex-shrink:0}

.next-wrap{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:18px;align-items:start}
.next-piece-bank{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px}
.task-piece{background:#f6faf5;border:1px solid #dae6db;border-radius:18px;padding:14px;box-shadow:0 10px 24px rgba(20,55,40,.07);display:flex;flex-direction:column;gap:10px;min-height:190px;clip-path:polygon(8% 0,100% 0,100% 84%,92% 100%,0 100%,0 16%)}
.task-piece.shape-2{clip-path:polygon(0 0,88% 0,100% 26%,100% 100%,12% 100%,0 74%)}
.task-piece.shape-3{clip-path:polygon(10% 0,100% 0,100% 100%,0 100%,0 18%)}
.task-piece.shape-4{clip-path:polygon(0 0,100% 0,90% 100%,0 100%)}
.task-piece.shape-5{clip-path:polygon(0 10%,20% 0,100% 0,100% 90%,80% 100%,0 100%)}
.task-piece.shape-6{clip-path:polygon(0 0,100% 10%,100% 100%,15% 100%,0 75%)}
.task-piece .piece-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.task-piece strong{font-size:15px;line-height:1.2}.piece-unplace{background:#ffffffb0;border-radius:999px;padding:6px 10px;color:#24493f;font-weight:900}
.piece-owner{min-height:44px;border:2px dashed #b2cdb8;border-radius:12px;padding:10px 12px;display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px;color:#69837b;background:#fff}
.piece-owner.filled{border-style:solid;background:#ffffffad;color:inherit;font-weight:800}.piece-owner.drag-over{background:#e8f8dd;border-color:#2b7b3f}
.piece-date-label{font-size:12px;font-weight:800;color:#4b665f}.piece-date{width:100%;border-radius:10px;border:1px solid #d6e2d9;padding:10px 12px;background:#fff}
.thumb-board{position:relative;min-height:430px;border-radius:24px;background:linear-gradient(180deg,#eef7ec 0,#e7f2f7 100%);overflow:hidden;padding:28px}
.thumb-outline{position:absolute;inset:0;display:grid;place-items:center;font-size:250px;opacity:.07;user-select:none}
.thumb-slot{position:absolute;border:2px dashed #b9cabd;background:rgba(255,255,255,.58);border-radius:18px;display:grid;place-items:center;padding:8px;transition:background .2s,border-color .2s;overflow:visible}
.thumb-slot.drag-over,.thumb-slot.filled{background:rgba(255,255,255,.83);border-color:#6ba65f}.thumb-slot .slot-label{color:#779189;font-size:12px;font-weight:800}
.thumb-slot.slot1{top:42px;left:222px;width:104px;height:112px}.thumb-slot.slot2{top:126px;left:120px;width:118px;height:92px}.thumb-slot.slot3{top:198px;left:118px;width:118px;height:92px}.thumb-slot.slot4{top:270px;left:118px;width:118px;height:92px}.thumb-slot.slot5{top:270px;left:44px;width:92px;height:92px}.thumb-slot.slot6{top:124px;left:228px;width:124px;height:148px}
.thumb-slot .task-piece{min-height:100%;height:100%;width:100%;box-shadow:none;padding:12px}
.thumb-slot .task-piece .piece-date{padding:8px 10px}.thumb-slot .task-piece strong{font-size:13px}
.next-unplaced{margin-top:18px}.next-unplaced strong{display:block;margin-bottom:10px}.unplaced-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px}
.puzzle-token{min-height:120px;padding:12px 12px 14px;border-radius:18px;border:1px solid #d7e4d9;background:white;text-align:left;display:flex;flex-direction:column;justify-content:space-between;clip-path:polygon(8% 0,100% 0,100% 84%,92% 100%,0 100%,0 16%);box-shadow:0 8px 22px rgba(20,55,40,.06)}
.puzzle-token.shape-2{clip-path:polygon(0 0,88% 0,100% 26%,100% 100%,12% 100%,0 74%)}.puzzle-token.shape-3{clip-path:polygon(10% 0,100% 0,100% 100%,0 100%,0 18%)}.puzzle-token.shape-4{clip-path:polygon(0 0,100% 0,90% 100%,0 100%)}.puzzle-token.shape-5{clip-path:polygon(0 10%,20% 0,100% 0,100% 90%,80% 100%,0 100%)}.puzzle-token.shape-6{clip-path:polygon(0 0,100% 10%,100% 100%,15% 100%,0 75%)}
.puzzle-token span{font-weight:800;line-height:1.2}.puzzle-token small{margin-top:8px;color:#617c74}.puzzle-token.picked{box-shadow:0 0 0 3px #c4ef78,0 12px 28px rgba(20,55,40,.1)}
.all-done{padding:18px;background:#dff4d9;border:1px solid #bddfb8;border-radius:14px;font-weight:800;color:#234a3c}

.person-katharina.task-piece,.person-katharina.puzzle-token,.person-katharina .piece-owner.filled{background:#e4f9d9;color:#16482b}
.person-christian.task-piece,.person-christian.puzzle-token,.person-christian .piece-owner.filled{background:#e1efff;color:#153a67}
.person-stephan.task-piece,.person-stephan.puzzle-token,.person-stephan .piece-owner.filled{background:#fff1c8;color:#694a0a}
.person-gemeinsam.task-piece,.person-gemeinsam.puzzle-token,.person-gemeinsam .piece-owner.filled{background:#dcf7f2;color:#17574d}
.person-offen.task-piece,.person-offen.puzzle-token,.person-offen .piece-owner.filled{background:#eff3f5;color:#53606a}

@media(max-width:1080px){.briefing-builder-wrap,.next-wrap{grid-template-columns:1fr}.thumb-slot.slot1{left:190px}.thumb-slot.slot6{left:200px}}
@media(max-width:760px){.builder-head h2{font-size:24px}.briefing-pool-grid,.next-piece-bank{grid-template-columns:1fr}.sheet-paper{min-height:300px}.thumb-board{min-height:540px;padding:18px}.thumb-slot.slot1{top:28px;left:160px;width:90px;height:96px}.thumb-slot.slot2{top:110px;left:88px;width:100px;height:82px}.thumb-slot.slot3{top:180px;left:88px;width:100px;height:82px}.thumb-slot.slot4{top:250px;left:88px;width:100px;height:82px}.thumb-slot.slot5{top:250px;left:26px;width:74px;height:82px}.thumb-slot.slot6{top:108px;left:178px;width:108px;height:132px}.thumb-outline{font-size:210px}}
@media(max-width:520px){.briefing-add-row{display:block}.briefing-add-row input{width:100%;margin-bottom:10px}.thumb-board{min-height:500px}.thumb-slot.slot1{left:124px}.thumb-slot.slot2,.thumb-slot.slot3,.thumb-slot.slot4{left:58px}.thumb-slot.slot5{left:6px}.thumb-slot.slot6{left:144px}}
/* Workshop refinement: briefing paper and true thumb assembly */
.briefing-studio{display:flex;flex-direction:column;gap:20px}
.briefing-pool{padding:29px}.briefing-pool h2{font-size:29px;margin:6px 0 9px}.briefing-pool>p:not(.eyebrow){color:#4d6c63;font-size:15px;max-width:730px;margin-bottom:22px}
.briefing-pool-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(154px,1fr));gap:12px;margin-bottom:22px}
.mini-brief-card,.mini-brief-card.silly{background:#e8f4e5;border:1px solid #bcd9b6;color:#183f33;border-radius:13px;min-height:80px;display:grid;place-items:center;text-align:center;padding:15px;box-shadow:3px 4px 0 #c4e8bb;cursor:grab;transition:transform .15s,box-shadow .15s;transform:rotate(var(--tilt,0deg))}
.mini-brief-card:nth-child(4n+1){--tilt:-1.3deg;background:#dfedf9;border-color:#b8d0e7;box-shadow:3px 4px 0 #c5d9eb}
.mini-brief-card:nth-child(4n+2){--tilt:1.2deg;background:#fff2cd;border-color:#e8dbb2;box-shadow:3px 4px 0 #e9dbae}
.mini-brief-card:nth-child(4n+3){--tilt:-.6deg;background:#d8f6e8;border-color:#b6dfca;box-shadow:3px 4px 0 #bde9d4}
.mini-brief-card:hover{transform:translateY(-4px) rotate(0);box-shadow:5px 7px 0 #bcd7bb}
.mini-brief-card span{font-weight:800;font-size:13px}.mini-brief-card small{display:none}
.briefing-add-row{margin:0;align-items:center}.briefing-add-row input{max-width:460px}
.briefing-paper-wrap{padding:20px 18px 38px;display:flex;justify-content:center;background:linear-gradient(130deg,#d8e8dc,#f3efe0);border-radius:24px}
.briefing-paper{position:relative;width:min(100%,760px);min-height:520px;padding:56px 60px 56px;background:#fffdf8;box-shadow:8px 13px 0 #d9d8ca,15px 26px 45px #1d483328;transform:rotate(-.55deg);border:1px solid #e6e1d5;background-image:repeating-linear-gradient(180deg,transparent 0,transparent 35px,#e8efe9 36px)}
.briefing-paper:before{content:"";position:absolute;top:0;left:28px;width:2px;height:100%;background:#e9c9c4}
.paper-hole{position:absolute;right:45px;top:32px;width:17px;height:17px;border-radius:100%;background:#e5e8df;box-shadow:inset 2px 2px 4px #a7b3a7}
.briefing-paper h2{font-size:44px;margin-bottom:15px}.paper-line{height:4px;background:#123e35;width:100%;border-radius:4px;margin-bottom:23px}
.paper-card-list{min-height:285px;display:flex;flex-wrap:wrap;align-content:flex-start;align-items:flex-start;gap:13px;padding:10px;border:3px dashed transparent;border-radius:14px;transition:.18s}
.briefing-paper.drag-over .paper-card-list{border-color:#78a868;background:#eff8e7}
.briefing-paper .sheet-card{width:auto;max-width:100%;min-height:55px;display:flex;gap:12px;align-items:center;background:#dff3d9;box-shadow:3px 5px 0 #b2d7ad;transform:rotate(-1deg);padding:10px 12px;border-radius:10px}
.briefing-paper .sheet-card:nth-child(3n+2){background:#e0edff;box-shadow:3px 5px 0 #b8d1ea;transform:rotate(1deg)}
.briefing-paper .sheet-card:nth-child(3n+3){background:#fff0c7;box-shadow:3px 5px 0 #e7d79f}
.paper-card-number{font-size:11px;color:#688579;font-weight:800}.briefing-paper .sheet-card strong{font-size:13px}.briefing-paper .sheet-card button{width:25px;height:25px}
.briefing-paper .sheet-empty{padding:90px 10px;width:100%;font-size:18px;color:#96a79f;text-align:center}
.paper-foot{margin-top:12px;color:#82938a;text-align:right;font-size:12px;font-weight:700}
.puzzle-intro h2{font-size:28px;margin-bottom:7px}.puzzle-intro p{max-width:790px;margin:0;color:#547369}
.puzzle-workspace{display:grid;grid-template-columns:minmax(320px,.9fr) minmax(600px,1.1fr);gap:18px;align-items:start}
.puzzle-scatter,.puzzle-assembly{background:#fff;padding:22px;border-radius:20px;border:1px solid #dce6df}
.puzzle-workspace h3{font-size:25px;margin:0 0 16px}
.puzzle-scattered-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.puzzle-scattered-cards .task-piece{min-width:0;min-height:195px;clip-path:none;transform:rotate(-2deg);border-radius:20px;cursor:grab}
.puzzle-scattered-cards .task-piece:nth-child(2n){transform:rotate(2deg)}
.puzzle-scattered-cards .task-piece:nth-child(3n){transform:rotate(-1deg)}
.puzzle-scattered-cards .task-piece .piece-head strong{font-size:14px}
.piece-drag-hint{font-size:10px;color:#79978a;margin-top:auto;text-align:right}
.puzzle-thumbs-area{position:relative;height:620px;width:530px;max-width:100%;margin:0 auto;background:linear-gradient(135deg,#ebf5ed,#e5eff8);border-radius:22px;overflow:hidden}
.thumb-silhouette{position:absolute;inset:0;pointer-events:none}
.thumb-silhouette svg{width:100%;height:100%;filter:drop-shadow(0 7px 6px #0d3e3215)}
.thumb-silhouette path{fill:#d0e9d0;stroke:#74ae8d;stroke-width:5;stroke-dasharray:13 10;stroke-linejoin:round}
.thumb-target{position:absolute;display:flex;align-items:stretch;justify-content:stretch;border:2px dashed #538b75;background:#ffffff9c;border-radius:11px;transition:background .15s,box-shadow .15s;overflow:visible;cursor:pointer}
.thumb-target.drag-over{background:#c9f5bb;box-shadow:0 0 0 5px #b6e89c}.thumb-target.correct{border:2px solid #2e8a62;background:#ddf5dc}
.thumb-target.slot1{left:280px;top:75px;width:95px;height:150px;transform:rotate(14deg)}
.thumb-target.slot2{left:185px;top:231px;width:132px;height:91px}
.thumb-target.slot3{left:310px;top:231px;width:132px;height:91px}
.thumb-target.slot4{left:185px;top:319px;width:132px;height:91px}
.thumb-target.slot5{left:310px;top:319px;width:132px;height:91px}
.thumb-target.slot6{left:93px;top:281px;width:96px;height:146px}
.thumb-target .target-hint{display:grid;place-items:center;font-size:30px;color:#77a78b;font-weight:800;width:100%}
.thumb-target .task-piece{width:100%;height:100%;min-height:0;clip-path:none;border-radius:9px;box-shadow:none;padding:6px;gap:3px;overflow:hidden;cursor:grab}
.thumb-target .task-piece .piece-head strong{font-size:10px;line-height:1.05}.thumb-target .task-piece .piece-head{gap:2px}
.thumb-target .task-piece .piece-owner{min-height:24px;padding:3px;font-size:9px;border-width:1px}.thumb-target .task-piece .piece-date{padding:2px 5px;font-size:10px;height:23px}.thumb-target .task-piece .piece-date-label{font-size:9px}
.thumb-target .task-piece .piece-drag-hint{display:none}.thumb-target .task-piece .piece-unplace{padding:0px 4px;font-size:15px}
.puzzle-feedback{background:#eff6ef;padding:15px;border-radius:12px;color:#436c58;font-weight:800;text-align:center;margin-top:15px}
.puzzle-feedback.complete{background:#c4ef78;color:#133e31;font-size:20px}
.puzzle-celebration{position:fixed;inset:0;z-index:999;pointer-events:auto;overflow:hidden;display:grid;place-items:center;background:#083b2e8a;cursor:pointer}
.puzzle-yay{position:relative;z-index:2;padding:35px 60px;border-radius:30px;background:#d7f987;color:#0b3f32;font-family:Outfit,sans-serif;font-weight:900;font-size:clamp(28px,7vw,72px);box-shadow:0 20px 70px #082d3660;text-align:center;transform:rotate(-3deg)}
.puzzle-yay small{display:block;font-size:clamp(16px,2vw,25px);margin-top:13px;letter-spacing:0}
.puzzle-confetti{position:absolute;top:-30px;width:13px;height:22px;animation:party-fall 2.8s linear forwards;transform:rotate(20deg)}
@keyframes party-fall{to{top:110%;transform:rotate(900deg) translateX(90px)}}
@media(max-width:1320px){.puzzle-workspace{grid-template-columns:1fr}.puzzle-scattered-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:780px){.briefing-paper{padding:40px 25px 40px 42px}.briefing-pool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.puzzle-scattered-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.puzzle-thumbs-area{transform-origin:top left;transform:scale(.7);max-width:none}.puzzle-assembly{overflow:hidden}.puzzle-feedback{margin-top:-140px}}
@media(max-width:460px){.puzzle-thumbs-area{transform:scale(.52)}.puzzle-feedback{margin-top:-270px}.puzzle-scattered-cards{grid-template-columns:1fr}.puzzle-yay{padding:30px 25px}}

/* Next Steps Thumb Planner redesign */
.thumb-planner{display:grid;grid-template-columns:minmax(0,1.2fr) 340px;gap:18px;align-items:start}
.thumb-planner-board{position:relative;min-height:640px;background:linear-gradient(180deg,#eef8ef 0,#edf5fb 100%);border:1px solid #d7e6db;border-radius:28px;padding:22px;overflow:hidden}
.thumb-bg-icon{position:absolute;inset:0;display:grid;place-items:center;font-size:420px;opacity:.08;user-select:none;pointer-events:none;line-height:1}
.thumb-step{position:absolute;padding:14px;border-radius:18px;border:2px dashed #b8cfc2;background:rgba(255,255,255,.88);box-shadow:0 10px 24px rgba(16,61,50,.07);display:flex;flex-direction:column;gap:10px;transition:transform .15s, box-shadow .15s, background .15s, border-color .15s}
.thumb-step:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(16,61,50,.1)}
.thumb-step.done{border-style:solid}
.thumb-step-no{font-size:11px;font-weight:800;letter-spacing:.16em;color:#5a7b72}
.thumb-step-title{font-weight:800;line-height:1.25;font-size:15px}
.thumb-step-owner{min-height:42px;border:2px dashed #b2cdb8;border-radius:12px;padding:10px 12px;display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px;color:#69837b;background:#fff;cursor:pointer}
.thumb-step-owner.filled{border-style:solid;background:rgba(255,255,255,.65);color:inherit;font-weight:800}.thumb-step-owner.drag-over{background:#e8f8dd;border-color:#2b7b3f}
.thumb-step-date-label{font-size:12px;font-weight:800;color:#4b665f}.thumb-step-date{width:100%;border-radius:10px;border:1px solid #d6e2d9;padding:10px 12px;background:#fff}
.thumb-legend h3{margin:4px 0 10px;font-size:25px}.thumb-legend p{color:#5d786e;font-size:13px}
.thumb-progress{display:flex;flex-direction:column;gap:8px;margin:14px 0 18px}.thumb-progress-row{padding:10px 12px;border-radius:12px;background:#f3f7f4;border:1px solid #dbe5df}.thumb-progress-row strong{display:block;font-size:13px;margin-bottom:4px}.thumb-progress-row span{font-size:12px;color:#57726b}
.thumb-step.slot1{top:34px;left:255px;width:130px;height:150px;border-radius:30px 30px 26px 26px}
.thumb-step.slot2{top:150px;left:142px;width:148px;height:100px}
.thumb-step.slot3{top:238px;left:142px;width:148px;height:100px}
.thumb-step.slot4{top:326px;left:142px;width:148px;height:100px}
.thumb-step.slot5{top:414px;left:142px;width:148px;height:100px;border-radius:22px 22px 30px 30px}
.thumb-step.slot6{top:175px;left:291px;width:176px;height:222px;border-radius:24px 28px 32px 32px}
.puzzle-feedback{padding:16px 18px;border-radius:16px;background:#f4f7f4;border:1px solid #dae4de;font-weight:800;color:#305045;text-align:center}.puzzle-feedback.complete{background:#dff4d9;border-color:#abd39f;color:#1f5531;font-size:22px}

.puzzle-celebration{position:fixed;inset:0;z-index:120;display:grid;place-items:center;background:radial-gradient(circle at center, rgba(255,255,255,.14), rgba(6,23,19,.56));backdrop-filter:blur(2px)}
.puzzle-yay{background:white;border-radius:28px;padding:26px 34px;text-align:center;font-family:'Outfit',system-ui,sans-serif;font-size:44px;font-weight:800;letter-spacing:-.04em;color:#123d31;box-shadow:0 25px 80px rgba(0,0,0,.22)}
.puzzle-yay small{display:block;margin-top:8px;font-size:18px;font-family:'DM Sans',system-ui,sans-serif;letter-spacing:0;color:#4a685f}
.puzzle-confetti{position:absolute;top:-20px;width:12px;height:18px;border-radius:3px;animation:puzzle-confetti-fall linear forwards}
@keyframes puzzle-confetti-fall{0%{transform:translateY(0) rotate(0);opacity:1}100%{transform:translateY(115vh) rotate(540deg);opacity:0.2}}

.thumb-step.person-katharina,.thumb-progress-row.person-katharina{background:#e4f9d9;color:#16482b;border-color:#a7d693}
.thumb-step.person-christian,.thumb-progress-row.person-christian{background:#e1efff;color:#153a67;border-color:#9ec4f1}
.thumb-step.person-stephan,.thumb-progress-row.person-stephan{background:#fff1c8;color:#694a0a;border-color:#e7c96c}
.thumb-step.person-gemeinsam,.thumb-progress-row.person-gemeinsam{background:#dcf7f2;color:#17574d;border-color:#98ddd1}
.thumb-step.person-offen,.thumb-progress-row.person-offen{background:#eff3f5;color:#53606a;border-color:#cfd7de}

@media(max-width:1100px){.thumb-planner{grid-template-columns:1fr}.thumb-legend{order:2}}
@media(max-width:760px){.thumb-planner-board{min-height:720px;padding:14px}.thumb-bg-icon{font-size:320px}.thumb-step{padding:11px}.thumb-step-title{font-size:13px}.thumb-step.slot1{top:30px;left:176px;width:102px;height:132px}.thumb-step.slot2{top:141px;left:86px;width:118px;height:88px}.thumb-step.slot3{top:219px;left:86px;width:118px;height:88px}.thumb-step.slot4{top:297px;left:86px;width:118px;height:88px}.thumb-step.slot5{top:375px;left:86px;width:118px;height:88px}.thumb-step.slot6{top:162px;left:205px;width:136px;height:196px}}
@media(max-width:520px){.thumb-planner-board{min-height:760px}.thumb-bg-icon{font-size:270px}.thumb-step.slot1{left:136px;width:90px}.thumb-step.slot2,.thumb-step.slot3,.thumb-step.slot4,.thumb-step.slot5{left:54px;width:104px}.thumb-step.slot6{left:170px;width:120px;height:206px}.puzzle-yay{font-size:34px;padding:22px}}

.reset-small{margin-top:10px;align-self:flex-start;font-size:11px;padding:7px 10px;border-radius:10px;background:#fff;border:1px solid #d6e3da;color:#6e7f78;opacity:.88}.reset-small:hover{opacity:1;background:#f8fbf7}.brand-mark,.brand-icon{overflow:hidden}.brand-mark,.brand-icon{letter-spacing:-.08em}.brand-mark{font-size:18px}.brand-mark span{font-size:15px}.brand-icon{font-size:18px}.brand-icon span{font-size:12px}@media(max-width:900px){.top-actions .live-dot,.top-actions .live-text,.top-actions .sync-state{display:none}.top-logo{min-width:62px;height:36px;font-size:20px}}

/* Final repair: override legacy flip-face transitions (which made cards disappear). */
.flip-card{background:transparent!important;overflow:visible!important;isolation:isolate}
.flip-inner{width:100%;height:100%;position:relative;transform-style:preserve-3d;transition:transform .7s cubic-bezier(.2,.8,.2,1)!important}
.flip-card.is-flipped .flip-inner{transform:rotateY(180deg)!important}
.flip-card .flip-front,.flip-card .flip-back{position:absolute;inset:0;backface-visibility:hidden!important;-webkit-backface-visibility:hidden!important;transition:none!important;opacity:1!important;pointer-events:auto}
.flip-card .flip-front{transform:rotateY(0deg)!important}
.flip-card .flip-back{transform:rotateY(180deg)!important}
.flip-card.is-flipped .flip-front{pointer-events:none}
.flip-card:not(.is-flipped) .flip-back{pointer-events:none}
/* Reset is below progress, not pushed to a separate flex position. */
.sidebar .side-bottom{margin-top:auto}
.sidebar .reset-small{margin:10px 8px 0!important;align-self:stretch;background:transparent;color:#dceee7;border:1px solid #709e8e;font-size:10px;padding:7px}
.topbar .top-logo{display:flex!important;align-items:baseline;justify-content:center;order:99;margin-left:12px;flex-shrink:0}
/* Actual segmented thumb SVG and its directly editable labeled fields. */
.thumb-real-layout{display:grid;grid-template-columns:minmax(580px,1fr) minmax(230px,300px);gap:20px;align-items:start}
.thumb-real-board{position:relative;max-width:760px;width:100%;aspect-ratio:560 / 570;background:linear-gradient(130deg,#eaf4e6,#e6f0f8);border-radius:24px;overflow:hidden;border:1px solid #d9e5dd}
.thumb-map-svg{position:absolute;inset:0;width:100%;height:100%;filter:drop-shadow(0 12px 10px #163d3823)}
.thumb-real-board .thumb-step{position:absolute;z-index:2;width:21%;height:13%;padding:5px 7px;gap:2px;border:0!important;border-radius:8px;background:transparent!important;box-shadow:none!important;transform:none!important;min-width:0;overflow:visible;color:#153e38!important}
.thumb-real-board .thumb-step-no{font-size:9px;line-height:1}
.thumb-real-board .thumb-step-title{font-size:clamp(9px,1.15vw,12px);line-height:1.07;font-weight:800;min-height:24px}
.thumb-real-board .thumb-step-owner{min-height:19px;padding:2px 5px;font-size:clamp(9px,1vw,11px);line-height:1.15;border:1px dashed #2f6658;background:#ffffffb8}
.thumb-real-board .thumb-step-date-label{font-size:9px;line-height:1}
.thumb-real-board .thumb-step-date{height:24px;padding:1px 5px;font-size:11px;background:#fff;border-radius:5px}
.thumb-real-board .thumb-step.slot1{left:54%;top:12%;height:20%;width:16%}
.thumb-real-board .thumb-step.slot2{left:35%;top:44%;width:18%;height:14%}
.thumb-real-board .thumb-step.slot3{left:57%;top:43%;width:23%;height:14%}
.thumb-real-board .thumb-step.slot4{left:35%;top:58%;width:18%;height:14%}
.thumb-real-board .thumb-step.slot5{left:35%;top:73%;width:18%;height:14%}
.thumb-real-board .thumb-step.slot6{left:58%;top:62%;width:22%;height:19%}
.thumb-real-board .thumb-step:hover{filter:brightness(.97)}
@media(max-width:1050px){.thumb-real-layout{grid-template-columns:1fr}.thumb-real-board{max-width:700px}}
@media(max-width:620px){.thumb-real-board{min-width:560px}.thumb-real-layout{overflow-x:auto}.thumb-real-board .thumb-step-title{font-size:11px}}

/* Repair: the thumb SVG and its labels are locked to the SAME drawing plane. */
.thumb-real-layout{display:flex!important;flex-wrap:wrap!important;gap:24px!important;align-items:flex-start!important;max-width:100%!important;overflow-x:auto!important;position:relative!important}
.thumb-real-board{display:block!important;position:relative!important;flex:0 0 560px!important;width:560px!important;height:570px!important;max-width:560px!important;min-width:560px!important;aspect-ratio:auto!important;overflow:hidden!important;isolation:isolate!important;margin:0!important}
.thumb-map-svg{position:absolute!important;left:0!important;top:0!important;width:560px!important;height:570px!important;max-height:570px!important;max-width:560px!important;z-index:1!important;display:block!important}
.thumb-real-layout>.thumb-legend{flex:1 1 240px!important;max-width:360px!important}
.thumb-real-board .thumb-step{position:absolute!important;transform:none!important;margin:0!important;box-sizing:border-box!important}
/* One rotating panel, two opaque surfaces: stable flip without disappearance. */
.flip-grid .flip-card{height:205px!important;position:relative!important;perspective:1100px!important;overflow:visible!important;display:block!important;background:transparent!important}
.flip-grid .flip-card .flip-inner{position:relative!important;width:100%!important;height:100%!important;transform-style:preserve-3d!important;transition:transform .6s ease-in-out!important;transform:rotateY(0)!important}
.flip-grid .flip-card.is-flipped .flip-inner{transform:rotateY(180deg)!important}
.flip-grid .flip-card .flip-front,.flip-grid .flip-card .flip-back{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;opacity:1!important;visibility:visible!important;display:flex!important;backface-visibility:hidden!important;-webkit-backface-visibility:hidden!important;transition:none!important;box-shadow:0 12px 20px #103d3218!important;border-radius:15px!important;background:var(--person-bg)!important;color:var(--person-ink)!important}
.flip-grid .flip-card .flip-front{transform:rotateY(0deg)!important}
.flip-grid .flip-card .flip-back{transform:rotateY(180deg)!important}
/* Cursor behavior restored from the earlier stable build. */
html,body,body *{cursor:url('cursor.svg') 4 4, auto!important}
/* Isolated replacement components: no dependence on old flip/thumb selectors */
.safe-flip{position:relative;height:205px;min-width:0;transform-style:flat;transition:transform .21s ease-in-out;border-radius:15px;background:var(--person-bg);color:var(--person-ink);box-shadow:0 10px 20px #103d3215}
.safe-flip.folding{transform:scaleX(.05)}.safe-flip.unfolding{transform:scaleX(1)}
.safe-flip-face{position:absolute;inset:0;display:flex;flex-direction:column;gap:9px;padding:15px;background:var(--person-bg);color:var(--person-ink);border-radius:15px;opacity:1;visibility:visible}
.safe-flip-front span{font-size:13px;flex:1}.safe-flip-back{display:none}.safe-flip.opened .safe-flip-front{display:none}.safe-flip.opened .safe-flip-back{display:flex}
.safe-flip-face strong{font-size:20px}.safe-flip-face .flip-toggle{background:#ffffffac;padding:8px;border-radius:9px;font-size:12px;font-weight:800;color:inherit}
.safe-flip-back textarea{width:100%;height:110px;min-height:0!important;resize:none;background:#ffffffc9!important;padding:9px!important;font-size:12px}
.newthumb-layout{display:flex;gap:24px;align-items:flex-start;flex-wrap:wrap;max-width:100%;min-width:0}
.newthumb-board{width: min(100%, 650px);aspect-ratio:460/475;position:relative;isolation:isolate;background:#edf6ed;border:1px solid #d2e4da;border-radius:24px;overflow:hidden;flex:0 1 650px}
.newthumb-svg{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}
.newthumb-field{position:absolute;z-index:1;width:23%;height:17%;padding:7px;display:flex;flex-direction:column;gap:5px;justify-content:center;overflow:hidden;border-radius:8px;background:#ffffff95;border:1px solid #ffffffa8;box-sizing:border-box!important;transform:none!important}
.newthumb-field strong{font-size:clamp(9px,1.05vw,13px);line-height:1.1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.newthumb-drop{background:#ffffffa9;border:1px dashed #618679;border-radius:7px;min-height:25px;padding:3px 5px;font-size:clamp(9px,.85vw,12px);display:flex;align-items:center;justify-content:space-between;cursor:pointer}
.newthumb-drop.drag-over{background:#c4ef78;border:2px solid #255b47}.newthumb-drop .role-clear{font-size:15px;margin-left:3px}
.newthumb-date{border:1px solid #b7d1c5;background:#fff;border-radius:7px;width:100%;padding:5px;font-size:clamp(9px,.85vw,12px);min-height:25px}
.newthumb-pos1{left:55%;top:13%;width:16%;height:24%}.newthumb-pos2{left:33%;top:42%;width:20%;height:14%}.newthumb-pos3{left:56%;top:42%;width:28%;height:14%}.newthumb-pos4{left:33%;top:59%;width:20%;height:14%}.newthumb-pos5{left:33%;top:76%;width:20%;height:14%}.newthumb-pos6{left:56%;top:60%;width:24%;height:25%}
.newthumb-status{flex:1 1 220px;max-width:360px}.newthumb-status h3{font-size:24px}
@media(max-width:700px){.newthumb-layout{display:block}.newthumb-board{width:100%}.newthumb-status{max-width:none;margin-top:16px}.newthumb-field{padding:3px;gap:2px}.newthumb-field strong{font-size:9px}.newthumb-drop{font-size:9px;padding:2px;min-height:20px}.newthumb-date{font-size:9px;padding:2px;min-height:20px}.safe-flip{height:200px}}

/* Layout v10: generously sized thumb, all labels remain readable */
.newthumb-layout{display:flex;flex-direction:column;align-items:stretch;gap:18px;max-width:100%;overflow:hidden}
.newthumb-scroll{width:100%;max-width:100%;overflow-x:auto;overflow-y:hidden;padding:0 0 6px}
.newthumb-board{position:relative!important;width:920px!important;height:760px!important;max-width:none!important;min-width:920px!important;aspect-ratio:auto!important;flex:none!important;border-radius:25px;background:#edf6ed;overflow:hidden!important;isolation:isolate}
.newthumb-svg{position:absolute;inset:0;width:920px!important;height:760px!important;display:block;max-width:none;max-height:none;z-index:0}
.newthumb-field{position:absolute!important;z-index:1!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:center!important;box-sizing:border-box!important;gap:7px!important;padding:11px 12px!important;width:214px!important;height:125px!important;min-width:0!important;overflow:visible!important;background:#ffffffde!important;border:1px solid #ffffffeb!important;border-radius:13px!important;box-shadow:0 2px 9px #113b3217!important;transform:none!important}
.newthumb-field strong{font-size:15px!important;line-height:1.2!important;display:block!important;overflow:visible!important;-webkit-line-clamp:unset!important;white-space:normal!important;font-weight:800!important;overflow-wrap:break-word}
.newthumb-drop{min-height:29px!important;flex:0 0 auto!important;padding:5px 7px!important;font-size:12px!important;line-height:1.1!important;background:#fff!important}
.newthumb-date{min-height:30px!important;max-height:30px!important;flex:0 0 30px!important;padding:4px 8px!important;font-size:12px!important}
.newthumb-pos1{left:592px!important;top:67px!important;width:120px!important;height:153px!important;padding:6px!important;gap:6px!important}
.newthumb-pos1 strong{font-size:12px!important;line-height:1.16!important}
.newthumb-pos1 .newthumb-drop{font-size:11px!important;padding:3px!important}
.newthumb-pos1 .newthumb-date{font-size:11px!important;padding:3px!important}
.newthumb-pos2{left:254px!important;top:252px!important}
.newthumb-pos3{left:495px!important;top:252px!important}
.newthumb-pos4{left:254px!important;top:404px!important}
.newthumb-pos5{left:254px!important;top:562px!important}
.newthumb-pos6{left:495px!important;top:464px!important;width:202px!important;height:148px!important}
.newthumb-status{max-width:920px!important;width:100%;flex:none!important}
.tile-finished{position:relative;isolation:isolate}
.done-stamp{position:absolute;top:15px;right:13px;z-index:5;transform:rotate(12deg);width:94px;height:94px;border-radius:50%;border:5px solid #fff;background:#0e714d;color:white;display:flex;align-items:center;justify-content:center;flex-direction:column;box-shadow:0 9px 18px #143e3557;pointer-events:none}
.done-check{font-size:46px;font-weight:900;line-height:1}.done-stamp small{font-weight:900;letter-spacing:.045em;font-size:10px}
@media(max-width:800px){.newthumb-board{margin:0!important}.newthumb-layout{display:block}.done-stamp{width:72px;height:72px;top:10px;right:10px}.done-check{font-size:35px}.done-stamp small{font-size:8px}}