/* The room is the play surface; forms and chapter navigation remain available outside it. */
.rj[data-screen^=kitchen]{background:#4c5037 url('/riwayat-jajan/assets/kitchen.webp') center/cover fixed}
.rj[data-screen^=kitchen]::before{content:"";position:fixed;inset:0;backdrop-filter:blur(22px);background:#28372a55;pointer-events:none}
.rj[data-screen^=kitchen]>header,.rj[data-screen^=kitchen]>.hud,.rj[data-screen^=kitchen]>footer{display:none}
.rj[data-screen^=kitchen] main{position:relative;padding:0;max-width:none;min-height:100dvh}
.rj[data-screen^=kitchen] #notice{position:fixed;bottom:110px;left:50%;transform:translateX(-50%);z-index:30;width:min(90%,540px);padding:12px 18px;background:#fff7de;border-radius:16px;box-shadow:0 4px 20px #0003;color:#4b472f;margin:0;font:14px/1.5 system-ui}
.rj[data-screen^=kitchen] #notice:empty{display:none}
.rj[data-screen^=kitchen] #notice{pointer-events:none}
.kitchen-shell{position:relative;width:min(100%,820px);height:100dvh;min-height:620px;margin:auto;box-shadow:0 0 80px #18271c77;overflow:hidden;background:#bfa578}
#kitchen-stage{position:absolute;inset:0}
.kitchen-canvas{position:absolute;inset:0}
.kitchen-canvas canvas{display:block;touch-action:none}
.rj[data-screen^=kitchen][data-life-chapter="2"]{background:linear-gradient(135deg,#648a81,#cfb58a)}
.rj[data-screen^=kitchen][data-life-chapter="3"]{background:linear-gradient(135deg,#566979,#b8aa86)}
.rj[data-screen^=kitchen][data-life-chapter="4"]{background:linear-gradient(135deg,#847967,#bea98b)}
.rj[data-screen^=kitchen][data-life-chapter="5"]{background:linear-gradient(135deg,#4e7565,#b3b88a)}
.life-room-fallback{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.life-room-fallback>img,.life-room-fallback>svg{display:block;width:100%;height:100%;object-fit:fill}
#kitchen-stage[data-renderer=phaser]>.life-room-fallback{display:none}
.life-fallback-person{position:absolute;left:69.44%;bottom:35%;width:33%;transform:translateX(-50%)}
.life-fallback-person svg{display:block;width:100%;height:auto}
[data-life-space=home-kitchen] .life-fallback-person{width:28.5%}
.life-fallback-food{position:absolute;left:11.1%;top:81%;width:77.8%;transform:translateY(-50%)}
.life-fallback-food svg{width:100%;height:auto;display:block}
.life-fallback-meals{position:absolute;left:2%;right:2%;top:81.5%;display:flex;transform:translateY(-50%)}
.life-fallback-meals svg{width:33.333%;height:auto}
.life-growth-room{margin:20px 0 0;background:#ebe1c9;border:1px solid #cbbb96;border-radius:12px;overflow:hidden}
.life-growth-room>div{height:155px;overflow:hidden}
.life-growth-room svg{display:block;width:100%;height:auto;transform:translateY(-19%)}
.life-growth-room figcaption{padding:9px 12px;font:13px/1.4 system-ui;color:#385646}
.kitchen-loading{position:absolute;top:45%;left:15%;right:15%;text-align:center;background:#fff5d8;padding:20px;border-radius:15px;font:15px system-ui;pointer-events:none}
#kitchen-stage[data-renderer=fallback] .kitchen-loading{top:25%;padding:12px;font-size:12px}
.kitchen-top{position:absolute;left:0;right:0;top:0;display:flex;gap:12px;align-items:start;padding:max(14px,env(safe-area-inset-top)) 18px 44px;background:linear-gradient(#182b22b8,transparent);pointer-events:none;z-index:10;color:#fff9e8}
.kitchen-top button{pointer-events:auto}
.kitchen-heading{flex:1;text-align:center;text-shadow:0 2px 9px #182b2288;padding:4px 0;min-width:0}
.rj .kitchen-heading h1{font:500 clamp(24px,4vw,38px)/1.1 Georgia;letter-spacing:-.025em;margin:6px 0;color:#fff9e8}
.kitchen-heading small{font:11px/1.4 system-ui;letter-spacing:.08em;text-transform:uppercase;display:block}
.rj .glass-button{min-width:44px;min-height:46px;padding:8px 12px;background:#fff5daef;border:1px solid #f9e8bc;border-radius:50px;color:#354d3c;font:16px system-ui;box-shadow:0 3px 9px #15251933}
.glass-button span{display:none}
.rj .book-button{width:54px;height:58px;background:transparent;border:0;padding:0;filter:drop-shadow(0 3px 4px #11291b55)}
.book-button svg{width:100%;height:100%}
.rj .object-label{position:absolute;z-index:6;min-height:44px;border:0;border-radius:8px;background:#fff0cfde;box-shadow:0 2px 8px #3d291a26;padding:4px 8px;font:500 clamp(12px,1.6vw,17px)/1.2 Georgia;color:#4e3b26;transform:rotate(-2deg)}
.rj .object-label:hover{background:#fff8e7}
.rj .object-label[aria-pressed=true]{background:#e7ecc9;border:0}
.rj .object-label[aria-pressed=true]::after{content:" ✓";font:12px system-ui;color:#4e7746}
.rj .object-label[data-component][aria-pressed=true]{background:#e4efd0;box-shadow:inset 0 0 0 2px #567644,0 2px 8px #3d291a26}
.rj .object-label[data-component][aria-pressed=true]::after{font-size:14px;font-weight:700;color:#365b2b}
.cooking-progress{position:absolute;z-index:9;top:148px;left:20px;right:20px;display:grid;grid-template-columns:repeat(var(--cooking-steps,3),minmax(0,1fr));gap:7px;list-style:none;margin:0;padding:0;pointer-events:none}
.cooking-progress li{display:flex;align-items:center;justify-content:space-between;gap:5px;min-width:0;padding:9px 10px;background:#fff5e4ed;border:1px solid #e6d4b0;border-radius:12px;color:#594c38;font:12px/1.2 system-ui;box-shadow:0 2px 8px #283b2422}
.cooking-progress li span{overflow-wrap:anywhere}.cooking-progress li strong{font-size:13px;white-space:nowrap;color:#42633c}
.cooking-progress li[aria-current=step]{border-color:#617f49;box-shadow:inset 0 0 0 1px #617f49,0 2px 8px #283b2422}
.cooking-progress li[data-complete=true]{background:#e5efcfed;border-color:#acbc8f}
.rj .shelf-label,.rj .door-label{background:#fff6e6b8;font:12px system-ui;transform:none}
.rj .shelf-label{opacity:.86}
.rj .work-label{border-radius:30px;background:#fff4da9e;box-shadow:none;font:12px system-ui}
.character-dialogue{position:absolute;z-index:8;left:7%;top:43%;width:49%;max-width:340px;pointer-events:none}
.character-dialogue p{position:relative;margin:0;padding:16px 18px;background:#fff9e8ed;border-radius:18px 18px 4px 18px;box-shadow:0 5px 18px #44381a25;font:clamp(14px,1.7vw,19px)/1.45 Georgia;color:#5c4d35}
.character-dialogue p::after{content:"";position:absolute;right:-10px;bottom:10px;border-left:15px solid #fff9e8ed;border-top:10px solid transparent;border-bottom:0 solid transparent}
.kitchen-dock{position:absolute;bottom:max(12px,env(safe-area-inset-bottom));left:14px;right:14px;display:flex;justify-content:center;align-items:center;gap:10px;z-index:12;pointer-events:none}
.kitchen-dock button{pointer-events:auto}
.rj .room-link{background:#fff6e1e6;border:1px solid #e7d4aa;box-shadow:0 3px 12px #39291522;border-radius:24px;padding:10px 16px;color:#465540;font:13px system-ui;min-height:44px}
.rj .room-save{display:flex;align-items:center;gap:6px;background:#395b46;border:1px solid #d8c092;border-radius:30px;color:#fff4da;padding:6px 16px 6px 8px;box-shadow:0 5px 15px #182f2844;font:600 14px system-ui;min-height:48px}
.room-save svg{width:34px;height:34px}
.rj .room-save:disabled{opacity:.55;background:#6f7561;color:#fff4da}
.kitchen-chapter{position:absolute;top:95px;left:20px;font:10px system-ui;letter-spacing:.2em;color:#fff6de;text-shadow:0 1px 4px #293321}
.kitchen-chapter span{display:block;font-size:8px;margin-top:4px;letter-spacing:.14em}
.rj[data-screen=intro]{background:#6e7354 url('/riwayat-jajan/assets/kitchen.webp') center/cover fixed;min-height:100dvh}
.rj[data-screen=intro]>header,.rj[data-screen=intro]>.hud,.rj[data-screen=intro]>footer{display:none}
.rj[data-screen=intro] main{min-height:100dvh;display:grid;place-items:center;background:linear-gradient(#213a2244,#213a2255)}
.rj[data-screen=intro] .intro{width:min(92%,540px);background:#fff7e6ed;padding:28px 32px 24px;border:1px solid #ecdbac;border-radius:8px 34px 34px 8px;box-shadow:9px 12px 0 #daccac55,0 15px 55px #20311d44;transform:rotate(-1deg)}
.rj[data-screen=intro] .intro h1{font-size:clamp(36px,6vw,60px)}
.rj[data-screen=intro] .intro .scene{max-width:225px;margin:auto;border:0;background:none}
.rj[data-screen=intro] .intro .scene svg{min-height:0;max-height:94px}
.rj[data-screen=intro] .intro>p:not(.eyebrow){font-size:14px;max-width:330px;margin:16px auto}
.rj[data-screen=intro] .intro details{margin:8px 0}
.rj[data-screen=intro] #notice:empty{display:none}
.memory-spread{position:relative;width:min(92%,1040px);min-height:620px;margin:auto;top:7vh;display:grid;grid-template-columns:1fr 1fr;gap:25px;align-items:center;padding:50px;background:repeating-linear-gradient(0deg,#fcf4df 0,#fcf4df 28px,#e7ddc21f 29px),#fcf4df;border-radius:5px 20px 20px 5px;box-shadow:12px 15px 0 #c5b990,0 20px 80px #18281966;transform:rotate(-1deg)}
.memory-spread::after{content:"";position:absolute;left:50%;top:0;bottom:0;width:20px;background:linear-gradient(90deg,transparent,#90744d22,transparent);pointer-events:none}
.rj .memory-left h1{font-size:clamp(34px,4.6vw,60px);color:#385646}
.memory-left>p:not(.eyebrow){font:17px/1.6 Georgia}
.memory-stamp{display:inline-block;margin-top:35px;padding:14px;border:2px dashed #9a794d;border-radius:50%;font:12px/1.7 system-ui;transform:rotate(-13deg);color:#8a6742;text-align:center}
.memory-photo{position:relative;padding:22px 16px;background:#fffcf0;box-shadow:0 4px 15px #76644322;transform:rotate(4deg);text-align:center}
.memory-photo svg{width:100%;height:auto}
.rj .memory-photo h2{font:25px Georgia;margin:4px}
.memory-photo p{font:11px system-ui;color:#7b745f}
.paper-tape{position:absolute;width:95px;height:27px;top:-12px;left:35%;background:#c0c998a8;transform:rotate(-5deg)}
.memory-actions{grid-column:1/-1;display:flex;gap:12px;justify-content:center;flex-wrap:wrap;z-index:2}
.memory-actions button{border-radius:30px;font:14px system-ui}
.rj[data-screen=album]{background:#ebe1c9}
.rj[data-screen=album] .book-cover{background:#42664e url('/riwayat-jajan/assets/kitchen.webp') center 24%/cover;background-blend-mode:multiply}
.rj[data-screen=album] .page{position:relative;transform:rotate(-1deg);border:0;box-shadow:3px 5px 0 #c9bb9a88}
.rj[data-screen=album] .page:nth-child(even){transform:rotate(1deg)}
.rj[data-screen=album] .page::before{content:"";display:block;position:absolute;left:35%;top:-8px;width:55px;height:17px;background:#b6c38d99;transform:rotate(-4deg)}
@media(max-width:700px){
 .kitchen-shell{min-height:660px}.kitchen-top{gap:7px;padding-left:12px;padding-right:12px}.rj .kitchen-heading h1{font-size:25px}.kitchen-heading small{font-size:9px}.rj .book-button{width:44px;height:50px}
 .character-dialogue{left:5%;width:48%;top:45%}.character-dialogue p{font-size:14px;padding:12px 14px}
 .kitchen-dock{gap:6px;left:10px;right:10px}.rj .room-link{padding:8px 11px;font-size:11px}.rj .room-save{font-size:12px;padding-right:12px}.kitchen-chapter{top:92px;left:15px}
 .rj .object-label{font-size:12px}.rj .work-label{font-size:11px}
 .cooking-progress{top:139px;left:12px;right:12px;gap:5px}.cooking-progress li{padding:8px;font-size:11px}.cooking-progress li strong{font-size:12px}
 .memory-spread{top:3vh;display:block;padding:25px;min-height:0;width:90%;transform:none}.memory-spread::after{display:none}.memory-left h1{font-size:38px!important;margin:14px 0}.memory-left>p:not(.eyebrow){font-size:14px}
 .memory-stamp{display:none}.memory-photo{margin:24px 0}.memory-photo svg{max-height:190px}.memory-actions{display:flex}.memory-actions button{font-size:12px;padding:8px 12px;flex:1}
}
@media(max-height:650px) and (min-width:701px){.kitchen-shell{min-height:620px}.memory-spread{top:20px}}
@media(min-width:701px){.rj[data-screen=kitchen] .chapter-invitation{width:54%;max-width:440px}}