@font-face{font-family:Maxima;src:url('/assets/cozmo/MaximaNouva-Regular.ttf')}@font-face{font-family:Maxima;src:url('/assets/cozmo/MaximaNouva-Bold.ttf');font-weight:700}@font-face{font-family:Nokia;src:url('/assets/cozmo/NokiaExpanded-Black.otf');font-weight:900}
:root{--porcelain:#f2eeef;--pink:#fe2e62;--cyan:#00e3ec;--purple:#fe2e62;font-family:Maxima,Arial,sans-serif;color:var(--porcelain);background:#100e19}body{background:#100e19;color:var(--porcelain);margin:0}main{max-width:none;margin:0;padding:0}.workspace{display:block}#cozmo-shell{position:relative;margin:auto;overflow:clip}#cozmo-stage{position:absolute;inset:0;transform-origin:top left;border:0;border-radius:0;padding:0;margin:0;max-width:none;box-shadow:none;overflow:clip;background:radial-gradient(ellipse at 50% 30%,#322149 0,#171321 65%,#111018 100%)}
#cozmo-stage::after{content:'';position:absolute;pointer-events:none;left:0;right:0;bottom:0;height:133px;background:url('/assets/cozmo/1-imgRectangle146.png') center/100% 100%;z-index:1}.game-title{position:absolute;left:70px;top:50px;display:flex;flex-direction:column;gap:12px}.game-title strong{font:900 54px Nokia;color:var(--porcelain);letter-spacing:-2px}.game-title span{font:700 15px Maxima;letter-spacing:3px;color:#cbb9d7}
#cozmo-stage .board-top{position:absolute;left:1390px;top:170px;width:350px;display:block;margin:0}.board-top strong{font:700 23px Maxima}.mode-label{font-size:18px;letter-spacing:2px;margin-bottom:14px}.bank{margin-top:35px;justify-content:start;text-align:left;gap:10px}.bank>span{font-size:15px}.bank small{font-size:20px}.charge{width:35px;height:14px}.charge.filled{background:var(--cyan);box-shadow:0 0 14px #00e3ec77}
#active-lights{position:absolute;left:620px;top:28px;width:680px;height:88px;gap:12px;padding:10px;background:#0006;border:0;border-radius:14px}.light-lens{width:40px;height:40px;margin-bottom:4px}.light-lens svg{width:30px;height:30px}.colour-light{font:700 14px Maxima}.board-wrap{position:absolute;left:620px;top:130px;width:680px;height:auto;border-radius:18px;background:#0e0919;padding:5px;box-shadow:0 0 55px #0007;border:1px solid #ffffff20}.grid{width:100%;height:auto;aspect-ratio:528 / 601}#quest-panel{position:absolute;left:1390px;top:370px;width:350px;gap:12px}.quest{font:18px Maxima;background:#0009;color:var(--porcelain);border:1px solid #ffffff22;padding:16px}.quest strong{font-size:20px}.quest.unlocked{border-color:var(--cyan);color:var(--cyan);background:#002b3080}
#cozmo-stage .board-bottom{position:absolute;left:620px;top:919px;width:680px;margin:0;min-height:0;font:16px Maxima;color:#cbb9d7}#event-count{font-size:14px}#event-description{max-width:90%}
#spin{position:absolute;left:1580px;top:814px;width:224px;height:224px;border:0;border-radius:50%;padding:0;background:none;box-shadow:none;z-index:3}#spin img{width:224px;height:224px;display:block}#spin:hover:not(:disabled){transform:scale(1.04)}#spin:disabled{opacity:.7}.rail{position:absolute!important;left:1846px;width:117px;height:70px;border:0;border-radius:13px;background:#000c!important;padding:0!important;z-index:3}.rail img{position:absolute;left:12px;top:15px;width:40px;height:40px;object-fit:contain}.rail:hover:not(:disabled){transform:translateX(-5px)}#sound{top:586px}#cozmo-info{top:681px}#cozmo-menu{top:776px}#auto{top:871px}#speed{top:966px}.speed-value{position:absolute;left:9px;bottom:2px;width:46px;text-align:center;color:var(--cyan);font:700 12px Maxima}.rail.running{box-shadow:inset 3px 0 var(--pink)}#auto[data-count]:not([data-count=""])::after{content:attr(data-count);position:absolute;left:15px;bottom:2px;color:var(--cyan);font:900 14px Nokia}.muted{opacity:.6}
#cozmo-stage .win-strip{position:absolute;left:340px;top:991px;width:805px;height:72px;display:flex;gap:94px;border:0;margin:0;padding:0;z-index:3;align-items:center}.win-strip>div{width:206px;text-align:center;flex:none}.win-strip small{font:700 24px Maxima;letter-spacing:0;color:var(--porcelain);margin:0 0 6px}.win-strip strong,.win-strip .current-win strong{font:900 30px Nokia;color:var(--porcelain);letter-spacing:0;white-space:nowrap}.win-strip .current-win span{font:900 20px Nokia;color:var(--porcelain)}
#bet-row{position:absolute;left:1239px;top:991px;width:341px;height:80px;display:flex;align-items:center;justify-content:space-between;z-index:3}#bet-row button{border-radius:18px;background:#000c;color:var(--porcelain);padding:0;display:grid;place-items:center}#bet-row .stepper{width:80px;height:80px}#bet-info{width:117px;height:70px}#bet-info img{width:106.667px;height:106.667px;object-fit:contain}.stepper img{width:39.333px;height:39.333px}.minus{width:37px;height:15px;background:var(--porcelain);border-radius:1px;display:block}#bet-row button:disabled{opacity:.55}
#open-buy,#open-characters{position:absolute;left:70px;top:830px;width:310px;padding:22px 15px;border:3px solid var(--cyan);border-radius:13px;background:#0009;color:var(--porcelain);font:900 24px Nokia;text-transform:uppercase;z-index:3}#open-characters{top:705px;font-size:19px}#welcome{border-radius:14px}#welcome h2{font:900 30px Nokia}#welcome p{font-size:22px}#first-spin{font:900 22px Nokia;border:3px solid var(--cyan);border-radius:10px;background:#000;color:var(--porcelain);padding:20px 30px}#welcome>span{color:var(--cyan)}
/* Cozmo portrait placements from Screen / Controls — portrait base. */
.portrait .game-title{left:40px;top:28px}.portrait .game-title strong{font-size:42px}.portrait .game-title span{font-size:13px;letter-spacing:2px}.portrait .board-top{left:760px!important;top:28px!important;width:280px!important}.portrait .board-top>div:first-child{display:none}.portrait .bank{margin:0}.portrait #active-lights{left:115px;top:122px;width:850px;height:91px}.portrait .board-wrap{left:115px;top:234px;width:850px}.portrait #quest-panel{left:115px;top:1230px;width:850px}.portrait .quest{padding:10px;font-size:16px;min-width:100px}.portrait .quest strong{font-size:17px}.portrait #cozmo-stage .board-bottom,.portrait .board-bottom{left:115px!important;top:1215px!important;width:850px!important;font-size:18px!important}.portrait #spin{left:390px;top:1331px;width:300px;height:300px}.portrait #spin img{width:300px;height:300px}.portrait::after{height:631px!important;background:linear-gradient(transparent 49.618%,#000b)!important}.portrait .rail{width:160px;height:96px;border-radius:18px;left:980px}.portrait .rail img{width:54px;height:54px;left:26px;top:21px}.portrait #auto{top:1553px}.portrait #speed{top:1673px}.portrait #sound{top:1793px}.portrait #cozmo-info{left:-60px;top:1673px}.portrait #cozmo-menu{left:-60px;top:1793px}.portrait #cozmo-info img,.portrait #cozmo-menu img{left:80px}.portrait .speed-value{font-size:17px;left:25px;width:58px;bottom:2px}.portrait #bet-row{left:293px;top:1656px;width:494px;height:128px}.portrait #bet-row .stepper{width:128px;height:128px}.portrait #bet-info{width:160px;height:96px}.portrait #bet-info img{width:128px;height:128px}.portrait .stepper img{width:62.934px;height:62.934px}.portrait .minus{width:59px;height:24px}.portrait .win-strip{left:146px!important;top:1811px!important;width:788px!important;height:72px!important;gap:85px!important}.portrait #open-buy{left:115px;top:1370px;width:235px;font-size:23px;line-height:1.3}.portrait #open-characters{left:730px;top:1370px;width:235px;font-size:20px}
/* Cozmo panel tokens: black surfaces, porcelain typography, pink selection,
   cyan primary actions; content flows to fit the live game. */
dialog{background:#000;border:0;border-radius:9px;color:var(--porcelain);padding:20px;width:440px;max-width:calc(100vw - 28px);max-height:90dvh;overflow:auto;font-family:Maxima}dialog::backdrop{background:#0009;backdrop-filter:none}dialog h2{font:900 18px Nokia;letter-spacing:0;text-transform:uppercase;margin:8px 0 20px}dialog p{color:var(--porcelain)}dialog .modal-heading{margin-bottom:15px;justify-content:space-between;gap:10px}dialog .modal-heading h2{margin:0 auto}dialog .modal-heading .eyebrow{color:var(--porcelain);font:900 13px Nokia}dialog .modal-heading button{background:none;width:28px;height:28px;padding:3px}dialog .modal-heading img{width:22px;height:22px}.wide-button{font:900 16px Nokia;text-transform:uppercase;border:2px solid var(--cyan);background:#000;color:var(--porcelain);padding:15px 18px;border-radius:9px}.pair{border:2px solid #555;background:#000;color:var(--porcelain);padding:14px}.pair.selected{border-color:var(--pink);background:#fe2e6214;box-shadow:none}.pair-copy small{color:#c8c0ca}.pair-copy strong{font:700 14px Maxima}.selected .radio{background:var(--pink);border-color:var(--pink)}.buy-grid button{background:#000;border:2px solid #777;color:var(--porcelain)}.buy-grid button:hover{border-color:var(--pink)}.buy-grid button span{color:var(--porcelain);font-size:13px}.buy-grid button strong{font:900 18px Nokia}.buy-grid button b{color:var(--cyan)}.dialog-actions{flex-wrap:wrap}.dialog-actions button:first-child{background:#222;color:var(--porcelain)}.menu-rows button{width:100%;display:flex;justify-content:space-between;background:#000;color:var(--porcelain);border-bottom:1px solid #555;border-radius:0;padding:18px 8px;font:700 16px Maxima;text-transform:uppercase}.menu-rows span{color:var(--cyan)}.info-copy p{font:16px/1.6 Maxima}.auto-body{padding:15px 30px;display:flex;flex-direction:column;gap:18px;text-align:center}.auto-body p{margin:0;font-size:15px}.auto-body p strong{display:block;font:900 23px Nokia;margin-top:10px}.auto-body label{font-size:15px;color:var(--porcelain)}.toggle-row{flex-direction:row;justify-content:space-between;align-items:center;font:900 15px Nokia!important}.toggle-row input{accent-color:var(--pink);width:25px;height:25px}.round-stepper{display:flex;justify-content:space-between;align-items:center}.round-stepper button{border:2px solid var(--pink);background:#000;width:46px;height:46px;display:grid;place-items:center}.round-stepper img{width:28px;height:28px}.round-stepper .minus{width:27px;height:10px}.round-stepper output{font:900 25px Nokia}
#review-tools{margin:20px auto;max-width:1050px;background:#20192c;border-color:#4c3e5e;color:var(--porcelain)}#review-tools .card{background:#291f36;color:var(--porcelain)}#review-tools .mode-tabs{display:flex;margin-bottom:15px}#review-tools .playback-controls{margin-bottom:20px}#review-tools .hint{color:#b8a8c7}#review-tools aside{margin:15px 0}#review-tools .settings label{color:#ded1e7}#error{position:fixed;top:15px;left:15px;right:15px;z-index:1000}.running{filter:brightness(.8)}

/* Original Figma vectors retain intrinsic root dimensions; scale their wrappers. */
.vector-icon{display:block;position:relative;transform-origin:top left}.vector-icon img{position:static!important;width:auto!important;height:auto!important;max-width:none!important;display:block}
#spin .vector-icon{width:300px;height:300px;transform:scale(.7466667)}.portrait #spin .vector-icon{transform:none}
.rail>.vector-icon{position:absolute;left:12px;top:15px;width:54px;height:54px;transform:scale(.7407407)}.portrait .rail>.vector-icon{left:26px;top:21px;transform:none}.portrait #cozmo-menu>.vector-icon,.portrait #cozmo-info>.vector-icon{left:80px}
.vector-autoplay img{position:absolute!important;left:3px;top:4px}.vector-sound img{position:absolute!important;left:5.06px;top:8.42px}
.menu-icon{width:64px!important;height:64px!important;transform:scale(.625)!important}.menu-icon i{display:block;position:absolute;left:11px;width:43px;height:12px;background:var(--porcelain);border-radius:.882px}.menu-icon i:nth-child(1){top:8.36px}.menu-icon i:nth-child(2){top:26px}.menu-icon i:nth-child(3){top:43.65px}.portrait .menu-icon{transform:scale(.84375)!important}
.info-icon{width:64px!important;height:64px!important;background:var(--porcelain);mask:url('/assets/cozmo/0-imgRectangle218.svg') center no-repeat;transform:scale(.625)!important}.portrait .info-icon{transform:scale(.84375)!important}
#bet-info .vector-icon{width:128px;height:128px;transform:scale(.8333333)}#bet-info .vector-icon img{position:absolute!important;left:16px;top:32px}.portrait #bet-info .vector-icon{transform:none}
.stepper .vector-plus{width:62.934px;height:62.934px;transform:scale(.625);transform-origin:center}.portrait .stepper .vector-plus{transform:none}
.round-stepper .vector-plus{width:62.934px;height:62.934px;transform:scale(.445);transform-origin:center}
dialog .vector-close{width:34px;height:34px;transform:scale(.647);transform-origin:top left}
.info-icon{background:none;mask:none}.info-icon::before,.info-icon::after{content:'';position:absolute;left:20px;width:24px;background:var(--porcelain);border-radius:1px;mask:url('/assets/cozmo/0-imgRectangle218.svg') center/64px 64px no-repeat}.info-icon::before{top:5.25px;height:10px}.info-icon::after{top:23.75px;height:35px}
.round-stepper button{position:relative}.round-stepper .vector-plus{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(.445)}
.toggle-row input{appearance:none;width:76px;height:38px;border:2px solid var(--pink);border-radius:7px;background:#111;position:relative;cursor:pointer}.toggle-row input:checked{background:var(--pink)}.toggle-row input::before{content:'OFF';position:absolute;left:6px;top:9px;font:700 12px Maxima;color:var(--porcelain)}.toggle-row input:checked::before{content:'ON'}.toggle-row input::after{content:'';position:absolute;right:3px;top:3px;width:28px;height:28px;background:#000c;border-radius:5px}
#bet-info{position:relative}#bet-info>.vector-icon{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(.8333333)}.portrait #bet-info>.vector-icon{transform:translate(-50%,-50%)}
/* Fixed Figma artboards. Rail plates deliberately bleed beyond the edge;
   glyphs sit in the visible segment, not at the full plate's centre. */
#cozmo-stage .rail{left:1846px;width:117px;height:70px;overflow:hidden;transform:none;border-radius:13px}
#cozmo-stage #spin{left:1580px;top:814px}
#cozmo-stage.portrait .rail{left:980px;width:160px;height:96px;border-radius:18px}
#cozmo-stage.portrait #cozmo-info,#cozmo-stage.portrait #cozmo-menu{left:-60px}
#cozmo-stage.portrait #spin{left:390px;top:1331px}
#cozmo-stage .rail>.vector-icon{left:12px;top:15px;transform-origin:top left;transform:scale(.7407407)!important}
#cozmo-stage .rail>.menu-icon,#cozmo-stage .rail>.info-icon{transform:scale(.625)!important}
#cozmo-stage.portrait .rail>.vector-icon{left:26px;top:21px;transform:none!important}
#cozmo-stage.portrait #cozmo-menu>.vector-icon,#cozmo-stage.portrait #cozmo-info>.vector-icon{left:80px}
#cozmo-stage.portrait .rail>.menu-icon,#cozmo-stage.portrait .rail>.info-icon{transform:scale(.84375)!important}
#cozmo-stage .speed-value{left:9px;right:auto;bottom:2px;width:46px;font-size:12px}
#cozmo-stage.portrait .speed-value{left:25px;width:58px;font-size:17px}
#cozmo-stage #auto::after{left:12px;right:auto;width:40px;text-align:center}
#cozmo-stage.portrait #auto::after{left:26px;width:54px}
#cozmo-stage.portrait .win-strip{left:146px!important;top:1811px!important;width:788px!important;gap:85px!important}
/* Override the inherited review UI's viewport media queries inside the stage. */
#cozmo-stage .light-lens{width:40px;height:40px;margin-bottom:4px}
#cozmo-stage .light-lens svg{width:30px;height:30px}
#cozmo-stage .colour-light{font-size:14px}
#cozmo-stage .board-top strong{font:700 23px Maxima}
#cozmo-stage .bank{gap:10px}#cozmo-stage .bank>span{font-size:15px}#cozmo-stage .charge{width:35px;height:14px}
#cozmo-stage .win-strip strong{font-size:30px}#cozmo-stage .win-strip small{font-size:24px}
#cozmo-stage.portrait .win-strip strong{font-size:30px}#cozmo-stage.portrait .win-strip small{font-size:24px}
#cozmo-stage #welcome h2{font:900 30px Nokia}#cozmo-stage #welcome p{font-size:22px}#cozmo-stage #first-spin{padding:20px 30px}
#cozmo-stage .grid{padding:0;min-height:0}
#cozmo-stage.portrait #quest-panel{top:1260px;margin:0}
#cozmo-stage.portrait .quest{padding:6px 10px;font-size:16px;line-height:18px}
#cozmo-stage.portrait .quest progress{margin:4px 0;height:5px}