/* Isolated from page layout; header menus (100) and notifications (500) stay above decoration. */
#site-effects{position:fixed;inset:0;width:100%;height:100%;display:block;overflow:hidden;pointer-events:none!important;z-index:90;contain:strict}
.phd-effects-control{display:flex;flex-direction:column;gap:3px;flex:0 0 auto;margin:0;color:#dce9f8;font:600 10px/1.2 Arial,sans-serif}
.phd-effects-control>span{font-size:9px;letter-spacing:.4px}
.phd-effects-control select{box-sizing:border-box;width:90px;min-height:32px;padding:4px 3px;border:1px solid #52657e;border-radius:6px;background:#172f4a;color:#e6f0ff;font:11px Arial,sans-serif;cursor:pointer;transition:background .2s ease,border-color .2s ease}
.phd-effects-control select:hover{background:#213f60;border-color:#83a5ca}
.phd-effects-control select:focus-visible{outline:2px solid #8ebdff;outline-offset:3px}
.phd-effects-control select:disabled{opacity:.65;cursor:default}
@media(max-width:1050px){.phd-effects-control{flex-direction:row;align-items:center;justify-content:space-between;gap:12px;padding:12px 10px;border-top:1px solid #ffffff18}.phd-effects-control>span{font-size:13px;letter-spacing:0}.phd-effects-control select{min-height:44px;width:130px}}
@media(prefers-reduced-motion:reduce){#site-effects{display:none}.phd-effects-control select{transition:none}}