html, body { margin: 0; padding: 0; width: 100%; height: 100%; background: #000; overflow: hidden; }
body { display: flex; align-items: center; justify-content: center; box-sizing: border-box; padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left); }
canvas#game { display: block; touch-action: none; -webkit-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; image-rendering: auto; }
#guild-error { display: none; position: fixed; left: 8px; right: 8px; bottom: 8px; max-height: 40%; overflow: auto; margin: 0; padding: 10px; background: rgba(120, 0, 0, .92); color: #fff; font: 12px/1.4 monospace; white-space: pre-wrap; z-index: 99; border-radius: 6px; }
#guild-rotate { position: fixed; inset: 0; z-index: 50; display: none; flex-direction: column; align-items: center; justify-content: center; gap: 16px; background: rgba(6, 8, 18, .88); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); color: #fff; font: 700 17px/1.6 'Zen Kaku Gothic New', 'M PLUS Rounded 1c', sans-serif; text-align: center; padding: 24px; }
#guild-rotate .rot-ico { font-size: 56px; line-height: 1; animation: guild-rot 1.8s ease-in-out infinite; }
#guild-rotate button { min-width: 230px; padding: 14px 22px; border-radius: 999px; border: 0; font: inherit; color: #111; background: linear-gradient(180deg, #ffe08a, #f5b642); box-shadow: 0 6px 18px rgba(0,0,0,.35); }
#guild-rotate button.ghost { background: transparent; color: #fff; border: 1.5px solid rgba(255,255,255,.5); box-shadow: none; }
@keyframes guild-rot { 0%, 20% { transform: rotate(0deg); } 50%, 80% { transform: rotate(90deg); } 100% { transform: rotate(0deg); } }