:root{--font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;--line-height-base: 1.5;--font-weight-base: 400;--color-bg-page: #24044e;--color-bg-root: #24044e;--color-text-primary: #fdffb6;--color-text-secondary: #c5d1ff;--color-text-muted: #8b8db5;--color-text-light: #6b6d94;--color-text-on-dark: #c5d1ff;--color-text-white: #ffffff;--color-bg-nav: #270272;--color-text-nav-link: #c5d1ff;--color-text-nav-brand: #fdffb6;--color-bg-card: #270272;--color-border-card: #6243a1;--radius-card: 8px;--padding-card: 1.5rem;--color-accent-primary: #6243a1;--color-accent-primary-hover: #7c5cbf;--color-accent-purple: #c5d1ff;--color-accent-red: #fca5a5;--color-bg-section: #270272;--color-bg-skill-tag: #6243a1;--radius-section: 8px;--padding-section: 1rem;--color-link: #fdffb6;--color-link-hover: #c5d1ff;--color-status-ally: #6ee7b7;--color-status-enemy: #fca5a5;--color-status-neutral: #fcd34d;--color-status-safe: #6ee7b7;--color-status-allied: #93c5fd;--color-status-dangerous: #fcd34d;--color-status-hostile: #fca5a5;--color-status-unexplored: #c4b5fd;--color-status-partially-explored: #5eead4;--color-status-default: #9ca3af;--radius-badge: 12px;--padding-badge: .25rem .75rem;--font-size-badge: .8rem;--color-bg-portrait: #270272;--color-border-portrait: #6243a1;--radius-portrait: 23%;--color-home-gradient-start: #24044e;--color-home-gradient-end: #6243a1;--color-home-card-primary-start: #6243a1;--color-home-card-primary-end: #270272;--color-home-card-npc-start: #270272;--color-home-card-npc-end: #24044e;--color-home-card-location-start: #6243a1;--color-home-card-location-end: #24044e;--color-bg-button: #6243a1;--color-bg-button-hover: #7c5cbf;--color-text-button: #fdffb6;--radius-button: 8px;font-family:var(--font-family);line-height:var(--line-height-base);font-weight:var(--font-weight-base);color:var(--color-text-primary);background-color:var(--color-bg-root);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}#root{min-height:100vh}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}h1{font-size:2.5em;line-height:1.1}h2{font-size:1.8em;line-height:1.2}button{border-radius:var(--radius-button);border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--color-bg-button);color:var(--color-text-button);cursor:pointer;transition:background-color .25s}button:hover{background-color:var(--color-bg-button-hover)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.holo-card{position:relative;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;will-change:transform}.holo-card:hover{transform:translateY(-8px);box-shadow:0 15px 35px #0006,0 0 25px #6243a159,0 0 50px #6243a126}.holo-card:after{content:"";position:absolute;top:0;left:-150%;width:60%;height:100%;background:linear-gradient(105deg,transparent 0%,transparent 20%,rgba(253,255,182,.12) 40%,rgba(197,209,255,.28) 50%,rgba(253,255,182,.12) 60%,transparent 80%,transparent 100%);transform:skew(-20deg);z-index:10;pointer-events:none}.holo-card:hover:after{left:200%;transition:left .65s ease-in-out}