#cubimo-design .cm-pointer-grid {
  position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1;
}
#cubimo-design .cm-arrival {isolation:isolate;--cm-grid-cell:32px;}
#cubimo-design .cm-arrival::before,
#cubimo-design .cm-model-area {
  background-size:var(--cm-grid-cell,32px) var(--cm-grid-cell,32px);
  background-position:0 0;
}
#cubimo-design .cm-arrival > :not(.cm-pointer-grid):not(.cm-arrival-audio) {position:relative;z-index:2;}
#cubimo-design .cm-specimen {isolation:isolate;}
#cubimo-design .cm-dex-body {position:relative;isolation:isolate;}
#cubimo-design .cm-arrival .cm-action {
  min-width:210px;min-height:50px;border:1px solid #8bffc7;background:#69efb3;color:#08291b;
  font-weight:700;letter-spacing:.025em;
  transition:color 130ms,background 130ms,filter 130ms,opacity 160ms;
}
#cubimo-design .cm-arrival .cm-action::before,
#cubimo-design .cm-arrival .cm-action::after {
  content:"";position:absolute;width:5px;height:5px;background:#d9ffe4;opacity:0;transition:opacity 130ms;pointer-events:none;
}
#cubimo-design .cm-arrival .cm-action::before {left:7px;top:7px;box-shadow:0 8px #b9ffd7;}
#cubimo-design .cm-arrival .cm-action::after {right:7px;bottom:7px;box-shadow:0 -8px #b9ffd7;}
#cubimo-design .cm-arrival .cm-action:hover:not(:disabled),
#cubimo-design .cm-arrival .cm-action:focus-visible {
  background:#b0ffd5;color:#052317;filter:drop-shadow(0 0 7px #70ffaf88) drop-shadow(0 0 22px #43d58538);
}
#cubimo-design .cm-arrival .cm-action:hover:not(:disabled)::before,
#cubimo-design .cm-arrival .cm-action:hover:not(:disabled)::after,
#cubimo-design .cm-arrival .cm-action:focus-visible::before,
#cubimo-design .cm-arrival .cm-action:focus-visible::after {opacity:1;}
#cubimo-design .cm-arrival .cm-action:focus-visible {outline:2px solid #dcffea;outline-offset:6px;}
#cubimo-design .cm-arrival .cm-action:active:not(:disabled) {background:#6bdda5;}
#cubimo-design .cm-arrival.cm-booting .cm-action {opacity:.23;cursor:wait;filter:none;}
#cubimo-design .cm-arrival.cm-booting .cm-boot-progress span {background:#3a6850;animation:cm-boot-fill 100ms steps(1,end) forwards;}
#cubimo-design .cm-arrival.cm-ready .cm-boot-progress span {background:#6bedad;}
#cubimo-design .cm-arrival .cm-boot-label {min-height:30px;text-shadow:none;text-rendering:geometricPrecision;-webkit-font-smoothing:none;}
#cubimo-design .cm-arrival .cm-boot-progress {height:6px;gap:4px;width:190px;margin:20px 0 13px;}
#cubimo-design .cm-portal-transition {position:fixed;inset:0;width:100vw;height:100dvh;z-index:100;pointer-events:none;}
#cubimo-design.cm-changing-world {pointer-events:none;}
#cubimo-design .cm-model-area > .cm-model-pixels,
#cubimo-design .cm-specimen > .cm-model-pixels {position:absolute;inset:0;width:100%;height:100%;z-index:8;pointer-events:none;image-rendering:pixelated;}
#cubimo-design .cm-model-changing {cursor:progress;}
#cubimo-design .cm-model-loading-pixels > .cm-model-pixels {animation:cm-pixel-signal 600ms steps(2,end) infinite;}
#cubimo-design .cm-interface-boot .cm-dex-columns {animation:cm-interface-open var(--cm-interface-duration,2332ms) steps(18,end) both;}
#cubimo-design .cm-interface-boot :is(.cm-device-top,.cm-collection,.cm-specimen,.cm-details,.cm-evolution,.cm-dossier) {
  animation:cm-interface-part var(--cm-boot-part-duration,746ms) steps(6,end) both;animation-delay:var(--cm-boot-delay,700ms);
}
#cubimo-design .cm-interface-boot .cm-device-dot {animation:cm-device-signal 180ms steps(2,end) infinite;}
#cubimo-design .cm-interface-ready {animation:cm-interface-connected 300ms steps(3,end) both;}
#cubimo-design .cm-ready-reaction .cm-arrival-logo {animation:cm-ready-logo 900ms steps(5,end) both;}
#cubimo-design .cm-ready-reaction .cm-boot-label {animation:cm-ready-label 900ms steps(4,end) both;}
#cubimo-design .cm-ready-reaction .cm-boot-progress {animation:cm-ready-progress 900ms steps(4,end) both;}
#cubimo-design .cm-dialog-boot {animation:cm-interface-open 380ms steps(8,end) both;}
#cubimo-design .cm-dialog-boot .cm-dialog-top {animation:cm-interface-part 240ms steps(4,end) 150ms both;}
#cubimo-design .cm-dialog-boot .cm-video-frame {animation:cm-interface-part 260ms steps(4,end) 260ms both;}
@keyframes cm-boot-fill {to {background:#6bedad;box-shadow:0 0 8px #5bffac44;}}
@keyframes cm-interface-open {
  0% {clip-path:inset(49.5% 42%);filter:brightness(1.65);}
  28% {clip-path:inset(49.5% 0);filter:brightness(1.3);}
  100% {clip-path:inset(0);filter:none;}
}
@keyframes cm-interface-part {0% {opacity:0;filter:brightness(1.8);}35% {opacity:.5;}100% {opacity:1;filter:none;}}
@keyframes cm-device-signal {50% {background:#e2fff0;box-shadow:11px 0 #91ffca,22px 0 #46c68c;}}
@keyframes cm-pixel-signal {50% {filter:brightness(1.12);}}
@keyframes cm-interface-connected {0% {box-shadow:0 0 0 1px #c5ffe5,0 0 25px #7bffc044;}100% {box-shadow:0 0 0 0 transparent;}}
@keyframes cm-ready-logo {0%,100% {filter:none;}25% {filter:drop-shadow(0 0 14px #8dffb788) brightness(1.14);}55% {filter:drop-shadow(0 0 28px #8dffb744);}}
@keyframes cm-ready-label {0%,100% {color:#6bedad;text-shadow:none;}25%,45% {color:#eafff3;text-shadow:0 0 16px #91ffca88;}}
@keyframes cm-ready-progress {0%,100% {box-shadow:none;}25%,45% {box-shadow:0 0 0 5px #83ffc033,0 0 24px #83ffc066;}}
@media(max-width:750px) {
  #cubimo-design .cm-interface-boot .cm-dex-columns {animation:none;}
  #cubimo-design .cm-interface-boot .cm-specimen {animation:cm-interface-open var(--cm-interface-duration,2332ms) steps(18,end) both,cm-interface-part var(--cm-boot-part-duration,746ms) steps(6,end) both;animation-delay:0ms,var(--cm-boot-delay,700ms);}
}
@media (prefers-reduced-motion:reduce) {
  #cubimo-design .cm-arrival .cm-action,
  #cubimo-design .cm-arrival .cm-action::before,
  #cubimo-design .cm-arrival .cm-action::after {transition:none;}
  #cubimo-design .cm-arrival.cm-booting .cm-boot-progress span {animation:none;background:#6bedad;}
  #cubimo-design .cm-interface-boot,
  #cubimo-design .cm-interface-boot *,
  #cubimo-design .cm-dialog-boot,
  #cubimo-design .cm-dialog-boot *,
  #cubimo-design .cm-model-loading-pixels > .cm-model-pixels,
  #cubimo-design .cm-interface-ready,
  #cubimo-design .cm-ready-reaction * {animation:none;clip-path:none;filter:none;}
}
