:root{--paper:#f7f5ee;--ink:#293b32;--muted:#667065;--green:#426248;--line:#dce0d5;--orange:#e7a672;--soft-green:#e9efdf;--cream:#f6eddb;--blue:#e5edf0;--white:#fffef9;--radius:22px;font-family:Avenir Next,Nunito,PingFang SC,Microsoft YaHei,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button{border:0}button:disabled{cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #d47740;outline-offset:5px}button{transition:background .18s,transform .18s,box-shadow .18s}button:active:not(:disabled){transform:translateY(2px)}a{color:inherit;text-decoration:none}[hidden]{display:none!important}.topbar{max-width:1440px;margin:auto;height:105px;padding:0 60px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:13px;font-size:25px;font-weight:800;letter-spacing:-1px}.brand-cn{font-size:12px;letter-spacing:2px;border-left:1px solid #bcc3b8;padding-left:14px;margin-left:2px}.brand-mark{width:30px;height:31px;position:relative;display:block}.brand-mark i{position:absolute;width:21px;height:28px;border-radius:5px;background:var(--green);transform:rotate(-13deg);left:1px;top:1px}.brand-mark i+i{background:#e8b27c;transform:rotate(12deg);left:9px;top:4px;border:2px solid var(--paper)}.top-actions{display:flex;align-items:center;gap:25px}.prototype-tag{font-size:11px;letter-spacing:2px;color:var(--muted);border:1px solid var(--line);padding:6px 10px;border-radius:6px}.quiet{display:flex;align-items:center;gap:10px;background:transparent;font-size:13px;min-height:44px}.quiet:hover{color:#b36335}.question-mark{border:1px solid #a4ada0;border-radius:50%;font-size:11px;width:18px;height:18px;display:grid;place-items:center}.setup-view{max-width:1120px;margin:auto;padding:37px 40px 0}.hero{text-align:center}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;color:#64725d}.hero .eyebrow{display:flex;align-items:center;justify-content:center;gap:9px}.eyebrow>span{width:6px;height:6px;background:#84a075;border-radius:50%}.hero h1{font-size:clamp(34px,4.2vw,57px);letter-spacing:-2px;font-weight:800;line-height:1.35;margin:23px 0 14px}.hero h1 span{color:#7c9271}.hero>p{font-size:14px;color:var(--muted);margin:0;letter-spacing:1px}.setup-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:51px;align-items:stretch}.setup-card{min-width:0;background:var(--white);border:1px solid rgba(69,85,58,.12);border-radius:var(--radius);padding:21px;text-align:left;box-shadow:0 5px #e8e8dd;position:relative}.setup-card:hover{transform:translateY(-7px) rotate(-1deg);box-shadow:0 13px #e8e8dd}.setup-card:nth-child(2):hover{transform:translateY(-7px) rotate(1deg)}.card-topline{display:flex;align-items:center;justify-content:space-between;font-size:11px;letter-spacing:1px;font-weight:600;color:var(--muted)}.edit-dot{height:25px;width:25px;border:1px solid var(--line);border-radius:50%;font-size:15px;display:grid;place-items:center}.setup-art{height:193px;margin:15px -1px 21px;border-radius:12px;display:grid;place-items:center;overflow:hidden}.wall-card .setup-art{background:var(--soft-green)}.deck-card .setup-art{background:var(--cream)}.wind-card .setup-art{background:var(--blue)}.setup-art svg{width:100%;height:100%}.card-caption{display:flex;justify-content:space-between;align-items:center;gap:10px}.card-kind{color:var(--muted);font-size:11px;letter-spacing:1px}.card-caption h2{font-size:23px;letter-spacing:-.8px;margin:7px 0 0;line-height:1.3}.option-label{font-size:11px;color:var(--muted);padding:6px 9px;border:1px solid var(--line);border-radius:6px}.card-description{font-size:11px;color:var(--muted);margin:14px 0 21px;line-height:1.7}.card-foot{border-top:1px solid var(--line);padding-top:14px;font-size:10px;display:flex;align-items:center;gap:5px;color:#607357;white-space:nowrap}.card-foot>span:last-child{margin-left:auto;color:var(--muted)}.mini-dot{width:5px;height:5px;border-radius:50%;background:#76996b}.start-area{text-align:center;margin-top:35px}.primary{background:var(--green);color:#fffdf3;border:1px solid #36543b;box-shadow:0 4px #293f2f;border-radius:12px;min-height:49px;padding:13px 24px;font-size:14px;font-weight:600;display:flex;align-items:center;justify-content:space-between;gap:35px}.primary:hover{background:#36573e;box-shadow:0 5px #243c2a}.primary:disabled{opacity:.55}.start-button{min-width:230px;margin:auto;font-size:16px;padding:17px 26px}.start-button span{font-size:22px}.start-area p{font-size:10px;color:var(--muted);margin:17px 0 0;letter-spacing:.5px}.bottom-note{display:flex;gap:17px;align-items:center;justify-content:center;margin:32px 0 39px;font-size:11px;color:#637460}.bottom-note i{font-style:normal;color:#a8b49e}footer{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 60px;font-size:10px;color:#68745f;max-width:1440px;margin:0 auto;letter-spacing:.7px}footer>span:first-child{font-size:13px;font-weight:700;letter-spacing:-.4px}footer>span:last-child{font-size:8px;letter-spacing:1.4px}dialog{padding:26px;width:min(540px,calc(100% - 32px));max-height:calc(100dvh - 40px);overflow:auto;border:1px solid #ced5c6;border-radius:24px;background:var(--paper);color:var(--ink);box-shadow:0 30px 100px #25322933}dialog::backdrop{background:#26362766;backdrop-filter:blur(5px)}.dialog-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.close-button{min-width:44px;min-height:44px;background:#e9ece2;border-radius:50%;font-size:25px;font-weight:300}.close-button:hover{background:#dce3d5}dialog h2{font-size:27px;margin:5px 0 9px;letter-spacing:-1px}dialog>p{font-size:12px;color:var(--muted);line-height:1.7;margin:0 0 22px}.dialog-done{width:100%;margin-top:20px}.choice-option{display:flex;align-items:center;gap:15px;width:100%;padding:13px;background:var(--white);border:1.5px solid var(--line);border-radius:13px;margin:10px 0;text-align:left;min-height:85px}.choice-option:not(:disabled):hover{background:#eef1e7}.choice-option.selected{border-color:var(--green);background:#eef2e6}.choice-option:disabled{opacity:.65}.choice-option .option-thumb{width:61px;min-width:61px;height:61px;border-radius:9px;overflow:hidden;background:#e4eada;display:grid;place-items:center}.option-thumb svg{width:100%;height:100%}.choice-option .choice-text{flex:1;min-width:0}.choice-option strong{font-size:14px;display:block}.choice-option small{font-size:11px;line-height:1.5;display:block;color:var(--muted);margin-top:5px}.choice-check{width:21px;height:21px;border:1px solid #adb9a6;border-radius:50%;display:grid;place-items:center;font-size:12px;flex-shrink:0}.selected .choice-check{background:var(--green);color:#fff;border-color:var(--green)}.soon{font-size:9px;color:#68715f;border:1px solid #c4cbbd;padding:6px 7px;border-radius:6px;white-space:nowrap}.rule-list{margin:25px 0}.rule-list>div{display:flex;gap:16px;margin:21px 0}.rule-list b{color:#718565;font-size:13px;background:#e8eedf;border-radius:9px;width:35px;height:35px;flex-shrink:0;display:grid;place-items:center}.rule-list p{margin:0;font-size:12px;line-height:1.9;color:var(--muted)}.rule-list strong{display:block;color:var(--ink);font-size:14px;margin-bottom:4px}.rule-list+.primary{width:100%}.play-view{max-width:1340px;margin:0 auto;padding:10px 50px 45px}.play-heading{display:flex;gap:15px;align-items:center;justify-content:space-between;margin:10px 0 24px;font-size:11px;color:var(--muted);flex-wrap:wrap}.back-button{min-height:44px;background:transparent;color:var(--muted);font-size:12px;padding:0}.back-button:hover{color:var(--ink)}.scene-info{display:flex;gap:12px}.scene-info span+span:before{content:"·";margin-right:12px}.practice-label{border:1px solid #cdd7c5;padding:6px 10px;border-radius:7px;background:#edf1e5;font-size:10px}.play-layout{display:grid;grid-template-columns:minmax(0,1fr) 308px;gap:27px;align-items:start}.scene-wrap{border:1px solid var(--line);background:var(--white);border-radius:20px;overflow:hidden}.scene-top{display:flex;align-items:center;justify-content:space-between;padding:24px 28px 20px}.scene-top h1{font-size:23px;margin:9px 0 0;letter-spacing:-.8px}.scene-top .eyebrow{font-size:9px}.scene-step{font-size:12px;color:var(--muted);font-weight:600}.stage{position:relative;margin:0 12px;border-radius:12px;overflow:hidden;background:#edf0e5}.stage>svg{width:100%;height:auto;display:block;touch-action:none;user-select:none}.svg-label{font:11px PingFang SC,sans-serif;fill:#62735d;letter-spacing:1px}.stage-helper{font-size:10px;position:absolute;top:17px;left:50%;transform:translate(-50%);white-space:nowrap;padding:8px 13px;background:#fffefaeb;border:1px solid #d8e0d1;border-radius:20px;pointer-events:none;color:#66745c}.scene-bottom{padding:12px 24px;display:flex;align-items:center;gap:17px;font-size:10px;color:var(--muted);flex-wrap:wrap}.scene-bottom>span{display:flex;gap:5px;align-items:center}.scene-bottom .quiet{margin-left:auto;font-size:10px}.player-dot,.target-dot{display:inline-block;width:7px;height:7px;background:#e4a378;border-radius:50%}.target-dot{background:#647d9b}.control-panel{background:var(--white);border:1px solid var(--line);border-radius:20px;padding:17px}.step-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:4px;background:#edf0e6;border-radius:10px}.step-tabs button{font-size:11px;background:transparent;border-radius:7px;min-height:40px;white-space:nowrap;padding:5px}.step-tabs button.active{background:var(--white);box-shadow:0 2px 3px #273c2610;color:#36553a;font-weight:600}.control-section{padding:27px 7px 0}.panel-kicker{font-size:10px;letter-spacing:1px;color:#77826c}.control-section h2{font-size:24px;letter-spacing:-1px;margin:8px 0 12px}.panel-description{font-size:12px;line-height:1.85;color:var(--muted);margin:0 0 23px}.range-label{font-size:11px;display:flex;justify-content:space-between;gap:8px;align-items:center;margin:24px 0 10px}.range-label output{font-size:10px;color:#6d805d;background:#f0f3e9;padding:4px 6px;border-radius:4px}input[type=range]{display:block;width:100%;height:28px;accent-color:var(--green);cursor:pointer;margin:0}.range-scale{display:flex;justify-content:space-between;color:var(--muted);font-size:9px;margin:1px 0 8px}.preset-row{display:flex;gap:6px;margin-top:11px}.preset-row button{background:#f5f6ef;border:1px solid var(--line);border-radius:7px;flex:1;font-size:10px;min-height:40px}.preset-row .selected{background:#e5ecdc;border-color:#8c9e7f;color:#3f5e3c}.gesture-note{display:flex;gap:11px;margin-top:24px;background:#f6f4ec;border-radius:12px;padding:14px 11px}.note-icon{font-size:23px;line-height:1.3;color:#8b997c}.gesture-note p{font-size:10px;line-height:1.8;color:var(--muted);margin:0}.next-button,.release-button{width:100%;margin-top:24px;min-height:49px;font-size:12px;padding:12px 17px}.prototype-explainer{font-size:9px;line-height:1.7;text-align:center;color:#76816e;margin:23px 10px 7px}.result-toast{position:absolute;bottom:15px;left:50%;transform:translate(-50%);width:max-content;max-width:90%;background:var(--white);border:1px solid #cdd9c1;border-radius:13px;box-shadow:0 5px 20px #35472b10;padding:12px 20px;text-align:center;font-size:12px;line-height:1.6}.result-toast strong{color:#426248;font-size:16px;display:block}.drag-handle{cursor:ew-resize}.rotation-handle,.card-body{cursor:grab}.press-handle{cursor:pointer}.control-panel button:disabled{opacity:.5}.control-panel input:disabled{opacity:.5;cursor:not-allowed}@media(min-width:1500px){.setup-view{padding-top:70px}.setup-cards{margin-top:65px}.bottom-note{margin-bottom:60px}}@media(max-width:1050px){.topbar{padding:0 30px}.setup-view{padding:24px 30px 0}.setup-cards{gap:16px}.setup-card{padding:17px}.setup-art{height:175px}.card-foot{font-size:9px}.card-foot>span:last-child{font-size:8px}.play-view{padding:0 25px 35px}.play-layout{grid-template-columns:minmax(0,1fr) 280px;gap:16px}.scene-top{padding:20px}.stage-helper{font-size:9px}.scene-bottom{padding:9px 17px;gap:10px}footer{padding:24px 30px}}@media(max-width:760px){.topbar{height:83px;padding:0 22px}.brand{font-size:22px}.brand-cn{display:none}.top-actions{gap:12px}.prototype-tag{font-size:9px;padding:5px 7px}.quiet{font-size:12px}.setup-view{padding:25px 20px 0;max-width:580px}.hero h1{margin-top:20px;font-size:39px}.hero>p{font-size:12px;line-height:1.8;padding:0 10px}.hero .eyebrow{font-size:8px}.setup-cards{grid-template-columns:1fr;gap:16px;margin-top:29px}.setup-card{display:grid;grid-template-columns:110px 1fr;column-gap:18px;row-gap:0;padding:16px 18px;border-radius:18px}.card-topline{grid-column:2;grid-row:1;font-size:9px;margin-bottom:6px}.edit-dot{width:20px;height:20px;font-size:12px}.setup-art{grid-column:1;grid-row:1/5;height:124px;margin:0;align-self:center}.card-caption{grid-column:2;grid-row:2}.card-kind{font-size:9px}.card-caption h2{font-size:21px;margin-top:4px}.option-label{display:none}.card-description{grid-column:2;grid-row:3;font-size:10px;margin:8px 0 10px;line-height:1.6}.card-foot{grid-column:2;grid-row:4;font-size:8px;padding-top:8px}.card-foot>span:last-child{font-size:8px}.start-area{margin-top:26px}.start-button{min-width:220px}.start-area p{font-size:9px;line-height:1.7}.bottom-note{margin:27px 0}.play-view{padding:0 16px 30px}.play-heading{gap:5px;margin-top:0;margin-bottom:14px}.scene-info{font-size:9px;gap:8px}.scene-info span+span:before{margin-right:8px}.practice-label{display:none}.play-layout{grid-template-columns:1fr}.scene-top h1{font-size:20px}.scene-top{padding:18px 20px}.scene-step{font-size:10px}.stage-helper{font-size:9px;top:10px;padding:6px 10px}.scene-bottom{padding:4px 17px}.control-section{padding-top:19px}.control-section h2{font-size:22px;margin:6px 0 8px}.panel-description{margin-bottom:14px}.range-label,.gesture-note{margin-top:16px}.next-button,.release-button{margin-top:17px}.prototype-explainer{margin:18px 6px 2px}.control-panel{padding:16px 20px}.control-section{padding-left:0;padding-right:0}footer{padding:20px 22px;font-size:9px;flex-wrap:wrap;gap:12px}footer>span:last-child{display:none}dialog{padding:22px}.soon{font-size:8px}.choice-option{gap:11px}.choice-option strong{font-size:13px}.choice-option small{font-size:10px}}@media(max-width:380px){.setup-card{grid-template-columns:93px 1fr;column-gap:13px;padding:14px}.setup-art{height:115px}.card-foot>span:last-child{display:none}.topbar{padding:0 18px}.prototype-tag{display:none}.hero h1{font-size:34px}.card-caption h2{font-size:20px}.scene-info{font-size:8px}.scene-top h1{font-size:18px}.stage-helper{font-size:8px}.scene-bottom{gap:7px;font-size:9px}.stage{margin:0 7px}.choice-option .option-thumb{width:47px;min-width:47px;height:47px}.choice-option{padding:10px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.setup-card:hover{transform:none}}.card-kind,.card-description,.option-label{font-size:12px}.card-foot{font-size:11px}.card-foot>span:last-child{font-size:10px}.panel-description{font-size:13px}.range-label{font-size:12px}.range-label output,.preset-row button,.step-tabs button{font-size:12px}.range-scale{font-size:11px}.gesture-note p{font-size:12px}.prototype-explainer{font-size:11px}.choice-option small,dialog>p{font-size:12px}.scene-bottom,.scene-bottom .quiet,.stage-helper{font-size:11px}.rule-list p{font-size:13px}.start-area p{font-size:11px}@media(min-width:761px){.stage>svg{height:clamp(325px,calc(100dvh - 380px),560px)}.play-view{padding-top:0}.play-heading{margin-top:0;margin-bottom:15px}.scene-top{padding:20px 24px 16px}.control-section{padding-top:21px}.control-section h2{margin-bottom:10px}.panel-description{margin-bottom:17px}.range-label{margin-top:18px}.gesture-note,.next-button,.release-button,.prototype-explainer{margin-top:19px}}@media(max-width:1050px)and (min-width:761px){.card-foot{flex-wrap:wrap;white-space:normal}.card-foot>span:last-child{width:100%;margin-left:10px;font-size:10px}.setup-card{padding:16px}.card-description{min-height:40px}}@media(max-width:760px){.card-kind{font-size:11px}.card-description{font-size:12px;line-height:1.7}.card-foot{font-size:10px;flex-wrap:wrap;white-space:normal}.card-foot>span:last-child{font-size:9px}.setup-art{height:145px}.setup-card{grid-template-columns:105px 1fr}.stage-helper{font-size:10px;max-width:94%;white-space:normal;text-align:center}.scene-wrap{scroll-margin-top:10px}.choice-option small{font-size:11px}.control-panel .range-label{min-height:27px}}@media(max-width:380px){.setup-card{grid-template-columns:88px 1fr}.setup-art{height:144px}.card-caption h2{font-size:19px}.card-description{font-size:11px}.stage-helper{font-size:9px}}@media(min-width:761px){.stage{background:linear-gradient(to bottom,#f2f3eb 69.64%,#edf0e5 69.64%)}.stage:before{content:"";position:absolute;top:69.64%;left:0;right:0;border-top:1px solid #c5cbbb;pointer-events:none}.stage>svg{position:relative}}.result-toast{top:60px;bottom:auto}.play-view.is-bending{max-width:1500px;padding-left:28px;padding-right:28px}.play-layout.with-bend-demo{grid-template-columns:clamp(230px,22vw,280px) minmax(0,1fr) 280px;gap:18px}.bend-demo{min-width:0;overflow:hidden;background:var(--white);border:1px solid var(--line);border-radius:20px}.bend-demo-heading{padding:24px 20px 17px}.bend-demo-heading .eyebrow{font-size:9px;letter-spacing:1.7px}.bend-demo-heading h2{font-size:19px;line-height:1.4;letter-spacing:-.6px;margin:10px 0 8px}.bend-demo-heading p{font-size:12px;color:var(--muted);line-height:1.75;margin:0}.bend-demo-canvas{position:relative;margin:0 12px;border-radius:12px;overflow:hidden;background:#f3f1e7}.bend-demo-canvas svg{display:block;width:100%;height:auto}.bend-demo-amount{position:absolute;right:13px;top:13px;z-index:1;background:#fffaf0;border:1px solid #e1dccb;border-radius:7px;padding:5px 8px;font-size:11px;color:#75634e;font-variant-numeric:tabular-nums}.demo-svg-label{font-family:Avenir Next,PingFang SC,sans-serif;font-size:14px;fill:#65765a;letter-spacing:.3px}.demo-reference-label{font-size:13px;fill:#75806c}.demo-angle-label{fill:#9a6038;font-size:15px;font-weight:600}.bend-demo-phases{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin:16px 12px 0}.bend-demo-phases button{min-height:40px;background:transparent;border-bottom:2px solid #e6e8df;font-size:12px;color:var(--muted);padding:6px 3px}.bend-demo-phases button[aria-pressed=true]{color:var(--green);border-color:#789568;font-weight:600;background:#f1f4e9;border-radius:6px 6px 0 0}.bend-demo-caption{font-size:12px;line-height:1.8;color:var(--muted);margin:13px 18px 8px;min-height:44px}.bend-demo-actions{display:flex;align-items:center;gap:8px;margin:0 15px}.bend-demo-actions button{font-size:12px;min-height:44px;border:1px solid var(--line);border-radius:8px;background:var(--white);padding:8px 12px;flex:1;white-space:nowrap}.bend-demo-actions button:hover{background:#edf2e5}.bend-demo-actions button:first-child{background:#edf2e5;color:var(--green);border-color:#d6dfcc}.bend-demo-note{font-size:10px;color:var(--muted);line-height:1.6;text-align:center;margin:13px 10px 17px}.with-bend-demo .scene-top h1{font-size:21px}.with-bend-demo .stage-helper{max-width:90%;white-space:normal;text-align:center}.with-bend-demo .scene-bottom{gap:10px;padding-left:15px;padding-right:15px}@media(min-width:1001px)and (max-width:1170px){.play-view.is-bending{padding-left:20px;padding-right:20px}.play-layout.with-bend-demo{grid-template-columns:230px minmax(0,1fr) 265px;gap:14px}.with-bend-demo .scene-top{padding-left:18px;padding-right:18px}.with-bend-demo .scene-top h1{font-size:19px}.with-bend-demo .scene-top .eyebrow{font-size:8px}.with-bend-demo .scene-bottom .quiet{width:100%;margin-left:0}.bend-demo-heading{padding-left:17px;padding-right:17px}}@media(min-width:761px)and (max-width:1000px){.play-view.is-bending{padding-left:25px;padding-right:25px}.play-layout.with-bend-demo{grid-template-columns:minmax(0,1fr) 280px;gap:16px}.with-bend-demo .bend-demo{grid-column:1;grid-row:1}.with-bend-demo .scene-wrap{grid-column:1;grid-row:2}.with-bend-demo .control-panel{grid-column:2;grid-row:1/span 2}.bend-demo-canvas svg{max-height:365px}.bend-demo-caption{min-height:0}.bend-demo-heading{padding-top:18px;padding-bottom:13px}.with-bend-demo .stage>svg{height:auto;min-height:0}}@media(max-width:760px){.play-view.is-bending{padding:0 16px 30px}.play-layout.with-bend-demo{grid-template-columns:minmax(0,1fr);gap:16px}.bend-demo{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;padding:18px 16px 13px;column-gap:13px}.bend-demo-heading{grid-column:1/-1;padding:0 0 17px}.bend-demo-heading h2{font-size:20px;margin:7px 0 6px}.bend-demo-heading p{font-size:12px}.bend-demo-canvas{grid-column:1;grid-row:2/6;margin:0;width:100%;align-self:stretch;display:flex;align-items:center}.bend-demo-canvas svg{width:100%;min-height:200px}.bend-demo-amount{right:6px;top:6px;font-size:10px;padding:4px 5px}.bend-demo-phases{grid-column:2;grid-row:2;margin:0;gap:2px;align-self:start}.bend-demo-phases button{font-size:11px;min-height:44px;padding:4px 0}.bend-demo-caption{grid-column:2;grid-row:3;margin:10px 0;font-size:12px;line-height:1.8;min-height:66px}.bend-demo-actions{grid-column:2;grid-row:4;margin:0;display:grid;gap:6px}.bend-demo-actions button{width:100%;min-height:44px;padding:5px}.bend-demo-note{grid-column:1/-1;grid-row:6;margin:13px 0 0}.with-bend-demo .scene-top h1{font-size:20px}.demo-svg-label{font-size:18px}.demo-angle-label{font-size:20px}.demo-reference-label{font-size:16px}}@media(max-width:480px){.bend-demo{display:block;padding:19px 16px 15px}.bend-demo-heading{padding-bottom:16px}.bend-demo-canvas{max-width:340px;margin:0 auto;display:block}.bend-demo-canvas svg{min-height:0}.bend-demo-amount{top:11px;right:11px;font-size:11px;padding:5px 8px}.bend-demo-phases{margin:14px 0 0;gap:5px}.bend-demo-phases button{font-size:12px}.bend-demo-caption{min-height:44px;margin:12px 0}.bend-demo-actions{display:flex;gap:8px}.bend-demo-note{margin-top:12px}.demo-svg-label{font-size:14px}.demo-angle-label{font-size:16px}}.physics-assumptions{border-top:1px solid var(--line);margin:17px 5px 0;padding-top:12px;color:var(--muted);font-size:11px;line-height:1.85}.physics-assumptions summary{cursor:pointer;min-height:35px;color:var(--green);font-size:12px}.physics-assumptions p{margin:8px 0}#bend-editor{display:none}.bend-editor-active>:not(defs):not(#bend-editor){display:none}.bend-editor-active #bend-editor{display:block}.bend-edge{cursor:grab}.is-dragging,.is-dragging .bend-edge{cursor:grabbing!important}.is-bending .stage:before{display:none}.is-bending .stage{background:#f3f1e7}.is-bending .stage>svg{height:auto;min-height:440px;max-height:650px;touch-action:none}.is-bending .scene-bottom>span{visibility:hidden}.play-layout.with-bend-demo{grid-template-columns:minmax(0,1fr) 280px}.with-bend-demo .scene-wrap{grid-column:1;grid-row:1}.with-bend-demo .control-panel{grid-column:2;grid-row:1/span 2}.with-bend-demo .bend-demo{grid-column:1;grid-row:2;display:none}.with-bend-demo .scene-top h1{font-size:27px}@media(max-width:760px){.play-layout.with-bend-demo{grid-template-columns:minmax(0,1fr)}.with-bend-demo .scene-wrap{grid-column:1;grid-row:1}.with-bend-demo .control-panel{grid-column:1;grid-row:2}.is-bending .stage>svg{min-height:0;aspect-ratio:760/560}.with-bend-demo .scene-top h1{font-size:22px}}.with-bend-demo .control-panel{grid-row:1}.with-bend-demo{grid-template-rows:auto}@media(max-width:760px){.with-bend-demo .control-panel{grid-row:2}}.start-button{position:relative;isolation:isolate;display:grid;place-items:center;width:288px;max-width:100%;min-height:72px;padding:18px 58px;border:2px solid #304d35;border-radius:20px;background:linear-gradient(180deg,#60825b,#426248);box-shadow:inset 0 2px #a0b68b,inset 0 -2px #36533c,0 7px #293f2f,0 12px 18px #293f2f20;gap:0;transition:transform .16s ease,box-shadow .16s ease,filter .16s ease}.start-button:before{content:"";position:absolute;inset:5px;border:1px solid #a3ba8b66;border-radius:14px;pointer-events:none}.start-button .start-label{font-size:21px;font-weight:800;line-height:1.4;letter-spacing:2px;padding-left:2px;text-align:center;white-space:nowrap;text-shadow:0 2px 0 #29432f}.start-button .start-play{position:absolute;right:18px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:32px;height:32px;border-radius:50%;color:#f5d39b;background:#2c493b80;border:1px solid #aec19055;box-shadow:inset 0 2px 2px #20392940}.start-button:hover{background:linear-gradient(180deg,#6c8d65,#4a6e4f);transform:translateY(-2px);box-shadow:inset 0 2px #adc297,inset 0 -2px #36533c,0 9px #293f2f,0 15px 22px #293f2f25}.start-button:active:not(:disabled){transform:translateY(5px);box-shadow:inset 0 2px #a0b68b,inset 0 -2px #36533c,0 2px #293f2f,0 4px 8px #293f2f20}.start-area p{margin-top:23px}@media(max-width:760px){.start-button{width:270px;min-height:68px}.start-button .start-label{font-size:20px}}@media(prefers-reduced-motion:reduce){.start-button{transition:none}}.start-button{justify-content:center;grid-template-columns:1fr}.fold-handle,.is-dragging .fold-handle{cursor:ns-resize}.is-bending .scene-wrap{background:#fffef8}.is-bending .stage{border:1px solid #e8e4d6;border-radius:22px;box-shadow:inset 0 2px 8px #6b765a08}#play-camera{display:none}.portrait-camera>:not(defs):not(#play-camera){display:none}.portrait-camera #play-camera{display:block}.portrait-scene .stage{max-width:560px;margin:0 auto;background:#eeeee4;border:1px solid #e1e3d6;border-radius:22px;overflow:hidden}.portrait-scene .stage:before{display:none}.portrait-scene .stage>svg{width:100%;height:auto;max-height:none;display:block;touch-action:none}.portrait-scene .stage-helper{top:55px;font-size:11px;max-width:85%}.camera-kicker{font-size:11px;letter-spacing:1.5px;fill:#6e7d66;font-weight:600}.camera-label{font-size:13px;fill:#75816b}.camera-controls{display:flex;flex-direction:column;align-items:center;gap:9px;padding:18px 0 10px}.camera-controls button{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:#fffdf2;color:#426248;border:1px solid #bdcbb2;box-shadow:0 4px #d2dac9,0 7px 15px #33452e0d}.camera-controls button:hover{background:#edf2e5}.camera-controls button:disabled{opacity:.45;cursor:default}.camera-controls span{font-size:12px;color:#63755b}.portrait-scene .result-toast{top:auto;bottom:20px}.portrait-scene .scene-bottom{justify-content:center}.portrait-scene .scene-bottom>span{display:none}@media(min-width:761px){.play-layout:not(.with-bend-demo){grid-template-columns:minmax(0,1fr) 300px;max-width:1050px;margin:auto}.portrait-scene .stage{width:min(100%,500px)}}@media(max-width:760px){.portrait-scene .stage{margin:0 10px}.portrait-scene .stage-helper{font-size:9px;top:34px}.camera-controls{padding-top:14px}}.portrait-scene .result-toast{top:110px;bottom:auto}.release-ready{margin:28px 0;padding:20px 16px;border:1px solid #dbe2d1;background:#f3f6ed;border-radius:15px}.release-ready>span{font-size:11px;color:#79886f;letter-spacing:2px}.release-ready p{font-size:14px;line-height:1.7;color:#426248;margin:12px 0}.release-ready small{font-size:11px;color:#7a8771}.is-bending .stage-helper{max-width:90%}.deck-preview{padding:17px 0 4px;border-top:1px solid var(--line);margin-top:10px}.deck-preview-title{font-size:12px;font-weight:600;color:var(--green)}.deck-preview-cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin-top:12px}.deck-preview-cards svg{display:block;width:100%;height:auto}.deck-preview-cards>div>span{display:block;font-size:11px;text-align:center;margin-top:5px;color:var(--muted)}@media(min-width:650px){dialog.deck-dialog{width:760px;max-width:calc(100vw - 48px)}.deck-dialog #dialog-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.deck-dialog .choice-option{margin:0;min-width:0}.deck-dialog .choice-text{min-width:0}.deck-dialog .deck-preview{grid-column:1/-1}.deck-dialog .deck-preview-cards{gap:12px;max-width:580px;margin:12px auto 0}}.challenge-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 auto 18px;padding:15px 20px;border:1px solid #dce3d4;border-radius:16px;background:#fffdf5;max-width:1050px}.challenge-bar strong{display:block;font-size:16px}.challenge-bar span#challenge-note{display:block;font-size:11px;color:var(--muted);margin-top:6px}#challenge-cards{display:flex;gap:7px}.chance-card{display:grid;place-items:center;width:30px;height:41px;border-radius:6px;background:#e4ecd9;border:1px solid #bacbab;font-size:14px;font-weight:700;color:#58704b;transform:rotate(5deg)}.chance-card.current{background:#49674b;color:#fff6da;border-color:#49674b;transform:translateY(-3px)}.chance-card.used{opacity:.4;background:#e6e4db;transform:rotate(-6deg)}.intro-panel{display:none;padding:22px 6px}.intro-panel h2{font-size:25px;margin:12px 0 18px}.intro-panel p{font-size:13px;line-height:1.9;color:var(--muted)}.intro-five{font-size:66px;font-weight:800;color:var(--green);margin:30px 0}.intro-five span{display:block;font-size:13px;font-weight:400}.is-intro .intro-panel{display:block}.is-intro .step-tabs,.is-intro .control-section{display:none!important}@media(max-width:760px){.challenge-bar{padding:12px;gap:10px}.challenge-bar strong{font-size:14px}.chance-card{width:23px;height:32px}#challenge-cards{gap:4px}.challenge-bar span#challenge-note{font-size:10px}}