#circusForge{position:fixed;inset:0;z-index:45;background:#080b0d;display:flex;flex-direction:column;color:#f4e8d8;overflow:auto}
#circusForge[hidden]{display:none!important}
#circusForge .circus-stage{position:relative;flex:1;min-height:220px;overflow:hidden}
#circusForge canvas{width:100%;height:100%;position:absolute;inset:0;object-fit:contain}
#circusForge header{position:absolute;top:18px;left:22px;padding:10px 15px;background:#080b0de0;border-left:3px solid #cfa66a;pointer-events:none}
#circusForge h2{font-size:22px;margin:0 0 6px}#circusForge small{font-size:14px;color:#e2bd82}
#circusForge footer{flex:none;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 24px;background:#10191b;border-top:1px solid #735338}
#circusForge p{font-size:16px;line-height:1.6;margin:0;max-width:620px}
#circusForge nav{display:flex;gap:8px;flex-wrap:wrap}#circusForge button{min-height:44px;font-size:16px;padding:10px 16px}#circusForge .talk{border-color:#e2b263;color:#ffe2a1;background:#50341d}
.circus-card{background-image:linear-gradient(#070d1455,#070d14ee),url(assets/circus87/background.webp)!important;background-size:cover!important;background-position:center!important;border-color:#bd955a!important}
@media(max-width:700px){#circusForge footer{flex-direction:column;align-items:stretch;padding:12px;gap:10px}#circusForge nav{justify-content:center}#circusForge header{top:8px;left:8px;padding:6px 10px}#circusForge h2{font-size:18px}#circusForge p{font-size:14px}}
@media(max-height:480px){#circusForge header{top:5px}#circusForge footer{padding:8px 14px}#circusForge p{font-size:14px;max-width:50%}#circusForge footer{flex-direction:row}#circusForge .circus-stage{min-height:160px}}
#circusForge .circus-pad{position:absolute;bottom:14px;left:16px;display:grid;grid-template-columns:repeat(3,44px);grid-template-rows:repeat(2,44px);gap:5px;touch-action:none}
#circusForge .circus-pad button{padding:0;background:#091c22dc;color:#eed39e;border:1px solid #927647;touch-action:none;user-select:none}
#circusForge .circus-pad [data-dir=up]{grid-column:2}
#circusForge .circus-pad [data-dir=left]{grid-column:1;grid-row:2}
#circusForge .circus-pad [data-dir=down]{grid-column:2;grid-row:2}
#circusForge .circus-pad [data-dir=right]{grid-column:3;grid-row:2}
#circusForge .circus-pad .pressed{background:#8c5927}
#circusForge canvas{touch-action:none;outline:none}
#circusForge button:disabled{opacity:.45;cursor:not-allowed}
