/* Midnight Bloom — approved Option 4. One scene and shared controls on every screen. */
html body[data-page] #sidebar.rose-sidebar .command-nav{grid-template-rows:repeat(10,minmax(0,1fr))!important}
html body[data-page] #sidebar.rose-sidebar .tab[data-page="clubs"] .nav-icon{display:grid!important;place-items:center!important;background:none!important;mask-image:none!important;mix-blend-mode:normal!important;color:#e3b2d2}
html body[data-page] #sidebar.rose-sidebar .tab[data-page="clubs"] .nav-icon svg{display:block!important;width:100%!important;height:100%!important;filter:drop-shadow(0 0 3px #bf79ae44)}
#page-more [data-go="clubs"] .choice-icon svg{display:block;width:24px;height:24px}
html body[data-page="clubs"] .app-frame{height:100dvh!important;min-height:100dvh!important}
html body[data-page="clubs"] .workspace{display:flex!important;flex-direction:column!important;height:100dvh!important;min-height:0!important}
html body[data-page="clubs"] .topbar{flex:0 0 auto!important}
html body[data-page="clubs"] .main-content{position:relative!important;flex:1 1 0!important;width:100%!important;max-width:none!important;min-height:0!important;height:auto!important;margin:0!important;padding:0!important;overflow:hidden!important}
html body[data-page="clubs"] .site-footer{position:static!important;flex:0 0 auto!important;width:100%!important;min-height:30px!important;height:auto!important;margin:0!important;padding:8px 12px!important;box-sizing:border-box!important;background:#07050c!important;border-top:1px solid #99567466!important;font-size:10px!important}
html body[data-page="clubs"] #page-clubs{position:absolute!important;inset:0!important;width:100%!important;max-width:none!important;height:100%!important;min-height:0!important;margin:0!important;padding:0!important;overflow:hidden!important;background:#07060d!important;color:#ffebf8;isolation:isolate}
#page-clubs.active{display:block!important}
#page-clubs .clubs-scene{position:absolute;left:50%;top:50%;width:var(--clubs-scene-width,100%);height:var(--clubs-scene-height,100%);transform:translate(-50%,-50%)}
#page-clubs .clubs-scene-bg{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;object-fit:fill;pointer-events:none;user-select:none}
#page-clubs .clubs-bloom-heading{position:absolute;top:20.5%;left:10%;width:80%;text-align:center}
#page-clubs .clubs-bloom-heading h1{margin:0;padding:0;font-family:Georgia,'Times New Roman',serif!important;font-size:clamp(32px,calc(var(--clubs-scene-width,100vw)*.05),88px)!important;font-weight:400!important;line-height:1.12!important;letter-spacing:-.035em;background:linear-gradient(100deg,#ffb3d4 12%,#f8dbef 55%,#c9a3ef 90%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 3px 18px #06030b55}
#page-clubs .clubs-heading-rule{display:flex;align-items:center;justify-content:center;gap:12px;width:48%;margin:18px auto 16px;color:#e5a6c3;font-size:22px;line-height:1}
#page-clubs .clubs-heading-rule::before,#page-clubs .clubs-heading-rule::after{content:"";height:1px;flex:1;background:linear-gradient(90deg,transparent,#c884a8)}
#page-clubs .clubs-heading-rule::after{transform:scaleX(-1)}
#page-clubs .clubs-bloom-heading>p{margin:0;color:#e1cadf;font-family:Georgia,'Times New Roman',serif;font-size:clamp(10px,calc(var(--clubs-scene-width,100vw)*.011),17px);letter-spacing:.48em;line-height:1.4}
#page-clubs .clubs-bloom-divider{position:absolute;left:50%;top:43%;height:25%;width:1px;background:linear-gradient(transparent,#b982a866,transparent)}
#page-clubs .clubs-bloom-divider>span{position:absolute;left:50%;top:60%;transform:translate(-50%,-50%);padding:8px 0;color:#e7a2cb;background:#0a070f;font-size:25px}
#page-clubs .clubs-bloom-choice{position:absolute;top:71%;left:15%;width:28%;text-align:center}
#page-clubs .clubs-bloom-join{left:57%}
#page-clubs .clubs-choice-art{display:none}
#page-clubs .clubs-bloom-choice>p{margin:0 0 14px;font-family:Georgia,'Times New Roman',serif!important;font-size:clamp(16px,calc(var(--clubs-scene-width,100vw)*.018),29px)!important;line-height:1.25;color:#f8e8f4;text-shadow:0 2px 6px #000}
#page-clubs .clubs-bloom-choice>button{display:flex;align-items:center;justify-content:center;gap:18px;width:100%;height:clamp(48px,calc(var(--clubs-scene-height,100vh)*.085),96px);min-height:48px;margin:0;padding:6px 14px;border:2px solid #ffc1e3;border-radius:999px;background:linear-gradient(180deg,#db6aab,#923568 58%,#c65398);color:#fff4fc;font-family:Georgia,'Times New Roman',serif!important;font-size:clamp(20px,calc(var(--clubs-scene-width,100vw)*.021),34px)!important;font-weight:600;line-height:1.1;cursor:pointer;box-shadow:inset 0 0 13px #ffd3ec88,0 0 9px #ff96d0bb,0 0 30px #ff389666;text-shadow:0 2px 3px #59213c;transition:filter .15s,box-shadow .15s}
#page-clubs .clubs-bloom-join>button{border-color:#eac7ff;background:linear-gradient(180deg,#ab6bea,#632ba5 58%,#9d58dc);box-shadow:inset 0 0 13px #f2dbff88,0 0 9px #d6a3ffbb,0 0 30px #9340ff77;text-shadow:0 2px 3px #361755}
#page-clubs .clubs-bloom-choice>button:hover{filter:brightness(1.12)}
#page-clubs .clubs-bloom-choice>button:focus-visible,#page-clubs .clubs-bloom-choice>button[aria-pressed="true"]{outline:2px solid #fff2fb;outline-offset:6px}
#page-clubs .clubs-bloom-side{position:absolute;right:3.8%;margin:0;text-align:center;color:#d7bfd5;font-family:Georgia,'Times New Roman',serif;font-size:clamp(9px,calc(var(--clubs-scene-width,100vw)*.008),13px);line-height:2;letter-spacing:.3em}
#page-clubs .clubs-bloom-side-top{top:7%}#page-clubs .clubs-bloom-side-bottom{top:61%}
#page-clubs .clubs-selection{position:absolute;z-index:5;bottom:14px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:16px;max-width:calc(100% - 32px);width:max-content;padding:12px 16px;background:#150c20f2;color:#f2daee;border:1px solid #b780af;border-radius:12px;font:14px/1.4 system-ui,sans-serif;box-sizing:border-box}
#page-clubs .clubs-selection[hidden]{display:none!important}
#page-clubs .clubs-selection button{flex:0 0 32px;width:32px;height:32px;padding:0;background:transparent;border:0;color:#fff;font-size:24px;cursor:pointer}
@media(min-width:901px){html:has(body[data-page="clubs"]),body[data-page="clubs"]{height:100dvh!important;overflow:hidden!important}}
@media(max-width:1180px){html body[data-page] #sidebar.rose-sidebar .command-nav{grid-template-rows:repeat(10,minmax(44px,1fr))!important}}
@media(max-width:900px), (max-width:1180px) and (orientation:portrait){
 html:has(body[data-page="clubs"]),body[data-page="clubs"]{height:auto!important;overflow-x:hidden!important;overflow-y:auto!important}
 html body[data-page="clubs"] .app-frame,html body[data-page="clubs"] .workspace{height:auto!important;min-height:100dvh!important}
 html body[data-page="clubs"] .main-content{flex:1 0 auto!important;overflow:visible!important}
 html body[data-page="clubs"] #page-clubs{position:relative!important;inset:auto!important;height:auto!important;min-height:calc(100dvh - 160px)!important;overflow:hidden!important}
 #page-clubs .clubs-scene{position:relative;left:auto;top:auto;transform:none;width:100%;height:auto;display:flex;flex-direction:column;gap:12px;padding:32px 0 36px;background:linear-gradient(#08061011,#080610 58%),url("../images/clubs/midnight-bloom-v10.504.png") left top/auto 1100px no-repeat}
 #page-clubs .clubs-scene-bg,#page-clubs .clubs-bloom-divider,#page-clubs .clubs-bloom-side{display:none}
 #page-clubs .clubs-bloom-heading{position:relative;top:auto;left:auto;width:100%;padding:0 16px;box-sizing:border-box}
 #page-clubs .clubs-bloom-heading h1{font-size:clamp(32px,7.5vw,56px)!important}
 #page-clubs .clubs-heading-rule{margin:14px auto 12px;width:65%}
 #page-clubs .clubs-bloom-heading>p{font-size:10px;letter-spacing:.35em}
 #page-clubs .clubs-bloom-choice{position:relative;top:auto;left:auto;width:88%;max-width:430px;margin:0 auto;text-align:center}
 #page-clubs .clubs-choice-art{display:block;width:100%;aspect-ratio:1.55;background-image:url("../images/clubs/midnight-bloom-v10.504.png");background-size:250% auto;background-repeat:no-repeat;background-position:16.6667% 57%;mask-image:linear-gradient(transparent,#000 10%,#000 86%,transparent)}
 #page-clubs .clubs-bloom-join .clubs-choice-art{background-position:83.3333% 57%}
 #page-clubs .clubs-bloom-choice>p{margin:-4px 0 12px;font-size:20px!important}
 #page-clubs .clubs-bloom-choice>button{height:56px;font-size:24px!important}
 #page-clubs .clubs-selection{position:fixed;bottom:18px;font-size:13px}
}
@media(prefers-reduced-motion:reduce){#page-clubs .clubs-bloom-choice>button{transition:none}}