:root{
  --purple:#211329;--purple-deep:#110d18;--purple-mid:#75529a;--gold:#c9a66d;
  --cream:#eee9df;--ink:#201a25;--muted:#706a70;--line:#c9c0b8;
  --display:'Cormorant Garamond',Georgia,serif;
  --body:'DM Sans',Arial,sans-serif;
  --mono:'IBM Plex Mono',monospace;
}
body{background:#eee9df}
.shell{width:min(100% - 96px,1240px)}
.site-header{position:relative;background:#17111e;border-bottom:1px solid #493953}
.header-inner{min-height:78px}
.brand{gap:12px}.brand img{width:39px;height:39px;filter:saturate(.7)}
.brand-words{line-height:1}.brand-words strong{font:600 25px/1 var(--display);letter-spacing:.09em}
.brand-words small{font:500 9px/1.5 var(--mono);letter-spacing:.13em;color:#cbb9d8}
.site-nav{gap:31px;font:500 10px/1.4 var(--mono);letter-spacing:.07em;text-transform:uppercase;color:#d2c8da}
.site-nav>a:not(.nav-button):after{height:1px;bottom:10px;background:#b18ad5}
.nav-button{background:transparent;border:1px solid #705780;color:#e7d9ed;padding:11px 14px;gap:14px;font:inherit;transition:background .2s,border-color .2s}
.nav-button:hover{background:#392947;border-color:#ae8cc1;transform:none}
.hero{min-height:660px;height:min(82vh,800px);max-height:none;background:#17111e;border-bottom:1px solid #3b2b46}
.hero:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 65% 18%,#3a2050 0,transparent 45%),repeating-linear-gradient(90deg,transparent 0,transparent 79px,rgba(217,193,231,.018) 80px);pointer-events:none}
.hero-image{inset:72px 4.7% 72px auto;width:48%;background-position:center center;background-size:cover;transform:none;border:1px solid #766582;filter:saturate(.73) contrast(.96)}
.hero-image:after{content:'';position:absolute;inset:9px;border:1px solid rgba(232,213,238,.35)}
.hero-shade{inset:72px 4.7% 72px auto;width:48%;background:linear-gradient(0deg,rgba(18,10,28,.47),transparent 35%),linear-gradient(90deg,rgba(24,13,32,.18),transparent 50%);pointer-events:none}
.hero-content{padding-top:clamp(110px,16vh,175px);padding-bottom:105px}
.hero-content:before{content:'OKLEE VIKINGS FAITHFUL     /     VOL. 01';display:block;color:#bba3ca;font:500 10px var(--mono);letter-spacing:.14em;margin-bottom:53px}
.eyebrow,.section-label{font:500 10px/1.6 var(--mono);letter-spacing:.13em}
.eyebrow{color:#c8b1d4;gap:11px}.eyebrow-line{height:1px;background:#a883bc;width:28px}.eyebrow-star{color:#c9a66d}
.hero h1,h2,h3{text-transform:none;font-family:var(--display);font-weight:500}
.hero h1{font-size:clamp(78px,8vw,128px);line-height:.85;letter-spacing:-.045em;max-width:680px;margin:27px 0 27px;text-shadow:0 4px 26px #110d18}
.hero h1 em{font-style:italic;color:#c8a3ea}
.hero p{font:400 16px/1.75 var(--body);max-width:440px;color:#e7deea}
.hero-actions{margin-top:30px;gap:28px}
.hero-actions .button{min-width:auto;padding:0 0 6px;background:none;border:0;border-bottom:1px solid #a487b4;color:#f1e6f4;font:500 11px var(--mono);letter-spacing:.05em;gap:22px}
.hero-actions .button:hover{transform:none;background:none;border-color:#d6b3ea}
.hero-actions .button span{font-size:17px;color:#c8a3ea}
.text-link{font:500 11px var(--mono);letter-spacing:.05em;color:#cfbcd8;border-bottom:1px solid #766582;padding-bottom:6px}
.text-link span{color:#c8a3ea;margin-left:9px}
.hero-bottom{bottom:22px;color:#a994b3;font:500 9px var(--mono);letter-spacing:.12em}
.ticker{height:42px;background:#2d1e3a;color:#d7c6df;border-bottom:1px solid #4b3958}
.ticker-track{min-width:100%;animation:none;justify-content:center}
.ticker-track span{font:500 10px var(--mono);letter-spacing:.15em;padding:0}.ticker-track span+span{display:none}
.ticker-track b{font:400 11px var(--mono);padding:0 30px;color:#b486ca}
.section-pad{padding:96px 0}
.section-label{color:#6b4d7d;white-space:normal}.section-label.light{color:#bfa1d0}.label-num{color:#957177}
h2 em{font-style:italic;color:#72538b}
.hometown{background:#d9d2cb;padding:90px 0 100px;border-bottom:1px solid #c5bab5}
.hometown-grid{gap:clamp(50px,7vw,100px)}
.hometown-photo{padding:9px 9px 0;background:#eee9df;border:1px solid #baaeb7;box-shadow:12px 13px 0 rgba(44,29,55,.1);transform:rotate(-1deg)}
.hometown-photo figcaption{border-bottom:0;border-top:1px solid #bdb0b3;margin-top:3px;padding:12px 3px 15px;color:#4f3a5b;font:500 9px var(--mono);letter-spacing:.07em}
.hometown-photo figcaption strong{font-weight:600}.hometown-photo figcaption span{font:400 9px var(--mono);color:#746d71}
.hometown h2,.intro h2,.game-day h2,.dispatches h2,.oracle h2,.community h2,.join h2{font-size:clamp(57px,6.4vw,88px);line-height:.92;letter-spacing:-.04em}
.hometown h2{margin:20px 0 25px}
.hometown-copy p{font:400 16px/1.75 var(--body);color:#4c434d}
.inline-link{font:500 10px var(--mono);letter-spacing:.06em;border-bottom:1px solid #866a94;gap:14px;color:#3f2e4a}
.inline-link span{font-size:16px;color:#765286}
.intro{background:#eee9df}
.intro-grid{grid-template-columns:150px minmax(0,1fr) 200px;gap:50px}
.intro-copy{max-width:660px}.intro-copy .lead,.community-copy .lead{font:500 21px/1.5 var(--display);font-size:27px;color:#312538;margin:30px 0 18px}
.intro-copy p:not(.lead),.community-copy p:not(.lead){color:#5d5560;line-height:1.85}
.intro-stamp{width:180px;height:180px;border:1px solid #755d83;color:#644b73;margin-top:10px;opacity:.8}
.intro-stamp:before{border-color:#bfa5c3}.intro-stamp span,.intro-stamp small{font:500 8px/1.4 var(--mono);letter-spacing:.12em}.intro-stamp strong{font:500 74px/.9 var(--display)}
.game-day{background:#25172f;border-top:1px solid #4b3857;border-bottom:1px solid #4b3857}
.game-day h2 em,.oracle h2 em,.join h2 em{color:#bc91d3}
.section-heading-row h2{margin-top:16px}
.section-heading-row>p{font:400 14px/1.65 var(--body);color:#c4b4cd}
.ritual-grid{gap:0;margin-top:46px;border-top:1px solid #6e5c77;border-bottom:1px solid #6e5c77}
.ritual-card{border:0;border-right:1px solid #6e5c77;background:transparent;min-height:286px;padding:26px 30px 30px;transition:background .2s}
.ritual-card:last-child{border-right:0}.ritual-card:hover{transform:none;background:#35243f}
.card-top{color:#bda6cb;font:500 10px var(--mono)}.card-top svg{width:42px;height:42px;stroke:#bda6cb;stroke-width:1.6}
.ritual-card h3{font:500 31px/1 var(--display);letter-spacing:-.02em;margin:40px 0 13px}
.ritual-card p{font-size:13px;color:#c5b7c9}
.dispatches{background:#e5dfd7;border:0}
.dispatches-heading{margin:18px 0 38px}
.dispatches-heading p{font-size:14px;color:#625966}
.lane-grid{gap:1px;background:#aaa0a7;border:1px solid #aaa0a7}
.lane-card{min-height:385px;padding:27px 30px 30px;border:0;box-shadow:none}
.lane-history{background:#f1ede6}.lane-comedy{background:#30213c}
.lane-comedy:after{display:none}
.lane-tag{font:600 10px var(--mono);letter-spacing:.08em}
.lane-history .lane-tag{color:#563e62}.lane-comedy .lane-tag{color:#c9a3dc}
.lane-number{font:400 65px/.9 var(--display);opacity:.19;right:28px;top:19px}
.lane-card h3{font:500 clamp(43px,4.3vw,62px)/.91 var(--display);letter-spacing:-.035em;margin:76px 0 15px}
.lane-card p{font-size:14px;line-height:1.75}
.lane-history p{color:#605661}.lane-comedy p{color:#d9c9e0}
.lane-foot,.lane-link{font:500 10px/1.6 var(--mono);letter-spacing:0;border-top:1px solid #a99fa8}
.lane-link{color:#d9b8e7;border-color:#826e89}
.oracle{background:#1c1425}.oracle:before{background:radial-gradient(circle at 12% 20%,rgba(137,86,169,.16),transparent 45%),repeating-linear-gradient(90deg,transparent 0,transparent 99px,rgba(255,255,255,.019) 100px)}
.oracle-grid{gap:90px}
.oracle h2{margin:18px 0 22px}.oracle-intro>p{font-size:15px;color:#d0c4d5}
.oracle-rule{font:500 9px var(--mono);letter-spacing:.1em;color:#bea3cc;border-color:#665672}
.oracle-panel{background:#eae3dc;color:#2b1b35;border:1px solid #a59aa8;box-shadow:10px 10px 0 rgba(7,4,12,.25);padding:26px 28px}
.oracle-panel-top{border-bottom:1px solid #8d7c98;font:500 9px var(--mono);letter-spacing:.07em}
.oracle-panel form{padding-top:25px}.oracle-panel label{font:500 10px var(--mono);letter-spacing:.07em}
.oracle-panel select{background-color:#f9f6f0;border:1px solid #ad9db0;font:400 13px var(--body)}
.oracle-panel .button{min-width:0;background:#523665;color:#fff;font:500 10px var(--mono);letter-spacing:.06em;padding:14px 16px}
.oracle-panel .button:hover{background:#6b4881;transform:none}
.oracle-result{background:#f9f6f0;border-left:2px solid #8e6ba2}.oracle-result span{font:500 9px var(--mono);letter-spacing:.08em;color:#694b79}.oracle-result p{font:500 26px/1.1 var(--display);text-transform:none}
.oracle-note{font-size:11px}
.community{background:#eee9df}
.community-grid{gap:clamp(55px,7vw,105px)}
.community-art{min-height:450px;border:1px solid #7e698d;box-shadow:12px 12px 0 #d6cbd5;background:radial-gradient(circle at center,#604077,#382446 58%,#261832);color:#c5a2d9}
.art-rings,.art-rings:before,.art-rings:after{border-color:rgba(200,163,224,.22)}
.community-art strong{font:italic 500 clamp(110px,13vw,170px)/.9 var(--display);text-shadow:none;transform:rotate(-6deg);color:#f0e3f5}
.art-kicker,.art-footer{font:500 10px var(--mono);letter-spacing:.16em}
.community-signoff{border-color:#c9bdca;color:#513a5f;font:500 11px var(--mono)}
.join{background:#2a1b36;border-top:1px solid #685273}.join:before{content:'';inset:0;background:radial-gradient(circle at 50% 80%,rgba(132,78,165,.14),transparent 55%)}
.join h2{margin:18px 0 20px}.join p:not(.share-feedback){font-size:15px}
.join .button{min-width:0;background:none;border:1px solid #9c7eac;color:#eee3f2;padding:13px 18px;font:500 10px var(--mono);letter-spacing:.08em;gap:30px}
.join .button:hover{background:#463052;transform:none}.share-feedback{color:#d1b5e0}
.site-footer{background:#130e19;border-top:1px solid #4f3c5a}
.footer-inner p,.footer-bottom{color:#b2a4b9}.back-top{color:#bfa2cf;font:500 10px var(--mono)}
.footer-bottom{font:400 10px/1.5 var(--mono)}
a:focus-visible,button:focus-visible,select:focus-visible{outline:2px solid #d2a9e5;outline-offset:4px}
@media(max-width:1050px){
 .intro-grid{grid-template-columns:125px minmax(0,1fr);gap:35px}.intro-stamp{display:none}
 .hero-image,.hero-shade{width:47%;right:3%}.oracle-grid{gap:45px}
}
@media(max-width:860px){
 .site-nav{top:78px;background:#1b1223;border-bottom:1px solid #5e4a69}
 .site-nav .nav-button{margin-top:10px}.menu-toggle span{background:#e3d3eb}
}
@media(max-width:760px){
 .shell{width:min(100% - 36px,1240px)}.header-inner{min-height:70px}.site-nav{top:70px}
 .hero{height:auto;min-height:0;padding-bottom:0}
 .hero-image{inset:0 0 auto;width:100%;height:315px;background-position:center 50%;border:0;opacity:.72}
 .hero-image:after{display:none}
 .hero-shade{inset:0 0 auto;width:100%;height:380px;background:linear-gradient(0deg,#17111e 0%,rgba(23,17,30,.55) 45%,rgba(23,17,30,.1) 100%)}
 .hero-content{padding-top:290px;padding-bottom:66px}
 .hero-content:before{margin-bottom:35px}
 .hero h1{font-size:clamp(72px,13vw,103px);margin:23px 0}
 .hero p{max-width:580px;font-size:15px}
 .hero-bottom{position:relative;bottom:auto;padding-bottom:20px}
 .ticker-track span{font-size:8px;letter-spacing:.09em}.ticker-track b{padding:0 13px}
 .section-pad{padding:76px 0}.hometown{padding:72px 0}
 .hometown-grid{gap:52px}.hometown h2,.intro h2,.game-day h2,.dispatches h2,.oracle h2,.community h2,.join h2{font-size:clamp(60px,10vw,84px)}
 .ritual-grid{grid-template-columns:1fr}.ritual-card{min-height:0;border-right:0;border-bottom:1px solid #6e5c77;padding:23px 12px}
 .ritual-card:last-child{border-bottom:0}.ritual-card h3{margin-top:15px}.ritual-card p{max-width:600px}
 .lane-grid{grid-template-columns:1fr}.lane-card{min-height:340px}
 .oracle-grid,.community-grid{grid-template-columns:1fr}.community-art{min-height:380px;max-width:620px}
}
@media(max-width:480px){
 .brand-words strong{font-size:23px}.brand-words small{font-size:8px}
 .hero-image{height:265px}.hero-shade{height:325px}.hero-content{padding-top:247px;padding-bottom:55px}
 .hero-content:before{font-size:8px;letter-spacing:.1em;margin-bottom:26px}
 .eyebrow{font-size:8px;gap:6px}.eyebrow-star{display:none}
 .hero h1{font-size:clamp(63px,17vw,77px)}.hero-actions{gap:18px;flex-direction:row;flex-wrap:wrap}
 .hero-bottom span:first-child{display:inline}.hero-bottom{justify-content:space-between;font-size:8px}
 .hero-bottom span:last-child{font-size:0}.hero-bottom .tiny-star{font-size:9px}
 .ticker{height:38px}.ticker-track span{font-size:7px;letter-spacing:0}.ticker-track b{padding:0 5px}
 .hometown h2,.intro h2,.game-day h2,.dispatches h2,.oracle h2,.community h2,.join h2{font-size:60px}
 .hometown-photo figcaption{font-size:8px}.hometown-photo figcaption span{font-size:8px}
 .intro-copy .lead,.community-copy .lead{font-size:25px}
 .dispatches-heading{gap:16px}.lane-card{padding:25px;min-height:340px}
 .lane-card h3{font-size:51px}.oracle-panel{padding:20px;box-shadow:6px 6px 0 rgba(7,4,12,.25)}
 .community-art{min-height:300px}.community-art strong{font-size:115px}
}
@media(prefers-reduced-motion:reduce){.ticker-track{animation:none}}


/* Town scrapbook finish: worn paper, hand-set type, and modest imperfections. */
:root{
  --display:Georgia,'Times New Roman',serif;
  --mono:'Courier New',Courier,monospace;
  --cream:#ece5d6;
  --gold:#bd9656;
}
body{background:#ece5d6;color:#2d2530;font-family:Arial,Helvetica,sans-serif}
.site-header{background:#211728;border-bottom:2px solid #604d5e}
.brand-words strong{font:bold 22px/1 Georgia,serif;letter-spacing:.035em}
.brand-words small{font:700 9px/1.4 var(--mono);letter-spacing:.07em}
.site-nav,.nav-button{font-family:var(--mono);letter-spacing:0}
.hero{background:#25192d}
.hero:before{background:repeating-linear-gradient(0deg,transparent 0,transparent 3px,rgba(233,216,226,.018) 4px),radial-gradient(circle at 60% 30%,#4b3151 0,transparent 55%)}
.hero-image{inset:76px 5.2% 77px auto;width:47%;border:7px solid #e4d9c9;outline:1px solid #988a8e;box-shadow:9px 12px 0 rgba(0,0,0,.24);filter:saturate(.63) sepia(.08)}
.hero-image:after{display:none}
.hero-shade{inset:76px 5.2% 77px auto;width:47%}
.hero-content:before{font-weight:700;letter-spacing:.06em;color:#d3bad8}
.eyebrow,.section-label{font-weight:700;letter-spacing:.06em}
.hero h1{font:bold clamp(61px,6.65vw,101px)/.98 Georgia,serif;letter-spacing:-.06em;max-width:720px;text-shadow:3px 4px 0 #1b1221}
.hero h1 em,h2 em{font-style:normal;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:7px}
.hero h1 em{color:#cca6dc}
.hero p{font:400 17px/1.6 Arial,Helvetica,sans-serif;max-width:415px}
.hero-actions .button,.text-link{font-weight:700}
.hero-bottom{font-weight:700}
.ticker{background:#422950;border-top:2px solid #6c4e72;border-bottom:2px solid #23182b}
.ticker-track span{font-weight:700;letter-spacing:.05em}
.hometown,.intro,.dispatches,.community{
  background-image:repeating-linear-gradient(0deg,rgba(62,43,55,.025) 0,rgba(62,43,55,.025) 1px,transparent 1px,transparent 4px),radial-gradient(circle at 20% 30%,rgba(116,81,94,.045),transparent 45%);
}
.hometown{background-color:#ded5c7}
.intro,.community{background-color:#eee8da}
.dispatches{background-color:#e6ddcf}
.hometown-photo{background:#f5efdf;border:1px solid #af9e95;box-shadow:6px 7px 0 #b6aaa1;transform:rotate(-1.7deg)}
.hometown-photo:before{content:'';position:absolute;z-index:2;left:44%;top:-15px;width:85px;height:27px;background:rgba(206,183,139,.67);transform:rotate(3deg);border-left:1px solid rgba(100,78,59,.15);border-right:1px solid rgba(100,78,59,.15)}
.hometown h2,.intro h2,.game-day h2,.dispatches h2,.oracle h2,.community h2,.join h2{
  font:bold clamp(49px,5.3vw,74px)/1.05 Georgia,serif;
  letter-spacing:-.055em;
}
.hometown h2 em,.intro h2 em,.dispatches h2 em,.community h2 em{color:#674379}
.intro-grid{grid-template-columns:150px minmax(0,1fr) 185px}
.intro-copy .lead,.community-copy .lead{font:normal 25px/1.45 Georgia,serif}
.intro-stamp{transform:rotate(9deg);border-style:dashed}
.game-day{background:#302039;border-top:4px solid #6f536f;border-bottom:4px solid #6f536f}
.ritual-grid{border-top:2px dashed #79667b;border-bottom:2px dashed #79667b}
.ritual-card{border-right:2px dashed #79667b}
.ritual-card h3{font:bold 28px/1.1 Georgia,serif;letter-spacing:-.04em}
.ritual-card:hover{background:transparent}
.lane-grid{gap:13px;background:transparent;border:0}
.lane-card{border:1px solid #9f8b92;box-shadow:5px 6px 0 #c7b8ad}
.lane-history{background:#f3eddf;transform:rotate(-.4deg)}
.lane-comedy{background:#362440;transform:rotate(.4deg)}
.lane-card h3{font:bold clamp(36px,3.8vw,53px)/1 Georgia,serif;letter-spacing:-.05em}
.lane-number{font:normal 60px Georgia,serif}
.oracle{background:#291c31}
.oracle-panel{background:#eee5d3;border:2px solid #8c7588;box-shadow:6px 8px 0 #110d18;transform:rotate(.35deg)}
.oracle-panel .button{background:#674477}
.community-art{background:repeating-linear-gradient(0deg,rgba(255,255,255,.035) 0,rgba(255,255,255,.035) 1px,transparent 1px,transparent 14px),#4a3059;border:8px solid #e7ddcb;outline:1px solid #7b6675;box-shadow:8px 9px 0 #d0c3b6;transform:rotate(-1deg)}
.community-art strong{font:bold italic clamp(93px,11vw,150px)/1 Georgia,serif;text-shadow:3px 4px 0 #291c31;transform:rotate(-5deg)}
.art-rings,.art-rings:before,.art-rings:after{border-style:dashed}
.join{background:#33213e}
@media(max-width:1050px){
 .intro-grid{grid-template-columns:125px minmax(0,1fr)}
 .hero-image,.hero-shade{width:46%;right:3%}
}
@media(max-width:760px){
 .hero-image{inset:0 0 auto;width:100%;height:315px;border:0;outline:0;box-shadow:none}
 .hero-shade{inset:0 0 auto;width:100%;height:380px}
 .hero h1{font-size:clamp(54px,10.5vw,80px);line-height:1}
 .hometown h2,.intro h2,.game-day h2,.dispatches h2,.oracle h2,.community h2,.join h2{font-size:clamp(48px,8vw,69px)}
 .ritual-card{border-right:0;border-bottom:2px dashed #79667b}
 .lane-card{transform:none}
 .community-art{transform:rotate(-.5deg)}
}
@media(max-width:480px){
 .hero-image{height:265px}.hero-shade{height:325px}
 .hero h1{font-size:clamp(49px,11.6vw,60px)}
 .hero p{font-size:16px}
 .hometown h2,.intro h2,.game-day h2,.dispatches h2,.oracle h2,.community h2,.join h2{font-size:clamp(43px,10vw,52px)}
 .lane-card h3{font-size:43px}
 .community-art strong{font-size:103px}
}


.hero-image{background-image:url("assets/hero-town-hall.png");background-position:center center}

/* The Bears game gets its own fictional Oklee spinner. */
.predictor{background:#d7c8ba;background-image:repeating-linear-gradient(0deg,rgba(55,37,48,.03) 0,rgba(55,37,48,.03) 1px,transparent 1px,transparent 5px);border-top:3px solid #6d4b74;border-bottom:3px solid #6d4b74}
.predictor-heading{display:flex;justify-content:space-between;align-items:end;gap:35px;margin:18px 0 35px}
.predictor-heading h2{font:bold clamp(48px,5.3vw,74px)/1.05 Georgia,serif;letter-spacing:-.055em;margin:0}
.predictor-heading h2 em{color:#674379;font-style:normal;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:7px}
.predictor-heading p{max-width:320px;font:400 15px/1.7 Arial,Helvetica,sans-serif;color:#524350;margin:0 0 7px}
.bears-game-grid{display:grid;grid-template-columns:minmax(290px,.72fr) minmax(0,1.28fr);gap:25px;align-items:stretch}
.bears-spinner-card{background:#f1eadc;border:1px solid #a99598;padding:23px 25px 25px;box-shadow:5px 6px 0 #b9a99c;display:flex;align-items:center;flex-direction:column}
.bears-card-top,.bears-result-top{display:flex;justify-content:space-between;gap:12px;width:100%;padding-bottom:17px;margin-bottom:25px;border-bottom:2px dashed currentColor;font:700 10px/1.4 var(--mono);letter-spacing:.04em}
.bears-card-top{color:#745874}
.bears-spin-disc{width:min(100%,276px);aspect-ratio:1;border-radius:50%;border:9px double #d6b986;outline:2px solid #4b3156;background:repeating-conic-gradient(from -15deg,#603d70 0deg 44deg,#4c2e5b 44deg 88deg);color:#fff8ed;box-shadow:7px 9px 0 rgba(56,37,52,.22);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;transform:rotate(-4deg)}
.bears-spin-disc span{font:bold 19px/1.05 Georgia,serif;letter-spacing:.04em;text-shadow:1px 2px 0 #2c1b36}
.bears-spin-disc b{font:700 15px var(--mono);color:#e5c39a}
.bears-spin-disc.is-spinning{animation:bears-spin .65s ease-out}
@keyframes bears-spin{from{transform:rotate(-4deg)}to{transform:rotate(716deg)}}
.bears-spin-button{width:100%;margin-top:30px;background:#674477;color:#fff;border:0;padding:16px 18px;display:flex;justify-content:space-between;align-items:center;font:700 12px var(--mono);text-transform:uppercase;text-align:left}
.bears-spin-button:hover{background:#825594}.bears-spin-button:disabled{opacity:.65;cursor:wait}
.bears-spin-button span{font-size:24px;line-height:.65}
.bears-spinner-card>p{font:400 11px/1.5 var(--mono);color:#70616c;margin:16px 0 0;align-self:flex-start}
.bears-result{background:#2e1e39;color:#f2eadd;border:1px solid #62466b;box-shadow:8px 9px 0 rgba(44,26,48,.23);padding:24px 30px;position:relative;transform:rotate(.25deg)}
.bears-result-top{color:#cdaed5;margin-bottom:10px}
.bears-score{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:12px;align-items:center;border-bottom:2px dashed #806a84;padding:8px 0 22px}
.bears-score div{display:flex;flex-direction:column;align-items:center;min-width:0}
.bears-score span{font:700 12px/1.3 var(--mono);letter-spacing:.06em;text-align:center;color:#d3b0dc}
.bears-score strong{font:bold clamp(67px,7.5vw,112px)/1 Georgia,serif;letter-spacing:-.08em;color:#fff}
.bears-score b{font:bold 60px Georgia,serif;color:#b798c7;margin-top:13px}
.bears-roast{background:#eee3d3;color:#302039;margin:19px 0 0;padding:17px 19px 19px;border-left:5px solid #ac85b5;box-shadow:4px 4px 0 rgba(10,6,14,.18);transform:rotate(-.5deg)}
.bears-roast span,.bears-faithful span{display:block;color:#70547a;font:700 9px/1.4 var(--mono);letter-spacing:.06em}
.bears-roast p{font:bold clamp(20px,2vw,27px)/1.27 Georgia,serif;margin:10px 0 0}
.bears-faithful{padding:24px 0 22px}
.bears-faithful span{color:#c9a9d2}
.bears-faithful p{font:400 17px/1.5 Georgia,serif;color:#e7dfe7;margin:10px 0 0}
.bears-result-stamp{display:inline-block;border:2px solid #cdaed5;color:#cdaed5;padding:8px 11px;font:700 10px var(--mono);letter-spacing:.07em;transform:rotate(-3deg)}
.bears-advisory{display:grid;grid-template-columns:80px 1fr;gap:28px;background:#ede2c7;color:#31283a;margin-top:65px;padding:30px 38px;border:2px dashed #745b76;box-shadow:6px 7px 0 #b9a99c;max-width:940px;transform:rotate(-.35deg)}
.bears-advisory-mark{width:60px;height:60px;border:4px solid #674477;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#674477;font:bold 45px/1 Georgia,serif}
.bears-advisory h3{font:bold 29px/1.1 Georgia,serif;letter-spacing:-.035em;margin:0 0 16px}
.bears-advisory p{font:400 15px/1.6 Georgia,serif;margin:0 0 12px;max-width:680px}
.bears-advisory p:last-child{margin-bottom:0}.bears-advisory strong{color:#5b3670}
.predictor-disclaimer{font:400 11px/1.6 var(--mono);color:#5a4b58;margin:30px 0 0;max-width:760px}
@media(max-width:900px){.predictor-heading{display:block}.predictor-heading p{margin-top:22px}.bears-game-grid{grid-template-columns:1fr}.bears-result{transform:none}.bears-spinner-card{max-width:none}}
@media(max-width:600px){.predictor-heading h2{font-size:clamp(43px,10vw,58px)}.bears-spinner-card,.bears-result{padding:20px}.bears-score strong{font-size:clamp(65px,18vw,100px)}.bears-score b{font-size:43px}.bears-score span{font-size:10px}.bears-roast{padding:14px}.bears-roast p{font-size:21px}.bears-faithful p{font-size:16px}.bears-advisory{grid-template-columns:1fr;gap:13px;padding:23px;margin-top:53px}.bears-advisory-mark{width:48px;height:48px;font-size:36px}.bears-advisory h3{font-size:25px}}
@media(prefers-reduced-motion:reduce){.bears-spin-disc.is-spinning{animation:none}}