body{margin:0;font-family:Arial,sans-serif;color:white;overflow-x:hidden;background:#4da6ff}
.sun{position:fixed;top:60px;right:100px;width:120px;height:120px;background:radial-gradient(circle,#fff176 0%,#fbc02d 60%,#f57f17 100%);border-radius:50%;box-shadow:0 0 80px rgba(255,223,0,.8);z-index:0}
.cloud{position:fixed;background:white;border-radius:50px;opacity:.9;z-index:0}
.cloud:before,.cloud:after{content:'';position:absolute;background:white;border-radius:50%}
.cloud1{top:80px;left:10%;width:140px;height:50px}
.cloud1:before{width:60px;height:60px;top:-30px;left:20px}
.cloud1:after{width:80px;height:80px;top:-40px;right:20px}
.cloud2{top:160px;right:15%;width:180px;height:60px}
.cloud2:before{width:70px;height:70px;top:-35px;left:30px}
.cloud2:after{width:90px;height:90px;top:-45px;right:30px}
.wrapper{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:20px;padding:40px 20px;position:relative;z-index:2}
.side-panel{width:260px;max-width:90vw;background:rgba(0,0,0,.65);padding:20px;border-radius:12px;overflow-y:auto;max-height:80vh}
canvas{background:transparent;border:12px solid #5d4037;border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,.6);touch-action:none;max-width:95vw;height:auto}
button,select,label{width:100%;margin-top:10px;padding:10px;border-radius:8px;border:none;font-size:16px;cursor:pointer}
#message{text-align:center;font-size:22px;font-weight:bold;margin-top:10px}
h3{margin-bottom:6px;margin-top:12px}
ul{padding-left:18px}
@media(max-width:900px){.wrapper{flex-direction:column}}
    
#bottom-ad-container{
    position:fixed;
    left:50%;
    bottom:10px;
    transform:translateX(-50%);
    z-index:999999;
    display:flex;
    flex-direction:column;
    align-items:flex-end;
}

#bottom-ad{
    width:728px;
    height:90px;
    overflow:hidden;
}

#bottom-ad-toggle{
    width:24px;
    height:24px;
    border:none;
    cursor:pointer;
    font-size:16px;
    font-weight:bold;
    border-radius:4px 4px 0 0;
    background:#222;
    color:#fff;
    margin-bottom:2px;