.cf-site-header{box-sizing:border-box;display:flex;position:relative;z-index:1001;width:calc(100vw - 12px);height:46px;margin:6px 0 7px calc(50% - 50vw + 6px);align-items:center;justify-content:space-between;padding:0 10px;background:#17191d;border:1px solid #3c4149;box-shadow:0 3px 12px #0008;font-family:Arial,"Noto Sans JP",sans-serif}
.cf-site-brand{display:inline-flex;align-items:flex-end;gap:6px;color:#f4f4f4;text-decoration:none;white-space:nowrap}.cf-site-brand-name{font-size:17px;font-weight:900;letter-spacing:.05em}.cf-site-version{padding-bottom:1px;color:#9299a4;font-size:10px;font-weight:700}.cf-site-admin-badge{margin-left:8px;margin-right:auto;padding:3px 8px;color:#a8ffc1;background:#173823;border:1px solid #35b867;border-radius:999px;text-decoration:none;font-size:10px;font-weight:900}.cf-site-menu-button{width:40px;height:38px;padding:0;color:#f4f4f4;background:transparent;border:0;font-size:28px;line-height:1;cursor:pointer}.cf-dev-badge{display:block;padding:7px;color:#ffabb7;border:1px solid #d43b54;text-align:center;font-size:10px;font-weight:900;letter-spacing:.05em}
.cf-site-drawer-overlay{position:fixed;z-index:1090;inset:0;background:#000b;opacity:0;visibility:hidden;transition:.18s}.cf-site-drawer-overlay.is-open{opacity:1;visibility:visible}.cf-site-drawer{box-sizing:border-box;display:flex;position:fixed;z-index:1100;top:0;right:0;width:min(320px,88vw);height:100dvh;padding:54px 12px 12px;flex-direction:column;background:#1d2026;border-left:1px solid #4a505a;box-shadow:-8px 0 24px #000a;transform:translateX(105%);transition:transform .2s ease;font-family:Arial,"Noto Sans JP",sans-serif}.cf-site-drawer.is-open{transform:translateX(0)}.cf-site-drawer-close{position:absolute;top:9px;right:12px;width:38px;height:38px;padding:0;color:#fff;background:transparent;border:0;font-size:30px;cursor:pointer}.cf-site-drawer nav{display:grid;gap:7px}.cf-site-drawer nav a,.cf-site-history-link{display:block;padding:12px;color:#ddd;background:#25282e;border:1px solid #41464f;text-decoration:none;font-size:13px;font-weight:bold}.cf-site-drawer nav .cf-drawer-roulette{color:#ffad2e;border-color:#8b5900}.cf-site-drawer nav .cf-drawer-recruit{color:#66d684;border-color:#227733}.cf-site-drawer nav .cf-drawer-overload{color:#46d8f5;border-color:#0789a3}.cf-site-drawer nav .cf-drawer-quiz{color:#ddd;border-color:#555}.cf-site-drawer nav a.is-active{color:#16100a;background:#ff9900;border-color:#ff9900}.cf-site-drawer nav .cf-drawer-recruit.is-active{background:#2b9a50;border-color:#2b9a50}.cf-site-drawer nav .cf-drawer-overload.is-active{background:#08c7ef;border-color:#08c7ef}.cf-site-drawer nav .cf-drawer-quiz.is-active{background:#b56cff;border-color:#b56cff}.cf-site-drawer-bottom{display:grid;margin-top:auto;gap:8px}.cf-site-admin-button{padding:12px;color:#ddd;background:#25282e;border:1px solid #555;font-weight:bold;cursor:pointer}.cf-site-admin-button.is-active{color:#a8ffc1;background:#173823;border-color:#35b867}.cf-site-history-link{text-align:left}.cf-site-history-link.is-active{color:#fff;background:#3d424a;border-color:#7d8794}.cf-drawer-open{overflow:hidden}
.cf-admin-login-dialog{width:min(420px,calc(100% - 28px));padding:0;color:#eee;background:#252525;border:1px solid #666}.cf-admin-login-dialog::backdrop{background:#000c}.cf-admin-login-dialog form{display:grid;gap:12px;padding:18px}.cf-admin-login-dialog h2{margin:0 0 4px;color:#ff9900;font-size:20px}.cf-admin-login-dialog label{font-weight:bold}.cf-admin-login-dialog input{width:100%;padding:11px;color:#fff;background:#161616;border:1px solid #666;font-size:16px}.cf-admin-login-message{min-height:1.4em;color:#ff6c74;font-size:13px}.cf-admin-login-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.cf-admin-login-actions button{padding:11px;color:#eee;background:#333;border:1px solid #666;font-weight:bold;cursor:pointer}.cf-admin-login-actions button:last-child{color:#15100a;background:#ff9900;border-color:#ff9900}
@media(max-width:700px){.cf-site-header{width:100vw;height:48px;margin:0 0 6px calc(50% - 50vw);padding:0 10px;border-width:0 0 1px}.cf-site-brand-name{font-size:14px}.cf-site-version{font-size:9px}.cf-site-menu-button{width:38px}.cf-site-drawer{width:min(300px,88vw)}}
@media(max-width:380px){.cf-site-brand-name{font-size:12px}.cf-site-version{display:none}}