body[data-screen="elementalPrayer"] .site-header,body[data-screen="elementalPrayer"] .site-footer,body[data-screen="elementalPrayer"] #screenToolbar{display:none!important}
body[data-screen="elementalPrayer"] .app-shell>header,body[data-screen="elementalPrayer"] .app-shell>footer,body[data-screen="elementalPrayer"] #screenToolbar,body[data-screen="elementalPrayer"] .sound-control-row{display:none!important}
body #elementalPrayer{position:fixed;inset:0;z-index:8;margin:0!important;padding:0!important;width:100%;height:100dvh;background:#211319;overflow:hidden;color:#ffedc7}
#elementalPrayer[hidden]{display:none!important}#prayerCanvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.prayer-header{position:absolute;top:46px;left:0;right:0;padding:8px 15px;background:linear-gradient(#211318c9,transparent);text-align:center;pointer-events:none}.prayer-header h2{font-size:clamp(18px,5vw,25px);color:#ffe8ad;text-shadow:0 2px 4px #000,0 0 9px #3d1907;margin:8px 0}.prayer-header .board-back{position:fixed;top:7px;left:10px;pointer-events:auto;color:#ffe6ac;background:#422723d9;padding:6px 12px;border:1px solid #cba05b;border-radius:7px;font-size:13px;text-decoration:none}.prayer-wallet{display:inline-block;padding:5px 14px;border-radius:20px;background:#221628b8;color:#ffe7b7;font-size:14px}
.prayer-footer{position:absolute;bottom:0;left:0;right:0;padding:18px max(15px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom));background:linear-gradient(transparent,#180c21db 25%);text-align:center;text-shadow:0 1px 2px #000}#prayerFeedback{font-size:13px;min-height:20px;margin:5px 0 10px;white-space:pre-line;color:#fff0d2}.prayer-footer button,#prayerReturn{display:block;width:min(100%,440px);margin:7px auto;padding:11px 12px;background:linear-gradient(110deg,#784340e8,#502849e8);border:2px solid #d7b46e;border-radius:9px;color:#fff0c9;font-size:16px;font-weight:700;text-decoration:none;box-shadow:0 3px 8px #0008}.prayer-footer button:disabled{opacity:.55}#prayerAds{font-size:13px;background:#20473bd9}#prayerTest{font-size:11px;padding:6px;border-width:1px;background:#27384bd9}.prayer-footer small{display:block;font-size:10px;color:#ebd4af}.prayer-credit{margin-top:7px;opacity:.8}.prayer-credit a{color:inherit}#prayerLuck{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;color:#fff3b7;text-shadow:0 2px 3px #36151e,0 0 15px #ffc251,0 0 40px #ffdf7a}#prayerLuck strong{font:800 clamp(60px,22vw,110px)/1 Georgia,serif;padding:0 20px;background:radial-gradient(ellipse,#402336bd,transparent 72%);animation:prayer-number .8s ease-out both}#prayerLuck small{font:700 20px/1.4 serif;text-shadow:0 2px 3px #1d0c11,0 0 12px #402020}#prayerLuck[hidden]{display:none}.is-praying .prayer-header,.is-praying #prayerControls{display:none}.is-praying .prayer-credit{visibility:hidden}.queue-slot strong .prayer-badge{display:inline;font:700 12px/1.2 sans-serif;margin-left:5px;color:#ffe59d;text-shadow:0 0 4px #926d2a}
body #elementalPortal .member-hub-choices{grid-template-rows:repeat(6,minmax(33px,1fr))!important;grid-auto-rows:minmax(33px,1fr)!important}body #elementalPortal .feature-prayer{--panel:#826222!important}body #elementalPortal .feature-prayer::before{content:'✧'}
@keyframes prayer-number{from{opacity:0;transform:scale(.65)}to{opacity:1;transform:scale(1)}}@media(max-height:680px){body #elementalPortal .elemental-hero{height:15dvh!important}.prayer-footer button{padding:9px;font-size:14px}}@media(prefers-reduced-motion:reduce){#prayerLuck strong{animation:none}}
#prayerControls[hidden],#prayerReturn[hidden],#prayerTest[hidden]{display:none!important}
.prayer-header,.prayer-footer,.prayer-footer button,#prayerReturn{box-sizing:border-box}#prayerLuck small{font-family:'Noto Sans JP',serif}

body[data-screen="elementalPrayer"]{overflow:hidden}body #elementalPrayer{z-index:1000!important;border:0!important;box-shadow:none!important;max-width:none!important}.is-praying .prayer-footer{display:none!important}

body:is([data-screen="elementalInfo"],[data-screen="elementalOther"])>.site-header,body:is([data-screen="elementalInfo"],[data-screen="elementalOther"])>footer,body:is([data-screen="elementalInfo"],[data-screen="elementalOther"]) #screenToolbar{display:none!important}
body:is([data-screen="elementalInfo"],[data-screen="elementalOther"]) #top{width:100%!important;max-width:none!important;padding:0!important;margin:0!important}
body .game-board:is(#elementalInfo,#elementalOther){box-sizing:border-box!important;position:relative!important;left:0!important;width:100%!important;max-width:560px!important;margin:0 auto!important;padding:48px 6% 24px!important;height:100dvh;min-height:0!important;background:#482916 url('./assets/elemental-wood-20261002.png') center/100% 100% no-repeat!important;border:0!important;border-radius:0!important;color:#ffeac0!important;display:flex;flex-direction:column;gap:12px;overflow:auto}
body #elementalInfo .elemental-info-choices{display:grid;grid-template-rows:repeat(4,minmax(40px,1fr));flex:1;min-height:0;gap:12px;padding:8px 0 0}.elemental-info-choices a{display:flex;align-items:center;justify-content:space-between;text-decoration:none;font-size:20px;font-weight:700;color:#ffedba;border:2px solid #cda453;border-radius:10px;padding:12px 18px;background:linear-gradient(135deg,#785237,#352016);box-shadow:inset 0 0 0 2px #3c2617,0 4px 8px #0006}.elemental-info-choices a:nth-child(2){background:linear-gradient(135deg,#37685d,#142d2d)}.elemental-info-choices a:nth-child(3){background:linear-gradient(135deg,#556891,#273449)}.elemental-info-choices a:nth-child(4){background:linear-gradient(135deg,#826039,#473322)}

body #elementalPortal .menu-notice-badge{flex:none;font:700 15px/1 sans-serif;color:#fff;background:#bb2130;border:1px solid #ffe099;border-radius:20px;min-width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 0 7px #ff8e3860}body #elementalPortal .menu-notice-badge[hidden]{display:none!important}
/* Keep elemental screens steady while preserving scrolling and text editing inside them. */
html:has(body[data-screen^="elemental"]),html:has(body[data-screen="memberAccount"]){height:100%;overflow:hidden;overscroll-behavior:none}
body:is([data-screen^="elemental"],[data-screen="memberAccount"]){position:fixed!important;inset:0!important;width:100%!important;height:100dvh!important;overflow:hidden!important;overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
body:is([data-screen^="elemental"],[data-screen="memberAccount"]) #top{position:fixed!important;inset:0!important;width:100%!important;height:100dvh!important;overflow:hidden!important}
body:is([data-screen^="elemental"],[data-screen="memberAccount"]) :is(button,a,img,.queue-slot,.member-message){-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:manipulation}
body:is([data-screen^="elemental"],[data-screen="memberAccount"]) :is(input,textarea,[contenteditable="true"]){-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}
body:is([data-screen^="elemental"],[data-screen="memberAccount"]) :is(.member-messages,.drop-gallery,.elemental-guide-content,.member-card,.notification-preferences){overscroll-behavior:contain}
body:is([data-screen^="elemental"],[data-screen="memberAccount"]) .game-board{max-height:100dvh!important;overscroll-behavior:contain}
