:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#17253A;background:#F5F7FA;font-synthesis:none}*{box-sizing:border-box}body{margin:0}.app{min-height:100vh}.app>header{height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-bottom:1px solid #D5DEE8;background:#fff;position:sticky;top:0;z-index:5}.brand{font-weight:800}.phase{font-size:13px;font-weight:800}.phase.factor{color:#1765D1}.phase.violet{color:#7127B5}.phase.gold{color:#8b6a00}main{width:min(1040px,100%);margin:auto;padding:42px 22px 80px}section{max-width:860px;margin:auto}h1{font-size:clamp(2rem,6vw,4.2rem);line-height:1.02;letter-spacing:-.04em;margin:.3em 0}h2{line-height:1.15}.hero{min-height:68vh;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.hero>p{max-width:650px;font-size:1.2rem}.eyebrow,.category{font-size:.78rem;text-transform:uppercase;letter-spacing:.09em;font-weight:900;color:#536477}.primary,.secondary,button{min-height:48px;border-radius:14px;border:1px solid #D5DEE8;padding:11px 18px;font:inherit;font-weight:750;cursor:pointer;background:#fff;color:#17253A}.primary{background:#17253A;color:white;border-color:#17253A;margin-top:14px}.secondary{margin-top:10px}.primary:disabled,button:disabled{opacity:.45;cursor:not-allowed}.icon-only{width:48px;height:48px;padding:0;display:grid;place-items:center;border-radius:50%;background:#fff}.meta-icon{position:fixed;right:18px;bottom:18px;z-index:20;box-shadow:0 8px 30px #17253a24}.test-mode .meta-icon{border-color:#f0a000;background:#fff8df}.overlay{position:fixed;inset:0;background:#17253a80;z-index:50;display:flex;justify-content:flex-end}.sheet{width:min(520px,100%);height:100%;overflow:auto;background:white;padding:70px 28px 50px;position:relative}.close{position:absolute;right:18px;top:18px}.qr-placeholder{width:210px;height:210px;border:12px solid #17253A;display:grid;place-items:center;font-size:54px;font-weight:900;margin:24px auto}.session-id{text-align:center;font-size:1.1rem}.feedback-block{margin-top:70vh;border-top:1px solid #D5DEE8;padding-top:28px}.feedback-block textarea,.gold-form textarea{width:100%;min-height:120px}.linkish{display:block;margin-top:24px}.test-tools{margin-top:32px;padding:20px;background:#fff8df;border-radius:18px}.test-tools label{display:block;margin:14px 0}.jump-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.players{display:grid;gap:12px}.player-card,.panel,.scale-card{background:white;border:1px solid #D5DEE8;border-radius:20px;padding:20px;margin:16px 0}label{display:block;font-weight:750;margin:16px 0}input,select,textarea{display:block;width:100%;margin-top:7px;padding:13px;border:1px solid #b9c6d3;border-radius:12px;font:inherit;background:white}.hint,.fixture{font-size:.9rem;color:#536477}.person-prompt{padding:14px 18px;background:#fff;border:1px solid #D5DEE8;border-radius:16px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:24px}.qcard{background:#fff;border:1px solid #D5DEE8;border-top:5px solid #1765D1;border-radius:22px;padding:22px;min-height:360px;display:flex;flex-direction:column}.violet-cards .qcard{border-top-color:#7127B5}.qcard h2{font-size:1.35rem}.qcard details{border-top:1px solid #e5eaf0;padding:12px 0}.qcard .primary{margin-top:auto}.gold-screen{max-width:760px}.gold-form{background:#fff;border:1px solid #e3ca72;border-radius:24px;padding:24px}.gold-form label:first-child textarea{min-height:160px;font-size:1.2rem}.gold-form label.error textarea{border:2px solid #b42318}.saved-gold{display:flex;justify-content:space-between;gap:20px;background:#fff9df;border:1px solid #e3ca72;border-radius:14px;padding:14px;margin:10px 0}.timebar{height:8px;background:#dfe6ee;border-radius:8px;overflow:hidden;margin:18px 0 30px}.timebar span{display:block;width:64%;height:100%;background:#17253A}.scale{display:flex;gap:8px;flex-wrap:wrap}.scale button{width:52px}.ends{display:flex;justify-content:space-between;color:#536477;font-size:.82rem;margin-top:8px}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.choice{min-height:120px;font-size:1.2rem}.choice.active{outline:3px solid #1765D1}.diary-list article{display:flex;gap:16px;align-items:flex-start;background:#fff;border-bottom:1px solid #D5DEE8;padding:18px}.number{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;border:2px solid #17253A;flex:none}.number.filled{background:#17253A;color:white}.diary-list h3{margin:3px 0}footer{text-align:center;color:#536477;padding:28px;font-size:.8rem}@media(max-width:760px){.cards{display:flex;overflow:auto;scroll-snap-type:x mandatory}.qcard{min-width:88%;scroll-snap-align:center}.choice-grid{grid-template-columns:1fr}.app>header{padding:0 14px}main{padding-top:28px}.phase{max-width:45%;text-align:right}.ten button{width:44px}}

