:root{--umber-900:#000000;--umber-800:#050A05;--umber-700:#0C160C;--umber-600:#142014;--umber-500:#1E2E1E;--ink:#1A1C17;--vert:#631D1D;--vert-hi:#872727;--vert-2:#A44242;--gules:#750A17;--gules-hi:#A90E21;--gules-dk:#3D050C;--gold:#ECC05F;--gold-2:#E4A71F;--gold-3:#A87A14;--cream:#E1DDD5;--cream-2:#BFBAB0;--cream-3:#989285;--cream-4:#6F695D;--on-solid:#F6F1E7;--stage-bg:#0A130A;--stage-deep:#000000;--stage-floor:#101A10;--line:color-mix(in oklab, var(--gold) 29%, transparent);--line-2:color-mix(in oklab, var(--gold) 54%, transparent);--wash:rgba(255,255,255,.055);--wash-2:rgba(255,255,255,.1);--font-display:"Young Serif", Georgia, serif;--font-black:"Grenze Gotisch", Georgia, serif;--font-lore:"Alegreya", Georgia, serif;--font-ui:"Gabarito", system-ui, -apple-system, sans-serif;--text-xs:11.5px;--text-sm:13px;--text-base:15px;--text-md:16px;--text-lg:19px;--text-xl:24px;--text-2xl:32px;--text-3xl:44px;--radius-xs:3px;--radius-sm:5px;--radius-md:9px;--radius-lg:13px;--radius-xl:18px;--radius-pill:999px;--arch:999px 999px 9px 9px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:72px;--ease-out:cubic-bezier(.2,.85,.25,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--duration-fast:.13s;--duration-base:.22s;--duration-slow:.4s;--bg-deepest:var(--umber-900);--bg-dark:var(--umber-900);--bg-mid:var(--umber-800);--bg-surface:var(--umber-800);--bg-raised:var(--umber-700);--bg-hover:var(--umber-600);--glass:var(--umber-800);--glass-brdr:var(--line);--border-subtle:var(--line);--border-normal:var(--line);--border-accent:var(--line-2);--border-focus:var(--gold);--text-primary:var(--cream);--text-secondary:var(--cream-2);--text-muted:var(--cream-3);--text-accent:var(--gold);--text-gold:var(--gold);--text-danger:var(--gules-hi);--text-success:var(--gold);--text-warning:var(--gold-2);--accent-purple:var(--gold);--accent-purple-dim:color-mix(in oklab, var(--gold) 14%, transparent);--accent-amber:var(--vert);--accent-amber-dim:color-mix(in oklab, var(--vert) 22%, transparent);--accent-crimson:var(--gules);--accent-green:var(--gold);--accent-blue:var(--cream-3);--shadow-sm:none;--shadow-md:none;--shadow-lg:none;--shadow-xl:none;--shadow-glow-purple:none;--shadow-glow-amber:none;--shadow-focus:0 0 0 3px color-mix(in oklab, var(--gold) 26%, transparent)}:root[data-theme=light]{--umber-900:#F4F6F4;--umber-800:#FCFDFC;--umber-700:#EAEEEA;--umber-600:#DCE2DC;--umber-500:#BCC6BC;--ink:#FAFBFA;--gold:#7A6014;--gold-2:#5E4A10;--gold-3:#42340B;--cream:#121C12;--cream-2:#3F473F;--cream-3:#666E66;--cream-4:#8D948D;--wash:rgba(0,0,0,.045);--wash-2:rgba(0,0,0,.075)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;width:100%}body{background:var(--umber-900);color:var(--cream);font-family:var(--font-ui);font-size:var(--text-base);line-height:1.55;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}::selection{background:var(--gold);color:var(--ink)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:var(--radius-pill);border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:#ffffff29;background-clip:padding-box}a{color:var(--gold);text-decoration:none;transition:color var(--duration-fast)}a:hover{color:var(--gold-2)}:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:var(--radius-sm)}h1,h2,h3,h4{font-family:var(--font-display);font-weight:400;line-height:1.08;letter-spacing:-.012em;color:var(--cream)}h1{font-size:var(--text-2xl)}h2{font-size:var(--text-xl)}h3{font-size:var(--text-lg)}h4{font-size:var(--text-md)}.wordmark{font-family:var(--font-black);font-weight:600;font-size:22px;letter-spacing:.005em;line-height:1.05;color:var(--cream);white-space:nowrap}.wordmark b{color:var(--gold);font-weight:inherit}.lbl{font-family:var(--font-ui);font-weight:600;font-size:var(--text-xs);letter-spacing:.13em;text-transform:uppercase;color:var(--cream-3);line-height:1.35}.lbl-gold{color:var(--gold)}.num{font-variant-numeric:tabular-nums;font-weight:600}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 22px;border:1px solid transparent;border-radius:var(--radius-pill);font-family:var(--font-ui);font-weight:600;font-size:var(--text-sm);letter-spacing:.055em;text-transform:uppercase;cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;text-decoration:none;transition:background var(--duration-fast),color var(--duration-fast),border-color var(--duration-fast),box-shadow var(--duration-fast)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--gold);color:var(--ink);border-color:var(--gold)}.btn-primary:hover:not(:disabled){background:var(--gold-2);border-color:var(--gold-2)}.btn-secondary{background:transparent;color:var(--gold);border-color:var(--line-2)}.btn-secondary:hover:not(:disabled){background:var(--gold);color:var(--ink);border-color:var(--gold)}.btn-ghost{background:transparent;color:var(--cream-2)}.btn-ghost:hover:not(:disabled){color:var(--cream);box-shadow:inset 0 0 0 999px var(--wash)}.btn-danger{background:transparent;color:var(--gules-hi);border-color:color-mix(in oklab,var(--gules) 55%,transparent)}.btn-danger:hover:not(:disabled){background:var(--gules);color:var(--on-solid);border-color:var(--gules)}.btn-amber{background:var(--gold);color:var(--ink);border-color:var(--gold)}.btn-amber:hover:not(:disabled){background:var(--gold-2);border-color:var(--gold-2)}.btn-xs{padding:4px 11px;font-size:11px}.btn-sm{padding:6px 14px;font-size:11.5px}.btn-lg{padding:13px 28px;font-size:var(--text-base)}.btn-xl{padding:16px 34px;font-size:var(--text-md)}.btn-full{width:100%}.btn-icon{padding:0;width:36px;height:36px}.input{background:var(--umber-900);border:1px solid var(--line-2);border-radius:var(--radius-md);color:var(--cream);font-family:var(--font-ui);font-size:var(--text-base);padding:11px 15px;width:100%;transition:border-color var(--duration-fast),box-shadow var(--duration-fast),background var(--duration-fast)}.input:hover{border-color:var(--gold-3)}.input:focus{outline:none;border-color:var(--gold);box-shadow:var(--shadow-focus)}.input::placeholder{color:var(--cream-4)}.input:-webkit-autofill,.input:-webkit-autofill:hover,.input:-webkit-autofill:focus,.input:-webkit-autofill:active{-webkit-text-fill-color:var(--cream);-webkit-box-shadow:0 0 0 100px var(--umber-900) inset;box-shadow:0 0 0 100px var(--umber-900) inset;caret-color:var(--cream);transition:background-color 9999s ease-in-out 0s}.input-error{border-color:var(--accent-crimson)!important}textarea.input{resize:vertical;min-height:78px;line-height:1.55}select.input{-moz-appearance:none;appearance:none;-webkit-appearance:none;cursor:pointer;background-image:linear-gradient(45deg,transparent 50%,var(--text-muted) 50%),linear-gradient(135deg,var(--text-muted) 50%,transparent 50%);background-position:calc(100% - 19px) center,calc(100% - 14px) center;background-size:5px 5px,5px 5px;background-repeat:no-repeat;padding-right:36px}.card{position:relative;background:var(--umber-800);border:1px solid var(--line);border-radius:var(--radius-lg);padding:var(--space-5)}.card-header{border-bottom:1px solid var(--border-subtle);margin-bottom:var(--space-4);padding-bottom:var(--space-3)}.card-footer{border-top:1px solid var(--border-subtle);margin-top:var(--space-4);padding-top:var(--space-3)}.card-flush{padding:0;overflow:hidden}.card-interactive{cursor:pointer;transition:transform var(--duration-base) var(--ease-out),box-shadow var(--duration-base),border-color var(--duration-base)}.card-interactive:hover{transform:translateY(-2px);border-color:var(--line-2);box-shadow:inset 0 0 0 999px var(--wash)}.badge,.chip{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:var(--radius-pill);background:transparent;border:1px solid var(--line);font-family:var(--font-ui);font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--cream-2)}.badge-purple,.chip-gold,.badge-amber,.badge-green{border-color:var(--line-2);color:var(--gold)}.badge-red,.chip-red{background:var(--gules);border-color:var(--gules);color:var(--on-solid)}.badge-gray{border-color:var(--line);color:var(--cream-3)}.label{display:block;font-family:var(--font-ui);font-size:var(--text-xs);font-weight:600;color:var(--cream-3);text-transform:uppercase;letter-spacing:.13em;margin-bottom:7px}.form-group{margin-bottom:var(--space-4)}.form-error{color:var(--text-danger);font-size:var(--text-sm);margin-top:5px}.alert{padding:12px 16px;border-radius:var(--radius-md);font-size:var(--text-sm);border:1px solid var(--line)}.alert-danger{background:transparent;border-color:color-mix(in oklab,var(--gules) 55%,transparent);color:var(--gules-hi)}.alert-success{background:transparent;border-color:var(--line-2);color:var(--gold)}.segmented{display:inline-flex;padding:4px;gap:4px;background:var(--umber-800);border:1px solid var(--line);border-radius:var(--radius-pill)}.segmented-btn{padding:7px 16px;border:none;background:transparent;color:var(--cream-2);font-family:var(--font-ui);font-size:var(--text-sm);font-weight:600;border-radius:var(--radius-pill);cursor:pointer;transition:all var(--duration-fast)}.segmented-btn:hover{color:var(--text-primary)}.segmented-btn.active,.segmented-btn[aria-selected=true]{background:var(--gold);color:var(--ink)}.stepper{display:inline-flex;align-items:center;gap:0;border:1px solid var(--border-normal);border-radius:var(--radius-md);overflow:hidden}.stepper-btn{width:30px;height:32px;border:none;background:#ffffff08;color:var(--text-secondary);cursor:pointer;font-size:15px;transition:background var(--duration-fast)}.stepper-btn:hover{box-shadow:inset 0 0 0 999px var(--wash);color:var(--gold)}.stepper-value{min-width:40px;text-align:center;font-weight:700;font-variant-numeric:tabular-nums}.tabs{display:flex;gap:4px}.tab{padding:8px 16px;border:1px solid transparent;background:transparent;color:var(--cream-3);font-family:var(--font-ui);font-size:var(--text-xs);font-weight:600;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;border-radius:var(--radius-pill);transition:color var(--duration-fast),background var(--duration-fast)}.tab:hover{color:var(--cream)}.tab.active,.tab[aria-selected=true]{color:var(--ink);background:var(--gold)}.divider{border:none;border-top:1px solid var(--border-subtle);margin:var(--space-4) 0}.rule{display:flex;align-items:center;gap:var(--space-3);font-family:var(--font-ui);font-size:var(--text-xs);font-weight:600;letter-spacing:.13em;text-transform:uppercase;color:var(--gold)}.rule:after{content:"";flex:1;height:1px;background:var(--line)}.drop-cap{float:left;font-family:var(--font-display);font-weight:700;font-size:3em;line-height:.82;padding:4px 12px 0 0;color:var(--text-gold)}.prose{font-family:var(--font-lore);font-size:17px;line-height:1.68;color:var(--cream)}.prose em{font-style:italic;font-weight:600;color:inherit}.page{min-height:100vh}.page-container{max-width:1180px;margin:0 auto;padding:var(--space-6) var(--space-5)}.page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-6)}.page-title{font-family:var(--font-display);font-weight:400;font-size:var(--text-2xl);color:var(--cream);letter-spacing:-.015em}.page-subtitle{color:var(--cream-2);font-size:var(--text-base);margin-top:7px}.nav{display:flex;align-items:center;gap:var(--space-4);height:60px;padding:0 var(--space-5);background:var(--ink);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50}.nav-brand{font-family:var(--font-black);font-weight:600;font-size:22px;color:var(--cream);letter-spacing:.005em}.nav-links{display:flex;align-items:center;gap:4px}.nav-spacer{flex:1}.nav-link{color:var(--cream-2);font-size:var(--text-base);font-weight:500;padding:8px 15px;border-radius:var(--radius-pill);transition:all var(--duration-fast)}.nav-link:hover{color:var(--cream);box-shadow:inset 0 0 0 999px var(--wash)}.nav-link.active{color:var(--ink);background:var(--gold)}.nav-user{display:flex;align-items:center;gap:var(--space-2);padding:4px 12px 4px 5px;border:1px solid var(--line);border-radius:var(--radius-pill)}.nav-avatar{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--gold);color:var(--ink);font-family:var(--font-display);font-size:12px}.nav-username{color:var(--cream-2);font-size:var(--text-sm);max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-5);background:var(--umber-900)}.auth-container{width:100%;max-width:400px}.auth-brand{text-align:center;margin-bottom:var(--space-6)}.auth-monogram{display:none}.auth-name{display:block;font-family:var(--font-black);font-weight:600;font-size:38px;color:var(--cream);line-height:1.05}.auth-tagline{display:block;font-family:var(--font-ui);font-size:var(--text-xs);letter-spacing:.13em;text-transform:uppercase;color:var(--cream-3);margin-top:var(--space-3)}.guild-row{display:flex;align-items:center;gap:var(--space-3);padding:10px 12px;border-radius:var(--radius-md);transition:background var(--duration-fast)}.guild-row:hover{box-shadow:inset 0 0 0 999px var(--wash)}.guild-row-highlight{border:1px solid var(--line-2)}.guild-avatar{width:38px;height:38px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--umber-700);border:1px solid var(--line);color:var(--cream-2);font-family:var(--font-display)}.guild-avatar-warm{background:var(--gold);color:var(--ink);border-color:var(--gold)}.guild-name{font-size:var(--text-base);color:var(--text-primary);font-weight:600}.guild-handle{font-size:var(--text-xs);color:var(--cream-3);letter-spacing:.06em;text-transform:uppercase}.companion-row{display:flex;align-items:center;gap:var(--space-2)}.companion-avatar{width:30px;height:30px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--umber-700);border:1px solid var(--line);color:var(--cream-2);font-size:12px}.hp-bar-track{background:var(--umber-700);border-radius:var(--radius-pill);height:8px;overflow:hidden;border:1px solid var(--line)}.hp-bar-fill{height:100%;border-radius:var(--radius-pill);background:var(--gold);transition:width var(--duration-slow) var(--ease-out),background-color var(--duration-slow)}.scroll-y{overflow-y:auto}[title]{cursor:help}.toast-container{position:fixed;bottom:24px;right:24px;z-index:9999;display:flex;flex-direction:column;gap:8px}.toast{padding:13px 18px;border-radius:var(--radius-md);background:var(--ink);border:1px solid var(--line-2);color:var(--cream);font-size:var(--text-sm)}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);min-height:70vh}.loading-label{color:var(--cream-3);font-family:var(--font-ui);font-size:var(--text-xs);letter-spacing:.13em;text-transform:uppercase}.spinner{width:22px;height:22px;border:2px solid var(--umber-600);border-top-color:var(--gold);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.rise{animation:rise var(--duration-slow) var(--ease-out) both}.delay-1{animation-delay:60ms}.delay-2{animation-delay:.12s}.delay-3{animation-delay:.18s}.delay-4{animation-delay:.24s}.delay-5{animation-delay:.3s}@keyframes roll-in{0%{opacity:0;transform:translateY(8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.roll-anim{animation:roll-in var(--duration-base) var(--ease-out) both}@keyframes blink{0%,to{opacity:1}50%{opacity:.25}}.streaming-cursor:after{content:"▌";display:inline-block;margin-left:2px;color:var(--text-gold);animation:blink 1s steps(2) infinite;font-size:.9em}.shell{display:grid;grid-template-columns:224px 1fr;min-height:100vh}.shell-rail{background:var(--ink);border-right:1px solid var(--line);padding:var(--space-4) var(--space-3);display:flex;flex-direction:column;gap:3px;position:sticky;top:0;height:100vh;overflow-y:auto}.shell-brand{display:block;padding:8px 10px var(--space-5)}.shell-brand:hover{color:inherit}.shell-link{display:flex;align-items:center;gap:11px;padding:9px 13px;border-radius:var(--radius-pill);font-family:var(--font-ui);font-size:var(--text-base);font-weight:500;color:var(--cream-2);background:none;border:none;cursor:pointer;text-align:left;width:100%;transition:color var(--duration-fast),box-shadow var(--duration-fast)}.shell-link:hover{color:var(--cream);box-shadow:inset 0 0 0 999px var(--wash)}.shell-link.active{background:var(--gold);color:var(--ink)}.shell-link.active:hover{color:var(--ink)}.shell-group{margin-top:var(--space-5)}.shell-grouplabel{padding:0 13px var(--space-2)}.shell-campname{font-family:var(--font-display);font-size:var(--text-base);color:var(--cream);padding:0 13px var(--space-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shell-foot{margin-top:auto;border-top:1px solid var(--line);padding-top:var(--space-3)}.shell-signout{gap:10px}.shell-avatar{width:26px;height:26px;flex:none;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--umber-700);border:1px solid var(--line);font-family:var(--font-display);font-size:12px;color:var(--cream-2)}.shell-who{display:flex;flex-direction:column;min-width:0}.shell-name{font-size:var(--text-sm);color:var(--cream);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shell-sub{font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--cream-4)}.shell-main{min-width:0;padding:var(--space-6) var(--space-6) var(--space-8)}@media (max-width: 940px){.shell{grid-template-columns:1fr}.shell-rail{position:static;height:auto;flex-direction:row;align-items:center;overflow-x:auto;border-right:none;border-bottom:1px solid var(--line)}.shell-brand{padding:0 var(--space-3) 0 var(--space-2)}.shell-group,.shell-grouplabel,.shell-campname{display:none}.shell-foot{margin-top:0;margin-left:auto;border-top:none;padding-top:0;display:flex}.shell-link{white-space:nowrap}.shell-main{padding:var(--space-5) var(--space-4)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.dash-head{display:flex;align-items:flex-end;gap:var(--space-3);margin-bottom:var(--space-6);flex-wrap:wrap}.dash-body{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:var(--space-6);align-items:start}.dash-aside{position:sticky;top:var(--space-6)}.dash-newgrid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.camp-row{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-5);align-items:start;padding:var(--space-5);margin-bottom:var(--space-3);background:var(--umber-800);border:1px solid var(--line);border-radius:var(--radius-lg);transition:border-color var(--duration-fast),box-shadow var(--duration-fast)}.camp-row:hover{border-color:var(--line-2);box-shadow:inset 0 0 0 999px var(--wash)}.camp-title{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.camp-name{font-family:var(--font-display);font-weight:400;font-size:var(--text-lg);color:var(--cream);letter-spacing:-.012em}.camp-desc{font-size:15.5px;line-height:1.6;color:var(--cream-2);margin-top:10px;max-width:70ch}.camp-tags{display:flex;gap:8px;margin-top:var(--space-3);flex-wrap:wrap}.camp-actions{position:relative;display:flex;flex-direction:column;gap:8px;min-width:124px}.camp-row--open{z-index:40}.camp-menu{position:absolute;right:0;top:calc(100% + 6px);z-index:40;min-width:190px;padding:6px;background:var(--ink);border:1px solid var(--line-2);border-radius:var(--radius-lg)}.camp-menu button{display:block;width:100%;text-align:left;padding:9px 13px;background:none;border:none;cursor:pointer;border-radius:var(--radius-md);font-family:var(--font-ui);font-size:var(--text-base);color:var(--cream-2)}.camp-menu button:hover{color:var(--cream);box-shadow:inset 0 0 0 999px var(--wash)}.camp-menu button.danger{color:var(--gules-hi)}.camp-menu hr{border:none;border-top:1px solid var(--line);margin:6px 4px}.camp-invite{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;padding:var(--space-4) var(--space-5);margin-bottom:var(--space-2);border:1px solid var(--line-2);border-left:3px solid var(--gold);border-radius:var(--radius-lg);background:var(--umber-800)}.camp-empty{padding:var(--space-7) var(--space-5);text-align:center;border:1px dashed var(--line-2);border-radius:var(--radius-lg);display:flex;flex-direction:column;align-items:center}@media (max-width: 1080px){.dash-body{grid-template-columns:1fr}.dash-aside{position:static}}@media (max-width: 700px){.camp-row{grid-template-columns:1fr}.camp-actions{flex-direction:row;min-width:0}.dash-newgrid{grid-template-columns:1fr}}.portrait{position:relative;display:block;flex:none;width:52px;height:64px;overflow:hidden;background:var(--stage-bg);border:1px solid var(--line);border-radius:var(--arch)}.portrait-body{position:absolute;left:50%;bottom:0;transform:translate(-50%);width:62%;height:58%;background:var(--umber-500);border-radius:50% 50% 0 0/62% 62% 0 0}.portrait-head{position:absolute;left:50%;top:18%;transform:translate(-50%);width:32%;aspect-ratio:1;background:var(--on-solid);border-radius:50%}.pc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(288px,1fr));gap:var(--space-4);align-items:start}.pc{background:var(--umber-800);border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;transition:border-color var(--duration-fast),box-shadow var(--duration-fast)}.pc:hover{border-color:var(--line-2);box-shadow:inset 0 0 0 999px var(--wash)}.pc-top{display:flex;gap:var(--space-3);align-items:center;padding:var(--space-4)}.pc-name{font-size:var(--text-lg);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc-bg{font-size:15px;font-style:italic;color:var(--cream-3);margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc-hp{padding:0 var(--space-4) var(--space-4)}.pc-key,.pc-mods{display:grid;border-top:1px solid var(--line)}.pc-key{grid-template-columns:repeat(3,1fr)}.pc-mods{grid-template-columns:repeat(6,1fr)}.pc-key>div,.pc-mods>div{text-align:center;padding:11px 2px;border-right:1px solid var(--line)}.pc-key>div:last-child,.pc-mods>div:last-child{border-right:none}.pc-key b{display:block;font-family:var(--font-display);font-size:21px;color:var(--cream);margin-top:3px;font-variant-numeric:tabular-nums}.pc-mods b{display:block;font-size:15px;font-weight:600;color:var(--cream);margin-top:2px;font-variant-numeric:tabular-nums}.pc-actions{display:flex;gap:8px;padding:var(--space-3) var(--space-4);border-top:1px solid var(--line);background:var(--ink)}.pc-new{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;min-height:220px;padding:var(--space-6) var(--space-5);background:transparent;border:1px dashed var(--line-2);border-radius:var(--radius-lg);cursor:pointer;color:inherit;font:inherit;transition:border-color var(--duration-fast),box-shadow var(--duration-fast)}.pc-new:hover{border-color:var(--gold);box-shadow:inset 0 0 0 999px var(--wash)}.comm-search{display:flex;gap:var(--space-3);align-items:flex-end;flex-wrap:wrap}.comm-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:var(--space-4);align-items:start}.set-wrap{display:grid;grid-template-columns:minmax(0,340px) minmax(0,460px);gap:var(--space-6);align-items:start}@media (max-width: 900px){.set-wrap{grid-template-columns:1fr}}.comp-wrap{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:var(--space-6);align-items:start}.comp-actions{display:flex;gap:6px;align-items:center;flex-shrink:0;flex-wrap:wrap}@media (max-width: 1040px){.comp-wrap{grid-template-columns:1fr}}.sess-new{display:flex;gap:var(--space-3);align-items:flex-end;flex-wrap:wrap}