*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow-x:hidden}body{font-family:Segoe UI,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{text-decoration:none;color:inherit}button{cursor:pointer;border:none;background:none;font-family:inherit}.landing-page{position:relative;width:100%;min-height:100vh;display:flex;align-items:center;justify-content:center;background-size:cover;background-position:center;background-repeat:no-repeat}.landing-overlay{position:absolute;inset:0;background:#000000b3;z-index:1}.landing-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;text-align:center;padding:40px 24px;max-width:600px}.landing-ward-name{font-size:42px;font-weight:700;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.6);margin-bottom:12px;letter-spacing:1px}.landing-motto{font-size:20px;color:#ffffffe6;font-style:italic;text-shadow:0 1px 8px rgba(0,0,0,.5);margin-bottom:32px}.landing-meeting-info{display:flex;flex-direction:column;align-items:center;gap:6px;margin-bottom:40px}.meeting-time{font-size:22px;font-weight:600;color:var(--accent-color, #d4a04a);text-shadow:0 1px 6px rgba(0,0,0,.5)}.meeting-location{font-size:17px;color:#ffffffd9;text-shadow:0 1px 4px rgba(0,0,0,.5)}.meeting-message{font-size:15px;color:var(--accent-color, #d4a04a);text-shadow:0 1px 4px rgba(0,0,0,.5);margin-top:4px}.landing-buttons{display:flex;flex-direction:column;gap:40px;align-items:center}.landing-wms-btn{padding:8px 24px;font-size:13px;font-weight:600;letter-spacing:1px;color:#ffffffb3;background:#ffffff1f;border-radius:6px;transition:transform .2s,box-shadow .2s,background .2s;box-shadow:0 2px 8px #0003}.landing-wms-btn:hover{background:#fff3;color:#ffffffe6;transform:translateY(-1px)}.landing-wms-btn:active{transform:translateY(0)}.landing-enter-btn{padding:14px 56px;font-size:18px;font-weight:700;letter-spacing:3px;color:var(--primary-color, #1a1a2e);background:var(--accent-color, #d4a04a);border-radius:8px;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 16px #0000004d}.landing-enter-btn:hover{transform:translateY(-2px);box-shadow:0 6px 24px #0006}.landing-enter-btn:active{transform:translateY(0)}@media(max-width:600px){.landing-ward-name{font-size:30px}.landing-motto{font-size:16px}.meeting-time{font-size:18px}.meeting-location{font-size:15px}.landing-enter-btn{padding:12px 44px;font-size:16px}}.tile-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;max-width:540px;margin:0 auto}.tile-card{display:flex;align-items:center;justify-content:center;padding:0;border-radius:12px;background-size:cover;background-position:center;background-repeat:no-repeat;aspect-ratio:3 / 2;transition:transform .15s,box-shadow .15s;box-shadow:0 2px 6px #00000026;border:none;cursor:pointer;overflow:hidden}.tile-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000040}.tile-card:active{transform:translateY(0)}.tile-card-icon-only{padding:0}.tile-card-with-name{padding:8px}.tile-name{font-size:16px;font-weight:700;color:#333;text-align:center;line-height:1.3;padding:10px 16px;border-radius:6px;word-break:break-word;background-color:#fafaf5e0}.tile-subtitle{display:block;font-size:11px;font-weight:500;color:#555;margin-top:2px;line-height:1.2}@media(max-width:768px){.tile-grid{grid-template-columns:repeat(2,1fr);gap:8px}}@media(max-width:480px){.tile-grid{grid-template-columns:repeat(2,1fr);gap:6px}.tile-card{border-radius:10px}.tile-name{font-size:14px;padding:6px 10px}}.home-page{width:100%;min-height:100vh;display:flex;flex-direction:column}.home-top-bar{display:flex;align-items:center;padding:10px 16px;gap:12px}.home-back-btn{font-size:33px;color:#fff;padding:4px 8px;opacity:.8;transition:opacity .2s}.home-back-btn:hover{opacity:1}.home-ward-name{flex:1;font-size:18px;font-weight:600;color:#fff;text-align:center}.home-top-spacer{width:36px}.home-content{flex:1;display:flex;flex-direction:column;padding:8px;gap:8px}.home-header-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;min-height:120px;padding:16px 20px;border-radius:12px;gap:8px;background-size:cover;background-position:top center;background-repeat:no-repeat;transition:transform .15s,box-shadow .15s;box-shadow:0 2px 8px #00000026;border:none}.home-header-tile:hover{transform:translateY(-1px);box-shadow:0 4px 14px #00000040}.home-header-tile-image{min-height:0;padding:0;position:relative;overflow:hidden;max-width:540px;margin:0 auto;box-sizing:border-box}@media(max-width:768px){.home-header-tile-image{max-width:100%}}.home-header-tile-image .header-tile-name{position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.home-header-tile-img{width:100%;height:auto;display:block;border-radius:12px}.header-tile-name{font-size:18px;font-weight:800;color:#333;text-align:center;line-height:1.3;background-color:#fafaf5e0;padding:8px 20px;border-radius:6px}.home-tiles-area{flex:1}@media(max-width:600px){.home-ward-name{font-size:16px}.home-content{padding:6px;gap:6px}.home-header-tile{min-height:100px;padding:12px 16px}.home-header-tile-image{min-height:0;padding:0}.header-tile-name{font-size:16px}}.bishop-page{width:100%;min-height:100vh;display:flex;flex-direction:column}.bishop-top-bar{display:flex;align-items:center;padding:14px 20px;gap:12px}.bishop-back-btn{font-size:15px;color:#fff;padding:6px 12px;opacity:.8;transition:opacity .2s;border-radius:6px;background:#ffffff1a}.bishop-back-btn:hover{opacity:1;background:#ffffff26}.bishop-title{flex:1;font-size:20px;font-weight:600;color:#fff;text-align:center}.bishop-top-spacer{width:72px}.bishop-tiles-area{flex:1;padding:20px 16px 32px}.bishop-empty{text-align:center;color:#ffffff80;font-size:16px;padding:60px 20px}@media(max-width:600px){.bishop-title{font-size:17px}.bishop-tiles-area{padding:16px 12px 24px}.bishop-top-spacer{width:60px}}.image-page{width:100%;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#111;padding:16px;box-sizing:border-box}.image-back-btn{position:fixed;top:12px;left:12px;background:#ffffff26;color:#fff;border:none;border-radius:6px;padding:8px 16px;font-size:15px;cursor:pointer;z-index:10;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:background .2s}.image-back-btn:hover{background:#ffffff4d}.image-page-img{max-width:100%;max-height:90vh;object-fit:contain;border-radius:8px}.image-page-clickable{cursor:pointer;transition:transform .15s,box-shadow .15s}.image-page-clickable:hover{transform:scale(1.01);box-shadow:0 4px 20px #ffffff26}.image-page-clickable:active{transform:scale(.99)}.image-page-empty{color:#999;font-size:16px}.activities-page{width:100%;min-height:100vh;display:flex;flex-direction:column}.act-page-top-bar{display:flex;align-items:center;padding:10px 16px;gap:12px}.act-page-back-btn{font-size:15px;font-weight:600;color:#fff;padding:4px 8px;opacity:.85;transition:opacity .2s;background:none;border:none;cursor:pointer;white-space:nowrap}.act-page-back-btn:hover{opacity:1}.act-page-title{flex:1;font-size:18px;font-weight:600;color:#fff;text-align:center}.act-page-top-spacer{width:60px}.act-page-content{flex:1;display:flex;flex-direction:column;padding:12px;gap:16px;max-width:800px;margin:0 auto;width:100%;box-sizing:border-box}.act-page-loading,.act-page-empty{text-align:center;color:#666;font-size:1rem;padding:2rem 0}.next-big-thing{display:flex;flex-direction:column;align-items:center;gap:6px;padding:20px 24px;border-radius:14px;color:#fff;text-align:center;box-shadow:0 3px 12px #0003}.nbt-label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;opacity:.85}.nbt-name{font-size:1.5rem;font-weight:800;line-height:1.2}.nbt-details{font-size:1rem;font-weight:500;opacity:.95}.nbt-location{font-size:.9rem;opacity:.8;font-style:italic}.act-page-section{border-radius:10px;overflow:hidden;box-shadow:0 1px 6px #0000001a;background:#fff}.act-page-section-header{color:#fff;font-size:1rem;font-weight:700;padding:10px 16px}.act-page-table{width:100%;border-collapse:collapse;font-size:.88rem}.act-page-table thead th{text-align:left;padding:8px 12px;font-weight:600;font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;color:#555;background:#f7f8fa;border-bottom:2px solid #e5e5e5}.act-page-table tbody td{padding:8px 12px;border-bottom:1px solid #f0f0f0;color:#333;vertical-align:top}.act-page-table tbody tr:last-child td{border-bottom:none}.act-page-event-name{font-weight:600}.act-page-details-col{max-width:200px;white-space:pre-wrap}@media(max-width:600px){.act-page-content{padding:8px;gap:12px}.next-big-thing{padding:16px;border-radius:10px}.nbt-name{font-size:1.25rem}.act-page-table{font-size:.82rem}.act-page-table thead th,.act-page-table tbody td{padding:6px 8px}.act-page-details-col{display:none}.act-page-title{font-size:16px}}.app{width:100%;min-height:100vh}.app-loading{display:flex;align-items:center;justify-content:center;width:100%;height:100vh;background:#1a1a2e}.loading-spinner{width:48px;height:48px;border:4px solid rgba(255,255,255,.2);border-top-color:#d4a04a;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.app-error{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100vh;background:#1a1a2e;color:#fff;gap:16px}.app-error p{font-size:18px;opacity:.8}.app-error button{padding:10px 28px;background:#d4a04a;color:#1a1a2e;border-radius:6px;font-size:16px;font-weight:600}