.dinoby-select { position: relative; min-width: 0; width: 100%; color: #e8f1fa; font-family: inherit; }
.dinoby-select .ds-native { position: absolute; width: 1px; height: 1px; margin: 0; padding: 0; opacity: 0; clip-path: inset(50%); pointer-events: none; }
.ds-trigger { display: flex; align-items: center; gap: 12px; width: 100%; min-height: 60px; padding: 9px 13px; color: inherit; font: inherit; text-align: left; border: 1px solid #66829e70; border-radius: 14px; background: linear-gradient(125deg, #24364b, #142437); box-shadow: inset 0 1px 0 #bfd5e010, 0 3px 0 #080f1c80; cursor: pointer; transition: border-color .16s, background .16s, box-shadow .16s; }
.ds-trigger:hover:not(:disabled), .ds-open .ds-trigger { border-color: #6ae1d4; background: linear-gradient(125deg, #284658, #153143); }
.ds-trigger:focus-visible { outline: 3px solid #6ae1d4; outline-offset: 3px; }
.ds-trigger:disabled { opacity: .5; cursor: not-allowed; box-shadow: none; }
.ds-value { display: flex; align-items: center; gap: 11px; flex: 1; min-width: 0; }
.ds-value-text { font-size: 12px; font-weight: 750; line-height: 1.5; overflow-wrap: anywhere; }
.ds-chevron { font-size: 23px; color: #a0bfcc; line-height: 1; margin-left: auto; transform-origin: center; transition: transform .16s; }
.ds-open .ds-chevron { transform: rotate(180deg); color: #6ae1d4; }
.ds-art { width: 39px; height: 39px; display: grid; place-items: center; flex-shrink: 0; border: 1px solid #57748770; border-radius: 11px; background: #0e1c2c; color: #a3c4ce; }
.ds-art svg { width: 23px; height: 23px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.ds-art.ds-skin { background-size: contain; background-position: center; background-repeat: no-repeat; image-rendering: pixelated; background-color: #244154; }
.ds-art.ds-frame { border-width: 3px; border-radius: 10px; background: radial-gradient(circle, #324c5d, #112434); }
.ds-frame-bronze { border-color: #cc9162; box-shadow: inset 0 0 0 2px #6e4227, 0 0 14px #cc916222; }
.ds-frame-silver { border-color: #d9e6ef; box-shadow: inset 0 0 0 2px #72899e, 0 0 14px #c4d7e422; }
.ds-frame-gold { border-color: #f1cf66; box-shadow: inset 0 0 0 2px #93651d, 0 0 14px #f1cf6633; }
.ds-frame-none { border-color: #52697c; border-style: dashed; }
.ds-dino-mark { width: 21px; height: 23px; background: #b7d4cc; clip-path: polygon(39% 0,100% 0,100% 35%,75% 35%,75% 48%,92% 48%,92% 57%,66% 57%,66% 84%,75% 84%,75% 100%,54% 100%,54% 83%,35% 83%,35% 100%,13% 100%,13% 86%,22% 86%,22% 68%,0 47%,0 23%,13% 40%,22% 44%,39% 30%); }
.ds-powerup-shield { color: #8ee0ff; border-color: #58a0ca66; background: #173e57; }
.ds-powerup-magnet { color: #ffa4ba; border-color: #c76c9166; background: #4a2942; }
.ds-powerup-double_coins { color: #ffda78; border-color: #caa45066; background: #4b3c22; }
.ds-menu { position: fixed; z-index: 1000; overflow-y: auto; overscroll-behavior: contain; padding: 6px; box-sizing: border-box; color: #e8f1fa; border: 1px solid #68869e; border-radius: 16px; background: #102033; box-shadow: 0 16px 48px #030b1c99, inset 0 1px 0 #ccf1ea14; scrollbar-width: thin; scrollbar-color: #557d88 #102033; }
.ds-menu[hidden] { display: none; }
.ds-option { display: flex; align-items: center; gap: 12px; min-height: 58px; padding: 8px 10px; border: 1px solid transparent; border-radius: 11px; cursor: pointer; }
.ds-option + .ds-option { margin-top: 3px; }
.ds-option.ds-active { background: #244454; border-color: #5da8ae66; }
.ds-option[aria-selected='true'] { background: #1d3a46; }
.ds-option[aria-disabled='true'] { opacity: .43; cursor: not-allowed; }
.ds-option-copy { display: flex; flex-direction: column; gap: 3px; min-width: 0; flex: 1; }
.ds-option-title { color: #edf6fa; font-size: 12px; font-weight: 700; line-height: 1.5; overflow-wrap: anywhere; }
.ds-option-note { color: #a0bccb; font-size: 10px; line-height: 1.5; }
.ds-option-check { color: #75e7c5; font-size: 16px; font-weight: 850; visibility: hidden; flex-shrink: 0; }
.ds-option[aria-selected='true'] .ds-option-check { visibility: visible; }
@media (max-width: 600px) { .ds-trigger { min-height: 58px; }.ds-option { min-height: 60px; }.ds-value-text { font-size: 12px; } }
@media (prefers-reduced-motion: reduce) { .ds-trigger, .ds-chevron { transition: none; } }
.ds-character { display: block; width: 100%; height: 100%; background-size: 300% 200%; background-position: left top; background-repeat: no-repeat; image-rendering: pixelated; overflow: hidden; }
.ds-character-normalized { background-size: contain; background-position: center; }
.ds-character-classic { display: grid; place-items: center; }
.ds-classic-sprite { display: block; width: 44px; height: 47px; flex-shrink: 0; background: url('assets/default_100_percent/100-offline-sprite.png') -848px -2px no-repeat; image-rendering: pixelated; transform: scale(.56); }
.ds-frame > .ds-character { width: 90%; height: 94%; }
.ds-frame .ds-classic-sprite { transform: scale(.48); }