@font-face{font-family:Manrope;src:url('assets/manrope.woff2') format('woff2');font-weight:200 800;font-display:swap}
:root{--paper:#f6f5f1;--ink:#242b26;--muted:#6b7269;--rule:#d9dcd3;--accent:#975039;--field:#15271e;--font:Manrope,Arial,sans-serif}
*{box-sizing:border-box}html{background:var(--paper);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased}body{margin:0}button,input,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;background:none;border:0;padding:0;touch-action:manipulation}button:disabled{opacity:.3;cursor:default}button,a,input{outline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #975039}a{color:inherit}button{transition:background .15s,color .15s,border-color .15s}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.ui-icon{width:17px;height:17px;flex-shrink:0;vertical-align:middle}.app{max-width:1740px;margin:auto;padding:0 42px;min-height:100dvh;display:flex;flex-direction:column}
header{height:82px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--rule);gap:24px;flex-shrink:0}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-size:22px;letter-spacing:-1px;font-weight:800}.brand-light{font-weight:400}.brand-icon{display:grid;place-items:center;color:#354c39;width:28px;height:34px}.brand-icon .ui-icon{width:26px;height:31px;stroke-width:1.4}.brand small{display:none}.edition{margin-left:auto;font-size:12px;font-weight:600;color:#3b473c;line-height:1.6}.edition span{display:block;color:#7a8175;font-weight:400;font-size:10px}.header-actions{display:flex;border-left:1px solid var(--rule);padding-left:18px;gap:4px}.icon-button{display:grid;place-items:center;width:36px;height:36px;color:#53604f;border-radius:3px}.icon-button:hover{background:#e9ece2}
.chapterline{display:flex;align-items:center;min-height:83px;gap:25px}.chapterline>span:first-child{display:none}.chapterline>span:last-child{font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;flex:1}.steps button{display:flex;align-items:center;gap:10px;text-align:left;height:48px;position:relative;color:#8b9385;border-bottom:1px solid #d9ddd2;font-size:11px}.steps button:hover{color:#33442e;border-color:#7c8d71}.step-number{font-size:10px;font-variant-numeric:tabular-nums;letter-spacing:.5px}.steps button.active{color:#263923;border-bottom:2px solid #3c5233;font-weight:700}.steps button.active .step-number{color:var(--accent)}.steps button.done{color:#617057}
main{display:grid;grid-template-columns:minmax(325px,.78fr) minmax(450px,1.45fr);gap:54px;padding:0 0 28px;flex:1;align-items:start}.copy{padding:24px 0 8px;min-width:0}.tag{font-size:10px;letter-spacing:1.1px;color:#7a6a56;font-weight:600;margin-bottom:18px}.copy h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(42px,4.4vw,69px);font-weight:400;letter-spacing:-2.4px;line-height:1.03;margin:0}.copy h1 em{font-style:italic;color:#465b3c;font-weight:400}.desc{font-size:14px;line-height:1.85;color:#64705d;margin:24px 0 26px;max-width:480px}.items{display:grid;gap:0}.item{display:grid;grid-template-columns:22px 1fr;gap:11px;padding:15px 0;border-top:1px solid var(--rule)}.idx{padding-top:2px;font-size:9px;color:#9a8c77;font-variant-numeric:tabular-nums}.item h3{font-size:13px;font-weight:750;margin:0 0 7px;letter-spacing:-.1px;color:#36472e}.item p{font-size:12px;line-height:1.8;color:#68765f;margin:0;max-width:470px}.take{font-size:12px;font-weight:650;line-height:1.8;margin-top:23px;padding-left:15px;border-left:2px solid #9a7455;color:#49563f}.source-tag{font-size:9px;color:#87917e;margin-top:19px;line-height:1.7}.source-tag button{text-decoration:underline;text-underline-offset:3px;color:#6a7b5d}.source-tag button:hover{color:#303f28}.branch-controls,.pattern-controls{display:flex;gap:0;flex-wrap:wrap;margin:0 0 23px;border-bottom:1px solid #cdd5c2}.branch-controls button,.pattern-controls button{font-size:10px;color:#7b8970;min-height:37px;padding:9px 11px;border-bottom:2px solid transparent;margin-bottom:-1px}.branch-controls button[aria-pressed=true],.pattern-controls button[aria-pressed=true]{color:#324a27;border-bottom-color:#617d4b;font-weight:750}.branch-controls button:hover,.pattern-controls button:hover{background:#e8eddf;color:#324a27}.training-labels,.cover-kicker{display:none}
/* The viewport and controls have separate space, so the pitch stays unobstructed. */
.stage{display:flex;flex-direction:column;min-width:0;background:var(--field);color:#e4edda;border:1px solid #293f2a;border-radius:5px;overflow:hidden;isolation:isolate}.stage-top{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:17px 21px;border-bottom:1px solid #d2e1bb16;background:#192c21;font-size:12px;font-weight:650;min-height:58px}.stage-top small{display:inline-block;margin-left:12px;padding-left:12px;border-left:1px solid #b8cda142;color:#8fa17f;font-weight:500;font-size:8px;letter-spacing:.5px}.live-dot{display:none}.stage-icon{width:25px;height:25px;display:grid;place-items:center;border:1px solid #819a6440;border-radius:50%;color:#b9cda8;font-size:12px}.stage-icon:hover{background:#344a2a}.stage-viewport{position:relative;height:clamp(370px,41vw,510px);min-height:370px;overflow:hidden;background:#172a21}.stage-viewport:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#14271d99,transparent 30%,transparent 85%,#13261b33);pointer-events:none;z-index:1}canvas{position:absolute;inset:0;width:100%;height:100%;cursor:grab;touch-action:pan-y}.dragging{cursor:grabbing}.camera-controls{position:absolute;top:16px;left:19px;z-index:3;display:flex;background:#192d21;border:1px solid #69804d55;border-radius:3px;padding:2px}.camera-controls button{font-size:9px;padding:7px 11px;min-height:29px;border-radius:1px;color:#aabf94}.camera-controls button.active{background:#e0ead3;color:#304324;font-weight:700}.camera-controls button:hover:not(.active){color:#e6f2d7;background:#304528}.focus-button{position:absolute;top:16px;right:19px;z-index:3;display:flex;align-items:center;gap:7px;font-size:9px;min-height:35px;padding:8px 10px;border:1px solid #69804d55;border-radius:3px;color:#b8cfa0;background:#192d21}.focus-button .ui-icon{width:12px;height:12px}.focus-button[aria-pressed=true]{background:#dfead0;color:#304324}.focus-button:hover{border-color:#9ab37e}.zoom-controls{position:absolute;top:67px;right:19px;z-index:3;display:flex;flex-direction:column;border:1px solid #69804d55;background:#192d21;border-radius:3px}.zoom-controls button{width:30px;height:31px;display:grid;place-items:center;color:#c6d9b1}.zoom-controls button+button{border-top:1px solid #69804d35}.zoom-controls button:hover{background:#344b2a}.zoom-controls .ui-icon{width:15px;height:15px}.stage-caption{position:absolute;z-index:2;top:69px;left:21px;pointer-events:none;max-width:65%}.stage-caption small{display:block;font-size:7px;letter-spacing:1px;color:#96b07e;margin-bottom:6px}.stage-caption strong{font-size:12px;font-weight:500;color:#d6e5c5}.legend{position:absolute;z-index:2;left:21px;bottom:16px;display:flex;gap:15px;font-size:8px;color:#bdcfa9;pointer-events:none}.legend span{display:flex;align-items:center;gap:5px}.legend i{width:5px;height:5px;border-radius:50%;display:block}.attack{background:#d3f878}.defend{background:#ff956d}.keeper{background:#dbe7df}.player-labels{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:2}.player-label{position:absolute;left:0;top:0;min-width:22px;height:22px;display:grid;place-items:center;padding:0 5px;border:1px solid #bddf7e99;border-radius:3px;background:#14271fed;color:#d3f878;font-size:10px;font-weight:700;will-change:transform}.player-label.d{color:#ff956d;border-color:#ff956d99}.player-label.g{color:#dbe7df;border-color:#dbe7df77;font-size:8px}.player-label.possession:after{content:'';position:absolute;bottom:-7px;width:4px;height:4px;background:white;border-radius:50%}
.stage-insight{display:grid;grid-template-columns:82px 1fr;gap:12px;padding:14px 21px;background:#213526;border-top:1px solid #d0e4b315;align-items:start;min-height:65px}.stage-insight>span{font-size:9px;color:#91ad7b;padding-top:3px}.stage-insight p{margin:0;font-size:11px;line-height:1.7;color:#cfdfbe;max-width:640px}.stage-bottom{padding:13px 20px 15px;background:#172a1e;border-top:1px solid #d0e4b315}.scene-tools{display:flex;justify-content:flex-end;align-items:center;margin-bottom:11px;gap:12px}.scene-tools>span{display:none}.scene-tools>div{display:flex;gap:8px}.scene-tools button{display:inline-flex;align-items:center;gap:5px;min-height:26px;padding:3px 6px;color:#a5bf8f;font-size:9px;border-radius:2px}.scene-tools .ui-icon{width:12px;height:12px}.scene-tools button:hover:not(:disabled){background:#344b29;color:#edf6e3}.scene-tools button[aria-pressed=true]{background:#dfeacc;color:#2b4220}.phases{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-bottom:16px}.phases button{border-top:1px solid #7e9c603b;padding:8px 0 0;text-align:left;font-size:9px;color:#96b27c;line-height:1.5}.phases button span{font-size:8px;color:#6f8f55;margin-right:5px}.phases button.active{border-color:#d7e7bf;color:#e3efd3}.phases button.active span{color:#d7e7bf}.phases button:hover{color:white}.playback{display:flex;align-items:center;gap:11px}.play-button{width:35px;min-width:35px;height:35px;display:grid;place-items:center;border-radius:3px;background:#dfeace;color:#243a1b}.play-button:hover{background:white}.play-button .ui-icon{width:16px;height:16px}.reset-button{display:grid;place-items:center;width:28px;height:33px;color:#a5bf8d}.reset-button:hover{color:white}.reset-button .ui-icon{width:18px;height:18px}input[type=range]{flex:1;min-width:20px;width:100%;height:3px;accent-color:#dce9c8;cursor:pointer}.time{font-size:10px;color:#bed3a5;font-variant-numeric:tabular-nums;min-width:27px}.speed{font-size:10px;color:#bed3a5;border-left:1px solid #7d9a5d33;min-width:29px;padding-left:10px;min-height:24px}.stage-meta{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:13px;color:#78985c;font-size:8px}.stage-meta button{display:flex;align-items:center;gap:5px;font-size:8px;color:#a3bc87}.stage-meta .ui-icon{width:12px;height:12px}.stage-meta button[aria-pressed=false]{color:#6a8553}.stage[data-context-lost=true] .stage-viewport:before{content:'3D-Ansicht pausiert. Bitte Seite neu laden.';position:absolute;z-index:5;inset:40% 10% auto;background:#172a1e;padding:20px;font-size:13px}
footer{border-top:1px solid var(--rule);display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:77px;flex-shrink:0}.footer-tools{display:flex;gap:22px}.footer-tools button{display:flex;align-items:center;gap:7px;color:#7a886d;font-size:10px;min-height:36px}.footer-tools svg{width:14px;height:14px}.footer-tools button:hover{color:#33472a}.share-button{display:flex;align-items:center;gap:7px;color:#7a886d;font-size:10px;margin-left:auto}.share-button:hover{color:#33472a}.share-button .ui-icon{width:14px;height:14px}.keyboard-hint{display:none}nav{display:flex;align-items:center;gap:8px}.nav-prev{display:grid;place-items:center;width:39px;height:39px;border:1px solid #ccd4c1;color:#657b54;border-radius:3px}.nav-prev:hover:not(:disabled){background:#e5ecd9}.nav-next{display:flex;align-items:center;justify-content:space-between;gap:23px;min-width:130px;height:39px;padding:0 15px;background:#3c5330;color:#f0f6e7;font-size:11px;font-weight:600;border-radius:3px}.nav-next:hover{background:#536d43}.nav-next .ui-icon{width:15px;height:15px}
dialog{background:var(--paper);color:var(--ink);border:1px solid #bdc9af;border-radius:5px;max-width:780px;width:calc(100% - 36px);max-height:85dvh;padding:28px;box-shadow:0 20px 80px #0003}dialog::backdrop{background:#122015a8}.dialog-top{display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:1px;color:#83946f;margin-bottom:23px}.dialog-top button{display:grid;place-items:center;width:30px;height:30px;color:#526b41}dialog h2{font-family:Georgia,serif;letter-spacing:-1px;font-size:35px;font-weight:400;margin:0 0 20px;color:#35472b}dialog p{font-size:13px;line-height:1.9;color:#6c7b5f}dialog .grid{display:grid;gap:8px}.chapter-card{padding:15px;text-align:left;border-bottom:1px solid #cdd8bf;font-size:14px;line-height:1.6;color:#4f663e}.chapter-card strong{display:block;font-size:9px;font-weight:500;color:#8b9e76;margin-bottom:6px}.chapter-card.current,.chapter-card:hover{background:#e5edda}.source-card{display:block;text-decoration:none;border-top:1px solid #ccd8be;padding:16px 0;font-size:12px;line-height:1.8;color:#7a8f64}.source-card strong{display:block;font-size:11px;color:#4d663b}.source-card .ui-icon{float:right;width:14px;height:14px}.source-card:hover{color:#334a24}.share-url{width:100%;padding:12px;border:1px solid #c7d5b7;background:#edf2e4;color:#4c6639;font:inherit;border-radius:2px}#toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#334c26;color:#edf5e4;padding:13px 20px;font-size:12px;border-radius:3px;transition:opacity .2s,transform .2s;z-index:20}#toast.visible{opacity:1;transform:translate(-50%,0)}
.focus-mode main{grid-template-columns:1fr}.focus-mode .copy{display:none}.focus-mode .stage-viewport{height:calc(100dvh - 420px);min-height:380px}.focus-mode .stage-insight p{max-width:none}.focus-mode .stage{max-width:1400px;width:100%;margin:auto}
@media(min-width:1500px){.copy{padding-top:33px}.desc{font-size:15px}.item p{font-size:13px}.stage-viewport{height:510px}}
@media(max-width:1150px){.app{padding:0 27px}main{gap:30px;grid-template-columns:minmax(295px,.85fr) minmax(400px,1.3fr)}.copy h1{font-size:47px;letter-spacing:-1.8px}.desc{font-size:13px;margin:20px 0}.item p{font-size:11px}.item h3{font-size:12px}.stage-viewport{height:410px}.stage-top small{display:none}.stage-insight{grid-template-columns:1fr;gap:4px}.stage-insight>span{font-size:8px}.stage-insight p{font-size:10px}.stage-top,.stage-bottom{padding-left:17px;padding-right:17px}.steps button{gap:7px;font-size:10px}.pattern-controls button{padding:9px 7px;font-size:9px}}
@media(max-width:850px){.app{padding:0 22px}header{height:70px}.brand{font-size:20px}.edition{display:none}.header-actions{margin-left:auto;border-left:0;padding-left:0}.chapterline{min-height:78px;gap:12px}.steps{gap:7px}.steps button{flex-direction:column;align-items:flex-start;justify-content:center;gap:5px;height:51px;font-size:9px}.step-number{font-size:9px}.chapterline>span:last-child{font-size:9px}main{display:flex;flex-direction:column;gap:26px;padding-bottom:26px}.copy{padding-top:10px;width:100%}.copy h1{font-size:56px;letter-spacing:-2px}.desc{max-width:680px;font-size:15px}.item p{max-width:none;font-size:13px}.item h3{font-size:14px}.items{grid-template-columns:repeat(3,1fr);gap:21px}.item{grid-template-columns:1fr;gap:6px;padding:14px 0}.take{margin-top:20px;font-size:13px}.source-tag{font-size:10px}.branch-controls button,.pattern-controls button{font-size:11px;padding:9px 12px}.stage{width:100%}.stage-viewport{height:460px;min-height:380px}.stage-insight{grid-template-columns:83px 1fr;gap:14px;padding:15px 20px}.stage-insight p{font-size:12px}.stage-insight>span{font-size:9px}.stage-top{font-size:13px}.camera-controls button{font-size:10px}.stage-caption strong{font-size:13px}.phases button{font-size:10px}.stage-bottom{padding:14px 20px 17px}footer{min-height:72px;gap:12px}.footer-tools{gap:16px}.footer-tools button{font-size:10px}.share-button{font-size:10px}.nav-next{min-width:111px}.focus-mode main{display:flex}.focus-mode .stage-viewport{height:calc(100dvh - 430px);min-height:380px}}
@media(max-width:540px){.app{padding:0 16px}.brand{font-size:19px}.brand-icon{width:23px}.brand-icon .ui-icon{width:23px;height:28px}.icon-button{width:33px;height:33px}.chapterline{min-height:74px;gap:10px}.chapterline>span:last-child{display:none}.steps{gap:6px}.steps button{font-size:8px;letter-spacing:-.2px;height:49px;gap:6px}.step-number{font-size:9px}.copy{padding-top:8px}.tag{font-size:9px;margin-bottom:17px}.copy h1{font-size:47px;line-height:1.08;letter-spacing:-1.7px}.desc{font-size:14px;line-height:1.8;margin:21px 0}.items{grid-template-columns:1fr;gap:0}.item{grid-template-columns:21px 1fr;gap:9px;padding:14px 0}.idx{font-size:9px}.item h3{font-size:13px;margin-bottom:5px}.item p{font-size:12px;line-height:1.85}.take{font-size:12px;margin-top:17px}.source-tag{font-size:9px}.branch-controls,.pattern-controls{margin-bottom:20px}.branch-controls button,.pattern-controls button{font-size:10px;padding:9px 8px}.stage-top{padding:14px 15px;min-height:54px;font-size:12px}.stage-viewport{height:410px;min-height:410px}.camera-controls{top:14px;left:13px}.camera-controls button{font-size:9px;padding:7px 8px}.focus-button{top:14px;right:13px;font-size:8px;padding:8px;gap:5px;min-height:34px}.stage-caption{left:15px;top:66px;max-width:70%}.stage-caption strong{font-size:11px}.stage-caption small{font-size:7px}.zoom-controls{right:13px;top:66px}.zoom-controls button{width:28px;height:29px}.legend{left:15px;bottom:13px;font-size:7px;gap:12px}.stage-insight{padding:14px 15px;grid-template-columns:1fr;gap:5px;min-height:81px}.stage-insight p{font-size:11px;line-height:1.7}.stage-insight>span{font-size:8px}.stage-bottom{padding:11px 14px 15px}.scene-tools{margin-bottom:11px}.scene-tools button{font-size:8px;padding:3px 5px}.scene-tools .ui-icon{width:11px;height:11px}.phases{gap:9px;margin-bottom:16px}.phases button{font-size:9px;line-height:1.5;min-height:51px}.phases button span{display:block;margin:0 0 3px;font-size:8px}.playback{gap:9px}.play-button{width:34px;min-width:34px;height:34px}.reset-button{width:25px}.time,.speed{font-size:9px}.stage-meta{font-size:7px;margin-top:14px;gap:5px}.stage-meta button{font-size:7px}.stage-meta .ui-icon{width:11px;height:11px}footer{min-height:73px;gap:12px;flex-wrap:wrap;padding:12px 0}.footer-tools{gap:13px}.footer-tools button{font-size:9px}.footer-tools button:first-child span{display:none}.share-button{margin-left:0}.share-button>span{display:none}nav{margin-left:auto;gap:6px}.nav-prev{width:34px;height:36px}.nav-next{height:36px;min-width:105px;font-size:10px;gap:15px;padding:0 12px}.focus-mode .stage-viewport{min-height:410px;height:calc(100dvh - 440px)}dialog{padding:22px}dialog h2{font-size:29px}.chapter-card{font-size:13px}.source-card{font-size:11px}.stage-top small{display:none}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
/* Two chapters, with the 3D stage as the main surface. */
.steps{grid-template-columns:repeat(2,minmax(0,1fr));max-width:580px;gap:28px}.chapterline{justify-content:space-between;min-height:75px}.chapterline>span:last-child{margin-left:auto}.steps button{gap:13px;font-size:12px}.step-number{font-size:11px}main{grid-template-columns:minmax(285px,.62fr) minmax(520px,1.65fr);gap:40px}.copy h1{font-size:clamp(40px,3.6vw,60px)}.copy .desc{font-size:13px;line-height:1.85}.copy .item p{font-size:11px}.copy .item h3{font-size:12px}.stage-viewport{height:clamp(420px,40vw,580px)}.stage{box-shadow:0 15px 35px #2635250c}.stage-viewport{background:radial-gradient(ellipse at center,#243c2b,#14251d 80%)}#cinematic[aria-pressed=true]{background:#dfeacc;color:#2b4220;font-weight:700}.pattern-controls{gap:0;row-gap:4px}.pattern-controls button{font-size:9px;padding:9px 8px}.focus-mode .stage-viewport{height:calc(100dvh - 420px);min-height:440px}
@media(max-width:1150px){main{grid-template-columns:minmax(280px,.73fr) minmax(420px,1.4fr);gap:27px}.copy h1{font-size:43px}.stage-viewport{height:460px}.steps{max-width:480px}}
@media(max-width:850px){main{display:flex}.copy h1{font-size:51px}.copy .desc{font-size:15px}.copy .item p{font-size:12px}.copy .item h3{font-size:13px}.stage{order:-1}.stage-viewport{height:480px}.steps{max-width:none}.steps button{flex-direction:row;align-items:center;font-size:11px}.chapterline{min-height:66px}.copy{padding-top:0}.pattern-controls button{font-size:11px;padding:9px 12px}}
@media(max-width:540px){.steps{gap:18px}.steps button{height:44px;font-size:10px;gap:9px}.step-number{font-size:10px}.chapterline{min-height:63px}.copy h1{font-size:44px}.stage-top{font-size:11px}.stage-viewport{height:440px;min-height:440px}.camera-controls{left:11px;top:13px}.camera-controls button{font-size:8px;padding:6px 7px;min-height:28px}.focus-button{top:58px;right:12px;min-height:29px;font-size:8px}.zoom-controls{top:102px;right:12px}.stage-caption{top:68px;max-width:64%;left:15px}.stage-caption strong{font-size:11px}.stage-caption small{font-size:7px}.stage-insight p{font-size:11px}.stage-insight{min-height:84px}.stage-bottom{padding-bottom:14px}.pattern-controls button{font-size:10px;padding:9px}.focus-mode .stage-viewport{min-height:440px}.copy .desc{font-size:14px}.items{grid-template-columns:1fr}}
@media(min-width:851px){.stage-viewport{height:clamp(330px,calc(100dvh - 520px),500px);min-height:330px}.copy{padding-top:15px}.copy h1{font-size:clamp(47px,4.8vw,70px)}.copy .desc{margin:20px 0}.copy .item{padding:13px 0}.copy .take{margin-top:20px}.stage-insight{min-height:58px;padding-top:12px;padding-bottom:12px}.stage-bottom{padding-top:14px}.phases{margin-bottom:15px}.stage-top{min-height:54px;padding-top:14px;padding-bottom:14px}}
.scene-tools{display:none}.playback #loop{display:flex;align-items:center;justify-content:center;width:28px;height:29px;min-width:28px;color:#94b077;border-radius:2px}.playback #loop .ui-icon{width:16px;height:16px}.playback #loop>span{display:none}.playback #loop[aria-pressed=true]{background:#dfeacc;color:#2b4220}.focus-mode .stage-viewport{height:calc(100dvh - 430px);min-height:380px}
@media(min-width:851px){.copy h1{font-size:54px;line-height:1.04;letter-spacing:-1.8px}.copy .desc{font-size:12px;line-height:1.75;margin:18px 0}.copy .item{padding:11px 0}.copy .item p{line-height:1.65}.copy .take{font-size:11px;margin-top:18px}.copy .source-tag{margin-top:14px}.pattern-controls{display:grid;grid-template-columns:repeat(3,1fr);margin-bottom:16px;border:0;gap:4px}.pattern-controls button{font-size:9px;border:1px solid #d0d8c6;margin:0;padding:7px 5px;min-height:30px}.pattern-controls button[aria-pressed=true]{border:1px solid #6a8156;background:#e5ecd9}}