:root{--ink:#0e1a2b;--bg:#0e1a2b;--arc-fons:#0e1a2b;--panel:#152540;--panel2:#1b2f50;--line:#e3b04b3d;--hair:#f1e9d633;--hair-suau:#f1e9d61a;--txt:#f1e9d6;--txt-suau:#e2dac6;--mut:#a9b4c7;--gold:#e3b04b;--gold-text:#e3b04b;--ora:#ee8a3d;--ora-ombra:#b4601f;--teal:#4cc3a5;--teal-text:#8fe0c8;--coral:#ec6a73;--coral-text:#f4a1a7;--parch:#f3ead3;--parch-vora:#cdb98a;--parch-mut:#6a5a33;--ptxt:#1a2233;--camp:#0e1a2b;--ombra:#0006;--celosia:.06;--llum:#ee8a3d29;--plata:#c9d3e3;--bronze:#d9915a;--display:"Gloock", Georgia, serif;--sans:"Instrument Sans", system-ui, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-tema=clar]{--bg:#f7f1e3;--arc-fons:#efe5cc;--panel:#fffcf4;--panel2:#efe5cc;--line:#8a5f004d;--hair:#1a223338;--hair-suau:#1a22331a;--txt:#1a2233;--txt-suau:#2c3548;--mut:#566074;--gold:#c08a14;--gold-text:#8a5f00;--ora:#ee8a3d;--ora-ombra:#b4601f;--teal:#1e9c7f;--teal-text:#0f6b55;--coral:#d6455a;--coral-text:#b3283f;--parch:#fffdf6;--parch-vora:#dccb9d;--parch-mut:#6a5a33;--camp:#fff;--ombra:#46320a29;--celosia:.1;--llum:#ee8a3d33;--plata:#8895aa;--bronze:#b9682f;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}body{background:var(--bg);min-height:100vh;color:var(--txt);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0;transition:background .25s,color .25s}h1,h2,p{margin:0}button{color:inherit;cursor:pointer;font-family:inherit}button:disabled{cursor:default}:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.icon{flex:none;display:block}.mut{color:var(--mut)}.hidden{display:none!important}.fons{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.fons-celosia{opacity:var(--celosia);position:absolute;inset:0}.fons-llum{background:radial-gradient(closest-side, var(--llum), transparent);border-radius:50%;width:760px;height:760px;position:absolute;top:-140px;right:-120px}#app{z-index:1;max-width:1280px;margin:0 auto;padding:0 clamp(16px,5vw,64px) 56px;position:relative}.pantalla{animation:.4s entra}@keyframes entra{0%{opacity:0;transform:translateY(14px)}}.topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px 24px;padding:28px 0 0;display:flex}.marca{font-family:var(--display);color:var(--txt);background:0 0;border:0;align-items:center;gap:14px;padding:0;font-size:22px;display:flex}.topbar-dreta{align-items:center;gap:12px;margin-left:auto;display:flex}.topbar-centre{justify-content:center;display:flex}.selector-tema{background:var(--panel);border:1px solid var(--line);border-radius:999px;gap:2px;padding:4px;display:inline-flex}.selector-tema button{width:36px;height:36px;color:var(--mut);background:0 0;border:0;border-radius:50%;place-items:center;transition:background .15s,color .15s;display:grid}.selector-tema button[aria-pressed=true]{background:var(--gold);color:var(--ink)}.selector-tema button:not([aria-pressed=true]):hover{color:var(--txt)}.btn-primari{background:var(--ora);height:56px;color:var(--ink);box-shadow:0 5px 0 var(--ora-ombra);border:0;border-radius:14px;justify-content:center;align-items:center;gap:12px;padding:0 28px;font-size:18px;font-weight:700;transition:transform .15s,filter .15s;display:inline-flex}.btn-primari:hover{filter:brightness(1.06);transform:translateY(-2px)}.btn-primari:active{box-shadow:0 2px 0 var(--ora-ombra);transform:translateY(3px)}.btn-fantasma{height:56px;color:var(--txt);border:1.5px solid var(--hair);background:0 0;border-radius:14px;justify-content:center;align-items:center;gap:10px;padding:0 24px;font-size:16px;font-weight:600;transition:background .15s;display:inline-flex}.btn-fantasma:hover{background:var(--hair-suau)}.btn-fantasma.xicotet{border-radius:999px;height:44px;padding:0 18px;font-size:15px}.btn-perill{height:44px;color:var(--coral-text);background:0 0;border:1.5px solid #ec6a7380;border-radius:12px;align-items:center;gap:10px;padding:0 20px;font-size:15px;font-weight:600;display:inline-flex}.btn-perill:hover{background:#ec6a731a}.etiqueta{letter-spacing:.14em;text-transform:uppercase;color:var(--mut);align-items:center;gap:8px;margin-bottom:8px;font-size:12px;font-weight:700;display:flex}label.etiqueta{display:flex}.eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--gold-text);align-items:center;gap:14px;font-size:13px;font-weight:700;display:flex}.eyebrow span{background:var(--gold);flex:none;width:36px;height:2px}.eyebrow-simple{letter-spacing:.16em;text-transform:uppercase;color:var(--gold-text);font-size:13px;font-weight:700}.titol-gran{font-family:var(--display);letter-spacing:-.5px;margin-top:22px;font-size:clamp(48px,8vw,88px);font-weight:400;line-height:.98}.titol-mitja{font-family:var(--display);margin-top:12px;font-size:clamp(38px,6vw,64px);font-weight:400;line-height:1.05}.titol-gran em,.titol-mitja em{color:var(--ora);font-style:normal}.lead{max-width:520px;color:var(--mut);text-wrap:pretty;margin-top:26px;font-size:20px;line-height:1.55}.nota{color:var(--mut);margin-top:18px;font-size:14px}.lv-facil{--lv:var(--teal)}.lv-mitjana{--lv:var(--gold)}.lv-alta{--lv:var(--ora)}.lv-maxima{--lv:var(--coral)}.pips{align-items:center;gap:4px;display:inline-flex}.pip{fill:none;stroke:var(--hair);stroke-width:1px;display:block}.pip.on{fill:var(--lv);stroke:var(--lv)}.inici-grid{grid-template-columns:1fr 480px;align-items:center;gap:64px;min-height:680px;padding-top:28px;display:grid}.hero{flex-direction:column;align-items:flex-start;display:flex}.hero .etiqueta{margin-top:40px}.xips{flex-wrap:wrap;gap:12px;margin-top:4px;display:flex}.xip{background:var(--panel);border:1px solid var(--line);border-radius:14px;flex-direction:column;gap:8px;min-width:104px;padding:14px 18px;display:flex}.xip-nom{font-size:15px;font-weight:600}.xip-punts{font-family:var(--display);color:var(--gold-text);font-size:24px;line-height:1}.xip-punts small{font-family:var(--sans);color:var(--mut);margin-left:6px;font-size:13px}.targeta-inici{background:var(--panel);border:1px solid var(--line);box-shadow:0 30px 60px var(--ombra);border-radius:24px;overflow:hidden}.targeta-art{background:var(--panel2);justify-content:center;align-items:flex-end;height:230px;display:flex;position:relative;overflow:hidden}.art-fons{opacity:.14;position:absolute;inset:0}.art-arc{margin-bottom:-38px;position:relative}.targeta-cos{flex-direction:column;gap:22px;padding:30px 32px 32px;display:flex}.segmentat{gap:12px;display:flex}.segmentat button{background:var(--hair-suau);border:1.5px solid var(--hair);height:60px;color:var(--mut);border-radius:14px;flex:1;justify-content:center;align-items:center;gap:10px;font-size:16px;font-weight:600;transition:all .15s;display:flex}.segmentat button:hover{color:var(--txt)}.segmentat button[aria-pressed=true]{border-color:var(--gold);color:var(--txt);background:#e3b04b29}.segmentat button[aria-pressed=true] .icon{color:var(--gold-text)}input[type=text]{background:var(--camp);border:1.5px solid var(--hair);width:100%;height:56px;color:var(--txt);font:inherit;border-radius:14px;padding:0 18px;font-size:18px}input[type=text]::placeholder{color:var(--mut);opacity:.8}input[type=text]:focus{border-color:var(--gold);outline:none;box-shadow:0 0 0 3px #e3b04b4d}.targeta-cos .btn-primari{width:100%}.segments{align-items:center;gap:6px;display:flex}.segment{background:var(--lv);border-radius:4px;width:34px;height:8px;transition:all .3s}.segment.todo{opacity:.3}.segment.cur{box-shadow:0 0 0 3px var(--bg), 0 0 0 5px var(--txt)}.segment.no{box-shadow:inset 0 0 0 2px var(--coral);background:0 0}.jugador{background:var(--panel);border:1px solid var(--line);height:48px;color:var(--mut);border-radius:999px;align-items:center;gap:12px;padding:0 18px 0 9px;font-size:13px;display:flex}.jugador b{color:var(--txt);font-size:16px;font-weight:600}.jugador-icona{background:var(--panel2);width:30px;height:30px;color:var(--gold-text);border-radius:50%;place-items:center;display:grid}.jugador-mobil,.punts-mini{display:none}.punts-mini{background:var(--panel);border:1px solid var(--line);border-radius:999px;align-items:center;gap:6px;height:44px;padding:0 16px}.punts-mini b{font-family:var(--display);color:var(--gold-text);font-size:22px;font-weight:400}.punts-mini span{color:var(--mut);font-size:13px}.joc-layout{align-items:flex-start;gap:40px;padding-top:36px;display:flex}.joc-principal{flex-direction:column;flex:1;gap:14px;min-width:0;display:flex}.pergami{background:var(--parch);color:var(--ptxt);box-shadow:inset 0 0 0 7px var(--parch), inset 0 0 0 8px var(--parch-vora), 0 18px 40px var(--ombra);border-radius:18px;padding:30px 44px 38px}.pergami-meta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.pergami-num{letter-spacing:.14em;text-transform:uppercase;color:var(--parch-mut);font-size:13px;font-weight:700}.pastilla{background:var(--ink);color:#f1e9d6;border-radius:999px;align-items:center;gap:10px;height:34px;padding:0 14px;font-size:14px;font-weight:600;display:inline-flex}.pastilla .pip{stroke:#ffffff4d}.pastilla .pip.on{stroke:var(--lv)}.pastilla-punts{color:#a9b4c7;font-weight:500}.pregunta{font-family:var(--display);text-wrap:pretty;font-size:clamp(23px,3.4vw,33px);font-weight:400;line-height:1.22}.opcions{flex-direction:column;gap:12px;margin-top:10px;display:flex}.opcio{text-align:left;background:var(--hair-suau);border:1.5px solid var(--hair);min-height:64px;color:var(--txt);border-radius:14px;align-items:center;gap:18px;padding:10px 20px 10px 14px;font-size:18px;font-weight:500;line-height:1.35;transition:border-color .15s,background .15s,transform .15s;display:flex}.opcio:not(:disabled):hover{border-color:var(--gold);background:#e3b04b24;transform:translate(4px)}.opcio-text{flex:1}.tecla{width:36px;height:36px;color:var(--gold-text);border:1.5px solid var(--line);border-radius:9px;flex:none;place-items:center;font-size:15px;font-weight:700;display:grid}.segell{width:30px;height:30px;color:var(--ink);border-radius:50%;flex:none;place-items:center;display:grid}.opcio.correcta{border-color:var(--teal);background:#4cc3a529;animation:.35s pop}.opcio.correcta .tecla{background:var(--teal);border-color:var(--teal);color:var(--ink)}.opcio.correcta .opcio-text{font-weight:600}.opcio.correcta .segell{background:var(--teal)}.opcio.fallada{border-color:var(--coral);background:#ec6a7326;animation:.4s trem}.opcio.fallada .tecla{background:var(--coral);border-color:var(--coral);color:var(--ink)}.opcio.fallada .segell{background:var(--coral)}.opcio.apagada{opacity:.5}@keyframes pop{50%{transform:scale(1.015)}}@keyframes trem{25%{transform:translate(-6px)}75%{transform:translate(6px)}}.feedback{border-radius:16px;flex-direction:column;gap:14px;margin-top:10px;padding:22px 28px;animation:.3s entra;display:flex}.feedback.dolent{background:#ec6a731a;border:1.5px solid #ec6a7399}.feedback.bo{background:#4cc3a51f;border:1.5px solid #4cc3a599;flex-flow:wrap;align-items:center}.feedback-capcalera{align-items:center;gap:12px;display:flex}.feedback-capcalera .segell{width:34px;height:34px}.feedback.dolent .segell{background:var(--coral)}.feedback.bo .segell{background:var(--teal)}.feedback-capcalera strong{font-size:20px}.feedback.dolent strong{color:var(--coral-text)}.feedback.bo strong{color:var(--teal-text)}.pastilla-sumada{background:var(--teal);height:32px;color:var(--ink);border-radius:999px;align-items:center;margin-left:12px;padding:0 14px;font-size:15px;font-weight:700;display:inline-flex}.feedback-correcta{font-size:17px;font-weight:600;line-height:1.4}.feedback hr{background:var(--hair);border:0;width:100%;height:1px;margin:0}.feedback-explicacio{color:var(--txt-suau);text-wrap:pretty;font-size:16.5px;line-height:1.55}.feedback .etiqueta{margin-bottom:6px}.feedback .etiqueta .icon{color:var(--gold-text)}.accions-dreta{justify-content:flex-end;margin-top:6px;display:flex}.lateral{flex-direction:column;flex:none;gap:20px;width:340px;display:flex}.panell{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:24px 26px}.panell .etiqueta{margin-bottom:0}.marcador{align-items:baseline;gap:10px;margin-top:8px;display:flex}.marcador span{font-family:var(--display);color:var(--gold-text);font-size:80px;line-height:1}.marcador small{color:var(--mut);font-size:16px}.barra{background:var(--hair-suau);border-radius:3px;height:6px;margin-top:16px;overflow:hidden}.barra div{background:var(--gold);border-radius:3px;height:100%;transition:width .5s}.panell .nota{margin-top:8px;font-size:13px}.escala{padding:22px 16px 16px}.escala .etiqueta{padding:0 14px 10px}.escala-fila{border:1.5px solid #0000;border-radius:12px;align-items:center;gap:14px;height:48px;padding:0 14px;display:flex}.escala-fila+.escala-fila{margin-top:4px}.escala-nom{flex:1;font-size:16px;font-weight:500}.escala-punts{font-family:var(--display);color:var(--mut);font-size:18px}.escala-fila.actual{border-color:var(--gold);background:#e3b04b24}.escala-fila.actual .escala-nom{font-weight:700}.escala-fila.actual .escala-punts{color:var(--gold-text)}.lateral-arc{justify-content:center;display:flex}.final-capcalera{padding-top:36px}.final-cos{align-items:center;gap:72px;padding-top:36px;display:flex}.medalla{flex:none;width:320px;height:320px;position:relative}.medalla svg{display:block}.medalla-text{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.medalla-text span{font-family:var(--display);font-size:104px;line-height:1}.medalla-text small{color:var(--mut);margin-top:6px;font-size:16px}.final-detall{flex:1;min-width:0}.taula-nivells{background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:10px 28px 4px}.taula-fila{border-bottom:1px solid var(--hair-suau);grid-template-columns:150px 1fr 90px 80px;align-items:center;height:60px;display:grid}.taula-fila .nivell-cel{align-items:center;gap:12px;font-size:16px;display:flex}.rombes-encerts{gap:6px;display:flex}.taula-fila .mut{font-size:15px}.punts-cel{font-family:var(--display);color:var(--gold-text);font-size:22px}.punts-cel.zero{color:var(--mut)}.dreta{text-align:right}.capcalera-taula{letter-spacing:.14em;text-transform:uppercase;height:44px;color:var(--mut);border-bottom-color:var(--hair);font-size:12px;font-weight:700}.taula-total{justify-content:space-between;align-items:center;height:64px;display:flex}.taula-total b{font-size:16px}.taula-total span{font-family:var(--display);color:var(--gold-text);font-size:28px}.posicio-final{border:1.5px solid var(--gold);background:#e3b04b1f;border-radius:16px;align-items:center;gap:16px;margin-top:20px;padding:18px 24px;font-size:16px;line-height:1.45;display:flex}.posicio-final.fora{background:var(--hair-suau);border-color:var(--hair)}.posicio-final p{color:var(--txt-suau)}.posicio-final b{color:var(--txt)}.segell-daurat{background:var(--gold);width:44px;height:44px;color:var(--ink);border-radius:50%;flex:none;place-items:center;display:grid}.accions{flex-wrap:wrap;gap:16px;padding-top:44px;display:flex}.dreta-acc{justify-content:flex-end;padding-top:32px}.fama-capcalera{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;padding-top:36px;display:flex}.pestanyes{gap:10px;display:flex}.pestanyes button{border:1.5px solid var(--hair);height:46px;color:var(--txt);background:0 0;border-radius:999px;padding:0 26px;font-size:16px;font-weight:600}.pestanyes button:hover{background:var(--hair-suau)}.pestanyes button[aria-pressed=true]{background:var(--gold);border-color:var(--gold);color:var(--ink)}.fama-buit{text-align:center;color:var(--mut);margin-top:48px;font-size:18px}.podi{justify-content:center;align-items:flex-end;gap:20px;margin-top:48px;display:flex}.podi-carta{--pc:var(--gold);box-sizing:border-box;background:var(--panel);border:1.5px solid var(--pc);text-align:center;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:300px;padding:20px;display:flex}.podi-carta.gold{--pc:var(--gold);min-height:270px}.podi-carta.silver{--pc:var(--plata);min-height:232px}.podi-carta.bronze{--pc:var(--bronze);min-height:214px}.podi-carta.jo{box-shadow:0 0 0 3px #e3b04b59}.podi-rombe{fill:var(--pc)}.podi-carta text{font-family:var(--display);fill:var(--ink);font-size:24px}.podi-nom{font-family:var(--display);overflow-wrap:anywhere;align-items:center;gap:10px;max-width:100%;font-size:26px;display:flex}.podi-nom .icon{color:var(--gold-text)}.podi-carta.gold .podi-nom{font-size:30px}.podi-punts{font-family:var(--display);color:var(--pc);font-size:48px;line-height:1}.podi-carta.gold .podi-punts{font-size:56px}:root[data-tema=clar] .podi-punts{filter:brightness(.8)}.podi-punts small{font-family:var(--sans);color:var(--mut);margin-left:8px;font-size:15px}.tu{background:var(--gold);height:24px;color:var(--ink);font-family:var(--sans);border-radius:999px;align-items:center;margin-left:12px;padding:0 10px;font-size:12px;font-weight:700;display:inline-flex}.taula-fama{flex-direction:column;gap:8px;margin-top:44px;display:flex}.fila-fama{background:var(--panel);border:1px solid var(--hair-suau);border-radius:14px;grid-template-columns:64px 44px 1fr 110px 130px 100px;align-items:center;min-height:60px;padding:0 24px 0 8px;display:grid}.fila-fama.jo{border:1.5px solid var(--gold);background:#e3b04b24}.fila-fama.capcalera-fama{letter-spacing:.14em;text-transform:uppercase;min-height:0;color:var(--mut);background:0 0;border:0;margin-bottom:2px;font-size:12px;font-weight:700}.c-lloc{font-family:var(--display);text-align:center;color:var(--mut);font-size:22px}.capcalera-fama .c-lloc{font-family:var(--sans);font-size:12px}.fila-fama.jo .c-lloc,.c-icona{color:var(--gold-text)}.c-nom{overflow-wrap:anywhere;align-items:center;font-size:17px;font-weight:600;display:flex}.c-encerts,.c-data{color:var(--mut);font-size:15px}.c-punts{font-family:var(--display);text-align:right;color:var(--gold-text);font-size:24px}.capcalera-fama .c-punts{font-family:var(--sans);color:var(--mut);font-size:12px}#confeti{pointer-events:none;z-index:9;position:fixed;inset:0;overflow:hidden}#confeti i{border-radius:2px;width:9px;height:15px;animation:linear forwards cau;position:absolute;top:-20px}@keyframes cau{to{top:110vh;transform:translate(60px)rotate(720deg)}}@media (width<=960px){.inici-grid{grid-template-columns:1fr;gap:40px;min-height:0;padding-bottom:24px}.targeta-inici{width:100%;max-width:520px}.jugador-escriptori,.lateral{display:none}.jugador-mobil{display:flex}.jugador-mobil .jugador{height:40px}.punts-mini{display:inline-flex}.topbar-centre{flex-basis:100%;order:3}.joc-layout{padding-top:22px}.final-cos{flex-direction:column;align-items:stretch;gap:32px}.medalla{align-self:center}.podi{flex-direction:column;align-items:stretch}.podi-carta{width:100%;min-height:0!important}.podi-carta.pos1{order:1}.podi-carta.pos2{order:2}.podi-carta.pos3{order:3}}@media (width<=600px){.marca{gap:10px;font-size:18px}.marca svg{width:32px;height:32px}.segment{width:26px}.lead{font-size:18px}.targeta-cos{padding:24px 20px}.targeta-art{height:190px}.pergami{padding:24px 22px 28px}.opcio{gap:14px;min-height:60px;padding:10px 14px 10px 12px;font-size:16px}.feedback{padding:20px}.accions-dreta .btn-primari,.accions .btn-primari{width:100%}.accions>*{flex:100%}.taula-nivells{padding:8px 16px 4px}.taula-fila{grid-template-columns:1fr auto 56px}.taula-fila .rombes-encerts,.capcalera-taula span:nth-child(3){display:none}.taula-fila .mut{text-align:right;padding-right:12px}.fila-fama{grid-template-columns:40px 32px 1fr 64px;padding-right:14px}.c-encerts,.c-data{display:none}.fila-fama.jo .c-nom{flex-wrap:wrap}.pestanyes button{padding:0 18px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.cronometre{align-items:center;gap:16px;margin-top:2px;display:flex}.cronometre-temps{font-variant-numeric:tabular-nums;min-width:76px;color:var(--gold-text);align-items:center;gap:8px;font-size:18px;font-weight:700;display:inline-flex}.cronometre-barra{background:var(--hair-suau);border-radius:4px;flex:1;height:8px;overflow:hidden}.cronometre-barra div{background:var(--gold);border-radius:4px;height:100%;transition:width 1s linear,background .3s}.cronometre-mode{letter-spacing:.14em;text-transform:uppercase;color:var(--ora);font-size:12px;font-weight:700}.cronometre.urgent .cronometre-temps{color:var(--coral-text);animation:1s ease-in-out infinite batec}.cronometre.urgent .cronometre-barra div{background:var(--coral)}.cronometre.esgotat .cronometre-temps{color:var(--coral-text)}@keyframes batec{50%{opacity:.55}}.pastilla-sumada.zero{background:var(--coral)}.etiqueta-expres{border:1.5px solid var(--ora);height:22px;color:var(--ora);font-family:var(--sans);letter-spacing:.06em;text-transform:uppercase;border-radius:999px;align-items:center;margin-left:10px;padding:0 9px;font-size:11px;font-weight:700;display:inline-flex}