@font-face{ font-family: "Atkinson Hyperlegible"; font-style: normal; font-weight: 400; font-display: optional; src: url("../fonts/AtkinsonHyperlegible-400.woff2") format("woff2"); }@font-face{ font-family: "Atkinson Hyperlegible"; font-style: normal; font-weight: 700; font-display: optional; src: url("../fonts/AtkinsonHyperlegible-700.woff2") format("woff2"); }@font-face{ font-family: "Press Start 2P"; font-style: normal; font-weight: 400; font-display: optional; src: url("../fonts/PressStart2P-subset.woff2") format("woff2"); }@font-face{ font-family: "Archivo Black"; font-style: normal; font-weight: 400; font-display: optional; src: url("../fonts/ArchivoBlack-400.woff2") format("woff2"); }:root{ --bg: #07071a; --bg2: #0e0f2e; --surface: #151a3d; --surface2: #1d2350; --text: #f2f4ff; --muted: #c4cae8; --heading: #2de2e6; --link: #5ff3f6; --accent: #ff3ea5; --gold: #ffd23f; --green: #39ff88; --warn: #ff8a8a; --border: #e8ecff; --shadow: #ff3ea5; --shadow2: #2de2e6; --on-accent: #07071a; --header: #04040f; --grid: rgba(45,226,230,.16); --icon-main: #2de2e6; --icon-accent: #ffd23f; --scan: rgba(0,0,0,.10); --focus: #ffd23f; --px: 4px; --sky: #2de2e6; --blue: #ff3ea5; --pixel: "Press Start 2P","Courier New",monospace; --body: "Atkinson Hyperlegible",Verdana,"Segoe UI",Tahoma,Arial,sans-serif; color-scheme: dark; }*{ box-sizing: border-box; }html{ scroll-behavior: smooth; background: var(--bg); }body{ margin: 0px; font-family: var(--body); font-size: 1.3rem; line-height: 1.65; color: var(--text); background: var(--bg); }body::after{ content: ""; position: fixed; inset: 0px; pointer-events: none; z-index: 300; background: repeating-linear-gradient(to bottom,transparent 0,transparent 3px,var(--scan) 3px,var(--scan) 4px); }@media (prefers-contrast: more){body::after{ display: none; }}h1, h2{ font-family: var(--pixel); font-weight: 400; line-height: 1.55; color: var(--heading); margin: 0px 0px 0.8em; text-shadow: rgba(255, 62, 165, 0.45) 3px 3px 0px; }h1{ font-size: clamp(1.3rem, 3.3vw, 2.2rem); }h2{ font-size: clamp(1.1rem, 2.5vw, 1.6rem); }h3{ font-size: 1.55rem; line-height: 1.3; color: var(--gold); margin: 0px 0px 0.4em; }p, li{ max-width: 68ch; }p{ margin: 0px 0px 1em; }a{ color: var(--link); text-underline-offset: 4px; text-decoration-thickness: 2px; }a:hover{ color: var(--gold); }img{ max-width: 100%; height: auto; }strong, b{ color: inherit; }.wrap{ max-width: 1150px; margin: 0px auto; padding: 0px 1.25rem; }.skip{ position: absolute; left: -9999px; top: 0px; background: var(--gold); color: var(--on-accent); padding: 1rem; z-index: 400; }.skip:focus{ left: 1rem; top: 1rem; }.sr-only{ position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; }.px-box{ background: var(--surface); color: var(--text); border: var(--px) solid var(--border); box-shadow: 6px 6px 0 var(--shadow); }.px-icon{ display: block; image-rendering: pixelated; flex: 0 0 auto; }.label{ font-family: var(--pixel); font-size: 0.85rem; line-height: 1.8; letter-spacing: 0.04em; color: var(--green); margin: 0px 0px 0.9rem; text-transform: uppercase; }.btn{ display: inline-flex; align-items: center; justify-content: center; gap: 0.55rem; font-family: var(--body); font-size: 1.25rem; font-weight: 700; text-decoration: none; line-height: 1.25; padding: 0.85rem 1.4rem; min-height: 56px; min-width: 56px; border: var(--px) solid var(--border); box-shadow: 4px 4px 0 var(--shadow2); cursor: pointer; color: var(--text); background: var(--surface2); transition: transform 0.08s steps(2), box-shadow 0.08s steps(2); }.btn:hover{ background: var(--bg2); color: var(--gold); }.btn:active{ transform: translate(4px, 4px); box-shadow: transparent 0px 0px 0px; }.btn-primary{ background: var(--accent); color: var(--on-accent); box-shadow: 4px 4px 0 var(--border); }.btn-primary:hover{ background: var(--gold); color: var(--on-accent); }.btn-navy{ background: var(--heading); color: var(--on-accent); box-shadow: 4px 4px 0 var(--border); }.btn-navy:hover{ background: var(--gold); color: var(--on-accent); }.btn-gold{ background: var(--gold); color: var(--on-accent); box-shadow: 4px 4px 0 var(--accent); }.btn-gold:hover{ background: var(--green); color: var(--on-accent); }.actions{ display: flex; flex-wrap: wrap; gap: 1rem; margin: 1.25rem 0px; }@keyframes blink{ 
  50% { opacity: 0; }
}.callbar{ background: var(--gold); color: var(--on-accent); text-align: center; font-weight: 700; padding: 0.45rem 1rem; font-size: 1.15rem; border-bottom: var(--px) solid var(--border); }.callbar a{ color: var(--on-accent); display: inline-block; padding: 0.35rem 0.2rem; min-height: 44px; line-height: 1.6; }.ref-banner{ background: var(--green); color: var(--on-accent); font-weight: 700; font-size: 1.3rem; text-align: center; padding: 0.75rem 1rem; border-bottom: var(--px) solid var(--border); }header.site{ position: relative; background-color: var(--header); color: var(--text); border-bottom: var(--px) solid var(--heading); overflow: hidden; }@keyframes drift{ 
  100% { background-position: -900px 0px, -1200px 40px, -680px 20px; }
}.topbar{ display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 0.75rem 1rem; padding: 0.8rem 1.25rem; }.logo{ font-family: var(--pixel); font-size: 1rem; line-height: 1.6; color: var(--gold); text-decoration: none; display: flex; align-items: center; gap: 0.6rem; text-shadow: 3px 3px 0 var(--accent); }.logo:hover{ color: var(--heading); }.logo .px-icon{ width: 40px; height: auto; }.top-tools{ display: flex; gap: 0.6rem; align-items: center; }.tool-btn{ white-space: nowrap; font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 1.05rem; font-weight: 700; color: var(--text); background: transparent; border: 3px solid var(--border); min-height: 48px; padding: 0.3rem 0.8rem; cursor: pointer; }.tool-btn:hover{ border-color: var(--heading); color: var(--heading); }.levelnav{ padding: 0px 1.25rem 1rem; }.levelnav ul{ list-style: none; margin: 0px; padding: 0px; display: flex; flex-wrap: wrap; gap: 0.6rem; }.levelnav a{ display: flex; flex-direction: column; align-items: center; gap: 0.3rem; min-width: 96px; min-height: 84px; padding: 0.5rem 0.6rem; color: var(--text); text-decoration: none; font-weight: 700; font-size: 1.02rem; line-height: 1.2; text-align: center; border: 3px solid var(--surface2); background: rgba(255, 255, 255, 0.04); }.levelnav a:hover{ border-color: var(--heading); color: var(--heading); }.levelnav a[aria-current="page"]{ background: var(--gold); color: var(--on-accent); border-color: var(--gold); }section{ padding: 4rem 0px; border-bottom: var(--px) solid var(--surface2); }section.alt{ background: var(--bg2); }.hero{ background-color: var(--bg); background-image: linear-gradient(var(--grid) 2px,transparent 2px),linear-gradient(90deg,var(--grid) 2px,transparent 2px); background-size: 48px 48px; }.hero .lead{ font-size: 1.4rem; color: var(--muted); }@keyframes float{ 
  0% { transform: translateY(0px); }
  100% { transform: translateY(-10px); }
}@keyframes hop{ 
  50% { transform: translateY(-6px); }
}details{ padding: 1rem 1.25rem; margin: 1rem 0px; }summary{ font-weight: 700; font-size: 1.3rem; cursor: pointer; color: var(--heading); min-height: 48px; padding: 0.35rem 0px; }details p{ margin: 0.75rem 0px 0px; }.field{ margin-bottom: 1.2rem; }label, legend{ display: block; font-weight: 700; margin-bottom: 0.35rem; }input[type="text"], input[type="email"], input[type="tel"], select, textarea{ width: 100%; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 1.2rem; padding: 0.75rem; border: 3px solid var(--border); background: var(--bg); color: var(--text); min-height: 56px; border-radius: 0px; }textarea{ min-height: 140px; }footer{ background: var(--header); color: var(--text); padding: 2.5rem 0px; font-size: 1.1rem; border-top: var(--px) solid var(--heading); }footer a{ color: var(--link); }footer p{ max-width: none; }footer p a{ display: inline-block; padding: 0.5rem 0px; min-height: 44px; }@media (max-width: 700px){.levelnav{ display: none; }.levelnav ul{ display: grid; grid-template-columns: repeat(2, 1fr); }.levelnav a{ flex-direction: row; justify-content: flex-start; min-height: 60px; text-align: left; }}@media (max-width: 560px){body{ font-size: 1.2rem; }.logo{ font-size: 0.8rem; }.top-tools{ flex-wrap: wrap; }.tool-btn{ font-size: 1rem; padding: 0.25rem 0.55rem; }section{ padding: 2.75rem 0px; }}@media (prefers-reduced-motion: reduce){*, ::before, ::after{ animation: auto ease 0s 1 normal none running none !important; transition: none !important; }}@media print{.callbar, .levelnav, .top-tools, .pad{ display: none; }body::after{ display: none; }}main p a, main li a{ text-decoration-thickness: 3px; }@keyframes fx-fill{ 
  0% { width: 0px; }
  100% { width: 100%; }
}@keyframes fx-pop{ 
  0% { transform: scale(0.6); opacity: 0; }
  100% { transform: scale(1); opacity: 1; }
}@keyframes fx-coin{ 
  0% { transform: translateY(-18px); }
  60% { transform: translateY(4px); }
  100% { transform: translateY(0px); }
}@media (prefers-reduced-motion: no-preference){.btn{ transition: transform 0.1s steps(2); }.btn:hover{ transform: translate(2px, 2px); }.btn:active{ transform: translate(4px, 4px); }}@keyframes px-hop{ 
  50% { transform: translateY(-6px); }
}@keyframes px-select{ 
  0%, 50% { border-color: var(--gold); }
  25%, 75% { border-color: var(--text); }
}@keyframes px-scan{ 
  0% { background: rgb(0, 0, 0); }
  33% { background: rgb(12, 26, 42); }
  66% { background: rgb(0, 0, 0); }
  100% { background: rgb(0, 0, 0); }
}@keyframes px-blip{ 
  50% { transform: scale(1.06); }
}@keyframes px-coin{ 
  0% { color: var(--gold); }
  25% { color: rgb(255, 255, 255); }
  50% { color: var(--gold); }
  75% { color: rgb(255, 255, 255); }
  100% { color: var(--gold); }
}.field label{ transition: none; }input, textarea{ caret-color: var(--gold); }@keyframes sc-bump{ 
  50% { transform: translateY(-8px); }
}@keyframes sc-float{ 
  50% { transform: translateY(-6px); }
}@keyframes sc-twinkle{ 
  0%, 80% { opacity: 1; }
  90% { opacity: 0.35; }
}@keyframes sc-fly{ 
  0%, 100% { transform: translate(0px, 0px); }
  50% { transform: translate(12px, -8px); }
}.label, .price{ position: relative; }@media (prefers-reduced-motion: no-preference){.label.pop::after, .price.shine::after{ content: ""; position: absolute; left: -2px; top: -6px; width: 14px; height: 14px; background: var(--gold); box-shadow: inset -3px 0 0 #c99a1a,0 0 0 3px var(--header); opacity: 0; animation: 0.6s steps(6) 0s 1 normal both running coin-pop; pointer-events: none; }}@keyframes coin-pop{ 
  0% { transform: translateY(0px); opacity: 1; }
  60% { transform: translateY(-26px); opacity: 1; }
  100% { transform: translateY(-30px); opacity: 0; }
}@keyframes seg{ 
  0% { opacity: 0; }
  100% { opacity: 1; }
}@keyframes beam{ 
  0% { opacity: 1; transform: translateY(-100%); }
  70% { opacity: 1; transform: translateY(0px); }
  100% { opacity: 0; transform: translateY(0px); }
}@keyframes land{ 
  0%, 55% { opacity: 0; transform: scaleY(0.3); }
  56% { opacity: 1; transform: scaleY(1.25); }
  75% { transform: scaleY(0.9); }
  100% { opacity: 1; transform: none; }
}@keyframes ready{ 
  0%, 30%, 60% { opacity: 1; }
  15%, 45%, 75%, 100% { opacity: 0; }
}@keyframes after-ready{ 
  0% { opacity: 0; }
  100% { opacity: 1; }
}@keyframes shot{ 
  0% { opacity: 1; transform: translateX(0px); }
  99% { opacity: 1; transform: translateX(var(--d,240px)); }
  100% { opacity: 0; transform: translateX(var(--d,240px)); }
}@keyframes pewtxt{ 
  0%, 85% { opacity: 1; }
  100% { opacity: 0; }
}@keyframes hit{ 
  50% { border-color: var(--gold); background: var(--surface2); }
}.actions, .big-links, #contact-form button[type="submit"]{ position: relative; z-index: 5; }.actions .btn, .big-links .btn{ opacity: 1; visibility: visible; }.nw{ white-space: nowrap; }.callbar a{ min-width: 44px; text-align: center; }body > header, body > main, body > footer{ position: relative; z-index: 1; }.hero{ position: relative; }.fx-frame{ position: absolute; inset: 12px; pointer-events: none; z-index: 0; }.fx-frame i{ position: absolute; width: 26px; height: 26px; border: 2px solid rgb(34, 230, 255); opacity: 0.6; }.fx-frame i:nth-child(1){ top: 0px; left: 0px; border-right: 0px; border-bottom: 0px; }.fx-frame i:nth-child(2){ top: 0px; right: 0px; border-left: 0px; border-bottom: 0px; }.fx-frame i:nth-child(3){ bottom: 0px; left: 0px; border-right: 0px; border-top: 0px; }.fx-frame i:nth-child(4){ bottom: 0px; right: 0px; border-left: 0px; border-top: 0px; }#hero-title{ text-shadow: rgba(34, 230, 255, 0.55) 0px 0px 18px, rgb(255, 255, 255) 0px 0px 2px; }@keyframes fxMarq{ 
  100% { transform: translateX(-100%); }
}.fx-reveal{ opacity: 0; transform: translateY(24px); transition: opacity 0.7s, transform 0.7s; }.fx-reveal.in{ opacity: 1; transform: none; }.fx-tilt{ transition: transform 0.25s, box-shadow 0.25s; }.fx-tilt:hover{ box-shadow: rgb(34, 230, 255) 0px 0px 0px 2px, rgba(255, 63, 180, 0.45) 0px 0px 24px; }.ka-coin{ position: relative; overflow: visible; }.ka-coin .fx-ic{ position: absolute; left: 50%; top: -1.9em; transform: translateX(-50%); font: 12.8px "Press Start 2P", monospace; color: rgb(255, 210, 63); opacity: 0; transition: opacity 0.2s; white-space: nowrap; pointer-events: none; }.ka-coin:hover .fx-ic, .ka-coin:focus-visible .fx-ic{ opacity: 1; animation: 0.8s steps(2) 0s infinite normal none running fxBlink; }@keyframes fxBlink{ 
  50% { opacity: 0; }
}.fx-dock{ position: fixed; left: 0px; right: 0px; bottom: 0px; z-index: 9990; display: none; gap: 0.5rem; padding: 0.6rem; background: rgba(11, 21, 48, 0.95); border-top: 2px solid rgb(34, 230, 255); }.fx-dock a{ flex: 1 1 0%; text-align: center; }@media (max-width: 700px){.fx-dock{ display: flex; }body{ padding-bottom: 80px; }.ka-coin .fx-ic{ display: none; }}@media (prefers-reduced-motion: reduce){.fx-reveal{ opacity: 1; transform: none; transition: none; }*{ scroll-behavior: auto !important; }}#fx-grid{ position: fixed; inset: 0px; width: 100vw; height: 100vh; z-index: 0; pointer-events: none; }body{ background: transparent; }main section, main section.alt, .page-head, .hero{ background-color: transparent !important; }main section.alt{ background-color: rgba(11, 21, 48, 0.45) !important; }.page-head, .hero{ box-shadow: rgba(34, 230, 255, 0.35) 0px -3px 0px inset; }.px-box, .card, .cabinet, .worldmap, .note, .edit-note, .cta-box, .reward, .pack, .pills li, .price-table, .guide table, .photo-frame, img{ position: relative; }.callbar, .ref-banner{ position: relative; z-index: 2; }.skip{ z-index: 10000; }html{ scroll-padding-top: 20px; }main :is(h1, h2, h3, p, li, .eyebrow, dt, dd, label, figcaption){ text-shadow: rgba(7, 7, 26, 0.95) 0px 0px 6px, rgba(7, 7, 26, 0.85) 0px 0px 14px, rgba(34, 230, 255, 0.18) 0px 0px 28px; }main :is(h1, h2){ text-shadow: rgba(7, 7, 26, 0.95) 0px 0px 8px, rgba(7, 7, 26, 0.8) 0px 0px 18px, rgba(34, 230, 255, 0.35) 0px 0px 30px; }main :is(.card, .px-box:not(.hero-copy), .note, .edit-note, .price-table, form) :is(p, li, h2, h3, label){ text-shadow: none; }.fx-reveal{ transition: opacity 0.45s, transform 0.45s; }.fx-tilt{ will-change: auto; }@media (max-width: 700px){body{ padding-bottom: calc(84px + env(safe-area-inset-bottom)); }.fx-dock{ padding-bottom: calc(.6rem + env(safe-area-inset-bottom)); }html{ scroll-padding-top: 16px; scroll-padding-bottom: 120px; }}@media (prefers-reduced-motion: reduce){.fx-tilt{ transform: none !important; }}@view-transition{ navigation: auto; }@media (prefers-reduced-motion: reduce){@view-transition{ navigation: none; }}#hero-title, .page-head h1{ display: inline-block; background: rgb(11, 16, 48); font-weight: 900; letter-spacing: -0.01em; line-height: 1.12; padding: 0.25em 0.45em; border: 3px solid rgb(34, 230, 255); box-shadow: rgb(255, 63, 180) 6px 6px 0px; border-radius: 4px; position: relative; z-index: 3; color: rgb(255, 255, 255) !important; text-shadow: none !important; font-family: system-ui, -apple-system, "Segoe UI", sans-serif !important; }@media (max-width: 820px){.fx-dock{ padding-bottom: calc(.5rem + env(safe-area-inset-bottom)); }body{ padding-bottom: calc(84px + env(safe-area-inset-bottom)) !important; }}@keyframes svfill{ 
  100% { width: 100%; }
}@keyframes svin{ 
  100% { opacity: 1; }
}.narrow{ max-width: 720px; }@keyframes flyby{ 
  100% { transform: translateX(calc(160px + 100vw)); }
}@keyframes procOut{ 
  0%, 80% { max-height: 40px; opacity: 1; }
  100% { max-height: 0px; opacity: 0; }
}@keyframes bl{ 
  50% { opacity: 0.2; }
}.acct-cta{ border-top: 3px solid rgb(255, 210, 63); position: relative; z-index: 2; background: rgb(11, 16, 48) !important; padding: 1.4rem 0px !important; }.acct-cta .wrap{ display: flex; gap: 1rem; align-items: center; justify-content: space-between; flex-wrap: wrap; }.acct-cta p{ margin: 0px; color: rgb(255, 255, 255); }@keyframes up1{ 
  100% { transform: translate(-50%, -48px); opacity: 0; }
}@keyframes toast{ 
  0% { opacity: 0; }
  10%, 80% { opacity: 1; }
  100% { opacity: 0; }
}@keyframes phload{ 
  100% { width: 100%; }
}header.site{ background-color: rgba(7, 7, 26, 0.28) !important; }.fx-tilt:hover{ box-shadow: rgb(34, 230, 255) 0px 0px 0px 2px, rgba(255, 63, 180, 0.3) 0px 0px 14px; }.ka-typing::after{ content: "█"; color: rgb(34, 230, 255); margin-left: 0.15em; animation: 0.6s steps(1) 0s infinite normal none running kaCaret; }@keyframes kaCaret{ 
  50% { opacity: 0; }
}@keyframes arcDrop{ 
  0% { transform: translateY(-40px) rotate(0deg); opacity: 0; }
  10% { opacity: 1; }
  55% { transform: translateY(122px) rotate(0deg); opacity: 1; }
  62%, 100% { transform: translateY(128px); opacity: 0; }
}@keyframes arcFlash{ 
  0%, 58% { opacity: 0.25; }
  60%, 64% { opacity: 1; fill: rgb(255, 255, 255); }
  66%, 100% { opacity: 1; }
}@keyframes arcPop{ 
  0%, 58% { opacity: 0; transform: translate(-50%, 0px); }
  64% { opacity: 1; }
  100% { opacity: 0; transform: translate(-50%, -30px); }
}@media (max-width: 560px){.callbar{ display: flex; flex-wrap: wrap; justify-content: center; column-gap: 1.1rem; }}.callbar.statusbar{ background: rgb(11, 16, 48); color: rgb(255, 255, 255); border-bottom: 3px solid rgb(34, 230, 255); box-shadow: rgb(255, 63, 180) 0px 4px 0px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 0.35rem 1.4rem; padding: 0.3rem 1rem; margin-bottom: 4px; text-align: center; }.statusbar .tb-item{ font: 12.8px / 1.6 "Press Start 2P", monospace; letter-spacing: 0.03em; white-space: nowrap; display: inline-flex; align-items: center; gap: 0.5rem; }.statusbar .tb-date{ color: rgb(255, 255, 255); }.statusbar .tb-hi b, .statusbar .tb-tok b{ color: rgb(255, 210, 63); font-weight: 400; }.statusbar .tb-tok{ color: rgb(255, 255, 255); }.statusbar a{ color: rgb(11, 16, 48); background: rgb(255, 210, 63); font: 12.8px / 1 "Press Start 2P", monospace; padding: 0.55rem 0.6rem; min-height: 44px; display: inline-flex; align-items: center; text-decoration: none; box-shadow: rgb(255, 63, 180) 3px 3px 0px; }.statusbar a.tb-ref{ background: rgb(34, 230, 255); }.statusbar a:hover, .statusbar a:focus-visible{ background: rgb(255, 255, 255); outline: rgb(255, 63, 180) solid 3px; outline-offset: 2px; }@media (max-width: 560px){.callbar.statusbar{ gap: 0.3rem 0.9rem; padding: 0.4rem 0.6rem; }}@keyframes crRoll{ 
  0% { left: -40px; bottom: 16px; opacity: 1; animation-timing-function: linear; }
  62% { left: calc(100% - 200px); bottom: 16px; animation-timing-function: cubic-bezier(0.2, 0.8, 0.4, 1); }
  74% { left: calc(100% - 120px); bottom: 178px; animation-timing-function: cubic-bezier(0.6, 0, 0.9, 0.4); }
  82% { left: calc(100% - 86px); bottom: 146px; opacity: 1; transform: scale(1); }
  86% { bottom: 134px; opacity: 0; transform: scale(0.6); }
  100% { left: calc(100% - 86px); bottom: 134px; opacity: 0; }
}@keyframes crSpin{ 
  0% { transform: rotate(0deg); }
  62% { transform: rotate(1440deg); }
  100% { transform: rotate(1440deg); }
}@keyframes crPop{ 
  0%, 84% { opacity: 0; transform: translateY(10px); }
  88% { opacity: 1; transform: none; }
  100% { opacity: 0; transform: translateY(-14px); }
}@keyframes arcFlash2{ 
  0%, 84% { opacity: 1; }
  86%, 90% { opacity: 0.2; }
  92%, 100% { opacity: 1; }
}@media (max-width: 700px){.fx-dock{ grid-template-columns: repeat(4, 1fr); gap: 0.35rem; padding: 0.45rem 0.4rem; display: grid !important; }header.site .topbar{ flex-wrap: nowrap; justify-content: space-between; gap: 0.5rem; padding: 0.6rem 0.75rem; }header.site .topbar .logo{ font-size: 0.8rem; line-height: 1.5; gap: 0.4rem; min-width: 0px; }header.site .topbar .logo svg, header.site .topbar .logo img{ width: 28px; height: 28px; flex: 0 0 auto; }header.site .top-tools{ flex-wrap: nowrap; gap: 0.4rem; width: auto; }header.site .set-toggle{ padding: 0.25rem 0.55rem; min-width: 48px; }header.site .set-toggle .set-txt{ position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); }}.biz-grid{ display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1rem; margin: 1rem 0px; }.biz-list li{ display: flex; justify-content: space-between; gap: 1rem; padding: 0.55rem 0px; border-bottom: 2px dashed rgba(34, 230, 255, 0.35); font-size: 1.05rem; }.biz-list b{ color: rgb(255, 210, 63); white-space: nowrap; }.biz-small{ font-size: 1rem; color: rgb(216, 220, 255); margin: 0.7rem 0px 0px; }.biz-box{ background: rgb(18, 22, 74); padding: 1.1rem 1.2rem !important; }.callbar.statusbar{ grid-template-columns: 1fr auto 1fr; align-items: center; gap: 0.5rem 1rem; padding: 0.4rem 1rem; display: grid !important; }.statusbar .tb-mid{ display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 0.3rem 1.2rem; }.statusbar a.tb-btn{ justify-self: start; font: 12.8px / 1 "Press Start 2P", monospace; color: rgb(11, 16, 48); background: rgb(255, 210, 63); border: 3px solid rgb(11, 16, 48); outline: rgb(255, 210, 63) solid 2px; box-shadow: rgb(255, 63, 180) 4px 4px 0px; min-height: 44px; min-width: 200px; padding: 0.6rem 0.9rem; display: inline-flex; align-items: center; justify-content: center; text-decoration: none; transition: transform 0.08s, box-shadow 0.08s; }.statusbar a.tb-ref{ justify-self: end; }.statusbar a.tb-btn:hover, .statusbar a.tb-btn:focus-visible{ background: rgb(255, 255, 255); transform: translate(-1px, -1px); box-shadow: rgb(255, 63, 180) 5px 5px 0px; }.statusbar a.tb-btn:active{ transform: translate(3px, 3px); box-shadow: rgb(255, 63, 180) 1px 1px 0px; }@media (max-width: 900px){.callbar.statusbar{ grid-template-columns: 1fr 1fr; }.statusbar .tb-mid{ grid-column: 1 / -1; order: -1; }.statusbar a.tb-btn{ min-width: 0px; width: 100%; justify-self: stretch; }}.btn{ min-height: 52px; padding: 0.75rem 1.3rem; border-width: 3px; letter-spacing: 0.01em; border-radius: 0px; transition: transform 0.08s, box-shadow 0.08s, background-color 0.12s, color 0.12s; }.btn:hover{ transform: translate(-2px, -2px); box-shadow: 6px 6px 0 var(--border); }.btn-primary:hover, .btn-navy:hover, .btn-gold:hover{ box-shadow: rgb(255, 63, 180) 6px 6px 0px; }.btn:active{ transform: translate(3px, 3px) !important; box-shadow: 1px 1px 0 var(--border) !important; }.actions{ gap: 0.9rem 1rem; }.hero-loc{ display: flex; flex-wrap: wrap; align-items: center; gap: 0.5rem 0.8rem; }.set-wrap{ position: relative; }.set-toggle{ display: inline-flex; align-items: center; gap: 0.45rem; }.set-gear{ width: 18px; height: 18px; flex: 0 0 auto; background: currentcolor; clip-path: polygon(38% 0px, 62% 0px, 62% 14%, 76% 20%, 86% 10%, 100% 24%, 90% 34%, 96% 38%, 100% 38%, 100% 62%, 86% 62%, 80% 76%, 90% 86%, 76% 100%, 66% 90%, 62% 86%, 62% 100%, 38% 100%, 38% 86%, 24% 80%, 14% 90%, 0px 76%, 10% 66%, 14% 62%, 0px 62%, 0px 38%, 14% 38%, 20% 24%, 10% 14%, 24% 0px, 34% 10%, 38% 14%); mask: radial-gradient(circle, transparent 4px, rgb(0, 0, 0) 5px); }.set-panel{ position: absolute; right: 0px; top: calc(100% + 0.5rem); z-index: 60; width: min(300px, -1.5rem + 100vw); background: rgb(11, 16, 48); border: 3px solid rgb(34, 230, 255); box-shadow: rgb(255, 63, 180) 5px 5px 0px; padding: 0.7rem; display: grid; gap: 0.45rem; }.set-panel[hidden]{ display: none; }.set-title{ margin: 0px 0px 0.2rem; font: 12.8px / 1.6 "Press Start 2P", monospace; color: rgb(255, 210, 63); }.set-sw{ display: grid; grid-template-columns: 1fr auto 3.2em; align-items: center; gap: 0.6rem; width: 100%; min-height: 48px; padding: 0.3rem 0.55rem; font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-weight: 700; font-size: 1rem; color: rgb(255, 255, 255); background: rgb(5, 9, 26); border: 2px solid rgb(58, 70, 144); cursor: pointer; text-align: left; }.set-sw:hover{ border-color: rgb(34, 230, 255); }.set-sw .sw{ position: relative; width: 44px; height: 22px; background: rgb(42, 47, 90); border: 3px solid rgb(143, 155, 214); box-sizing: content-box; }.set-sw .sw i{ position: absolute; top: 2px; left: 2px; width: 18px; height: 18px; background: rgb(143, 155, 214); transition: left 0.12s steps(3); }.set-sw[aria-checked="true"] .sw{ background: rgb(192, 24, 122); border-color: rgb(255, 63, 180); }.set-sw[aria-checked="true"] .sw i{ left: 24px; background: rgb(255, 210, 63); }.set-sw .sw-state{ font: 12.8px / 1 "Press Start 2P", monospace; color: rgb(200, 207, 245); text-align: right; }.set-sw[aria-checked="true"] .sw-state{ color: rgb(255, 210, 63); }header.site{ overflow: visible; z-index: 500; }.ka-nudge{ position: fixed; inset: 0px; z-index: 9000; display: flex; align-items: center; justify-content: center; background: rgba(5, 9, 26, 0.82); padding: 1rem; animation: 0.28s ease-out 0s 1 normal none running kaNudgeIn; }.ka-nudge .px-box{ max-width: 460px; width: 100%; text-align: center; background: rgb(11, 16, 48); color: rgb(255, 255, 255); max-height: 92vh; overflow: auto; }.ka-nudge h2{ font-family: var(--pixel,monospace); color: rgb(255, 210, 63); font-size: 1.25rem; line-height: 1.4; margin: 0.2rem 0px 0.6rem; }.ka-nudge p{ font-size: 1.15rem; line-height: 1.5; }.ka-nudge .btn{ min-height: 56px; width: 100%; max-width: 340px; }.ka-nudge .btn:not(.btn-primary){ background: transparent; border: 3px solid rgb(255, 255, 255); color: rgb(255, 255, 255); }@keyframes kaNudgeIn{ 
  0% { opacity: 0; }
  100% { opacity: 1; }
}@media (prefers-reduced-motion: reduce){.ka-nudge{ animation: auto ease 0s 1 normal none running none; }}:root{ --ease-out: cubic-bezier(.22,.9,.3,1); --ease-io: cubic-bezier(.65,0,.35,1); }@media (min-width: 821px){.v5-hero .wrap{ text-align: center; }.v5-hero .hero-loc{ justify-content: center; }.v5-hero .v5-lead, .v5-hero .assist{ margin-left: auto; margin-right: auto; }.v5-hero .actions{ justify-content: center; }}.v5-fallback{ text-align: center; }@media (prefers-reduced-motion: no-preference){.fx-reveal{ opacity: 0; transform: translateY(18px); clip-path: inset(0px 0px 12%); will-change: transform, opacity; transition: opacity .5s var(--ease-out),transform .5s var(--ease-out),clip-path .5s var(--ease-out) !important; }.fx-reveal.in{ opacity: 1; transform: none; clip-path: inset(-40px); }.v5-up{ transform: translate3d(0px, 20px, 0px) scale(0.985); transition-property:  !important; transition-duration:  !important; transition-timing-function:  !important; transition-behavior:  !important; transition-delay: calc(var(--i,0)*70ms) !important; }.v5-up.in{ transform: none; }.btn, .quest-btn, .card, .px-box{ transition: transform .25s var(--ease-out),box-shadow .25s var(--ease-out),background-color .3s ease,color .3s ease,border-color .3s ease; }.btn:hover, .quest-btn:hover{ transform: translate3d(-2px, -3px, 0px); }.btn:active, .quest-btn:active{ transform: translate3d(1px, 1px, 0px); transition-duration: 0.1s; }}@keyframes kaPixIn{ 
  0% { clip-path: inset(0px 100% 0px 0px); opacity: 0.3; transform: translateX(-8px); }
  100% { clip-path: inset(0px); opacity: 1; transform: none; }
}@keyframes kaDrop{ 
  0% { transform: translateY(-14px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}@media (prefers-reduced-motion: reduce){.fx-reveal, .v5-up{ clip-path: none !important; opacity: 1 !important; transform: none !important; }}main p, main li, main label{ font-size: max(1.125rem, 1em); }.lead, .v5-lead{ color: rgb(230, 236, 255) !important; }.label, .tierchip, .ps-tag{ font-size: max(0.75rem, 12px); }@media (prefers-reduced-motion: no-preference){.comet::before, .comet::after{ animation-duration: 3.6s !important; }}.ka-coin:hover .fx-ic, .ka-coin:focus-visible .fx-ic{ animation-duration: 1.4s !important; }.ka-typing::after{ animation-duration: 1.1s !important; }@keyframes ppPop{ 
  0% { opacity: 0; transform: translateY(10px) scale(0.96); }
  100% { opacity: 1; transform: none; }
}.faq details{ border: 3px solid rgb(34, 230, 255); background: rgb(11, 16, 48); margin: 0px 0px 0.8rem; box-shadow: rgb(255, 63, 180) 4px 4px 0px; transition: box-shadow 0.3s, border-color 0.3s; }.faq summary{ cursor: pointer; list-style: none; padding: 1rem 3rem 1rem 1.1rem; font-weight: 700; font-size: 1.2rem; color: rgb(255, 255, 255); position: relative; }.faq summary::-webkit-details-marker{ display: none; }.faq summary::after{ content: "+"; position: absolute; right: 1.1rem; top: 50%; transform: translateY(-50%); font-family: "Press Start 2P", monospace; color: rgb(255, 210, 63); transition: transform 0.3s cubic-bezier(0.22, 0.9, 0.3, 1); }.faq details p{ margin: 0px; padding: 0px 1.1rem 1.1rem; font-size: 1.15rem; }@keyframes ccIn{ 
  0% { transform: translate(-50%, -50%) scale(0.3); opacity: 0; }
  100% { transform: translate(-50%, -50%) scale(1); opacity: 1; }
}@keyframes ccPop{ 
  100% { transform: translate(-50%, -120%); opacity: 0; }
}@keyframes btIn{ 
  0% { opacity: 0; transform: translateX(-12px); }
  100% { opacity: 1; transform: none; }
}@keyframes svSlide{ 
  0% { opacity: 0; transform: translateY(6px); }
  100% { opacity: 1; transform: none; }
}@keyframes qiBob{ 
  0%, 100% { transform: translateY(-4px) scale(1.06); }
  50% { transform: translateY(-7px) scale(1.06); }
}.qol-top, .qol-call{ position: fixed; z-index: 60; opacity: 0; transform: translateY(12px); pointer-events: none; transition: opacity 0.3s, transform 0.3s cubic-bezier(0.22, 0.9, 0.3, 1); text-decoration: none; font-weight: 700; font-size: 1.05rem; border: 2px solid rgb(34, 230, 255); background: rgb(11, 16, 48); color: rgb(255, 255, 255); padding: 0.6rem 0.9rem; box-shadow: rgb(255, 63, 180) 3px 3px 0px; }.qol-top{ right: 16px; bottom: 16px; }.qol-call{ left: 16px; bottom: 16px; border-color: rgb(255, 210, 63); color: rgb(255, 210, 63); }.qol-top.show, .qol-call.show{ opacity: 1; transform: none; pointer-events: auto; }.qol-top:hover, .qol-call:hover{ background: rgb(19, 32, 90); }@media (max-width: 820px){.qol-call{ display: none; }.qol-top{ bottom: calc(92px + env(safe-area-inset-bottom,0px)); right: 12px; padding: 0.5rem 0.7rem; }}@media print{#fx-grid, #fx-field, #fx-boot, .fx-dock, .qol-top, .qol-call, .qol-share, .statusbar, .v5-stage, .scene, .fx-serve, .fx-coinroll, .acct-cta, header, .levelnav, footer nav{ display: none !important; }html.v5-ok .v5-pixh{ position: static !important; width: auto !important; height: auto !important; clip: auto !important; white-space: normal !important; }body, main, section, .px-box, .card{ background: rgb(255, 255, 255) !important; color: rgb(0, 0, 0) !important; box-shadow: none !important; }*{ color: rgb(0, 0, 0) !important; -webkit-text-fill-color: rgb(0, 0, 0) !important; text-shadow: none !important; animation: auto ease 0s 1 normal none running none !important; }}#account .ka-lead{ font-size: 1.2rem; }.ka-perks{ list-style: none; padding: 0px; margin: 1.2rem 0px 1.6rem; display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: 0.8rem; }.ka-perk{ display: flex; align-items: center; gap: 0.7rem; padding: 0.75rem 1rem; background: rgb(11, 16, 48); border: 3px solid rgb(34, 230, 255); box-shadow: rgb(255, 63, 180) 3px 3px 0px; font-weight: 700; font-size: 1.15rem; color: rgb(255, 255, 255); }.ka-perk svg{ flex: 0 0 auto; width: 32px; height: 32px; }.ka-cta{ display: grid; grid-template-columns: 1.25fr 1fr; gap: 1rem; max-width: 760px; align-items: stretch; }.ka-cta .btn{ display: flex; align-items: center; justify-content: center; min-height: 68px; font-family: "Atkinson Hyperlegible", system-ui, sans-serif; font-weight: 700; font-size: 1.3rem; letter-spacing: 0px; text-align: center; line-height: 1.2; padding: 0.8rem 1.2rem; }.ka-cta .ka-cta-main{ font-size: 1.4rem; }.ka-cta-3{ margin: 1rem 0px 0px; font-size: 1.15rem; }.ka-cta-3 a{ color: rgb(34, 230, 255); font-weight: 700; }.acct-cta .btn, .px-box .portal-link.btn-primary{ font-family: "Atkinson Hyperlegible", system-ui, sans-serif; font-weight: 700; font-size: 1.25rem; letter-spacing: 0px; min-height: 60px; }@media (max-width: 640px){.ka-cta{ grid-template-columns: 1fr; }.ka-perks{ grid-template-columns: 1fr 1fr; }.ka-perk{ font-size: 1.05rem; padding: 0.65rem 0.7rem; }}@media (max-width: 380px){.ka-perks{ grid-template-columns: 1fr; }}.px-divider{ border: 0px; height: 8px; margin: 2rem auto; max-width: 520px; background: repeating-linear-gradient(90deg, rgb(255, 210, 63) 0px, rgb(255, 210, 63) 8px, transparent 8px, transparent 16px, rgb(34, 230, 255) 16px, rgb(34, 230, 255) 24px, transparent 24px, transparent 32px, rgb(255, 63, 180) 32px, rgb(255, 63, 180) 40px, transparent 40px, transparent 48px); image-rendering: pixelated; opacity: 0.85; }html .ka-cta .btn, html .acct-cta .btn, html .px-box .portal-link.btn{ font-family: "Atkinson Hyperlegible", system-ui, sans-serif !important; font-weight: 700 !important; font-size: 1.3rem !important; letter-spacing: 0px !important; line-height: 1.2 !important; }html .ka-cta .btn *, html .acct-cta .btn *, html .px-box .portal-link.btn *{ -webkit-text-fill-color: currentcolor !important; background: none !important; font: inherit !important; }html .ka-cta .btn-primary, html .acct-cta .btn-primary, html .px-box .portal-link.btn-primary{ box-shadow: rgb(255, 63, 180) 4px 4px 0px; background: rgb(255, 210, 63) !important; color: rgb(11, 16, 48) !important; -webkit-text-fill-color: rgb(11, 16, 48) !important; text-shadow: none !important; border-color: rgb(255, 255, 255) !important; }html .ka-cta .btn-primary:hover, html .acct-cta .btn-primary:hover, html .px-box .portal-link.btn-primary:hover{ background: rgb(255, 224, 102) !important; }html .ka-cta .btn-primary *, html .acct-cta .btn-primary *, html .px-box .portal-link.btn-primary *{ -webkit-text-fill-color: rgb(11, 16, 48) !important; color: rgb(11, 16, 48) !important; text-shadow: none !important; filter: none !important; }html .ka-cta .ka-cta-main{ font-size: 1.45rem !important; }@keyframes ka-who-in{ 
  0% { opacity: 0; transform: translateY(12px); }
  100% { opacity: 1; transform: translateY(0px); }
}.footer-cols{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem 2rem; margin: 0px 0px 1.5rem; text-align: left; }.footer-col ul{ list-style: none; margin: 0px; padding: 0px; }.footer-col a{ display: inline-flex; align-items: center; min-height: 44px; padding: 0.15rem 0px; font-weight: 700; font-size: 1.05rem; color: var(--text,#e8eeff); }.footer-col a:hover, .footer-col a:focus-visible{ color: rgb(248, 184, 0); outline: rgb(248, 184, 0) solid 2px; outline-offset: 2px; }@media (max-width: 700px){.footer-cols{ grid-template-columns: 1fr; gap: 1.25rem; }}.statusbar .ka-bal{ display: inline-flex; align-items: center; gap: 0.45rem; font: 11px / 1.3 "Press Start 2P", monospace; color: rgb(11, 11, 30); background: rgb(255, 210, 63); border: 3px solid rgb(255, 255, 255); box-shadow: rgb(0, 0, 0) 3px 3px 0px; padding: 0.2rem 0.5rem; text-decoration: none; white-space: nowrap; image-rendering: pixelated; }.statusbar .ka-bal[hidden]{ display: none; }.statusbar .ka-bal:hover, .statusbar .ka-bal:focus-visible{ background: rgb(255, 255, 255); outline: rgb(255, 210, 63) solid 3px; outline-offset: 2px; }.ka-bal .kb-coin{ width: 12px; height: 12px; background: rgb(184, 134, 11); box-shadow: rgb(138, 90, 0) -3px -3px 0px inset, rgb(255, 243, 168) 3px 3px 0px inset; display: inline-block; }@media (max-width: 560px){.statusbar .ka-bal{ font-size: 10.5px; padding: 0.3rem 0.5rem; }}@media print{.statusbar .ka-bal{ display: none; }}@keyframes tdPop{ 
  0% { transform: scale(1); }
  50% { transform: scale(1.12); box-shadow: rgb(255, 210, 63) 0px 0px 30px; }
  100% { transform: scale(1); }
}.ka-spop .px-box{ position: relative; max-width: 520px; padding: 1.6rem 1.3rem; }.ka-spop h2{ font-size: 1.45rem !important; line-height: 1.5 !important; }.ka-spop p{ margin: 0.4rem 0px 1.1rem; font-size: 1.3rem !important; }.ka-spop .btn-gold{ border-color: rgb(11, 16, 48); background: rgb(255, 210, 63) !important; color: rgb(11, 16, 48) !important; }.ka-spop .btn{ display: flex; align-items: center; justify-content: center; margin: 0.6rem auto 0px; font-size: 1.2rem; min-height: 64px; }.ka-sp-x{ position: absolute; top: 0.4rem; right: 0.4rem; width: 48px; height: 48px; font-size: 1.4rem; background: transparent; color: rgb(255, 255, 255); border: 2px solid rgb(255, 255, 255); cursor: pointer; }@keyframes famGlow{ 
  100% { box-shadow: rgb(0, 0, 0) 0px 0px 0px 3px, rgba(255, 210, 63, 0.8) 0px 0px 30px, rgba(255, 62, 165, 0.4) 0px 0px 18px inset; }
}@keyframes pxs-blip{ 
  0% { transform: translateY(0px) scale(1); }
  35% { transform: translateY(-6px) scale(1.15); }
  70% { transform: translateY(1px); }
  100% { transform: none; }
}@keyframes pxs-flash{ 
  35% { border-color: var(--gold); box-shadow: 4px 4px 0 var(--shadow2),0 0 18px rgba(255,210,63,.55); }
}@keyframes pxs-in{ 
  0% { opacity: 0; transform: translateX(-10px); }
  100% { opacity: 1; transform: none; }
}.pxs-backdrop{ position: fixed; inset: 0px; z-index: 10000; background: rgba(4, 4, 15, 0.7); opacity: 0; visibility: hidden; transition: opacity 0.25s ease-out, visibility linear 0.25s; }@media (prefers-reduced-motion: reduce){.pxs *, .pxs-backdrop, .pxs-list, .pxs-list *{ animation: auto ease 0s 1 normal none running none !important; transition: none !important; }}.v5-hero .wrap{ position: relative; z-index: 2; }.v5-title{ margin: 0px; }.v5-stage{ position: relative; width: 100%; margin: 0.4rem 0px 1.4rem; touch-action: pan-y; cursor: crosshair; }.v5-stage canvas{ display: block; width: 100%; height: auto; }.v5-fallback{ display: block; font: 900 clamp(2.4rem, 9vw, 7.5rem) / 0.95 "Archivo Black", "Arial Black", Impact, sans-serif; color: rgb(255, 210, 63); text-transform: uppercase; text-shadow: rgba(255, 210, 63, 0.35) 0px 0px 18px; }html.v5-ok .v5-fallback{ width: 1px; height: 1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; position: absolute !important; }.v5-lead{ max-width: 44rem; }html.v5-ok .v5-pixh{ position: absolute !important; width: 1px !important; height: 1px !important; overflow: hidden !important; clip: rect(0px, 0px, 0px, 0px) !important; white-space: nowrap !important; margin: 0px !important; padding: 0px !important; border: 0px !important; }.v5-auto{ margin: 0.2rem 0px 1rem; }.v5-up{ opacity: 0; transform: translateY(28px); transition-behavior: normal, normal; transition-duration: 0.6s, 0.6s; transition-timing-function: ease, cubic-bezier(0.2, 0.8, 0.2, 1); transition-property: opacity, transform; transition-delay: calc(var(--i,0)*90ms); }.v5-up.in{ opacity: 1; transform: none; }.v5-sec{ position: relative; overflow-x: clip; }@keyframes v5flare{ 
  0% { transform: translateX(-110%); opacity: 0; }
  15% { opacity: 1; }
  100% { transform: translateX(260%); opacity: 0; }
}.comet{ position: relative; isolation: isolate; }.comet::before, .comet::after{ content: ""; position: absolute; inset: -4px; border-radius: inherit; padding: 3px; pointer-events: none; background: conic-gradient(from var(--ca),transparent 0 62%,rgba(34,230,255,.2) 70%,#22e6ff 84%,#fff 92%,#ff3fb4 97%,transparent 100%); mask: linear-gradient(rgb(0, 0, 0) 0px, rgb(0, 0, 0) 0px) content-box exclude, linear-gradient(rgb(0, 0, 0) 0px, rgb(0, 0, 0) 0px); animation: 2.2s linear 0s infinite normal none running v5comet; }.comet::after{ filter: blur(6px); opacity: 0.85; inset: -6px; padding: 5px; }@keyframes v5comet{ 
  100% { --ca: 360deg; }
}@media (prefers-reduced-motion: reduce){.comet::before, .comet::after{ animation: auto ease 0s 1 normal none running none; }}.v5-about{ display: grid; grid-template-columns: minmax(0px, 300px) 1fr; gap: 2rem; align-items: center; }.v5-about img{ width: 100%; height: auto; border: 4px solid rgb(255, 255, 255); box-shadow: rgb(255, 63, 180) 8px 8px 0px; }@media (max-width: 700px){.v5-about{ grid-template-columns: 1fr; }.v5-about img{ max-width: 240px; }}.v5-title{ min-height: 0px; border: 0px !important; box-shadow: none !important; background: none !important; padding: 0px !important; }:root{ --ka-gold-scan: repeating-linear-gradient(180deg,#ffd23f 0,#ffd23f 2px,#d9a520 2px,#d9a520 3px); --ka-gold-shadow: #c0187a; }.ka-gold, .ka-gt, main h3, main h4, main h5, main h6, .price, #tokens .price, .price-table td:last-child, .tm-cost b, .label, .press-start, .map-title, .fx-title, .soon, .hud, .scoreboard dt, .level .num, .who span, .sv-label, .set-title, .levelnav a span, .lv-links a, footer h2, footer h3, .logo, .nf .continue, .tm-sign, .tm-shelf, .biz-box h4{ letter-spacing: 0.02em; text-transform: none; color: rgb(255, 210, 63); background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-color: ; background-clip: text; -webkit-text-fill-color: transparent; filter: drop-shadow(.14em .14em 0 var(--ka-gold-shadow)); overflow-wrap: normal; word-break: normal; hyphens: none; font-family: var(--pixel) !important; font-weight: 400 !important; text-shadow: none !important; }main h3{ font-size: clamp(14px, 1.6vw, 19px); line-height: 1.6; }.levelnav a span{ font-size: 12.8px; line-height: 1.5; text-align: center; }.ka-gt{ display: inline; font-size: inherit; line-height: inherit; }.btn, .quest-btn{ text-align: center; font-family: var(--pixel) !important; font-weight: 400 !important; font-size: 14px !important; line-height: 1.6 !important; }.btn.btn-primary, .btn.btn-navy, .btn.btn-gold, .btn{ background: rgb(11, 16, 48); border-color: currentcolor; }.btn.btn-primary{ color: rgb(255, 63, 180); }.btn.btn-navy{ color: rgb(34, 230, 255); }.btn.btn-gold{ color: rgb(255, 210, 63); }.btn:hover, .btn.btn-primary:hover, .btn.btn-navy:hover, .btn.btn-gold:hover{ background: rgb(26, 31, 85); }@media (max-width: 560px){.btn, .quest-btn{ padding: 0.7rem 0.9rem; font-size: 12.8px !important; }main h3{ font-size: 14px; }}.btn{ transition: transform 0.08s, box-shadow 0.08s; }.levelnav a[aria-current="page"] span, .btn[aria-pressed="true"] .ka-gt, .quest-btn[aria-pressed="true"] .ka-gt{ color: rgb(11, 16, 48); background: 0px center; -webkit-text-fill-color: rgb(11, 16, 48); filter: none; }@media (max-width: 900px){.levelnav a span{ font-size: 12.8px; }}.biz-list b{ font-family: var(--pixel); font-weight: 400; font-size: 12.8px; line-height: 1.7; color: rgb(255, 210, 63); background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-color: ; background-clip: text; -webkit-text-fill-color: transparent; filter: drop-shadow(2px 2px 0 var(--ka-gold-shadow)); }:root{ --v10-r: 0; --v10-gap: clamp(1rem,2.4vw,1.75rem); --v10-ease: cubic-bezier(.2,.8,.2,1); --v10-glow: 0 0 0 1px rgba(45,226,230,.25),0 10px 30px -12px rgba(255,62,165,.45); --v10-edge: inset 0 1px 0 rgba(255,255,255,.07),inset 0 -3px 0 rgba(0,0,0,.35); }h1, h2{ letter-spacing: 0.01em; }h2{ margin-bottom: 0.9em; }h3{ letter-spacing: 0.005em; line-height: 1.3; }.lead{ font-size: clamp(1.2rem, 1.9vw, 1.42rem); color: var(--muted); line-height: 1.6; }.label{ letter-spacing: 0.12em; }section{ scroll-margin-top: 90px; }.px-box, .tier, .ct-card, .tm-card{ background: linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,0) 40%),var(--surface); box-shadow: 6px 6px 0 var(--shadow),var(--v10-edge); transition: transform .16s var(--v10-ease),box-shadow .16s var(--v10-ease),border-color .16s; }details.px-box, details{ transition: background 0.16s; }details > summary{ cursor: pointer; font-weight: 700; padding: 0.15rem 0px; }details > summary:hover{ color: var(--gold); }.btn{ min-height: 52px; padding-inline: 1.15rem; border-width: 3px; letter-spacing: 0.02em; transition: transform .1s var(--v10-ease),box-shadow .1s var(--v10-ease),background .12s,color .12s; box-shadow: 4px 4px 0 currentColor,var(--v10-edge); }.btn:hover{ transform: translate(-1px, -1px); box-shadow: 5px 5px 0 currentColor,var(--v10-edge); }.btn:active{ transform: translate(3px, 3px); box-shadow: currentcolor 1px 1px 0px; }.actions, .big-links{ gap: 0.85rem; }input[type="text"], input[type="email"], input[type="tel"], select, textarea{ transition: border-color 0.12s, box-shadow 0.12s; background: rgb(10, 11, 34); }input:hover, select:hover, textarea:hover{ border-color: var(--heading); }input:focus, select:focus, textarea:focus{ outline: 0px; border-color: var(--gold); box-shadow: 4px 4px 0 var(--accent),0 0 0 4px rgba(255,210,63,.18); }footer a:not(.btn){ text-decoration-color: rgba(95, 243, 246, 0.5); }footer a:not(.btn):hover{ text-decoration-color: var(--gold); }main > section{ padding-block: clamp(2.5rem, 6vw, 4.5rem); }hr{ border-width: 3px 0px 0px; border-style: dashed none none; border-color: rgba(232, 236, 255, 0.2) currentcolor currentcolor; border-image: none; margin: 2rem 0px; }@media (max-width: 640px){body{ font-size: 1.2rem; }.wrap{ padding: 0px 1rem; }.px-box{ box-shadow: 4px 4px 0 var(--shadow),var(--v10-edge); }.actions, .big-links{ flex-direction: column; align-items: stretch; }.actions .btn, .big-links .btn{ width: 100%; }a.px-box:hover, .tier:hover, .tm-card:hover, .level:hover, .btn:hover{ transform: none; }details{ padding: 0.9rem 1rem; }main > section{ padding-block: 2.25rem; }}@media (prefers-reduced-motion: reduce){.btn, .px-box, .tier, .tm-card, .level{ transition: none !important; transform: none !important; }}.levelnav .qicon.qn{ width: 30px; height: 30px; image-rendering: pixelated; display: block; margin: 0px auto; filter: drop-shadow(rgba(0, 0, 0, 0.5) 0px 2px 0px); }svg.qicon, svg.px-icon{ image-rendering: pixelated; shape-rendering: crispedges; }@keyframes kaAcIn{ 
  0% { opacity: 0; transform: translate3d(0px, 12px, 0px); }
  100% { opacity: 1; transform: none; }
}:root{ --ka-ease: cubic-bezier(.22,.9,.3,1); --ease-out: cubic-bezier(.16,1,.3,1); --dur-in: .6s; --dur-hover: .2s; }@keyframes kaCoinIn{ 
  0% { transform: translateY(0px) scaleX(1); opacity: 1; }
  25% { transform: translateY(22px) scaleX(0.35); }
  50% { transform: translateY(58px) scaleX(1); }
  75% { transform: translateY(94px) scaleX(0.35); }
  92% { transform: translateY(116px) scaleX(0.8); opacity: 1; }
  100% { transform: translateY(124px) scaleX(0.6); opacity: 0; }
}@keyframes kaCabGlow{ 
  0% { filter: drop-shadow(rgba(34, 230, 255, 0.45) 0px 0px 10px); }
  40% { filter: drop-shadow(rgba(255, 210, 63, 0.75) 0px 0px 18px); }
  100% { filter: drop-shadow(rgba(34, 230, 255, 0.45) 0px 0px 10px); }
}.ka-rail{ position: fixed; left: 0px; right: 0px; top: 0px; height: 26px; z-index: 250; pointer-events: none; opacity: 0; transform: translateY(-8px); transition: opacity .4s ease,transform .4s var(--ka-ease); }.ka-rail.show{ opacity: 1; transform: none; }.ka-rail .kr-track{ position: absolute; left: 0px; right: 0px; top: 0px; height: 6px; background: rgba(11, 16, 48, 0.85); border-bottom: 2px solid rgba(34, 230, 255, 0.45); }.ka-rail .kr-fill{ position: absolute; left: 0px; top: 0px; height: 6px; width: calc(var(--p,0) * (100% - 24px) + 12px); background: repeating-linear-gradient(90deg, rgb(255, 210, 63) 0px, rgb(255, 210, 63) 10px, rgba(255, 210, 63, 0.35) 10px, rgba(255, 210, 63, 0.35) 14px); }.ka-rail .kr-coin{ position: absolute; left: 0px; top: 2px; width: 24px; height: 24px; line-height: 0; will-change: transform; }.ka-rail .kr-coin svg{ display: block; filter: drop-shadow(rgba(255, 210, 63, 0.7) 0px 0px 5px) drop-shadow(rgba(0, 0, 0, 0.5) 0px 2px 0px); }@media (prefers-reduced-motion: reduce){.ka-rail{ display: none; }}@media print{.ka-rail{ display: none !important; }}@media (prefers-reduced-motion: no-preference){.v5-up{ transform: translate3d(0px, 28px, 0px) scale(0.98); opacity: 0; transition-property:  !important; transition-duration:  !important; transition-timing-function:  !important; transition-behavior:  !important; transition-delay: calc(var(--i,0)*90ms) !important; }.v5-up.in{ transform: none; opacity: 1; }}main .label, main .label a, .tierchip, .ps-tag{ font-size: max(13px, 0.8125rem) !important; line-height: 1.7; }html .btn, html .btn .ka-gt{ font-family: "Atkinson Hyperlegible", system-ui, sans-serif !important; font-weight: 700 !important; letter-spacing: 0.01em !important; }html .btn{ min-height: 52px; font-size: max(1.15rem, 18px) !important; line-height: 1.25 !important; }html .btn .ka-gt{ font-size: inherit !important; line-height: inherit !important; }:where(.btn:not([aria-pressed="true"])) .ka-gt{ background: none !important; -webkit-text-fill-color: rgb(255, 210, 63) !important; color: rgb(255, 210, 63) !important; filter: none !important; text-shadow: none !important; }.footer-col h2{ font-family: var(--pixel,"Press Start 2P",monospace); font-size: 13px; line-height: 1.7; color: rgb(248, 184, 0); margin: 0px 0px 0.75rem; letter-spacing: normal; text-shadow: none; }header.site .topbar .logo{ min-height: 48px; }footer .serving-links a{ display: inline-block; padding: 0.55rem 0.1rem; }@media (max-width: 700px){.fx-dock.bar-c .bar-l{ font-size: 0.875rem; line-height: 1.15; }}h1, h2, h3{ text-wrap: balance; }.lead, main p{ text-wrap: pretty; }.askq-check{ min-height: 48px; cursor: pointer; }main:focus{ outline: 0px; }@media (max-width: 700px){.fx-dock.bar-c{ grid-template-columns: minmax(0px, 1.2fr) minmax(0px, 1fr) minmax(0px, 1fr) minmax(0px, 1.1fr); }.fx-dock.bar-c .bar-k{ min-width: 0px; }}@media (max-width: 389px){.fx-dock.bar-c .bar-l{ white-space: normal; overflow-wrap: anywhere; font-size: 0.8rem; }}.hint, .assist, .map-help, .biz-small{ font-size: 1.15rem; line-height: 1.55; }.biz-list li{ font-size: 1.15rem; }main details > p{ max-width: 38em; }:target{ scroll-margin-top: 1.25rem; }@media print{.ka-vipstrip, .askq, .askq-back, .acct-nudge{ display: none !important; }}@media (prefers-reduced-motion: reduce){a.px-box:hover, .tier:hover, .tm-card:hover, .tm-card:focus-visible, .btn:hover, .quest-btn:hover, .ka-ar-btn:hover{ transform: none !important; }}@media (hover: none){a.px-box:hover, .tier:hover, .tm-card:hover, .level:hover, .btn:hover, .quest-btn:hover, .ka-ar-btn:hover, .more-games .mg-card:hover{ transform: none; }}a, button, summary, label, select, [role="switch"]{ touch-action: manipulation; }main img{ max-width: 100%; height: auto; }main{ overflow-wrap: break-word; }input::placeholder, textarea::placeholder{ color: rgb(169, 178, 214); opacity: 1; }main p a:not(.btn), main li a:not(.btn):not(.tm-card):not(.mg-card), .faq details p a{ text-decoration-thickness: 2px; text-underline-offset: 4px; }.skip:focus, .skip:focus-visible{ font-weight: 700; font-size: 1.15rem; outline-offset: 2px; outline: rgb(255, 63, 180) solid 4px !important; }body:focus{ outline: 0px; }.ka-perk span{ font-size: 1.15rem; line-height: 1.4; }.footer-col a{ font-size: 1.15rem; }footer .wrap > p:last-of-type{ max-width: 46em; }a, button, summary, [role="switch"]{ -webkit-tap-highlight-color: rgba(255, 210, 63, 0.28); }.task, .footer-col a, .lv-links a, .ct-chips a, details > summary, .vs-cta, .tm-f, .acct-nudge a, .nearby a, .nf-links a, .levelnav a{ transition: color 0.12s ease-out, background-color 0.12s ease-out, border-color 0.12s ease-out, outline-color 0.12s ease-out; }@media (prefers-reduced-motion: reduce){.task, .footer-col a, .lv-links a, .ct-chips a, details > summary, .vs-cta, .tm-f, .acct-nudge a, .nearby a, .nf-links a, .levelnav a{ transition: none; }}footer .wrap > p{ font-size: 1.15rem; }@keyframes r9PlBump{ 
  0% { text-shadow: rgba(255, 210, 63, 0) 0px 0px 0px; }
  35% { text-shadow: rgba(255, 210, 63, 0.85) 0px 0px 14px; }
  100% { text-shadow: rgba(255, 210, 63, 0) 0px 0px 0px; }
}.skip:focus, .skip:focus-visible{ outline-offset: 3px; background: rgb(11, 16, 48); color: rgb(255, 255, 255); outline: rgb(255, 210, 63) solid 4px !important; }@media print{.ka-vipstrip, .acct-nudge, .askq, .askq-back{ display: none !important; }}.askq-fine{ font-size: 1.1rem; line-height: 1.5; }details.px-box > summary, .faq details > summary{ font-size: 1.2rem; line-height: 1.45; min-height: 48px; display: flex; align-items: center; cursor: pointer; padding: 0.55rem 0.2rem; }details.px-box > summary + *, .faq details > summary + *{ font-size: 1.15rem; line-height: 1.6; }.page-head .lead, .hero .lead{ max-width: 40em; }@media (prefers-reduced-motion: reduce){html{ scroll-behavior: auto; }}footer .footer-col h2{ font-size: 1.05rem; letter-spacing: 0.04em; margin-bottom: 0.65rem; }@media print{.hud, .mode, .ka-vipstrip, .askq, .askq-back, .acct-cta{ display: none !important; }}.callbar.statusbar, .statusbar{ font-size: 1.2rem; }.tb-btn{ min-height: 44px; font-size: 1.05rem; }.acct-cta p{ font-size: 1.2rem; line-height: 1.55; max-width: 42em; }.acct-cta .btn{ min-height: 52px; }@media (max-width: 700px){.ka-ar-btn{ min-height: 48px; font-size: 1.05rem; }}main p a:not(.btn), main li a:not(.btn), main .lead a:not(.btn){ text-decoration: underline 2px; text-underline-offset: 3px; }.skip:focus, .skip:focus-visible{ font-size: 1.15rem; padding: 0.75rem 1.1rem; min-height: 48px; z-index: 10000; }@media (min-width: 1100px){.page-head .wrap, .hero .wrap{ padding-top: 1.75rem; padding-bottom: 1.25rem; }}.callbar.statusbar .tb-mid{ gap: 0.85rem; }.callbar.statusbar .tb-item{ letter-spacing: 0.02em; }.serving-links{ display: flex; flex-wrap: wrap; gap: 0.35rem 0.65rem; align-items: center; line-height: 1.6; }.serving-links a{ min-height: 44px; display: inline-flex; align-items: center; }.field > label, .planner .field > label{ font-size: 1.15rem; line-height: 1.45; font-weight: 700; }@media (prefers-reduced-motion: reduce){.btn:hover, .card:hover, .tm-card:hover, .cabinet:hover{ transform: none !important; }}@media print{main a[href^="http"]::after, main a[href^="sms:"]::after, main a[href^="mailto:"]::after{ content: " (" attr(href) ")"; font-size: 0.9em; word-break: break-all; }.ka-vipstrip, .callbar, .levelnav, .acct-cta, .askq{ display: none !important; }}@media (max-width: 700px){.actions{ display: flex; flex-direction: column; gap: 0.75rem; }.actions .btn{ width: 100%; justify-content: center; }}header.site .logo{ min-height: 48px; display: inline-flex; align-items: center; gap: 0.5rem; padding: 0.25rem 0px; }.set-panel .set-sw{ min-height: 48px; font-size: 1.05rem; padding: 0.45rem 0.65rem; }.set-panel .set-title{ font-size: 1rem; letter-spacing: 0.06em; }.levelnav a[aria-current="page"], .levelnav li.is-on > a{ box-shadow: inset 0 -3px 0 var(--gold,#ffd23f); }details.px-box > summary, .faq details > summary{ gap: 0.5rem; }@media (max-width: 420px){.wrap.narrow, .checkout-grid{ padding-left: 0.25rem; padding-right: 0.25rem; }}.biz-list li, .biz-menu li{ font-size: 1.15rem; line-height: 1.55; min-height: 44px; display: flex; justify-content: space-between; gap: 1rem; align-items: center; }.biz-list b, .biz-menu b{ white-space: nowrap; }@media (max-width: 420px){.hero .actions .btn, .page-head .actions .btn{ width: 100%; min-height: 52px; }}footer .footer-col li a{ min-height: 44px; display: inline-flex; align-items: center; padding: 0.2rem 0px; font-size: 1.05rem; }@media (prefers-reduced-motion: reduce){.comet, .btn.comet{ animation: auto ease 0s 1 normal none running none !important; }}details.px-box > summary, .faq details > summary{ padding-right: 2.75rem; }main a[href^="mailto:"]{ overflow-wrap: anywhere; }@keyframes r13-fade{ 
  0% { opacity: 0; transform: translateY(-4px); }
  100% { opacity: 1; transform: none; }
}@media (hover: hover){main a[href^="sms:"]:not(.btn):hover, main a[href^="mailto:"]:not(.btn):hover{ text-decoration-color: var(--gold,#ffd23f); }}a, button, summary{ -webkit-tap-highlight-color: rgba(255, 210, 63, 0.25); }@media (max-width: 600px){.serving-links .sep{ display: none; }.serving-links a{ display: inline-flex; align-items: center; min-height: 44px; margin-right: 1rem; }}html{ scrollbar-color: rgb(255, 210, 63) rgb(11, 16, 48); }@media (forced-colors: active){.btn, .ka-tab, .tm-card, .px-box, .quest-btn, .who{ border: 2px solid canvastext; }}@keyframes r14Invite{ 
  0%, 100% { box-shadow: 5px 5px 0 var(--shadow,#0b1030); }
  50% { box-shadow: 5px 5px 0 var(--shadow,#0b1030),0 0 18px rgba(255,210,63,.45); }
}@keyframes r15Nudge{ 
  0%, 100% { box-shadow: none; }
  50% { box-shadow: rgba(255, 210, 63, 0.6) -6px 0px 14px -6px; }
}.faq details > summary:hover, details.px-box > summary:hover{ background: rgba(255, 210, 63, 0.08); }.faq details > summary + *, details.px-box > summary + *{ max-width: 42em; }.faq summary::after, details.px-box > summary::after{ font-size: 1.05rem; }.askq-check{ min-height: 44px; font-size: 1.15rem; line-height: 1.45; align-items: flex-start !important; }.askq-check input{ flex: 0 0 1.6rem; margin-top: 0.1rem; }footer .wrap > p{ line-height: 1.6; }.skip:focus, .skip:focus-visible{ min-height: 48px; display: inline-flex; align-items: center; padding: 0.75rem 1.1rem; }:target, section[id], .page-head, [id="faq"], [id="vip"], [id="business"], [id="quests"], [id="contact"], [id="class-title"], [id="vip-title"]{ scroll-margin-top: 7.5rem; }@media (max-width: 700px){:target, section[id], .page-head{ scroll-margin-top: 6.25rem; }}@media print{.callbar, .ka-vipstrip, .ka-rail, .scrollmap, .qol-top, .qol-call, .ka-toast, .askq, .askq-back, .acct-nudge, .pad, .top-tools, .fx-dock{ display: none !important; }body::after{ display: none !important; }a{ text-decoration: underline; }}.photo-frame img, .about-grid > img, .photo-alt, main img[src*="christian-"]{ aspect-ratio: 2 / 3; object-fit: cover; height: auto; }.page-head .lead, .hero .lead, .v5-lead{ max-width: 42em; }footer .footer-col h2{ margin: 0px 0px 0.65rem; line-height: 1.35; }footer .wrap > p{ max-width: 62em; }.biz-list li{ line-height: 1.55; padding: 0.15rem 0px; }main a:not(.btn):not(.level):not(.quest-btn):not(.who):not(.task):not(.mg-card){ text-underline-offset: 0.22em; text-decoration-thickness: 2px; }main section + section h2, main .v5-sec + .v5-sec .v5-title, main .v5-sec + .v5-sec .v5-h{ margin-top: 0.15rem; }@media (forced-colors: active){main .px-box, main .tier, main .cabinet, main .pack, .biz-promise li, .pills li, .ct-chips li{ border: 2px solid canvastext; }:target, section[id]{ scroll-margin-top: 7.5rem; }}.callbar.statusbar a.tb-btn{ line-height: 1.3; text-align: center; justify-content: center; }@media (max-width: 700px){html{ scroll-padding-bottom: calc(96px + env(safe-area-inset-bottom)); }}@media (prefers-contrast: more){main a:not(.btn){ text-decoration-thickness: 3px; }main .px-box, main .cabinet, main .tier{ border-color: rgb(255, 255, 255); }main p, main li{ text-shadow: none; }}main li, main details p, main dd{ text-wrap: pretty; }.page-head .label, .label.pop{ text-wrap: balance; }a[href^="mailto:"]{ overflow-wrap: anywhere; }@media (max-width: 340px){.biz-grid{ grid-template-columns: minmax(0px, 1fr); }}@media (prefers-reduced-motion: reduce){.callbar.statusbar a.tb-btn:hover, .callbar.statusbar a.tb-btn:focus-visible, .callbar.statusbar a.tb-btn:active{ transform: none; }}.ka-ar-btn{ display: inline-flex; align-items: center; justify-content: center; min-height: 3.5rem; padding: 0.8rem 1.4rem; font: 700 1.2rem / 1.2 "Atkinson Hyperlegible", system-ui, sans-serif; text-decoration: none; border: 3px solid rgb(0, 10, 36); border-radius: 6px; box-shadow: rgb(0, 10, 36) 5px 5px 0px; cursor: pointer; transition: transform 0.18s, box-shadow 0.18s; }.ka-ar-btn:hover, .ka-ar-btn:focus-visible{ transform: translate(-2px, -2px); box-shadow: rgb(0, 10, 36) 7px 7px 0px; }.ka-ar-btn:active{ transform: translate(3px, 3px); box-shadow: rgb(0, 10, 36) 2px 2px 0px; }.ka-ar-cyan{ background: rgb(45, 226, 230); color: rgb(0, 10, 36); }.ka-ar-navy{ background: rgb(20, 32, 90); color: rgb(255, 255, 255); border-color: rgb(255, 255, 255); box-shadow: rgb(45, 226, 230) 5px 5px 0px; }.ka-ar-navy:hover, .ka-ar-navy:focus-visible{ box-shadow: rgb(45, 226, 230) 7px 7px 0px; }@media (max-width: 640px){.ka-ar-btn{ width: 100%; }}.askq{ position: fixed; inset: 0px; z-index: 9999; display: flex; align-items: center; justify-content: center; padding: 1rem; }.askq[hidden]{ display: none; }.askq-back{ position: absolute; inset: 0px; background: rgba(0, 6, 24, 0.78); opacity: 0; transition: opacity 0.2s; }.askq-box{ position: relative; width: min(36rem, 100%); max-height: calc(-2rem + 100vh); overflow: auto; background: rgb(11, 20, 64); color: rgb(242, 244, 255); border: 3px solid rgb(45, 226, 230); box-shadow: rgb(255, 62, 165) 8px 8px 0px; padding: 1.75rem; opacity: 0; transform: translateY(16px); transition: opacity 0.22s, transform 0.22s; }.askq h2{ font-size: 1.6rem; margin: 0px 0px 0.5rem; padding-right: 2.5rem; }.askq-sub, .askq-done p{ font-size: 1.2rem; line-height: 1.5; }.askq .field{ margin: 1rem 0px; }.askq label{ display: block; font-size: 1.2rem; font-weight: 700; margin-bottom: 0.35rem; }.askq input[type="text"], .askq textarea{ width: 100%; box-sizing: border-box; font: 1.2rem / 1.4 "Atkinson Hyperlegible", system-ui, sans-serif; padding: 0.75rem; border: 3px solid rgb(45, 226, 230); border-radius: 6px; background: rgb(255, 255, 255); color: rgb(0, 10, 36); }.askq-check{ gap: 0.6rem; align-items: center; margin: 1rem 0px; display: flex !important; font-weight: 400 !important; }.askq-check input{ width: 1.6rem; height: 1.6rem; accent-color: rgb(255, 62, 165); }.askq-send{ width: 100%; margin-top: 0.5rem; }.askq-x{ position: absolute; top: 0.75rem; right: 0.75rem; width: 2.75rem; height: 2.75rem; font-size: 1.4rem; background: rgb(20, 32, 90); color: rgb(255, 255, 255); border: 2px solid rgb(255, 255, 255); border-radius: 6px; cursor: pointer; }.askq-err{ background: rgb(255, 224, 239); color: rgb(90, 0, 48); padding: 0.75rem; border-radius: 6px; font-size: 1.1rem; }.askq-fine{ font-size: 1.1rem; text-align: center; }.askq-fine a{ color: rgb(45, 226, 230); }.askq-done{ text-align: center; }.askq-done:focus{ outline: 0px; }@media (prefers-reduced-motion: reduce){.askq-box, .askq-back, .ka-ar-btn{ transition: none; }}:root{ --cart-r: 14px; --cart-line: #3d3a78; --cart-sh: #ff3ea5; --cart-gold: #ffd23f; --cart-panel: rgba(21,26,61,.82); }svg.ci{ image-rendering: pixelated; filter: drop-shadow(rgba(255, 210, 63, 0.35) 0px 0px 4px); background: none !important; border: 0px !important; box-shadow: none !important; padding: 0px !important; animation: auto ease 0s 1 normal none running none !important; }svg.ci.qn{ filter: none; }.px-box, .card, .v5-card, .who-panel, .quest-result, .ka-perk, .td-tier, .level, .task, .sv-box, .ka-nudge > .px-box{ backdrop-filter: blur(6px); transition: transform 0.22s cubic-bezier(0.2, 0.8, 0.2, 1), box-shadow 0.22s; border: 2px solid var(--cart-line) !important; border-radius: var(--cart-r) !important; background: var(--cart-panel) !important; box-shadow: 5px 5px 0 var(--cart-sh),0 0 28px rgba(143,123,255,.14) !important; outline: 0px !important; }.px-box::before, .px-box::after, .card::before, .card::after{ border-radius: inherit; }.card:hover, .v5-card:hover, .level:hover, .ka-perk:hover, .td-tier:hover{ transform: translate(-2px, -2px); box-shadow: 7px 7px 0 var(--cart-sh),0 0 36px rgba(255,210,63,.18) !important; }.btn, .quest-btn, .td-chip, .tierchip, button.pill, .ka-bal{ border: 2px solid var(--cart-line) !important; border-radius: 11px !important; box-shadow: 3px 3px 0 var(--cart-sh) !important; transition: transform 0.12s, box-shadow 0.12s !important; }.btn:hover, .quest-btn:hover, .td-chip:hover{ transform: translate(-1px, -1px); box-shadow: 4px 4px 0 var(--cart-sh),0 0 18px rgba(255,62,165,.35) !important; }.btn:active, .quest-btn:active, .td-chip:active{ transform: translate(3px, 3px) !important; box-shadow: 0 0 0 var(--cart-sh) !important; }.btn-primary, .btn-gold{ border-color: rgb(20, 16, 46) !important; box-shadow: 3px 3px 0 var(--cart-sh),0 0 20px rgba(255,210,63,.35) !important; }.ka-bal{ border-color: var(--cart-gold) !important; box-shadow: 2px 2px 0 var(--cart-sh),0 0 14px rgba(255,210,63,.3) !important; border-radius: 999px !important; }input:not([type="checkbox"]):not([type="radio"]):not([type="range"]), select, textarea{ border: 2px solid var(--cart-line) !important; border-radius: 10px !important; box-shadow: rgba(0, 0, 0, 0.35) 2px 2px 0px inset !important; }input:focus, select:focus, textarea:focus{ border-color: var(--cart-gold) !important; outline: 0px !important; box-shadow: rgba(0, 0, 0, 0.35) 2px 2px 0px inset, rgba(255, 210, 63, 0.35) 0px 0px 0px 3px !important; }.fx-dock{ border-top: 2px solid var(--cart-line) !important; border-radius: 16px 16px 0px 0px !important; box-shadow: rgba(255, 62, 165, 0.5) 0px -4px 0px !important; }main img:not([class*="icon"]){ border-radius: 12px; border: 2px solid var(--cart-line); box-shadow: 5px 5px 0 var(--cart-sh); }@media (prefers-reduced-motion: reduce){.card, .btn, .td-chip{ transition: none !important; }}.levelnav a{ transition: transform 0.12s, box-shadow 0.12s; border: 2px solid var(--cart-line) !important; border-radius: 12px !important; box-shadow: 3px 3px 0 var(--cart-sh) !important; background: var(--cart-panel) !important; }.levelnav a:hover{ transform: translate(-1px, -1px); }.levelnav a[aria-current="page"]{ border-color: rgb(20, 16, 46) !important; box-shadow: 3px 3px 0 var(--cart-sh),0 0 18px rgba(255,210,63,.4) !important; background: var(--cart-gold) !important; }.statusbar .btn, .topbar .btn, .callbar a{ border-radius: 10px !important; }.co-pack, .set-panel, .acct-cta, .askq-box, main details, .game-card, .gm-card, .city-card, .tm-card{ border: 2px solid var(--cart-line) !important; border-radius: var(--cart-r) !important; box-shadow: 4px 4px 0 var(--cart-sh) !important; }main details > summary{ border-radius: 12px; }.ka-ar-btn, .askq button, .set-panel button, .top-tools button, .top-tools a{ border-radius: 11px !important; box-shadow: 3px 3px 0 var(--cart-sh) !important; }.ka-ar-btn:active, .askq button:active{ transform: translate(3px, 3px) !important; box-shadow: 0 0 0 var(--cart-sh) !important; }.qol-top{ bottom: var(--ka-chat-clear,16px) !important; }.btn, .quest-btn, .td-chip, .tierchip, .ka-ar-btn, .levelnav a, .tx-chip, .askq button, .fx-dock a{ min-height: 48px; }footer a{ display: inline-block; padding: 0.55rem 0.2rem; min-height: 44px; line-height: 1.9; }main p, main li{ line-height: 1.6; }svg.ka-kit{ image-rendering: pixelated; shape-rendering: crispedges; filter: none !important; background: none !important; }.logo svg.ka-kit{ vertical-align: middle; margin-right: 0.35rem; filter: drop-shadow(rgba(255, 210, 63, 0.45) 0px 0px 6px) !important; }main .assist a, main .td-biz a, main .ka-cta-3 a, main .pcall a{ padding: 0.6em 0px; -webkit-box-decoration-break: clone; box-decoration-break: clone; }@media (max-width: 390px){.wrap, main > .wrap, .page-head .wrap{ padding-left: 1.05rem; padding-right: 1.05rem; }.px-box, ol.levels .level, .co-pack{ margin-left: 0px; margin-right: 0px; }}@media (max-width: 699px){.px-box:not(.btn):not(form){ border-width: 3px; }}@media (prefers-reduced-motion: reduce){.tm-card:hover, .tm-card:focus-visible, .fx-tilt:hover{ transform: none !important; }}details > summary{ min-height: 48px; display: flex; align-items: center; padding-top: 0.55rem; padding-bottom: 0.55rem; }@media (max-width: 699px){.footer-col a, .nf-links a{ display: inline-flex; align-items: center; min-height: 44px; padding: 0.35rem 0px; }}.skip:focus, .skip:focus-visible{ outline: rgb(255, 210, 63) solid 3px; outline-offset: 2px; background: rgb(11, 16, 48); color: rgb(255, 255, 255); z-index: 10000; }:root{ --green: #2de2e6; }main .v5-sec, main section.alt, main .ka-gc-tease{ padding-top: clamp(3.25rem, 6vw, 5.5rem) !important; padding-bottom: clamp(3.25rem, 6vw, 5.5rem) !important; }main .v5-sec h2, main section h2{ margin-bottom: 1.1rem; }main .wrap > p, main .wrap > ul{ margin-bottom: 1.15rem; }@media (min-width: 760px){.levelnav ul{ justify-content: center; }.levelnav{ padding-left: 1rem; padding-right: 1rem; }}@media (min-width: 1100px){main .wrap{ max-width: 1140px; margin-left: auto; margin-right: auto; }main .wrap > p, main .lead{ max-width: 46rem; }.v5-hero .wrap > p, .v5-hero .lead{ margin-left: auto; margin-right: auto; }}@media (min-width: 1600px){main .wrap{ max-width: 1240px; }html{ font-size: 106.25%; }}.btn, .quest-btn, .task, .levelnav a{ transition: transform 0.18s cubic-bezier(0.22, 0.8, 0.3, 1), box-shadow 0.18s, background-color 0.18s; }main p{ max-width: 72ch; }main [class*="grid"] p, main .card p, main td p{ max-width: none; }.ka-perks8{ gap: 0.9rem; grid-template-columns: repeat(4, 1fr) !important; }.ka-perks8 .ka-perk{ flex-direction: column; align-items: flex-start; text-align: left; gap: 0.5rem; padding: 1rem; min-height: 9.5rem; }.ka-perks8 .ka-perk b{ display: block; font-size: 1.12rem; color: rgb(255, 255, 255); margin-bottom: 0.25rem; }.ka-perks8 .ka-perk span{ font-size: 1rem; line-height: 1.4; color: rgb(230, 226, 255); }@media (max-width: 900px){.ka-perks8{ grid-template-columns: 1fr 1fr !important; }}@keyframes tbcoin{ 
  0% { opacity: 0; transform: translateY(-4px); }
  8% { opacity: 1; }
  18% { opacity: 1; transform: translateY(12px); }
  20%, 100% { opacity: 0; transform: translateY(12px); }
}@media (min-width: 641px){.statusbar{ grid-template-columns: 1fr auto 1fr auto !important; }}html.ka-chat-late #ka-live{ visibility: hidden; opacity: 0; }#ka-live{ transition: opacity 0.3s; }.cd-modal{ position: fixed; inset: 0px; z-index: 2147483600; background: rgba(2, 3, 20, 0.82); display: grid; place-items: center; padding: 1rem; }.cd-modal[hidden]{ display: none; }.cd-box{ position: relative; max-width: 520px; width: 100%; padding: 1.5rem; background: rgb(11, 16, 48); text-align: center; }.cd-box h2{ margin: 0.4rem 0px; }.cd-sum{ font-size: 1.3rem; margin: 0.3rem 0px; }.cd-note{ font-size: 1.05rem; line-height: 1.5; }.cd-help{ font-size: 1.05rem; }.cd-x{ position: absolute; top: 0.5rem; right: 0.5rem; background: 0px center; border: 2px solid rgb(143, 123, 255); color: rgb(255, 255, 255); font-size: 1.2rem; width: 2.6rem; height: 2.6rem; cursor: pointer; }.cd-stage{ position: relative; height: 110px; margin: 0px auto; width: 160px; }.cd-coin{ position: absolute; left: 50%; top: 0px; width: 34px; height: 34px; margin-left: -17px; background: rgb(255, 210, 63); border: 4px solid rgb(255, 243, 160); box-shadow: rgb(224, 168, 0) -4px -4px 0px inset; }.cd-pop{ position: absolute; left: 0px; right: 0px; bottom: -6px; font-weight: 900; color: rgb(255, 210, 63); letter-spacing: 0.08em; opacity: 0; }@keyframes cdDrop{ 
  0% { transform: translateY(-30px); }
  70% { transform: translateY(52px); opacity: 1; }
  100% { transform: translateY(60px) scaleY(0.2); opacity: 0; }
}@keyframes cdPop{ 
  0% { opacity: 0; transform: translateY(8px); }
  100% { opacity: 1; transform: none; }
}.btn, .quest-btn, .td-chip{ transition: transform 0.18s cubic-bezier(0.22, 0.8, 0.3, 1), box-shadow 0.18s, background-color 0.18s, border-color 0.18s !important; }.btn:active, .quest-btn:active, .td-chip:active{ transition-duration: 0.06s !important; }@media (prefers-reduced-motion: reduce){.btn:hover, .quest-btn:hover, .td-chip:hover, .task:hover, .levelnav a:hover, .card:hover, .v5-card:hover, .level:hover{ transform: none !important; }}main h2, main h3, .page-head h1{ text-wrap: balance; }main [id], main section{ scroll-margin-top: 6rem; }main p a:not(.btn), main li a:not(.btn), .assist a, .hint a{ text-decoration-thickness: 2px; text-underline-offset: 0.22em; }::selection{ background: rgb(255, 210, 63); color: rgb(11, 16, 48); }@media print{.ka-ship, .ka-shot, .ka-sm, .ka-spop, .ka-nudge, .ka-gate, .katr, .more-quests > summary::after{ display: none !important; }}@media (min-width: 1100px){main .label + h2, main .eyebrow + h2{ margin-top: 0.5rem; }}@media (prefers-reduced-motion: reduce){.ka-spop, .ka-spop .px-box{ animation: auto ease 0s 1 normal none running none !important; transition: none !important; }}.ka-spop .btn{ min-height: 64px !important; }.ka-spop .ka-sp-x{ min-width: 48px; min-height: 48px; }.top-tools{ display: flex; align-items: center; gap: 0.6rem; }header.site .topbar{ padding-bottom: 0.35rem; }header.site .levelnav{ margin-top: 0px; padding-top: 0.2rem; }.grid-3, .grid-2, .who-grid, .biz-grid, .how-steps, .city-cards, .ka-perks8, .bk-choices, .quest-grid, .about-expect, .contact-grid{ align-items: stretch; }.grid-3 > *, .grid-2 > *, .who-grid > *, .biz-grid > *, .how-steps > *, .city-cards > *, .bk-choices > *, .quest-grid > *, .about-expect > *{ height: 100%; box-sizing: border-box; margin-top: 0px; margin-bottom: 0px; }@media (min-width: 900px){.grid-3, .biz-grid, .how-steps, .city-cards{ display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 1.2rem !important; }.biz-box, .v5-card, .how-steps > li{ display: flex; flex-direction: column; }.biz-box .biz-small, .v5-card p:last-child{ margin-top: auto; }}@media (max-width: 899px){.grid-3, .biz-grid, .how-steps, .city-cards, .grid-2, .about-expect{ grid-template-columns: 1fr !important; }}html.light{ color-scheme: light; }html.light body{ background: rgb(251, 247, 255) !important; color: rgb(29, 18, 54) !important; }html.light .v5-hero, html.light .hero, html.light .page-head, html.light section, html.light .v5-sec{ background: rgb(251, 247, 255) !important; color: rgb(29, 18, 54) !important; }html.light section.alt, html.light .v5-sec.alt{ background: rgb(243, 235, 255) !important; }html.light header.site, html.light .topbar, html.light .levelnav{ background: rgb(255, 255, 255) !important; color: rgb(29, 18, 54) !important; border-color: rgb(255, 63, 180) !important; }html.light .statusbar{ background: rgb(42, 20, 80) !important; }html.light .px-box, html.light .card, html.light .v5-card, html.light .ka-perk, html.light details, html.light .biz-box, html.light .bk-choice, html.light .bk-card, html.light .ct-card, html.light .quest-btn, html.light .task, html.light .set-panel, html.light .cd-box{ background: rgb(255, 255, 255) !important; color: rgb(29, 18, 54) !important; border-color: rgb(194, 0, 122) !important; box-shadow: rgb(240, 180, 0) 4px 4px 0px !important; }html.light h1, html.light h2, html.light h3, html.light .v5-h{ color: rgb(163, 0, 106) !important; text-shadow: none !important; }html.light .label, html.light .bk-tag, html.light dt{ color: rgb(138, 90, 0) !important; }html.light p, html.light li, html.light dd, html.light span, html.light summary, html.light .lead{ color: inherit; text-shadow: none !important; }html.light .ka-perks8 .ka-perk b, html.light .bk-steps b, html.light .bk-price{ color: rgb(29, 18, 54) !important; }html.light .ka-perks8 .ka-perk span{ color: rgb(58, 42, 90) !important; }html.light a{ color: rgb(163, 0, 106); }html.light .btn{ color: rgb(29, 18, 54); background: rgb(255, 255, 255); border-color: rgb(194, 0, 122); }html.light .btn-primary, html.light .btn-gold{ background: rgb(255, 210, 63) !important; color: rgb(29, 18, 54) !important; border-color: rgb(163, 0, 106) !important; }html.light .btn-navy{ background: rgb(163, 0, 106) !important; color: rgb(255, 255, 255) !important; }html.light .levelnav a{ background: rgb(255, 255, 255) !important; color: rgb(29, 18, 54) !important; border-color: rgb(194, 0, 122) !important; }html.light .levelnav a[aria-current]{ background: rgb(255, 210, 63) !important; }html.light .logo{ color: rgb(163, 0, 106) !important; text-shadow: none !important; }html.light .tool-btn{ background: rgb(255, 255, 255) !important; color: rgb(29, 18, 54) !important; border-color: rgb(194, 0, 122) !important; }html.light footer, html.light footer.site{ background: rgb(42, 20, 80) !important; color: rgb(255, 255, 255) !important; }html.light footer h2, html.light footer h3{ color: rgb(255, 210, 63) !important; }html.light footer a{ color: rgb(255, 255, 255) !important; }html.light input, html.light textarea, html.light select{ background: rgb(255, 255, 255) !important; color: rgb(29, 18, 54) !important; border-color: rgb(163, 0, 106) !important; }html.light .v5-pix{ filter: drop-shadow(rgb(163, 0, 106) 2px 2px 0px); }html.light body :not(canvas):not(svg):not(rect){ -webkit-text-fill-color: currentcolor; }html.light .v5-lead, html.light .lead{ color: rgb(42, 26, 72) !important; opacity: 1 !important; }html.light .btn-primary, html.light .btn-primary *{ color: rgb(29, 18, 54) !important; }html.light .statusbar, html.light .statusbar *{ color: rgb(255, 255, 255); }html.light .statusbar .tb-btn{ color: rgb(29, 18, 54) !important; }html.light .comet::before, html.light .comet::after{ opacity: 0.35; }html.light .fx-dock a, html.light .fx-dock .btn, html.light .fx-dock .bar-l, html.light .fx-dock .bar-k{ color: rgb(29, 18, 54) !important; }html.light .skip, html.light a.skip, html.light .skip-link{ background: rgb(255, 255, 255) !important; color: rgb(163, 0, 106) !important; border: 3px solid rgb(194, 0, 122) !important; }html.light .skip:focus, html.light .skip:focus-visible, html.light a.skip:focus-visible{ outline: rgb(255, 210, 63) solid 3px !important; outline-offset: 2px !important; }html.light .ref-banner, html.light .callbar:not(.callbar-fixed):not(.sticky-call){ background: rgb(243, 235, 255) !important; color: rgb(29, 18, 54) !important; border-color: rgb(194, 0, 122) !important; }html.light .ref-banner a, html.light .callbar a{ color: rgb(163, 0, 106) !important; }html.light .ka-nudge{ background: rgba(40, 20, 70, 0.55) !important; }html.light .ka-nudge .px-box, html.light .ka-nudge > .px-box{ background: rgb(255, 255, 255) !important; color: rgb(29, 18, 54) !important; border-color: rgb(194, 0, 122) !important; }html.light .ka-nudge h2{ color: rgb(163, 0, 106) !important; text-shadow: none !important; }html.light .ka-nudge p, html.light .ka-nudge-perks li{ color: rgb(42, 26, 72) !important; }html.light .ka-nudge .btn:not(.btn-primary){ border-color: rgb(194, 0, 122) !important; color: rgb(29, 18, 54) !important; }html.light .askq-back{ background: rgba(40, 20, 70, 0.55) !important; }html.light .askq-box{ background: rgb(255, 255, 255) !important; color: rgb(29, 18, 54) !important; border-color: rgb(194, 0, 122) !important; box-shadow: rgb(240, 180, 0) 8px 8px 0px !important; }html.light .askq h2, html.light .askq-sub, html.light .askq-done p, html.light .askq label{ color: rgb(29, 18, 54) !important; }html.light .askq-fine a{ color: rgb(163, 0, 106) !important; }html.light .askq-x{ background: rgb(243, 235, 255) !important; color: rgb(163, 0, 106) !important; border-color: rgb(194, 0, 122) !important; }html.light #ka-live, html.light #ka-live .ka-live-panel, html.light #ka-live .ka-chat-panel{ background: rgb(255, 255, 255) !important; color: rgb(29, 18, 54) !important; border-color: rgb(194, 0, 122) !important; }html.light form label, html.light .field label, html.light .area-check label{ color: rgb(29, 18, 54) !important; font-weight: 700; }html.light .cd-box{ background: rgb(255, 255, 255) !important; color: rgb(29, 18, 54) !important; }html.light .cd-box h2, html.light .cd-sum, html.light .cd-sum b{ color: rgb(29, 18, 54) !important; }html.light .cd-note, html.light .cd-help{ color: rgb(58, 42, 90) !important; }html.light .cd-pop{ color: rgb(138, 90, 0) !important; }html.light .cd-x{ border-color: rgb(194, 0, 122) !important; color: rgb(163, 0, 106) !important; }@media (prefers-reduced-motion: reduce){.cd-play .cd-coin, .cd-play .cd-pop, .cd-coin, .cd-pop{ animation: auto ease 0s 1 normal none running none !important; }.cd-coin{ top: 20px !important; transform: none !important; opacity: 1 !important; }}@media (prefers-reduced-motion: reduce){#ka-live{ transition: none !important; }}.biz-list li{ line-height: 1.5; min-height: 2.6rem; align-items: center; font-size: 1.12rem !important; }.biz-small{ font-size: 1.08rem !important; line-height: 1.5; }.bk-how ~ section details > summary, section[aria-labelledby="faq-title"] details > summary, #faq-title ~ details > summary{ min-height: 48px !important; padding-top: 0.65rem !important; padding-bottom: 0.65rem !important; font-size: 1.15rem !important; }@media print{.cd-modal, #cd-modal, #ka-live, .ka-chat-open{ display: none !important; }}#cost, #cost-title, #bk-how-title, #b-title, #faq-title, #business, .bk-how, [id="cost"]{ scroll-margin-top: 6.5rem; }@media (max-width: 700px){#cost, #cost-title, #bk-how-title, #b-title, #faq-title{ scroll-margin-top: 5.5rem; }}:root{ --green: #22e6ff !important; }.top-tools{ align-items: center; gap: 0.75rem !important; }@media (min-width: 641px) and (max-width: 900px){.top-tools{ gap: 0.5rem !important; }}@media (max-width: 390px){.bk-how .wrap, .alt#cost .wrap, section.alt .wrap{ padding-left: 1rem; padding-right: 1rem; }}html.light .ka-perks8 .ka-perk{ background: rgb(255, 255, 255) !important; }html.light .ka-perk b{ color: rgb(163, 0, 106) !important; }.cd-box, .bk-choices, .bk-card{ max-width: 100%; box-sizing: border-box; }.levelnav ul{ align-items: stretch; }.nav-tok{ display: flex; }.cd-packs{ list-style: none; padding: 0px; margin: 0.8rem 0px; display: grid; grid-template-columns: 1fr 1fr; gap: 0.6rem; }.cd-pack{ display: flex; flex-direction: column; align-items: center; padding: 0.8rem 0.5rem; border: 3px solid rgb(34, 230, 255); background: rgb(5, 5, 26); text-decoration: none; font-size: 1.1rem; min-height: 5rem; color: rgb(255, 255, 255) !important; }.cd-pack span{ font-size: 1.5rem; font-weight: 900; color: rgb(255, 210, 63); }.cd-pack em{ font-style: normal; font-size: 0.9rem; color: rgb(255, 159, 214); }.cd-pack.on, .cd-pack:hover, .cd-pack:focus-visible{ border-color: rgb(255, 63, 180); background: rgb(42, 20, 88); outline: rgb(255, 210, 63) solid 3px; }.cd-box{ max-height: 92vh; overflow: auto; }html.light .cd-pack{ background: rgb(255, 255, 255) !important; color: rgb(29, 18, 54) !important; }html.light .cd-pack span{ color: rgb(163, 0, 106); }html.light, html.light body{ background: rgb(251, 247, 255) !important; }html.light::before{ content: ""; position: fixed; inset: 0px; z-index: -1; pointer-events: none; transform: translateZ(0px); background-image: radial-gradient(circle at 18% 22%, rgba(255, 63, 180, 0.16), transparent 38%), radial-gradient(circle at 82% 30%, rgba(143, 123, 255, 0.18), transparent 40%), radial-gradient(circle at 55% 80%, rgba(255, 210, 63, 0.16), transparent 42%), radial-gradient(circle, rgba(163, 0, 106, 0.45) 1px, transparent 1.6px), radial-gradient(circle, rgba(143, 123, 255, 0.45) 1px, transparent 1.6px), radial-gradient(circle, rgba(212, 160, 0, 0.5) 1.2px, transparent 1.8px) !important; background-size: 100% 100%, 100% 100%, 100% 100%, 97px 89px, 151px 137px, 211px 193px !important; background-position: 0px 0px, 0px 0px, 0px 0px, 13px 21px, 71px 43px, 37px 97px !important; }html.light .v5-hero, html.light .hero, html.light .page-head, html.light section, html.light .v5-sec{ background: transparent !important; }html.light section.alt, html.light .v5-sec.alt{ background: rgba(243, 235, 255, 0.6) !important; }@keyframes kaLightDrift{ 
  100% { background-position: 0px 0px, 0px 0px, 0px 0px, 110px 110px, -151px 137px, 211px -193px; }
}@keyframes tokDrop{ 
  0% { opacity: 0; transform: translateY(-6px); }
  10% { opacity: 1; }
  24% { opacity: 1; transform: translateY(30px); }
  27%, 100% { opacity: 0; transform: translateY(30px); }
}@keyframes tokBob{ 
  0%, 100% { transform: translateY(0px); }
  50% { transform: translateY(-2px); }
}@keyframes tokGlow{ 
  0%, 22%, 100% { color: rgb(255, 210, 63); }
  30% { color: rgb(255, 255, 255); }
}.ka-perk-earn{ border-color: rgb(255, 210, 63) !important; box-shadow: rgb(255, 63, 180) 4px 4px 0px !important; }html.light .statusbar .tb-mid, html.light .statusbar .tb-mid *{ color: rgb(29, 18, 54) !important; -webkit-text-fill-color: rgb(29, 18, 54) !important; }.tok-machine svg, .cd-coin, .ka-tr, .reveal{ will-change: transform; }@keyframes tokGlow{ 
  0%, 22%, 100% { opacity: 1; }
  30% { opacity: 0.6; }
}.tok-machine, .acct-nudge, .statusbar{ contain: layout paint; isolation: isolate; }.cd-pack{ min-height: 48px; min-width: 44px; touch-action: manipulation; justify-content: center; box-sizing: border-box; }@media (prefers-reduced-motion: reduce){.tok-machine:hover svg, .bk-card:hover, .cd-pack:hover, .biz-go:hover{ transform: none !important; }}@media print{.tok-machine::before, .cd-modal, #cd-modal, .cd-box{ display: none !important; }}@media (max-width: 390px){.bk-packs, .bk-card, .bk-trust, .cd-box, .cd-packs, .bk-promise{ max-width: 100%; box-sizing: border-box; }body, html{ overflow-x: hidden; }}#buy, #cost, #bk-how-title, .bk-how, #faq, section#cost, section.bk-how, section[aria-labelledby="faq-title"]{ scroll-margin-top: 5.5rem; }.tok-machine, .bk-badge, .bk-pop, .cd-pack, .biz-go, .bk-promise{ --ok: #22e6ff; --good: #22e6ff; }.bk-save, .bk-for em, .cd-pack em{ color: rgb(255, 210, 63) !important; }html.light .cd-pack em{ color: rgb(138, 90, 0) !important; }html.light .cd-pack{ box-shadow: rgb(240, 180, 0) 3px 3px 0px; border-color: rgb(34, 230, 255) !important; }html.light .cd-pack b{ color: rgb(29, 18, 54) !important; }html.light .cd-pack.on, html.light .cd-pack:hover, html.light .cd-pack:focus-visible{ border-color: rgb(194, 0, 122) !important; background: rgb(243, 235, 255) !important; }@media print{.nav-tok, .tok-machine{ animation: auto ease 0s 1 normal none running none !important; }}@media (max-width: 390px){.cd-packs{ gap: 0.55rem; grid-template-columns: 1fr !important; }.cd-box{ padding: 1rem 0.85rem; width: min(100%, 360px); }}.bk-promise, #faq-title, section[aria-labelledby="faq-title"] h2{ scroll-margin-top: 5.5rem; }@media print{#ka-live, .ka-nudge, .askq-back{ display: none !important; }}.faq details p, details.px-box p, section[aria-labelledby="faq-title"] details p, #faq details p{ font-size: 1.2rem !important; line-height: 1.65 !important; }footer, .footer-cols, .footer-col, footer p, .footer-col a, footer li{ font-size: 1.12rem !important; line-height: 1.55 !important; }.footer-col h2, .footer-col h3{ letter-spacing: 0.04em; font-size: 1.05rem !important; line-height: 1.4 !important; }#settings-toggle, .set-toggle.tool-btn{ min-width: 52px; touch-action: manipulation; min-height: 52px !important; padding: 0.45rem 0.9rem !important; }.levelnav a, #levelnav a, .lv-links a{ justify-content: center; touch-action: manipulation; box-sizing: border-box; min-height: 52px !important; display: inline-flex !important; align-items: center !important; padding: 0.55rem 0.7rem !important; }.fx-dock a, .fx-dock .btn, .fx-dock.bar-v a, .fx-dock.bar-a a, .fx-dock.bar-c a, .fx-dock.bar-d a{ touch-action: manipulation; box-sizing: border-box; min-height: 52px !important; }.askq-send, .askq .askq-send, .askq button[type="submit"]{ width: 100%; display: inline-flex; align-items: center; justify-content: center; touch-action: manipulation; min-height: 52px !important; font-size: 1.1rem !important; }#ka-live, .ka-chat-open, #ka-live button, .ka-live-launch{ min-width: 52px; touch-action: manipulation; min-height: 52px !important; }@media (max-width: 700px){.footer-col a, .footer-links a, footer nav a{ padding: 0.35rem 0.25rem; touch-action: manipulation; min-height: 52px !important; display: inline-flex !important; align-items: center !important; }}html.light .ka-perks8 .ka-perk, html.light .ka-perk{ background: rgb(255, 255, 255) !important; color: rgb(29, 18, 54) !important; border-color: rgb(194, 0, 122) !important; }html.light .ka-perk b, html.light .ka-perk span b{ color: rgb(163, 0, 106) !important; }html.light .ka-perk span{ color: rgb(29, 18, 54) !important; }html.light footer, html.light .footer-cols{ background: rgb(247, 242, 255) !important; color: rgb(29, 18, 54) !important; border-top-color: rgb(194, 0, 122) !important; }html.light .footer-col h2, html.light .footer-col h3{ color: rgb(163, 0, 106) !important; }html.light .footer-col a, html.light footer a{ color: rgb(163, 0, 106) !important; }html.light footer p, html.light .footer-col li{ color: rgb(29, 18, 54) !important; }html.light .askq-box, html.light .askq .px-box{ background: rgb(255, 255, 255) !important; color: rgb(29, 18, 54) !important; border-color: rgb(194, 0, 122) !important; }html.light .askq h2, #askq-h, html.light .askq-sub, html.light .askq-fine{ color: rgb(29, 18, 54) !important; }html.light .askq h2, #askq-h{ color: rgb(163, 0, 106) !important; }html.light .askq label{ color: rgb(29, 18, 54) !important; }@media (max-width: 390px){.nav-tok, .tok-machine{ max-width: 100%; box-sizing: border-box; }.top-tools, .statusbar{ flex-wrap: wrap; max-width: 100%; overflow: hidden; }}@media (max-width: 390px){#levelnav, .levelnav, .lv-links{ max-width: 100%; overflow: auto hidden; padding-left: 0.5rem; padding-right: 0.5rem; box-sizing: border-box; gap: 0.45rem !important; }.levelnav a{ flex: 1 1 auto; min-width: 0px; font-size: 0.85rem; }html, body{ overflow-x: hidden; }}@media (max-width: 390px){.wrap, main, .page-head .wrap, footer .wrap{ max-width: 100%; padding-left: 0.85rem; padding-right: 0.85rem; box-sizing: border-box; }.ref-banner, .fx-dock, .cd-modal, .askq-box{ max-width: 100vw; box-sizing: border-box; }}@media (prefers-reduced-motion: reduce){.ka-ship, .ka-shot{ display: none !important; animation: auto ease 0s 1 normal none running none !important; }}@media (prefers-reduced-motion: reduce){.fx-stars, .stars, [class*="particle"], .galaxy-bg, body::before, body::after{ animation: auto ease 0s 1 normal none running none !important; }}@media (prefers-reduced-motion: reduce){.quest-btn:hover, .levelnav a:hover{ transform: none !important; }}@media print{#ka-live, .ka-nudge, .askq, .askq-back, .askq-box, .tok-machine, .nav-tok, .fx-dock, .ka-ship, .cd-modal, #cd-modal, .set-panel, #settings-panel, .ref-banner, .menu-toggle{ display: none !important; }}@media print{.ct-term, footer, .footer-cols, .ref-box, .ka-perk, .quest-btn{ background: rgb(255, 255, 255) !important; color: rgb(0, 0, 0) !important; box-shadow: none !important; border-color: rgb(0, 0, 0) !important; }a{ text-decoration: underline; color: rgb(0, 0, 0) !important; }}html.light body[data-page="business"] .px-box, html.light body[data-page="business"] .biz-card, html.light .biz-grid .px-box{ background: rgb(255, 255, 255) !important; color: rgb(29, 18, 54) !important; border-color: rgb(194, 0, 122) !important; }@media (max-width: 390px){#settings-toggle, .menu-toggle, #menu-toggle{ font-size: 0.95rem; min-height: 52px !important; padding: 0.4rem 0.65rem !important; }.set-txt{ font-size: 0.9rem; }}.faq details > summary, details.px-box > summary{ touch-action: manipulation; min-height: 52px !important; font-size: 1.18rem !important; line-height: 1.45 !important; padding-top: 0.7rem !important; padding-bottom: 0.7rem !important; }html.light .levelnav a, html.light #levelnav a{ background: rgb(255, 255, 255) !important; color: rgb(29, 18, 54) !important; border-color: rgb(194, 0, 122) !important; }html.light .levelnav a[aria-current="page"], html.light #levelnav a[aria-current="page"]{ background: rgb(255, 210, 63) !important; color: rgb(29, 18, 54) !important; }@media (max-width: 390px){.askq-box{ max-width: calc(-1.2rem + 100vw); padding: 1rem 0.85rem; box-sizing: border-box; width: min(100%, 360px) !important; }.askq-send{ min-height: 52px !important; }}.cd-packs .cd-pack, .cd-modal .cd-pack{ flex-direction: column; justify-content: center; align-items: center; touch-action: manipulation; box-sizing: border-box; min-height: 52px !important; display: flex !important; padding: 0.65rem 0.85rem !important; }.cd-x, .cd-modal .cd-x{ touch-action: manipulation; min-height: 52px !important; min-width: 52px !important; }.cd-modal .cd-no, .cd-box .cd-no{ touch-action: manipulation; min-height: 52px !important; padding: 0.55rem 1.1rem !important; }.cd-box h2, #cd-h, .cd-sum, .cd-note, .cd-help{ font-size: 1.15rem !important; line-height: 1.55 !important; }.cd-box h2, #cd-h{ font-size: clamp(1.25rem, 3vw, 1.55rem) !important; line-height: 1.35 !important; }.cd-pack b, .cd-packs .cd-pack b{ font-size: 1.15rem !important; line-height: 1.3 !important; }.cd-pack span, .cd-pack em{ font-size: 1.05rem !important; line-height: 1.35; }body[data-page="business"] .biz-note, body[data-page="business"] .biz-small, .biz-promise li, .biz-list li{ font-size: 1.12rem !important; line-height: 1.55 !important; }html.light .cd-box, html.light .cd-modal .cd-box{ background: rgb(255, 255, 255) !important; color: rgb(29, 18, 54) !important; border-color: rgb(194, 0, 122) !important; box-shadow: rgb(240, 180, 0) 6px 6px 0px !important; }html.light .cd-box h2, html.light #cd-h{ color: rgb(163, 0, 106) !important; }html.light .cd-sum, html.light .cd-note, html.light .cd-help{ color: rgb(29, 18, 54) !important; }html.light .cd-pack{ background: rgb(255, 248, 232) !important; color: rgb(29, 18, 54) !important; border-color: rgb(194, 0, 122) !important; }html.light .cd-pack b{ color: rgb(163, 0, 106) !important; }html.light .cd-x{ color: rgb(29, 18, 54) !important; border-color: rgb(194, 0, 122) !important; }@media (max-width: 390px){.cd-modal{ padding: 0.55rem !important; }.cd-box{ max-width: calc(-1rem + 100vw); box-sizing: border-box; width: min(100%, 360px) !important; padding: 1rem 0.75rem !important; }.cd-packs{ display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 0.55rem !important; }.cd-pack{ min-width: 0px; width: 100%; }}@media (prefers-reduced-motion: reduce){.cd-coin, .cd-pop, .cd-play .cd-coin, .cd-play .cd-pop{ animation: auto ease 0s 1 normal none running none !important; }.cd-pop{ opacity: 1 !important; }}@media print{.cabinets .screen, .cd-stage, .cd-coin, .cd-slot, .cd-pop, .nf .continue .cursor{ display: none !important; }}@media print{.bk-packs .bk-card, .bk-menu .bk-item, .biz-box, .biz-promise li, .quest-btn, .task{ background: rgb(255, 255, 255) !important; color: rgb(0, 0, 0) !important; box-shadow: none !important; border-color: rgb(0, 0, 0) !important; }}.statusbar a, .statusbar .btn, .callbar a, .callbar .btn, .footer-cols a, .footer-col a, footer .serving-links a{ touch-action: manipulation; min-height: 48px !important; display: inline-flex !important; align-items: center !important; }.footer-col, .footer-cols p, .footer-col li{ font-size: 1.05rem !important; line-height: 1.55 !important; }@media print{body[data-page="refer"] .px-box, body[data-page="contact"] .ct-term, body[data-page="contact"] .px-box, body[data-page="service-area"] .card, body[data-page^="game-"] .tip-box, .footer-cols, .statusbar, .callbar{ background: rgb(255, 255, 255) !important; color: rgb(0, 0, 0) !important; box-shadow: none !important; border-color: rgb(0, 0, 0) !important; }.statusbar, .callbar{ display: none !important; }}body[data-page="home"] .ka-perk, body[data-page="home"] .ka-perks span, body[data-page="home"] .ka-lead{ font-size: 1.12rem !important; line-height: 1.55 !important; }body[data-page="home"] .ka-perk b{ display: block; margin-bottom: 0.15rem; font-size: clamp(1.05rem, 2.2vw, 1.2rem) !important; }body[data-page="home"] .faq details p, body[data-page="home"] .faq summary{ font-size: 1.15rem !important; line-height: 1.6 !important; }body[data-page="home"] .faq summary{ font-weight: 700; }body[data-page="home"] .hero .btn, body[data-page="home"] .actions .btn, body[data-page="home"] .ka-cta .btn, body[data-page="home"] .acct-cta .btn, body[data-page="home"] .biz-go, body[data-page="home"] .biz-btn{ justify-content: center; touch-action: manipulation; box-sizing: border-box; min-height: 52px !important; display: inline-flex !important; align-items: center !important; padding: 0.65rem 1.15rem !important; }html.light body[data-page="home"] .who-panel, html.light body[data-page="home"] .px-box, html.light body[data-page="home"] .card, html.light body[data-page="home"] .area-check, html.light body[data-page="home"] .faq details{ background: rgb(255, 255, 255) !important; color: rgb(29, 18, 54) !important; border-color: rgb(194, 0, 122) !important; box-shadow: rgb(240, 180, 0) 4px 4px 0px !important; }html.light body[data-page="home"] .who-panel h3, html.light body[data-page="home"] .v5-h{ color: rgb(163, 0, 106) !important; }@media (max-width: 390px){body[data-page="home"] .hero .actions, body[data-page="home"] .ka-cta, body[data-page="home"] .acct-cta .wrap{ display: flex; flex-direction: column; gap: 0.55rem; align-items: stretch; }body[data-page="home"] .hero .btn, body[data-page="home"] .ka-cta .btn, body[data-page="home"] .acct-cta .btn{ width: 100%; justify-content: center; }body[data-page="home"] .who-grid, body[data-page="home"] .ka-perks{ display: grid !important; grid-template-columns: 1fr !important; gap: 0.65rem !important; }}body[data-page="home"] .acct-cta, body[data-page="home"] .acct-cta p{ font-size: 1.15rem !important; line-height: 1.55 !important; }body[data-page="home"] .acct-cta{ border-left: 4px solid rgb(255, 210, 63); padding: 0.85rem 1rem; border-radius: 0px 12px 12px 0px; background: rgba(255, 210, 63, 0.1); }html.light body[data-page="home"] .acct-cta{ background: rgba(255, 210, 63, 0.22) !important; color: rgb(29, 18, 54) !important; }.cd-modal .cd-sum, .cd-modal .cd-note, .cd-modal .cd-help, #cd-modal .cd-sum, #cd-modal .cd-note, #cd-modal .cd-help{ font-size: 1.12rem !important; line-height: 1.55 !important; }.cd-modal #cd-h, #cd-modal #cd-h{ font-size: clamp(1.2rem, 2.8vw, 1.45rem) !important; line-height: 1.3 !important; }.cd-pack b, .cd-pack span, .cd-pack em{ font-size: 1.08rem !important; line-height: 1.4 !important; }.cd-pack{ touch-action: manipulation; box-sizing: border-box; min-height: 52px !important; display: flex !important; align-items: center !important; }html.light .cd-box, html.light #cd-modal .cd-box{ background: rgb(255, 248, 231) !important; color: rgb(29, 18, 54) !important; border-color: rgb(194, 0, 122) !important; box-shadow: rgb(240, 180, 0) 6px 6px 0px !important; }html.light .cd-pack{ background: rgb(255, 255, 255) !important; color: rgb(29, 18, 54) !important; border-color: rgb(194, 0, 122) !important; }html.light #cd-h{ color: rgb(163, 0, 106) !important; }.levelnav a, .nav a.tok-machine, a.tb-insert, .tb-btn{ touch-action: manipulation; min-height: 48px !important; display: inline-flex !important; align-items: center !important; }html.light body[data-page="home"], html.light body[data-page="book"], html.light body[data-page="business"], html.light body[data-page="about"], html.light body[data-page="quest"], html.light body[data-page="login"]{ background-image: radial-gradient(80% 50% at 20% 10%, rgba(255, 63, 180, 0.08), transparent 55%), radial-gradient(60% 40% at 80% 30%, rgba(34, 230, 255, 0.07), transparent 50%), radial-gradient(50% 35% at 50% 80%, rgba(255, 210, 63, 0.06), transparent 55%) !important; background-attachment: fixed; }@media print{body[data-page="home"] .who-panel, body[data-page="home"] .px-box, body[data-page="home"] .faq details, body[data-page="book"] .bk-card, body[data-page="book"] .bk-item, body[data-page="book"] .bk-promise, body[data-page="business"] .biz-box, body[data-page="about"] .quote, body[data-page="quest"] .quest-result, body[data-page="login"] .ps-card{ background: rgb(255, 255, 255) !important; color: rgb(0, 0, 0) !important; box-shadow: none !important; border-color: rgb(0, 0, 0) !important; }.tok-machine, .cd-modal, #cd-modal, .acct-cta{ display: none !important; }}.skip:focus, .skip:focus-visible{ outline-offset: 2px; position: fixed !important; left: 1rem !important; top: 1rem !important; z-index: 9999 !important; background: rgb(29, 18, 54) !important; color: rgb(255, 210, 63) !important; border: 3px solid rgb(255, 63, 180) !important; padding: 0.75rem 1.1rem !important; min-height: 48px !important; font-size: 1.1rem !important; outline: rgb(255, 210, 63) solid 3px !important; }@media (max-width: 390px){.cd-packs, #cd-modal .cd-packs{ display: grid !important; grid-template-columns: 1fr !important; gap: 0.5rem !important; }.cd-box, #cd-modal .cd-box{ box-sizing: border-box; max-width: 100% !important; margin: 0.5rem !important; padding: 0.85rem 0.7rem !important; }.cd-pack{ width: 100%; justify-content: space-between; }}:root{ --f-line: #3d3a78; --f-sh: #ff3fb4; --f-gold: #ffd23f; --f-bg: #0f1338; --f-txt: #f4f1ff; --f-r: 11px; --f-gap: 1.15rem; }html.light{ --f-line: #c9b6e8; --f-sh: #ff3fb4; --f-gold: #c98f00; --f-bg: #fff; --f-txt: #1d1236; }form label:not(.choice), form legend, .field > label{ display: block; font-weight: 700; font-size: 1.15rem; margin: 0px 0px 0.4rem; letter-spacing: 0.01em; color: var(--f-gold) !important; }html.light form label:not(.choice), html.light form legend{ color: rgb(138, 0, 89) !important; }form label small, form .hint, .field small{ display: block; font-weight: 400; font-size: 1rem; color: inherit; opacity: 0.8; margin-top: 0.15rem; }form label:not(.choice)::before, form legend::before{ content: none !important; }form .field, form > p, form fieldset{ margin: 0 0 var(--f-gap) !important; }form input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="hidden"]):not([type="submit"]):not([type="button"]), form select, form textarea{ width: 100%; min-height: 3.25rem; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; transition: border-color 0.12s, box-shadow 0.12s; padding: 0.7rem 1rem !important; font-size: 1.15rem !important; color: var(--f-txt) !important; background: var(--f-bg) !important; border: 2px solid var(--f-line) !important; border-radius: var(--f-r) !important; box-shadow: 3px 3px 0 var(--f-sh) !important; }form textarea{ min-height: 8rem; line-height: 1.5; }form input:focus, form select:focus, form textarea:focus{ border-color: var(--f-gold) !important; outline: 0px !important; box-shadow: 3px 3px 0 var(--f-sh),0 0 0 3px rgba(255,210,63,.4) !important; }form ::placeholder{ color: var(--f-txt); opacity: 0.55; }form input[type="radio"], form input[type="checkbox"]{ accent-color: rgb(255, 63, 180); flex: 0 0 auto; margin: 0px; width: 1.4rem !important; height: 1.4rem !important; }form button[type="submit"], form input[type="submit"]{ min-height: 3.25rem; }@media (prefers-reduced-motion: reduce){form input, form select, form textarea, .pxs-btn{ transition: none !important; }}.levelnav .nav-in a{ border-color: var(--cart-line) !important; }.btn, button, .levelnav a, .pxs-btn, form .choice, .who, .cd-pack, .tok-machine, .fx-dock a, .mg-card, .tool-btn{ transition: transform 0.12s cubic-bezier(0.2, 0.7, 0.3, 1), box-shadow 0.12s cubic-bezier(0.2, 0.7, 0.3, 1), border-color 0.12s, background-color 0.12s !important; }.btn:active, button:active, .levelnav a:active, .pxs-btn:active, form .choice:active, .who:active, .cd-pack:active, .mg-card:active, .tool-btn:active{ transform: translate(2px, 2px) !important; box-shadow: 1px 1px 0 var(--cart-sh,#ff3fb4) !important; }.btn:focus-visible, button:focus-visible, a:focus-visible, .pxs-btn:focus-visible, [tabindex]:focus-visible{ outline: rgb(255, 210, 63) solid 3px !important; outline-offset: 3px !important; }.grid-3 > *, .grid-2 > *, .how-steps > li, .ka-perks > *, .bk-packs > *{ height: 100%; }@media (prefers-reduced-motion: reduce){.btn, button, .levelnav a, .pxs-btn, form .choice{ transition: none !important; }}#business .actions .btn{ min-height: 58px; font-size: 1.25rem !important; padding: 0.95rem 1.6rem !important; }@media (max-width: 640px){.statusbar, .callbar.statusbar{ grid-template-columns: auto 1fr auto; align-items: center; gap: 0.35rem 0.6rem; padding: 0.35rem 0.6rem; overflow: hidden; min-height: 48px; max-height: 56px; display: grid !important; flex-wrap: nowrap !important; }.statusbar .tb-mid{ display: flex; gap: 0.55rem; overflow: hidden; min-width: 0px; justify-content: center; }.statusbar .tb-date, .statusbar .tb-hi, .statusbar .tb-ref{ display: none !important; }.statusbar .tb-insert{ min-height: 44px; white-space: nowrap; font-size: 0.72rem !important; padding: 0.45rem 0.7rem !important; }.statusbar .tb-tok, .statusbar .tb-p1{ font-size: 0.62rem !important; }body[data-page="home"] .hero .actions{ order: 2; margin: 0.6rem 0px 0.8rem; }body[data-page="home"] .hero .actions .btn:not(.btn-primary){ display: none !important; }body[data-page="home"] .hero .actions .btn-primary{ min-height: 56px; width: 100%; justify-content: center; font-size: 1.25rem !important; padding: 1rem 1.4rem !important; }body[data-page="home"] .hero .wrap{ display: flex; flex-direction: column; }body[data-page="home"] .hero .hero-loc{ order: 0; }body[data-page="home"] .hero h1, .hero .v5-stage{ order: 1; }}.label, .sv-label, .hero-loc{ min-height: 1.4em; }p.label{ min-height: 1.5rem; }.ka-inv-strip, .ka-inv-brk, canvas.v5-pix, .stars, .px-stars{ contain: strict; }@media (prefers-reduced-motion: reduce){*, ::before, ::after{ animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; }}.btn:active, button:active, .levelnav a:active, .pxs-btn:active, .who:active, .cd-pack:active{ transform: translate(2px, 2px) !important; }a.ka-bal[hidden], a.ka-bal:empty{ display: none !important; visibility: hidden !important; }img{ height: auto; max-width: 100%; }@font-face{ font-family: "Atkinson Hyperlegible"; font-display: swap; }@font-face{ font-family: "Press Start 2P"; font-display: swap; }:root{ --mbar-h: 56px; }.logo-short{ display: none; }.logo-full{ display: inline; }@media (min-width: 641px){.statusbar, .callbar.statusbar{ grid-template-columns: auto 1fr auto; align-items: center; gap: 0.5rem 1rem; padding: 0.45rem 1rem; display: grid !important; flex-wrap: nowrap !important; }.statusbar .tb-mid{ display: flex; flex-wrap: nowrap; justify-content: center; gap: 0.5rem 1.2rem; overflow: hidden; }.statusbar .tb-insert, .statusbar .tb-ref{ justify-self: auto; width: auto; }header.site .topbar{ display: flex; align-items: center; justify-content: space-between; gap: 0.75rem; min-height: 56px; padding: 0.5rem 1rem; }header.site .top-tools{ display: flex; align-items: center; gap: 0.5rem; }header.site .set-txt{ display: inline; }}@media (max-width: 640px){.statusbar, .callbar.statusbar{ display: none !important; }.logo-full{ display: none !important; }.logo-short{ display: inline !important; }header.site{ position: sticky; top: 0px; z-index: 600; border-bottom: 3px solid rgb(34, 230, 255); box-shadow: rgb(255, 63, 180) 0px 3px 0px; background: rgb(11, 16, 48) !important; }html.light header.site{ background: rgb(255, 255, 255) !important; }header.site .topbar{ display: flex; align-items: center; justify-content: space-between; gap: 0.4rem; height: calc(var(--mbar-h) - 3px); min-height: calc(var(--mbar-h) - 3px); max-height: calc(var(--mbar-h) - 3px); padding: 0px 0.55rem; overflow: visible; flex-wrap: nowrap !important; }header.site .logo{ display: inline-flex; align-items: center; gap: 0.4rem; min-width: 0px; flex: 1 1 auto; line-height: 1.2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 0.78rem !important; }header.site .logo svg, header.site .logo img{ width: 28px; height: 28px; flex: 0 0 auto; }header.site .top-tools{ display: flex; align-items: center; gap: 0.35rem; flex: 0 0 auto; }header.site .top-tools .tool-btn{ align-items: center; justify-content: center; gap: 0.25rem; width: 48px; min-width: 48px; max-width: none; height: 48px; min-height: 48px; max-height: 48px; padding: 0px; margin: 0px; font: 700 0.65rem / 1 "Press Start 2P", monospace; box-sizing: border-box; display: inline-flex !important; border: 2px solid rgb(61, 58, 120) !important; border-radius: 11px !important; background: rgb(21, 26, 61) !important; color: rgb(255, 210, 63) !important; box-shadow: rgb(255, 63, 180) 2px 2px 0px !important; }html.light header.site .top-tools .tool-btn{ background: rgb(255, 255, 255); color: rgb(29, 18, 54); border-color: rgb(194, 0, 122); }header.site .top-tools .tool-btn:active{ transform: translate(2px, 2px); box-shadow: rgb(255, 63, 180) 0px 0px 0px; }header.site .set-txt, .header .menu-txt, .menu-txt{ display: none; }header.site .set-gear{ width: 18px; height: 18px; }.statusbar{ max-height: none; }header.site .levelnav{ position: absolute; left: 0px; right: 0px; top: var(--mbar-h); background: rgb(11, 16, 48); border-bottom: 3px solid rgb(255, 63, 180); z-index: 601; max-height: calc(100dvh - var(--mbar-h)); overflow: auto; }html.light header.site .levelnav{ background: rgb(255, 255, 255); }header.site .levelnav ul{ display: flex; flex-direction: column; gap: 0.35rem; padding: 0.6rem; }header.site .levelnav a, header.site .levelnav .tok-machine{ min-height: 48px; width: 100%; justify-content: flex-start; }body{ padding-top: 0px; }}@media (max-width: 400px){header.site .logo{ font-size: 0.7rem !important; }header.site .top-tools{ gap: 0.28rem; }header.site .top-tools .tool-btn{ min-width: 42px; height: 42px; min-height: 42px; padding: 0px 0.45rem; }}@media (max-width: 640px){header.site .levelnav{ display: none; }header.site .set-wrap{ position: relative; }header.site .set-panel{ right: 0px; left: auto; top: calc(100% + 6px); z-index: 700; }}@media (max-width: 640px){header.site .top-tools .tool-btn.m-tok, header.site .top-tools .tool-btn.set-toggle, header.site .top-tools .tool-btn.menu-toggle{ height: 48px !important; min-height: 48px !important; max-height: 48px !important; padding: 0px 0.5rem !important; font-size: 0.65rem !important; line-height: 1 !important; }header.site .top-tools .tool-btn.set-toggle, header.site .top-tools .tool-btn.menu-toggle{ width: 48px !important; min-width: 48px !important; padding: 0px !important; }}@media (max-width: 400px){header.site .top-tools .tool-btn.m-tok, header.site .top-tools .tool-btn.set-toggle, header.site .top-tools .tool-btn.menu-toggle{ height: 44px !important; min-height: 44px !important; }}@media (max-width: 640px){header.site .top-tools .tool-btn.m-tok, header.site .top-tools #settings-toggle.set-toggle.tool-btn, header.site .top-tools #menu-toggle.menu-toggle.tool-btn{ height: 48px !important; min-height: 48px !important; max-height: 48px !important; min-width: 48px !important; padding: 0px 0.45rem !important; box-sizing: border-box !important; }header.site .top-tools #settings-toggle.set-toggle.tool-btn, header.site .top-tools #menu-toggle.menu-toggle.tool-btn{ width: 48px !important; padding: 0px !important; }header.site .topbar{ height: 56px !important; min-height: 56px !important; max-height: 56px !important; }header.site{ box-sizing: border-box; }}@media (max-width: 640px){header.site .top-tools #settings-toggle.set-toggle.tool-btn, header.site .top-tools .menu-toggle.tool-btn, header.site .top-tools .m-tok.tool-btn{ height: 48px !important; min-height: 48px !important; max-height: 48px !important; width: 48px !important; min-width: 48px !important; padding: 0px !important; }}.v5-hero .v5-title{ min-height: clamp(4.8rem, 18vw, 9.5rem); display: flex; align-items: center; justify-content: center; }.v5-hero .v5-fallback{ min-height: inherit; }@media (min-width: 641px){header.site .topbar{ min-height: 56px; padding: 0.45rem 1rem; gap: 0.75rem; overflow: visible; }header.site .logo{ flex: 0 1 auto; min-width: 0px; }header.site .top-tools{ flex: 0 0 auto; margin-left: auto; }header.site .top-tools #settings-toggle.set-toggle.tool-btn{ align-items: center; gap: 0.4rem; min-width: 0px; height: auto; min-height: 44px; max-height: none; white-space: nowrap; display: inline-flex !important; width: auto !important; padding: 0.4rem 0.75rem !important; }header.site .set-txt{ display: inline !important; }}@media (min-width: 641px){header.site .topbar{ justify-content: space-between; min-height: 56px; height: auto; padding: 0.55rem 1.25rem 0.55rem 1rem; box-sizing: border-box; overflow: visible; display: flex !important; align-items: center !important; }header.site .top-tools{ display: flex; align-items: center; gap: 0.5rem; align-self: center; }header.site .top-tools #settings-toggle.set-toggle.tool-btn{ height: 44px !important; min-height: 44px !important; max-height: 44px !important; width: auto !important; min-width: 0px !important; padding: 0.35rem 0.8rem !important; line-height: 1 !important; box-sizing: border-box !important; }header.site .levelnav{ clear: both; }}.statusbar, .callbar.statusbar{ min-height: 52px; box-sizing: border-box; }@media (max-width: 640px){.statusbar, .callbar.statusbar{ min-height: 0px !important; height: 0px !important; margin: 0px !important; padding: 0px !important; border: 0px !important; overflow: hidden !important; }}@media (min-width: 641px){.statusbar .tb-date{ min-width: 12ch; }.statusbar .tb-tok{ min-width: 9ch; }}.v5-hero .v5-title, .v5-hero .v5-stage, .v5-hero .v5-fallback{ contain: layout style; }@media (max-width: 700px){.fx-dock.bar-v{ display: grid !important; font-family: "Atkinson Hyperlegible", system-ui, sans-serif; }.fx-dock.bar-v a{ text-decoration: none; -webkit-tap-highlight-color: transparent; }.fx-dock.bar-v .bar-ic{ display: block; width: 24px; height: 20px; }.fx-dock.bar-c{ grid-template-columns: repeat(4, 1fr); gap: 0px; padding: 0 0 env(safe-area-inset-bottom); background: rgb(11, 16, 48); border-top: 3px dashed rgb(255, 210, 63); }.bar-c .bar-k{ display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 0.25rem; min-height: 60px; color: rgb(207, 233, 255); border-right: 2px solid rgb(29, 43, 94); position: relative; }.bar-c .bar-k:last-child{ border-right: 0px; }.bar-c .bar-btn{ color: rgb(34, 230, 255); }.bar-c .k0{ background: rgb(255, 47, 160); color: rgb(11, 16, 48); }.bar-c .k0 .bar-btn{ color: rgb(11, 16, 48); }.bar-c .k2 .bar-btn{ color: rgb(255, 210, 63); }.bar-c .bar-l{ font-size: 0.8rem; font-weight: 700; line-height: 1.1; text-align: center; }.bar-c .k0 .bar-l{ font-family: "Press Start 2P", monospace; font-size: 0.5rem; line-height: 1.4; }}@keyframes barblink{ 
  50% { opacity: 0; }
}@media (max-width: 700px){.fx-dock.bar-c{ padding: 0 0 env(safe-area-inset-bottom); grid-template-columns: 1.2fr 1fr 1fr 1.1fr; }.bar-c .bar-k{ min-height: 58px; padding: 0.35rem 0.1rem; }.bar-c .bar-l{ white-space: nowrap; font-size: 0.78rem; }.bar-c .k0 .bar-l{ font-size: 0.46rem; }}@media (max-width: 370px){.bar-c .bar-l{ font-size: 0.7rem; }.bar-c .k0 .bar-l{ font-size: 0.42rem; }}@media (max-width: 700px){.bar-c .k0 .bar-l{ font-family: "Atkinson Hyperlegible", system-ui, sans-serif; font-size: 0.78rem; font-weight: 700; line-height: 1.1; color: rgb(11, 16, 48); }}@media (max-width: 370px){.bar-c .k0 .bar-l{ font-size: 0.7rem; }}.v5-hero .v5-title{ min-height: 0px !important; display: block; }.v5-hero .v5-fallback{ position: absolute !important; width: 1px !important; height: 1px !important; overflow: hidden !important; clip: rect(0px, 0px, 0px, 0px) !important; white-space: nowrap !important; margin: 0px !important; padding: 0px !important; min-height: 0px !important; }.hero-loc.hl-a{ display: flex; justify-content: center; margin: clamp(0.9rem, 2vw, 1.2rem) auto clamp(0.4rem, 1.2vw, 0.8rem); padding: 0px; background: 0px center; border: 0px; box-shadow: none; min-height: 0px; }.hl-box{ position: relative; display: flex; align-items: center; gap: clamp(0.6rem, 2vw, 1.1rem); margin: 0px; max-width: min(92vw, 720px); padding: clamp(0.75rem, 2vw, 1rem) clamp(1rem, 3vw, 1.8rem); background: rgb(26, 10, 46); border: 4px solid rgb(255, 63, 180); border-radius: 10px; box-shadow: rgb(5, 5, 26) 0px 0px 0px 4px, rgba(255, 63, 180, 0.55) 0px 0px 22px, rgba(255, 63, 180, 0.25) 0px 0px 18px inset; text-align: left; }.hl-box::before, .hl-box::after{ content: ""; position: absolute; left: 12px; right: 12px; height: 6px; background: repeating-linear-gradient(90deg, rgb(255, 210, 63) 0px, rgb(255, 210, 63) 6px, transparent 6px, transparent 16px); pointer-events: none; }.hl-box::before{ top: -13px; }.hl-box::after{ bottom: -13px; }.hl-pin{ flex: 0 0 auto; width: clamp(34px, 7vw, 46px); height: auto; filter: drop-shadow(rgb(5, 5, 26) 2px 3px 0px); }.hl-txt{ display: block; min-width: 0px; }.hl-t1{ display: block; font-family: "Press Start 2P", monospace; font-weight: 400; color: rgb(255, 210, 63); -webkit-text-fill-color: rgb(255, 210, 63); background: 0px center; font-size: clamp(0.95rem, 2.4vw, 1.3rem); line-height: 1.4; letter-spacing: 0.02em; text-shadow: rgb(163, 0, 106) 3px 3px 0px; text-transform: none; }.hl-t2{ display: block; margin-top: 0.45rem; font: 700 clamp(1rem, 2.2vw, 1.15rem) / 1.35 "Atkinson Hyperlegible", system-ui, sans-serif; color: rgb(255, 154, 212); -webkit-text-fill-color: rgb(255, 154, 212); }@media (prefers-reduced-motion: no-preference){html:not(.calm) .hl-box::before, html:not(.calm) .hl-box::after{ animation: 0.9s steps(2) 0s infinite normal none running hlChase; }html:not(.calm) .hl-box::after{ animation-direction: reverse; }html:not(.calm) .hl-pin{ animation: 1.6s steps(2) 0s infinite normal none running hlBob; }}@keyframes hlChase{ 
  100% { background-position: 16px 0px; }
}@keyframes hlBob{ 
  50% { transform: translateY(-4px); }
}html.light .hl-box{ background: rgb(255, 240, 248); box-shadow: rgb(255, 214, 236) 0px 0px 0px 4px, rgba(255, 63, 180, 0.35) 0px 0px 16px; }html.light .hl-box::before, html.light .hl-box::after{ background: repeating-linear-gradient(90deg, rgb(201, 138, 0) 0px, rgb(201, 138, 0) 6px, transparent 6px, transparent 16px); }html.light .hl-t1{ color: rgb(163, 0, 106); -webkit-text-fill-color: rgb(163, 0, 106); text-shadow: rgb(255, 210, 63) 2px 2px 0px; }html.light .hl-t2{ color: rgb(90, 18, 64); -webkit-text-fill-color: rgb(90, 18, 64); }html.light .hl-pin{ filter: drop-shadow(rgb(163, 0, 106) 2px 3px 0px); }@media (max-width: 380px){.hl-box{ padding: 0.7rem 0.8rem; }.hl-t1{ font-size: 0.9rem; }}.hl-t1 .nw{ white-space: nowrap; }.hl-box{ max-width: min(-24px + 100vw, 860px); flex: 0 0 auto; }@media (max-width: 480px){.hl-box{ width: calc(-24px + 100vw); padding: 0.75rem 0.85rem; gap: 0.6rem; }.hl-pin{ width: 30px; }.hl-t1{ font-size: clamp(0.78rem, 3.6vw, 0.95rem); }}@media (max-width: 380px){.hl-t1{ font-size: 0.78rem; }}@media (max-width: 480px){.hero-loc.hl-a{ width: 100vw; max-width: none; position: relative; left: 50%; transform: translateX(-50%); }.hl-box{ width: calc(100% - 24px); }}.hero-loc.hl-a{ margin-bottom: clamp(1.3rem, 3vw, 1.6rem); }header.site{ border-bottom: 3px solid rgb(255, 63, 180) !important; box-shadow: none !important; }header.site .levelnav.tabnav{ clear: both; display: block !important; position: relative !important; inset: auto !important; max-height: none !important; background: transparent !important; border: 0px !important; margin: 0px !important; padding: 0px !important; overflow: hidden !important; }header.site .tabnav ul{ scrollbar-width: none; scroll-snap-type: x; display: flex !important; flex-flow: row !important; justify-content: flex-start !important; align-items: stretch !important; gap: 10px !important; margin: 0px auto !important; padding: 10px 16px 12px !important; list-style: none !important; width: max-content !important; max-width: 100% !important; overflow: auto hidden !important; box-sizing: border-box !important; border: 0px !important; background: none !important; }header.site .tabnav ul::-webkit-scrollbar{ display: none; }header.site .tabnav li{ scroll-snap-align: center; display: block !important; flex: 0 0 auto !important; margin: 0px !important; padding: 0px !important; list-style: none !important; width: auto !important; }header.site .tabnav li > a, header.site .tabnav li > button{ color-scheme: unset; forced-color-adjust: unset; math-depth: unset; position: unset; position-anchor: unset; text-size-adjust: unset; appearance: unset; font-palette: unset; font-synthesis: unset; position-area: unset; text-orientation: unset; text-rendering: unset; text-spacing-trim: unset; -webkit-font-smoothing: unset; -webkit-locale: unset; -webkit-text-orientation: unset; -webkit-writing-mode: unset; writing-mode: unset; zoom: unset; accent-color: unset; align-content: unset; place-self: unset; alignment-baseline: unset; anchor-name: unset; anchor-scope: unset; animation-composition: unset; animation: unset; animation-trigger: unset; app-region: unset; aspect-ratio: unset; backdrop-filter: unset; backface-visibility: unset; background-blend-mode: unset; baseline-shift: unset; baseline-source: unset; block-size: unset; border-block: unset; border-collapse: unset; border-end-end-radius: unset; border-end-start-radius: unset; border-inline: unset; border-shape: unset; border-start-end-radius: unset; border-start-start-radius: unset; inset: unset; box-decoration-break: unset; break-after: unset; break-before: unset; break-inside: unset; buffered-rendering: unset; caption-side: unset; caret-animation: unset; caret-color: unset; caret-shape: unset; clear: unset; clip: unset; clip-path: unset; clip-rule: unset; color-interpolation: unset; color-interpolation-filters: unset; color-rendering: unset; columns: unset; column-fill: unset; rule-break: unset; rule: unset; rule-inset: unset; rule-visibility-items: unset; column-span: unset; contain: unset; contain-intrinsic-block-size: unset; contain-intrinsic-size: unset; contain-intrinsic-inline-size: unset; container: unset; content: unset; content-visibility: unset; corner-shape: unset; corner-block-end-shape: unset; corner-block-start-shape: unset; counter-increment: unset; counter-reset: unset; counter-set: unset; cx: unset; cy: unset; d: unset; dominant-baseline: unset; dynamic-range-limit: unset; empty-cells: unset; field-sizing: unset; fill: unset; fill-opacity: unset; fill-rule: unset; flex: unset; flex-line-count: unset; flex-wrap: unset; float: unset; flood-color: unset; flood-opacity: unset; frame-sizing: unset; grid: unset; grid-area: unset; hyphenate-character: unset; hyphenate-limit-chars: unset; hyphens: unset; image-orientation: unset; image-rendering: unset; initial-letter: unset; inline-size: unset; inset-block: unset; inset-inline: unset; interactivity: unset; interest-delay: unset; interpolate-size: unset; isolation: unset; justify-items: unset; lighting-color: unset; line-break: unset; list-style: unset; margin-block: unset; margin-inline: unset; margin-trim: unset; marker: unset; mask: unset; mask-type: unset; math-shift: unset; math-style: unset; max-block-size: unset; max-height: unset; max-inline-size: unset; min-block-size: unset; min-inline-size: unset; mix-blend-mode: unset; object-fit: unset; object-position: unset; object-view-box: unset; offset: unset; opacity: unset; order: unset; orphans: unset; outline: unset; outline-offset: unset; overflow-anchor: unset; overflow-block: unset; overflow-clip-margin: unset; overflow-inline: unset; overflow-wrap: unset; overflow: unset; overlay: unset; overscroll-behavior-block: unset; overscroll-behavior-inline: unset; overscroll-behavior: unset; padding-block: unset; padding-inline: unset; page: unset; page-margin-safety: unset; page-orientation: unset; paint-order: unset; perspective: unset; perspective-origin: unset; pointer-events: unset; position-try: unset; position-visibility: unset; print-color-adjust: unset; quotes: unset; r: unset; reading-flow: unset; reading-order: unset; resize: unset; rotate: unset; ruby-align: unset; ruby-overhang: unset; ruby-position: unset; rule-overlap: unset; rx: unset; ry: unset; scale: unset; scroll-axis-lock: unset; scroll-behavior: unset; scroll-initial-target: unset; scroll-margin-block: unset; scroll-margin: unset; scroll-margin-inline: unset; scroll-marker-group: unset; scroll-padding-block: unset; scroll-padding: unset; scroll-padding-inline: unset; scroll-snap-align: unset; scroll-snap-stop: unset; scroll-snap-type: unset; scroll-target-group: unset; scroll-timeline: unset; scrollbar-color: unset; scrollbar-gutter: unset; scrollbar-width: unset; shape-image-threshold: unset; shape-margin: unset; shape-outside: unset; shape-rendering: unset; size: unset; speak: unset; stop-color: unset; stop-opacity: unset; stroke: unset; stroke-dasharray: unset; stroke-dashoffset: unset; stroke-linecap: unset; stroke-linejoin: unset; stroke-miterlimit: unset; stroke-opacity: unset; stroke-width: unset; tab-size: unset; table-layout: unset; text-align-last: unset; text-anchor: unset; text-autospace: unset; text-box: unset; text-combine-upright: unset; text-decoration-skip-ink: unset; text-decoration-skip-spaces: unset; text-emphasis: unset; text-emphasis-position: unset; text-fit: unset; text-indent: unset; text-justify: unset; text-overflow: unset; text-transform: unset; text-underline-offset: unset; text-underline-position: unset; text-wrap: unset; timeline-scope: unset; timeline-trigger: unset; touch-action: unset; transform: unset; transform-box: unset; transform-origin: unset; transform-style: unset; translate: unset; trigger-scope: unset; user-select: unset; vector-effect: unset; vertical-align: unset; view-timeline: unset; view-transition-class: unset; view-transition-group: unset; view-transition-name: unset; view-transition-scope: unset; visibility: unset; border-spacing: unset; -webkit-box-align: unset; -webkit-box-decoration-break: unset; -webkit-box-direction: unset; -webkit-box-flex: unset; -webkit-box-ordinal-group: unset; -webkit-box-orient: unset; -webkit-box-pack: unset; -webkit-box-reflect: unset; -webkit-line-break: unset; -webkit-line-clamp: unset; -webkit-mask-box-image: unset; -webkit-rtl-ordering: unset; -webkit-ruby-position: unset; -webkit-tap-highlight-color: unset; -webkit-text-combine: unset; -webkit-text-decorations-in-effect: unset; -webkit-text-security: unset; -webkit-text-stroke: unset; -webkit-user-drag: unset; white-space-collapse: unset; widows: unset; will-change: unset; window-drag: unset; word-break: unset; word-spacing: unset; x: unset; y: unset; z-index: unset; letter-spacing: 0.02em; cursor: pointer; transition: transform 0.12s, box-shadow 0.12s, background-color 0.12s; box-sizing: border-box !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; gap: 6px !important; width: 108px !important; min-width: 108px !important; max-width: 108px !important; height: 68px !important; min-height: 68px !important; padding: 6px 4px !important; margin: 0px !important; border: 2px solid rgb(74, 42, 122) !important; border-radius: 10px !important; background: rgb(20, 11, 48) !important; box-shadow: rgb(255, 63, 180) 0px 3px 0px !important; color: rgb(255, 210, 63) !important; -webkit-text-fill-color: rgb(255, 210, 63) !important; font: 400 10px / 1.2 "Press Start 2P", monospace !important; text-align: center !important; text-decoration: none !important; filter: none !important; text-shadow: none !important; }header.site .tabnav li > a span, header.site .tabnav li > button span{ white-space: nowrap; display: block !important; font: inherit !important; color: inherit !important; -webkit-text-fill-color: inherit !important; background: none !important; filter: none !important; }header.site .tabnav li svg{ flex: 0 0 auto; width: 26px !important; height: 26px !important; margin: 0px !important; }header.site .tabnav li > a:hover, header.site .tabnav li > button:hover{ border-color: rgb(255, 63, 180) !important; }header.site .tabnav li > a:active, header.site .tabnav li > button:active{ transform: translateY(2px) !important; box-shadow: rgb(255, 63, 180) 0px 1px 0px !important; }header.site .tabnav li > a[aria-current="page"]{ background: rgb(255, 210, 63) !important; border-color: rgb(255, 210, 63) !important; color: rgb(26, 10, 46) !important; -webkit-text-fill-color: rgb(26, 10, 46) !important; box-shadow: rgb(163, 0, 106) 0px 3px 0px !important; }header.site .tabnav::before, header.site .tabnav::after{ content: ""; position: absolute; top: 0px; bottom: 0px; width: 28px; pointer-events: none; z-index: 2; opacity: 0; transition: opacity 0.15s; }header.site .tabnav::before{ left: 0px; background: linear-gradient(90deg, rgb(11, 16, 48), rgba(11, 16, 48, 0)); }header.site .tabnav::after{ right: 0px; background: linear-gradient(270deg, rgb(11, 16, 48), rgba(11, 16, 48, 0)); }header.site .tabnav.fade-l::before, header.site .tabnav.fade-r::after{ opacity: 1; }html.light header.site .tabnav li > a, html.light header.site .tabnav li > button{ background: rgb(255, 255, 255) !important; border-color: rgb(230, 179, 212) !important; color: rgb(163, 0, 106) !important; -webkit-text-fill-color: rgb(163, 0, 106) !important; }html.light header.site .tabnav li > a[aria-current="page"]{ background: rgb(255, 210, 63) !important; border-color: rgb(201, 138, 0) !important; color: rgb(26, 10, 46) !important; -webkit-text-fill-color: rgb(26, 10, 46) !important; }html.light header.site .tabnav::before{ background: linear-gradient(90deg, rgb(255, 255, 255), rgba(255, 255, 255, 0)); }html.light header.site .tabnav::after{ background: linear-gradient(270deg, rgb(255, 255, 255), rgba(255, 255, 255, 0)); }@media (max-width: 640px){header.site{ position: relative !important; }header.site .tabnav ul{ gap: 8px !important; padding: 8px 12px 10px !important; }header.site .tabnav li > a, header.site .tabnav li > button{ width: 92px !important; min-width: 92px !important; max-width: 92px !important; height: 62px !important; min-height: 62px !important; font-size: 9.5px !important; }header.site .tabnav li svg{ width: 24px !important; height: 24px !important; }header.site .topbar{ border-bottom: 1px solid rgb(43, 32, 96); }html.light header.site .topbar{ border-bottom-color: rgb(241, 210, 230); }}.kb-sec{ padding-block: clamp(2.75rem, 6vw, 4.75rem) !important; }.kb-intro{ max-width: 46rem; margin: 0px auto 1.6rem; text-align: center; font-size: clamp(1.12rem, 2.4vw, 1.25rem); line-height: 1.65; }.kb-sec > .wrap > .label, .kb-sec > .wrap > h2{ text-align: center; }.kb-grid{ max-width: 1100px; align-items: stretch; display: grid !important; grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)) !important; gap: clamp(0.9rem, 2vw, 1.4rem) !important; margin: 0px auto 1.6rem !important; }.kb-grid.kb-2{ grid-template-columns: repeat(auto-fit, minmax(min(100%, 380px), 1fr)) !important; max-width: 980px; }.kb-grid .biz-box{ display: flex; flex-direction: column; gap: 0.35rem; box-sizing: border-box; height: 100%; padding: clamp(1.1rem, 2.4vw, 1.5rem) !important; margin: 0px !important; }.kb-grid .biz-box h3{ display: flex; align-items: center; flex-wrap: wrap; gap: 0.4rem 0.6rem; min-width: 0px; margin: 0px 0px 0.45rem !important; }.kb-grid .biz-box h3 svg{ flex: 0 0 auto; width: 32px; height: 32px; }.biz-list{ list-style: none; margin: 0px; padding: 0px; }.kb-grid .biz-list li, body[data-page="book"] .biz-list li{ display: flex; justify-content: space-between; align-items: center; gap: 1rem 0.75rem; min-height: 48px; padding: 0.45rem 0px; border-bottom: 2px dashed rgba(34, 230, 255, 0.35); font-size: 1.12rem !important; line-height: 1.45 !important; }.kb-grid .biz-list li:last-child{ border-bottom: 0px; }.kb-grid .biz-list b{ margin-left: auto; text-align: right; }.kb-grid .biz-small{ opacity: 0.92; margin: 0.7rem 0px 0px !important; font-size: 1.05rem !important; line-height: 1.55 !important; }.kb-grid .biz-box .actions{ padding-top: 1rem; display: flex; flex-wrap: wrap; gap: 0.6rem; justify-content: flex-start; margin-top: auto !important; }.kb-sec > .wrap > .actions{ justify-content: center; }html.light .kb-grid .biz-box{ background: rgb(255, 255, 255) !important; color: rgb(29, 18, 54) !important; border-color: rgb(194, 0, 122) !important; box-shadow: rgb(240, 180, 0) 5px 5px 0px !important; }.kb-good{ list-style: none; margin: 0px; padding: 0px; display: grid; gap: 0.25rem; }.kb-good li{ display: flex; align-items: center; gap: 0.75rem; min-height: 48px; font-size: 1.1rem; line-height: 1.45; }.kb-good li svg{ flex: 0 0 auto; width: 28px; height: 28px; }.v5-hero .actions{ display: flex; flex-wrap: wrap; justify-content: center; gap: 0.7rem; }@media (max-width: 640px){.v5-hero .actions .btn{ width: 100%; justify-content: center; }}.tk-anim{ max-width: 1100px; margin: 0px auto 1.8rem; }.tk-row{ list-style: none; margin: 0px; padding: 0px; display: grid; grid-template-columns: repeat(4, 1fr); gap: clamp(0.7rem, 1.6vw, 1.1rem); }@media (max-width: 820px){.tk-row{ grid-template-columns: repeat(2, 1fr); }}@media (max-width: 340px){.tk-row{ grid-template-columns: 1fr; }}.tk-p{ background: rgb(20, 11, 48); border: 3px solid rgb(74, 42, 122); border-radius: 10px; padding: 0.6rem 0.6rem 0.8rem; box-sizing: border-box; display: flex; flex-direction: column; }.tk-sc{ display: block; width: 100%; height: auto; aspect-ratio: 3 / 2; background: rgb(11, 6, 32); border-radius: 6px; }.tk-cap{ margin: 0.6rem 0px 0px; font-size: 1.05rem; line-height: 1.45; text-align: left; }.tk-cap b{ display: inline-grid; place-items: center; width: 1.7em; height: 1.7em; margin-right: 0.35rem; border-radius: 50%; background: rgb(255, 63, 180); color: rgb(255, 255, 255); font: 400 0.7rem / 1 "Press Start 2P", monospace; vertical-align: 0.1em; }html.light .tk-p{ background: rgb(255, 255, 255); border-color: rgb(230, 179, 212); }html.light .tk-sc{ background: rgb(26, 10, 46); }@keyframes tkBeat{ 
  0%, 22% { border-color: rgb(255, 63, 180); box-shadow: rgba(255, 63, 180, 0.45) 0px 0px 18px; }
  27%, 100% { border-color: rgb(74, 42, 122); box-shadow: none; }
}@keyframes tkPop{ 
  0% { transform: scale(0.6); opacity: 0; }
  6% { transform: scale(1.06); opacity: 1; }
  10%, 100% { transform: scale(1); opacity: 1; }
}@keyframes tkCur{ 
  0%, 8% { transform: translate(8px, 8px); }
  12% { transform: translate(-8px, -6px); }
  15% { transform: translate(-8px, -4px); }
  20%, 100% { transform: translate(0px, 0px); }
}@keyframes tkCoin{ 
  0% { transform: translateY(-6px); opacity: 0; }
  3% { opacity: 1; }
  14% { transform: translateY(32px); opacity: 1; }
  17% { transform: translateY(34px); opacity: 0; }
  100% { transform: translateY(34px); opacity: 0; }
}@keyframes tkSlot{ 
  0%, 14% { fill: rgb(255, 210, 63); }
  16% { fill: rgb(255, 255, 255); }
  20% { fill: rgb(255, 63, 180); }
  24%, 100% { fill: rgb(255, 210, 63); }
}@keyframes tkKing{ 
  0% { transform: translateX(-40px); opacity: 0; }
  8% { transform: translateX(4px); opacity: 1; }
  11%, 100% { transform: translateX(0px); opacity: 1; }
}@keyframes tkWay{ 
  0% { opacity: 0.2; }
  5%, 100% { opacity: 1; }
}@keyframes tkChk{ 
  0% { transform: scale(0.3); opacity: 0; }
  6% { transform: scale(1.15); opacity: 1; }
  10%, 100% { transform: scale(1); opacity: 1; }
}@keyframes tkSpark{ 
  0%, 100% { opacity: 1; }
  5% { opacity: 0; }
  10% { opacity: 1; }
  15% { opacity: 0.3; }
}.coin-slot{ display: flex; flex-direction: column; align-items: center; gap: 0.4rem; margin: 0px auto 1.6rem; text-align: center; }.coin-slot svg{ width: 96px; height: 72px; }.cs-cap{ margin: 0px; font: 400 0.72rem / 1.6 "Press Start 2P", monospace; color: rgb(255, 210, 63); }.cs-cap span{ display: block; color: rgb(255, 154, 212); }html.light .cs-cap{ color: rgb(163, 0, 106); }html.light .cs-cap span{ color: rgb(90, 18, 64); }@media (prefers-reduced-motion: no-preference){html:not(.calm) .coin-slot.go .cs-coin{ animation: 1.1s cubic-bezier(0.5, 0, 0.8, 0.4) 0s 1 normal both running csDrop; }html:not(.calm) .coin-slot.go .cs-slot{ animation: 1.6s ease 0.9s 1 normal both running csFlash; }}.coin-slot .cs-coin{ transform: translateY(0px); }@keyframes csDrop{ 
  0% { transform: translateY(-6px); opacity: 1; }
  85% { transform: translateY(34px); opacity: 1; }
  100% { transform: translateY(36px); opacity: 0; }
}@keyframes csFlash{ 
  0% { fill: rgb(255, 255, 255); }
  40% { fill: rgb(255, 63, 180); }
  100% { fill: rgb(255, 210, 63); }
}.wrap{ max-width: min(1100px, 100% - 2rem) !important; box-sizing: border-box; }@media (max-height: 500px) and (orientation: landscape){.hero-loc.hl-a{ margin-top: 0.5rem; }}.v5-about{ margin-inline: auto; max-width: 980px !important; }.v5-about img{ max-width: 360px; width: 100%; height: auto; aspect-ratio: 2 / 3; object-fit: cover; }footer .coin-slot{ margin: 1.8rem auto 0.4rem; }footer .coin-slot .cs-cap{ max-width: none; font-size: 0.7rem !important; line-height: 1.7 !important; }#fx-grid{ left: 0px; right: 0px; width: 100% !important; max-width: 100% !important; }.kb-grid .biz-box{ min-width: 0px; }@media (max-width: 820px){.qol-top{ display: none !important; }}html.ka-near-end .qol-top{ opacity: 0 !important; pointer-events: none !important; transform: translateY(12px) !important; }@media (max-width: 700px){body{ padding-bottom: calc(150px + env(safe-area-inset-bottom)) !important; }}.biz-list li{ flex-wrap: nowrap !important; }.biz-list li > span{ flex: 1 1 auto; min-width: 0px; }.biz-list b{ flex: 0 1 auto; margin-left: auto; text-align: right; }body[data-page="book"] .biz-list b, body[data-page="home"] .biz-list b{ max-width: 62%; white-space: normal !important; }header.site .top-tools .m-in{ display: none; }@media (max-width: 760px){header.site .tabnav li.nav-in, header.site .tabnav li.nav-tok, header.site .tabnav li.nav-ref{ display: none !important; }header.site .tabnav ul{ display: grid !important; grid-template-columns: repeat(4, minmax(0px, 1fr)) !important; width: 100% !important; gap: 6px !important; padding: 8px 8px 10px !important; overflow: visible !important; }header.site .tabnav li > a, header.site .tabnav li > button{ width: 100% !important; min-width: 0px !important; max-width: none !important; }header.site .tabnav::before, header.site .tabnav::after{ display: none; }header.site .top-tools .m-in{ align-items: center; justify-content: center; gap: 6px; text-decoration: none; color: rgb(255, 210, 63); display: inline-flex !important; }header.site .top-tools .m-in svg{ width: 22px; height: 22px; }header.site .top-tools .m-in .m-in-t{ font: 400 9px / 1 "Press Start 2P", monospace; }}@media (max-width: 420px){header.site .top-tools .m-in .m-in-t{ display: none; }header.site .tabnav li > a{ font-size: 8.5px !important; }}@media (max-width: 350px){header.site .tabnav li > a{ font-size: 7.5px !important; }header.site .tabnav li svg{ width: 22px !important; height: 22px !important; }}.callbar.statusbar{ display: none !important; }.v5-hero .v5-lead{ margin-top: clamp(1rem, 2.6vw, 1.9rem) !important; }.fx-dock{ grid-template-columns: repeat(4, minmax(0px, 1fr)) !important; }.qol-call{ display: none !important; }.kb-grid.kb-solo{ max-width: 760px; grid-template-columns: 1fr !important; margin: 1.4rem auto 1.6rem !important; }.kb-faq{ max-width: 900px; box-sizing: border-box; margin: 1rem auto 1.4rem !important; padding: 0.4rem clamp(1rem, 2.4vw, 1.5rem) !important; }.kb-faq details{ background: none !important; border-width: 0px 0px 2px !important; border-style: none none dashed !important; border-color: currentcolor currentcolor rgba(34, 230, 255, 0.35) !important; border-image: none !important; box-shadow: none !important; border-radius: 0px !important; margin: 0px !important; padding: 0px !important; }.kb-faq details:last-of-type{ border-bottom: 0px !important; }.kb-faq summary{ justify-content: space-between; align-items: center; gap: 1rem; min-height: 56px; font-weight: 700; cursor: pointer; list-style: none; display: flex !important; padding: 0.7rem 0px !important; font-size: 1.12rem !important; line-height: 1.45 !important; color: inherit !important; background: none !important; border: 0px !important; box-shadow: none !important; }.kb-faq summary::-webkit-details-marker{ display: none; }.kb-faq summary::after{ flex: 0 0 auto; margin-left: auto; content: "+" !important; position: static !important; transform: none !important; font: 400 1rem / 1 "Press Start 2P", monospace !important; color: rgb(255, 210, 63) !important; }.kb-faq details > p{ font-size: 1.08rem; line-height: 1.6; opacity: 0.95; margin: 0px 0px 0.9rem !important; padding: 0px !important; }html.light .kb-faq{ background: rgb(255, 255, 255) !important; color: rgb(29, 18, 54) !important; border-color: rgb(194, 0, 122) !important; box-shadow: rgb(240, 180, 0) 5px 5px 0px !important; }html.light .kb-faq details{ border-bottom-color: rgba(194, 0, 122, 0.35) !important; }html.light .kb-faq summary::after{ color: rgb(163, 0, 106) !important; }.kb-grid .biz-list li{ flex-wrap: wrap !important; row-gap: 0.2rem; }.kb-grid .biz-list li > span{ min-width: 0px; flex: 1 1 8.5rem !important; }.kb-grid .biz-list b{ flex: 0 1 auto !important; max-width: 100% !important; white-space: normal !important; }html.light .biz-list b{ background: none !important; color: rgb(138, 79, 0) !important; -webkit-text-fill-color: rgb(138, 79, 0) !important; text-shadow: none !important; }.kb-faq{ margin-left: 0px !important; margin-right: auto !important; }@media (min-width: 700px){.v5-hero .v5-lead{ margin-top: clamp(1.6rem, 3.4vw, 3rem) !important; }.v5-hero .actions{ margin-top: clamp(1.2rem, 2.4vw, 1.9rem) !important; }}.kb-grid.kb-2{ max-width: 1100px !important; }.kb-sec .wrap > .label, .kb-sec .wrap > .v5-h, .kb-sec .wrap > h2, .kb-sec .wrap > .kb-intro{ max-width: 1100px; box-sizing: border-box; margin-left: auto !important; margin-right: auto !important; }.kb-sec .wrap > .v5-h, .kb-sec .wrap > h2{ margin-bottom: clamp(1rem, 2.4vw, 1.8rem) !important; }.kb-grid .biz-box h3:not(:has(.kb-badge)){ flex-wrap: nowrap !important; align-items: center; }#who .kb-grid .biz-box .actions .btn{ min-width: min(100%, 15rem); justify-content: center; }.kb-sec .wrap > .label, .kb-sec .wrap > .v5-h, .kb-sec .wrap > .kb-intro{ text-align: center !important; }.kb-sec .wrap > .kb-intro{ max-width: 46rem !important; }html.light .ka-gt{ -webkit-text-fill-color: currentcolor !important; background: none !important; text-shadow: none !important; }html.light .fx-dock .bar-k:not(.k0) .bar-l{ color: rgb(255, 255, 255) !important; -webkit-text-fill-color: rgb(255, 255, 255) !important; }html.light .btn-gold .ka-gt, html.light .btn-primary .ka-gt{ color: rgb(29, 18, 54) !important; -webkit-text-fill-color: rgb(29, 18, 54) !important; }.hero-loc.hl-a .hl-t2{ font-weight: 700; font-size: clamp(1.05rem, 2.6vw, 1.35rem) !important; line-height: 1.35 !important; }.v5-hero .hero-actions{ flex-wrap: wrap; justify-content: center; max-width: 820px; margin-left: auto; margin-right: auto; display: flex !important; gap: 0.8rem 1rem !important; }.v5-hero .hero-actions .btn{ min-height: 56px; min-width: min(100%, 14rem); justify-content: center; align-items: center; font-size: 1.08rem !important; display: inline-flex !important; }.v5-hero .hero-call{ margin: 0.9rem auto 0px; font-size: 1.05rem; text-align: center; opacity: 0.92; }.v5-hero .hero-call a{ font-weight: 700; }@media (max-width: 640px){.v5-hero .hero-actions{ flex-direction: column; align-items: stretch; }.v5-hero .hero-actions .btn{ width: 100%; }}.kb-board{ position: relative; max-width: 880px; margin: 1.6rem auto 0px; background: rgb(14, 15, 51); border: 3px solid rgb(255, 63, 180); border-radius: 6px; box-shadow: rgb(255, 63, 180) 5px 5px 0px, rgba(255, 63, 180, 0.25) 0px 0px 22px; padding: 0px 0px 1rem; text-align: left; }.kb-board::before, .kb-board::after{ content: ""; position: absolute; left: 10px; right: 10px; height: 6px; background: repeating-linear-gradient(90deg, rgb(255, 210, 63) 0px, rgb(255, 210, 63) 6px, transparent 6px, transparent 14px); pointer-events: none; }.kb-board::before{ top: -11px; }.kb-board::after{ bottom: -11px; }.kb-board-h{ margin: 0px 0px 0.9rem; padding: 0.65rem 1rem; background: rgb(255, 63, 180); color: rgb(255, 255, 255); font: 400 clamp(0.7rem, 1.8vw, 0.9rem) / 1.5 "Press Start 2P", monospace; text-align: center; letter-spacing: 0.04em; text-transform: uppercase; }.kb-board-l{ list-style: none; margin: 0px; padding: 0px clamp(0.9rem, 2.5vw, 1.4rem); display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 15rem), 1fr)); gap: 0.55rem 1.4rem; }.kb-board-l li{ display: flex; align-items: center; gap: 0.7rem; min-height: 44px; font-size: 1.1rem; font-weight: 600; color: rgb(255, 255, 255); border-bottom: 2px dashed rgba(34, 230, 255, 0.3); margin: 0px !important; padding: 0.25rem 0px !important; }.kb-board-l li::before{ display: none !important; }.kb-board-l svg{ flex: 0 0 auto; width: 28px; height: 28px; }html.light .kb-board{ background: rgb(255, 255, 255); border-color: rgb(194, 0, 122); box-shadow: rgb(240, 180, 0) 5px 5px 0px; }html.light .kb-board-h{ background: rgb(194, 0, 122); }html.light .kb-board-l li{ color: rgb(29, 18, 54); border-bottom-color: rgba(194, 0, 122, 0.3); }@media (prefers-reduced-motion: no-preference){html:not(.calm) .kb-board::before, html:not(.calm) .kb-board::after{ animation: 0.9s steps(2) 0s infinite normal none running hlChase; }html:not(.calm) .kb-board::after{ animation-direction: reverse; }}.set-panel .set-title{ letter-spacing: 0.08em; text-align: center; border-radius: 4px; box-shadow: rgb(163, 0, 106) 3px 3px 0px; display: block !important; margin: -0.2rem -0.2rem 0.6rem !important; padding: 0.5rem 0.7rem !important; background: rgb(255, 63, 180) !important; color: rgb(255, 255, 255) !important; font: 400 0.8rem / 1.4 "Press Start 2P", monospace !important; }html.light .set-panel .set-title{ background: rgb(194, 0, 122) !important; }.kb-sec .actions.kb-one{ justify-content: center; display: flex; }footer .footer-cols{ grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr)); max-width: 1100px; display: grid !important; gap: clamp(0.9rem, 2vw, 1.4rem) !important; margin: 0px auto 1.6rem !important; }footer .footer-col{ background: rgb(14, 15, 51); border-width: 6px 2px 2px; border-style: solid; border-color: rgb(255, 63, 180) rgb(61, 58, 120) rgb(61, 58, 120); border-image: none; border-radius: 6px; box-shadow: rgb(255, 63, 180) 5px 5px 0px; padding: 1rem 1.2rem 1.1rem !important; margin: 0px !important; }footer .footer-col:nth-child(2){ border-top-color: rgb(255, 210, 63); box-shadow: rgb(255, 210, 63) 5px 5px 0px; }footer .footer-col:nth-child(3){ border-top-color: rgb(34, 230, 255); box-shadow: rgb(34, 230, 255) 5px 5px 0px; }footer .footer-col h2{ font: 400 0.85rem / 1.5 "Press Start 2P", monospace !important; color: rgb(255, 210, 63) !important; margin: 0px 0px 0.6rem !important; }footer .footer-col li{ border-bottom: 2px dashed rgba(34, 230, 255, 0.25); margin: 0px !important; }footer .footer-col li:last-child{ border-bottom: 0px; }footer .footer-col li a{ display: flex; align-items: center; min-height: 44px; }html.light footer .footer-col{ background: rgb(255, 255, 255); border-color: rgb(233, 207, 225); }@media (max-width: 640px){body[data-page="home"] .hero .hero-actions{ order: 2; margin: 0.9rem 0px 0.2rem !important; }body[data-page="home"] .hero .hero-actions .btn, body[data-page="home"] .hero .hero-actions .btn:not(.btn-primary){ width: 100%; display: inline-flex !important; margin: 0px !important; font-size: 1.12rem !important; }body[data-page="home"] .hero .hero-call{ order: 2; }body[data-page="home"] .hero .v5-lead{ order: 3; }body[data-page="home"] .hero .kb-board{ order: 5; }}header.site .tabnav li.nav-ref a{ white-space: nowrap; width: auto !important; min-width: 9.6rem !important; max-width: none !important; }html.light button.btn:not(.btn-primary):not(.btn-gold), html.light button.btn.btn-navy{ color: rgb(42, 16, 80) !important; }.sr-only{ width: 1px; height: 1px; padding: 0px; margin: -1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; border: 0px; position: absolute !important; }.pol-mini{ font-size: 0.9em; opacity: 0.85; }@media (max-width: 400px){header.site .top-tools{ gap: 5px !important; }header.site .top-tools .tool-btn{ width: 42px !important; height: 42px !important; min-width: 42px !important; }header.site .logo{ gap: 6px; }}@media (max-width: 400px){header.site .logo .logo-short{ font-size: 10px !important; letter-spacing: 0px !important; }header.site .logo svg{ width: 24px !important; height: 24px !important; }}@media (max-width: 560px){.hl-t2 .hl-br{ display: block; }}.cd-box.cd38{ max-width: 500px; text-align: left; padding: 1.3rem 1.4rem 1.2rem !important; background: rgb(14, 15, 51) !important; border: 3px solid rgb(255, 63, 180) !important; border-radius: 10px !important; box-shadow: rgb(255, 63, 180) 6px 6px 0px !important; }.cd38 .cd-stage{ height: 96px; width: 140px; }.cd38 .cd-slotart{ position: absolute; left: 10px; bottom: 0px; image-rendering: pixelated; }.cd38 .cd-coin{ left: 50%; width: 26px; height: 26px; margin-left: -13px; border-radius: 50%; background: rgb(255, 210, 63); border: 3px solid rgb(255, 243, 160); box-shadow: rgb(224, 168, 0) -3px -3px 0px inset; }.cd38 .cd-pop{ bottom: -14px; text-align: center; font: 400 0.7rem / 1 "Press Start 2P", monospace; }.cd38 .cd-lab{ text-align: center; margin: 0.8rem 0px 0.1rem; }.cd38 #cd-h{ text-align: center; font-weight: 400; text-shadow: rgb(255, 63, 180) 3px 3px 0px; font-family: "Press Start 2P", monospace !important; color: rgb(255, 210, 63) !important; }.cd38 .cd-sum{ text-align: center; font-size: 1.1rem !important; }.cd38 .cd-packs{ list-style: none; padding: 0px; margin: 0.8rem 0px; display: block !important; }.cd38 .cd-packs li{ border-bottom: 2px dashed rgba(34, 230, 255, 0.35); margin: 0px !important; padding: 0px !important; }.cd38 .cd-packs li::before{ display: none !important; }.cd38 .cd-pack{ grid-template-columns: 1fr auto; grid-template-areas: "n p" "e p"; align-items: center; gap: 0px 1rem; width: 100%; min-height: 62px; text-decoration: none; text-align: left; display: grid !important; padding: 0.55rem 0.6rem !important; margin: 0px !important; background: none !important; border: 0px !important; border-radius: 8px !important; box-shadow: none !important; color: rgb(255, 255, 255) !important; }.cd38 .cd-pack b{ grid-area: n; font: 400 0.9rem / 1.4 "Press Start 2P", monospace !important; color: rgb(255, 255, 255) !important; }.cd38 .cd-pack span{ grid-area: p; color: rgb(255, 210, 63); font: 400 1rem / 1 "Press Start 2P", monospace !important; }.cd38 .cd-pack em{ grid-area: e; font-style: normal; color: rgb(196, 202, 232); font-size: 0.98rem !important; }.cd38 .cd-pack:hover, .cd38 .cd-pack:focus-visible, .cd38 .cd-pack.on{ outline: rgb(255, 63, 180) solid 2px; background: rgba(255, 63, 180, 0.16) !important; }.cd38 .cd-note{ text-align: center; }.cd38 .cd-help{ text-align: center; }.cd38 p:last-child{ text-align: center; margin-bottom: 0px; }html.light .cd-box.cd38{ background: rgb(255, 255, 255) !important; border-color: rgb(194, 0, 122) !important; box-shadow: rgb(240, 180, 0) 6px 6px 0px !important; }html.light .cd38 .cd-pack b{ color: rgb(29, 18, 54) !important; }html.light .cd38 .cd-pack span{ color: rgb(138, 79, 0); }html.light .cd38 .cd-pack em{ color: rgb(74, 58, 102); }html.light .cd38 .cd-packs li{ border-bottom-color: rgba(194, 0, 122, 0.3); }html.light .cd38 #cd-h{ color: rgb(122, 10, 82) !important; text-shadow: rgb(255, 210, 63) 2px 2px 0px; }.cd38 .cd-pack b, .cd38 .cd-pack em{ justify-self: start !important; text-align: left !important; }.cd38 .cd-pack span{ justify-self: end !important; }.cd38 .cd-stage{ height: 104px !important; }.cd38 .cd-pop{ bottom: -22px !important; }.cd38 .cd-lab{ margin-top: 1.6rem !important; }.cd38 .cd-pack{ column-gap: 1rem; display: flex !important; flex-wrap: wrap !important; align-items: baseline !important; justify-content: space-between !important; }.cd38 .cd-pack b{ flex: 1 1 auto; order: 1; margin: 0px !important; }.cd38 .cd-pack span{ order: 2; flex: 0 0 auto; }.cd38 .cd-pack em{ order: 3; flex: 1 0 100%; margin-top: 0.15rem; }.cd38 .cd-pack{ flex-wrap: wrap !important; }.cd38 .cd-pack b{ min-width: 0px; flex: 1 1 0px !important; }.cd38 .cd-pack span{ flex: 0 0 auto !important; }.cd38 .cd-pack span{ width: auto !important; display: inline-block !important; margin: 0px !important; }.cd38 .cd-pack b{ display: inline-block !important; width: auto !important; }.cd38 .cd-packs .cd-pack{ flex-direction: row !important; align-items: baseline !important; }body > section.acct-cta{ position: relative; z-index: 1; }.kb-always{ display: flex; align-items: flex-start; gap: 0.75rem; margin: 0.75rem 0px 0px; padding: 0.8rem 0.95rem; border: 2px dashed rgba(255, 210, 63, 0.5); border-radius: 8px; background: rgba(255, 63, 180, 0.07); font-size: 1.1rem; line-height: 1.55; overflow-wrap: break-word; box-sizing: border-box; max-width: 100%; }.kb-always svg{ flex: 0 0 auto; width: 28px; height: 28px; margin-top: 0.15rem; }.kb-always span{ min-width: 0px; }.kb-always b{ color: rgb(255, 210, 63); }html.light .kb-always{ background: rgba(194, 0, 122, 0.06); border-color: rgba(194, 0, 122, 0.45); color: rgb(29, 18, 54); }html.light .kb-always b{ color: rgb(138, 79, 0); }.v5-flare{ position: absolute; left: 0px; top: var(--y,40px); width: 45%; height: 3px; pointer-events: none; z-index: 3; border-radius: 3px; background: linear-gradient(90deg, transparent, rgba(34, 230, 255, 0) 10%, rgb(34, 230, 255) 55%, rgb(255, 255, 255) 80%, rgb(255, 63, 180) 92%, transparent); box-shadow: rgba(34, 230, 255, 0.55) 0px 0px 18px 4px, rgba(255, 63, 180, 0.25) 0px 0px 50px 10px; animation: 1.15s cubic-bezier(0.4, 0, 0.2, 1) 0s 1 normal forwards running v5flare; }/* r44 (Oct 19 2026): readability pass. Text that was hard or impossible to read, found with axe-core + a look at every page.
   Light theme only where noted, and never inside Senior mode (html.easy has its own colors in easy.css). Same colors family: magenta, navy, gold. */
/* r44 #1 light: page title boxes stay navy (as in dark), so their text goes back to white (was dark magenta / dark navy on navy) */
html.light:not(.easy) :is(#quest-title,#sa-title,#city-title,#r-title,#c-title,#fc-title,#pol-title,#nf,#bz-title,#ab-title),
html.light:not(.easy) :is(#quest-title,#sa-title,#city-title,#r-title,#c-title,#fc-title,#pol-title,#nf,#bz-title,#ab-title) *{color:#fff!important;-webkit-text-fill-color:#fff!important}/* r44 #2 light: white buttons (Chat with Christian, Call, Sign in) had gold text on white; now deep magenta */
html.light:not(.easy) .btn:not(.btn-gold):not(.btn-primary):not(.btn-navy):not([aria-pressed="true"]) .ka-gt{color:#a3006a!important;-webkit-text-fill-color:#a3006a!important}/* r44 #3 light (also Senior mode + light): Choose-your-quest cards had white titles and pale blue lines on white cards */
html.light .quest-btn:not([aria-pressed="true"]) .ka-gt,html.light .quest-btn:not([aria-pressed="true"]) > span{color:#1d1236!important;-webkit-text-fill-color:#1d1236!important}html.light .quest-btn:not([aria-pressed="true"]) small,html.light .quest-btn:not([aria-pressed="true"]) small *{color:#3a2a5a!important;-webkit-text-fill-color:#3a2a5a!important}/* r44 #4 light: "Check my area" instructions were pale grey on white */
html.light:not(.easy) .area-check .ac-hint{color:#3a2a5a!important}/* r44 #5 light: Refer "1UP" chips were dark magenta on pink; now white on deep magenta */
html.light:not(.easy) body[data-page="refer"] .tierchip{background:#a3006a!important;color:#fff!important;-webkit-text-fill-color:#fff!important}/* r44 #6 light: Policies "Key point" labels were bright cyan on pale blue */
html.light:not(.easy) .lg-key strong:first-child{color:#006b80!important;-webkit-text-fill-color:#006b80!important}/* r44 #7 dark: small white pixel text on bright pink (home "Why neighbors pick Christian" bar, Policies section numbers): a deeper magenta behind it */
html:not(.light):not(.easy) .kb-board-h{background:#c8107f}html.light:not(.easy) .kb-board-h{color:#fff!important;-webkit-text-fill-color:#fff!important}html:not(.easy) .pol-sec .lg-h .lg-num{background:#c8107f!important}/* r44 #8 light: the little dropdown arrow on the Contact form picker was dark gold on white */
html.light .pxs-caret{color:#a3006a!important}/* r49 audit L1: board header strip at least 14px, white on deeper magenta in every theme (same rule as assets/css/r49.css) */
html:not(.light) .kb-board-h{background:#c8107f}html.light .kb-board-h{background:#c2007a}.kb-board-h{color:#fff!important;-webkit-text-fill-color:#fff!important;font-size:max(14px,clamp(.7rem,1.8vw,.9rem))}/* r49: Senior mode + light also forced navy text on this strip (3:1); keep it white */
html.easy.light #main .kb-board-h{color:#fff!important;-webkit-text-fill-color:#fff!important}