.oktoberfest{--okt-blue:#78c5ff;--okt-white:#f1f8ff;--okt-line:#37566f;--okt-diamonds:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='64' viewBox='0 0 48 64'%3E%3Cpath fill='%23eef8ff' d='M0 0h48v64H0z'/%3E%3Cpath fill='%232e8dcc' d='M24 0 48 32 24 64 0 32Z'/%3E%3C/svg%3E");display:grid;gap:16px;color:#e4f1ff}
.oktoberfest .card{margin:0;background:linear-gradient(120deg,#111f32,#101a2a);border-color:var(--okt-line);min-width:0}
.oktoberfest h1,.oktoberfest h2,.oktoberfest h3{color:var(--okt-white)}
.oktoberfest h1{font-size:clamp(28px,4vw,46px);line-height:1.1;margin:9px 0 13px;letter-spacing:-1px}
.oktoberfest h1 span{font-size:.5em;color:var(--okt-blue);letter-spacing:2px}
.oktoberfest h2{margin:5px 0 10px}.oktoberfest h3{margin:8px 0}
.oktoberfest p{line-height:1.6}.oktoberfest small{color:#a9c3d9;font-size:12px;line-height:1.5}
.oktoberfest .section-kicker{color:var(--okt-blue);font-size:11px;letter-spacing:1.4px;text-transform:uppercase;font-weight:800}
.oktoberfest .oktoberfest-hero{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:space-between;gap:28px;overflow:hidden;padding:96px 34px 32px!important;border-color:#6098bf;background:radial-gradient(ellipse at 86% 45%,#23639188,transparent 55%),linear-gradient(115deg,#101f33,#132e49);box-shadow:inset 0 0 0 4px #b4e2ff06,0 10px 30px #020b1826}
.oktoberfest-bunting{position:absolute;inset:0 0 auto;height:72px;pointer-events:none;filter:drop-shadow(0 4px 3px #020d2355)}.oktoberfest-bunting svg{display:block;width:100%;height:100%}
.oktoberfest-hero-copy{position:relative;max-width:690px;min-width:0}.oktoberfest-hero-copy p{color:#cfdfed}.oktoberfest-dates{font-size:12px;color:#b4dcf6;line-height:1.6}.oktoberfest-hero .section-kicker{color:#b9e4ff}.oktoberfest-hero h1{text-shadow:0 3px 18px #0c182d80}
.oktoberfest-crest{position:relative;flex:0 0 176px;aspect-ratio:1;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;border:5px solid transparent;border-radius:50%;background:radial-gradient(circle,#24557b,#102a43 74%) padding-box,repeating-conic-gradient(#edf8ff 0deg 15deg,#2d8dc9 15deg 30deg) border-box;outline:1px solid #c7ebff88;outline-offset:5px;box-shadow:0 12px 28px #020a1944;transform:rotate(-6deg);pointer-events:none}
.oktoberfest-crest>img{display:block;width:88px;height:88px;filter:drop-shadow(0 4px 4px #05122255)}.oktoberfest-crest>strong{color:#eaf8ff;font-size:18px;letter-spacing:2px;margin-top:4px}.oktoberfest-crest>small{font-size:7px;letter-spacing:1.4px;margin-top:6px}.oktoberfest-crest-star{position:absolute;right:4px;top:1px;color:#d9f1ff;font-size:25px;text-shadow:0 0 12px #78c5ff}.oktoberfest-crest-pretzel{position:absolute;left:-11px;bottom:5px;font-size:36px;transform:rotate(-15deg)}
.oktoberfest-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.oktoberfest-stats article{display:flex;flex-direction:column;gap:7px}.oktoberfest-stats article>span{color:#a6cbe7;font-size:12px}.oktoberfest-stats article>strong{font-size:28px;color:var(--okt-white)}
.oktoberfest-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.oktoberfest-pill{padding:7px 12px;border:1px solid #4f90bb;background:#16334d;border-radius:100px;color:#b9e3ff;font-size:12px;font-weight:700}
.oktoberfest-stages{list-style:none;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:22px 0}.oktoberfest-stages li{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:14px;border:1px solid #2b4358;border-radius:10px;background:#0b1726}.oktoberfest-stages li>span:last-child{font-size:12px;color:#9fbbd2;line-height:1.6}.oktoberfest-stages strong{font-size:13px;min-height:32px}.oktoberfest-stage-number{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#233e57;color:#d5eaff;font-weight:800}.oktoberfest-stages .is-current{border-color:#82cdff;background:#15324c}.oktoberfest-stages .is-complete{border-color:#568d85}.is-complete .oktoberfest-stage-number{background:#24534d}
.oktoberfest-resources{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:12px 0}.oktoberfest-resource{display:flex;flex-direction:column;gap:9px;padding:12px;background:#0b1726;border:1px solid #304b63;border-radius:10px;min-width:0}.oktoberfest-resource>span{font-size:12px;color:#afd9f7}
.oktoberfest progress{width:100%;height:7px;appearance:none;border:0;border-radius:5px;overflow:hidden;background:#20364b}.oktoberfest progress::-webkit-progress-bar{background:#20364b;border-radius:5px}.oktoberfest progress::-webkit-progress-value{background:linear-gradient(90deg,#258ce0,#b7e4ff);border-radius:5px}.oktoberfest progress::-moz-progress-bar{background:#68c0ff}
.oktoberfest input,.oktoberfest select{box-sizing:border-box;width:100%;min-width:0;background:#071422;color:#e6f3ff;border:1px solid #476781;border-radius:7px;padding:9px;font:inherit;font-size:12px}.oktoberfest input:focus,.oktoberfest select:focus{outline:2px solid #80cfff;outline-offset:1px}.oktoberfest-buttons{display:flex;gap:6px}.oktoberfest button{background:#2377c0;border:1px solid #5baded;border-radius:7px;color:white;padding:8px 12px;font-weight:700;cursor:pointer;min-height:36px}.oktoberfest button:hover:not(:disabled){background:#3092df}.oktoberfest button.button-secondary{background:#172c40;border-color:#4b6a82}.oktoberfest button:disabled{opacity:.45;cursor:not-allowed}.oktoberfest-buttons button{padding:8px;flex:1}
.oktoberfest-notice,.oktoberfest-feedback{background:#16334b;border:1px solid #4d87ac;border-radius:9px;padding:12px 16px;margin:0}.oktoberfest-feedback.is-error{background:#3f2028;border-color:#ab6375}.oktoberfest-feedback[hidden]{display:none}
.oktoberfest-orders{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0}.oktoberfest-order{border:1px solid #34536d;border-radius:10px;background:#0d1b2b;padding:18px;display:flex;flex-direction:column;gap:9px}.oktoberfest-order-icon{font-size:28px}.oktoberfest-order h3{font-size:16px}.oktoberfest-order>strong{font-size:14px;color:#9bd7ff}.oktoberfest-note{color:#9ebad1;font-size:12px}
.oktoberfest-shop-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:16px}.oktoberfest-reward{padding:18px;border:1px solid #395873;border-radius:11px;background:#0b1929;display:flex;flex-direction:column;gap:10px;min-width:0}.oktoberfest-reward h3{margin:0;font-size:16px}.oktoberfest-reward p{color:#aac5db;font-size:12px;margin:0;flex:1}.oktoberfest-reward .oktoberfest-heading strong{color:#b7e3ff;font-size:13px}.oktoberfest-reward-icon{width:54px;height:48px;display:grid;place-items:center;background:#173752;border-radius:9px;color:#c2e9ff;font-size:22px;font-weight:800}.oktoberfest-reward form{display:grid;gap:10px}.oktoberfest-reward a{font-size:12px;color:#9ed9ff}.oktoberfest-reward label{display:grid;gap:5px;font-size:12px}

/* Static Bavarian decoration: kept clear of copy, form controls and focus rings. */
.oktoberfest-hero::before{content:"";position:absolute;z-index:-1;inset:0 0 0 48%;background-image:var(--okt-diamonds);background-size:48px 64px;opacity:.11;mask-image:linear-gradient(90deg,transparent,#000);pointer-events:none}
.oktoberfest .oktoberfest-tent,.oktoberfest .oktoberfest-brewery,.oktoberfest .oktoberfest-shop{position:relative;isolation:isolate;padding-top:29px;border-color:#466986}
.oktoberfest-tent::before,.oktoberfest-brewery::before,.oktoberfest-shop::before{content:"";position:absolute;inset:0 0 auto;height:7px;border-radius:10px 10px 0 0;background-image:var(--okt-diamonds);background-size:15px 20px;opacity:.85;pointer-events:none}
.oktoberfest-section-title{display:flex;align-items:center;gap:13px;min-width:0}
.oktoberfest-section-title>div{min-width:0}.oktoberfest-section-title h2{margin-bottom:0}
.oktoberfest-section-icon{display:grid;place-items:center;flex:0 0 45px;height:45px;border:1px solid #70b5df;border-radius:12px;background:linear-gradient(145deg,#285b81,#102d46);box-shadow:inset 0 0 0 3px #d4edff0a;color:#e4f6ff;font-size:25px}
.oktoberfest-stats article{position:relative;isolation:isolate;overflow:hidden;border-top:2px solid #79bde9}
.oktoberfest-stats article::after{content:"";position:absolute;z-index:-1;inset:0 0 0 60%;background-image:var(--okt-diamonds);background-size:24px 32px;opacity:.08;mask-image:linear-gradient(90deg,transparent,#000);pointer-events:none}
.oktoberfest-stages .is-current{background:linear-gradient(135deg,#204d70,#132e47);box-shadow:inset 0 3px #c9ebff}
.oktoberfest-stages .is-current .oktoberfest-stage-number{background:#def3ff;color:#185481;box-shadow:0 0 0 3px #75c3f233}
.oktoberfest-order{background:linear-gradient(130deg,#132c43,#0c1a2a);border-top:2px solid #70b7e6}
.oktoberfest-order-icon{display:grid;place-items:center;width:46px;height:46px;font-size:27px;border:1px solid #609ac1;border-radius:50%;background:radial-gradient(circle,#265577,#16314a)}
.oktoberfest-reward{background:linear-gradient(145deg,#132b41,#0b1929 58%);border-color:#48718e}
.oktoberfest-reward-icon{box-shadow:inset 0 0 0 1px #a8ddff30;background:linear-gradient(135deg,#255575,#173752)}
.oktoberfest button:focus-visible{outline:2px solid #e1f4ff;outline-offset:3px}

.oktoberfest-profile-frame{border:3px solid transparent!important;background:linear-gradient(#111e30,#111e30) padding-box,repeating-linear-gradient(125deg,#eaf7ff 0 13px,#398ace 13px 26px) border-box!important;box-shadow:0 0 18px #54b7ff22}.oktoberfest-frame-sample{border:3px solid transparent;background:linear-gradient(#173752,#173752) padding-box,repeating-linear-gradient(125deg,#eaf7ff 0 8px,#398ace 8px 16px) border-box}
.player-title-oktoberfest{color:#a8dfff!important;text-shadow:0 0 6px #58bbff66}
.oktoberfest-reward-icon img{display:block;max-width:100%;height:auto;border-radius:9px}
body.character-page .character-hero-emblem.character-hero-portrait{border-radius:18px;overflow:hidden;aspect-ratio:1;height:auto;background:#0b1d30}
body.character-page .character-hero-portrait::before,body.character-page .character-hero-portrait::after{display:none}
.character-hero-portrait img{display:block;width:100%;height:100%;object-fit:contain}
.profile-appearance{padding:13px 16px!important;min-width:0}.profile-appearance summary{cursor:pointer;font-weight:700;font-size:13px;color:#e3f4ff}.profile-appearance summary>span{font-size:11px;color:#92aec6;font-weight:400;margin-left:8px}
.profile-appearance form{display:grid;gap:12px;margin-top:16px}.profile-appearance-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;max-width:560px}.profile-appearance-options label{display:grid;gap:10px;min-width:0;font-size:12px;color:#b3d2e8}.profile-appearance select{width:100%;min-width:0}.profile-appearance-preview{display:flex;align-items:center;height:88px}.profile-appearance-preview .character-hero-emblem{width:64px!important;height:72px!important}.profile-appearance-preview .character-hero-portrait{height:64px!important}
.profile-frame-preview{display:grid;place-items:center;height:88px;width:128px;max-width:100%;border:1px solid #334e69;border-radius:10px;background:#101e30;color:#afe5ff;font-size:26px}.profile-appearance-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.profile-appearance-actions a,.profile-appearance small{font-size:11px;color:#96bbd7}.profile-appearance-feedback{font-size:12px;color:#9ce6bd;margin:0}.profile-appearance-feedback.is-error{color:#ffb8b8}
.profile-appearance select{background:#0b1829;color:#dceeff;border:1px solid #395873;border-radius:7px;padding:9px;font:inherit;min-height:36px}.profile-appearance select:focus{outline:2px solid #6bc7ff;outline-offset:2px}
@media(max-width:420px){.profile-appearance{padding:11px!important}.profile-appearance-options{gap:10px}.profile-appearance summary>span{display:block;margin:5px 0 0 16px}}
.oktoberfest-dialog{color:#e5f4ff;background:#101f32;border:1px solid #7fc3ee;border-radius:12px;max-width:min(440px,calc(100vw - 48px));padding:22px;box-shadow:0 20px 80px #0009}.oktoberfest-dialog::backdrop{background:#030b15bf}.oktoberfest-dialog p{line-height:1.6;overflow-wrap:anywhere}.oktoberfest-dialog h2{font-size:19px;margin-top:0}.oktoberfest-dialog .oktoberfest-buttons{justify-content:flex-end}.oktoberfest-dialog button{border:1px solid #5c9ecc;background:#215f93;border-radius:7px;color:white;padding:9px 16px;cursor:pointer}.oktoberfest-dialog .button-secondary{background:#243448}
.oktoberfest-sr{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:420px){.oktoberfest-resource .oktoberfest-buttons{flex-direction:column}.oktoberfest-resource .oktoberfest-buttons button{width:100%}}
@media(max-width:1100px){.oktoberfest-resources{grid-template-columns:repeat(3,minmax(0,1fr))}.oktoberfest-stages{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.oktoberfest .oktoberfest-hero{display:grid;grid-template-columns:minmax(0,1fr) 94px;padding:62px 18px 20px!important;gap:12px 15px}.oktoberfest-bunting{height:43px;width:150%;left:-25%}.oktoberfest-hero-copy{display:contents}.oktoberfest-hero-copy>.section-kicker,.oktoberfest-hero-copy>p,.oktoberfest-dates{grid-column:1/-1}.oktoberfest-hero h1{grid-column:1;grid-row:2;margin:0}.oktoberfest-hero h1 span{display:block;margin-top:7px;font-size:13px}.oktoberfest-hero-copy>p{margin:3px 0}.oktoberfest-crest{grid-column:2;grid-row:2;width:88px;height:88px;border-width:3px;justify-self:center}.oktoberfest-crest>img{width:45px;height:45px}.oktoberfest-crest>strong{font-size:10px;margin-top:0}.oktoberfest-crest>small{display:none}.oktoberfest-crest-star{font-size:15px;right:-4px;top:-4px}.oktoberfest-crest-pretzel{font-size:21px;left:-7px;bottom:0}.oktoberfest-section-title{gap:10px}.oktoberfest-section-icon{flex-basis:36px;height:36px;font-size:21px}.oktoberfest-shop-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.oktoberfest-orders{grid-template-columns:1fr}.oktoberfest-order{display:grid;grid-template-columns:auto 1fr;align-items:center;padding:13px}.oktoberfest-order progress,.oktoberfest-order small{grid-column:1/-1}.oktoberfest-order>strong{grid-column:2}.oktoberfest-stats article>strong{font-size:22px}.oktoberfest-stats article{padding:12px}.oktoberfest-stats small{font-size:10px}.oktoberfest-stages{grid-template-columns:repeat(2,minmax(0,1fr))}.oktoberfest-resources{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:420px){.oktoberfest .oktoberfest-hero{grid-template-columns:minmax(0,1fr) 68px;gap:12px 8px;padding:58px 16px 20px!important;align-items:center}.oktoberfest-bunting{height:38px}.oktoberfest-crest{width:64px;height:64px;outline-offset:3px}.oktoberfest-crest>img{width:34px;height:34px}.oktoberfest-crest>strong{font-size:8px;letter-spacing:1px}.oktoberfest-crest-pretzel{font-size:17px;left:-7px;bottom:-4px}.oktoberfest-crest-star{font-size:13px}.oktoberfest h1{font-size:27px}.oktoberfest-hero .section-kicker{font-size:10px;letter-spacing:1px}.oktoberfest-section-icon{flex-basis:32px;height:32px;font-size:19px}.oktoberfest-section-title{gap:9px}.oktoberfest-stats{gap:6px}.oktoberfest-stats article{padding:9px}.oktoberfest-stats article>span{font-size:10px}.oktoberfest-shop-grid{grid-template-columns:1fr}.oktoberfest-resource{padding:9px}.oktoberfest button{padding:8px}.oktoberfest-stages li{padding:11px}}