
/* v7 local only. Real form inputs and existing submit handlers remain intact. */
body.world-game .hero:has(>section.panel){max-width:900px}
body.world-game .hero:has(>section.panel)>section.panel{width:min(100%,650px);max-width:650px!important;margin:25px auto!important;text-align:left}
body.world-game .hero:has(>section.panel)>section.panel h2{text-align:center;margin:4px 0 20px}
.forest-modal-dialog:has(.ritual-form){width:min(760px,96vw);max-width:760px!important;padding:0!important;overflow-y:auto;max-height:94dvh;border:1px solid #b78363!important;border-radius:5px;background:radial-gradient(ellipse at 50% 0%,#513039,#1a1016 55%,#0e0b10 100%)!important;box-shadow:0 25px 110px #000,0 0 0 5px #110b0e,0 0 0 6px #89574c88!important}
.forest-modal-dialog:has(.ritual-form) .forest-close{font-size:30px;right:15px;top:12px;color:#f4d5c3}
.forest-modal-dialog .ritual-form{padding:clamp(20px,4vw,40px)!important;background:none!important;border:0!important;box-shadow:none!important}
.ritual-form:before{inset:12px!important;border:1px solid #b78a6150!important;background:none!important;pointer-events:none}
.ritual-form .home-action-top{justify-content:center;margin:0 0 12px}
.ritual-form .home-action-top .eyebrow{color:#d9a88a;letter-spacing:.25em;font-size:10px}
.ritual-form .home-action-symbol{display:none}
.ritual-form h2{text-align:center!important;font:700 clamp(29px,5vw,47px) Georgia,serif!important;line-height:1.1;margin:0 0 10px!important;color:#f7decb!important}
.ritual-form>p{text-align:center;color:#d7bdb1;max-width:520px;margin:0 auto 25px!important;line-height:1.6;font-size:14px}
.ritual-form .field{margin:16px 0 22px}
.ritual-form .field>label{display:block;margin-bottom:9px!important;letter-spacing:.16em!important;color:#e3bca7!important}
.ritual-form .field:has(#createName){max-width:500px;margin-left:auto;margin-right:auto}
.ritual-form #createName{width:100%;padding:15px 17px;background:#0d0b0f!important;border:1px solid #9b655e!important;box-shadow:inset 0 2px 8px #0008}
.ritual-form .ritual-native-select{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}
.ritual-stepper{display:flex;align-items:center;justify-content:center;gap:22px;max-width:330px;margin:0 auto;padding:8px;background:linear-gradient(90deg,transparent,#342127,transparent)}
.ritual-stepper button{width:52px;height:52px;border:1px solid #b67d69;border-radius:5px;background:linear-gradient(#563039,#291a22);font-size:30px;color:#f8e0ca;cursor:pointer}
.ritual-stepper button:disabled{opacity:.35;cursor:default}
.ritual-count{min-width:105px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:2px}
.ritual-count strong{font:48px Georgia,serif;color:#f9dfc4;line-height:1}
.ritual-count small{font:700 10px system-ui,sans-serif;letter-spacing:.16em;color:#d6a38e}
.ritual-modes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.ritual-modes button{display:flex;flex-direction:column;align-items:center;gap:7px;padding:18px 13px;min-height:140px;background:linear-gradient(160deg,#342027,#171015);border:1px solid #765453;border-radius:4px;color:#f2dac7;cursor:pointer}
.ritual-modes button.active{border-color:#e5a477;background:linear-gradient(160deg,#633038,#2a171d);box-shadow:inset 0 0 0 1px #b7806855,0 0 25px #bd5d4133}
.ritual-modes .ritual-mode-symbol{font:30px Georgia,serif;color:#d99e78}
.ritual-modes strong{font:24px Georgia,serif}
.ritual-modes small{font-size:12px;line-height:1.35;color:#d5b6a8;max-width:220px}
.ritual-traitors{display:flex;justify-content:center;flex-wrap:wrap;gap:10px}
.ritual-chip{padding:12px 20px;min-width:63px;border:1px solid #765453;background:#24161c;color:#f1d9c6;border-radius:3px;cursor:pointer;font:700 14px system-ui,sans-serif}
.ritual-chip.active{background:linear-gradient(#853b40,#4d2229);border-color:#e1a076;box-shadow:0 0 15px #bc654044}
.ritual-form .ritual-submit{display:block;width:min(100%,360px);margin:30px auto 0!important;padding:18px!important;background:linear-gradient(#9f4c48,#5a252a)!important;border:1px solid #efb38c!important;font:700 19px Georgia,serif;box-shadow:0 7px 20px #0008!important}
.ritual-form button:focus-visible{outline:2px solid #f7c49b;outline-offset:3px}
@media(max-width:550px){.forest-modal-dialog .ritual-form{padding:24px 20px!important}.ritual-modes button{min-height:135px;padding:12px 8px}.ritual-modes strong{font-size:20px}.ritual-modes small{font-size:11px}.ritual-stepper{gap:12px}.ritual-chip{padding:11px 15px}}
@media(prefers-reduced-motion:reduce){.ritual-form button{transition:none!important}}
