:root{color-scheme:dark;--jam-bg:#020304;--jam-ink:#f3f4f2;--jam-muted:#8b999d;--jam-mint:#d3f2e5;--jam-border:#ffffff1a;--dock-left:clamp(16px,4vw,48px);--dock-top:16px;--dock-size:48px}
*{box-sizing:border-box}[hidden]{display:none!important}
body.jammin-skin{margin:0;min-height:100svh;background:var(--jam-bg);color:var(--jam-ink);font:15px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow-x:hidden;--gold:#c1e8da;--muted:#8b999d;--bg:#020304;--panel:#0d1215;--ink:#f3f4f2}
.jammin-skin a{color:inherit;text-decoration:none}.jammin-skin button,.jammin-skin textarea,.jammin-skin input,.jammin-skin select{font:inherit}.jammin-skin button{cursor:pointer}.jammin-skin button:disabled{cursor:default}
.jammin-skin :is(button,a,summary,input,select,textarea):focus-visible{outline:2px solid #a1edee;outline-offset:4px}
.jammin-header{position:relative;min-height:80px;max-width:none!important;margin:0!important;padding:16px var(--dock-left)!important;display:flex;align-items:center;gap:24px;border:0!important;background:transparent;color:#8e9da0}
.jammin-brand{display:inline-flex!important;align-items:center;min-height:48px;flex:none;padding-left:62px;position:relative;text-decoration:none;font-size:22px!important;font-weight:600!important;letter-spacing:-.055em!important;white-space:nowrap;color:#f0f5f0!important}
.jammin-brand span,.jammin-brand strong{color:inherit!important;font:inherit!important;letter-spacing:inherit!important}
.brand-orb{position:absolute;left:0;top:0;width:48px;height:48px;display:grid;place-items:center;isolation:isolate;pointer-events:none}
.thinking-orb-layer{position:absolute;inset:0;width:100%!important;height:100%!important;opacity:0;pointer-events:none;transition:opacity 1.1s ease-in-out}
.thinking-orb-layer.visible{opacity:.94;z-index:1}.orb-fallback{position:absolute;inset:0;width:100%;height:100%;opacity:.5;transition:opacity 1.1s ease;pointer-events:none}
.orb-ready .orb-fallback{opacity:0}.orb-bridge{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:.94;pointer-events:none;transition:opacity 1.1s ease}.orb-ready .orb-bridge{opacity:0}
.jammin-skin .primary{background:#d3f2e5;color:#172b24;border:0;border-radius:12px;padding:12px 18px;font-size:13px;font-weight:550}
.jammin-skin .secondary{background:#ffffff05;color:#99afa7;border:1px solid #ffffff16;border-radius:12px;padding:10px 15px;font-size:12px;font-weight:400}
.jammin-skin .profile-access{display:inline-flex;align-items:center;gap:14px;font-size:12px;margin-left:auto;min-width:0}.jammin-skin .profile-access a{color:#9bb2aa}.jammin-skin .profile-access a:last-child{border:1px solid #ffffff19;border-radius:22px;padding:7px 11px;color:#d3f2e5}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
/* The existing catalog, library and account use the same restrained palette. */
.jammin-skin:not(.jammin-room):not(.jammin-auth) main{animation:jam-page-in 1.35s ease both}
.jammin-skin:not(.jammin-room):not(.jammin-auth) :is(.top,.top-inner,header){background:transparent;border-color:#ffffff10;color:#8b9c9c}
.jammin-skin:not(.jammin-room):not(.jammin-auth) header>a:not(.jammin-brand){font-size:12px;color:#8b9c9c}
.jammin-skin:not(.jammin-room):not(.jammin-auth) :is(h1,h2,h3){font-family:inherit;font-weight:500;letter-spacing:-.035em;color:#edf3ee}
.jammin-skin:not(.jammin-room):not(.jammin-auth) :is(.eyebrow,.badge,.price,.quantity,.amount,.hero-editor summary,.history-film,.history-score){color:#bddbcc}
.jammin-skin:not(.jammin-room):not(.jammin-auth) :is(.muted,.intro,.lead,.note,.footnote,small,details,footer){color:#7d9292}
.jammin-skin:not(.jammin-room):not(.jammin-auth) :is(.stage,.wallet,.profile,.stat,.pack,.overview,.activity,.ledger,.card,.create-hero,.hero,.fighter,.hero-editor,.welcome,.history-series){background:#ffffff03;border-color:#ffffff15;box-shadow:none}
.jammin-skin:not(.jammin-room):not(.jammin-auth) :is(input,textarea,select){background:#ffffff05;color:#e5efea;border-color:#ffffff20;accent-color:#c1e8da;outline-color:#a1edee}
.jammin-skin:not(.jammin-room):not(.jammin-auth) :is(button.primary,.cta,.pack button,#confirm){background:#d3f2e5;color:#172b24;border-color:transparent}
.jammin-skin:not(.jammin-room):not(.jammin-auth) button:not(.game):not(.primary):not(#confirm){background:#ffffff06;color:#adc0b9;border-color:#ffffff18}
.jammin-skin:not(.jammin-room):not(.jammin-auth) dialog{background:#101619;border-color:#ffffff20;color:#e5efea;border-radius:22px}dialog::backdrop{background:#000b;backdrop-filter:blur(8px)}
.jammin-skin:not(.jammin-room):not(.jammin-auth) :is(.tabs a,.pill,.transactions th,.filters button){color:#8fa7a0}.jammin-skin .tabs{border-color:#ffffff15}
.jammin-skin:not(.jammin-room):not(.jammin-auth) .profile-access a{color:#adc8bd}
.jammin-login .top{position:relative;backdrop-filter:none}.jammin-login .top-inner{max-width:none;display:flex;flex-wrap:wrap;gap:20px;padding:16px var(--dock-left)}
.jammin-login .modes{background:#ffffff04;border:1px solid #ffffff12;border-radius:14px;padding:4px}.jammin-login .modes span{font-size:11px;color:#91a4a0}.jammin-login .modes input:checked+span{background:#d3f2e518;color:#d3f2e5}
.jammin-login .top-inner>a:not(.jammin-brand){font-size:12px;color:#869b97}.jammin-login main{max-width:1120px;padding-top:50px}.jammin-login .heading{display:block;text-align:center;margin-bottom:40px}.jammin-login h1{font-size:32px;margin-bottom:9px}.jammin-login .heading p{font-size:13px;color:#7d9390}.jammin-login .game{background:#0b1012;border-color:#ffffff1b;box-shadow:none}.jammin-login .game:hover{border-color:#c1e8da77}.jammin-login .caption{background:linear-gradient(transparent,#020304ed)!important}.jammin-login .caption b:after{color:#c1e8da}
.jammin-account :is(.wallet,.pack.featured,.stat){background:#ffffff03!important;border-color:#ffffff1b!important}.jammin-account .wallet .amount{color:#e3efe7}.jammin-account .pack.featured{box-shadow:0 0 0 1px #b1dfca25!important}.jammin-account .pack:before{color:#b1d8c6;background:#b1d8c60e}.jammin-account :is(.total,.transactions td,.transactions th){border-color:#ffffff12}.jammin-account .help a{color:#bddbcc}
.jammin-about .hero{background:transparent;border:0}.jammin-about h1 em{color:#b9dacb}.jammin-about .card{border-radius:20px}.jammin-about .hero-art{border-color:#ffffff15}
.jammin-index main{margin-left:auto!important;margin-right:auto!important;max-width:1000px!important}.jammin-index #history-dialog{display:none!important;background:#0d1518!important;border-color:#ffffff15!important}.jammin-index #history-dialog.open{display:block!important;inset:96px 20px 24px!important;width:min(400px,calc(100vw - 40px))!important;box-shadow:0 30px 90px #000b!important}.jammin-index #history-close{display:block!important}.jammin-index #setup-screen:before{display:none}.jammin-index #setup-screen .quick-options{background:#ffffff03;border-color:#ffffff15;box-shadow:none}.jammin-index .fighter{border-radius:20px;background:#ffffff03!important}.jammin-index .hero-mark{background:transparent}.jammin-index .hero-mark span{color:#a5c9bb}.jammin-index .room-bar{font-size:12px;color:#79908a}.jammin-index .history-cover{border-radius:12px}
.jammin-campfire .heading{max-width:900px;margin:35px auto 40px}.jammin-campfire .heading h1{font-size:32px}.jammin-campfire .welcome{display:block;max-width:760px;margin:0 auto;border:0;text-align:center}.jammin-campfire .welcome>img{display:none}.jammin-campfire .welcome>div{padding:20px 30px}.jammin-campfire .welcome small{display:none}.jammin-campfire .scene:has(img[src="/cards/campfire-v1.jpg"]):has(video[hidden]){display:none}.jammin-campfire .scene{background:#020304}.jammin-campfire .scene img,.jammin-campfire .scene video{border-radius:20px}.jammin-campfire .stage{background:transparent;border:0}.jammin-campfire .timeline-item.active{border-color:#abcdbf;color:#abcdbf;background:#abcdbf08}.jammin-campfire .health i{background:#b0d0bd}.jammin-campfire .stats,.jammin-campfire .action label{color:#a4bdb0}
@keyframes jam-page-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:700px){.jammin-header{gap:12px;min-height:80px;flex-wrap:wrap}.jammin-brand{font-size:20px!important;padding-left:55px}.jammin-header nav{gap:12px}.jammin-skin .profile-access{font-size:11px;gap:10px}.jammin-login .top-inner{gap:14px}.jammin-login .brand{display:inline-flex}.jammin-login .modes{order:4;width:100%;justify-content:center}.jammin-login .top-inner>a:not(.jammin-brand){font-size:11px}.jammin-login main{padding-top:28px}.jammin-login .heading{margin-bottom:28px}.jammin-skin:not(.jammin-room):not(.jammin-auth) .jammin-header>a:not(.jammin-brand){font-size:11px}.jammin-index header{flex-wrap:wrap}.jammin-index header .profile-access{margin-left:auto}.jammin-index #history-toggle{font-size:11px}.jammin-account .jammin-header{justify-content:flex-start}.jammin-account .jammin-header>a:not(.jammin-brand){padding:3px 0}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-delay:0ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* Account access is the final, compact action in every shared header. */
.profile-icon,.jammin-skin .profile-access .profile-icon{display:inline-grid;place-items:center;flex:0 0 40px;width:40px;height:40px;min-width:40px;min-height:40px;padding:0;border:1px solid #c1e8da35;border-radius:50%;background:#c1e8da09;color:#c5dfd5;font:500 14px/1 ui-sans-serif,system-ui,sans-serif;letter-spacing:0;text-decoration:none;overflow:hidden;transition:background .3s,border-color .3s,color .3s}
.profile-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.profile-icon:hover,.jammin-skin .profile-access .profile-icon:hover{color:#eefff7;border-color:#c1e8da70;background:#c1e8da16}
.profile-icon.profile-member,.jammin-skin .profile-access .profile-icon.profile-member{background:#c1e8da20;border-color:#c1e8da45;color:#dcf6e9}
.profile-icon:focus-visible{outline:2px solid #a1edee;outline-offset:4px}
.jammin-skin .compact-profile{gap:12px}.jammin-skin .profile-access .profile-balance{font-size:13px;color:#bad8cd;padding:0;border:0;white-space:nowrap}
.jammin-room .room-nav>.profile-icon{margin-left:6px}
.jammin-header{padding-right:clamp(16px,2vw,24px)!important}
@media(max-width:420px){.jammin-room .jammin-header{gap:8px}.jammin-room .room-nav{gap:6px}.jammin-room .room-nav>.profile-icon{margin-left:2px}.jammin-room .jammin-brand{padding-left:49px;font-size:19px!important}}
@media(max-width:359px){.jammin-room .jammin-brand>span{display:none}.jammin-room .jammin-brand{width:48px;padding-left:0}}
@media(prefers-reduced-motion:reduce){.profile-icon{transition:none}}

/* One request, chosen output format. */
.answer-format{display:inline-flex;align-items:center;gap:3px;padding:3px;border:1px solid #ffffff14;border-radius:11px;background:#ffffff02;width:max-content;max-width:100%}
.answer-format button{display:inline-flex;align-items:center;gap:6px;border:0;border-radius:8px;padding:7px 9px;background:transparent;color:#778c88;font:inherit;font-size:11px;line-height:1.4;white-space:nowrap;cursor:pointer;transition:background .4s,color .4s}
.answer-format button[aria-pressed=true]{background:#c8efdf12;color:#d0e8df}.answer-format button:hover{color:#e2f1ea}.answer-format button:disabled{cursor:default;opacity:.5}
.answer-format button:focus-visible{outline:1px solid #c7e9dc;outline-offset:2px}.answer-format svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.25;stroke-linejoin:round;stroke-linecap:round}