:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;background:#0e1116;color:#edf1f7;--panel:#171c24;--muted:#9ba7b7;--line:#2a3340;--accent:#d5a84b;--danger:#df6b6b}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:flex;flex-direction:column}a{color:var(--accent)}header{height:62px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 5vw;position:sticky;top:0;background:#0e1116ee;backdrop-filter:blur(10px);z-index:3}header b{letter-spacing:.14em;color:var(--accent)}header span{margin-left:18px;color:var(--muted)}main{width:100%;max-width:1080px;margin:auto;padding:34px 5vw 80px;flex:1}footer{border-top:1px solid var(--line);padding:22px 5vw;text-align:center;color:var(--muted);font-size:14px}footer a{color:var(--muted)}.hero{padding:44px 0 24px}.hero h1{font-size:clamp(34px,6vw,64px);margin:0 0 10px;line-height:1}.hero p,.muted{color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:20px}.card h2,.card h3{margin-top:0}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.between{justify-content:space-between}.stack{display:grid;gap:12px}button,.btn{border:0;border-radius:9px;padding:11px 15px;font-weight:700;background:var(--accent);color:#16120a;cursor:pointer}button.ghost,.btn.ghost{background:transparent;color:#dce4ef;border:1px solid var(--line)}button.danger{background:transparent;color:#f29a9a;border:1px solid #623c3c}input,select{width:100%;padding:12px;border-radius:9px;border:1px solid var(--line);background:#10151c;color:#fff}label{font-size:13px;color:var(--muted);display:grid;gap:6px}.tabs{display:flex;gap:8px;margin-bottom:20px}.tabs button.active{background:var(--accent);color:#16120a}.tabs button{background:var(--panel);color:#dce4ef;border:1px solid var(--line)}.metric{font-size:28px;font-weight:800}.badge{font-size:12px;border:1px solid var(--line);border-radius:999px;padding:5px 8px;color:#cdd6e2}.loot{border-left:3px solid var(--accent)}.money{font-size:42px;font-weight:900}.item{padding:14px 0;border-top:1px solid var(--line)}.item:first-child{border:0}.notice{padding:12px;border:1px solid #4c4631;background:#211e14;border-radius:9px}.formgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.wide{grid-column:1/-1}.legalPage{max-width:860px}.legalPage h1{font-size:clamp(36px,6vw,60px);margin-bottom:12px}.legalPage h2{margin-top:38px}.legalPage p,.legalPage li{line-height:1.65}.legalPage blockquote{margin:16px 0;padding:18px 20px;border-left:3px solid var(--accent);background:var(--panel);border-radius:0 10px 10px 0;line-height:1.65}.legalPage .backLink{display:inline-block;margin-bottom:22px}@media(max-width:650px){.formgrid{grid-template-columns:1fr}.wide{grid-column:auto}main{padding-top:18px}.hero{padding-top:20px}.money{font-size:34px}header{padding:0 18px}.legalPage blockquote{padding:15px}}

