@import "https://fonts.googleapis.com/css2?family=Lilita+One&family=Kalam:wght@400;700&family=Poppins:wght@500;600;700;800&display=swap";
.predictions-app-backdrop{box-sizing:border-box;background:#2b2b2b;justify-content:center;align-items:flex-start;width:100%;min-height:100vh;padding:24px 8px;font-family:Poppins,sans-serif;display:flex}.predictions-phone-frame{background:#e8901e;border:5px solid #14120f;border-radius:28px;width:100%;max-width:430px;min-height:780px;overflow:hidden;box-shadow:8px 8px #14120f}.screen{box-sizing:border-box;padding:18px 16px 40px}.marker{font-family:Kalam,cursive;font-weight:700}.section-title{letter-spacing:.5px;color:#14120f;text-transform:uppercase;text-align:center;margin:14px 0;font-family:Lilita One,cursive;font-size:30px}.match-title{margin-top:26px}.topbar{z-index:40;background:#e8901e;border-bottom:3px solid #14120f;justify-content:space-between;align-items:center;margin:-18px -16px 12px;padding:16px;display:flex;position:sticky;top:0;box-shadow:0 4px 6px -1px #00000026}.icon-btn,.icon-square{cursor:pointer;color:#14120f;background:#fff;border:3px solid #14120f;border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;transition:transform .15s,box-shadow .15s;display:flex;box-shadow:3px 3px #14120f}.icon-btn:active,.icon-square:active{transform:translate(2px,2px);box-shadow:1px 1px #14120f}.back-btn{background:#7ed957}.icon-square.plus{background:#ffc738}.brand-badge{color:#e8901e;background:#14120f;border:3px solid #14120f;border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;font-family:Lilita One,cursive;font-size:22px;display:flex}.home-top{margin-bottom:4px}.home-topbar{z-index:40;background:#e8901e;border-bottom:3px solid #14120f;justify-content:space-between;align-items:center;margin:-18px -16px 12px;padding:16px;display:flex;position:sticky;top:0;box-shadow:0 4px 6px -1px #00000026}.poll-list{flex-direction:column;gap:12px;display:flex}.poll-card{background:#fff6e9;border:3px solid #14120f;border-radius:20px;padding:6px;transition:box-shadow .15s;box-shadow:4px 4px #14120f}.poll-card.open{background:#fff}.poll-question-btn{text-align:left;color:#14120f;cursor:pointer;background:0 0;border:none;width:100%;padding:12px 10px;font-family:Poppins,sans-serif;font-size:15px;font-style:italic;font-weight:700}.poll-collapsed-row{flex-wrap:wrap;gap:8px;padding:0 10px 10px;display:flex}.meta-pill{color:#14120f;background:#ffc738;border:2px solid #14120f;border-radius:999px;padding:3px 10px;font-size:11px;font-weight:700}.meta-pill.creator{background:#7ed957}.poll-options{flex-direction:column;gap:8px;padding:4px 6px 10px;display:flex}.option-row{background:#fff;border:3px solid #14120f;border-radius:16px;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;display:flex}.option-row.create{background:#fff6e9}.vote-btn,.unvote-btn{cursor:pointer;color:#14120f;white-space:nowrap;background:#fff;border:2.5px solid #14120f;border-radius:12px;align-items:center;gap:4px;padding:6px 10px;font-family:Kalam,cursive;font-size:13px;font-weight:700;display:flex;box-shadow:2px 2px #14120f}.vote-btn.active{background:#7ed957}.unvote-btn.active{background:#ff9f9f}.vote-btn:disabled,.unvote-btn:disabled{opacity:.45;cursor:not-allowed}.option-name-wrap{flex-direction:column;flex:1;align-items:center;min-width:0;display:flex}.option-name{color:#14120f;text-align:center;font-size:12.5px;font-weight:800}.option-count{color:#6b6b6b;font-size:10px;font-weight:600}.poll-footer{text-align:right;color:#8a8a8a;padding:2px 8px 0;font-size:11px;font-weight:600}.see-all-btn{cursor:pointer;background:#fff;border:3px solid #14120f;border-radius:16px;width:100%;margin:14px 0 6px;padding:10px;font-size:16px;box-shadow:4px 4px #14120f}.see-all-btn:active{transform:translate(2px,2px);box-shadow:2px 2px #14120f}.match-list{flex-direction:column;gap:16px;margin-top:6px;display:flex}.match-card{background:#13140f;border:4px solid #14120f;border-radius:28px;overflow:hidden;box-shadow:6px 6px #14120f}.match-head{cursor:pointer;text-align:center;background:0 0;border:none;width:100%;padding:16px 14px 4px}.match-round{color:#f3a75c;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:6px;font-size:12px;font-weight:800}.match-teams-row{justify-content:center;align-items:center;gap:10px;display:flex}.team-name{color:#fff;letter-spacing:.5px;font-size:18px;font-weight:800}.vs{color:#f3a75c;font-family:Lilita One,cursive;font-size:18px}.vs.big{font-size:26px}.match-stats-row{justify-content:space-between;align-items:center;padding:4px 18px 8px;display:flex}.competition-label{color:#fcfbf2;text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:800}.stat-btn{cursor:pointer;background:0 0;border:none;align-items:center;gap:5px;font-size:14px;font-weight:800;display:flex}.stat-btn.heart{color:#e86e7d}.stat-btn.trophy{color:#f0d94a}.stat-btn .emoji-icon{font-size:15px}.flags-row{align-items:center;gap:0;padding:0;display:flex}.flag{flex:1;height:64px;display:flex}.flag-stripe{flex:1;height:100%}.vs-badge{color:#f3a75c;z-index:2;background:#13140f;border:3.5px solid #f3a75c;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin:0 -24px;font-family:Lilita One,cursive;font-size:16px;display:flex;position:relative}.match-actions-row{align-items:center;gap:10px;padding:14px 14px 16px;display:flex}.live-btn{cursor:pointer;color:#14120f;background:#fff;border:3px solid #14120f;border-radius:14px;flex:1;padding:10px 14px;font-size:14px;font-weight:800;box-shadow:3px 3px #14120f}.live-btn:active{transform:translate(2px,2px);box-shadow:1px 1px #14120f}.match-actions-row .icon-square{color:#14120f;background:#f0d94a;border:3px solid #14120f;border-radius:14px;width:44px;height:44px;box-shadow:3px 3px #14120f}.match-actions-row .icon-square:active{transform:translate(2px,2px);box-shadow:1px 1px #14120f}.search-row{background:#fff;border:3px solid #14120f;border-radius:14px;align-items:center;gap:8px;margin-bottom:12px;padding:8px 12px;display:flex}.search-input{background:0 0;border:none;outline:none;flex:1;font-family:Poppins;font-size:14px}.chip-row{gap:8px;margin-bottom:4px;padding-bottom:10px;display:flex;overflow-x:auto}.chip{cursor:pointer;white-space:nowrap;background:#fff;border:2.5px solid #14120f;border-radius:999px;flex-shrink:0;padding:6px 14px;font-size:12px;font-weight:700}.chip.active{background:#7ed957}.sort-row{color:#14120f;align-items:center;gap:8px;margin-bottom:14px;display:flex}.sort-btn{cursor:pointer;text-transform:capitalize;background:#fff6e9;border:2.5px solid #14120f;border-radius:999px;padding:5px 12px;font-size:12px;font-weight:700}.sort-btn.active{background:#ffc738}.empty-state{text-align:center;color:#5a4a2f;padding:20px 10px;font-size:13px;font-weight:600}.create-card{background:#fff;border:3px solid #14120f;border-radius:20px;flex-direction:column;gap:10px;margin-top:6px;padding:14px;display:flex;box-shadow:5px 5px #14120f}.question-input,.option-input,.select-input,.tags-input,.comment-input{box-sizing:border-box;background:#fff6e9;border:2.5px solid #14120f;border-radius:12px;outline:none;width:100%;padding:10px 12px;font-family:Poppins;font-size:14px;font-weight:600}.question-input{text-align:center;font-style:italic}.question-input.small{text-align:left;font-style:normal}.option-row.create .option-input{background:0 0;border:none;flex:1;padding:6px 4px}.option-input.full{width:100%}.vote-label{flex-shrink:0;align-items:center;gap:3px;font-size:13px;display:flex}.remove-x{cursor:pointer;background:#ff9f9f;border:2px solid #14120f;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;display:flex}.add-option-btn{cursor:pointer;background:#ffc738;border:3px solid #14120f;border-radius:50%;justify-content:center;align-self:center;align-items:center;width:40px;height:40px;display:flex;box-shadow:3px 3px #14120f}.add-option-btn:active{transform:translate(1px,1px);box-shadow:1px 1px #14120f}.create-row{gap:8px;display:flex}.create-row.gap{margin-top:4px}.upload-btn,.upload-tile{cursor:pointer;background:#fff6e9;border:2.5px dashed #14120f;border-radius:12px;justify-content:center;align-items:center;gap:6px;padding:10px;font-weight:700;display:flex}.upload-btn.active,.upload-tile.active{background:#7ed957;border-style:solid}.upload-row{gap:8px;display:flex}.hidden-file-input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;overflow:hidden}.media-preview{background:#000;border:2.5px solid #14120f;border-radius:14px;position:relative;overflow:hidden}.media-preview-img{object-fit:cover;width:100%;max-height:220px;display:block}.preview-remove{background:#fff;position:absolute;top:8px;right:8px}.form-hint{color:#b3261e;padding:0 2px;font-size:12px;font-weight:700}.moment-media-img{object-fit:cover;width:100%;height:100%;display:block}.upload-tile{flex-direction:column;flex:1;font-size:12px}.preview-toggle{cursor:pointer;text-align:center;color:#14120f;background:0 0;border:none;width:100%;margin:12px 0;font-size:15px}.preview-card{margin-bottom:12px}.save-btn{color:#e8901e;cursor:pointer;background:#14120f;border:3px solid #14120f;border-radius:16px;width:100%;padding:14px;font-size:15px;font-weight:800;box-shadow:4px 4px #7ed957}.save-btn.small{box-shadow:none;flex:1;padding:10px}.save-btn.disabled{opacity:.4;cursor:not-allowed}.ghost-btn{cursor:pointer;background:#fff;border:2.5px solid #14120f;border-radius:12px;padding:10px 16px;font-weight:700}.detail-header{text-align:center;margin:6px 0 16px}.detail-round{color:#14120f;text-transform:uppercase;letter-spacing:1px;margin-bottom:10px;font-size:13px;font-weight:700}.detail-flags-row{justify-content:center;align-items:center;gap:14px;display:flex}.detail-team{flex-direction:column;align-items:center;gap:6px;display:flex}.detail-team .flag{border:3px solid #14120f;border-radius:16px;width:70px;height:70px;overflow:hidden}.detail-bar-block{background:#fff;border:3px solid #14120f;border-radius:16px;margin-bottom:14px;padding:12px}.detail-bar-label{color:#14120f;margin-bottom:8px;font-size:13px;font-weight:800}.detail-bar-label.center{text-align:center;margin-bottom:16px}.split-bar{background:#ffc738;border:2.5px solid #14120f;border-radius:999px;height:18px;overflow:hidden}.split-fill{background:#e63946;height:100%}.split-labels{justify-content:space-between;margin-top:6px;font-size:11px;font-weight:700;display:flex}.detail-actions{gap:10px;margin-bottom:14px;display:flex}.big-action{cursor:pointer;background:#fff;border:3px solid #14120f;border-radius:14px;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px;font-size:13px;font-weight:800;display:flex;box-shadow:3px 3px #14120f}.big-action.active.heart{background:#ffd9d9}.big-action.active.trophy{background:#fff1c2}.detail-nav-grid{flex-direction:column;gap:10px;margin-bottom:16px;display:flex}.detail-nav-btn{color:#fff;cursor:pointer;background:#14120f;border:3px solid #14120f;border-radius:14px;align-items:center;gap:10px;padding:12px 14px;font-size:14px;font-weight:700;display:flex}.mock-stats{gap:10px;display:flex}.stat-tile{background:#fff;border:3px solid #14120f;border-radius:14px;flex-direction:column;flex:1;align-items:center;gap:2px;padding:10px;display:flex}.stat-num{font-family:Lilita One,cursive;font-size:18px}.stat-label{text-align:center;color:#5a4a2f;font-size:9.5px;font-weight:700}.pulse-donut-block{background:#fff;border:3px solid #14120f;border-radius:18px;justify-content:center;align-items:center;gap:20px;margin-bottom:16px;padding:16px;display:flex}.donut{border:3px solid #14120f;border-radius:50%;justify-content:center;align-items:center;width:110px;height:110px;display:flex}.donut-hole{background:#fff;border:3px solid #14120f;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:68px;height:68px;font-size:15px;font-weight:800;display:flex}.donut-hole small{font-size:8px;font-weight:700}.donut-legend{flex-direction:column;gap:8px;font-size:12px;font-weight:700;display:flex}.donut-legend div{align-items:center;gap:6px;display:flex}.dot{border:2px solid #14120f;border-radius:50%;width:12px;height:12px}.heatmap-block{background:#fff;border:3px solid #14120f;border-radius:18px;margin-bottom:16px;padding:14px}.heatmap-grid{grid-template-columns:repeat(12,1fr);gap:3px;margin-top:8px;display:grid}.heat-cell{aspect-ratio:1;background:#e63946;border-radius:3px}.rank-block{background:#fff;border:3px solid #14120f;border-radius:18px;margin-bottom:14px;padding:14px}.rank-row{align-items:center;gap:8px;margin-top:8px;display:flex}.rank-name{flex-shrink:0;width:90px;font-size:11.5px;font-weight:700}.rank-bar-bg{background:#fff1c2;border:2px solid #14120f;border-radius:999px;flex:1;height:10px;overflow:hidden}.rank-bar-fill{background:#7ed957;height:100%}.rank-pct{text-align:right;width:30px;font-size:11px;font-weight:800}.moments-feed{flex-direction:column;gap:14px;margin-top:10px;display:flex}.moment-card{background:#fff;border:3px solid #14120f;border-radius:18px;overflow:hidden;box-shadow:4px 4px #14120f}.moment-media{justify-content:center;align-items:center;height:140px;display:flex}.moment-body{padding:10px 12px 12px}.moment-name{margin-bottom:3px;font-size:13px;font-weight:800}.moment-caption{margin-bottom:8px;font-size:13px;font-weight:500}.moment-tags-row{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.tag-pill{background:#fff1c2;border:2px solid #14120f;border-radius:999px;align-items:center;gap:3px;padding:3px 10px;font-size:10.5px;font-weight:700;display:flex}.tag-pill.loc{background:#d9f2ff}.moment-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.emoji-btn{cursor:pointer;background:#fff6e9;border:2px solid #14120f;border-radius:999px;padding:4px 9px;font-size:12px;font-weight:700}.icon-btn.small{width:32px;height:32px;box-shadow:none;border-width:2px}.icon-btn.small.active-save{background:#ffc738}.discussion-screen{flex-direction:column;display:flex}.comments-list{flex-direction:column;gap:12px;margin:10px 0 16px;display:flex}.comment-row{align-items:flex-start;gap:8px;display:flex}.avatar{color:#e8901e;background:#14120f;border:2px solid #14120f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:800;display:flex}.comment-bubble{background:#fff;border:2.5px solid #14120f;border-radius:14px;flex:1;padding:8px 12px}.comment-name{margin-bottom:2px;font-size:11.5px;font-weight:800}.comment-text{font-size:13px;font-weight:500}.comment-input-row{align-items:center;gap:8px;display:flex}.comment-input{flex:1}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.08)}}@keyframes slideInPoll{0%{opacity:0;transform:translateY(-12px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.poll-card-new{animation:.35s forwards slideInPoll;border-color:#e63946!important;box-shadow:4px 4px #e63946!important}.empty-state{text-align:center;color:#555;padding:32px 16px;font-size:13px;font-style:italic;font-weight:600}