:root{--ink:#041a45;--prussian:#163359;--blue:#2e5883;--sky:#a9c3f2;--paper:#eee7cf;--paper-2:#d6caa7;--sun:#d4d98f;--text:#eee7cf;--muted:#a9c3f2;--line:#eee7cf61;--glass:#041a458c;--radius:0;--serif:"Bodoni Moda", "Didot", "Bodoni 72", Georgia, serif;--sans:"Archivo", "Arial Narrow", system-ui, sans-serif}[hidden]{display:none!important}.cy-section,.cy-section *{box-sizing:border-box}.cy-section *{margin:0}.cy-section{font-family:var(--sans);color:var(--text);line-height:1.55;position:relative}.cy-section svg{max-width:100%;display:block}.cy-section a{color:inherit}.cy-section h2{font-family:var(--serif);letter-spacing:-.01em;transform-origin:0 0;width:142.857%;font-size:clamp(38px,9vw,64px);font-weight:500;line-height:.95;transform:scaleX(.7)}.cy-section h2 em{font-style:italic}.cy-section .btn{cursor:pointer;min-height:48px;font:600 15px var(--sans);letter-spacing:.14em;text-transform:uppercase;border:1.5px solid #0000;border-radius:0;justify-content:center;align-items:center;gap:8px;padding:0 22px;font-stretch:75%;text-decoration:none;transition:background .25s,color .25s,box-shadow .25s;display:inline-flex}.cy-section .btn:focus-visible,.cy-section .seg button:focus-visible{outline:2px solid var(--sky);outline-offset:3px}.cy-section .btn-dark{background:var(--paper);color:var(--ink)}.cy-section .btn-dark:hover{background:#fff}.cy-section .btn-line{border-color:var(--paper);color:var(--paper);background:0 0}.cy-section .btn-line:hover{background:var(--paper);color:var(--ink)}.cy-section .btn-sm{min-height:44px;padding:0 16px;font-size:15px}.cy-section .btn[disabled]{opacity:.4;pointer-events:none}.play-grid{background:#041a45b8;grid-template-columns:1fr;align-items:start;gap:32px;margin-top:28px;padding:14px 14px 20px;display:grid}.stage{background:var(--glass);border:1px solid var(--line);padding:14px}#sheet{user-select:none;background:var(--sun);width:100%;height:auto;display:block;box-shadow:0 18px 40px -12px #020c2299}.sheet-wrap{position:relative}.sheet-hint{text-align:center;color:#3d4a1f;pointer-events:none;place-content:center;justify-items:center;gap:18px;padding:20px;display:grid;position:absolute;inset:0}.sheet-hint p{font-family:var(--serif);max-width:12ch;font-size:24px;font-style:italic;line-height:1.2}.sheet-hint .btn{z-index:1;pointer-events:auto;touch-action:manipulation;background:var(--ink);color:var(--paper);position:relative}.sheet-hint .btn:hover{background:var(--prussian)}.sheet-wrap:has(.sheet-hint:not([hidden])) #sheet{background:var(--paper)}.sheet-wrap:has(.sheet-hint:not([hidden])) #paperRect{transform-box:fill-box;transform-origin:50%;filter:url(#coat);transform:scale(.86,.9)}.step-label{letter-spacing:.14em;text-transform:uppercase;align-items:baseline;gap:12px;margin:28px 0 12px;font-size:15px;font-weight:600;font-stretch:75%;display:flex}.step-label b{font-family:var(--serif);letter-spacing:0;text-transform:none;color:var(--sky);font-size:26px;font-style:italic;font-weight:500;line-height:1}.sun-btn{user-select:none;touch-action:none;background:var(--paper);width:100%;max-width:340px;color:var(--ink);min-height:56px;position:relative}.sun-btn:hover{background:#fff}.sun-btn[disabled]{opacity:.45}.sun-btn.on{box-shadow:0 0 0 8px #eee7cf38,0 0 48px #eee7cf8c}.meter{background:var(--line);max-width:340px;height:3px;margin-top:12px;overflow:hidden}.meter i{background:var(--paper);width:0;height:100%;display:block}.status{border-left:1.5px solid var(--sky);background:var(--glass);min-height:3.4em;margin-top:22px;padding:14px 16px;font-size:16px}.final-actions{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.warn{border-left:1.5px solid var(--sky);background:var(--glass);color:var(--paper);margin-top:16px;padding:12px 14px;font-size:16px;line-height:1.5}.warn b{color:var(--sky);font-weight:600}.warn-inline{margin-top:12px}.conds{gap:12px;display:grid}.cond{letter-spacing:.26em;text-transform:uppercase;color:var(--sky);grid-template-columns:1fr;gap:6px;font-size:15px;font-stretch:62%;display:grid}.seg{border:1px solid var(--line);background:#041a4559;flex-wrap:wrap;justify-self:start;gap:2px;padding:3px;display:inline-flex}.seg button{min-height:44px;font:500 16px var(--sans);letter-spacing:0;text-transform:none;cursor:pointer;color:var(--paper);background:0 0;border:0;padding:0 14px}.seg button:hover{background:#eee7cf1f}.seg button[aria-checked=true]{background:var(--paper);color:var(--ink)}.seg.off{opacity:.5;pointer-events:none}.seg.wide{width:100%;display:flex}.seg.wide button{flex:1}.hint{color:var(--sky);min-height:1.5em;margin:6px 0 0;font-size:16px}.cy-section .adjust-btn,.sheet-head{display:none}@media (width<=767.98px){.cy-section .adjust-btn{width:100%;margin-top:12px;display:flex}.editor{z-index:60;background:var(--ink);flex-direction:column;height:100dvh;display:flex;position:fixed;inset:0}.editor-bar{padding:calc(8px + env(safe-area-inset-top)) 12px 4px;flex:none;justify-content:flex-end;display:flex}.editor .stage{background:0 0;border:0;flex-direction:column;flex:1;min-height:0;padding:4px 12px 12px;display:flex}.editor .sheet-box{flex:1;place-items:center;min-height:0;display:grid;container-type:size}.editor .sheet-wrap{width:min(100cqw, 100cqh * var(--ar,.707))}.editor .adjust-btn,.editor .warn-inline{display:none}.editor .panel{border-top:1px solid var(--line);flex-direction:column;flex:none;height:45dvh;max-height:45dvh;transition:transform .35s cubic-bezier(.2,.7,.2,1);display:flex;transform:translateY(100%);box-shadow:0 -12px 30px #020c2273}.editor.in .panel{transform:none}.editor .sheet-head{touch-action:none;cursor:grab;flex:none;height:24px;display:block;position:relative}.grab{background:var(--line);pointer-events:none;width:44px;height:4px;margin-left:-22px;position:absolute;top:10px;left:50%}.editor .panel-body{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex:1;min-height:0;padding:0 16px 16px;overflow-y:auto}.editor .panel-foot{padding:10px 16px calc(10px + env(safe-area-inset-bottom));border-top:1px solid var(--line);flex:none;grid-template-columns:1fr auto;align-items:center;gap:8px;display:grid}.editor .panel-foot .step-label,.editor .status,.editor #saveBtn,.editor #resetBtn{display:none}.editor .sun-btn{grid-area:1/1;max-width:none;min-height:48px}.editor .final-actions{grid-area:1/2;margin:0}.editor .meter{grid-column:1/-1;max-width:none;margin:0}}@media (prefers-reduced-motion:reduce){.editor .panel{transition:none}}@media (width>=720px){.play-grid{padding:32px}.stage{padding:22px}.cond{grid-template-columns:96px 1fr;align-items:center;gap:12px}#sizeInfo,#sunHint{margin-left:108px}}@media (width>=1000px){.play-grid{grid-template-columns:minmax(320px,440px) 1fr;gap:64px}.stage{position:sticky;top:24px}}.drop{border:1.5px dashed var(--paper);color:var(--paper);background:var(--glass);grid-template-columns:1fr;align-items:center;gap:12px 14px;padding:14px 16px;transition:background .25s;display:grid}.drop-pick{cursor:pointer;grid-template-columns:auto 1fr;align-items:center;gap:6px 14px;min-height:44px;display:grid}.drop:hover,.drop.over{background:#2e5883b3}.drop:focus-within{outline:2px solid var(--sky);outline-offset:3px}.drop-text{gap:2px;display:grid}.drop b{letter-spacing:.1em;text-transform:uppercase;font-size:15px;font-weight:600;font-stretch:75%;line-height:1.3}.drop small{color:var(--sky);font-size:16px}.drop .btn{touch-action:manipulation;justify-self:start}.photo-ctl{margin-top:14px}.sliders{gap:0 18px;display:grid}.slider{letter-spacing:.26em;text-transform:uppercase;color:var(--sky);gap:2px;margin-top:12px;font-size:15px;font-stretch:62%;display:grid}.slider input{width:100%;height:44px;accent-color:var(--paper)}.toggles{flex-wrap:wrap;align-items:center;gap:4px 22px;margin-top:8px;font-size:16px;display:flex}.toggles label{cursor:pointer;align-items:center;gap:10px;min-height:44px;display:flex}.toggles input{accent-color:var(--paper);width:20px;height:20px}.guide-box{background:#041a45b8;margin-top:14px;padding:20px 14px}.guide-box h3{letter-spacing:.14em;text-transform:uppercase;margin-bottom:14px;font-size:15px;font-weight:600;font-stretch:75%}.gb-cols{grid-template-columns:1fr;gap:18px;display:grid}.gb-cols b{letter-spacing:.26em;text-transform:uppercase;color:var(--sky);margin-bottom:8px;font-size:14px;font-weight:400;font-stretch:62%;display:block}.gb-cols ul{gap:7px;padding:0;font-size:16px;line-height:1.4;list-style:none;display:grid}.gb-cols li{padding-left:16px;position:relative}.good+ul li:before{content:"+";color:var(--sky);position:absolute;left:0}.bad+ul li:before{content:"-";color:var(--sky);position:absolute;left:3px}.gb-note{border-top:1px solid var(--line);color:var(--sky);margin-top:14px;padding-top:12px;font-size:16px}.tips{grid-template-columns:1fr 1fr;gap:18px 14px;display:grid}.tip{margin:0}.tip-pair{grid-template-columns:1fr 1fr;gap:4px;display:grid}.tip-pair span{aspect-ratio:1;position:relative;overflow:hidden}.tip-pair svg{width:100%;height:100%}.tip-pair i{width:20px;height:20px;font:700 11px var(--sans);border-radius:50%;place-items:center;display:grid;position:absolute;bottom:5px;right:5px}.tip-pair .ok i{background:var(--paper);color:var(--ink)}.tip-pair .no i{background:var(--ink);color:var(--paper);box-shadow:inset 0 0 0 1px var(--paper)}.tip figcaption{margin-top:8px;font-size:16px;line-height:1.35}.tips-more{border-top:1px solid var(--line);margin-top:16px}.tips-more summary{cursor:pointer;align-items:center;min-height:44px;font-size:16px;font-weight:600;display:flex}.tips-more[open] .gb-cols{margin-top:4px}.panel{container-type:inline-size}@container (width>=520px){.drop{grid-template-columns:1fr auto}.sliders{grid-template-columns:repeat(3,1fr)}}@media (width>=720px){.guide-box{padding:32px}.gb-cols{grid-template-columns:1fr 1fr;column-gap:48px}}@media (width>=1000px){.tips{grid-template-columns:repeat(4,1fr);gap:24px}}