[data-template=dino]{--color-primary:#8cff2a;--color-primary-light:#c9ff85;--color-primary-dark:#4fc10f;--color-primary-deeper:#1f5a08;--color-accent:#c7ced6;--color-bg:#050806;--color-surface:#0d130e;--color-surface-alt:#162016;--color-text:#f1f7ec;--color-text-muted:#98a592;--color-success:#4ade80;--color-danger:#ff4e4e;--lotto-sticky-top:calc(var(--dn-top,60px) + 12px);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:var(--color-bg)}[data-template=dino] body{--dn-lime:var(--color-primary);--dn-lime-hi:var(--color-primary-light);--dn-lime-lo:var(--color-primary-dark);--dn-lime-deep:var(--color-primary-deeper);--dn-chrome:var(--color-accent);--dn-ink:var(--color-text);--dn-mute:var(--color-text-muted);--dn-bg:var(--color-bg);--dn-panel:var(--color-surface);--dn-panel-2:var(--color-surface-alt);--dn-well:color-mix(in oklab, var(--color-bg) 70%, var(--color-surface));--dn-line:color-mix(in oklab, var(--color-text) 12%, var(--color-surface));--dn-line-2:color-mix(in oklab, var(--color-text) 22%, var(--color-surface));--dn-lime-line:color-mix(in oklab, var(--color-primary) 55%, var(--color-surface));--dn-on-lime:color-mix(in oklab, var(--color-primary-deeper) 30%, #050805);--dn-lime-text:color-mix(in oklab, var(--color-primary) 88%, white);--dn-lime-grad:linear-gradient(180deg, var(--color-primary-light) 0%, var(--color-primary) 46%, var(--color-primary-dark) 100%);--dn-chrome-grad:linear-gradient(180deg, color-mix(in oklab, var(--color-accent) 25%, white) 0%, var(--color-accent) 36%, color-mix(in oklab, var(--color-accent) 50%, #3a4048) 52%, color-mix(in oklab, var(--color-accent) 85%, white) 70%, color-mix(in oklab, var(--color-accent) 70%, #5a626b) 100%);--dn-plate-fill:linear-gradient(180deg, color-mix(in oklab, var(--color-surface-alt) 80%, var(--color-surface)) 0%, var(--color-surface) 100%);--dn-strip-grad:linear-gradient(90deg, var(--color-surface-alt) 0%, color-mix(in oklab, var(--color-primary-deeper) 55%, var(--color-surface-alt)) 42%, color-mix(in oklab, var(--color-primary-dark) 82%, var(--color-primary-deeper)) 100%);--dn-scrim:color-mix(in oklab, var(--color-bg) 82%, transparent);--dn-shadow:0 16px 32px -20px black;--dn-ok-text:color-mix(in oklab, var(--color-success) 70%, white);--dn-bad-text:color-mix(in oklab, var(--color-danger) 62%, white);--dn-danger-solid:color-mix(in oklab, var(--color-danger), black 28%);--dn-top:60px;--font-num:var(--font-dino), Kanit, sans-serif}@media (min-width:1024px){[data-template=dino] body{--dn-top:64px}}[data-template=dino] ::selection{background:color-mix(in oklab, var(--color-primary) 40%, transparent);color:var(--color-text)}@layer components{[data-template=dino] .dn-display{font-family:var(--font-dino), Kanit, sans-serif;letter-spacing:-.01em;font-style:italic;font-weight:700}[data-template=dino] .dn-num{font-family:var(--font-dino), Kanit, sans-serif;font-variant-numeric:tabular-nums;font-weight:700}[data-template=dino] .dn-chrome-text{background-image:var(--dn-chrome-grad);color:#0000;-webkit-background-clip:text;background-clip:text}[data-template=dino] :is(.dn-plate,.dn-btn,.dn-btn-chrome,.dn-btn-ghost,.dn-hex,.dn-tab,.dn-chip,.dn-strip,.dn-tile){isolation:isolate;--dn-cut:polygon(var(--c) 0, 100% 0, 100% calc(100% - var(--c)), calc(100% - var(--c)) 100%, 0 100%, 0 var(--c));position:relative}[data-template=dino] :is(.dn-plate,.dn-btn,.dn-btn-chrome,.dn-btn-ghost,.dn-chip,.dn-strip,.dn-tile):before,[data-template=dino] :is(.dn-plate,.dn-btn-ghost,.dn-chip):after{content:"";z-index:-1;clip-path:var(--dn-cut);pointer-events:none;transition:background .18s,opacity .18s;position:absolute}[data-template=dino] :is(.dn-plate,.dn-btn,.dn-btn-chrome,.dn-btn-ghost,.dn-chip,.dn-strip,.dn-tile):before{inset:0}[data-template=dino] :is(.dn-plate,.dn-btn-ghost,.dn-chip):after{inset:var(--b,1.5px)}[data-template=dino] .dn-plate{--c:14px}[data-template=dino] .dn-plate:before{background:var(--dn-edge,var(--dn-line-2))}[data-template=dino] .dn-plate:after{background:var(--dn-fill,var(--dn-plate-fill))}[data-template=dino] .dn-plate-lime{--dn-edge:linear-gradient(135deg, var(--dn-lime) 0%, var(--dn-lime-line) 45%, var(--dn-line-2) 70%, var(--dn-lime) 100%)}[data-template=dino] .dn-plate-sm{--c:9px}[data-template=dino] .dn-plate>.dn-scales{z-index:0;clip-path:var(--dn-cut)}[data-template=dino] :is(.dn-btn,.dn-btn-chrome,.dn-btn-ghost){--c:10px;font-family:var(--font-dino), Kanit, sans-serif;white-space:nowrap;-webkit-tap-highlight-color:transparent;justify-content:center;align-items:center;gap:.45rem;font-style:italic;font-weight:700;line-height:1.1;transition:transform .15s,filter .18s;display:inline-flex}[data-template=dino] .dn-btn{color:var(--dn-on-lime)}[data-template=dino] .dn-btn:before{background:var(--dn-lime-grad)}[data-template=dino] .dn-btn-chrome{color:#0b0f0c}[data-template=dino] .dn-btn-chrome:before{background:var(--dn-chrome-grad)}[data-template=dino] .dn-btn-ghost{color:var(--dn-ink)}[data-template=dino] .dn-btn-ghost:before{background:var(--dn-lime-line)}[data-template=dino] .dn-btn-ghost:after{background:var(--dn-well)}@media (hover:hover){[data-template=dino] :is(.dn-btn,.dn-btn-chrome):hover{filter:brightness(1.08)}[data-template=dino] .dn-btn-ghost:hover:before{background:var(--dn-lime)}[data-template=dino] .dn-btn-ghost:hover:after{background:color-mix(in oklab, var(--dn-lime) 10%, var(--dn-well))}}[data-template=dino] :is(.dn-btn,.dn-btn-chrome,.dn-btn-ghost):active{transform:translateY(1px)scale(.985)}[data-template=dino] :is(.dn-btn,.dn-btn-chrome,.dn-btn-ghost):disabled{opacity:.55;cursor:not-allowed}[data-template=dino] :is(.dn-btn,.dn-btn-chrome,.dn-btn-ghost,.dn-tab,.dn-chip,.dn-icon-btn,.dn-row,.dn-more,.dn-cap-item):focus-visible{outline:2px solid var(--dn-lime);outline-offset:3px}[data-template=dino] .dn-icon-btn{width:44px;height:44px;color:var(--dn-ink);border-radius:6px;place-items:center;transition:background-color .15s,color .15s;display:grid;position:relative}[data-template=dino] .dn-icon-btn:hover,[data-template=dino] .dn-icon-btn[aria-expanded=true]{background:color-mix(in oklab, var(--dn-lime) 12%, transparent);color:var(--dn-lime-text)}[data-template=dino] .dn-chip{--c:8px;color:var(--dn-ink);align-items:center;gap:.5rem;display:inline-flex}[data-template=dino] .dn-chip:before{background:var(--dn-line-2)}[data-template=dino] .dn-chip:after{background:var(--dn-panel)}@media (hover:hover){[data-template=dino] .dn-chip:hover:before{background:var(--dn-lime-line)}}[data-template=dino] .dn-chip[aria-pressed=true]{color:var(--dn-on-lime)}[data-template=dino] .dn-chip[aria-pressed=true]:before,[data-template=dino] .dn-chip[aria-pressed=true]:after{background:var(--dn-lime-grad)}[data-template=dino] .dn-hex{aspect-ratio:1.12;color:var(--dn-lime-text);--dn-hex:polygon(25% 0, 75% 0, 100% 50%, 75% 100%, 25% 100%, 0 50%);place-items:center;display:grid}[data-template=dino] .dn-hex:before,[data-template=dino] .dn-hex:after{content:"";z-index:-1;clip-path:var(--dn-hex);pointer-events:none;transition:background .18s;position:absolute}[data-template=dino] .dn-hex:before{background:linear-gradient(160deg, var(--dn-lime-line), var(--dn-line-2) 55%, var(--dn-lime-line));inset:0}[data-template=dino] .dn-hex:after{background:radial-gradient(120% 90% at 50% 15%, color-mix(in oklab, var(--dn-lime) 16%, var(--dn-panel-2)) 0%, var(--dn-panel) 70%);inset:2px}@media (hover:hover){[data-template=dino] .dn-hex-link:hover .dn-hex:before{background:var(--dn-lime)}}[data-template=dino] .dn-hex-link[aria-current=page] .dn-hex{color:var(--dn-on-lime)}[data-template=dino] .dn-hex-link[aria-current=page] .dn-hex:before,[data-template=dino] .dn-hex-link[aria-current=page] .dn-hex:after{background:var(--dn-lime-grad)}[data-template=dino] .dn-hex-link{-webkit-tap-highlight-color:transparent}[data-template=dino] .dn-hex-link:focus-visible{outline:none}[data-template=dino] .dn-hex-link:focus-visible .dn-hex{outline:2px solid var(--dn-lime);outline-offset:3px}[data-template=dino] .dn-field{border:1.5px solid var(--dn-line-2);background:var(--dn-well);width:100%;min-width:0;color:var(--dn-ink);border-radius:4px;outline:none;transition:border-color .15s,box-shadow .15s}[data-template=dino] .dn-field::placeholder{color:color-mix(in oklab, var(--dn-mute) 88%, var(--dn-bg))}[data-template=dino] .dn-field:focus{border-color:var(--dn-lime);box-shadow:0 0 0 3px color-mix(in oklab, var(--dn-lime) 20%, transparent)}[data-template=dino] .dn-head{background:color-mix(in oklab, var(--dn-bg) 94%, var(--dn-panel));box-shadow:0 1px 0 var(--dn-line)}[data-template=dino] .dn-nav2{background:linear-gradient(180deg, color-mix(in oklab, var(--dn-panel-2) 70%, var(--dn-bg)), var(--dn-bg));border-bottom:1px solid var(--dn-line)}[data-template=dino] .dn-tab{--dn-para:polygon(10px 0, 100% 0, calc(100% - 10px) 100%, 0 100%);min-height:40px;font-family:var(--font-dino), Kanit, sans-serif;color:color-mix(in oklab, var(--dn-ink) 80%, var(--dn-mute));align-items:center;gap:.45rem;padding:0 1.1rem;font-size:14.5px;font-weight:600;transition:color .15s;display:inline-flex}[data-template=dino] .dn-tab:before{content:"";z-index:-1;clip-path:var(--dn-para);background:0 0;transition:background .15s;position:absolute;inset:0}@media (hover:hover){[data-template=dino] .dn-tab:hover{color:var(--dn-ink)}[data-template=dino] .dn-tab:hover:before{background:var(--dn-panel-2)}}[data-template=dino] .dn-tab[aria-current=page]{color:var(--dn-on-lime)}[data-template=dino] .dn-tab[aria-current=page]:before{background:var(--dn-lime-grad)}[data-template=dino] .dn-tab svg{color:var(--dn-lime-text)}[data-template=dino] .dn-tab[aria-current=page] svg{color:inherit}[data-template=dino] .dn-wallet{background:var(--dn-well);border:1.5px solid var(--dn-line-2);border-radius:4px}[data-template=dino] .dn-volt{color:var(--dn-on-lime);background:var(--dn-lime-grad);border-radius:3px;place-items:center;display:grid}[data-template=dino] .dn-cats{background:color-mix(in oklab, var(--dn-bg) 95%, transparent);box-shadow:0 1px 0 var(--dn-line)}[data-template=dino] .dn-tile{--c:10px;color:var(--dn-on-lime);place-items:center;transition:transform .15s,filter .18s;display:grid}[data-template=dino] .dn-tile:before{background:var(--dn-lime-grad);box-shadow:inset 0 1px #fff6;box-shadow:inset 0 1px lab(100% -.0000298023 .0000119209/.4)}[data-template=dino] .dn-tile-link{-webkit-tap-highlight-color:transparent}@media (hover:hover){[data-template=dino] .dn-tile-link:hover .dn-tile{filter:brightness(1.1)}}[data-template=dino] .dn-tile-link:active .dn-tile{transform:scale(.94)}[data-template=dino] .dn-tile-link[aria-current=page] .dn-tile{color:#0b0f0c}[data-template=dino] .dn-tile-link[aria-current=page] .dn-tile:before{background:var(--dn-chrome-grad)}[data-template=dino] .dn-tile-link[aria-current=page] .dn-tile-label{color:var(--dn-lime-text)}[data-template=dino] .dn-tile-link:focus-visible{outline:none}[data-template=dino] .dn-tile-link:focus-visible .dn-tile{outline:2px solid var(--dn-lime);outline-offset:3px}[data-template=dino] .dn-track{background:var(--dn-line);border-radius:3px;height:3px;position:relative;overflow:hidden}[data-template=dino] .dn-track>i{width:calc(var(--w,1) * 100%);translate:calc(var(--x,0) * (1 / var(--w,1) - 1) * 100%) 0;background:var(--dn-lime);border-radius:3px;position:absolute;inset:0 auto 0 0}[data-template=dino] .dn-strip{--c:10px}[data-template=dino] .dn-strip:before{background:var(--dn-strip-grad)}[data-template=dino] .dn-more{font-family:var(--font-dino), Kanit, sans-serif;color:var(--dn-lime-text);background:color-mix(in oklab, var(--dn-bg) 78%, transparent);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--dn-lime) 35%, transparent);border-radius:999px;align-items:center;gap:.2rem;font-style:italic;font-weight:700;transition:background-color .15s;display:inline-flex}[data-template=dino] .dn-more:hover{background:color-mix(in oklab, var(--dn-bg) 92%, transparent)}[data-template=dino] .dn-claw{gap:3px;display:inline-flex;transform:skew(-24deg)}[data-template=dino] .dn-claw>i{background:var(--dn-lime);border-radius:2px;width:4px;display:block}[data-template=dino] .dn-claw>i:first-child{opacity:.55;height:14px}[data-template=dino] .dn-claw>i:nth-child(2){height:20px}[data-template=dino] .dn-claw>i:nth-child(3){opacity:.55;height:14px}[data-template=dino] .dn-scales{z-index:-1;pointer-events:none;background:var(--dn-lime);opacity:.07;position:absolute;inset:0;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='18' viewBox='0 0 32 18'%3E%3Cpath d='M0 18a16 16 0 0 1 32 0M-16 9a16 16 0 0 1 32 0M16 9a16 16 0 0 1 32 0' fill='none' stroke='%23000' stroke-width='1.4'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='18' viewBox='0 0 32 18'%3E%3Cpath d='M0 18a16 16 0 0 1 32 0M-16 9a16 16 0 0 1 32 0M16 9a16 16 0 0 1 32 0' fill='none' stroke='%23000' stroke-width='1.4'/%3E%3C/svg%3E");-webkit-mask-size:32px 18px;mask-size:32px 18px}[data-template=dino] .dn-card{--c:12px;--dn-edge:var(--dn-line);transition:transform .2s}[data-template=dino] .dn-card .dn-card-art{clip-path:polygon(11px 0,100% 0,100% 100%,0 100%,0 11px);background:var(--dn-well)}[data-template=dino] .dn-card .dn-card-play{opacity:0;transition:opacity .15s}@media (hover:hover){[data-template=dino] .dn-card:hover{--dn-edge:linear-gradient(160deg, var(--dn-lime), var(--dn-lime-line) 60%, var(--dn-lime));transform:translateY(-3px)}[data-template=dino] .dn-card:hover .dn-card-play{opacity:1}}[data-template=dino] .dn-card:focus-visible{outline:2px solid var(--dn-lime);outline-offset:3px}[data-template=dino] .dn-card:focus-visible .dn-card-play{opacity:1}[data-template=dino] .dn-pill{background:color-mix(in oklab, var(--dn-bg) 72%, transparent);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--dn-lime) 35%, transparent);border-radius:999px;align-items:center;gap:3px;display:inline-flex}[data-template=dino] .dn-capsule{background:color-mix(in oklab, var(--dn-bg) 76%, transparent);border:1.5px solid var(--dn-line-2);-webkit-backdrop-filter:blur(14px)saturate(140%);backdrop-filter:blur(14px)saturate(140%);border-radius:999px;box-shadow:0 0 0 1px #0006,0 16px 36px -14px #000,inset 0 1px #ffffff0f;box-shadow:0 0 0 1px lab(0% 0 0/.4),0 16px 36px -14px lab(0% 0 0),inset 0 1px lab(100% -.0000298023 .0000119209/.06)}[data-template=dino] .dn-cap-item{color:color-mix(in oklab, var(--dn-ink) 78%, var(--dn-mute));-webkit-tap-highlight-color:transparent;border-radius:999px;transition:color .15s}[data-template=dino] .dn-cap-item[aria-current=page]{color:var(--dn-lime-text)}[data-template=dino] .dn-cap-home{width:50px;height:50px;color:var(--dn-lime-text);background:color-mix(in oklab, var(--dn-ink) 12%, var(--dn-panel));box-shadow:inset 0 0 0 1px var(--dn-line-2);border-radius:999px;place-items:center;display:grid}[data-template=dino] .dn-cap-item[aria-current=page] .dn-cap-home{color:var(--dn-on-lime);background:var(--dn-lime-grad);box-shadow:0 0 18px -4px var(--dn-lime)}[data-template=dino] .dn-side-panel{background:color-mix(in oklab, var(--dn-panel) 96%, transparent);border:1.5px solid var(--dn-line-2);box-shadow:-10px 0 30px -18px var(--dn-lime);border-right:0;border-radius:8px 0 0 8px}[data-template=dino] .dn-side-handle{width:32px;height:68px;color:var(--dn-on-lime);background:var(--dn-lime-grad);clip-path:polygon(100% 0,100% 100%,0 calc(100% - 10px),0 10px)}[data-template=dino] .dn-side[data-state=open]{flex-direction:column-reverse}[data-template=dino] .dn-side[data-state=open] .dn-side-panel{border-bottom-left-radius:0}[data-template=dino] .dn-side[data-state=open] .dn-side-handle{clip-path:polygon(0 0,100% 0,100% 100%,10px 100%,0 calc(100% - 10px));align-self:stretch;width:auto;height:40px}@media (min-width:1024px){[data-template=dino] .dn-side[data-state=auto]{flex-direction:column-reverse}[data-template=dino] .dn-side[data-state=auto] .dn-side-panel{border-bottom-left-radius:0}[data-template=dino] .dn-side[data-state=auto] .dn-side-handle,[data-template=dino] .dn-side[data-state=open] .dn-side-handle{clip-path:polygon(0 0,100% 0,100% 100%,10px 100%,0 calc(100% - 10px));align-self:stretch;width:auto;height:30px}}[data-template=dino] .dn-drawer{background:linear-gradient(180deg, color-mix(in oklab, var(--dn-panel-2) 70%, var(--dn-bg)) 0%, var(--dn-bg) 45%);border-right:1px solid var(--dn-lime-line);box-shadow:18px 0 40px -24px var(--dn-lime);animation:.22s ease-out dn-slide-in}[data-template=dino] .dn-pop{border:1.5px solid var(--dn-line-2);background:var(--dn-panel);border-radius:6px;box-shadow:0 0 0 1px #0006,0 24px 48px -20px #000;box-shadow:0 0 0 1px lab(0% 0 0/.4),0 24px 48px -20px lab(0% 0 0)}[data-template=dino] .dn-pop-head{background:var(--dn-chrome-grad);color:#0b0f0c}[data-template=dino] .dn-row{border-left:3px solid #0000;border-radius:4px;align-items:center;gap:.75rem;min-height:46px;padding:0 .75rem;font-size:15px;transition:background-color .15s,border-color .15s;display:flex}[data-template=dino] .dn-row:hover{background:color-mix(in oklab, var(--dn-lime) 8%, transparent)}[data-template=dino] .dn-row[aria-current=page]{background:color-mix(in oklab, var(--dn-lime) 13%, var(--dn-panel));border-left-color:var(--dn-lime);font-weight:600}[data-template=dino] .dn-fade{animation:.2s ease-out dn-fade-in}[data-template=dino] .dn-drop{transform-origin:100% 0;animation:.16s ease-out dn-drop-in}[data-template=dino] .dn-band{color:#fff;background:var(--dn-lime-deep)}@supports (color:oklch(from red l c h)){[data-template=dino] .dn-band{background:oklch(from var(--dn-lime) .42 .14 calc(h + var(--hs,0)))}}[data-template=dino] .dn-foot{isolation:isolate;background:color-mix(in oklab, var(--dn-bg) 75%, black);border-top:2px solid var(--dn-lime-line);position:relative}[data-template=dino] .dn-box{background:var(--dn-panel-2);border:1px solid var(--dn-line);border-radius:8px}[data-template=dino] .dn-bolt-flash{animation:3.6s ease-in-out infinite dn-bolt}@keyframes dn-bolt{0%,86%,to{opacity:.45}88%{opacity:1}90%{opacity:.5}92%{opacity:1}}@keyframes dn-fade-in{0%{opacity:0}to{opacity:1}}@keyframes dn-slide-in{0%{opacity:.4;transform:translate(-24px)}to{opacity:1;transform:none}}@keyframes dn-drop-in{0%{opacity:0;transform:translateY(-4px)scale(.98)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){[data-template=dino] :is(.dn-drawer,.dn-fade,.dn-drop,.dn-bolt-flash){animation:none}[data-template=dino] .dn-card:hover{transform:none}}}
