:root{--bg-color:#000;--text-color:#fff;--accent-color:#0f0;--card-bg:#050505;--muted-text:#ccc;--border-soft:#00ff0073;--glow-soft:#00ff0040}body{background:var(--bg-color);color:var(--text-color);margin:0;font-family:Arial,Helvetica,sans-serif}a{color:var(--accent-color)}.page{max-width:1200px;margin:0 auto;padding:20px}button{cursor:pointer;border:1px solid var(--accent-color);background:var(--bg-color);color:var(--accent-color);border-radius:6px;margin:4px;padding:8px 12px;transition:background .15s,color .15s,border .15s,transform .1s}button:hover{background:var(--accent-color);color:var(--bg-color);transform:translateY(-1px)}button:disabled{opacity:.5;cursor:not-allowed;transform:none}.primary-button{background:var(--accent-color);color:var(--bg-color);border:1px solid var(--accent-color);font-weight:700}.primary-button:hover{background:var(--bg-color);color:var(--accent-color)}.link-button{color:var(--accent-color);box-shadow:none;background:0 0;border:none;padding:6px 0;text-decoration:underline}.link-button:hover{color:var(--text-color);background:0 0;transform:none}.inline-link-button{color:var(--accent-color);vertical-align:baseline;box-shadow:none;background:0 0;border:none;margin:0;padding:0;display:inline-flex}.inline-link-button:hover{color:var(--text-color);background:0 0;text-decoration:underline;transform:none}input,textarea,select{border:1px solid var(--border-soft);background:var(--bg-color);max-width:100%;color:var(--text-color);border-radius:6px;margin:4px 0;padding:8px}input:focus,textarea:focus,select:focus{border-color:var(--accent-color);box-shadow:0 0 8px var(--glow-soft);outline:none}input::placeholder,textarea::placeholder{color:#aaa}.app-header{border-bottom:1px solid var(--accent-color);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;padding-bottom:12px;display:flex}.app-header h1{color:var(--accent-color);letter-spacing:1px;margin:0}.app-header p{margin:4px 0}.header-user{text-align:right;border:1px solid var(--accent-color);border-radius:10px;padding:10px}.card{background:var(--card-bg);border:1px solid var(--accent-color);box-shadow:0 0 12px var(--glow-soft);border-radius:10px;margin:10px 0;padding:14px}.message{background:var(--bg-color);border:1px solid var(--accent-color);color:var(--accent-color);border-radius:8px;margin:10px 0;padding:10px}.section-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.section-header h3{margin-bottom:4px}.section-header p{color:var(--muted-text);margin-top:0}.grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;display:grid}.tab-bar{flex-wrap:wrap;gap:8px;margin:16px 0;display:flex}.tab-button{border:1px solid var(--accent-color);background:var(--bg-color);color:var(--accent-color);align-items:center;gap:6px;display:inline-flex}.tab-button-active{border:2px solid var(--text-color);background:var(--accent-color);color:var(--bg-color);font-weight:700}.tab-notification-badge{background:var(--text-color);min-width:20px;height:20px;color:var(--bg-color);border-radius:999px;justify-content:center;align-items:center;padding:0 6px;font-size:.75rem;font-weight:700;line-height:1;display:inline-flex}.tab-button-active .tab-notification-badge{background:var(--bg-color);color:var(--accent-color)}.profile-image{object-fit:cover;border:2px solid var(--accent-color);border-radius:50%;width:120px;height:120px}.small-profile-image{object-fit:cover;border:2px solid var(--accent-color);border-radius:50%;width:80px;height:80px}.profile-placeholder{background:var(--bg-color);color:var(--accent-color);justify-content:center;align-items:center;font-size:3rem;font-weight:700;display:flex}.player-name-with-level{align-items:center;gap:6px;display:inline-flex}.level-icon{object-fit:contain;vertical-align:middle;flex-shrink:0;width:28px;height:28px}.equipped-badge-icon{justify-content:center;align-items:center;margin-left:2px;font-size:20px;line-height:1;display:inline-flex}.equipped-badge-icon-large{font-size:42px}.badge-title{align-items:center;gap:8px;display:inline-flex}.badge-icon{object-fit:contain;vertical-align:middle;flex-shrink:0;width:24px;height:24px;display:inline-block}.badge-icon-large{width:48px;height:48px}.progress-bar{border:1px solid var(--accent-color);background:var(--bg-color);border-radius:999px;width:100%;max-width:400px;height:20px;overflow:hidden}.progress-bar-fill{background:var(--accent-color);height:100%}.map-wrapper{border:1px solid var(--accent-color);box-shadow:0 0 12px var(--glow-soft);border-radius:10px;overflow:hidden}.map-legend{flex-wrap:wrap;gap:12px;margin:10px 0 16px;display:flex}.legend-item{border:1px solid var(--accent-color);background:var(--bg-color);border-radius:999px;align-items:center;gap:6px;padding:6px 10px;display:flex}.legend-dot{border-radius:50%;width:12px;height:12px;display:inline-block}.attack-dot{background:red}.defence-dot{background:green}.stamina-dot{background:#ff0;border:1px solid #111}.neutral-dot{background:gray}.auth-page{justify-content:center;align-items:center;min-height:70vh;display:flex}.auth-card{border:1px solid var(--accent-color);background:var(--card-bg);width:100%;max-width:460px;box-shadow:0 0 24px var(--glow-soft);border-radius:18px;padding:24px}.auth-brand{text-align:center;margin-bottom:20px}.auth-brand h2{color:var(--accent-color);letter-spacing:1px;margin-bottom:6px}.auth-brand p{color:var(--muted-text);margin-top:0}.auth-toggle{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:18px;display:grid}.auth-toggle-button{border:1px solid var(--border-soft);background:var(--bg-color);color:var(--accent-color)}.auth-toggle-button-active{background:var(--accent-color);color:var(--bg-color);font-weight:700}.auth-form{flex-direction:column;gap:8px;display:flex}.auth-form h3{margin-bottom:8px}.auth-form label{color:var(--accent-color);font-weight:700}.auth-form input{box-sizing:border-box;width:100%}.profile-hero{grid-template-columns:auto 1fr;align-items:center;gap:18px;display:grid}.profile-hero-info h3{color:var(--accent-color);margin:0 0 6px}.profile-meta-row{flex-wrap:wrap;gap:8px;margin:10px 0;display:flex}.profile-pill{border:1px solid var(--border-soft);color:var(--accent-color);background:var(--bg-color);border-radius:999px;padding:6px 10px}.profile-section{margin-top:18px}.profile-section h4{color:var(--accent-color);margin-bottom:8px}.profile-section a{text-decoration:none}.profile-section a:hover{background:var(--accent-color);color:var(--bg-color)}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;display:grid}.stat-card{border:1px solid var(--border-soft);background:var(--bg-color);border-radius:12px;padding:12px}.stat-card p{color:var(--muted-text);margin:0 0 6px}.stat-card strong{color:var(--accent-color);font-size:1.2rem;display:block}.profile-settings-page{gap:16px;display:grid}.settings-hero{background:var(--card-bg);border:1px solid var(--accent-color);box-shadow:0 0 16px var(--glow-soft);border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:18px;display:flex}.settings-hero h3{color:var(--accent-color);margin:0 0 4px}.settings-hero p{color:var(--muted-text);margin:0}.settings-panel{background:var(--card-bg);border:1px solid var(--border-soft);box-shadow:0 0 12px var(--glow-soft);border-radius:16px;padding:18px}.settings-panel-header{border-bottom:1px solid var(--border-soft);justify-content:space-between;gap:12px;margin-bottom:14px;padding-bottom:10px;display:flex}.settings-panel-header h4{color:var(--accent-color);margin:0 0 4px}.settings-panel-header p{color:var(--muted-text);margin:0}.settings-help{color:var(--muted-text);margin:4px 0 0;font-size:.92rem}.form-group{flex-direction:column;gap:6px;margin:14px 0;display:flex}.form-group label{color:var(--accent-color);font-weight:700}.form-group input,.form-group textarea,.form-group select{box-sizing:border-box;width:100%}.form-group textarea{resize:vertical;min-height:130px}.profile-photo-editor{background:var(--bg-color);border:1px solid var(--border-soft);border-radius:14px;grid-template-columns:auto 1fr;align-items:center;gap:16px;padding:14px;display:grid}.profile-photo-preview{justify-content:center;align-items:center;display:flex}.profile-photo-controls{gap:8px;display:grid}.profile-photo-controls label{color:var(--accent-color);font-weight:700}.profile-photo-controls input[type=file]{width:100%}.reward-card,.selected-badge-preview{background:var(--bg-color);border:1px solid var(--border-soft);border-radius:14px;margin:12px 0;padding:14px}.reward-card h5{color:var(--accent-color);margin:0 0 6px;font-size:1rem}.reward-card p,.selected-badge-preview p{margin:0}.reward-card strong{color:var(--accent-color)}.reward-card-complete{border-color:var(--accent-color)}.selected-badge-preview{justify-content:space-between;align-items:center;gap:12px;display:flex}.settings-save-footer{background:var(--card-bg);border:1px solid var(--border-soft);border-radius:14px;justify-content:flex-end;padding:12px;display:flex}.theme-picker{grid-template-columns:1fr;gap:8px;margin-top:10px;display:grid}.theme-option{border:1px solid var(--border-soft);background:var(--bg-color);color:var(--text-color);border-radius:12px;justify-content:flex-start;align-items:center;gap:8px;width:100%;padding:10px;display:flex}.theme-option:hover{border-color:var(--accent-color)}.theme-option-active{border-color:var(--accent-color);box-shadow:0 0 12px var(--glow-soft)}.theme-swatch{border:1px solid var(--text-color);border-radius:50%;flex-shrink:0;width:22px;height:22px;display:inline-block}.theme-preview-actions{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.tutorial-overlay{z-index:9999;background:#000000d1;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.tutorial-card{border:1px solid var(--accent-color);background:var(--card-bg);width:100%;max-width:720px;max-height:90vh;color:var(--text-color);box-shadow:0 0 30px var(--glow-soft);border-radius:18px;padding:24px;overflow-y:auto}.tutorial-card-polished{max-width:900px;padding:0;overflow:hidden}.tutorial-hero{text-align:center;background:radial-gradient(circle at top, var(--glow-soft), transparent 65%);border-bottom:1px solid var(--border-soft);padding:28px}.tutorial-kicker{color:var(--accent-color);text-transform:uppercase;letter-spacing:1.5px;margin:0 0 8px;font-size:.8rem;font-weight:700}.tutorial-hero h2{color:var(--accent-color);margin:0 0 10px;font-size:2rem}.tutorial-hero p{max-width:680px;color:var(--muted-text);margin:0 auto;line-height:1.5}.tutorial-progress-strip{border-bottom:1px solid var(--border-soft);background:var(--bg-color);grid-template-columns:repeat(4,1fr);display:grid}.tutorial-progress-strip span{text-align:center;color:var(--accent-color);border-right:1px solid var(--border-soft);padding:12px;font-weight:700}.tutorial-progress-strip span:last-child{border-right:none}.tutorial-step-grid{grid-template-columns:repeat(3,1fr);gap:14px;padding:22px;display:grid}.tutorial-feature-card{background:var(--bg-color);border:1px solid var(--border-soft);box-shadow:0 0 10px var(--glow-soft);border-radius:16px;padding:16px}.tutorial-feature-icon{background:var(--accent-color);width:42px;height:42px;color:var(--bg-color);border-radius:50%;justify-content:center;align-items:center;margin-bottom:10px;font-size:1.3rem;display:inline-flex}.tutorial-feature-card h4{color:var(--accent-color);margin:0 0 8px}.tutorial-feature-card p{color:var(--muted-text);margin:0;line-height:1.4}.tutorial-callout{border:1px solid var(--accent-color);background:var(--bg-color);color:var(--text-color);text-align:center;border-radius:14px;margin:0 22px 18px;padding:14px}.tutorial-callout strong{color:var(--accent-color)}.tutorial-actions{justify-content:center;padding:0 22px 24px;display:flex}.tutorial-start-button{min-width:220px}.friend-list{flex-wrap:wrap;gap:8px;display:flex}.friend-chip{border:1px solid var(--border-soft);color:var(--accent-color);background:var(--bg-color);border-radius:999px;padding:6px 10px}.friend-chip-button{text-align:left;align-items:center;width:auto;display:inline-flex}.friend-chip-button:hover{background:var(--accent-color);color:var(--bg-color)}.feed-list{gap:10px;display:grid}.feed-card{background:var(--bg-color);border:1px solid var(--border-soft);border-radius:14px;grid-template-columns:auto 1fr;align-items:start;gap:12px;padding:12px;display:grid}.feed-icon{background:var(--accent-color);width:38px;height:38px;color:var(--bg-color);border-radius:50%;justify-content:center;align-items:center;font-size:1.2rem;display:inline-flex}.feed-content p{margin:0 0 6px}.feed-subtext{color:var(--muted-text)}.feed-date{color:var(--muted-text);font-size:.85rem}.home-dashboard{gap:16px;display:grid}.home-hero{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;display:flex}.home-kicker{color:var(--accent-color);text-transform:uppercase;letter-spacing:1px;margin:0 0 6px;font-size:.8rem;font-weight:700}.home-hero h2{color:var(--accent-color);margin:0 0 8px}.home-hero p{color:var(--muted-text);margin:0}.home-hero-actions{flex-wrap:wrap;gap:8px;display:flex}.home-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;display:grid}.home-panel h3{color:var(--accent-color);margin-top:0}.home-stat-main{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:10px;display:flex}.home-stat-main span{color:var(--muted-text)}.home-stat-main strong{color:var(--accent-color);font-size:1.4rem}.home-muted{color:var(--muted-text)}.home-quick-actions{flex-wrap:wrap;gap:8px;display:flex}.home-feed-more{justify-content:flex-end;display:flex}.shop-search-panel{grid-template-columns:1fr 1fr;gap:14px;margin-bottom:12px;display:grid}.shop-card{flex-direction:column;justify-content:space-between;display:flex}.shop-card-header{justify-content:space-between;align-items:start;gap:10px;display:flex}.shop-card-header h4{color:var(--accent-color);margin:0 0 6px}.shop-card-header p{color:var(--muted-text);margin:0}.shop-card-body{margin:10px 0}.shop-card-body p{margin:6px 0}.shop-card-actions{flex-wrap:wrap;gap:6px;margin-top:auto;display:flex}.shop-details-page{gap:14px;display:grid}.shop-details-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px;display:grid}.shop-info-list p{margin:8px 0}.shop-control-card{background:var(--bg-color);border:1px solid var(--border-soft);border-radius:14px;margin-bottom:12px;padding:14px}.claim-history-list{gap:10px;display:grid}.claim-history-card{background:var(--bg-color);border:1px solid var(--border-soft);border-radius:14px;gap:6px;padding:12px;display:grid}.claim-history-card p{color:var(--muted-text);margin:0}.player-activity-list{gap:10px;display:grid}.player-activity-card{background:var(--bg-color);border:1px solid var(--border-soft);border-radius:14px;grid-template-columns:auto 1fr;align-items:start;gap:12px;padding:12px;display:grid}.player-activity-icon{background:var(--accent-color);width:36px;height:36px;color:var(--bg-color);border-radius:50%;justify-content:center;align-items:center;font-size:1.1rem;display:inline-flex}.player-activity-card p{margin:0 0 4px}.modal-overlay{z-index:10000;background:#000000d1;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-card{background:var(--card-bg);border:1px solid var(--accent-color);width:100%;max-width:560px;box-shadow:0 0 30px var(--glow-soft);border-radius:18px;padding:20px}.modal-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.player-interaction-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.player-interaction-actions .message{margin:4px}.friend-management-list{gap:10px;display:grid}.friend-management-card{background:var(--bg-color);border:1px solid var(--border-soft);border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.player-activity-card span{color:var(--muted-text);font-size:.85rem}.player-search-form{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.player-search-form input{flex:1;min-width:260px}.leaderboard-table{gap:8px;display:grid}.map-popup{color:#111;gap:8px;min-width:220px;max-width:280px;font-family:Arial,Helvetica,sans-serif;display:grid}.map-popup h4{color:#111;margin:8px 0 4px}.map-popup-header{justify-content:space-between;align-items:center;display:flex}.map-popup-shop-link{color:#111;text-align:left;background:0 0;border:none;margin:0;padding:0;font-size:1rem;font-weight:700}.map-popup-shop-link:hover{color:#111;background:0 0;text-decoration:underline;transform:none}.map-popup-row{grid-template-columns:78px 1fr;align-items:center;gap:8px;display:grid}.map-popup-player-link{color:#111;text-align:left;justify-content:flex-start}.map-popup-player-link:hover{color:#111;text-decoration:underline}.map-popup-owner-row .player-name-with-level{color:#111}.map-popup-details-button{width:100%;margin-top:6px}.leaderboard-row{background:var(--bg-color);border:1px solid var(--border-soft);border-radius:12px;grid-template-columns:48px 1fr auto;align-items:center;gap:10px;padding:10px;display:grid}.leaderboard-rank{color:var(--accent-color);font-weight:700}.leaderboard-name{min-width:0}.leaderboard-score{color:var(--muted-text);white-space:nowrap}.leaderboard-player-link{font-weight:700}.leaderboard-player-link:disabled{opacity:1;cursor:default}.report-filter-row{flex-wrap:wrap;gap:8px;display:flex}.report-list{gap:12px;display:grid}.report-card{background:var(--card-bg);border:1px solid var(--accent-color);box-shadow:0 0 12px var(--glow-soft);border-radius:14px;padding:14px}.report-card-header{border-bottom:1px solid var(--border-soft);flex-wrap:wrap;justify-content:space-between;align-items:start;gap:12px;margin-bottom:12px;padding-bottom:10px;display:flex}.report-card-header h4{color:var(--accent-color);margin:0 0 6px}.report-card-header p{color:var(--muted-text);margin:0}.report-status-pill{border:1px solid var(--border-soft);text-transform:capitalize;background:var(--bg-color);color:var(--accent-color);border-radius:999px;padding:6px 10px;font-weight:700}.report-status-open{border-color:var(--accent-color)}.report-status-reviewed{opacity:.85}.report-status-dismissed{opacity:.65}.report-detail-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;margin-bottom:12px;display:grid}.report-detail-grid p{margin:0 0 4px}.report-details-box{background:var(--bg-color);border:1px solid var(--border-soft);border-radius:12px;margin-bottom:12px;padding:12px}.report-details-box h5{color:var(--accent-color);margin:0 0 6px}.report-details-box p{margin:0}.report-actions{flex-wrap:wrap;gap:8px;display:flex}.app-footer{border:1px solid var(--border-soft);background:var(--card-bg);box-shadow:0 0 14px var(--glow-soft);border-radius:16px;margin-top:32px;padding:22px}.app-footer-content{grid-template-columns:minmax(260px,1.5fr) 1fr 1fr;align-items:start;gap:20px;display:grid}.app-footer h3,.app-footer h4{color:var(--accent-color);margin-top:0}.app-footer p{color:var(--muted-text);line-height:1.5}.footer-link-list{gap:8px;display:grid}.footer-link-list a{color:var(--text-color);text-decoration:none}.footer-link-list a:hover{color:var(--accent-color);text-decoration:underline}.app-footer-disclaimer{border-top:1px solid var(--border-soft);margin-top:18px;padding-top:14px}.app-footer-disclaimer p{margin:0;font-size:.88rem}@media (width<=750px){.app-footer-content{grid-template-columns:1fr}}.claim-request-list{gap:10px;display:grid}.claim-request-card{background:var(--bg-color);border:1px solid var(--border-soft);border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.claim-request-card h4{color:var(--accent-color);margin:0 0 6px}.claim-request-card p{margin:0 0 4px}.terms-page{gap:14px;display:grid}.terms-page h3{color:var(--accent-color);margin-top:24px}.terms-page h3:first-child{margin-top:0}.terms-page p,.terms-page li{line-height:1.55}.terms-page ul{padding-left:22px}.terms-page li{margin-bottom:6px}.footer-link-button{color:var(--text-color);text-align:left;background:0 0;border:none;width:fit-content;margin:0;padding:0}.footer-link-button:hover{color:var(--accent-color);background:0 0;text-decoration:underline;transform:none}.claim-request-actions{flex-wrap:wrap;gap:8px;display:flex}@media (width<=850px){.settings-grid{grid-template-columns:1fr}.settings-panel-featured{grid-row:auto}.form-row{grid-template-columns:1fr}.profile-photo-editor{text-align:center;grid-template-columns:1fr}.profile-photo-preview{justify-content:center}.tutorial-step-grid,.tutorial-progress-strip{grid-template-columns:1fr 1fr}}@media (width<=650px){.home-hero{align-items:flex-start}.home-hero-actions{width:100%}.shop-search-panel{grid-template-columns:1fr}}@media (width<=600px){.profile-hero{text-align:center;grid-template-columns:1fr}.profile-meta-row{justify-content:center}.auth-card{padding:18px}.header-user{text-align:left;width:100%}}@media (width<=560px){.tutorial-step-grid{grid-template-columns:1fr}.tutorial-hero h2{font-size:1.5rem}}@media (width<=760px){body{overflow-x:hidden}.page{max-width:100%;padding:12px}h1{font-size:1.7rem}h2{font-size:1.45rem}h3{font-size:1.2rem}h4{font-size:1rem}.card{border-radius:14px;margin:10px 0;padding:12px}.section-header{align-items:flex-start}.section-header button{width:100%}button{border-radius:10px;min-height:42px;padding:10px 12px;font-size:.95rem}input,textarea,select{border-radius:10px;min-height:42px;font-size:16px}textarea{min-height:110px}.app-header{align-items:flex-start;gap:10px}.app-header h1{width:100%}.header-user{text-align:left;width:100%}.header-user button{width:100%}.form-row,.settings-grid,.shop-search-panel,.shop-details-grid,.home-grid,.grid,.stat-grid,.report-detail-grid{grid-template-columns:1fr}.form-group{margin:10px 0}.settings-panel,.settings-hero{border-radius:14px;padding:12px}.settings-panel-header{flex-direction:column}.settings-save-footer{z-index:40;background:var(--card-bg);position:sticky;bottom:0;box-shadow:0 -6px 16px #00000073}.settings-save-footer button{width:100%}.auth-page{align-items:flex-start;min-height:auto;padding-top:12px}.auth-card{border-radius:16px;padding:16px}.auth-toggle{grid-template-columns:1fr}.home-hero{gap:14px;display:grid}.home-hero-actions{width:100%;display:grid}.home-hero-actions button,.home-quick-actions button{width:100%}.home-stat-main{flex-direction:column;align-items:flex-start}.progress-bar{max-width:100%}.profile-hero{text-align:center;grid-template-columns:1fr}.profile-hero-info{min-width:0}.profile-image{width:110px;height:110px;margin:0 auto}.profile-meta-row{justify-content:center}.profile-pill{padding:6px 9px;font-size:.88rem}.player-interaction-actions{width:100%;display:grid}.player-interaction-actions button{width:100%}.player-search-form{gap:8px;display:grid}.player-search-form input{width:100%;min-width:0}.friend-management-card{gap:10px;display:grid}.friend-management-card button,.friend-management-card .friend-chip{justify-content:center;width:100%}.friend-list{display:grid}.friend-chip{text-align:center}.shop-card-header{gap:10px;display:grid}.shop-card-actions{display:grid}.shop-card-actions button{width:100%}.shop-control-card{padding:12px}.claim-request-card,.claim-request-actions{display:grid}.claim-request-actions button{width:100%}.leaderboard-row{grid-template-columns:42px 1fr;grid-template-areas:"rank name""rank score";align-items:center}.leaderboard-rank{grid-area:rank}.leaderboard-name{grid-area:name}.leaderboard-score{grid-area:score;font-size:.9rem}.leaderboard-player-link{text-align:left;max-width:100%}.feed-card,.player-activity-card{grid-template-columns:36px 1fr;gap:10px}.feed-icon,.player-activity-icon{width:34px;height:34px;font-size:1rem}.report-card{padding:12px}.report-card-header{gap:10px;display:grid}.report-filter-row{display:grid}.report-filter-row button,.report-actions button{width:100%}.report-actions{display:grid}.modal-overlay,.tutorial-overlay{align-items:flex-start;padding:10px;overflow-y:auto}.modal-card,.tutorial-card{border-radius:16px;max-height:none;margin:12px 0}.modal-actions{display:grid}.modal-actions button{width:100%}.tutorial-card-polished{max-width:100%}.tutorial-hero{padding:20px 14px}.tutorial-progress-strip{grid-template-columns:1fr 1fr}.tutorial-step-grid{grid-template-columns:1fr;padding:14px}.tutorial-actions{padding:0 14px 18px}.tutorial-actions button{width:100%}.terms-page .card{padding:14px}.terms-page h3{margin-top:20px}.terms-page ul{padding-left:18px}.app-footer{margin-top:24px;padding:16px}.app-footer-content{grid-template-columns:1fr;gap:14px}.footer-link-list{gap:10px}.footer-link-list a,.footer-link-button{align-items:center;min-height:36px;display:inline-flex}}@media (width<=420px){.page,.card{padding:10px}.profile-image{width:96px;height:96px}.level-icon{width:24px;height:24px}.badge-icon{width:22px;height:22px}@media (width<=420px){.tab-bar{grid-template-columns:repeat(2,1fr)}.tab-button{padding:8px 6px;font-size:.82rem}}.home-kicker{font-size:.72rem}.app-footer-disclaimer p{font-size:.8rem}}.tutorial-card-polished{position:relative}.tutorial-close-button{z-index:10001;background:var(--accent-color);width:42px;height:42px;color:var(--bg-color);border-radius:50%;justify-content:center;align-items:center;margin-left:auto;font-size:1.5rem;font-weight:700;line-height:1;display:flex;position:sticky;top:10px}.tutorial-close-button:hover{background:var(--bg-color);color:var(--accent-color)}@media (width<=760px){.tabs-shell{z-index:60;background:var(--bg-color);border-bottom:1px solid var(--border-soft);margin-bottom:12px;padding-bottom:8px;position:sticky;top:0}.mobile-tab-toggle-row{padding:8px 0;display:block}.mobile-tab-toggle{width:100%}.tab-bar{z-index:auto;background:0 0;border-bottom:none;grid-template-columns:repeat(2,1fr);gap:8px;margin:0;padding:0;display:grid;position:static;top:auto;overflow:visible}.tab-bar-mobile-closed{display:none}.tab-bar-mobile-open{display:grid}.tab-button{white-space:normal;text-align:center;justify-content:center;width:100%;min-width:0;min-height:42px;padding:8px 6px;font-size:.88rem}.tab-button span:first-child{min-width:0}}@media (width>=761px){.tab-bar-mobile-closed,.tab-bar-mobile-open{display:flex}}.shop-owner-guide{gap:14px;display:grid}.shop-owner-guide .card h3{color:var(--accent-color);margin-top:0}.shop-owner-guide p,.shop-owner-guide li{line-height:1.55}.shop-owner-guide ul,.shop-owner-guide ol{padding-left:22px}.shop-owner-guide li{margin-bottom:6px}.guide-callout{background:var(--bg-color);border:1px solid var(--border-soft);box-shadow:0 0 10px var(--glow-soft);border-radius:12px;margin-top:12px;padding:12px}.challonge-guide-card{border-color:var(--border-soft)}.guide-step-list{gap:10px;display:grid}.guide-step-card{background:var(--bg-color);border:1px solid var(--border-soft);border-radius:12px;grid-template-columns:auto 1fr;align-items:start;gap:12px;padding:12px;display:grid}.guide-step-number{background:var(--accent-color);width:32px;height:32px;color:var(--bg-color);border-radius:50%;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.guide-step-card h4{color:var(--accent-color);margin:0 0 4px}.guide-step-card p{color:var(--muted-text);margin:0}@media (width<=760px){.guide-step-card{grid-template-columns:1fr}.guide-step-number{margin-bottom:4px}}.challonge-preview-list{gap:8px;display:grid}.challonge-preview-row{background:var(--bg-color);border:1px solid var(--border-soft);border-radius:12px;grid-template-columns:70px 1fr 1.5fr 1.5fr auto;align-items:center;gap:10px;padding:10px;display:grid}.challonge-preview-row.unmatched{opacity:.8;grid-template-columns:70px 1fr 2fr}@media (width<=760px){.challonge-preview-row,.challonge-preview-row.unmatched{grid-template-columns:1fr}}.mobile-map-shop-panel{display:none}@media (width<=760px){.map-wrapper{border-radius:14px;overflow:hidden}.map-wrapper>div{height:420px!important}.mobile-map-shop-panel{border:1px solid var(--border-soft);background:var(--card-bg);box-shadow:0 0 14px var(--glow-soft);border-radius:14px;gap:12px;margin-top:12px;padding:14px;display:grid}.mobile-map-shop-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.mobile-map-shop-header h3{color:var(--accent-color);margin:0}.mobile-map-close-button{border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;font-size:1.4rem;line-height:1;display:inline-flex}.mobile-map-shop-details{gap:8px;display:grid}.mobile-map-shop-details .map-popup-row{color:var(--text-color);grid-template-columns:90px 1fr}.mobile-map-shop-details .map-popup-label{color:var(--accent-color)}.mobile-map-shop-details h4{color:var(--accent-color);margin:8px 0 0}.mobile-map-shop-actions{gap:8px;display:grid}.mobile-map-shop-actions button{width:100%}.mobile-map-shop-panel .map-popup-player-link{color:var(--text-color);justify-content:flex-start;padding:0}}.getting-started-card{border-width:2px}.getting-started-list{gap:8px;margin:14px 0;display:grid}.getting-started-item{border:1px solid var(--border-soft);background:var(--bg-color);border-radius:12px;align-items:center;gap:10px;padding:10px;display:flex}.getting-started-item-complete{box-shadow:0 0 10px var(--glow-soft)}.getting-started-check{border:1px solid var(--accent-color);width:26px;height:26px;color:var(--accent-color);border-radius:50%;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.tutorial-dismiss-button{min-width:110px}@media (width<=760px){.getting-started-card .section-header{gap:10px;display:grid}.tutorial-dismiss-button{width:100%}}.leaderboard-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.regional-player-list{gap:14px;display:grid}.regional-player-card{border:1px solid var(--border-soft);background:var(--bg-color);border-radius:14px;padding:14px}.regional-player-card-header{border-bottom:1px solid var(--border-soft);justify-content:space-between;gap:12px;margin-bottom:10px;padding-bottom:8px;display:flex}.regional-player-card-header h4{color:var(--accent-color);margin:0}.regional-player-card-header p{color:var(--muted-text);margin:4px 0 0}@media (width<=900px){.leaderboard-grid{grid-template-columns:1fr}}.share-profile-card{justify-content:space-between;align-items:center;gap:14px;display:flex}.share-profile-card h3{color:var(--accent-color);margin-top:0}.share-profile-card p{color:var(--muted-text);margin-bottom:0}@media (width<=760px){.share-profile-card{display:grid}.share-profile-card button{width:100%}}.leaderboard-region-select{gap:6px;min-width:220px;display:grid}.leaderboard-region-select label{color:var(--muted-text);font-size:.85rem}.leaderboard-region-select select{width:100%}@media (width<=760px){.leaderboard-region-select{width:100%;min-width:0}}.team-details-hero-polished{min-height:auto}.team-card-title-row,.team-details-title-row{align-items:center;gap:14px;display:flex}.team-logo{border:1px solid var(--border-soft);background:var(--bg-color);color:var(--accent-color);box-shadow:0 0 10px var(--glow-soft);flex:none;justify-content:center;align-items:center;font-weight:700;display:inline-flex;overflow:hidden}.team-logo img{object-fit:cover;width:100%;height:100%}.team-logo-small{border-radius:14px;width:54px;height:54px;font-size:1.4rem}.team-logo-large{border-radius:22px;width:92px;height:92px;font-size:2rem}.team-logo-upload-card{border-style:dashed}.team-logo-upload-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.team-logo-upload-row input{flex:1;min-width:220px}.team-detail-stats{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.team-detail-stats span{border:1px solid var(--border-soft);background:var(--bg-color);color:var(--muted-text);border-radius:999px;padding:7px 10px}.team-member-card-clickable{text-align:left;cursor:pointer;width:100%}.team-member-card-clickable:hover{box-shadow:0 0 10px var(--glow-soft);border-color:var(--accent-color)}.team-member-card{color:var(--text-color)}.team-member-card strong,.team-member-card span{display:inline-block}.team-member-card span{color:var(--muted-text)}@media (width<=760px){.team-card-title-row,.team-details-title-row{align-items:flex-start}.team-details-title-row,.team-logo-upload-row{display:grid}.team-logo-upload-row input,.team-logo-upload-row button{width:100%}.team-logo-large{border-radius:18px;width:78px;height:78px}}.team-edit-panel{border-style:dashed}.team-edit-grid{grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);align-items:start;gap:16px;display:grid}.team-edit-section{gap:12px;display:grid}.team-edit-section h4{color:var(--accent-color);margin:0}.team-add-member-form,.team-edit-member-list{gap:10px;display:grid}.team-edit-member-card{border:1px solid var(--border-soft);background:var(--bg-color);border-radius:12px;grid-template-columns:1fr auto;align-items:center;gap:12px;padding:10px;display:grid}.team-edit-member-card p{color:var(--muted-text);margin:4px 0 0}.team-edit-member-actions{align-items:center;gap:8px;display:flex}.team-edit-member-actions select{min-width:130px}@media (width<=900px){.team-edit-grid,.team-edit-member-card{grid-template-columns:1fr}.team-edit-member-actions{display:grid}.team-edit-member-actions select,.team-edit-member-actions button{width:100%}}.team-members-summary-card{gap:12px;display:grid}.team-members-summary-card h3{margin-bottom:0}.team-members-summary-list{gap:10px;display:grid}.team-members-summary-row{border:1px solid var(--border-soft);background:var(--bg-color);border-radius:12px;grid-template-columns:130px 1fr;align-items:center;gap:12px;padding:10px 12px;display:grid}.team-members-role-label{color:var(--accent-color);letter-spacing:.08em;font-size:.85rem;font-weight:800}.team-members-name-list{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.team-member-name-button{border:1px solid var(--border-soft);color:var(--text-color);background:#00000059;border-radius:999px;padding:6px 10px}.team-member-name-button:hover{color:var(--accent-color);box-shadow:0 0 10px var(--glow-soft)}@media (width<=760px){.team-members-summary-row{grid-template-columns:1fr}.team-members-name-list{display:grid}.team-member-name-button{text-align:left;width:100%}}.public-profile-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.public-profile-main{flex:1;min-width:0}.player-team-association-card{border:1px solid var(--border-soft);background:var(--bg-color);min-width:220px;max-width:280px;box-shadow:0 0 12px var(--glow-soft);border-radius:14px;padding:12px}.player-team-kicker{color:var(--accent-color);text-transform:uppercase;letter-spacing:.08em;margin:0 0 8px;font-size:.75rem;font-weight:800}.player-team-association-content{align-items:center;gap:10px;display:flex}.player-team-icon{border:1px solid var(--border-soft);background:var(--card-bg);width:48px;height:48px;color:var(--accent-color);border-radius:12px;flex:none;justify-content:center;align-items:center;font-weight:700;display:inline-flex;overflow:hidden}.player-team-icon img{object-fit:cover;width:100%;height:100%}.player-team-association-content strong{color:var(--accent-color);display:block}.player-team-association-content span{color:var(--muted-text);margin-top:2px;display:block}@media (width<=760px){.public-profile-header{display:grid}.player-team-association-card{width:100%;min-width:0;max-width:none}}.team-invites-panel{border-style:dashed}.team-invite-list{gap:10px;display:grid}.team-invite-card{border:1px solid var(--border-soft);background:var(--bg-color);border-radius:14px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:12px;display:grid}.team-invite-card strong{color:var(--accent-color)}.team-invite-card p{color:var(--muted-text);margin:4px 0 0}.team-invite-actions{gap:8px;display:flex}@media (width<=760px){.team-invite-card{grid-template-columns:1fr}.team-invite-actions{display:grid}.team-invite-actions button{width:100%}}.player-team-association-clickable{text-align:left;cursor:pointer}.player-team-association-clickable:hover{border-color:var(--accent-color);box-shadow:0 0 16px var(--glow-soft)}.player-team-view-hint{color:var(--muted-text);margin-top:8px;font-size:.8rem;display:block}.announcements-panel{margin-bottom:18px}.announcements-list{gap:12px;display:grid}.announcement-card{border:1px solid var(--border-soft);background:var(--card-bg);border-radius:14px;padding:14px}.announcement-card-pinned{box-shadow:0 0 14px var(--glow-soft)}.announcement-card-header,.announcement-footer,.button-row,.checkbox-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.announcement-card-header{margin-bottom:8px}.announcement-footer{color:var(--muted-text);margin-top:12px;font-size:.85rem}.announcement-type,.announcement-pinned,.announcement-status{border:1px solid var(--border-soft);text-transform:uppercase;letter-spacing:.05em;border-radius:999px;padding:3px 8px;font-size:.75rem}.announcement-pinned{color:var(--accent-color)}.achievement-chip-list{flex-wrap:wrap;gap:8px;display:flex}.achievement-chip{border:1px solid var(--border-soft);background:var(--card-bg);border-radius:999px;align-items:center;gap:6px;padding:6px 10px;font-size:.85rem;line-height:1.2;display:inline-flex}.achievement-chip-unlocked{color:var(--accent-color)}.achievement-chip-locked{opacity:.45;filter:grayscale()}.achievement-chip-icon{font-size:.95rem}.achievement-chip-help{color:var(--muted-text);font-size:.75rem}.profile-settings-page{width:100%}.settings-hero{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.settings-grid{grid-template-columns:minmax(0,2fr) minmax(280px,1fr);align-items:start;gap:16px;display:grid}.settings-panel{align-self:start}.settings-panel-featured{grid-row:span 2}.profile-settings-page .settings-panel:nth-of-type(5){grid-column:1/-1}.form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.form-group{flex-direction:column;gap:6px;margin-bottom:12px;display:flex}.profile-photo-editor{grid-template-columns:110px minmax(0,1fr);align-items:center;gap:16px;display:grid}.profile-photo-preview{justify-content:center;display:flex}.profile-photo-controls{flex-direction:column;gap:8px;display:flex}.theme-picker{grid-template-columns:1fr;gap:8px;display:grid}.theme-option{align-items:center;gap:8px;width:100%;display:flex}.theme-swatch{border-radius:50%;flex:none;width:14px;height:14px}.theme-preview-actions{flex-wrap:wrap;gap:8px;display:flex}.selected-badge-preview{margin-bottom:12px}@media (width<=900px){.settings-grid{grid-template-columns:1fr}.settings-panel-featured{grid-row:auto}.profile-settings-page .settings-panel:nth-of-type(5){grid-column:auto}.form-row,.profile-photo-editor{grid-template-columns:1fr}.settings-hero{flex-direction:column}}.gm-style-iw{max-width:320px!important;padding:0!important}.gm-style-iw-d{max-height:none!important;overflow:hidden!important}.gm-style-iw-chr{padding:0!important}.map-info-window{box-sizing:border-box;color:#000;width:280px;max-width:280px;padding:16px;overflow:hidden}.map-info-window *{box-sizing:border-box}.map-popup-header{margin-bottom:12px}.map-popup-shop-link{color:#000;cursor:pointer;text-align:left;background:0 0;border:none;padding:0;font-size:1.15rem;font-weight:800}.map-popup-section-title{color:#000;margin:14px 0 8px;font-weight:800}.map-popup-row{color:#000;grid-template-columns:86px minmax(0,1fr);align-items:center;gap:8px;margin-bottom:8px;display:grid}.map-popup-label{color:#000;font-weight:800}.map-popup-player-link{color:#000;text-align:left;justify-content:flex-start;min-width:0}.map-popup-player-link .player-name-with-level{min-width:0}.map-popup-empty{color:#000;margin:0 0 12px}.map-popup-details-button{color:#000;width:100%;margin-top:12px}.friend-card-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;display:grid}.friend-card{border:1px solid var(--accent-color);box-shadow:0 0 12px var(--glow-soft);background:#000000b8;border-radius:14px;flex-direction:column;gap:12px;min-height:100%;padding:14px;display:flex}.friend-card-header{align-items:center;gap:12px;display:flex}.friend-avatar-button{cursor:pointer;background:0 0;border:none;flex:none;padding:0}.friend-avatar{object-fit:cover;border:1px solid var(--accent-color);background:#111;border-radius:999px;width:52px;height:52px}.friend-avatar-placeholder{color:var(--accent-color);justify-content:center;align-items:center;font-size:1.3rem;font-weight:900;display:flex}.friend-card-title{min-width:0}.friend-card-name{color:var(--accent-color);cursor:pointer;text-align:left;word-break:break-word;background:0 0;border:none;padding:0;font-size:1rem;font-weight:800;text-decoration:underline}.friend-card-meta{flex-wrap:wrap;gap:6px;display:flex}.friend-pill{border:1px solid var(--border-soft);color:#fff;border-radius:999px;padding:4px 8px;font-size:.8rem}.friend-pill-attack{border-color:#f33c}.friend-pill-defence{border-color:#0c4c}.friend-pill-stamina{border-color:#ffd700cc}.friend-card-actions{flex-wrap:wrap;gap:8px;margin-top:auto;display:flex}.friend-card-actions button{flex:1;min-width:110px}.section-header-compact{margin-bottom:10px}.empty-state-card{border:1px dashed var(--border-soft);background:#ffffff08;border-radius:14px;padding:18px}@media (width<=700px){.map-info-window{width:250px;max-width:250px}.friend-card-grid{grid-template-columns:1fr}.friend-card-actions{flex-direction:column}.friend-card-actions button{width:100%}}.shop-applications-page{flex-direction:column;gap:16px;display:flex}.shop-application-form{flex-direction:column;gap:12px;display:flex}.admin-application-list{flex-direction:column;gap:16px;display:flex}.admin-application-card{border:1px solid var(--border-soft);background:#ffffff08;border-radius:14px;padding:16px}.status-pill{border:1px solid var(--accent-color);color:var(--accent-color);text-transform:capitalize;border-radius:999px;padding:4px 10px;font-weight:700}*{box-sizing:border-box}html,body,#root{min-height:100%}img{max-width:100%}.danger-button{color:#ff4d4d;border-color:#ff4d4d}.danger-button:hover{color:#000;background:#ff4d4d}.mobile-tab-toggle-row{display:none}@media (width<=760px){.tabs-shell{z-index:60;background:var(--bg-color);border-bottom:1px solid var(--border-soft);margin-bottom:12px;padding-bottom:8px;position:sticky;top:0}.mobile-tab-toggle-row{padding:8px 0;display:block}.mobile-tab-toggle{width:100%}.tab-bar{z-index:auto;background:0 0;border-bottom:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0;padding:0;display:grid;position:static;top:auto;overflow:visible}.tab-bar-mobile-closed{display:none}.tab-bar-mobile-open{display:grid}.tab-button{white-space:normal;text-align:center;justify-content:center;width:100%;min-width:0;min-height:42px;padding:8px 6px;font-size:.88rem}}@media (width>=761px){.tab-bar-mobile-closed,.tab-bar-mobile-open{display:flex}}.events-page{flex-direction:column;gap:16px;display:flex}.event-form{flex-direction:column;gap:12px;display:flex}.event-card-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;display:grid}.event-card{border:1px solid var(--border-soft);background:#ffffff08;border-radius:14px;flex-direction:column;gap:12px;padding:16px;display:flex}.event-card-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.event-details-list{flex-direction:column;gap:4px;display:flex}.event-details-list p{margin:0}.event-pill-stack{flex-direction:column;align-items:flex-end;gap:6px;display:flex}.double-xp-pill{color:gold;white-space:nowrap;border:1px solid gold;border-radius:999px;padding:4px 10px;font-weight:800}.recurring-event-pill{border:1px solid var(--accent-color);color:var(--accent-color);white-space:nowrap;border-radius:999px;padding:4px 10px;font-weight:800}.button-link{justify-content:center;align-items:center;text-decoration:none;display:inline-flex}@media (width<=760px){.event-card-header{display:grid}.event-pill-stack{align-items:flex-start}.event-card .button-row{display:grid}.event-card .button-row button,.event-card .button-row a{width:100%}}.shop-account-applications-page{flex-direction:column;gap:16px;display:flex}.shop-account-application-form{flex-direction:column;gap:12px;display:flex}.shop-application-inner{border-top:1px solid var(--border-soft);margin-top:16px;padding-top:16px}.app-header-brand{align-items:center;min-height:64px;display:flex}.app-header-logo{object-fit:contain;width:100%;max-width:220px;height:auto;display:block}@media (width<=600px){.app-header-logo{max-width:150px}}