/* ═══ 通關鎖（創作台 app/ 與後台 OmniPDAdmin/ 共用）═══
   後台「系統設定 → 🔐 創作台通關鎖」開關關閉時，此畫面完全不會出現。 */
#gate-overlay{position:fixed;inset:0;z-index:99999;background:#12141c;display:flex;align-items:center;justify-content:center;padding:20px;animation:gate-in .25s ease;}
#gate-overlay.gate-out{opacity:0;transition:opacity .4s;pointer-events:none;}
@keyframes gate-in{from{opacity:0}to{opacity:1}}
.gate-card{width:min(560px,100%);background:#1b1e27;border:1px solid rgba(255,255,255,.07);border-radius:22px;padding:38px 40px 34px;box-shadow:0 40px 100px rgba(0,0,0,.55);text-align:center;}
.gate-card h1{font-family:'Sora','Noto Sans TC',sans-serif;font-size:23px;font-weight:800;color:#fff;margin:0 0 8px;line-height:1.4;}
.gate-card h1 span{color:#fff;white-space:nowrap;}
.gate-sub{font-size:13px;color:#8b91a4;margin:0 0 26px;}
.gate-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:22px;}
.gate-animal{aspect-ratio:1;font-size:30px;line-height:1;border-radius:14px;border:2px solid transparent;background:#2a2e3b;cursor:pointer;transition:transform .12s,background .15s,border-color .15s;display:flex;align-items:center;justify-content:center;padding:0;}
.gate-animal:hover{transform:translateY(-2px);background:#333847;}
.gate-animal.on{background:#c026d3;border-color:#e879f9;box-shadow:0 0 0 3px rgba(192,38,211,.28);}
.gate-pin{width:100%;padding:16px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#2a2e3b;color:#fff;font-size:20px;letter-spacing:.5em;text-align:center;font-family:'Sora',monospace;outline:none;margin-bottom:16px;}
.gate-pin::placeholder{letter-spacing:.2em;font-size:16px;color:#6b7183;}
.gate-pin:focus{border-color:#c026d3;background:#31364a;}
.gate-btn{width:100%;padding:16px;border-radius:12px;border:none;background:#c026d3;color:#fff;font-size:16px;font-weight:800;cursor:pointer;font-family:inherit;transition:filter .15s;}
.gate-btn:hover:not(:disabled){filter:brightness(1.12);}
.gate-btn:disabled{opacity:.6;cursor:wait;}
.gate-msg{min-height:20px;margin-top:12px;font-size:13px;font-weight:600;}
@media(max-width:560px){
    .gate-card{padding:28px 20px 24px;border-radius:18px;}
    .gate-card h1{font-size:18px;}
    .gate-card h1 span{white-space:normal;}
    .gate-grid{gap:8px;}
    .gate-animal{font-size:24px;border-radius:11px;}
    .gate-pin{font-size:17px;letter-spacing:.35em;}
}