@font-face{font-family:Barlow;src:url('/assets/fonts/barlow-condensed-extra-bold-italic.woff2') format('woff2');font-weight:800;font-style:italic;font-display:swap}
:root{color-scheme:dark;font-family:Arial,Helvetica,sans-serif;background:#07131e;color:#f4fbff;--gold:#ffd442;--cyan:#42eaff}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 15% 15%,#12435760,transparent 45%),radial-gradient(ellipse at 90% 70%,#47237130,transparent 45%),#07131e}button,a,input,select{touch-action:manipulation}button,select{font:inherit}button{color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible,select:focus-visible{outline:3px solid #fff;outline-offset:5px}button:disabled{opacity:.5}.skip{position:absolute;left:-9999px}.skip:focus{left:20px;top:10px;z-index:100;background:#fff;color:#000;padding:12px}.site-shell{width:100%;padding:0 clamp(12px,2.8vw,46px)}.masthead{display:flex;gap:18px;align-items:center;min-height:124px;border-bottom:1px solid #b7e5f025}.masthead>a{flex:0 0 auto}.masthead img{display:block;width:84px;height:84px;object-fit:contain}.masthead p{font-style:italic;font-size:clamp(17px,1.6vw,25px);line-height:1.2;margin:0;padding-left:20px;border-left:1px solid #e5b727}.masthead strong{color:#fff}.live-pill{margin-left:auto;font-size:11px;font-weight:700;letter-spacing:2px;display:flex;align-items:center;gap:10px}.live-pill i{width:6px;height:6px;background:#51e8c0;border-radius:50%;box-shadow:0 0 16px #51e8c0}.status{min-height:46px;display:flex;gap:12px;align-items:center;justify-content:space-between;font-size:12px;color:#a4becb;flex-wrap:wrap}.status.demo,.status.error{padding:12px 0;color:#ffe09a}.status button{background:transparent;border:1px solid #ffe09a;border-radius:8px;padding:7px 12px}.choose-heading{text-align:center;padding:22px 0 30px}.eyebrow,.top-label{font-size:12px;font-weight:800;letter-spacing:3px}.eyebrow{color:#9cb6c5}.choose-heading h1{font-size:clamp(28px,3.8vw,60px);letter-spacing:-1.5px;margin:12px 0}.choose-heading h1 span{color:#aec1ce}.choose-heading p{color:#adc3d0;font-size:15px;margin:12px 0 0}.mobile-only{display:none}.category-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(12px,2vw,30px)}.category-tile{isolation:isolate;position:relative;min-width:0;height:clamp(380px,48vw,600px);border:1px solid var(--tile);border-radius:22px;overflow:hidden;background:#0b1929;box-shadow:inset 0 0 45px color-mix(in srgb,var(--tile) 15%,transparent),0 0 22px color-mix(in srgb,var(--tile) 8%,transparent);transition:transform .2s,box-shadow .2s}.zarpados{--tile:#ffc83d}.activando{--tile:#48e3ff}.category-tile:hover{transform:translateY(-4px);box-shadow:0 0 40px color-mix(in srgb,var(--tile) 20%,transparent)}.category-tile:before{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,#09152440 0%,#07142210 35%,#071422d9 77%,#071422 100%),radial-gradient(ellipse at 50% 24%,color-mix(in srgb,var(--tile) 18%,transparent),transparent 70%)}.tile-grid{position:absolute;inset:0;background-image:linear-gradient(110deg,transparent 48%,#87c3fa14 50%,transparent 52%),radial-gradient(#e8c76a60 1px,transparent 1.5px);background-size:130px 140px,31px 47px;opacity:.3}.tile-preview{position:absolute;inset:8% -8% 0;filter:blur(3px);transform:rotate(-6deg) scale(.94);opacity:.45;pointer-events:none}.tile-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:20px}.category-icon{font-size:84px;line-height:1.15;filter:drop-shadow(0 0 22px color-mix(in srgb,var(--tile) 60%,transparent));margin-bottom:17px}.category-icon img{width:94px;height:100px;object-fit:contain}.tile-content>.top-label{color:#fff9cc;font-size:11px;margin-bottom:10px}.graffiti{font-family:Barlow,Impact,sans-serif;font-weight:800;font-style:italic;letter-spacing:-1px;line-height:.95;transform:rotate(-3deg);color:#ffe250;text-shadow:3px 4px 0 #452b0e,0 0 26px #ed9a3438;font-size:clamp(36px,6.7vw,108px);margin:0}.graffiti em{font-style:inherit;display:block;font-size:.65em;line-height:.8;margin-top:10px}.activando .graffiti{background:linear-gradient(170deg,#bbfbff 10%,#3be9ff 40%,#e585ff 90%);background-clip:text;-webkit-text-fill-color:transparent;text-shadow:none;filter:drop-shadow(2px 3px 0 #1c2452)}.tile-sub{font-size:14px;color:#d9e5ee;margin-top:22px}.enter{display:flex;align-items:center;gap:30px;padding:14px 22px;border-radius:99px;border:1px solid color-mix(in srgb,var(--tile) 60%,transparent);background:#07111bd9;margin-top:25px;font-size:13px;letter-spacing:1px;font-weight:700}.enter b{font-size:23px;color:var(--tile)}.under-categories{text-align:center;letter-spacing:2px;font-size:10px;color:#94aebe;padding:15px}.under-categories span{padding:0 10px;color:var(--gold)}.expanded{padding-top:15px}.back,.refresh{background:transparent;border:1px solid #789caf4d;padding:12px 17px;border-radius:10px;font-size:14px}.back:hover,.refresh:hover{background:#263949}.board-heading{display:flex;align-items:center;gap:20px;padding:32px 3px 20px;justify-content:space-between}.board-heading .top-label{display:block;color:#c4d9e5;margin-bottom:16px}.board-heading h1{font-size:clamp(54px,8vw,118px)}.board-icon{font-size:90px;filter:drop-shadow(0 0 28px #28e5ff3b);flex-shrink:0}.board-icon img{width:95px;height:115px;object-fit:contain}.board-period{display:flex;justify-content:space-between;border-bottom:1px solid #bed7e325;padding:16px 0;margin-bottom:15px;font-size:13px;letter-spacing:2px;color:#b6cbd7}.board-period b{color:#e9faff}.coverage{font-size:14px;line-height:1.5;background:#dcaa2610;border:1px solid #dca93635;color:#e8d5a7;padding:14px 18px;border-radius:12px}.ranking-list{display:grid;gap:15px}.rank-card{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(80px,18%) minmax(130px,34%) minmax(0,1fr);align-items:center;min-height:210px;border:1px solid color-mix(in srgb,var(--accent) 75%,#142330);border-radius:16px;background:linear-gradient(110deg,color-mix(in srgb,var(--accent) 9%,#0a1826),#0b1929 48%,#0a1624 80%);box-shadow:inset 0 0 30px color-mix(in srgb,var(--accent) 7%,transparent),0 0 15px color-mix(in srgb,var(--accent) 6%,transparent);overflow:visible;padding:12px 20px;gap:10px}.rank-card:before,.rank-card:after{content:'';position:absolute;width:40px;height:4px;background:var(--accent);box-shadow:0 0 16px var(--accent);z-index:0}.rank-card:before{top:-2px;left:26px}.rank-card:after{bottom:-2px;right:26px}.rank-number{font-family:Barlow,Impact,sans-serif;font-style:italic;font-size:clamp(62px,7vw,110px);line-height:1;color:var(--accent);text-shadow:0 0 24px color-mix(in srgb,var(--accent) 20%,transparent);text-align:center}.character-scene{position:relative;height:210px;display:flex;align-items:center;justify-content:center;min-width:0;padding:18px 14px;isolation:isolate;background:radial-gradient(ellipse at 50% 65%,color-mix(in srgb,var(--accent) 26%,transparent),transparent 69%)}.character-scene:before{content:'';position:absolute;inset:8px -12px;background:repeating-conic-gradient(from 40deg at 50% 70%,transparent 0deg 21deg,color-mix(in srgb,var(--accent) 14%,transparent) 22deg 24deg,transparent 25deg 38deg);mask-image:radial-gradient(ellipse,black 5%,transparent 68%);z-index:-1}.character-scene:after{content:'';position:absolute;inset:15%;background-image:radial-gradient(var(--accent) 1px,transparent 2px);background-size:37px 43px;opacity:.5;z-index:-1}.scene-orbit{position:absolute;width:80%;height:35%;bottom:14px;border:1px solid color-mix(in srgb,var(--accent) 25%,transparent);border-radius:50%;transform:rotate(-14deg);box-shadow:0 0 24px color-mix(in srgb,var(--accent) 10%,transparent);z-index:-1}.character-scene img{display:block;max-width:100%;width:auto;height:100%;object-fit:contain;object-position:center;max-height:100%;border-radius:8px;box-shadow:0 8px 26px #0007}.rank-info{min-width:0;padding:12px 0 12px 12px}.rank-info h3{font-family:Barlow,Impact,sans-serif;font-style:italic;font-size:clamp(28px,3.2vw,47px);line-height:1.1;margin:0 0 9px}.metric{display:block;color:#c8dce6;font-size:clamp(12px,1.4vw,18px);margin-bottom:7px}.amount{display:block;color:var(--accent);font-family:Barlow,Impact,sans-serif;font-style:italic;font-size:clamp(32px,4.6vw,72px);letter-spacing:.3px;white-space:nowrap;line-height:1.1}.rank-info small{display:block;color:#91a9b9;font-size:11px;margin-top:11px}.mini{height:140px;min-height:140px;margin-bottom:15px;padding:8px;grid-template-columns:15% 35% 46%;pointer-events:none}.mini .character-scene{height:118px;padding:8px}.mini .rank-number{font-size:38px}.mini h3{font-size:22px}.mini .amount{font-size:26px}.mini .metric{font-size:12px}.mini .rank-info{padding:0}.empty-board{text-align:center;min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#196d8730,transparent 70%);border:1px solid #47809440;border-radius:16px;padding:30px}.empty-board>span{font-size:50px}.empty-board h2{font-size:23px;line-height:1.3;margin-bottom:5px}.empty-board p{max-width:440px;color:#b6cbd7;line-height:1.6;font-size:14px}.empty-board button{margin-top:12px}.history{margin-top:26px;border:1px solid #518096;border-radius:12px;background:#0b1c2a}.history summary{padding:21px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;font-weight:700;list-style:none}.history summary::-webkit-details-marker{display:none}.history[open] .chevron{transform:rotate(180deg)}.history-body{padding:0 21px 20px;border-top:1px solid #3f62754d}.history label{display:block;margin:18px 0 10px;font-size:14px}.history select{background:#152d3b;color:white;border:1px solid #476a7d;padding:12px;border-radius:8px;min-width:220px}.history p{font-size:13px;color:#a9c1cf;line-height:1.5}.board-end{display:flex;justify-content:space-between;gap:12px;padding:20px 0}footer{border-top:1px solid #789caf25;display:flex;flex-direction:column;align-items:center;gap:10px;padding:30px 10px 35px;margin-top:24px;color:#7c98a9;font-size:10px;letter-spacing:1.3px;text-align:center}footer b{color:#e7bf45;padding:0 12px}footer small{letter-spacing:0;line-height:1.5}.status.demo{background:#7b581d22;border:1px solid #d9aa3950;border-radius:8px;justify-content:center;margin-top:12px}
@media(min-width:1200px){.rank-card{grid-template-columns:22% 30% 1fr}.character-scene{height:225px}.rank-info{padding-left:30px}}
@media(max-width:650px){.masthead{min-height:96px;gap:12px}.masthead img{width:65px;height:65px}.masthead p{padding-left:12px;font-size:17px}.live-pill{display:none}.status{font-size:10px;gap:5px;padding:10px 0;line-height:1.4}.choose-heading{padding:20px 0 25px}.choose-heading h1{font-size:32px;letter-spacing:-1px}.choose-heading p{font-size:12px}.eyebrow{font-size:9px;letter-spacing:2px}.category-grid{gap:10px}.category-tile{height:405px;border-radius:14px}.tile-content{padding:9px 5px}.graffiti{font-size:clamp(30px,8.2vw,53px)}.category-icon{font-size:58px;margin-bottom:25px}.category-icon img{width:68px;height:75px}.tile-content>.top-label{font-size:8px;letter-spacing:1px}.tile-sub{font-size:10px;line-height:1.5;max-width:130px;margin-top:23px}.enter{font-size:10px;letter-spacing:.7px;padding:10px 15px;gap:13px;margin-top:24px}.enter b{font-size:19px}.under-categories{font-size:8px;letter-spacing:1px;padding:13px 0}.under-categories span{padding:0 5px}.tile-preview{inset:10% -60% 0;transform:rotate(-8deg) scale(.85);filter:blur(4px);opacity:.35}.board-heading{padding:25px 0 12px;gap:8px}.board-heading h1{font-size:clamp(42px,12vw,73px)}.board-heading .top-label{font-size:9px;letter-spacing:1.5px;margin-bottom:13px}.board-icon{font-size:46px}.board-icon img{width:46px;height:65px}.board-period{font-size:10px;letter-spacing:1px;padding:14px 0}.rank-card{padding:6px;grid-template-columns:15% 37% minmax(0,1fr);gap:4px;min-height:173px;border-radius:12px}.rank-number{font-size:clamp(39px,13vw,70px)}.character-scene{height:164px;padding:17px 5px}.character-scene img{border-radius:6px}.rank-info{padding:10px 3px 10px 5px}.rank-info h3{font-size:clamp(24px,7vw,34px);margin-bottom:8px}.metric{font-size:11px}.amount{font-size:clamp(25px,7.4vw,39px);letter-spacing:0}.rank-info small{font-size:9px;line-height:1.5}.ranking-list{gap:13px}.coverage{font-size:12px;padding:12px}.board-end .back,.refresh{font-size:12px;padding:11px}.history summary{padding:18px;font-size:14px}.history-body{padding:0 17px 17px}.empty-board h2{font-size:20px}.empty-board{padding:25px 18px}.mobile-only{display:block}.mini{grid-template-columns:15% 35% 45%;height:135px;min-height:135px}.mini .character-scene{height:115px}.mini .rank-number{font-size:35px}.mini .rank-info h3{font-size:22px}.mini .amount{font-size:24px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.category-tile{background-image:linear-gradient(#07152425,#07152460),url(/assets/atmosphere-v6.webp);background-size:cover;background-position:40% center}.zarpados.category-tile{background-position:left center}.character-scene{background-image:radial-gradient(ellipse at 50% 65%,color-mix(in srgb,var(--accent) 25%,transparent),transparent 70%),url(/assets/atmosphere-v6.webp);background-size:cover;background-position:35% center;border-radius:14px}.rank-card{background-image:linear-gradient(90deg,#081728ce,#0b19297a 45%,#0a1624e8 72%),url(/assets/atmosphere-v6.webp);background-size:cover;background-position:center}.expanded.activando{background:radial-gradient(ellipse at 20% 30%,#16526518,transparent 70%)}
@media(max-width:650px){.amount-lg{font-size:clamp(20px,6vw,31px)}.amount-xl{font-size:clamp(15px,4.5vw,24px)}}

/* V2: painted headings, aligned choices and close profile portraits. */
@font-face{font-family:Sedgwick;src:url('/assets/fonts/sedgwick-ave-display.ttf') format('truetype');font-display:swap}
.choose-heading{padding:28px 0 38px;position:relative}
.choose-heading .hero-graffiti{font-family:Sedgwick,Impact,sans-serif;font-weight:400;font-size:clamp(54px,7.5vw,112px);line-height:1.12;letter-spacing:0;transform:rotate(-2deg);margin:20px 0 15px;text-shadow:3px 5px 0 #05101a,0 0 30px #ffd64620}
.hero-graffiti span{color:#ffe155!important;background:linear-gradient(#fff28c,#ffc029);background-clip:text;-webkit-text-fill-color:transparent}
.hero-graffiti strong{font-weight:400;font-size:.62em;color:#f4fcff}
.category-grid{align-items:stretch}
.category-tile{display:block;align-self:stretch;margin:0;vertical-align:top;height:510px;padding:0;border-width:2px;border-radius:4px 22px 4px 22px}
.category-tile:hover{transform:none}
.category-tile:active{transform:scale(.99)}
.tile-content{display:grid;grid-template-rows:150px 25px 120px 30px 64px;align-content:center;justify-content:stretch;justify-items:center;gap:0;padding:20px 12px;height:100%}
.category-icon{display:flex;align-items:center;justify-content:center;margin:0;width:140px;height:145px;font-size:94px;line-height:1}
.fire-loop{display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:screen}
.cool-face{display:inline-block;animation:cool-breathe 5s ease-in-out infinite;transform-origin:50% 60%;filter:drop-shadow(0 0 18px #b056eb35)}
@keyframes cool-breathe{0%,100%{transform:scale(.96) rotate(-3deg)}50%{transform:scale(1.065) rotate(3deg)}}
.tile-content .graffiti{width:100%;height:120px;display:flex;align-items:center;justify-content:center;transform:none;background:none;filter:none;text-shadow:none;margin:0}
.title-art{display:block;width:100%;height:auto;object-fit:contain;max-height:100%}
.tile-content .top-label{margin:0;line-height:25px;color:#d8e6eb;letter-spacing:1.8px}
.tile-sub{margin:0;align-self:center;line-height:1.3;text-align:center;max-width:none}
.enter{margin:0;align-self:center;padding:12px 22px}
.board-heading{position:relative;padding:24px 0 12px;gap:4px;justify-content:flex-start;max-width:900px}
.board-heading>div{flex:1;min-width:0;display:flex;flex-direction:column}
.board-heading .graffiti{order:-1;width:100%;height:auto;transform:none;background:none;filter:none;text-shadow:none;margin:0}
.board-heading .title-art{height:auto;max-height:180px}
.board-heading .top-label{text-align:center;margin:0;padding:2px 0 12px;color:#e1f3f6;font-family:Barlow,Impact,sans-serif;font-size:23px;letter-spacing:1px}
.board-icon{height:150px;width:105px;display:flex;align-items:center;justify-content:center;font-size:88px;margin-left:-5px}
.rank-card{border-width:2px;border-radius:3px 20px 3px 20px;box-shadow:inset 0 0 20px color-mix(in srgb,var(--accent) 10%,transparent),0 0 9px color-mix(in srgb,var(--accent) 30%,transparent);padding:8px 16px;grid-template-columns:15% 34% minmax(0,1fr);min-height:215px}
.character-scene{height:220px;padding:8px 0;background:none;border-radius:0}
.character-scene img{height:100%;width:100%;object-fit:contain;border-radius:0;box-shadow:none;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.character-scene::before{inset:0;background:radial-gradient(ellipse,color-mix(in srgb,var(--accent) 35%,transparent),transparent 70%);mask-image:none}
.character-scene::after,.scene-orbit{display:none}
.rank-card[data-character="marcos"] .character-scene::before{background:radial-gradient(ellipse,#45d7e855,transparent 70%)}
.rank-info{padding-left:10px}.mini .character-scene{height:118px;padding:0}.mini{min-height:140px;grid-template-columns:15% 35% 46%}
@media(max-width:650px){
 .choose-heading{padding:15px 0 26px}.choose-heading .hero-graffiti{font-size:clamp(43px,12vw,73px);line-height:1.15;margin:15px 0}.hero-graffiti strong{font-size:.57em;white-space:nowrap}.choose-heading p{margin:18px 0 0;font-size:12px}
 .category-tile{height:350px;border-radius:4px 15px 4px 15px}.tile-content{grid-template-rows:112px 23px 72px 37px 58px;padding:12px 3px;align-content:center}.category-icon{height:110px;width:83px;font-size:65px;margin:0}.tile-content .top-label{font-size:7px;letter-spacing:.8px;line-height:23px}.tile-content .graffiti{height:72px;width:100%}.tile-sub{font-size:10px;max-width:125px;margin:0}.enter{font-size:9px;letter-spacing:.5px;gap:8px;margin:0;padding:9px 12px}.enter b{font-size:17px}
 .tile-preview{inset:14% -60% 0;opacity:.4}.board-heading{padding:18px 0 5px;gap:0}.board-heading .top-label{font-size:16px;letter-spacing:.3px;padding-bottom:5px}.board-heading .title-art{max-height:105px}.board-icon{width:56px;height:94px;font-size:49px;margin-left:-4px}.board-period{padding:11px 0;margin-bottom:14px}
 .rank-card{padding:7px 5px;gap:3px;grid-template-columns:13% 42% minmax(0,1fr);min-height:167px;border-radius:3px 15px 3px 15px}.character-scene{height:154px;padding:4px 0}.rank-number{font-size:clamp(38px,12vw,58px)}.rank-info{padding:8px 1px 8px 3px}.rank-info h3{font-size:clamp(24px,7vw,34px)}.metric{font-size:10px}.amount{font-size:clamp(24px,7vw,37px)}.mini{grid-template-columns:15% 35% 46%;min-height:135px}.mini .character-scene{height:115px;padding:0}
}
@media(prefers-reduced-motion:reduce){.cool-face{animation:none}.category-tile{transition:none}}
.category-icon:has(.fire-loop),.board-icon:has(.fire-loop){filter:none;mix-blend-mode:screen}
.tile-content{mix-blend-mode:normal}.tile-content>.graffiti{mix-blend-mode:screen}

/* V3 — landing hierarchy; expanded rankings retain their existing layout. */
main:has(.ranking-view:not([hidden])>.choose){display:flex;flex-direction:column}
main:has(.ranking-view:not([hidden])>.choose)>#app{order:0}
main:has(.ranking-view:not([hidden])>.choose)>#status{order:1}
.choose-heading{padding:14px 0 20px}
.choose-heading .ranking-hero{width:min(650px,100%);margin:0 auto;line-height:0;transform:none;text-shadow:none}
.ranking-hero img{width:100%;height:auto;display:block}
.choose-heading p{margin:8px 0 0;color:#f3f6f9;font-size:22px;font-weight:600}
.category-tile{height:560px}
.tile-content{grid-template-rows:125px 38px 145px 50px 62px;gap:8px;padding:22px 14px;align-content:center}
.tile-content>.graffiti{grid-row:1;height:125px}
.tile-content>.top-label{grid-row:2;font-family:Barlow,Impact,sans-serif;font-size:24px;letter-spacing:.6px;line-height:1.2;color:#fff}
.tile-content>.category-icon{grid-row:3}
.tile-content>.tile-sub{grid-row:4;font-size:19px;font-weight:600;color:#f1f6fa;max-width:95%;line-height:1.35}
.tile-content>.enter{grid-row:5}
@media(max-width:650px){
 .choose-heading{padding:6px 0 14px}
 .choose-heading .ranking-hero{width:100%;max-width:360px;margin:0 auto}
 .choose-heading p{font-size:18px;line-height:1.3;margin:4px 0 0}
 .category-tile{height:430px}
 .tile-content{grid-template-rows:76px 34px 114px 51px 53px;gap:8px;padding:15px 4px;align-content:center}
 .tile-content>.graffiti{height:76px;width:100%}
 .tile-content>.top-label{font-size:clamp(17px,4.7vw,23px);letter-spacing:.1px;line-height:1.15;white-space:nowrap}
 .tile-content>.category-icon{height:108px;width:84px;font-size:66px}
 .tile-content>.tile-sub{font-size:clamp(13px,3.7vw,16px);max-width:145px;line-height:1.35;margin:0}
 .tile-content>.enter{font-size:11px;letter-spacing:.1px;padding:11px 13px;gap:8px}
 .tile-preview{inset:20% -60% 0;opacity:.4}
}

/* V4 — full-width team motto, with readable responsive groups. */
.masthead{gap:clamp(12px,2vw,32px);position:relative}
.team-motto{flex:1;min-width:0;display:grid;grid-template-columns:minmax(0,1fr) 8px minmax(0,1fr) 8px minmax(0,1fr);align-items:center;gap:clamp(10px,1.6vw,26px);padding:20px 0}
.motto-phrase{font-family:Barlow,Impact,sans-serif;font-style:italic;font-weight:800;font-size:clamp(21px,2.3vw,38px);line-height:1.12;text-align:center;text-wrap:balance;letter-spacing:.25px;filter:drop-shadow(0 0 12px #ffd75b25)}
.motto-gold{color:#ffe69b;text-shadow:0 1px 0 #735314,0 0 22px #ffb50038}
.motto-ice{color:#d8fff8;text-shadow:0 1px 0 #206960,0 0 22px #3ee8cf30}
.motto-pink{color:#ffe2fb;text-shadow:0 1px 0 #743068,0 0 22px #ef74d430}
.motto-nowrap{white-space:nowrap}
.motto-emojis{display:inline-block;white-space:nowrap;font-size:.72em;font-style:normal;letter-spacing:1px}
.motto-spark{position:relative;width:6px;height:6px;justify-self:center;border-radius:50%;background:#fffbe0;box-shadow:0 0 5px 2px #fff1a5,0 0 13px 6px #f5b52b88,0 0 29px 13px #44dccd33}
.motto-spark::before{content:"";position:absolute;inset:-20px;border-radius:50%;background:radial-gradient(circle,#fff3a533,transparent 65%);pointer-events:none}
.motto-spark-pink{box-shadow:0 0 5px 2px #fff1e9,0 0 13px 6px #ed7ad488,0 0 29px 13px #7cece533}
@media(max-width:900px){.masthead img{width:64px;height:64px}.team-motto{gap:12px}.motto-phrase{font-size:clamp(19px,2.7vw,25px)}}
@media(max-width:650px){
 .masthead{gap:10px;min-height:110px}
 .masthead img{width:46px;height:46px}
 .team-motto{grid-template-columns:minmax(0,1fr) 5px minmax(0,1fr) 5px minmax(0,1fr);gap:7px;padding:18px 0}
 .motto-phrase{font-size:clamp(15px,4vw,22px);line-height:1.15;letter-spacing:0}
 .motto-emojis{display:block;font-size:.8em;margin-top:5px;letter-spacing:0}
 .motto-spark{width:4px;height:4px;box-shadow:0 0 4px 1px #fff1a5,0 0 10px 4px #f5b52b88,0 0 20px 8px #44dccd33}
 .motto-spark-pink{box-shadow:0 0 4px 1px #fff1e9,0 0 10px 4px #ed7ad488,0 0 20px 8px #7cece533}
}
@media(max-width:360px){.masthead{gap:7px}.masthead img{width:38px;height:38px}.team-motto{gap:5px}.motto-phrase{font-size:15px}}

/* V5: retain true blacks; stronger breathing with a short hold at the peak. */
.category-icon:has(.cool-face),.board-icon:has(.cool-face){perspective:450px;filter:none;overflow:visible}
.cool-face{animation:cool-breathe-depth 3.2s cubic-bezier(.45,0,.3,1) infinite;filter:contrast(1.24) saturate(1.08) drop-shadow(0 9px 8px #0008) drop-shadow(0 0 15px #55dbe440);will-change:transform;backface-visibility:hidden;transform-origin:50% 55%}
@keyframes cool-breathe-depth{0%,12%,100%{transform:translate3d(0,5px,-30px) scale(.94) rotateX(7deg) rotateY(-7deg) rotate(-4deg)}46%,64%{transform:translate3d(0,-6px,28px) scale(1.13) rotateX(-5deg) rotateY(7deg) rotate(4deg)}}
.fire-loop{transform:scale(1.17);transform-origin:50% 62%}
@media(prefers-reduced-motion:reduce){.cool-face{animation:none;transform:none;will-change:auto}.fire-loop{transform:none}}

.zarpados.category-tile .tile-content{mix-blend-mode:screen}
.cool-face{width:1em;height:1em;line-height:0}
.category-icon .cool-face img,.board-icon .cool-face img{display:block;width:100%;height:100%;object-fit:contain}

.fire-stage{position:relative;display:block;width:100%;height:100%;pointer-events:none}
.fire-ember{position:absolute;left:calc(50% + var(--x));top:73%;width:var(--size);height:calc(var(--size)*1.8);border-radius:50%;background:#fff3b0;box-shadow:0 0 3px 1px #ffb331,0 0 7px #e75e1599;opacity:0;animation:ember-rise var(--life) linear var(--delay) infinite;will-change:transform,opacity}
@keyframes ember-rise{0%{opacity:0;transform:translate(0,0) scale(.65)}12%{opacity:.9}45%{opacity:.65;transform:translate(calc(var(--drift)*.35),calc(var(--rise)*-.5)) scale(1)}80%{opacity:.2}100%{opacity:0;transform:translate(var(--drift),calc(var(--rise)*-1)) scale(.15)}}
@media(prefers-reduced-motion:reduce){.fire-ember{display:none;animation:none}}

/* V6: persistent views and larger, slower, high-contrast effects. */
.ranking-view[hidden]{display:none!important}
.ranking-view[hidden] *{animation-play-state:paused!important}
.team-motto{grid-template-columns:minmax(0,1fr) 6px minmax(0,1fr) 6px minmax(0,1fr)}
.motto-phrase{line-height:1.18}
.cool-face{position:relative;isolation:isolate;animation-duration:6.4s;filter:drop-shadow(0 0 9px #78dbd526);font-size:1.15em}
.cool-face::before{content:'';position:absolute;z-index:-1;inset:-28%;border-radius:50%;background:radial-gradient(ellipse,#51b6ca18 20%,#64d5d00d 45%,transparent 72%)}
@keyframes cool-breathe-depth{0%,12%,100%{transform:translate3d(0,7px,-35px) scale(.93) rotateX(10deg) rotateY(-10deg) rotate(-6deg)}46%,64%{transform:translate3d(0,-8px,38px) scale(1.22) rotateX(-8deg) rotateY(11deg) rotate(6deg)}}
.fire-stage{background:url('/assets/fire-v5-poster.webp') center/contain no-repeat;animation:fire-breathe-depth 6.4s ease-in-out infinite;transform-origin:50% 80%;will-change:transform}
.fire-loop{transform:none}
@keyframes fire-breathe-depth{0%,100%{transform:scale(1.15,1.12) rotate(-3deg)}45%,60%{transform:scale(1.57,1.36) rotate(5deg)}80%{transform:scale(1.32,1.2) rotate(-5deg)}}
.category-icon:has(.fire-stage){width:170px;height:155px}
.board-icon:has(.fire-stage){width:125px;height:150px;margin-right:20px}
.board-icon:has(.cool-face){margin-right:16px}
@media(max-width:650px){
 .team-motto{gap:5px}.motto-phrase{font-size:clamp(14px,3.9vw,22px)}
 .tile-content>.category-icon:has(.fire-stage){width:105px;height:110px}
 .tile-content>.category-icon:has(.cool-face){font-size:73px}
 .board-icon:has(.fire-stage){width:70px;height:104px;margin-right:8px}
 .board-icon:has(.cool-face){font-size:57px;margin-right:12px}
 .board-heading>div{min-width:0}
}
@media(prefers-reduced-motion:reduce){.cool-face,.fire-stage{animation:none;transform:none;will-change:auto}}