/* Zkittles Figma Game layouts + Components, inspected 2026-10-13.
   Fixed artboards: 13:2 / 13:2160 / 13:3263 / 13:4377. */
#cozmo-stage{background:radial-gradient(ellipse 100% 50% at 50% 70%,#322149 0%,#111018 100%)}
#cozmo-stage .game-title strong{line-height:1.2;letter-spacing:0}
#cozmo-stage .game-title span{font:700 14px/1.2 Maxima;letter-spacing:0}
#cozmo-stage.portrait .game-title span{font-size:10.89px}
#cozmo-stage .board-wrap{padding:0;border:0;border-radius:15.45px;box-shadow:none;overflow:hidden;background:#1c1233}
#cozmo-stage .mode-label{font:400 14px/1.2 Maxima;letter-spacing:0;margin:0 0 23px}
#cozmo-stage .board-top strong{font:400 23px/1.2 Maxima}
#cozmo-stage .board-top{width:548px}
#cozmo-stage .board-top>div:first-child{width:350px;padding:0}
#cozmo-stage .bank{position:absolute;top:100px;left:0;width:548px;height:75.154px;margin:0;display:flex;align-items:center;justify-content:flex-start;gap:9.394px;white-space:nowrap}
#cozmo-stage .bank>span{font:700 23.486px/1.2 Maxima;color:#cbb9d7;letter-spacing:0;flex:none}
#cozmo-stage #bank-dots{display:flex;gap:9.394px;flex:none}
#cozmo-stage .charge{width:40.7px;height:21.92px;border-radius:4.697px;background:#4d355e;flex:none}
#cozmo-stage .charge.filled{background:#00e3ec;box-shadow:none}
#cozmo-stage #bank-count{font:400 25.051px/1.2 Maxima;color:#f2eeef}
#cozmo-stage #active-lights{height:88px;background:#000;display:flex;align-items:center;justify-content:space-between;padding:12px 32px;gap:0}
#cozmo-stage .colour-light{flex:none;width:64px;height:64px}
#cozmo-stage .light-lens{position:relative;display:block;box-sizing:border-box;width:64px;height:64px;margin:0;border:3.2px solid var(--light);border-radius:50%;background:#000;opacity:.2;box-shadow:none}
#cozmo-stage .on .light-lens{opacity:1;box-shadow:0 0 8px #fff,0 0 22px 8px var(--light)}
#cozmo-stage .light-art{position:absolute;left:4.8px;top:4.8px;width:48px;height:48px}
#cozmo-stage .light-art img{position:absolute;left:0;top:0;display:block;max-width:none}
#cozmo-stage.bonus-layout .board-top{left:1330px}
#cozmo-stage #quest-panel{left:1330px;top:370px;width:490.687px;display:flex;flex-direction:column;gap:30px;margin:0}
#cozmo-stage #quest-panel[hidden]{display:none}
#cozmo-stage .quest{box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-start;gap:6px;width:100%;height:111.284px;background:#000;border:1px solid #4d355e;border-radius:9px;padding:15px;color:#f2eeef;font:400 16px/1.2 Maxima}
#cozmo-stage .quest strong{font:700 14px/1.2 Maxima;text-transform:uppercase}
#cozmo-stage .quest progress{width:326px;max-width:100%;height:5px;margin:0;accent-color:#00e3ec;background:#4d355e;border:0}
#cozmo-stage .quest progress::-webkit-progress-bar{background:#4d355e}
#cozmo-stage .quest progress::-webkit-progress-value{background:#00e3ec;border-radius:2px}
#cozmo-stage .quest.unlocked{border-color:#00e3ec;color:#00e3ec}
#cozmo-stage .rail{background:#000!important}
#cozmo-stage #spin .vector-icon{position:absolute;left:0;top:0;transform-origin:top left}
#cozmo-stage .vector-sound img{left:0;top:0}
#cozmo-stage .rail>.vector-sound{transform:scale(.625)!important}
#cozmo-stage #bet-info>.vector-bet{width:96px;height:62.177px;transform:translate(-50%,-50%)}
#cozmo-stage #bet-info .vector-bet img{left:0;top:0}
#cozmo-stage #bet-info,#cozmo-stage .stepper{background:#000;border-radius:9px}
#cozmo-stage #open-buy,#cozmo-stage #open-characters{height:74px;padding:0;border:2px solid #00e3ec;border-radius:8px;background:#000;font:900 18px/1.2 Nokia}
#cozmo-stage.portrait .board-top{left:361px!important;top:28px!important;width:738.4px!important}
#cozmo-stage.portrait .bank{top:0;width:738.4px;height:101.266px;gap:12.658px}
#cozmo-stage.portrait .bank>span{font-size:31.646px}
#cozmo-stage.portrait #bank-dots{gap:12.658px}
#cozmo-stage.portrait .charge{width:54.853px;height:29.536px;border-radius:6.329px}
#cozmo-stage.portrait #bank-count{font-size:33.755px}
#cozmo-stage.portrait #active-lights{height:88px}
#cozmo-stage.portrait.bonus-layout .board-wrap{top:331px}
#cozmo-stage.portrait.bonus-layout .board-bottom{top:1312px!important}
#cozmo-stage.portrait #quest-panel{left:115px;top:229px;width:850px;flex-direction:row;gap:21.083px}
#cozmo-stage.portrait .quest{height:89.883px;flex:1;min-width:0;padding:13px}
#cozmo-stage.portrait #quest-panel:has(.quest:nth-child(3)){gap:12px}
#cozmo-stage.portrait #bet-info>.vector-bet{transform:translate(-50%,-50%) scale(1.36752)}
#cozmo-stage.portrait .rail>.vector-sound{transform:scale(.84375)!important}
#cozmo-stage.portrait #open-buy,#cozmo-stage.portrait #open-characters{height:100px;font-size:18px}