/* Modern look: self-hosted Poppins (SIL Open Font License), clean solid buttons with a soft raised edge, no gloss, no blur. */
@font-face{font-family:"Poppins";font-weight:500;font-style:normal;font-display:swap;src:url(../../assets/web/fonts/Poppins-Medium.woff) format("woff")}
@font-face{font-family:"Poppins";font-weight:700;font-style:normal;font-display:swap;src:url(../../assets/web/fonts/Poppins-Bold.woff) format("woff")}
:root{--pop:"Poppins",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--ink:#2a2350;--pink:#ff4f8b;--pink-d:#d62f69;--blue:#3b82ff;--blue-d:#2158c9;--card:#fffdf9}
html,body{font-family:var(--pop)}
/* buttons: flat, calm, rounded pills */
.bk-btn{border:0;border-radius:999px;background:#fff;color:var(--ink);font:600 15px/1 var(--pop);letter-spacing:.01em;padding:12px 22px;min-height:46px;box-shadow:0 1px 2px rgba(42,35,80,.12),0 6px 18px rgba(42,35,80,.14);transition:transform .15s,box-shadow .15s,background .15s;cursor:pointer}
.bk-btn:hover{background:#f6f2ff;transform:translateY(-1px);box-shadow:0 2px 4px rgba(42,35,80,.12),0 10px 22px rgba(42,35,80,.18)}
.bk-btn:active{transform:translateY(0);box-shadow:0 1px 2px rgba(42,35,80,.14)}
.bk-btn.alt{background:var(--ink);color:#fff}
.bk-btn.alt:hover{background:#3a3270}
.bk-btn:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
.modal-btn{border:0;border-radius:16px;background:var(--ink);color:#fff;font:600 16px/1 var(--pop);padding:12px 28px}
.modal-btn:hover{background:#3a3270}
/* chips and cards */
.tw-title{border:0;border-radius:16px;background:var(--card);color:var(--ink);font:700 clamp(17px,2.6vw,24px)/1.1 var(--pop);box-shadow:0 6px 18px rgba(42,35,80,.16)}
.bk-note{border:0;border-radius:16px;background:var(--card);color:var(--ink);font:700 16px/1.2 var(--pop);box-shadow:0 6px 18px rgba(42,35,80,.16)}
.modal{border:0;border-radius:24px;background:var(--card);color:var(--ink);box-shadow:0 20px 50px rgba(42,35,80,.3)}
.modal h2{font:700 1.5rem/1.15 var(--pop)}.modal p{font:500 1.05rem/1.5 var(--pop)}
.bk-info h2{font:700 clamp(24px,4vw,36px)/1.12 var(--pop);color:var(--ink)}
.bk-info p{font:500 clamp(15px,2vw,18px)/1.55 var(--pop);color:#4a4470}
.bk-date{border:0;border-radius:12px;background:#ffe6ef;color:var(--pink-d);font:700 15px/1 var(--pop);padding:9px 14px}
/* round buttons: arrows, toolbar */
.tw-pan{border:0;background:var(--card);color:var(--ink);box-shadow:0 4px 0 rgba(42,35,80,.18),0 8px 16px rgba(42,35,80,.18);transition:transform .12s}
.tw-pan:hover{transform:translateY(calc(-50% - 1px))}
.tw-pan:active{transform:translateY(calc(-50% + 2px))}
.toolbar{background:rgba(255,253,249,.9);backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:0 6px 18px rgba(42,35,80,.16);padding:.25rem}
.tb{color:var(--ink);font-family:var(--pop)}
.tb:hover{background:#f1ecff}
/* game and riddle spots: clean solid badges */
.tw-spot{border:3px solid #fff;font-family:var(--pop);font-weight:700;box-shadow:0 5px 14px rgba(0,0,0,.28),0 0 0 5px color-mix(in srgb,var(--c) 35%,transparent)}
.tw-spot.riddle{border-radius:50%}
/* map hover ring */
.mp-ring{border-width:3px}
.bk-detail{background:#fffaf3}
/* Every plain button on the site: the same cream with a soft lilac edge (her request). Pink book arrows, crayons and her art stay as they are. */
.bk-btn,.bk-btn.alt,.ga-pill,.ga-round,.ga-btn,.ga-btn.alt,.dd-tool,.modal-btn,.gz-arrow,.tw-pan,.tw-invite,.tw-game,.tw-note,.tw-about-pin,.tw-about-x,.gj-level,.toolbar,.tw-title,.mp-welcome{
  background:#fffaf0!important;color:#4b3a8c!important;border:2px solid #d9c8f5!important;box-shadow:0 2px 8px rgba(91,33,182,.12)!important;text-shadow:none!important}
.bk-btn:hover,.ga-pill:hover,.ga-round:hover,.ga-btn:hover,.dd-tool:hover,.modal-btn:hover,.gz-arrow:hover,.tw-pan:hover,.tw-invite:hover,.tw-game:hover,.tw-note:hover,.tw-about-pin:hover,.gj-level:hover{background:#fff4e2!important;border-color:#c9b2f0!important}
.tw-note svg,.tw-invite svg,.tw-about-x svg{stroke:#4b3a8c!important}
.tw-note svg{fill:#4b3a8c!important}
.ga-round svg,.gz-arrow svg,.dd-tool svg{stroke:#4b3a8c}
.tb{color:#4b3a8c}