/* Website Cleanup — additive page styles. Existing splash and answer styles remain. */
.rinkbot-cleanup {
  --yellow:#ffcf00;
  background:radial-gradient(ellipse 590px 330px at 50% 5%,#9e760027,transparent 90%),#030303;
}
.rinkbot-cleanup:before {opacity:.07;background-size:32px 32px}
.rinkbot-cleanup:after {display:none}
.rinkbot-cleanup [hidden] {display:none!important}
.rinkbot-cleanup .shell {width:min(920px,calc(100% - 48px));padding:18px 0 28px;left:-28px}
.rinkbot-cleanup .page-glow {top:-180px;width:800px;height:580px;background:#ffce000d}
.corner-messages {position:absolute;inset:0 0 auto;z-index:2;pointer-events:none}
.corner-message {position:absolute;margin:0}
.corner-message img {display:block;width:100%;height:auto}
.corner-message-left {left:max(22px,calc(50% - 775px));top:12px;width:267px}
.corner-message-right {right:max(22px,calc(50% - 765px));top:8px;width:391px}
.background-streaks {position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:0}
.background-streaks .streak {
  position:absolute;width:2px;height:880px;transform:rotate(29deg);transform-origin:bottom center;
  background:linear-gradient(0deg,transparent,#ffce008c 18%,#ffce003f 48%,transparent 86%);
  box-shadow:0 0 8px 2px #ffcc0026,0 0 25px 9px #ffb9000d;
  filter:blur(.85px);
}
.background-streaks .streak-left {left:-30px;top:calc(96vh - 880px);opacity:.67}
.background-streaks .streak-right {right:130px;top:-445px;height:930px;opacity:.67}
.background-streaks .streak-faint {left:-110px;top:calc(90vh - 880px);opacity:.22;width:1px}
.rinkbot-cleanup .side-watermark {opacity:.095;width:330px;height:330px;background-size:contain}
.rinkbot-cleanup .side-watermark.left {left:max(-24px,calc(50% - 856px));top:27vh;transform:rotate(-10deg)}
.rinkbot-cleanup .side-watermark.right {right:10px;top:45vh;transform:rotate(10deg);width:340px;height:340px}
.rinkbot-cleanup .hero {padding:0 6px 17px;transform:translateX(28px)}
.rinkbot-cleanup .brand-mark {width:140px;height:140px;margin-bottom:8px;box-shadow:0 0 0 1px #ffd10016,0 0 42px #ffce0009}
.rinkbot-cleanup .eyebrow {font-size:15px;letter-spacing:.12em;gap:14px;line-height:20px}
.rinkbot-cleanup .eyebrow span {width:39px;height:1px;flex:none}
.rinkbot-cleanup .hero h1 {font-size:92px;margin:1px 0 0px;letter-spacing:-.055em}
.rinkbot-cleanup .tagline {font-size:19px;line-height:27px;margin:0;color:#e5e5e5}
.rinkbot-cleanup .app-install {margin:0 auto 19px}
.rinkbot-cleanup .app-install-button {font-size:13px;padding:10px 20px;border-width:1px}
.rinkbot-cleanup .question-card {padding:21px 25px 0;margin-top:0;border-color:#594600;border-radius:20px}
.rinkbot-cleanup .card-heading {margin-bottom:13px;align-items:center;min-height:48px}
.rinkbot-cleanup .mini-label {font-size:11px;letter-spacing:.14em;margin-bottom:5px}
.rinkbot-cleanup label {font-size:20px;font-weight:900;line-height:1.35}
.rinkbot-cleanup .scorpion-dot {width:49px;height:49px;border-radius:50%;border-color:#574400;background:transparent}
.rinkbot-cleanup textarea {display:block;min-height:94px;height:94px;padding:13px 15px 29px;font-size:15px;border-color:#4a4a4a}
.rinkbot-cleanup textarea::placeholder {color:#959595}
.rinkbot-cleanup textarea:focus {border-color:var(--yellow);box-shadow:0 0 0 2px #ffce0020,0 0 18px #ffcc0009}
.rinkbot-cleanup .shortcut {font-size:10px;right:12px;bottom:8px;padding:2px 5px;border-radius:4px}
.rinkbot-cleanup .actions {margin-top:13px;gap:13px;flex-direction:row}
.rinkbot-cleanup .primary,.rinkbot-cleanup .secondary {min-height:49px;border-radius:11px;padding:11px 20px}
.rinkbot-cleanup .primary {font-size:18px;font-weight:900;background:linear-gradient(100deg,#ffd800,#ffce00);box-shadow:0 6px 22px #ffcc0017,inset 0 0 0 1px #ffe26a44}
.rinkbot-cleanup .secondary {width:104px;flex:none;background:linear-gradient(#161616,#0e0e0e);font-size:14px;color:#f2f2f2}
.rinkbot-cleanup .primary:hover {box-shadow:0 0 27px #ffce002c;filter:brightness(1.04)}
.rinkbot-cleanup button:focus-visible,.rinkbot-cleanup a:focus-visible {outline:2px solid #ffe158;outline-offset:4px}
.rinkbot-cleanup .quick-heading {margin:14px -25px 0;padding:11px 25px 0;border-top:1px solid #443500;display:flex;align-items:center;flex-direction:row}
.rinkbot-cleanup .suggestions-label {display:flex;align-items:center;gap:10px;font-size:12px;letter-spacing:.14em}
.quick-bolt {width:17px;height:24px;fill:#ffdd00;flex:none}
.rinkbot-cleanup .suggestions {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 10px;margin:11px -5px 20px}
.rinkbot-cleanup .suggestions button {position:relative;width:auto;min-height:50px;padding:9px 24px 9px 10px;gap:8px;font-size:11.2px;font-weight:800;line-height:1.32;border-color:#786000;background:linear-gradient(140deg,#101010,#070707);color:#f7f7f7}
.rinkbot-cleanup .suggestions button:after {content:'›';position:absolute;right:13px;top:50%;transform:translateY(-50%);font:400 21px/1 Arial;color:#d1d1d1}
.rinkbot-cleanup .suggestions button:hover {border-color:#ffce00;background:linear-gradient(140deg,#1b1708,#0e0e0e);transform:translateY(-1px);box-shadow:0 0 18px #ffce0010}
.rinkbot-cleanup .qicon {width:26px;height:29px;border:0;border-radius:0;background:none;font-size:22px}
.recent-questions {border-top:1px solid #665000;margin:0 -25px;padding:13px 19px 15px}
.recent-heading {display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:8px}
.recent-heading h2 {display:flex;align-items:center;gap:10px;margin:0;font-size:12px;line-height:24px;letter-spacing:.14em;color:var(--yellow);font-weight:900}
.recent-heading h2 svg {width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:2}
.clear-history {display:inline-flex;align-items:center;gap:5px;background:none;border:0;color:#ccc;font-size:11px;font-weight:450;min-height:28px;padding:5px 2px}
.clear-history svg {width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.clear-history:hover {color:var(--yellow)}
.recent-question-list {display:flex;gap:8px;overflow-x:auto;padding:2px 1px 2px;scrollbar-width:thin;scrollbar-color:#514312 transparent}
.recent-question {display:flex;align-items:center;gap:7px;min-width:0;flex:1 0 150px;max-width:230px;height:46px;padding:8px 11px;color:#e4e4e4;background:linear-gradient(#111,#070707);border:1px solid #565656;border-radius:28px;font-size:10px;font-weight:700;text-align:left}
.recent-question svg {width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.5;flex:none}
.recent-question .recent-label {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}
.recent-question .recent-arrow {font:400 20px/1 Arial;flex:none}
.recent-question:hover {border-color:#e6bc00;color:#fff;background:#171306}
.recent-question:focus-visible {outline-offset:-3px!important}
.sr-only {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.rinkbot-cleanup .club-contact {top:142px;left:calc(100% + 20px);width:322px;border-color:#8c7000;padding:16px 16px 15px;gap:11px;display:grid;grid-template-columns:34px minmax(0,1fr);border-radius:14px}
.rinkbot-cleanup .club-contact-icon {width:34px;height:34px;grid-row:1;grid-column:1;border-color:#846400}
.club-contact-icon svg {width:20px;height:20px;fill:currentColor;stroke:currentColor;stroke-width:1;stroke-linejoin:round}
.rinkbot-cleanup .club-contact-copy {display:contents}
.rinkbot-cleanup .club-contact-copy .mini-label {grid-column:2;align-self:center;margin:0;letter-spacing:.13em;font-size:12px}
.rinkbot-cleanup .club-contact-copy h2 {grid-column:1 / -1;font-size:13px;line-height:1.5;margin:-4px 0 0}
.rinkbot-cleanup .club-contact-email {grid-column:1 / -1;display:grid;grid-template-columns:28px 1fr;column-gap:11px;row-gap:2px;align-items:center;padding:9px 12px;min-height:57px;border-color:#8f7400;background:linear-gradient(115deg,#151515,#080808);border-radius:12px}
.club-contact-email .contact-envelope {grid-row:1 / 3;grid-column:1;width:25px;height:25px;fill:none;stroke:#ffd500;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.rinkbot-cleanup .club-contact-email span {grid-column:2;font-size:8.5px;letter-spacing:.14em;color:#a3a3a3;line-height:1.3}
.rinkbot-cleanup .club-contact-email strong {grid-column:2;font-size:12px;line-height:1.4;word-break:normal;overflow-wrap:anywhere;color:#ffd500}
.rinkbot-cleanup footer {padding:25px 0 0;max-width:none;width:100%;color:#999}
.rinkbot-cleanup .footer-brand {font-size:10px;letter-spacing:.28em;color:#ffce00}
.rinkbot-cleanup .footer-brand b {padding:0 7px}
.rinkbot-cleanup .footer-lines {gap:17px}
.rinkbot-cleanup .footer-lines span {max-width:68px;height:1px}
.rinkbot-cleanup .officials-warning {margin:28px 0 0;box-shadow:none;border-color:#624e00;text-align:left}
.rinkbot-cleanup footer>p:not(.keep-playing) {font-size:11px;line-height:1.6;margin:15px 10px 0;color:#a69c83}
.keep-playing {position:fixed;bottom:23px;right:33px;width:173px;margin:0;z-index:1;pointer-events:none}
.keep-playing img {width:100%;height:auto;display:block}
.saved-answer-note {display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 12px;margin:-3px 0 15px;border:1px solid #494020;border-radius:9px;color:#c4b789;background:#17140b;font-size:12px;line-height:1.5}
.saved-answer-note button {border:1px solid #8e7200;border-radius:8px;flex:none;background:#181607;color:#ffda43;padding:9px 12px;font-size:12px;min-height:36px}
@media (max-width:1599px) {
  .rinkbot-cleanup .hero {transform:none}
  .rinkbot-cleanup .shell {left:0;width:min(900px,calc(100% - 60px))}
  .corner-message-left {left:18px;width:220px}
  .corner-message-right {right:18px;width:290px}
  .rinkbot-cleanup .club-contact {position:static;width:100%;max-width:none;margin:22px 0 0;grid-template-columns:34px minmax(0,1fr) minmax(0,1fr);gap:10px 14px}
  .rinkbot-cleanup .club-contact-copy .mini-label {grid-column:2 / 4}
  .rinkbot-cleanup .club-contact-copy h2 {grid-column:1 / -1}
  .rinkbot-cleanup .club-contact-email {grid-column:auto}
  .rinkbot-cleanup .club-contact-email:first-of-type {grid-column:1 / 3}
  .rinkbot-cleanup .side-watermark {opacity:.055}
  .rinkbot-cleanup footer .keep-playing {position:static;margin:18px 0 0 auto;width:150px}
}
@media (max-width:1000px) and (min-width:701px) {
  .corner-message-left {width:184px}
  .corner-message-right {width:242px}
  .rinkbot-cleanup .hero h1 {font-size:80px}
  .rinkbot-cleanup .eyebrow {font-size:12px}
  .rinkbot-cleanup .suggestions {grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:700px) {
  .corner-messages {position:relative;display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:10px 16px 0}
  .corner-message {position:static}
  .corner-message-left {width:42%;max-width:215px}
  .corner-message-right {width:49%;max-width:255px;padding-top:2px}
  .rinkbot-cleanup .shell {width:calc(100% - 24px);padding-top:13px}
  .rinkbot-cleanup .brand-mark {width:100px;height:100px;margin-bottom:12px}
  .rinkbot-cleanup .hero {padding:0 0 21px}
  .rinkbot-cleanup .hero h1 {font-size:clamp(39px,10.7vw,68px);margin:8px 0 8px}
  .rinkbot-cleanup .eyebrow {font-size:clamp(8px,2vw,12px);letter-spacing:.09em;gap:7px;line-height:1.4}
  .rinkbot-cleanup .eyebrow span {width:15px}
  .rinkbot-cleanup .tagline {font-size:clamp(12px,3.4vw,17px);line-height:1.5}
  .rinkbot-cleanup .question-card {padding:18px 16px 0;border-radius:17px}
  .rinkbot-cleanup label {font-size:18px}
  .rinkbot-cleanup .mini-label {font-size:10px}
  .rinkbot-cleanup .scorpion-dot {width:40px;height:40px}
  .rinkbot-cleanup textarea {font-size:16px;min-height:112px;height:112px}
  .rinkbot-cleanup .shortcut {display:none}
  .rinkbot-cleanup .actions {gap:9px;margin-top:11px}
  .rinkbot-cleanup .primary {font-size:15px;padding:11px 10px}
  .rinkbot-cleanup .secondary {font-size:13px;width:70px;padding:11px 8px}
  .rinkbot-cleanup .quick-heading {margin:15px -16px 0;padding:12px 16px 0}
  .rinkbot-cleanup .suggestions {grid-template-columns:1fr;gap:9px;margin:10px 0 17px}
  .rinkbot-cleanup .suggestions button {font-size:13px;min-height:48px;padding-left:13px}
  .recent-questions {margin:0 -16px;padding:12px 13px 14px}
  .recent-heading {gap:8px;margin-bottom:9px}
  .recent-heading h2 {font-size:10px;letter-spacing:.09em;gap:6px}
  .recent-heading h2 svg {width:20px;height:20px}
  .clear-history {font-size:11px;min-height:38px}
  .recent-question {flex-basis:180px;font-size:12px}
  .rinkbot-cleanup .club-contact {grid-template-columns:34px minmax(0,1fr);padding:15px}
  .rinkbot-cleanup .club-contact-copy .mini-label {grid-column:2}
  .rinkbot-cleanup .club-contact-email,.rinkbot-cleanup .club-contact-email:first-of-type {grid-column:1 / -1}
  .rinkbot-cleanup .club-contact-email span {font-size:9px}
  .rinkbot-cleanup .club-contact-email strong {font-size:13px}
  .rinkbot-cleanup .footer-brand {font-size:9px;letter-spacing:.14em;line-height:1.7}
  .rinkbot-cleanup .footer-lines {gap:8px}
  .rinkbot-cleanup .footer-lines span {display:block;min-width:12px;max-width:25px}
  .rinkbot-cleanup .officials-title {font-size:14px}
  .rinkbot-cleanup .officials-warning {padding:13px;gap:10px;grid-template-columns:auto 1fr}
  .rinkbot-cleanup .officials-warning p {grid-column:1 / -1;font-size:12px}
  .saved-answer-note {align-items:flex-start;flex-direction:column}
  .background-streaks .streak-left {left:-40px;opacity:.45}
  .background-streaks .streak-right {right:-170px;opacity:.32}
}
@media (prefers-reduced-motion:reduce) {
  .rinkbot-cleanup {scroll-behavior:auto}
  html:has(.rinkbot-cleanup) {scroll-behavior:auto}
  .rinkbot-cleanup button,.rinkbot-cleanup textarea {transition:none!important}
  .rinkbot-cleanup .suggestions button:hover {transform:none}
}
