*{margin:0;padding:0;box-sizing:border-box}body{background:#000;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow:hidden;position:fixed;inset:0}#raceView{display:flex;flex-direction:column;height:100%;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);overflow-y:auto;-webkit-overflow-scrolling:touch}.race-header{display:flex;align-items:center;gap:12px;padding:12px 16px;flex-shrink:0}.back-btn{background:#ffffff14;border:none;color:#fff;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer}.header-biome-info{flex:1;display:flex;flex-direction:column;gap:1px}.biome-stage{font-size:10px;font-weight:700;color:#fff6;letter-spacing:1px;text-transform:uppercase}.biome-name{font-size:18px;font-weight:800;background:linear-gradient(90deg,#06b6d4,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.race-loading{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:#ffffff80}.loading-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.1);border-top-color:#8b5cf6;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.no-race-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#ffffff80;text-align:center;padding:40px 32px}.no-race-icon{font-size:56px;margin-bottom:8px}.no-race-state h2{font-size:20px;font-weight:800;color:#fffc}.no-race-state p{font-size:14px;line-height:1.5}.timer-label{font-size:12px;font-weight:600;color:#ffffff80;text-transform:uppercase;letter-spacing:.5px}.timer-value{font-size:20px;font-weight:800;font-variant-numeric:tabular-nums;background:linear-gradient(90deg,#8b5cf6,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.voted-message{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;margin-top:12px;background:#10b9811f;border:1px solid rgba(16,185,129,.25);border-radius:12px;font-size:13px;color:#ffffffb3}.voted-check{font-size:18px;color:#10b981}.race-list-cards{display:flex;flex-direction:column;gap:12px;padding:0 16px 16px}.race-list-card{position:relative;border-radius:16px;overflow:hidden;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .2s;border:1px solid rgba(255,255,255,.1)}.race-list-card:active{transform:scale(.98)}.race-list-bg{width:100%;height:140px;object-fit:cover;display:block}.race-list-bg-placeholder{width:100%;height:140px;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);display:flex;align-items:center;justify-content:center;font-size:48px}.race-list-overlay{position:absolute;inset:0;background:linear-gradient(180deg,#0000001a,#000000b3)}.race-list-content{position:absolute;bottom:0;left:0;right:0;padding:12px 14px;display:flex;align-items:flex-end;justify-content:space-between;gap:8px}.race-list-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.race-list-title{font-size:18px;font-weight:800;text-shadow:0 1px 4px rgba(0,0,0,.6);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.race-list-meta{display:flex;align-items:center;gap:8px;font-size:12px;color:#ffffffb3;text-shadow:0 1px 3px rgba(0,0,0,.5)}.race-list-status{display:inline-block;padding:3px 10px;border-radius:20px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.race-list-status.voting_open{background:#10b98140;color:#34d399;border:1px solid rgba(16,185,129,.4);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.race-list-status.voting_closed{background:#f59e0b40;color:#fbbf24;border:1px solid rgba(245,158,11,.4);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.race-list-status.resolving{background:#8b5cf640;color:#a78bfa;border:1px solid rgba(139,92,246,.4);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.race-list-badges{display:flex;flex-direction:column;align-items:flex-end;gap:6px;flex-shrink:0}.race-list-voted{display:flex;align-items:center;gap:4px;padding:4px 12px;border-radius:20px;background:#10b98133;border:1px solid rgba(16,185,129,.4);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);font-size:11px;font-weight:700;color:#34d399}.race-list-creatures{font-size:11px;font-weight:600;color:#fff9;text-shadow:0 1px 3px rgba(0,0,0,.5)}.detail-header{display:flex;align-items:center;gap:12px;padding:12px 16px;flex-shrink:0}.detail-title-area{flex:1;display:flex;flex-direction:column;gap:1px}.vote-btn{background:linear-gradient(135deg,#8b5cf6,#06b6d4);border:none;color:#fff;font-size:13px;font-weight:700;padding:8px 20px;border-radius:20px;cursor:pointer;text-transform:uppercase;letter-spacing:.5px;flex-shrink:0}.vote-btn:active{transform:scale(.96)}.vote-btn:disabled{opacity:.4;cursor:not-allowed}.detail-timer{display:flex;align-items:center;justify-content:center;gap:8px;padding:8px;margin:0 16px 12px;background:#8b5cf61f;border:1px solid rgba(139,92,246,.25);border-radius:10px}#raceDetailSection .voted-message{margin:0 16px 12px}.creature-roster{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding:0 16px 16px}.roster-card{display:flex;flex-direction:column;background:#ffffff0d;border:2px solid rgba(255,255,255,.08);border-radius:14px;cursor:pointer;transition:all .2s;overflow:hidden}.roster-card:active{transform:scale(.97)}.roster-card.selected{border-color:#8b5cf6;background:#8b5cf61f;box-shadow:0 0 20px #8b5cf633}.roster-card.voted-for{border-color:#10b981;background:#10b98114}.roster-img-wrap{position:relative;width:100%;aspect-ratio:1;background:#0000004d;display:flex;align-items:center;justify-content:center;overflow:hidden}.roster-img{width:85%;height:85%;object-fit:contain}.roster-voted-badge{position:absolute;top:6px;right:6px;font-size:9px;font-weight:700;color:#34d399;padding:2px 8px;border-radius:10px;background:#10b98140;border:1px solid rgba(16,185,129,.4);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.roster-info{padding:8px 10px 10px;display:flex;flex-direction:column;gap:4px}.roster-name{font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.roster-breeder{font-size:10px;color:#fff6;display:flex;align-items:center;gap:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.roster-breeder-pfp{width:12px;height:12px;border-radius:50%;object-fit:cover;flex-shrink:0}.roster-stats{display:flex;flex-direction:column;gap:3px;margin-top:2px}.roster-stat-row{display:flex;align-items:center;gap:4px}.roster-stat-label{font-size:9px;font-weight:700;width:24px;color:#ffffff73;text-transform:uppercase;flex-shrink:0}.roster-stat-bar{flex:1;height:5px;background:#ffffff14;border-radius:3px;overflow:hidden}.roster-stat-fill{height:100%;border-radius:3px;transition:width .5s ease}.roster-stat-fill.speed{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.roster-stat-fill.agility{background:linear-gradient(90deg,#10b981,#34d399)}.roster-stat-fill.climbing{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.roster-stat-fill.acuity{background:linear-gradient(90deg,#8b5cf6,#a78bfa)}.roster-stat-value{font-size:9px;font-weight:700;width:18px;text-align:right;font-variant-numeric:tabular-nums;color:#ffffff8c;flex-shrink:0}.biome-zones-section{padding:0 16px 40px}.biome-zones-title{font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#ffffff80;margin-bottom:10px}.biome-zones-list{display:flex;flex-direction:column;gap:10px}.zone-card{position:relative;border-radius:14px;overflow:hidden;border:1px solid rgba(255,255,255,.08)}.zone-card.zone-selected{border-color:#8b5cf666;box-shadow:0 0 12px #8b5cf626}.zone-bg{width:100%;height:100px;object-fit:cover;display:block}.zone-bg-placeholder{width:100%;height:100px;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);display:flex;align-items:center;justify-content:center;font-size:32px}.zone-overlay{position:absolute;top:0;left:0;right:0;height:100px;background:linear-gradient(180deg,#0000000d,#0000008c)}.zone-info{padding:10px 12px;background:#ffffff08}.zone-name-row{display:flex;align-items:center;gap:6px;margin-bottom:6px}.zone-name{font-size:14px;font-weight:700}.zone-selected-badge{font-size:9px;font-weight:700;padding:2px 8px;border-radius:10px;background:#8b5cf640;color:#a78bfa;text-transform:uppercase;letter-spacing:.3px;border:1px solid rgba(139,92,246,.35)}.zone-prob-pill{font-size:9px;font-weight:700;padding:2px 6px;border-radius:10px;background:#ffffff14;color:#ffffff80;margin-left:auto}.zone-impacts{display:flex;flex-wrap:wrap;gap:5px}.impact-pill{font-size:10px;font-weight:700;padding:2px 8px;border-radius:10px;white-space:nowrap}.impact-pill.very-high{background:#10b98126;color:#10b981;border:1px solid rgba(16,185,129,.25)}.impact-pill.high{background:#3b82f626;color:#60a5fa;border:1px solid rgba(59,130,246,.25)}.impact-pill.medium{background:#f59e0b26;color:#fbbf24;border:1px solid rgba(245,158,11,.25)}.impact-pill.low{background:#f9731626;color:#fb923c;border:1px solid rgba(249,115,22,.25)}.impact-pill.very-low{background:#ef444426;color:#f87171;border:1px solid rgba(239,68,68,.25)}.race-history{padding:20px 16px 40px;overflow-y:auto}.history-title{font-size:16px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#ffffff80;margin-bottom:12px}.history-list{display:flex;flex-direction:column;gap:8px}.history-card{display:flex;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);border-radius:14px;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .2s;overflow:hidden}.history-card:active{background:#ffffff14}.history-biome-side{width:140px;flex-shrink:0;position:relative;overflow:hidden}.history-biome-side img{width:100%;height:100%;object-fit:cover;display:block}.history-biome-side-overlay{position:absolute;inset:0;background:linear-gradient(90deg,transparent 50%,rgba(0,0,0,.4) 100%)}.history-biome-side-fallback{background:linear-gradient(135deg,#1a1a2e,#0f3460)}.history-card-body{flex:1;min-width:0;padding:10px 12px;display:flex;flex-direction:column;gap:6px}.history-card-top{display:flex;align-items:center;gap:8px}.history-breakdown{padding-top:6px;border-top:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;gap:5px}.history-date{display:flex;flex-direction:column;align-items:center;min-width:44px;font-variant-numeric:tabular-nums}.history-date-day{font-size:18px;font-weight:800;line-height:1}.history-date-month{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#fff6;margin-top:2px}.history-info{flex:1;min-width:0}.history-name{font-size:14px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-winner{font-size:11px;color:#fff6;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-podium{display:flex;gap:0}.history-podium img{width:28px;height:28px;border-radius:50%;object-fit:contain;border:2px solid rgba(0,0,0,.6);background:#111}.history-podium img:nth-child(2){margin-left:-8px}.history-podium img:nth-child(3){margin-left:-8px}.history-podium img:first-child{border-color:#ffb347;z-index:3}.history-podium img:nth-child(2){border-color:silver;z-index:2}.history-podium img:nth-child(3){border-color:#cd7f32;z-index:1}.history-arrow{color:#fff3;flex-shrink:0}.more-history-btn{display:block;width:calc(100% - 32px);margin:16px auto 0;padding:14px 32px;background:linear-gradient(135deg,#8b5cf640,#06b6d440);border:1px solid rgba(139,92,246,.4);border-radius:14px;color:#fff;font-size:14px;font-weight:700;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:all .2s;text-align:center;letter-spacing:.3px}.more-history-btn:active{transform:scale(.97);background:linear-gradient(135deg,#8b5cf666,#06b6d466)}.history-points{display:inline-block;font-size:10px;font-weight:700;padding:1px 6px;border-radius:8px;background:#8b5cf633;color:#a78bfa;border:1px solid rgba(139,92,246,.3);margin-left:4px;vertical-align:middle}.history-follow-badge{display:inline-block;font-size:8px;font-weight:800;color:#06b6d4;margin-left:2px}.unwatched-section{padding:20px 16px 0}.unwatched-list{display:flex;flex-direction:column;gap:12px}.unwatched-card{position:relative;border-radius:16px;overflow:hidden;border:1px solid rgba(139,92,246,.3);box-shadow:0 0 20px #8b5cf61a}.unwatched-bg{width:100%;height:180px;object-fit:cover;display:block}.unwatched-bg-placeholder{width:100%;height:180px;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);display:flex;align-items:center;justify-content:center;font-size:48px}.unwatched-overlay{position:absolute;inset:0;background:linear-gradient(180deg,#0003,#000000d9 60%)}.unwatched-content{position:absolute;bottom:0;left:0;right:0;padding:16px;display:flex;flex-direction:column;gap:4px}.unwatched-badge{align-self:flex-start;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:3px 10px;border-radius:20px;background:#8b5cf640;color:#a78bfa;border:1px solid rgba(139,92,246,.4);margin-bottom:4px}.unwatched-title{font-size:20px;font-weight:800;text-shadow:0 1px 4px rgba(0,0,0,.6)}.unwatched-meta{display:flex;align-items:center;gap:8px;font-size:12px;color:#fff9;text-shadow:0 1px 3px rgba(0,0,0,.5)}.unwatched-subtitle{font-size:13px;color:#ffffff80;margin-top:2px}.unwatched-actions{display:flex;gap:8px;margin-top:10px}.unwatched-watch-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;border:none;border-radius:12px;font-size:15px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;background:linear-gradient(135deg,#8b5cf6,#06b6d4);color:#fff;transition:transform .2s}.unwatched-watch-btn:active{transform:scale(.97)}.unwatched-reveal-btn{padding:12px 16px;border:1px solid rgba(255,255,255,.15);border-radius:12px;font-size:13px;font-weight:700;cursor:pointer;background:#ffffff0f;color:#ffffffb3;transition:all .2s;white-space:nowrap}.unwatched-reveal-btn:active{transform:scale(.97);background:#ffffff1a}.revealed-card{padding:14px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:14px;cursor:pointer;transition:background .2s}.revealed-card:active{background:#ffffff14}.revealed-winner-row{display:flex;align-items:center;gap:12px}.revealed-winner-img{width:48px;height:48px;border-radius:12px;object-fit:contain;background:#0000004d;border:2px solid #FFB347;flex-shrink:0}.revealed-winner-info{flex:1;min-width:0}.revealed-winner-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#ffffff59}.revealed-winner-name{font-size:16px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.revealed-points{display:flex;flex-direction:column;align-items:center;flex-shrink:0;padding:6px 12px;background:#8b5cf61f;border:1px solid rgba(139,92,246,.25);border-radius:12px}.revealed-points-value{font-size:18px;font-weight:800;background:linear-gradient(90deg,#8b5cf6,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:1}.revealed-points-label{font-size:10px;font-weight:600;color:#fff6;text-transform:uppercase}.revealed-breakdown{margin-top:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;gap:6px}.rb-row{display:flex;align-items:center;gap:8px;opacity:.4}.rb-row.rb-earned{opacity:1}.rb-icon{flex-shrink:0;width:14px;height:14px}.rb-icon.earned{color:#34d399}.rb-icon.missed{color:#ffffff40}.rb-label{flex:1;font-size:12px;font-weight:500;color:#fff9}.rb-row.rb-earned .rb-label{color:#ffffffd9}.rb-pts{font-size:12px;font-weight:700;font-variant-numeric:tabular-nums;color:#ffffff4d;min-width:24px;text-align:right}.rb-row.rb-earned .rb-pts{color:#34d399}.revealed-pick{margin-top:8px;font-size:12px;color:#ffffff80;padding-left:60px}.revealed-pick.win{color:#34d399;font-weight:700}.zone-detail-overlay{position:fixed;inset:0;z-index:100;display:flex;align-items:flex-end;justify-content:center;opacity:0;transition:opacity .3s ease}.zone-detail-overlay.visible{opacity:1}.zone-detail-backdrop{position:absolute;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.zone-detail-card{position:relative;width:100%;max-width:500px;max-height:85vh;background:#111;border-radius:20px 20px 0 0;overflow:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;transform:translateY(100%);transition:transform .35s cubic-bezier(.22,1,.36,1)}.zone-detail-overlay.visible .zone-detail-card{transform:translateY(0)}.zone-detail-close{position:absolute;top:12px;right:12px;z-index:3;width:32px;height:32px;border-radius:50%;border:none;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}.zone-detail-image{width:100%;height:200px;position:relative;overflow:hidden}.zone-detail-image img{width:100%;height:100%;object-fit:cover;display:block}.zone-detail-img-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#1a1a2e,#0f3460);display:flex;align-items:center;justify-content:center;font-size:56px}.zone-detail-body{padding:16px 20px 32px}.zone-detail-header-row{display:flex;align-items:center;gap:10px;margin-bottom:10px}.zone-detail-name{font-size:20px;font-weight:800;flex:1}.zone-detail-badge{font-size:10px;font-weight:700;padding:3px 10px;border-radius:20px;text-transform:uppercase;letter-spacing:.3px;flex-shrink:0}.zone-detail-badge.active{background:#8b5cf633;color:#a78bfa;border:1px solid rgba(139,92,246,.4)}.zone-detail-badge.inactive{background:#ffffff0f;color:#fff6;border:1px solid rgba(255,255,255,.1)}.zone-detail-probability{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:12px;margin-bottom:12px}.prob-label{font-size:12px;font-weight:600;color:#ffffff80;text-transform:uppercase;letter-spacing:.5px}.prob-value{font-size:20px;font-weight:800;background:linear-gradient(90deg,#06b6d4,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.zone-detail-desc{font-size:13px;line-height:1.6;color:#fff9;margin-bottom:16px}.zone-detail-stats-title{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#fff6;margin-bottom:10px}.zone-detail-stats{display:flex;flex-direction:column;gap:12px}.zone-stat-row{display:flex;flex-direction:column;gap:4px}.zone-stat-header{display:flex;align-items:center;justify-content:space-between}.zone-stat-name{font-size:13px;font-weight:700;color:#fffc}.zone-stat-bar-wrap{display:flex;align-items:center;gap:8px}.zone-stat-bar{flex:1;height:8px;background:#ffffff14;border-radius:4px;overflow:hidden}.zone-stat-fill{height:100%;border-radius:4px;transition:width .6s ease}.zone-stat-fill.speed{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.zone-stat-fill.agility{background:linear-gradient(90deg,#10b981,#34d399)}.zone-stat-fill.climbing{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.zone-stat-fill.acuity{background:linear-gradient(90deg,#8b5cf6,#a78bfa)}.zone-stat-val{font-size:13px;font-weight:700;width:28px;text-align:right;font-variant-numeric:tabular-nums;color:#fff9;flex-shrink:0}.zone-impact-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.zone-impact-cell{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 4px;border-radius:10px;border:1px solid rgba(255,255,255,.06);background:#ffffff08}.zone-impact-abbr{font-size:10px;font-weight:700;letter-spacing:.5px;color:#ffffff73}.zone-impact-icon{font-size:16px;font-weight:800;line-height:1}.zone-impact-cell.very-high{border-color:#10b9814d;background:#10b98114}.zone-impact-cell.very-high .zone-impact-icon{color:#34d399}.zone-impact-cell.high{border-color:#3b82f64d;background:#3b82f614}.zone-impact-cell.high .zone-impact-icon{color:#60a5fa}.zone-impact-cell.medium{border-color:#ffffff14}.zone-impact-cell.medium .zone-impact-icon{color:#ffffff4d}.zone-impact-cell.low{border-color:#f973164d;background:#f9731614}.zone-impact-cell.low .zone-impact-icon{color:#fb923c}.zone-impact-cell.very-low{border-color:#ef44444d;background:#ef444414}.zone-impact-cell.very-low .zone-impact-icon{color:#f87171}.race-rules-section{padding:0 16px 40px}.rule-card-bg{width:100%;height:100px;background:linear-gradient(135deg,#1a1a2e,#2d1b69,#0f3460);display:flex;align-items:center;justify-content:center}.rule-version-badge{font-size:9px;font-weight:700;padding:2px 8px;border-radius:10px;background:#8b5cf640;color:#a78bfa;text-transform:uppercase;letter-spacing:.3px;border:1px solid rgba(139,92,246,.35)}.rule-detail-banner{width:100%;height:120px;background:linear-gradient(135deg,#1a1a2e,#2d1b69,#0f3460)}.rule-detail-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.rule-detail-item{font-size:13px;line-height:1.6;color:#fff9;padding-left:16px;position:relative}.rule-detail-item:before{content:"";position:absolute;left:0;top:9px;width:6px;height:6px;border-radius:50%;background:#8b5cf680}.creature-detail-card{max-height:90vh}.creature-detail-image{width:100%;height:220px;position:relative;overflow:hidden;background:#0000004d;display:flex;align-items:center;justify-content:center}.creature-detail-cta{padding:12px 20px 0}.creature-rarity-badge{font-size:10px;font-weight:700;padding:3px 10px;border-radius:20px;text-transform:uppercase;letter-spacing:.3px;flex-shrink:0}.creature-rarity-badge.rarity-0{background:#ffffff14;color:#fff6;border:1px solid rgba(255,255,255,.15)}.creature-rarity-badge.rarity-1{background:#78ffa31f;color:#78ffa3;border:1px solid rgba(120,255,163,.3)}.creature-rarity-badge.rarity-2{background:#74c7ff1f;color:#74c7ff;border:1px solid rgba(116,199,255,.3)}.creature-rarity-badge.rarity-3{background:#cd8eff1f;color:#cd8eff;border:1px solid rgba(205,142,255,.3)}.creature-rarity-badge.rarity-4{background:#ffd48f1f;color:#ffd48f;border:1px solid rgba(255,212,143,.3)}.creature-detail-image img{height:90%;object-fit:contain;display:block}.creature-detail-breeder{display:flex;align-items:center;gap:10px;padding:10px 14px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:12px;margin-bottom:16px}.creature-breeder-pfp{width:32px;height:32px;border-radius:50%;object-fit:cover;flex-shrink:0;border:1px solid rgba(255,255,255,.15)}.creature-breeder-pfp-placeholder{width:32px;height:32px;border-radius:50%;background:#ffffff14;display:flex;align-items:center;justify-content:center;font-size:14px;color:#ffffff4d;flex-shrink:0}.creature-breeder-info{flex:1;min-width:0}.creature-breeder-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#ffffff59}.creature-breeder-name{font-size:14px;font-weight:700;color:#ffffffe6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.creature-detail-points{margin-top:20px;padding:14px;background:#8b5cf60f;border:1px solid rgba(139,92,246,.15);border-radius:14px}.points-title{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#fff6;margin-bottom:10px}.points-grid{display:flex;flex-direction:column;gap:6px}.points-row{display:flex;align-items:center;justify-content:space-between;padding:6px 0}.points-row+.points-row{border-top:1px solid rgba(255,255,255,.04)}.points-label{font-size:13px;color:#fff9;display:flex;align-items:center;gap:6px}.points-label-icon{font-size:14px;width:20px;text-align:center}.points-value{font-size:14px;font-weight:800;font-variant-numeric:tabular-nums;background:linear-gradient(90deg,#8b5cf6,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.creature-detail-actions{margin-top:16px;display:flex;flex-direction:column;gap:10px;padding-bottom:8px}.creature-vote-btn{width:100%;padding:14px;border:none;border-radius:14px;font-size:15px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:all .2s;background:linear-gradient(135deg,#8b5cf6,#06b6d4);color:#fff}.creature-vote-btn:active{transform:scale(.97)}.creature-vote-btn:disabled{opacity:.35;cursor:not-allowed;transform:none}.creature-vote-btn.voted{background:#10b98126;border:1px solid rgba(16,185,129,.3);color:#34d399}.creature-follow-btn{width:100%;padding:12px;border:1px solid rgba(139,92,246,.3);border-radius:14px;font-size:13px;font-weight:700;cursor:pointer;transition:all .2s;background:#8b5cf614;color:#fffc;display:flex;align-items:center;justify-content:center;gap:8px}.creature-follow-btn:active{transform:scale(.97);background:#8b5cf626}.creature-follow-btn svg{flex-shrink:0}.creature-follow-btn.following{background:#10b9811a;border-color:#10b9814d;color:#34d399;cursor:default}.creature-follow-btn.following:active{transform:none}.creature-follow-btn.yourself-badge{background:#ffffff0a;border-color:#ffffff1f;color:#fff6;pointer-events:none;cursor:default}.miniapp-prompt-overlay{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;pointer-events:none}.miniapp-prompt-overlay.visible{opacity:1;pointer-events:auto}.miniapp-prompt-backdrop{position:absolute;inset:0;background:#000000d9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.miniapp-prompt-card{position:relative;width:calc(100% - 48px);max-width:340px;display:flex;flex-direction:column;align-items:center;text-align:center;padding:36px 28px 28px;background:linear-gradient(180deg,#19191efa,#121216fa);border:1px solid rgba(139,92,246,.2);border-radius:24px;transform:scale(.92) translateY(12px);transition:transform .35s cubic-bezier(.22,1,.36,1)}.miniapp-prompt-overlay.visible .miniapp-prompt-card{transform:scale(1) translateY(0)}.miniapp-prompt-check{font-size:32px;color:#10b981;margin-bottom:8px;line-height:1}.miniapp-prompt-headline{font-size:20px;font-weight:800;color:#fffffff2;margin-bottom:12px}.miniapp-prompt-body{font-size:15px;line-height:1.5;color:#ffffffb3;margin-bottom:6px}.miniapp-prompt-sub{font-size:13px;line-height:1.5;color:#fff6;margin-bottom:24px}.miniapp-prompt-cta{width:100%;padding:14px;border:none;border-radius:14px;font-size:16px;font-weight:800;letter-spacing:.3px;cursor:pointer;background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;transition:transform .2s,opacity .2s;margin-bottom:12px}.miniapp-prompt-cta:active{transform:scale(.97)}.miniapp-prompt-cta:disabled{opacity:.5;cursor:not-allowed;transform:none}.miniapp-prompt-dismiss{background:none;border:none;font-size:14px;font-weight:500;color:#ffffff4d;cursor:pointer;padding:8px 16px;transition:color .2s}.miniapp-prompt-dismiss:active{color:#ffffff80}.follow-prompt-overlay{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;pointer-events:none}.follow-prompt-overlay.visible{opacity:1;pointer-events:auto}.follow-prompt-backdrop{position:absolute;inset:0;background:#000000d9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.follow-prompt-card{position:relative;width:calc(100% - 48px);max-width:340px;display:flex;flex-direction:column;align-items:center;text-align:center;padding:28px 24px 24px;background:linear-gradient(180deg,#19191efa,#121216fa);border:1px solid rgba(139,92,246,.2);border-radius:24px;transform:scale(.92) translateY(12px);transition:transform .35s cubic-bezier(.22,1,.36,1)}.follow-prompt-overlay.visible .follow-prompt-card{transform:scale(1) translateY(0)}.follow-prompt-banner{display:flex;align-items:center;gap:16px;margin-bottom:16px;width:100%;justify-content:center}.follow-prompt-creature-img{width:72px;height:72px;border-radius:50%;object-fit:cover;border:2px solid rgba(139,92,246,.4);flex-shrink:0}.follow-prompt-arrow{font-size:20px;color:#ffffff4d;flex-shrink:0}.follow-prompt-breeder-pfp{width:56px;height:56px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.15);flex-shrink:0}.follow-prompt-breeder-pfp-placeholder{width:56px;height:56px;border-radius:50%;background:#ffffff14;display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0;border:2px solid rgba(255,255,255,.15)}.follow-prompt-rp-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:20px;background:#10b98126;border:1px solid rgba(16,185,129,.3);color:#10b981;font-size:12px;font-weight:700;margin-bottom:8px}.follow-prompt-headline{font-size:18px;font-weight:800;color:#fffffff2;margin-bottom:8px;line-height:1.3}.follow-prompt-body{font-size:14px;line-height:1.5;color:#ffffff80;margin-bottom:20px}.follow-prompt-cta{width:100%;padding:14px;border:none;border-radius:14px;font-size:16px;font-weight:800;letter-spacing:.3px;cursor:pointer;background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;transition:transform .2s,opacity .2s;margin-bottom:12px}.follow-prompt-cta:active{transform:scale(.97)}.follow-prompt-dismiss{background:none;border:none;font-size:14px;font-weight:500;color:#ffffff4d;cursor:pointer;padding:8px 16px;transition:color .2s}.follow-prompt-dismiss:active{color:#ffffff80}.share-prompt-overlay{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;pointer-events:none}.share-prompt-overlay.visible{opacity:1;pointer-events:auto}.share-prompt-backdrop{position:absolute;inset:0;background:#000000d9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.share-prompt-card{position:relative;width:calc(100% - 48px);max-width:340px;display:flex;flex-direction:column;align-items:center;text-align:center;padding:28px 24px 24px;background:linear-gradient(180deg,#19191efa,#121216fa);border:1px solid rgba(6,182,212,.2);border-radius:24px;transform:scale(.92) translateY(12px);transition:transform .35s cubic-bezier(.22,1,.36,1)}.share-prompt-overlay.visible .share-prompt-card{transform:scale(1) translateY(0)}.share-prompt-creature-img{width:80px;height:80px;border-radius:16px;object-fit:cover;border:2px solid rgba(6,182,212,.3);margin-bottom:16px}.share-prompt-check{font-size:28px;color:#10b981;margin-bottom:4px;line-height:1}.share-prompt-headline{font-size:18px;font-weight:800;color:#fffffff2;margin-bottom:8px;line-height:1.3}.share-prompt-body{font-size:14px;line-height:1.5;color:#ffffff80;margin-bottom:6px}.share-prompt-preview{width:100%;padding:12px;border-radius:12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);margin-bottom:20px;font-size:13px;color:#fff9;line-height:1.4;text-align:left}.share-prompt-preview em{color:#ffffffd9;font-style:normal;font-weight:600}.share-prompt-cta{width:100%;padding:14px;border:none;border-radius:14px;font-size:16px;font-weight:800;letter-spacing:.3px;cursor:pointer;background:linear-gradient(135deg,#06b6d4,#8b5cf6);color:#fff;transition:transform .2s,opacity .2s;margin-bottom:12px}.share-prompt-cta:active{transform:scale(.97)}.share-prompt-dismiss{background:none;border:none;font-size:14px;font-weight:500;color:#ffffff4d;cursor:pointer;padding:8px 16px;transition:color .2s}.share-prompt-dismiss:active{color:#ffffff80}