@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Zen+Kaku+Gothic+New&family=Zen+Kurenaido&display=swap";@property --clip-border-width{syntax: "<length>"; inherits: true; initial-value: 0px;}@property --clip-border-inner-radius{syntax: "<length>"; inherits: true; initial-value: 0px;}@property --clip-border-inset{syntax: "<length>"; inherits: true; initial-value: 0px;}@property --clip-border-radius{syntax: "<length>"; inherits: true; initial-value: 0px;}.glowBtn,.clip-border{--clip-border-inner-radius: calc(var(--clip-border-radius) - var(--clip-border-width));--clip-border-inset: max(var(--clip-border-radius), var(--clip-border-width));position:relative;border:var(--clip-border-width) solid #0000;border-radius:var(--clip-border-radius);background-clip:padding-box;background:var(--clip-border-background);background-clip:text;color:#0000;font-weight:700;text-transform:uppercase;corner-shape:bevel;&:before{content:"";position:absolute;pointer-events:none;inset:calc(-1 * var(--clip-border-width));background:repeating-radial-gradient(#fff0,#000,#fff0 45% 50%),var(--clip-border-background);corner-shape:bevel;border-radius:var(--clip-border-radius);clip-path:shape(evenodd from 0 0,hline to 100%,vline to 100%,hline to 0,move to var(--clip-border-width) var(--clip-border-inset),line by var(--clip-border-inner-radius) calc(-1 * var(--clip-border-inner-radius)),hline to calc(100% - var(--clip-border-inset)),line by var(--clip-border-inner-radius) var(--clip-border-inner-radius),vline to calc(100% - var(--clip-border-inset)),line by calc(-1 * var(--clip-border-inner-radius)) var(--clip-border-inner-radius),hline to var(--clip-border-inset),line by calc(-1 * var(--clip-border-inner-radius)) calc(-1 * var(--clip-border-inner-radius)),)}&:after{content:"";position:absolute;pointer-events:none;inset:calc(-1 * var(--clip-border-width));background:var(--clip-border-background);mask:repeating-linear-gradient(90deg,#0000,#fff8 3px),radial-gradient(#0000,#fff);border-radius:var(--clip-border-radius);opacity:.25;corner-shape:bevel}}.glowBtn{--accent-color: cyan;--clip-border-radius: 4px;--clip-border-width: .75px;--clip-border-background: linear-gradient(90deg, oklch(from var(--accent-color) calc(l - .2) c calc(h - 15) ), var(--accent-color), oklch(from var(--accent-color) calc(l - .2) c calc(h - 15) ) );corner-shape:bevel;cursor:pointer;display:inline grid;font-weight:700;font-size:.875rem;padding:1rem 2rem;place-items:center;transition:filter .25s cubic-bezier(.25,1,.51,1.1);&:after{transition:opacity .25s cubic-bezier(.25,1,.51,1.1)}&:hover{filter:brightness(1.5);&:after{opacity:.3}}&.-primary{--accent-color: orange}&.-secondary{--accent-color: lime}}:root{--color-bg: #080c18;--color-surface: #0f1629;--color-surface2: #1a2340;--color-accent: #00bfff;--color-success: #22c55e;--color-warning: #f59e0b;--color-danger: #ef4444;--color-text: #e2e8f0;--color-muted: #a3b3db;--panel-bg: oklch(from var(--color-surface) l c h / .5);--pb-xenobiologist: #34d399;--pb-broker: #f59e0b;--pb-tailor: #94a3b8;--pb-doctor: #06b6d4;--pb-engineer: #f97316;--pb-theorist: #8b5cf6;--pb-soldier: #f87171;--pb-scout: #a3e635;--pb-zealot: #c084fc;--pb-commander: #3b82f6;--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-mono: ui-monospace, "SFMono-Regular", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);min-height:100vh}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--color-surface)}::-webkit-scrollbar-thumb{background:var(--color-surface2);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--color-accent) 50%,var(--color-surface2))}.btn-primary{display:inline-flex;align-items:center;justify-content:center;background:var(--color-accent);color:var(--color-bg);border:1px solid var(--color-accent);padding:.5rem 1rem;border-radius:var(--radius-sm);font-weight:600;font-size:.875rem;font-family:var(--font-sans);cursor:pointer;transition:all .15s;line-height:1;text-decoration:none;&:not(:disabled):hover{filter:brightness(1.1)}&:not(:disabled):active{scale:.95}&:disabled{opacity:.4;cursor:not-allowed}}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;background:var(--color-surface2);color:var(--color-text);border:1px solid var(--color-surface2);padding:.5rem 1rem;border-radius:var(--radius-sm);font-weight:600;font-size:.875rem;font-family:var(--font-sans);cursor:pointer;transition:all .15s;line-height:1;text-decoration:none;&:not(:disabled):hover{border-color:var(--color-accent);color:var(--color-accent)}&:not(:disabled):active{scale:.95}&:disabled{opacity:.4;cursor:not-allowed}}.btn-danger{display:inline-flex;align-items:center;justify-content:center;background:var(--color-danger);color:#fff;border:1px solid var(--color-danger);padding:.5rem 1rem;border-radius:var(--radius-sm);font-weight:600;font-size:.875rem;font-family:var(--font-sans);cursor:pointer;transition:all .15s;line-height:1;&:not(:disabled):hover{filter:brightness(1.1)}&:not(:disabled):active{scale:.95}&:disabled{opacity:.4;cursor:not-allowed}}.input-field{background:var(--color-surface2);border:1px solid var(--color-surface2);color:var(--color-text);border-radius:var(--radius-sm);padding:.5rem .75rem;width:100%;font-family:var(--font-sans);font-size:.875rem;outline:none;transition:border-color .15s;&:focus{border-color:var(--color-accent)}&::placeholder{color:color-mix(in srgb,var(--color-muted) 60%,transparent)}}.form-label{display:block;color:var(--color-muted);font-size:.7rem;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.25rem}.condition-healthy{background:color-mix(in srgb,var(--color-success) 20%,transparent);color:var(--color-success);border:1px solid color-mix(in srgb,var(--color-success) 30%,transparent)}.condition-injured{background:color-mix(in srgb,var(--color-warning) 20%,transparent);color:var(--color-warning);border:1px solid color-mix(in srgb,var(--color-warning) 30%,transparent)}.condition-incapacitated{background:color-mix(in srgb,var(--color-danger) 20%,transparent);color:var(--color-danger);border:1px solid color-mix(in srgb,var(--color-danger) 30%,transparent)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-danger{color:var(--color-danger)}.text-accent{color:var(--color-accent)}.text-muted{color:var(--color-muted)}.outcome-success{color:var(--color-success)}.outcome-mixed{color:var(--color-warning)}.outcome-failure{color:var(--color-danger)}.stat-badge{font-family:var(--font-mono);font-size:.75rem;padding:.125rem .5rem;border-radius:var(--radius-sm);background:var(--color-surface2);color:var(--color-muted)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulseAccent{0%,to{opacity:1}50%{opacity:.6}}.dice-overlay-enter{animation:fadeIn .3s ease forwards}.dice-overlay-exit{animation:fadeOut .5s ease forwards}.pulse-accent{animation:pulseAccent 2s ease-in-out infinite}