.colosses-menu.colosses-selection{color:#f4f5f7;scrollbar-color:#4a5263 #0b1019;background:radial-gradient(at 90% 0,#302321 0,#0000 42%),#0b1019}.colosses-selection .colosses-menu-inner{max-width:1240px;padding:26px 32px 28px}.colosses-selection .colosses-retour{color:#a9b5c8;margin-bottom:24px;font-size:13px}.colosses-selection .colosses-retour:hover{color:#ffb47a}.colosses-hero{background:#101824;border:1px solid #303847;border-radius:24px;grid-template-columns:1.05fr 1fr;min-height:380px;display:grid;overflow:hidden}.colosses-hero-copy{z-index:1;padding:36px 0 32px 32px;position:relative}.colosses-kicker{color:#ffb47a;letter-spacing:2px;font-size:10px;font-weight:800}.colosses-selection .colosses-titre{letter-spacing:-4px;margin-top:22px;font-size:clamp(42px,5.8vw,76px);font-style:italic;font-weight:950;line-height:.94}.colosses-titre>span{color:#ffab68;letter-spacing:-.8px;margin-top:12px;font-size:clamp(20px,2.2vw,28px);font-style:normal;display:block}.colosses-selection .colosses-sous-titre{color:#b9c3d3;max-width:410px;margin-top:22px;font-size:13px;line-height:1.75}.colosses-reperes{color:#8e9db2;flex-wrap:wrap;gap:8px 18px;margin:20px 0;font-size:11px;display:flex}.colosses-decouvrir{border:1px solid #596476;border-radius:8px;align-items:center;gap:26px;padding:12px 18px;font-size:12px;font-weight:700;display:inline-flex}.colosses-decouvrir:hover{background:#273140;border-color:#ffad6d}.colosses-affiche{isolation:isolate;background:radial-gradient(at 25% 48%,#284760 0,#0000 56%),radial-gradient(at 90% 70%,#824426 0,#0000 65%);min-width:0;position:relative;overflow:hidden}.colosses-affiche:before{content:"";background:repeating-linear-gradient(115deg,#0000 0 80px,#ffffff05 81px 82px);position:absolute;inset:-20%;transform:skew(-10deg)}.colosses-affiche:after{content:"";z-index:2;background:linear-gradient(#0000,#101824);position:absolute;inset:65% 0 0}.colosses-affiche-label{text-align:center;letter-spacing:4px;color:#d3dbe6;z-index:3;font-size:9px;position:absolute;top:22px;left:0;right:0}.colosses-affiche img{object-fit:contain;z-index:1;width:75%;height:115%;position:absolute;bottom:-16%}.colosses-affiche-a{left:-14%}.colosses-affiche-b{right:-12%;transform:scaleX(-1)}.colosses-vs{z-index:0;color:#ffffff20;font-size:100px;font-style:italic;font-weight:950;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)skew(-10deg)}.colosses-affiche-noms{z-index:3;text-transform:uppercase;letter-spacing:2px;justify-content:space-between;font-size:18px;font-weight:900;display:flex;position:absolute;bottom:25px;left:12%;right:12%}.colosses-affiche-noms span:first-child{color:#7ddcff}.colosses-affiche-noms span:last-child{color:#ffb47a}.colosses-selection .colosses-bloc{margin-top:30px;scroll-margin-top:20px}.colosses-selection .colosses-bloc h2{color:#e1e7f0;letter-spacing:.6px;text-transform:none;align-items:center;gap:12px;margin-bottom:15px;font-size:13px;display:flex}.colosses-bloc h2>span{color:#92a1b6;border:1px solid #485163;border-radius:7px;place-items:center;width:26px;height:26px;font:10px monospace;display:grid}.colosses-modes>.colosses-choix{grid-template-columns:repeat(3,1fr);display:grid}.colosses-selection .colosses-choix button{color:#d7dfeb;text-align:start;background:#131c2a;border:1px solid #343e50;border-radius:10px;align-items:center;gap:14px;min-height:66px;padding:12px 16px;font-size:13px;display:flex}.colosses-choix button small{color:#9cabc0;margin-top:5px;font-size:11px;font-weight:400;display:block}.colosses-mode-icon{color:#95a9c0;font-size:26px}.colosses-selection .colosses-choix button[aria-pressed=true]{color:#ffd3b0;background:#30251e;border-color:#f6a36b;box-shadow:inset 3px 0 #ffae71}.colosses-choix button[aria-pressed=true] .colosses-mode-icon{color:#ffad6c}.colosses-selection .colosses-choix-petit{gap:7px;margin-top:16px;display:flex}.colosses-selection .colosses-choix-petit button{min-height:36px;box-shadow:none;padding:7px 16px;font-size:11px}.colosses-selection .colosses-note{color:#a4b0c3;font-size:12px}.colosses-selection .colosses-grille{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.colosses-selection .colosses-carte{--fighter:#66d4fb;box-shadow:none;background:#131c29;border-color:#354154;border-radius:14px;gap:9px;padding:0 17px 17px;transition:border-color .18s,transform .18s;position:relative;overflow:hidden}.colosses-carte[data-combattant=roc]{--fighter:#ffb454}.colosses-carte[data-combattant=eclair]{--fighter:#fff275}.colosses-carte[data-combattant=brume]{--fighter:#c084fc}.colosses-selection .colosses-carte:hover{border-color:var(--fighter);transform:translateY(-3px)}.colosses-selection .colosses-carte.est-a{border-color:#62d4ff;box-shadow:0 0 0 1px #62d4ff45}.colosses-selection .colosses-carte.est-b{border-color:#ffb47a;box-shadow:0 0 0 1px #ffb47a45}.colosses-selection .colosses-carte.est-a.est-b{border-color:#c5b7ff}.colosses-portrait{background:radial-gradient(ellipse at 50% 80%,color-mix(in srgb,var(--fighter) 23%,#121a28),#101722 75%);height:205px;margin:0 -17px 3px;position:relative;overflow:hidden}.colosses-portrait:after{content:"";background:linear-gradient(#0000,#131c29);position:absolute;inset:80% 0 0}.colosses-portrait img{object-fit:contain;object-position:50% 0;width:100%;height:290px;position:absolute;top:0}.colosses-portrait-num{color:#ffffff12;font-size:62px;font-style:italic;font-weight:900;position:absolute;top:14px;right:15px}.colosses-portrait .colosses-emoji{opacity:.75;font-size:16px;position:absolute;top:16px;left:14px}.colosses-selection-label{z-index:2;flex-wrap:wrap;gap:4px;display:flex;position:absolute;bottom:12px;left:16px}.colosses-selection-label span{color:#91dfff;letter-spacing:1px;background:#142535;border:1px solid #3b738b;border-radius:4px;padding:4px 6px;font-size:8px;font-weight:800}.colosses-carte.est-b .colosses-selection-label span:last-child{color:#ffd1ae;background:#30251e;border-color:#825a3e}.colosses-selection .colosses-carte>strong{letter-spacing:-.8px;font-size:25px}.colosses-selection .colosses-phrase{color:#adb9ca;min-height:39px;font-size:12px}.colosses-selection .colosses-stats li{color:#a9b7ca;grid-template-columns:48px minmax(0,1fr);font-size:10px}.colosses-selection .colosses-stats i{background:var(--fighter);opacity:.85;border-radius:1px;max-width:100%;height:4px}.colosses-selection .colosses-special{color:#d1dbe9;border-top:1px solid #303b4c;min-height:49px;margin-top:7px;padding-top:10px;font-size:11px;line-height:1.65}.colosses-selection .colosses-prendre{margin-top:auto;padding-top:4px}.colosses-selection .colosses-prendre button{color:#cddbee;background:#1a283a;border-color:#40516a;border-radius:6px;min-height:40px;font-size:10px}.colosses-selection .colosses-prendre button:hover:not(:disabled){background:#2c415a;border-color:#91bfe7}.colosses-selection .colosses-prendre button:disabled{color:#a6e9ff;background:#253d50;border-color:#477f9a}.colosses-selection .colosses-prendre button:nth-child(2):disabled{color:#ffd0ac;background:#3a2a21;border-color:#8b6348}.colosses-selection .colosses-touches>div{background:#101925;border-color:#303c4f}.colosses-selection .colosses-touches h3{color:#d3e0f1}.colosses-selection .colosses-touches p{color:#a9b7ca}.colosses-selection .colosses-touches b{background:#25354b;border-bottom:2px solid #425571}.colosses-selection .colosses-bas{z-index:5;background:#192231;border:1px solid #4c5360;border-radius:14px;gap:22px;margin:26px -8px 0;padding:16px 20px;position:sticky;bottom:0;box-shadow:0 -10px 40px #0008}.colosses-match{margin-inline-end:auto}.colosses-match small{letter-spacing:1.5px;color:#98adc5;margin-bottom:5px;font-size:8px;display:block}.colosses-match strong{font-size:17px}.colosses-match strong span{color:#ffad6d;padding:0 7px;font-style:italic}.colosses-selection .colosses-volume{color:#b6c5d9;font-size:11px}.colosses-selection .colosses-volume input{accent-color:#ffa969;width:95px}.colosses-selection .colosses-jouer{color:#25160b;background:#ffaf73;border-radius:8px;min-height:50px;padding:0 28px;font-size:15px;box-shadow:0 5px 18px #0004}.colosses-selection :is(a,button,input):focus-visible{outline-offset:4px;outline:3px solid #fff0bc}@media (max-width:850px){.colosses-selection .colosses-menu-inner{padding:20px 20px 24px}.colosses-hero-copy{padding:30px 0 28px 24px}.colosses-selection .colosses-titre{letter-spacing:-2px;font-size:50px}.colosses-selection .colosses-grille{grid-template-columns:repeat(2,minmax(0,1fr))}.colosses-portrait{height:225px}.colosses-portrait img{height:320px}.colosses-mode-icon{display:none}.colosses-selection .colosses-bas{gap:12px}.colosses-volume input{max-width:65px}}@media (max-width:540px){.colosses-selection .colosses-menu-inner{padding:16px 14px 18px}.colosses-selection .colosses-retour{margin-bottom:16px}.colosses-hero{border-radius:16px;grid-template-columns:1fr}.colosses-hero-copy{padding:25px 22px 0}.colosses-kicker{letter-spacing:1.5px;font-size:8px}.colosses-selection .colosses-titre{font-size:52px}.colosses-titre>span{font-size:22px}.colosses-selection .colosses-sous-titre{margin-top:16px;font-size:12px}.colosses-reperes{gap:12px;margin:14px 0;font-size:10px}.colosses-decouvrir{display:none}.colosses-affiche{height:240px}.colosses-affiche-label{font-size:8px;top:12px}.colosses-affiche img{height:130%;bottom:-25%}.colosses-affiche-noms{font-size:15px;bottom:16px}.colosses-modes>.colosses-choix{grid-template-columns:1fr;gap:7px}.colosses-selection .colosses-choix button{min-height:55px}.colosses-choix button small{margin-inline-start:10px;font-size:10px;display:inline}.colosses-mode-icon{font-size:22px;display:block}.colosses-selection .colosses-choix-petit button{min-height:40px;padding:7px 12px}.colosses-selection .colosses-grille{gap:10px}.colosses-selection .colosses-carte{gap:8px;padding:0 12px 12px}.colosses-portrait{height:170px;margin:0 -12px}.colosses-portrait img{width:125%;height:240px;left:-12.5%}.colosses-portrait-num{font-size:44px}.colosses-portrait .colosses-emoji{font-size:13px;left:10px}.colosses-selection-label{left:8px}.colosses-selection-label span{padding:3px 4px;font-size:7px}.colosses-selection .colosses-carte>strong{font-size:22px}.colosses-selection .colosses-phrase{min-height:53px;font-size:11px}.colosses-selection .colosses-special{min-height:76px;font-size:10px}.colosses-selection .colosses-prendre{flex-direction:column;gap:5px}.colosses-selection .colosses-prendre button{min-height:44px}.colosses-selection .colosses-bas{gap:10px;margin-inline:0;padding:12px}.colosses-match strong{font-size:14px}.colosses-selection .colosses-volume{order:3;justify-content:center;width:100%}.colosses-selection .colosses-jouer{min-height:46px;padding:0 13px;font-size:12px}.colosses-selection .colosses-touches{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.colosses-selection *,.colosses-selection :before,.colosses-selection :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.colosses-selection .colosses-carte:hover{transform:none}}