.scene{width:700px;height:355px;margin:10px auto 0;border-radius:35px;background:#d9eced url('/assets/sky-suncloud-v8.webp') center 69%/cover no-repeat;box-shadow:inset 0 0 0 1px #ffffffb3,0 14px 36px #6e9b8c26;isolation:isolate}.scene>.sun,.scene>.rainbow,.scene>.cloud,.scene>.island,.scene>.floating{display:none}.scene-label{bottom:16px;color:#476b62;background:#fff9e6d9;left:50%;transform:translateX(-50%);width:auto;white-space:nowrap;border-radius:20px;padding:7px 17px;box-shadow:0 3px 9px #557b6130}.character-bar{display:flex;align-items:center;justify-content:center;gap:4px;margin:-4px auto 14px;position:relative}.character-bar canvas{width:100px;height:84px;filter:drop-shadow(0 5px 5px #667d6530)}.character-bar button{font-size:12px;border:1px solid #c8d8c5;border-radius:30px;background:#fffdf4;padding:10px 18px;box-shadow:0 4px 0 #e1e7d8}.character-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:34px 0}.character-card{background:linear-gradient(145deg,#fffef6,#e9f1e4);border:2px solid #dce6d6;border-radius:25px;padding:10px 12px 23px;box-shadow:0 7px 0 #dce5d5;display:flex;flex-direction:column;align-items:center;gap:9px}.character-card.selected{border-color:#5e9071;background:linear-gradient(145deg,#f6ffed,#dcebd4);box-shadow:0 7px 0 #93b38d}.character-card canvas{width:100%;max-width:180px}.character-card b{font-size:21px}.character-card small{font-size:11px;color:#748c79}.character-card span{font-size:12px;padding:8px 15px;border-radius:20px;background:#fffdf4;color:#5c8065;margin-top:7px}.character-card.selected span{background:#5c8065;color:white}.play-wrap{box-shadow:0 12px 35px #73978235;border:2px solid #cbded2}#gameMessage{top:16px;left:5%;width:90%;background:#fffff0db;padding:9px 6px;border-radius:18px;box-shadow:0 3px 12px #5b7f6b15}.game-top>div{font-weight:600}canvas#canvas{max-height:none}#game{max-width:440px}.game-top button{white-space:nowrap}.controls button{background:linear-gradient(#eaf1e4,#cddfbe);box-shadow:0 5px 0 #a3bd94,0 8px 12px #718f6720}.controls button:active{transform:translateY(3px);box-shadow:0 2px 0 #a3bd94}@media(max-width:650px){.scene{width:calc(100% - 36px);left:auto;margin:18px auto 0;transform:none;height:265px;background-position:center 70%;border-radius:25px}.character-bar{margin:0 auto 12px}.character-grid{gap:12px;grid-template-columns:1fr}.character-card{display:grid;grid-template-columns:95px 1fr;text-align:left;padding:12px 18px;gap:7px}.character-card canvas{grid-row:span 3;width:95px;height:90px;object-fit:contain}.character-card small{font-size:11px}.character-card span{justify-self:start;margin:0}.character-card b{font-size:18px}#game{max-width:400px}#canvas{height:auto}.scene-label{font-size:9px}.gentle{margin-bottom:22px}}@media(max-height:650px) and (min-width:651px){#game{max-width:330px}.controls button{height:45px}.game-top{font-size:12px}}