/* Shared KYRO surfaces. Palette and control geometry follow the supplied terminal. */
@font-face { font-family:Onest; src:url('/fonts/onest/regular.ttf') format('truetype'); font-weight:400; font-display:swap; }
@font-face { font-family:Onest; src:url('/fonts/onest/medium.ttf') format('truetype'); font-weight:500; font-display:swap; }
@font-face { font-family:Onest; src:url('/fonts/onest/semibold.ttf') format('truetype'); font-weight:600; font-display:swap; }
@font-face { font-family:Onest; src:url('/fonts/onest/bold.ttf') format('truetype'); font-weight:700; font-display:swap; }
@font-face { font-family:Onest; src:url('/fonts/onest/extrabold.ttf') format('truetype'); font-weight:800; font-display:swap; }
@font-face { font-family:Onest; src:url('/fonts/onest/black.ttf') format('truetype'); font-weight:900; font-display:swap; }
html[data-shyft-design],html.dark[data-shyft-design] {
 --sf-bg:#000; --sf-surface:#0c0d0a; --sf-surface-2:#171813; --sf-bg-secondary:#24241f;
 --sf-border:#24251e; --sf-border-strong:#444538; --sf-text:#fff7d6; --sf-text-secondary:#c8c5b1; --sf-text-muted:#929181;
 --sf-selected-text:#ffcc00; --sf-focus-bg:#3c392c; --sf-focus-text:#fff7d6;
 --sf-accent:#ffcc00; --sf-accent-dim:#292307; --sf-accent-hover:#ffdc42;
 --sf-yes:#22c55e; --sf-no:#ef505b; --sf-yes-dim:#0d2d19; --sf-no-dim:#301014;
 --arena-up:#28bf65; --arena-down:#ee505b; --arena-cyan:#ffcc00;
 --arena-control:#24241f; --arena-control-hover:#313126; --arena-control-text:#fff7d6; --arena-control-border:#444538; --arena-control-radius:9px;
 --shyft-sidebar-width:72px; --shyft-topbar-height:56px;
}
/* The light shell uses the same cream/ink palette as the prediction workspace. */
html:not(.dark)[data-shyft-design] {
 --sf-bg:#FFF6D6; --sf-surface:#fff8e2; --sf-surface-2:#f5ecd0; --sf-bg-secondary:#f1e8cb;
 --sf-text:#111111; --sf-text-secondary:#605b45; --sf-text-muted:#81785f;
 --sf-border:#ded4b3; --sf-border-strong:#b8aa7e;
 --sf-selected-text:#111111; --sf-focus-bg:#e7d8a6; --sf-focus-text:#111111;
 --sf-accent:#FFC800; --sf-accent-dim:#fff0aa; --sf-accent-hover:#ffdc42;
 --sf-yes:#16853f; --sf-no:#cf2929; --sf-yes-dim:#e4eed0; --sf-no-dim:#f9dfce;
 --arena-up:#16853f; --arena-down:#cf2929;
 --arena-control:#f5ecd0; --arena-control-hover:#e9dcaa; --arena-control-text:#111111; --arena-control-border:#ded4b3;
}
html[data-shyft-design] body { background:var(--sf-bg); color:var(--sf-text); font-family:Onest,Arial,sans-serif; font-weight:400; }
html[data-shyft-design] :is(button,input,select,textarea) { font-family:inherit; }
/* No focus outlines or rings. Keyboard focus uses a single surface change. */
html[data-shyft-design] *, html[data-shyft-design] *::before, html[data-shyft-design] *::after { outline:none !important; }
html[data-shyft-design] * { --tw-ring-shadow:0 0 #0000 !important; --tw-ring-offset-shadow:0 0 #0000 !important; }
html[data-shyft-design] :is(button,a,input,textarea,select,summary,[role='button'],[role='separator'],[role='tab'],[tabindex]:not([tabindex='-1'])):focus-visible {
 background-color:var(--sf-focus-bg) !important; color:var(--sf-focus-text) !important;
}
html[data-shyft-design] input:focus-visible::placeholder, html[data-shyft-design] textarea:focus-visible::placeholder { color:var(--sf-text-secondary); }
@media(forced-colors:active) { html[data-shyft-design] :focus-visible { border:2px solid Highlight !important; } }
html[data-shyft-design] ::selection { color:#111; background:#ffcc00; }
.shyft-app-surface { margin-left:72px; padding-top:56px; background:var(--sf-bg); }
.shyft-surface-content { min-width:0; padding-bottom:0; }
.shyft-chrome-backdrop { display:none; }
.kyro-topbar { position:fixed; z-index:45; top:var(--slush-banner-offset,0px); left:72px; right:0; height:56px; display:flex; align-items:center; justify-content:space-between; gap:24px; padding:0 20px; border-bottom:1px solid var(--sf-border); background:var(--sf-bg); font:600 12px Onest,Arial,sans-serif; }
.kyro-wordmark { font-size:20px; letter-spacing:-1px; font-weight:900; display:flex; align-items:center; gap:5px; }.kyro-wordmark span { color:#ffcc00; }
.kyro-topbar-tools { display:flex; align-items:center; gap:8px; }.kyro-topbar-tools > a,.kyro-topbar-tools summary { display:flex; align-items:center; gap:12px; min-height:40px; padding:10px 14px; border-radius:6px; cursor:pointer; list-style:none; }.kyro-topbar-tools summary::-webkit-details-marker { display:none; }.kyro-topbar-tools details { position:relative; border-left:1px solid var(--sf-border); }.kyro-topbar-tools summary:hover,.kyro-topbar-tools a:hover { background:var(--sf-bg-secondary); }.kyro-topbar-popover { position:absolute; top:44px; right:0; width:250px; padding:16px; border:1px solid var(--sf-border); border-radius:10px; background:var(--sf-surface); color:var(--sf-text-secondary); font-size:12px; line-height:1.7; box-shadow:0 10px 30px #0007; }
.kyro-mobile-footer { display:none; }
.kyro-rewards { padding:48px 0; max-width:650px; }.kyro-rewards img { border-radius:22px; }.kyro-rewards h2 { font-size:36px; font-weight:800; margin:28px 0 16px; letter-spacing:-1px; }.kyro-rewards p { color:var(--sf-text-secondary); line-height:1.7; }.kyro-rewards a { display:inline-flex; min-height:44px; align-items:center; margin-top:28px; padding:12px 18px; color:#111; background:#ffcc00; border-radius:8px; font-weight:700; }
.shyft-wallet-trigger { background:#ffcc00 !important; color:#111 !important; border-color:#ffcc00 !important; }
.shyft-popover,.shyft-menu-popup { background:var(--sf-surface); color:var(--sf-text); border-color:var(--sf-border); }
html[data-shyft-design] [data-kyro-beta] { background:#111; border-color:#343126; color:#fff6d6; font-size:.875rem; font-weight:500; line-height:1.25rem; }
html[data-shyft-design] [data-kyro-beta] button { min-height:40px; padding:8px 16px; background:#ffc800; border-color:#ffc800; color:#111; font-family:"Slush Aeonik",Arial,sans-serif; }
@media(max-width:1100px) { .kyro-topbar-tools > a { display:none; }.kyro-topbar { gap:12px; padding-inline:14px; }.kyro-topbar-tools summary { gap:8px; padding-inline:10px; } }
@media(max-width:639px) { .kyro-topbar { top:calc(var(--slush-banner-offset,0px) + 64px); left:0; height:44px; padding:0 12px; }.kyro-topbar .kyro-wordmark,.kyro-topbar-tools { display:none; }.kyro-topbar > div { width:100%; justify-content:center; font-size:11px; }.kyro-mobile-footer { display:block; position:fixed; z-index:45; inset:auto 0 0; background:var(--sf-bg); border-top:1px solid var(--sf-border); padding-bottom:env(safe-area-inset-bottom); }.kyro-mobile-footer nav { display:flex; justify-content:space-around; }.kyro-mobile-footer a { display:flex; flex:1; flex-direction:column; align-items:center; justify-content:center; gap:5px; min-height:62px; padding:8px 4px; font-size:9px; color:var(--sf-text-muted); }.kyro-mobile-footer a[aria-current=page] { color:#ffcc00; }.shyft-app-surface { margin-left:0; padding-top:108px; padding-bottom:70px; } }
html[data-shyft-design] { --color-blue-400:#ffdc42; --color-blue-500:#ffcc00; --color-blue-600:#e0b200; --color-blue-700:#a07900; --color-sky-400:#ffdc42; --color-sky-500:#ffcc00; --color-green-400:#4ade80; --color-green-500:#22c55e; --color-green-600:#16813d; --color-green-700:#146534; --color-emerald-400:#4ade80; --color-emerald-500:#22c55e; --color-emerald-600:#16813d; --color-red-400:#fa727b; --color-red-500:#ef505b; --color-red-600:#d63846; --color-red-700:#b62935; --color-amber-400:#ffdc42; --color-amber-500:#ffcc00; --color-amber-600:#d5a700; --color-cyan-400:#ffdc42; --color-cyan-500:#ffcc00; }

.kyro-wallet-login { display:grid; place-items:center; width:44px; height:40px; padding:0; border:3px solid #111; border-radius:6px; color:#111; background:#ffc800; cursor:pointer; box-shadow:3px 4px 0 #111,5px 6px 0 #fff6d6; transform:rotate(-3deg); transition:transform .15s; }
.kyro-wallet-login:hover { transform:translateY(-2px) rotate(-3deg); }
.kyro-wallet-login:active { transform:translateY(2px) rotate(-3deg); }
@media(pointer:coarse) { .kyro-wallet-login { min-height:44px; } }
@media(prefers-reduced-motion:reduce) { .kyro-wallet-login { transition:none; } }

.kyro-wallet-login:disabled { opacity: .5; cursor: default; }

/* Published KYRO reference: centered prices and icon-only native preference menus. */
:root { --kyro-topbar-height: 48px; }
.kyro-topbar { height:var(--kyro-topbar-height); justify-content:center; padding:0 .75rem; }
/* These full-page views share the fixed price bar, including after arena navigation. */
@media(min-width:1101px) {
 html[data-shyft-design]:has(.kyro-topbar) .shyft-app-surface:has(.kyro-rewards, .shyft-positions) { padding-top:var(--kyro-topbar-height); }
}
@media(min-width:640px) and (max-width:1100px) {
 html[data-shyft-design]:has(.kyro-topbar) .shyft-app-surface:has(.kyro-rewards, .shyft-positions) { padding-top:0; }
}
@media(max-width:639px) {
 html[data-shyft-design]:has(.kyro-topbar) .shyft-app-surface:has(.kyro-rewards, .shyft-positions) { padding-top:calc(64px + env(safe-area-inset-top, 0px)); }
}
.kyro-topbar-tools { position:absolute; right:.75rem; top:0; height:var(--kyro-topbar-height); gap:0; }
.kyro-socials { position:relative; display:flex; align-items:center; gap:.125rem; padding:0; }
.kyro-socials::before { content:''; height:1rem; width:1px; margin-right:.125rem; background:var(--sf-border); }
.kyro-socials a { display:flex; align-items:center; justify-content:center; min-height:2.5rem; padding:.5rem .75rem; border-radius:12px; color:var(--sf-text); font-size:.875rem; font-weight:700; line-height:1.25rem; }
html:not(.dark) .kyro-socials a { color:var(--sf-text-secondary); }
.kyro-preferences { display:flex; align-items:center; gap:6px; padding-left:8px; margin-left:calc(6px + .125rem); border-left:1px solid var(--sf-border); }
.kyro-preference { position:relative; display:grid; place-items:center; width:40px; height:40px; border-radius:8px; color:var(--sf-text); }
.kyro-preference:hover { background:var(--sf-bg-secondary); }
.kyro-preference > span { display:flex; pointer-events:none; }
.kyro-preference svg { width:20px; height:20px; }
.kyro-preference select { position:absolute; inset:0; width:100%; height:100%; opacity:0; cursor:pointer; }
.kyro-preference select option { background:var(--sf-bg); color:var(--sf-text); }
.kyro-preference:has(select:focus-visible) { background:var(--sf-focus-bg); color:var(--sf-focus-text); }
@media(pointer:coarse) { .kyro-preference { width:44px; height:44px; } }
@media(max-width:1100px) { .kyro-topbar { display:none; } }
@media(max-width:639px) {
 .kyro-mobile-footer nav { gap:4px; padding:4px 8px; }
 html[data-shyft-design] .kyro-mobile-footer a { gap:4px; min-height:56px; padding:6px 8px; border-radius:10px; color:var(--sf-text); font-size:10px; font-weight:500; line-height:1.55; }
 html[data-shyft-design] .kyro-mobile-footer a[aria-current=page] { color:var(--sf-text); background:var(--sf-accent-dim); }
 .kyro-mobile-footer svg { width:1.25rem; height:1.25rem; }
 .kyro-mobile-footer a[aria-current=page] svg { color:var(--sf-accent); }
}