/* V11.3.4 layout refinements */
.partyGrid{align-items:start;grid-template-columns:repeat(2,minmax(0,1fr))}.partyGrid>.card{min-width:0}
.partyHeader,.partyMember{display:grid;grid-template-columns:minmax(0,1fr) minmax(92px,112px) minmax(106px,124px);gap:12px;align-items:end}
.compactSetting{align-content:start}.compactSetting select{margin-top:8px}.compactSetting .settingDescription{margin-top:24px}
.partyHeader{align-items:center;padding-bottom:12px}.partyHeader h2{margin:0}.partyBulkLevel{grid-column:2/4}.partyMember{padding:16px 0;border-top:1px solid var(--line)}
.partyIdentity{align-self:center;min-width:0}.partyIdentity b,.partyIdentity .muted{overflow-wrap:anywhere}.partyControl{min-width:0}.partyControl select{min-width:0}
.settingsGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:stretch}.settingCard{display:flex;flex-direction:column;min-height:0}
.settingValue{font-size:24px;color:#edf1f7;margin:4px 0 12px}.verticalRangeWrap{display:grid;grid-template-columns:38px minmax(120px,1fr);gap:16px;height:230px;margin:12px 0 20px;align-self:center;width:min(250px,100%)}
.verticalRangeWrap input[type=range]{writing-mode:vertical-lr;direction:rtl;appearance:slider-vertical;width:28px;height:220px;margin:0;justify-self:center}
.verticalScale{position:relative;height:220px;color:var(--muted);font-size:12px}.verticalScale span{position:absolute;left:0;bottom:var(--pos);transform:translateY(50%);white-space:nowrap}.settingDescription{margin-top:auto}
.sessionStartPanel{min-width:min(330px,100%)}.sessionStartPanel h3{margin:0 0 12px}.sessionStartPanel .sessionForm{margin-top:0}.sessionActions{justify-content:flex-end}
.decisionBadge{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:999px;padding:4px 9px;font-size:12px;color:var(--muted)}.decisionBadge.remembered{border-color:#8b7134;color:#f0cf79;background:#2a2417}.decisionBadge.ignored{border-color:#59606b;color:#c0c8d2;background:#20252d}
button.decisionSelected{background:var(--accent);color:#16120a;border:1px solid var(--accent)}button.decisionMuted{background:transparent;color:#8d98a7;border:1px solid #343d49}
@media(max-width:760px){.partyGrid{grid-template-columns:1fr}.partyHeader{grid-template-columns:1fr}.partyBulkLevel{grid-column:auto}.partyMember{grid-template-columns:1fr 1fr}.partyIdentity{grid-column:1/-1}.settingsGrid{grid-template-columns:1fr}.settingCard{min-height:0}.verticalRangeWrap{display:block;height:auto;width:100%;margin:8px 0 18px}.verticalRangeWrap input[type=range]{writing-mode:horizontal-tb;direction:ltr;appearance:auto;width:100%;height:auto;margin:18px 0 8px}.verticalScale{height:48px;margin:0 2px}.verticalScale span{left:var(--pos);bottom:auto;transform:translateX(-50%);text-align:center}.verticalScale span:first-child{transform:none}.verticalScale span:last-child{transform:translateX(-100%)}.settingCard:first-child .verticalScale span:nth-child(2){display:none}.settingDescription{margin-top:0}.sessionBar{align-items:stretch}.sessionStartPanel{width:100%}}

/* CreechGaming visual identity */
:root{
  color-scheme:dark;
  --panel:#151b18;
  --panel-raised:#1a211d;
  --muted:#a6b0aa;
  --line:#303a34;
  --line-bright:#46544b;
  --accent:#bfff00;
  --accent-soft:#d8ff65;
  --danger:#ff7777;
}
body{
  background:
    radial-gradient(circle at 12% -10%,rgba(191,255,0,.08),transparent 31rem),
    radial-gradient(circle at 95% 38%,rgba(82,126,50,.07),transparent 34rem),
    #0b0f0d;
  background-attachment:fixed;
}
body::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  opacity:.18;
  background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);
  background-size:32px 32px;
  mask-image:linear-gradient(to bottom,black,transparent 72%);
}
a{color:var(--accent-soft);text-underline-offset:3px}
.siteHeader{
  min-height:78px;
  height:auto;
  padding:10px clamp(18px,5vw,72px);
  background:rgba(9,13,11,.9);
  border-bottom-color:rgba(191,255,0,.2);
  box-shadow:0 10px 30px rgba(0,0,0,.28);
}
.brandCluster{display:flex;align-items:center;gap:20px;min-width:0}
.brandLink{display:flex;align-items:center;flex:0 0 auto;text-decoration:none}
.brandLink img{display:block;width:clamp(190px,24vw,310px);height:auto;filter:drop-shadow(0 0 14px rgba(191,255,0,.12))}
.headerContext{display:grid;gap:3px;min-width:0;padding-left:18px;border-left:1px solid var(--line)}
.headerContext span{margin:0;color:#eef3ef;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:30vw}
.buildLabel{color:#7f8e84;font-size:10px;letter-spacing:.13em;text-transform:uppercase}
main{max-width:1180px;padding-top:42px}
.hero{position:relative;padding:48px 0 32px}
.hero::before{content:"";display:block;width:54px;height:3px;margin-bottom:20px;background:linear-gradient(90deg,var(--accent),transparent);border-radius:999px}
.hero h1,.legalPage h1{font-family:Georgia,"Times New Roman",serif;font-weight:700;letter-spacing:-.035em;color:#f4f7f4;text-wrap:balance}
.hero h1{font-size:clamp(42px,6vw,70px)}
.hero p{font-size:clamp(16px,2vw,19px);line-height:1.65;max-width:720px}
.grid{gap:20px}
.card{
  position:relative;
  background:linear-gradient(145deg,rgba(28,36,31,.98),rgba(17,23,20,.98));
  border-color:var(--line);
  border-radius:16px;
  padding:24px;
  box-shadow:0 16px 42px rgba(0,0,0,.2),inset 0 1px rgba(255,255,255,.025);
}
.card::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;border:1px solid transparent;transition:border-color .2s ease}
.card:hover::after{border-color:rgba(191,255,0,.13)}
.card h2,.card h3{color:#f0f5f1;letter-spacing:-.015em}
button,.btn{border-radius:10px;background:linear-gradient(135deg,var(--accent),#91d600);color:#0c110d;box-shadow:0 7px 18px rgba(122,176,0,.14);transition:transform .16s ease,filter .16s ease,border-color .16s ease}
button:hover,.btn:hover{filter:brightness(1.08);transform:translateY(-1px)}
button:active,.btn:active{transform:translateY(0)}
button.ghost,.btn.ghost{background:rgba(255,255,255,.025);color:#e7ede9;border-color:var(--line-bright);box-shadow:none}
button.ghost:hover,.btn.ghost:hover{border-color:rgba(191,255,0,.55);color:var(--accent-soft)}
input,select,textarea{border-color:var(--line);background:#0d1310;color:#f5f7f5;transition:border-color .16s ease,box-shadow .16s ease}
input:focus,select:focus,textarea:focus,button:focus-visible,a:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(191,255,0,.16)}
label{color:#b5beb8;font-weight:600}
.tabs{gap:10px;overflow-x:auto;padding:3px 2px 14px;margin-bottom:18px;scrollbar-width:thin}
.tabs button{background:#121814;border-color:var(--line);white-space:nowrap;box-shadow:none}
.tabs button.active{background:var(--accent);border-color:var(--accent);color:#0b0f0d}
.badge,.tierBadge,.decisionBadge{background:rgba(255,255,255,.025)}
.loot{border-left-color:var(--accent)}
.money{color:var(--accent-soft);letter-spacing:-.04em}
.notice{border-color:#4d5d2e;background:rgba(45,57,22,.62)}
.sessionBar{border:1px solid var(--line);border-radius:14px;padding:18px 20px;background:rgba(17,23,20,.72);margin-bottom:20px}
footer{background:rgba(8,12,10,.7);border-top-color:rgba(191,255,0,.14)}
footer a:hover{color:var(--accent-soft)}
.testerFeedback{margin:0 0 10px;color:#d8e0da}
.testerFeedback a{color:var(--accent-soft);font-weight:700}
.footerLinks{display:flex;justify-content:center;gap:18px;flex-wrap:wrap}
.legalPage{padding-bottom:96px}
.legalPage h2{color:var(--accent-soft)}
.legalPage blockquote{background:linear-gradient(145deg,var(--panel-raised),var(--panel));border-left-color:var(--accent);box-shadow:0 12px 28px rgba(0,0,0,.16)}
@media(max-width:760px){
  .siteHeader{align-items:center;gap:12px;min-height:70px;padding:9px 16px}
  .brandCluster{gap:10px;min-width:0}
  .brandLink img{width:clamp(150px,48vw,205px)}
  .headerContext{display:none}
  .siteHeader button,.siteHeader>.btn{padding:9px 11px;font-size:12px}
  main{padding:24px 18px 70px}
  .hero{padding:30px 0 22px}
  .hero h1{font-size:clamp(38px,12vw,54px)}
  .card{padding:20px;border-radius:14px}
}
@media(prefers-reduced-motion:reduce){button,.btn,input,select,textarea{transition:none}}

/* Recoverable account flow */
.headerActions{display:flex;gap:8px}.accountWarning{border-color:#8b7134!important;color:#f0cf79!important}.accountOverlay{position:fixed;inset:0;z-index:20;background:#080a0dcc;display:grid;place-items:center;padding:20px}.accountOverlay.hidden{display:none}.accountPanel{width:min(520px,100%);max-height:calc(100vh - 40px);overflow:auto;background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:24px;box-shadow:0 24px 80px #0008}.accountPanel h2{margin:0}.accountPanel>button{width:100%;margin-top:14px}.accountStatus{margin:18px 0;padding:14px;border:1px solid #42664e;background:#132019;border-radius:10px}.accountStatus p{margin:5px 0 0}.guestStatus{border-color:#765f31;background:#241e12}.accountDivider{display:flex;align-items:center;gap:12px;color:var(--muted);margin:18px 0;font-size:12px;text-transform:uppercase}.accountDivider:before,.accountDivider:after{content:'';height:1px;background:var(--line);flex:1}.switchAccount{margin-top:22px;border-top:1px solid var(--line);padding-top:16px}.switchAccount summary{cursor:pointer;color:var(--accent);font-weight:700}.switchAccount>.stack{margin-top:14px}.accountError{margin-top:14px;color:#f3b0b0;background:#2b1717;border:1px solid #7a4545;border-radius:9px;padding:10px}.accountPanel .checkRow{margin-top:4px}.accountPanel .checkRow input{width:18px}
@media(max-width:650px){header small{display:none}.headerActions{gap:5px}.headerActions button{padding:9px 10px;font-size:12px}header span{display:none}.accountPanel{padding:18px}}