*,*:before,*:after{box-sizing:border-box}:root{--hn-orange: #ff6600;--hn-orange-dim: rgba(255, 102, 0, .15);--hn-orange-glow: rgba(255, 102, 0, .35);--bg-base: #080808;--bg-card: rgba(13, 13, 13, .97);--bg-panel: rgba(10, 10, 10, .85);--text-primary: #e8e8e8;--text-dim: rgba(232, 232, 232, .5);--border-subtle: rgba(255, 102, 0, .12);--border-active: rgba(255, 102, 0, .5);--font-pixel: "Press Start 2P", monospace;--font-mono: "Share Tech Mono", monospace;--font-ui: "Inter", sans-serif}:focus-visible{outline:2px solid var(--hn-orange);outline-offset:2px;border-radius:4px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}html,body,#root{margin:0;padding:0;width:100%;height:100%;background:radial-gradient(circle at 50% 100%,#ff66000f,#080808 70%),var(--bg-base);color:var(--text-primary);font-family:var(--font-ui);-webkit-font-smoothing:antialiased}body.swipe-app-active,body.swipe-app-active #root{overflow:hidden}@media(max-width:899px){html,body,#root{height:auto;min-height:100%;overflow-y:auto}}body.auth-modal-open{position:fixed;left:0;right:0;overflow:hidden}#root:before{content:"";position:fixed;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.08) 2px,rgba(0,0,0,.08) 4px);pointer-events:none;z-index:9999}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--hn-orange-dim);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--hn-orange)}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.cursor-blink{display:inline-block;width:2px;height:1em;background:var(--hn-orange);margin-left:2px;vertical-align:text-bottom;animation:blink .8s step-end infinite}@keyframes border-pulse{0%,to{box-shadow:0 0 20px #ff660026,0 20px 60px #000c}50%{box-shadow:0 0 35px #ff660047,0 20px 60px #000c}}@keyframes cardDragHint{0%,to{transform:translate(0) rotate(0)}20%{transform:translate(-10px) rotate(-2deg)}45%{transform:translate(8px) rotate(1.5deg)}70%{transform:translate(-5px) rotate(-1deg)}}@keyframes arrowHintPulse{0%,to{opacity:.35}50%{opacity:1}}.card-glow{animation:border-pulse 3s ease-in-out infinite}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%)}}@keyframes brandPulse{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.2);opacity:1}}@keyframes dropdownIn{0%{opacity:0;transform:scale(.96) translateY(-4px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes undoConfirm{0%{transform:scale(.8);opacity:0}40%{transform:scale(1.1);opacity:1}to{transform:scale(1);opacity:0}}@keyframes radarGrow{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes radarBreathe{0%,to{opacity:1}50%{opacity:.82}}@keyframes skeletonPulse{0%,to{opacity:.5}50%{opacity:1}}@keyframes archetypeReveal{0%{transform:scale(.92);opacity:0}to{transform:scale(1);opacity:1}}@keyframes tourGlow{0%,to{box-shadow:0 0 12px 3px #00ffcc4d,inset 0 0 20px #00ffcc0a}50%{box-shadow:0 0 24px 8px #00ffcc8c,inset 0 0 30px #00ffcc14}}@keyframes orbHalo{0%,to{opacity:.6;transform:scale(.9)}50%{opacity:1;transform:scale(1.1)}}@keyframes orbBright{0%,to{filter:brightness(.92)}50%{filter:brightness(1.22)}}@keyframes ambientPulse{0%,to{opacity:.55}50%{opacity:1}}@keyframes heroRaysRotate{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes heroRaysPulse{0%,to{opacity:.5}50%{opacity:1}}@keyframes kcPulse{0%{transform:scale(1)}40%{transform:scale(1.18)}to{transform:scale(1)}}@keyframes svPulse{0%,to{filter:brightness(1)}40%{filter:brightness(2.1)}}@keyframes tasteBarGlow{0%,to{filter:brightness(1);box-shadow:none}45%{filter:brightness(1.7);box-shadow:0 0 10px currentColor}}