/* WT01 – Setup / Rollen */
.setup-step{max-width:760px}.choice-list{display:grid;gap:12px;margin:28px 0}.person-choice{display:flex;align-items:center;justify-content:space-between;text-align:left;padding:18px 20px;background:#fff}.person-choice span{font-weight:500;color:#536477}.person-choice.active{outline:3px solid #1765D1;border-color:#1765D1}.handover-screen{min-height:62vh;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.handover-screen p:not(.eyebrow){font-size:1.1rem;max-width:600px}

/* WT02 – zyklisches Fragekarussell */
.carousel-wrap{position:relative;margin:26px -20px 8px;padding:0 58px 34px;overflow:hidden}.question-carousel{height:430px;position:relative;display:flex;align-items:center;justify-content:center;touch-action:pan-y}.carousel-card{position:absolute;width:min(560px,72%);height:390px;min-height:0;transition:transform .22s ease,opacity .22s ease;z-index:1}.carousel-card.center{transform:translateX(0) scale(1);z-index:3;box-shadow:0 18px 48px #17253a1c}.carousel-card.left-card{transform:translateX(-73%) scale(.9);opacity:.55;pointer-events:none}.carousel-card.right-card{transform:translateX(73%) scale(.9);opacity:.55;pointer-events:none}.carousel-arrow{position:absolute;top:185px;z-index:4;width:48px;height:48px;border-radius:50%;font-size:2rem;line-height:1;padding:0;box-shadow:0 5px 20px #17253a20}.carousel-arrow.left{left:6px}.carousel-arrow.right{right:6px}.carousel-dots{position:absolute;bottom:5px;left:0;right:0;display:flex;justify-content:center;gap:8px}.carousel-dots span{width:8px;height:8px;border-radius:50%;background:#b9c6d3}.carousel-dots span.active{background:#17253A}.carousel-help{text-align:center;color:#536477;font-size:.9rem}
@media(max-width:760px){.carousel-wrap{margin:18px -22px 8px;padding:0 38px 32px}.question-carousel{height:440px}.carousel-card{width:84%;height:410px}.carousel-card.left-card{transform:translateX(-86%) scale(.88)}.carousel-card.right-card{transform:translateX(86%) scale(.88)}.carousel-arrow{top:190px;width:44px;height:44px}.carousel-arrow.left{left:4px}.carousel-arrow.right{right:4px}}
@media(prefers-reduced-motion:reduce){.carousel-card{transition:none}}
/* Korrekturblock WT04–WT09 */
.player-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.remove{min-height:36px;padding:6px 10px;font-size:.85rem}.talk-card{background:#fff;border:1px solid #D5DEE8;border-radius:20px;padding:22px}.talk-card details,.gold-screen details{padding:12px 0;border-top:1px solid #e5eaf0}.help-check,.action-row,.helper-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:12px 0}.helper-row details{flex:1}.timebar.active span{width:100%;animation:drain 45s linear forwards}.timebar.t0bar span{animation-duration:10s}.timebar.goldbar span{animation-duration:90s}.scale button.selected{outline:3px solid #1765D1;background:#eef5ff}@keyframes drain{from{width:100%}to{width:0}}@media(prefers-reduced-motion:reduce){.timebar.active span{animation:none;width:55%}}

/* Korrekturblock WT10–WT20 */
.interaction-mode{width:max-content;max-width:100%;margin:0 0 18px auto;display:flex;align-items:center;gap:8px;padding:7px 11px;border:1px solid #D5DEE8;border-radius:999px;background:#fff;color:#536477;font-size:.8rem;font-weight:800}.interaction-symbol{font-weight:900;letter-spacing:.04em;color:#17253A}.work-order{font-size:clamp(1.25rem,3vw,1.8rem);padding:14px 18px;border-left:5px solid #17253A;background:#fff;border-radius:0 14px 14px 0}.scale{justify-content:center;margin:24px auto 8px}.ends{max-width:620px;margin:8px auto 20px}.gold-example{margin:-6px 0 18px;color:#536477;font-size:.92rem}.error-message{color:#b42318;font-weight:750}.link-button{border:0;background:transparent;text-decoration:underline;margin-top:12px;color:#536477}.code-list .panel{display:flex;justify-content:space-between;align-items:center;gap:16px}.qr-placeholder.small{width:190px;height:190px;font-size:42px}.center-text{text-align:center}.center-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.passcode label{width:min(420px,100%)}.passcode input{text-transform:uppercase;letter-spacing:.12em;font-weight:800;font-size:1.15rem}.violet-carousel .qcard{border-top-color:#7127B5}.goldbar{position:sticky;top:76px;z-index:4;background:#eee7c9}.goldbar span{background:#8b6a00}

/* WT21–WT28 */
.elapsed-radar{display:flex;flex-direction:column;align-items:center;gap:8px;margin:24px auto 18px;width:max-content}.radar-circle{width:72px;height:72px;border:2px solid #b9c6d3;border-radius:50%;position:relative;background:radial-gradient(circle at center,#17253A 0 3px,transparent 4px)}.radar-circle span{position:absolute;left:50%;top:50%;width:2px;height:30px;background:#17253A;transform-origin:50% 0;animation:radarSpin 4s linear infinite}.elapsed-radar b{font-variant-numeric:tabular-nums;font-size:1.05rem}.scale-instruction{text-align:center;font-weight:750}.optional-class{margin-top:30px;padding-top:22px;border-top:1px solid #D5DEE8}.class-options{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.class-options button.selected{outline:3px solid #1765D1;background:#eef5ff}@keyframes radarSpin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.radar-circle span{animation-duration:12s}}
.portal header{height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;background:#fff;border-bottom:1px solid #D5DEE8}.portal header a{color:#17253A;font-weight:750}.portal main{width:min(1100px,100%);margin:auto;padding:42px 22px 80px}.portal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.code-row,.session-row{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;align-items:center;border-top:1px solid #e5eaf0;padding:12px 0}.session-row{flex-direction:column;align-items:flex-start}.result-box{margin-top:18px;padding:18px;border-radius:16px;background:#eef5ff}.result-box strong{font-size:1.4rem;letter-spacing:.05em}.error-message{color:#b42318;font-weight:750}@media(max-width:760px){.portal-grid{grid-template-columns:1fr}}