/* Illustrated school escape. The 10 x 7 map and game rules live in chapter3. */
#flowerGame.flower-stealth-active .flower-shell{max-width:780px}
#flowerGame.flower-stealth-active .flower-head{text-align:center;border-bottom:1px solid #72583755;margin-bottom:12px;padding-bottom:10px}
#flowerGame.flower-stealth-active .flower-head h1{font-family:Georgia,"Noto Serif KR",serif;letter-spacing:.12em;font-weight:600;font-size:30px;color:#e6d0ad}
#flowerGame.flower-stealth-active .flower-head .era{display:none}
#flowerGame.flower-stealth-active .flower-head p{font-family:Georgia,serif;color:#c7ac80;letter-spacing:.17em;margin-top:6px}
#flowerGame.flower-stealth-active .story-line.date{text-align:center;letter-spacing:.12em;margin:0 0 8px;color:#d0b083}
#flowerGame.flower-stealth-active .stealth-intro{text-align:center;font-size:14px;color:#c3b094;margin-bottom:10px;line-height:1.65}
#flowerGame .stealth-game{max-width:720px;padding:12px;margin:12px auto 0;border:1px solid #947043;background:radial-gradient(ellipse at top,#2a2116,#16110c 70%);box-shadow:0 15px 36px #0006,inset 0 0 0 3px #1b140e,inset 0 0 0 4px #5b422833}
#flowerGame .stealth-top{font-size:11px;letter-spacing:.04em;color:#d0b78c;align-items:center;margin-bottom:10px}
#flowerGame .stealth-player-label{color:#e5d5bb}
#flowerGame .stealth-player-label:first-letter{color:#91ab7d}
#flowerGame .stealth-school-header{height:48px;padding:5px 5%;display:flex;justify-content:space-between;align-items:center;border:3px solid #47321d;border-bottom:0;background:repeating-linear-gradient(90deg,#49331e 0 10px,#3e2b1977 10px 12px);box-shadow:inset 0 4px 8px #0006}
#flowerGame .stealth-blackboard{width:55%;height:34px;display:grid;place-items:center;border:3px ridge #78532c;background:linear-gradient(145deg,#263029,#171f1b);font-family:Georgia,serif;font-size:11px;letter-spacing:.09em;color:#b6bbaa;box-shadow:inset 0 0 12px #0007}
#flowerGame .stealth-window{height:29px;width:24px;border:3px ridge #b39360;background:linear-gradient(90deg,transparent 46%,#6e5334 47% 55%,transparent 56%),linear-gradient(0deg,transparent 43%,#6e5334 44% 54%,transparent 55%),#dbbf87;box-shadow:0 0 10px #e7bd7055}
#flowerGame .stealth-map{position:relative;isolation:isolate;display:grid;grid-template-columns:repeat(10,minmax(0,1fr));grid-template-rows:repeat(7,minmax(0,1fr));aspect-ratio:10/7;border:4px ridge #866039;background:#705034 url('/games/assets/flower-school/floor-v1.webp') center/100% 100%;box-shadow:inset 0 0 18px #25170b88;overflow:hidden}
#flowerGame .stealth-cell,#flowerGame .stealth-cell:nth-child(odd){min-height:0;background:transparent;border:0;box-shadow:inset -1px -1px 0 #37241455;transition:background .16s}
#flowerGame .stealth-cell.wall{background:#241c1722}
#flowerGame .stealth-cell.wall i.stealth-desk{position:absolute;inset:1%;border:0;background: url('/games/assets/flower-school/sprites-v1.webp') 100% 50%/300% 100% no-repeat;filter:drop-shadow(1px 3px 2px #1b0d0bb0)}
#flowerGame .stealth-cell.watched{background:linear-gradient(135deg,#a92d2244,#db534755);box-shadow:inset -1px -1px 0 #ed807344}
#flowerGame .stealth-cell.known-creak{background:linear-gradient(115deg,#3e241744,#7a422633);box-shadow:inset 0 0 0 1px #e9b46d99}
#flowerGame .stealth-cell.known-creak:after{content:'';position:absolute;inset:16%;background:#25170c;clip-path:polygon(9% 42%,31% 48%,38% 30%,45% 58%,59% 53%,74% 71%,90% 67%,73% 82%,56% 63%,42% 70%,33% 45%,14% 53%);opacity:.95}
#flowerGame .stealth-cell.creak-current:before{content:'끼익';position:absolute;top:0;left:50%;transform:translate(-50%,-15%);z-index:8;padding:2px 5px;white-space:nowrap;background:#28140be6;border:1px solid #d7a463;color:#ffdca1;font-size:10px;font-weight:700;box-shadow:0 2px 6px #0008}
#flowerGame .stealth-cell.exit{background:linear-gradient(0deg,#523b2299,#e4c28b66);box-shadow:inset 0 0 0 1px #dbbc7a}
#flowerGame .stealth-cell.exit:before{content:'';position:absolute;inset:4%;border:2px solid #d0b48688;background:repeating-linear-gradient(0deg,#4e392733 0 5px,#bf9e5a55 5px 7px)}
#flowerGame .stealth-cell.exit b{position:relative;z-index:1;font-size:9px;writing-mode:horizontal-tb;color:#fff0cb;text-shadow:0 1px 3px #201309;font-weight:700;letter-spacing:0}
#flowerGame .stealth-actors{position:absolute;inset:0;z-index:3;pointer-events:none}
#flowerGame .stealth-actor{position:absolute;top:0;left:0;width:10%;height:calc(100% / 7);transition:transform .15s ease-out;will-change:transform}
#flowerGame .stealth-actor:before{content:'';position:absolute;inset:25% 14% 12%;background:#1c0e0b66;border-radius:50%;filter:blur(2px)}
#flowerGame .stealth-actor .stealth-sprite{position:absolute;inset:0;background:url('/games/assets/flower-school/sprites-v1.webp') 0 50%/300% 100% no-repeat;transform:rotate(var(--facing,0deg));filter:drop-shadow(0 1px 1px #0009);transition:none}
#flowerGame .stealth-actor.teacher .stealth-sprite{background-position:50% 50%}
#flowerGame .stealth-actor.player{z-index:5}
#flowerGame .stealth-actor.player:before{inset:15% 10%;border:1px solid #cee3a6aa;background:#9bab6733;box-shadow:0 0 7px #dddfa866}
#flowerGame .stealth-direction{position:absolute;left:50%;top:2%;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:6px solid #f4d1a2;transform:translateX(-50%);filter:drop-shadow(0 1px 1px #24120b)}
#flowerGame .stealth-actor[data-dir="down"] .stealth-direction{top:auto;bottom:2%;transform:translateX(-50%) rotate(180deg)}
#flowerGame .stealth-actor[data-dir="right"] .stealth-direction{left:auto;right:2%;top:50%;transform:translateY(-50%) rotate(90deg)}
#flowerGame .stealth-actor[data-dir="left"] .stealth-direction{left:2%;top:50%;transform:translateY(-50%) rotate(-90deg)}
#flowerGame .stealth-actor.player .stealth-direction{border-bottom-color:#e0f5ba}
#flowerGame .stealth-msg{display:grid;align-content:center;min-height:70px;max-width:540px;padding:9px 12px;margin:12px auto 8px;border:1px solid #82613999;background:linear-gradient(90deg,#110e0a66,#21190fe6,#110e0a66);border-radius:2px;color:#e1cba8;font-size:13px;line-height:1.55}
#flowerGame .stealth-msg b{color:#f7d2ac}
#flowerGame .stealth-msg strong{color:#f2cb99}
#flowerGame .stealth-pad{gap:5px;margin-top:9px}
#flowerGame .stealth-pad>div{gap:5px}
#flowerGame .stealth-pad button{width:62px;height:50px;border:1px solid #bc9661;outline:1px solid #705235;outline-offset:-4px;border-radius:5px;background:linear-gradient(145deg,#3a2b1b,#21180f);color:#e6c797;font-size:20px;box-shadow:0 3px 8px #0005,inset 0 0 12px #7d582222;cursor:pointer}
#flowerGame .stealth-pad button:active{background:#674a2b;transform:translateY(1px)}
#flowerGame .stealth-pad button:focus-visible{outline:2px solid #ffe4b6;outline-offset:2px}
#flowerGame .stealth-help{max-width:560px;margin:12px auto 2px;color:#baa283;font-size:10px;line-height:1.6}
#flowerGame .stealth-game.creaked .stealth-map{box-shadow:inset 0 0 35px #c0752a77}
#flowerGame .stealth-game.caught .stealth-msg{border-color:#b67362}
#flowerGame .stealth-game.escaped .stealth-map{filter:sepia(.12) brightness(.9)}
@media(max-width:600px){
 #flowerGame.flower-stealth-active{padding:12px 10px 28px}
 #flowerGame.flower-stealth-active .flower-head h1{font-size:26px}
 #flowerGame.flower-stealth-active .stealth-intro{font-size:12px;line-height:1.55}
 #flowerGame .stealth-game{padding:7px}
 #flowerGame .stealth-school-header{height:38px;border-width:2px}
 #flowerGame .stealth-blackboard{height:28px;font-size:9px}
 #flowerGame .stealth-window{height:24px;width:20px}
 #flowerGame .stealth-map{border-width:3px}
 #flowerGame .stealth-msg{min-height:64px;font-size:12px;padding:8px;margin-top:9px}
 #flowerGame .stealth-direction{border-left-width:3px;border-right-width:3px;border-bottom-width:5px}
 #flowerGame .stealth-cell.exit b{font-size:7px}
 #flowerGame .stealth-pad button{width:58px;height:46px;font-size:18px}
 #flowerGame .stealth-help{font-size:9px}
}
@media(prefers-reduced-motion:reduce){#flowerGame .stealth-actor,#flowerGame .stealth-sprite{transition:none}#flowerGame .stealth-game.caught,#flowerGame .stealth-game.creaked{animation:none}}