.notice { position:fixed; z-index:1000; left:50%; bottom:22px; transform:translateX(-50%); width:min(640px,calc(100% - 32px)); padding:14px 18px; border:1px solid #f87171; border-radius:10px; background:#351d2c; color:#fff; box-shadow:0 8px 30px #0008; overflow-wrap:anywhere; }
.notice[hidden] { display:none; }
.notice.success { background:#153527; border-color:#4ade80; }
.user-actions { display:flex; flex-wrap:wrap; gap:8px; align-items:center; }
.sync-status { color:#a7adc7; font-size:12px; margin:-5px 0 12px; }
.game-note { background:#181b2b; border-left:3px solid #facc15; padding:12px; color:#c3c8dc; font-size:13px; line-height:1.5; }
.diff-table-wrap { overflow-x:auto; margin-top:8px; }
.diff-table { width:100%; border-collapse:collapse; font-size:13px; }
.diff-table th,.diff-table td { padding:7px 10px; text-align:left; border:1px solid #3b4059; overflow-wrap:anywhere; }
.diff-table th { color:#facc15; }
.validation-warning { color:#fca5a5; }
.modal-card { max-height:90dvh; overflow-y:auto; }
#password-modal label { display:block; margin:12px 0; }
#password-modal label[hidden] { display:none; }
#password-modal input { display:block; width:100%; }
.profile-panel,.gm-char-card,.slot-card,.gov-slot-card,.attr-cell { min-width:0; overflow-wrap:anywhere; }
button:focus-visible,.global-tab:focus-visible { outline:2px solid #facc15; outline-offset:3px; }
@media (max-width:900px) {
 .planet-resources-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
 .grid-info,.attr-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .top-user-bar { gap:12px; flex-wrap:wrap; }
 .global-nav { flex-wrap:wrap; }
}
@media (max-width:600px) {
 body { padding:8px; }
 .box { padding:12px; border-radius:10px; }
 .auth-card { width:calc(100% - 24px); padding:28px 20px; }
 .order-title-anim { font-size:26px; letter-spacing:5px; }
 .top-user-bar { align-items:flex-start; }
 .user-actions { width:100%; }
 .user-actions button { flex:1; }
 .global-nav { display:grid; grid-template-columns:1fr 1fr; gap:6px; }
 .global-tab { padding:10px 6px; font-size:12px; text-align:center; }
 .inv-grid,.modal-grid-2,.slots-grid,.gov-slots-grid,.labor-market-grid { grid-template-columns:minmax(0,1fr); }
 .planet-resources-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .tabs,.colony-tabs { flex-wrap:wrap; }
 .profile-panel > div[style*="display:flex"],.gm-char-card > div[style*="display:flex"],#gm-requests > div { flex-wrap:wrap; gap:10px; }
 .forms-table { min-width:640px; }
 .forms-table-wrap { max-width:100%; overflow:auto; }
 input,select,button { min-height:36px; max-width:100%; }
 input,select { font-size:16px; }
 .gm-planet-controls { flex-wrap:wrap; }
 .gm-planet-controls > div { min-width:0; width:calc(50% - 8px); }
 .gm-planet-controls input,.gm-planet-controls select { width:100% !important; }
 .tree-header { gap:8px; }
 .tree-action-bar,.skill-head { flex-wrap:wrap; gap:8px; }
 .modal-card { width:calc(100% - 16px); padding:16px; }
 #bg-canvas { opacity:.55; }
}
@media (prefers-reduced-motion:reduce) {
 *,*::before,*::after { animation:none !important; transition:none !important; }
 #bg-canvas { display:none; }
}