body:has(.take-page){background:#242e29}.take-nav{height:64px;padding:0 30px;display:flex;align-items:center;justify-content:space-between;background:#f5eddd;color:#3a4939;border-bottom:1px solid #5555}.take-nav>a{font-size:12px;text-decoration:none;color:inherit}.take-nav .brand{font-size:25px}.take-page{max-width:1032px;padding:22px 24px 40px;margin:auto;color:#f6eddb}.take-head{display:flex;justify-content:space-between;align-items:center;padding:0 4px 15px;font:11px var(--mono);letter-spacing:.08em}.take-head>b{font:600 13px var(--body)}.take-head i{font:11px var(--mono);font-style:normal;opacity:.6;margin-left:12px}.take-scene{aspect-ratio:16/9;position:relative;overflow:hidden;background:#84572d;border:7px solid #141c18;box-shadow:0 10px 30px #0004;border-radius:8px;isolation:isolate;touch-action:none;user-select:none}.take-backdrop{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.take-light{position:absolute;inset:0;background:linear-gradient(110deg,#ecc97412,transparent 55%,#0e343542);pointer-events:none;mix-blend-mode:multiply}.take-scene[data-mood=tense] .take-backdrop{filter:saturate(.65) contrast(1.08)}.take-cat{position:absolute;left:25%;top:67%;width:28%;height:auto;transform:translate(-50%,-100%);filter:drop-shadow(0 7px 3px #422d2238);pointer-events:none;will-change:transform,left}.take-cake{position:absolute;left:77%;top:65%;width:12%;transform:translate(-50%,-100%);pointer-events:none;filter:drop-shadow(1px 5px 3px #281a3044)}.take-cake svg{display:block;width:100%}.take-focus{position:absolute;left:50%;top:16%;width:36%;height:57%;border:2px solid #ffe7a9;transform:translateX(-50%);border-radius:5px;box-shadow:0 0 0 1000px #14292022;pointer-events:none}.take-focus:before,.take-focus:after{content:'';position:absolute;top:50%;left:50%;height:1px;width:24px;background:#ffe7a9;transform:translate(-50%,-50%)}.take-focus:after{transform:translate(-50%,-50%) rotate(90deg)}.take-focus.in-frame{border-color:#cce594}.take-focus.in-frame span{background:#cce594}.take-focus span{position:absolute;bottom:-28px;left:50%;transform:translateX(-50%);padding:4px 8px;font:10px var(--body);white-space:nowrap;background:#ffe7a9;color:#34422c}.take-focus[hidden]{display:none}.take-rec,.take-timecode,.take-camera-meta{position:absolute;z-index:2;font:10px var(--mono);color:#fff6db;text-shadow:0 1px 3px #333;pointer-events:none}.take-rec{top:17px;left:19px;display:flex;align-items:center;gap:7px}.take-rec i{width:6px;height:6px;background:#e16b43;border-radius:50%;box-shadow:0 0 7px #e96c49}.take-timecode{right:20px;top:17px}.take-camera-meta{bottom:15px;right:20px}.take-reveal{position:absolute;left:25%;top:30%;font:900 clamp(20px,4vw,45px)/1.1 var(--display);color:#fff1bd;transform:rotate(-7deg);text-shadow:2px 3px #323b2b;opacity:0}.take-intro,.take-round,.take-pause{position:absolute;inset:0;z-index:4;display:flex;align-items:flex-start;justify-content:center;flex-direction:column;padding:40px;background:linear-gradient(90deg,#142b29e8,#192e2777 62%,transparent)}.take-intro>span{font-size:11px;letter-spacing:.05em;color:#decfaf}.take-intro h1{font:900 clamp(42px,6vw,72px)/1.04 var(--display);letter-spacing:-.04em;margin:12px 0;color:#fff6e2}.take-intro h1 em{font-style:normal;color:#f0bd69}.take-intro p{font-size:13px;line-height:1.8;color:#eee4ca;margin:0 0 21px}.film-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 26px;border:1px solid #ffe1a3;background:#efd08a;color:#273b30;font:800 15px var(--body);border-radius:5px;box-shadow:0 4px 0 #9b7942;cursor:pointer;transition:transform .15s,background .15s}.film-button:hover{background:#ffe4a8}.film-button:active{transform:translateY(3px);box-shadow:0 1px 0 #9b7942}.film-button:disabled{opacity:.5;cursor:default}.film-secondary{background:#38463e;color:#efe6d0;border:1px solid #647363;border-radius:5px;min-height:44px;padding:10px 17px;font:600 12px var(--body);cursor:pointer}.film-secondary:disabled{opacity:.35;cursor:default}.film-secondary:hover:not(:disabled){background:#50624e}.film-link{background:none;border:0;color:#e3d3b1;text-decoration:underline;text-underline-offset:4px;min-height:44px;cursor:pointer;font-size:11px}.take-mode{display:flex;gap:18px;align-items:center;margin-top:10px;font-size:10px;color:#dbd6bc}.take-mode .film-link[aria-pressed=true]{color:#f0cf81}.take-instructions{display:flex;gap:15px;align-items:center;margin-top:20px}.take-instructions>span{font:28px var(--mono);color:#edc76f}.take-instructions b{font-size:17px}.take-instructions p{font-size:12px;line-height:1.7;color:#c3ccba;margin-top:4px}.take-instructions>strong{margin-left:auto;font:32px var(--mono);color:#e9c779}.camera-slider{display:flex;gap:12px;align-items:center;color:#b6c6ae;font-size:10px;margin:20px 0}.camera-slider input{flex:1;min-width:0;accent-color:#e7bd6c;min-height:40px;cursor:ew-resize}.take-cut-meter{height:28px;position:relative;background:#18251e;border:1px solid #70806a;border-radius:3px;margin-top:20px;overflow:hidden}.take-target-zone{position:absolute;top:0;bottom:0;background:#b5995466}.take-target-mark{position:absolute;top:0;bottom:0;width:2px;background:#f4dca3}.take-cut-meter>i{position:absolute;left:0;top:0;width:4px;height:100%;background:#fff4ce;box-shadow:0 0 10px #fff4ce}.take-console{display:flex;gap:10px;align-items:center;margin-top:18px}.cut-button{min-width:210px;flex:1;font-size:18px;background:#e8bd73;min-height:56px}.take-console .film-secondary{flex-shrink:0}.take-notice{font-size:12px;line-height:1.8;color:#eadab8;min-height:25px;margin-top:15px}.take-round{align-items:center;text-align:center;background:#18352cdf;gap:20px}.take-round>span{font:11px var(--mono);letter-spacing:.14em}.take-round>b{font:800 clamp(23px,4vw,38px) var(--display)}.take-round>strong{font:72px var(--mono);color:#f1cf86}.take-round small{font-size:15px;color:#aebc9d}.take-pause{align-items:center;text-align:center;background:#1c3125ee;gap:18px}.take-pause>b{font-size:34px}.take-pause p{font-size:13px}.take-result{padding:32px;background:#f3ead6;color:#32402d;border:1px solid #ccc2a8;box-shadow:0 10px 30px #0002;border-radius:6px}.take-result-top{display:flex;align-items:center;justify-content:space-between;gap:15px;font:10px var(--mono)}.take-result-top b{font-size:27px;color:#a96926;letter-spacing:.16em}.take-result h1{font:900 clamp(28px,4.5vw,46px)/1.3 var(--display);margin:20px 0 12px}.take-result>p{font-size:13px;line-height:1.8}.take-stills{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:28px 0}.take-stills>div{background:#344938;color:#eadeb6;padding:18px;position:relative;border:6px solid #22352c;display:grid;gap:11px;background-image:linear-gradient(#20392cbd,#22372cde),url('../public/assets/patisserie-v1.webp');background-size:cover}.take-stills>div:nth-child(2){background-position:center}.take-stills>div:nth-child(3){background-position:right}.take-stills span{font:10px var(--mono)}.take-stills b{font-size:14px}.take-stills strong{font:32px var(--mono)}.take-stills small{font-size:11px;color:#b5c0a6}.take-result-actions{display:flex;gap:10px;flex-wrap:wrap}.take-result .film-secondary{background:#e6dec8;color:#354631;border-color:#a6ad94}.take-music{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:26px;font-size:12px}.film-chip{min-height:40px;border:1px solid #929a7c;background:transparent;border-radius:4px;padding:8px 12px;color:#415437;cursor:pointer;font-size:12px}.film-chip[aria-pressed=true]{background:#425740;color:#f5edd5}.take-backstage{margin-top:30px;border-top:1px solid #afb59b;border-bottom:1px solid #afb59b}.take-backstage>summary{padding:23px 0;cursor:pointer;font-weight:800;font-size:17px;list-style:none;display:flex;justify-content:space-between;gap:15px}.take-backstage>summary>span{font-size:22px}.take-knowledge{display:grid;gap:24px;padding-bottom:28px}.take-knowledge article{padding-left:17px;border-left:2px solid #a7ab85}.take-knowledge article>span{font:10px var(--mono);color:#758065}.take-knowledge h2{font:800 22px/1.4 var(--display);margin:10px 0}.take-knowledge p{font-size:14px;line-height:1.9;max-width:660px}.take-knowledge>a{color:#9b4f2f;text-underline-offset:4px;font-size:13px}.take-result .take-fine{font-size:10px;color:#72775e;margin:20px 0}.take-back-map{display:inline-block;text-decoration:none;color:#314e36;font-size:14px;font-weight:800;min-height:44px;padding:12px 0}.take-replay-note{display:flex;justify-content:space-between;align-items:center;font-size:12px;padding:10px 0;color:#d1d7bd}
@media(max-width:700px){.take-nav{height:57px;padding:0 15px}.take-nav>a{font-size:10px}.take-nav .brand{font-size:22px}.take-page{padding:14px 12px 25px}.take-head{padding:0 3px 11px;font-size:9px}.take-head>b{font-size:11px}.take-scene{aspect-ratio:4/3;border-width:4px}.take-backdrop{object-fit:fill}.take-cat{width:32%}.take-intro{padding:24px;background:linear-gradient(90deg,#152f2be8,#1b302aaa)}.take-intro>span{font-size:9px}.take-intro h1{font-size:42px;margin:10px 0}.take-intro p{font-size:11px;margin-bottom:14px}.film-button{min-height:46px;font-size:13px;padding:10px 18px}.take-mode{gap:12px;margin-top:4px;font-size:8px}.take-mode .film-link{font-size:10px}.take-timecode,.take-rec{font-size:8px;top:11px}.take-camera-meta{font-size:7px;bottom:10px}.take-instructions{gap:10px;margin-top:17px}.take-instructions>span{font-size:24px}.take-instructions b{font-size:16px}.take-instructions p{font-size:10px}.take-instructions>strong{font-size:23px}.take-focus span{font-size:8px;bottom:-24px}.take-console{gap:7px;flex-wrap:wrap}.take-console .film-secondary{font-size:10px;padding:9px 12px}.cut-button{flex-basis:100%;font-size:19px;min-height:56px}.camera-slider{margin:10px 0}.take-round{gap:13px;padding:23px}.take-round>b{font-size:23px}.take-round>strong{font-size:48px}.take-result{padding:20px 16px}.take-result-top{font-size:8px}.take-result-top b{font-size:20px}.take-result h1{font-size:28px}.take-result>p{font-size:11px}.take-stills{gap:5px;margin:23px 0}.take-stills>div{padding:10px 6px;border-width:4px;gap:8px}.take-stills b{font-size:10px}.take-stills strong{font-size:24px}.take-result-actions{gap:8px}.take-result-actions .film-button{width:100%}.take-result-actions .film-secondary{font-size:11px;padding:10px 12px}.take-music{font-size:10px;gap:7px}.film-chip{font-size:10px}.take-backstage>summary{font-size:14px;line-height:1.6}.take-knowledge h2{font-size:19px}.take-knowledge p{font-size:12px}.take-notice{font-size:11px}}
@media(max-width:360px){.take-intro{padding:20px}.take-intro h1{font-size:35px}.take-intro p{font-size:10px}.take-mode{font-size:7px}.take-scene{aspect-ratio:1.2}.take-result h1{font-size:25px}}
@media(prefers-reduced-motion:reduce){.film-button{transition:none}.take-cat{will-change:auto}}
@media(max-width:700px){.take-scene{aspect-ratio:auto;height:clamp(330px,49svh,430px)}.take-backdrop{object-fit:cover}.take-intro{padding:28px}.take-intro h1{font-size:49px}.take-intro p{font-size:12px;line-height:1.9;margin-bottom:20px}.take-mode{margin-top:12px}.take-instructions p{font-size:11px}.take-cat{width:38%}.take-focus{width:44%}}
@media(max-width:360px){.take-intro h1{font-size:42px}.take-intro{padding:23px}.take-intro p{font-size:11px}}

.take-cat>img{display:block;width:100%;height:auto}.take-cream{position:absolute;left:90%;top:59%;width:7%;height:8%;border-radius:48% 34% 63% 25%;background:#fff5db;box-shadow:-2px 3px 0 #ecd7ad,2px -2px 0 #fff8ed;opacity:0}