.home-page{animation:gradientBG 15s ease infinite;background:linear-gradient(135deg,#0f172a,#1e40af,#3b82f6,#0284c7);background-size:400% 400%;font-family:Segoe UI,Roboto,Helvetica,Arial,sans-serif;height:100vh;justify-content:space-between;max-height:100vh;overflow:hidden;padding:2vh 3vw 1.5vh;text-align:center}.home-header,.home-page{align-items:center;box-sizing:border-box;display:flex;flex-direction:column}.home-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffb3;border:1px solid #ffffffb3;border-radius:16px;box-shadow:0 8px 24px #0000001f;justify-content:center;margin-bottom:1.5vh;max-width:900px;padding:1.4vh 4vw;width:100%}.home-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#2563eb,#7c3aed,#db2777);background-clip:text;-webkit-background-clip:text;font-size:clamp(1.8rem,3.2vw,2.6rem);font-style:italic;font-weight:900;letter-spacing:.15vw;line-height:1.1;margin:0 0 .4vh}.home-header h2{color:#0f172a;font-size:clamp(.85rem,1.3vw,1.25rem);font-weight:800;letter-spacing:.25vw;line-height:1.2;margin:0;opacity:.9;text-transform:uppercase}.home-error-banner{animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ef444440;border:1px solid #ef444499;border-radius:10px;color:#fecaca;font-size:.9rem;font-weight:600;margin-bottom:1vh;max-width:800px;padding:8px 16px;width:90%}.home-main-body{align-items:center;flex:1 1;flex-direction:column;max-width:950px}.home-connection-container,.home-main-body{display:flex;justify-content:center;width:100%}.home-connection-container{align-items:stretch;gap:24px;max-width:860px}@media(max-width:768px){.home-connection-container{align-items:center;flex-direction:column;gap:12px}}.home-connection-container .connection-card{align-items:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff24;border:1px solid #ffffff40;border-radius:16px;box-shadow:0 8px 32px 0 #0003;display:flex;flex:1 1;flex-direction:column;padding:20px 24px;transition:all .3s cubic-bezier(.25,.8,.25,1)}.home-connection-container .connection-card:hover{border-color:#fff6;box-shadow:0 12px 36px 0 #00000040;transform:translateY(-3px)}.home-connection-container .connection-card h3{border-bottom:2px solid #ffffff26;color:#fff;font-size:1.25rem;font-weight:700;letter-spacing:.5px;margin-bottom:14px;margin-top:0;padding-bottom:6px;width:100%}.home-connection-container .connection-card .form-group{align-items:flex-start;display:flex;flex-direction:column;margin-bottom:10px;width:100%}.home-connection-container .connection-card .form-group label{color:#ffffffd9;font-size:.82rem;font-weight:500;margin-bottom:4px}.home-connection-container .connection-card .input-premium{background:#ffffff1f;border:1px solid #ffffff38;border-radius:8px;box-sizing:border-box;color:#fff;font-size:.95rem;outline:none;padding:10px 14px;transition:all .2s ease;width:100%}.home-connection-container .connection-card .input-premium::placeholder{color:#ffffff8c}.home-connection-container .connection-card .input-premium:focus{background:#ffffff38;border-color:#38bdf8;box-shadow:0 0 10px #38bdf866}.home-connection-container .connection-card .code-input{font-family:monospace;font-size:1.1rem;font-weight:700;letter-spacing:2px;text-align:center;text-transform:uppercase}.home-connection-container .connection-card .select-premium{background:#0f172aa6;border:1px solid #ffffff38;border-radius:8px;box-sizing:border-box;color:#fff;cursor:pointer;font-size:.95rem;outline:none;padding:10px 14px;transition:all .2s ease;width:100%}.home-connection-container .connection-card .select-premium:focus{border-color:#38bdf8}.home-connection-container .connection-card .select-premium option{background:#0f172a;color:#fff}.home-connection-container .connection-card .btn-action-premium{border:none;border-radius:8px;box-shadow:0 4px 14px #0000002e;color:#fff;cursor:pointer;font-size:.98rem;font-weight:700;margin-top:10px;padding:11px 18px;transition:all .2s cubic-bezier(.25,.8,.25,1);width:100%}.home-connection-container .connection-card .btn-action-premium:hover{box-shadow:0 6px 18px #00000047;transform:translateY(-2px)}.home-connection-container .connection-card .btn-action-premium:active{transform:translateY(0)}.home-connection-container .connection-card .btn-creer{background:linear-gradient(135deg,#8b5cf6,#3b82f6)}.home-connection-container .connection-card .btn-creer:hover{background:linear-gradient(135deg,#9333ea,#2563eb)}.home-connection-container .connection-card .btn-rejoindre{background:linear-gradient(135deg,#0ea5e9,#3b82f6)}.home-connection-container .connection-card .btn-rejoindre:hover{background:linear-gradient(135deg,#0284c7,#2563eb)}.home-connection-container .connection-separator{align-items:center;color:#fff9;display:flex;font-size:1.1rem;font-weight:800;justify-content:center;padding:0 8px;position:relative}.home-connection-container .connection-separator:after,.home-connection-container .connection-separator:before{background:#fff3;content:"";height:38%;position:absolute;width:1px}.home-connection-container .connection-separator:before{top:0}.home-connection-container .connection-separator:after{bottom:0}@media(max-width:768px){.home-connection-container .connection-separator{height:auto;margin:6px 0;padding:6px 0;width:100%}.home-connection-container .connection-separator:after,.home-connection-container .connection-separator:before{height:1px;top:50%;width:35%}.home-connection-container .connection-separator:before{left:0}.home-connection-container .connection-separator:after{right:0}}.parties-en-cours-container{box-sizing:border-box;margin-top:75px;max-width:860px;width:100%}.parties-en-cours-container .parties-list{box-sizing:border-box;display:flex;flex-direction:column;gap:12px;max-height:18vh;overflow-y:auto;padding:4px;width:100%}.parties-en-cours-container .parties-list::-webkit-scrollbar{width:6px}.parties-en-cours-container .parties-list::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px}.parties-en-cours-container .partie-item{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff1f;border:1px solid #ffffff38;border-radius:12px;box-shadow:0 4px 16px #00000026;color:#fff;display:flex;justify-content:space-between;padding:10px 20px;transition:all .2s ease}.parties-en-cours-container .partie-item:hover{background:#ffffff2e;border-color:#0f66;transform:translateY(-1px)}.parties-en-cours-container .partie-item .partie-info{align-items:center;display:flex;flex-wrap:wrap;gap:10px;text-align:left}.parties-en-cours-container .partie-item .partie-info .partie-badge-live{animation:pulseGreen 1.8s infinite;background-color:#0f6;border-radius:50%;box-shadow:0 0 8px #0f6;height:10px;width:10px}.parties-en-cours-container .partie-item .partie-info .partie-texte{color:#fff;font-size:1.05rem;font-weight:500}.parties-en-cours-container .partie-item .partie-info .partie-texte strong{color:#fde047;font-weight:700}.parties-en-cours-container .partie-item .partie-info .partie-details{color:#ffffffb3;font-size:.85rem;font-weight:400}.parties-en-cours-container .partie-item .btn-rejoindre-fluo{background:#0f6;border:none;border-radius:8px;box-shadow:0 0 16px #0f69,0 3px 8px #00000040;color:#0f172a;cursor:pointer;font-size:.95rem;font-weight:800;letter-spacing:.5px;padding:9px 24px;text-transform:uppercase;transition:all .2s cubic-bezier(.25,.8,.25,1);white-space:nowrap}.parties-en-cours-container .partie-item .btn-rejoindre-fluo:hover{background:#26ff7b;box-shadow:0 0 24px #00ff66e6,0 4px 12px #0000004d;transform:scale(1.05)}.parties-en-cours-container .partie-item .btn-rejoindre-fluo:active{transform:scale(.98)}.parties-en-cours-container .no-parties-msg{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff14;border:1px dashed #fff3;border-radius:12px;color:#ffffffb3;font-size:.9rem;font-style:italic;padding:12px 20px}.home-bottom-bar{align-items:center;box-sizing:border-box;display:flex;justify-content:space-between;margin-top:auto;max-width:900px;padding:.8vh 1vw;width:100%}@media(max-width:600px){.home-bottom-bar{flex-direction:column;gap:8px}}.home-bottom-bar .btn-regles-compact{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff26;border:1px solid #ffffff4d;border-radius:20px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:600;padding:7px 18px;transition:all .2s ease}.home-bottom-bar .btn-regles-compact:hover{background:#ffffff47;box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.home-bottom-bar .home-footer-compact{color:#ffffffbf;font-size:.8rem;font-weight:500;letter-spacing:.3px}@keyframes pulseGreen{0%{box-shadow:0 0 4px #0f6;opacity:.8;transform:scale(.95)}50%{box-shadow:0 0 12px #0f6;opacity:1;transform:scale(1.15)}to{box-shadow:0 0 4px #0f6;opacity:.8;transform:scale(.95)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.rules-page{align-items:center;background:linear-gradient(135deg,#f8fafc,#e2e8f0,#f1f5f9);box-sizing:border-box;display:flex;flex-direction:column;font-family:Segoe UI,Roboto,Helvetica,Arial,sans-serif;justify-content:flex-start;min-height:100vh;overflow-y:auto;padding:4vh 5vw;text-align:center}.rules-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffa6;border:1px solid #fff9;border-radius:2vw;box-shadow:0 1vh 3vh #0000000d;margin-bottom:4vh;margin-top:2vh;padding:3vh 6vw}.rules-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#3b82f6,#8b5cf6,#ec4899);background-clip:text;-webkit-background-clip:text;font-size:clamp(2rem,5vw,3.8rem);font-style:italic;font-weight:900;letter-spacing:.2vw;margin-bottom:1vh}.rules-header h2{color:#475569;font-size:clamp(1rem,1.5vw,1.5rem);font-weight:600;margin:0}.rules-features{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff73;border:.2vw solid #fff;border-radius:2.5vw;box-shadow:0 1.5vh 4vh #0000000a;box-sizing:border-box;display:flex;flex-direction:column;gap:3vh;margin-bottom:5vh;max-width:800px;padding:4vh;width:100%}.rules-features .feature-card{border:1px solid #fff;border-radius:1.5vw;box-shadow:0 .8vh 1.5vh #0000000d;box-sizing:border-box;padding:3vh 4vw;transition:all .3s ease;width:100%}.rules-features .feature-card:hover{box-shadow:0 1.2vh 2.5vh #0000001a;transform:translateY(-.5vh)}.rules-features .feature-card h3{border-bottom:2px solid #00000014;font-size:clamp(1.3rem,2vw,1.8rem);font-weight:900;margin-bottom:1.5vh;margin-top:0;padding-bottom:1vh}.rules-features .feature-card p{color:#334155;font-size:clamp(.9rem,1.1vw,1.1rem);font-weight:500;line-height:1.6;margin:0;text-align:left}.rules-features .feature-card strong{color:#1e293b;font-weight:900}.rules-features .card-innovant{background:linear-gradient(145deg,#f0f9ff,#e0f2fe)}.rules-features .card-innovant h3{color:#0284c7}.rules-features .card-dynamique{background:linear-gradient(145deg,#fff7ed,#ffedd5)}.rules-features .card-dynamique h3{color:#ea580c}.rules-features .card-pedagogique{background:linear-gradient(145deg,#f0fdf4,#dcfce7)}.rules-features .card-pedagogique h3{color:#16a34a}.rules-actions{margin-bottom:4vh}.rules-actions .btn-retour{background-color:#0000;border:2px solid #cbd5e1;border-radius:12px;color:#64748b;cursor:pointer;font-size:clamp(1rem,1.2vw,1.2rem);font-weight:700;padding:1.5vh 4vw;transition:all .2s ease}.rules-actions .btn-retour:hover{background-color:#fff;border-color:#94a3b8;color:#334155;transform:translateY(-.3vh)}.rules-footer{color:#94a3b8;font-size:clamp(.8rem,.9vw,1rem);font-weight:500;margin-top:auto;padding-bottom:3vh}@media(max-height:750px){.rules-header{margin-bottom:20px;padding:15px 30px}.rules-features{gap:15px;padding:20px}.feature-card{padding:20px}}.registration-container{align-items:center;animation:gradientBG 15s ease infinite;background:linear-gradient(-45deg,#0f0c29,#302b63,#24243e);background-size:400% 400%;box-sizing:border-box;color:#fff;display:flex;flex-direction:column;font-family:Segoe UI,Roboto,sans-serif;justify-content:center;min-height:100vh;padding:2vh 5vw}.registration-container .hero-header{margin-bottom:3vh;text-align:center}.registration-container .hero-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#fff,#bdc3c7);background-clip:text;-webkit-background-clip:text;font-size:clamp(2rem,5vw,3.5rem);letter-spacing:clamp(2px,.5vw,4px);margin:0;text-transform:uppercase}.registration-container .hero-header h2{font-size:clamp(.9rem,1.2vw,1.2rem);font-weight:300;margin-top:1vh;opacity:.8}.registration-container .config-main{background:#fffffff2;border-radius:24px;box-shadow:0 2vh 5vh #00000080;color:#333;display:flex;flex-direction:column;gap:2vh;max-width:550px;padding:3vh 3vw;width:100%}.registration-container .config-main .partie-info{background:#f1f2f6;border-radius:12px;padding:1.5vh;text-align:center}.registration-container .config-main .partie-info span{color:#7f8c8d;font-size:.8rem;font-weight:700}.registration-container .config-main .partie-info .code-display{color:#2c3e50;display:block;font-size:clamp(1.5rem,3vw,2.2rem);letter-spacing:2px}.registration-container .config-main .players-section h3{color:#2c3e50;font-size:clamp(1.1rem,1.5vw,1.3rem);margin-bottom:1.5vh;text-align:center}.registration-container .config-main .players-section .players-list{display:flex;flex-direction:column;gap:1vh}.registration-container .config-main .players-section .player-card{align-items:center;background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000000d;display:flex;gap:12px;padding:12px 20px;transition:all .2s ease}.registration-container .config-main .players-section .player-card.current-player-card{background:#6c5ce70f;border:2px solid #6c5ce74d;box-shadow:0 4px 12px #6c5ce71a}.registration-container .config-main .players-section .player-card.empty-card{background:#0000;border:2px dashed #cbd5e1;box-shadow:none;opacity:.5}.registration-container .config-main .players-section .player-card .color-bubble{border-radius:50%;flex-shrink:0;height:22px;width:22px}.registration-container .config-main .players-section .player-card .player-name-lobby{color:#2c3e50;flex:1 1;font-size:clamp(.95rem,1.2vw,1.2rem);font-weight:700}.registration-container .config-main .players-section .player-card .player-name-lobby.empty{color:#64748b;font-style:italic;font-weight:500}.registration-container .config-main .players-section .player-card .status-badge{border-radius:20px;font-size:.75rem;font-weight:700;padding:4px 10px;white-space:nowrap}.registration-container .config-main .players-section .player-card .status-badge.online{background:#d1fae5;color:#065f46}.registration-container .cta-section{display:flex;flex-direction:column;margin-top:1vh;width:100%}.registration-container .cta-section .cta-button{border:none;border-radius:12px;cursor:pointer;font-size:clamp(1.1rem,1.3vw,1.3rem);font-weight:700;padding:16px;transition:all .3s ease}.registration-container .cta-section .cta-button.primary{background:#6c5ce7;color:#fff}.registration-container .cta-section .cta-button.primary.start{background:linear-gradient(135deg,#e17055,#d63031);box-shadow:0 4px 15px #e1705566;margin-top:1vh}.registration-container .cta-section .cta-button.primary.start:hover:not(:disabled){background:linear-gradient(135deg,#ff7675,#e17055);box-shadow:0 6px 20px #e1705580;transform:translateY(-2px)}.registration-container .cta-section .cta-button.primary.start:disabled{box-shadow:none;cursor:not-allowed;opacity:.5}.registration-container .cta-section .waiting-message{animation:pulseText 1.5s ease-in-out infinite;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;color:#64748b;font-size:1rem;font-weight:600;padding:15px;text-align:center}@keyframes pulseText{0%,to{opacity:.6}50%{opacity:1}}@keyframes gradientBG{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@media(max-height:750px){.registration-container{padding:10px}.registration-container .hero-header{margin-bottom:10px}.registration-container .hero-header h1{font-size:1.8rem}.registration-container .config-main{gap:10px;padding:15px}.registration-container .partie-info{padding:5px}.registration-container .partie-info .code-display{font-size:1.4rem}}.tours-selection{align-items:center;background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;display:flex;flex-direction:column;gap:10px;padding:15px}.tours-selection label{color:#64748b;font-size:.9rem;font-weight:700;text-transform:uppercase}.tours-selection .modern-select{background:#fff;border:2px solid #cbd5e1;border-radius:8px;color:#1e293b;cursor:pointer;font-size:1.1rem;font-weight:700;outline:none;padding:10px;transition:border-color .2s;width:100%}.tours-selection .modern-select:focus{border-color:#6c5ce7}.game-header{align-items:center;background-color:#2c3e50;border-radius:.4vw;box-sizing:border-box;color:#fff;display:flex;justify-content:space-between;margin:0 auto 1vh;max-width:1200px;padding:.5vw 2%;width:100%}.game-header .header-left{align-items:center;display:flex;flex-direction:column;gap:.2vw;justify-content:center;width:60%}.game-header .header-left h1{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#ff2d55,#ff9500,#fc0,#4cd964,#5ac8fa,#007aff,#5856d6);-webkit-background-clip:text;background-clip:text;font-size:4.4vw;font-style:italic;font-weight:900;letter-spacing:2px;margin:0;white-space:nowrap}.game-header .header-left h2{color:#c8eaff;font-size:1.1vw;font-weight:700;margin:0;white-space:nowrap}@media(min-width:1600px){.game-header .header-left h2{font-size:1.4rem}}.game-header .header-right{align-items:center;display:flex;flex-direction:column;gap:.4vh;justify-content:space-around;width:40%}.game-header .header-right .header-top-row{align-items:center;display:flex;flex-direction:row;gap:.5vw;justify-content:center;width:100%}.game-header .header-right .joueur-actif{color:#c8eaff;font-size:1.2vw;font-weight:700;white-space:nowrap}@media(min-width:1600px){.game-header .header-right .joueur-actif{font-size:1.2rem}}.game-header .header-right .dice-container{background-color:#0000;box-shadow:none;margin-bottom:0;padding:0}@media(max-width:1024px){.game-header{flex-direction:row;gap:5px;padding:8px}.game-header .header-left{align-items:center;display:flex;flex-direction:column;gap:3px;justify-content:center;width:60%}.game-header .header-left h1{font-size:3.5rem;letter-spacing:2px}.game-header .header-left h2{font-size:1.1rem}.game-header .header-right{justify-content:space-around;width:40%}.game-header .header-right .joueur-actif{font-size:.85rem}}.scoreboard-container{box-sizing:border-box;display:flex;flex-wrap:nowrap;gap:1vw;justify-content:center;margin-bottom:.5vh;width:100%}.scoreboard-container .score-card{align-items:center;background:#fff;border:.2vw solid #ccc;border-radius:.8vw;box-shadow:0 .4vh .6vh #0000001a;display:flex;flex:0 1 auto;flex-direction:row;justify-content:space-between;min-width:clamp(110px,12vw,175px);opacity:.6;padding:.5vh .8vw;transition:all .3s ease;white-space:nowrap}.scoreboard-container .score-card.active{background-color:#fdfdfd;border-color:#3498db;box-shadow:0 .5vh 1vh #0003;opacity:1;transform:translateY(-.2vh) scale(1.02)}.scoreboard-container .score-card .player-info{align-items:center;display:flex;gap:.5vw;overflow:hidden}.scoreboard-container .score-card .player-info .player-badge{align-items:center;border-radius:50%;box-shadow:0 .2vh .4vh #00000040;color:#fff;display:flex;flex-shrink:0;font-size:clamp(.7rem,.8vw,.9rem);font-weight:900;height:clamp(18px,1.4vw,24px);justify-content:center;width:clamp(18px,1.4vw,24px)}.scoreboard-container .score-card .player-info .player-name{color:#2c3e50;font-size:clamp(.85rem,1vw,1.1rem);font-weight:700;max-width:clamp(60px,7vw,110px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scoreboard-container .score-card .player-score{align-items:baseline;color:#2c3e50;display:flex;flex-shrink:0;font-size:clamp(1rem,1.2vw,1.4rem);font-weight:900;gap:.2vw}.scoreboard-container .score-card .player-score .pts{color:#7f8c8d;font-size:clamp(.65rem,.75vw,.85rem)}@media(max-width:768px){.scoreboard-container{flex-wrap:wrap;gap:8px}.scoreboard-container .score-card{min-width:clamp(100px,42vw,160px);padding:4px 8px}.scoreboard-container .score-card .player-info .player-name{max-width:80px}}.dice-container{align-items:center;border-radius:.5vw;display:flex;gap:.8vw;justify-content:center;margin-bottom:.5vh;padding:.2vw .4vw}.dice-container .dice-turn-hint{align-items:center;animation:bounceHorizontalDice 1.2s ease-in-out infinite;background:linear-gradient(135deg,#fde04740,#f59e0b59);border:1.5px solid #fde047;border-radius:20px;box-shadow:0 0 12px #fde04766;display:flex;gap:.35vw;padding:.35vh .8vw;-webkit-user-select:none;user-select:none}.dice-container .dice-turn-hint .hint-text{color:#fef08a;font-size:clamp(.75rem,.85vw,1.05rem);font-weight:800;letter-spacing:.5px;text-shadow:0 1px 3px #000c;text-transform:uppercase;white-space:nowrap}.dice-container .dice-turn-hint .hint-arrow{color:#fde047;display:inline-block;font-size:clamp(.9rem,1.1vw,1.35rem);line-height:1;text-shadow:0 0 6px #fde047}.dice-container .btn-lancer{align-items:center;background-color:#3498db;border:none;border-radius:50%;box-shadow:0 .25vw 0 #0000004d;color:#fff;cursor:pointer;display:flex;font-size:clamp(20px,2.2vw,32px);height:clamp(42px,4.5vw,65px);justify-content:center;min-height:42px;min-width:42px;transition:all .2s ease;width:clamp(42px,4.5vw,65px)}.dice-container .btn-lancer:hover:not(:disabled){box-shadow:0 .15vw 0 #0000004d;filter:brightness(1.15);transform:translateY(.1vw)}.dice-container .btn-lancer:active:not(:disabled){box-shadow:0 0 0 #0000;transform:translateY(.25vw)}.dice-container .btn-lancer:disabled{background-color:#bdc3c7!important;box-shadow:0 .25vw 0 #95a5a6;cursor:not-allowed;filter:grayscale(100%)}.dice-container .slot-machine-window{background-color:#fff;border:2px solid #bdc3c7;border-radius:clamp(6px,.6vw,10px);box-shadow:inset 0 2px 6px #0003;box-sizing:initial;height:clamp(42px,4.5vw,65px);min-height:42px;min-width:42px;overflow:hidden;position:relative;width:clamp(42px,4.5vw,65px)}.dice-container .slot-machine-window .reel{display:flex;flex-direction:column;height:auto;margin:0;padding:0;width:100%}.dice-container .slot-machine-window .reel-item{align-items:center;box-sizing:border-box;color:#2c3e50;display:flex;flex-shrink:0;font-size:clamp(22px,2.6vw,38px);font-weight:900;height:clamp(42px,4.5vw,65px);justify-content:center;line-height:1;margin:0;min-height:42px;padding:0;text-align:center;width:100%}.dice-container .slot-machine-window .slot-machine-shadow{background:linear-gradient(180deg,#00000059 0,#0000 20%,#0000 80%,#00000059);border-radius:clamp(4px,.4vw,8px);height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}@keyframes bounceHorizontalDice{0%,to{transform:translateX(0)}50%{transform:translateX(6px)}}.pawn-container{align-items:center;display:flex;height:clamp(30px,6vw,50px);justify-content:center;position:relative;transition:transform .3s ease;width:clamp(30px,6vw,50px);z-index:10}.pawn-container .pawn-svg{filter:drop-shadow(0 .2rem .3rem rgba(0,0,0,.4));height:100%;transition:filter .3s ease;width:100%}.pawn-container.active{transform:scale(1.2);z-index:20}.pawn-container.active .pawn-svg{filter:drop-shadow(0 0 .4rem #39ff14) drop-shadow(0 0 .6rem #39ff14)}.pawns-container .pawn-container:not(:only-child){height:clamp(20px,4vw,35px);width:clamp(20px,4vw,35px)}.board-container{align-items:center;display:flex;justify-content:center;overflow:hidden;padding:clamp(4px,1vw,10px);width:100%}.board-container,.board-grid{box-sizing:border-box;height:100%}.board-grid{grid-gap:clamp(6px,1.2vw,14px);aspect-ratio:1/1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff1f;border:2px solid #ffffff40;border-radius:clamp(14px,2vw,24px);box-shadow:0 15px 35px #0000004d,inset 0 0 20px #ffffff1a;display:grid;gap:clamp(6px,1.2vw,14px);grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(5,1fr);margin:0 auto;max-height:100%;max-width:min(92vw,860px);padding:clamp(8px,1.5vw,16px);width:auto}.board-grid .board-cell{align-items:center;border-radius:clamp(8px,1.2vw,14px);box-shadow:0 6px 12px #0003,inset 0 1px 0 #ffffff4d;box-sizing:border-box;display:flex;flex-direction:column;height:100%;justify-content:space-between;overflow:hidden;padding:clamp(4px,1vw,10px);position:relative;transition:transform .2s ease,box-shadow .2s ease;width:100%}.board-grid .board-cell:hover{box-shadow:0 8px 18px #0000004d;transform:translateY(-2px)}.board-grid .board-cell .cell-icon{align-items:center;display:flex;filter:drop-shadow(0 2px 4px rgba(0,0,0,.35));flex:1 1;font-size:clamp(2.2rem,5.5vw,4.2rem);height:78%;justify-content:center;line-height:1;max-height:80%;transition:transform .2s ease;z-index:1}.board-grid .board-cell .cell-label{word-wrap:break-word;align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#00000059;border-radius:6px;box-sizing:border-box;color:#fff;display:flex;font-size:clamp(.8rem,1.35vw,1.15rem);font-weight:800;justify-content:center;letter-spacing:1.5px;line-height:1.1;min-height:1.8rem;padding:5px 6px;text-align:center;text-shadow:0 1px 3px #000c,0 0 2px #000000e6;text-transform:uppercase;width:100%;z-index:2}.board-grid .board-cell.maison{border:2px solid #fff9}.board-grid .board-cell.maison.bg-violet{background:linear-gradient(135deg,#8e44ad,#5b2c6f)}.board-grid .board-cell.maison.bg-bleu{background:linear-gradient(135deg,#2980b9,#1a5276)}.board-grid .board-cell.maison.bg-jaune{background:linear-gradient(135deg,#ffd32a,#d4ac0d)}.board-grid .board-cell.maison.bg-jaune .cell-label{background:#ffffffb3;color:#1e293b;font-weight:900;text-shadow:none}.board-grid .board-cell.maison.bg-vert{background:linear-gradient(135deg,#27ae60,#196f3d)}.board-grid .board-cell.quizz1{background:linear-gradient(135deg,#ff9800,#e65100);border:2px solid #fff;box-shadow:0 4px 10px #ff980066}.board-grid .board-cell.quizz2{background:linear-gradient(135deg,#e65100,#bf360c);border:2px solid #ffe082;box-shadow:0 4px 12px #e6510080}.board-grid .board-cell.defi{background:linear-gradient(135deg,#e74c3c,#c0392b);border:2.5px solid #78281f;box-shadow:0 4px 10px #78281f80}.board-grid .board-cell.bonus{background:radial-gradient(circle at center,#ff2d55 0,#ff9500 18%,#fc0 36%,#4cd964 54%,#5ac8fa 72%,#007aff 85%,#5856d6 100%);border:3px solid #fff;box-shadow:0 0 20px #fffc,0 0 15px #ffd70099}.board-grid .board-cell.bonus .cell-label{background:#0000008c;color:#fff}.board-grid .board-cell.vide{background-color:#ffffff0a;border:1.5px dashed #fff3;box-shadow:none}.pawns-container{align-items:center;display:flex;flex-wrap:wrap;gap:3px;justify-content:center;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:90%;z-index:10}@media(max-width:600px){.board-container{padding:4px}.board-grid{border-radius:14px;gap:5px;padding:6px}.board-grid .board-cell{border-radius:6px;padding:2px}.board-grid .board-cell .cell-icon{font-size:clamp(1.6rem,6vw,2.5rem);height:75%}.board-grid .board-cell .cell-label{font-size:clamp(.65rem,2.5vw,.85rem);letter-spacing:1.5px;padding:2px 3px}}.question-modal{background:linear-gradient(145deg,#f0fdf4,#dcfce7);border-radius:28px;box-shadow:0 30px 60px -15px #00000080;display:flex;flex-direction:column;gap:2.4vh;max-height:95vh;max-width:780px;overflow-y:auto;padding:3.6vh 3.6vw;position:relative;text-align:center;width:90%}.question-modal .modal-header{align-items:center;border-bottom:2px solid #bbf7d0;display:flex;justify-content:space-between;padding-bottom:1.8vh}.question-modal .modal-header .modal-title{align-items:center;color:#1e293b;display:flex;font-size:clamp(1rem,1.5vw,1.3rem);font-weight:800;gap:1.2vw;margin:0}.question-modal .modal-header .modal-title .points-badge{background:#f59e0b;border-radius:14px;color:#fff;font-size:clamp(.95rem,1.2vw,1.1rem);padding:.5vh 1.2vw}.question-modal .modal-header .theme-badge{background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:24px;color:#fff;font-size:clamp(.85rem,1.1vw,1rem);font-weight:800;padding:1vh 1.8vw;text-transform:uppercase}.question-modal .image-container{align-items:center;display:flex;justify-content:center;width:100%}.question-modal .image-container .question-image{border-radius:20px;max-height:30vh;max-width:100%;object-fit:contain;width:320px}.question-modal .question-text{color:#0f172a;font-size:clamp(1.3rem,2.6vw,1.8rem);font-weight:800;line-height:1.4;margin:1.2vh 0;text-align:justify;text-justify:inter-word}.question-modal .options-container{grid-gap:1.8vh 1.8vw;display:grid;gap:1.8vh 1.8vw;grid-template-columns:repeat(2,1fr)}@media(max-width:600px){.question-modal .options-container{grid-template-columns:1fr}}.question-modal .options-container .option-button{align-items:center;background-color:#fff;border:2px solid #e2e8f0;border-radius:20px;color:#334155;cursor:pointer;display:flex;font-size:clamp(1.1rem,1.4vw,1.3rem);font-weight:700;justify-content:center;min-height:60px;padding:1.8vh 2.4vw;transition:all .2s ease}.question-modal .options-container .option-button:hover{background-color:#f8fafc;border-color:#3b82f6;color:#2563eb;transform:translateY(-4px)}.question-modal .question-id{bottom:1.2vh;color:#94a3b8;font-size:.85rem;font-weight:700;position:absolute;right:1.8vw}.question-modal .buzzer-container-lobby{align-items:center;display:flex;flex-direction:column;gap:15px;justify-content:center;padding:20px 0}.question-modal .buzzer-container-lobby .btn-huge-buzzer{background:radial-gradient(circle,#ff3838 0,#d63031 100%);border:6px solid #f8fafc;border-radius:50%;box-shadow:0 10px 25px #d6303180,inset 0 4px 8px #fff6;color:#fff;cursor:pointer;font-size:1.5rem;font-weight:900;height:160px;outline:none;transition:all .2s cubic-bezier(.175,.885,.32,1.275);width:160px}.question-modal .buzzer-container-lobby .btn-huge-buzzer:hover{box-shadow:0 12px 30px #d63031b3;transform:scale(1.08)}.question-modal .buzzer-container-lobby .btn-huge-buzzer:active{box-shadow:0 5px 15px #d6303166;transform:scale(.95)}.question-modal .buzzer-container-lobby .buzzer-help{color:#64748b;font-size:.95rem;font-weight:600;margin:0}.question-modal .answering-status-message{animation:pulseText 1.5s ease-in-out infinite;color:#475569;font-size:1.1rem;font-weight:700;margin-top:10px}.options-container .option-button:disabled{background-color:#f1f5f9;border-color:#cbd5e1;color:#94a3b8;cursor:not-allowed;opacity:.6;transform:none}.options-container .option-button:disabled:hover{background-color:#f1f5f9!important;border-color:#cbd5e1!important;color:#94a3b8!important;transform:none!important}@media(max-height:800px){.question-modal{gap:1.8vh;padding:2.4vh 3.6vw}.question-modal .image-container .question-image{max-height:24vh}.question-modal .question-text{margin:.6vh 0}}.modal-overlay{padding:2.4vh}.success-modal{align-items:center;background:linear-gradient(145deg,#f0fdf4,#dcfce7);border:.36vw solid #fff;border-radius:2.4vw;box-shadow:0 2.4vh 4.8vh -1.2vh #22c55e40,inset 0 0 2.4vh #fff9;display:flex;flex-direction:column;gap:3vh;max-height:90vh;max-width:720px;overflow-y:auto;padding:4.8vh 3.6vw;text-align:center;width:90%}.success-modal .success-header h2{color:#166534;font-size:clamp(2.1rem,4.8vw,2.6rem);font-weight:900;line-height:1.25;margin:0 0 1.2vh;text-shadow:1px 1px 0 #fffc}.success-modal .success-header .points-text{background:#bbf7d0;border-radius:2.4vh;box-shadow:0 .5vh .7vh #15803d1a;color:#15803d;display:inline-block;font-size:clamp(1.3rem,2.4vw,1.7rem);font-weight:900;margin:0;padding:1vh 2.4vw}.success-modal .anecdote-box{background-color:#fff;border-left:.72vw solid #fbbf24;border-radius:1.2vw;box-shadow:0 .6vh 1.8vh #0000000d;box-sizing:border-box;padding:3vh 2.4vw;text-align:left;width:100%}.success-modal .anecdote-box h3{align-items:center;color:#d97706;display:flex;font-size:clamp(1.2rem,1.8vw,1.4rem);font-weight:800;gap:1.2vw;margin:0 0 1.2vh}.success-modal .anecdote-box p{color:#334155;font-size:clamp(1.1rem,1.4vw,1.3rem);line-height:1.4;margin:0;text-align:justify;text-justify:inter-word}.success-modal .continue-button{align-items:center;background:linear-gradient(135deg,#22c55e,#16a34a);border:none;border-radius:3.6vh;box-shadow:0 .6vh 1.2vh #22c55e4d;color:#fff;cursor:pointer;display:flex;font-size:clamp(1.35rem,2vw,1.6rem);font-weight:700;height:auto;justify-content:center;min-height:54px;padding:1.2vh 4vw;transition:all .2s ease;width:-webkit-fit-content;width:fit-content}.success-modal .continue-button:hover{background:linear-gradient(135deg,#16a34a,#15803d);transform:translateY(-.36vh)}.success-modal .continue-button:active{transform:translateY(0)}@media(max-width:768px){.success-modal .continue-button{font-size:clamp(1.75rem,5.5vw,2rem);max-width:340px;min-height:60px;padding:14px 32px;width:85%}}@media(max-width:1366px){.success-modal{gap:18px;max-width:580px;padding:30px}}.error-modal{align-items:center;background:linear-gradient(145deg,#fef2f2,#fee2e2);border:.36vw solid #fff;border-radius:2.4vw;box-shadow:0 2.4vh 4.8vh -1.2vh #ef444440,inset 0 0 2.4vh #fff9;display:flex;flex-direction:column;gap:3vh;max-height:90vh;max-width:720px;overflow-y:auto;padding:4.8vh 3.6vw;text-align:center;width:90%}.error-modal .error-header h2{color:#991b1b;font-size:clamp(2.1rem,4.8vw,2.6rem);font-weight:900;line-height:1.25;margin:0;text-shadow:1px 1px 0 #fffc}.error-modal .correction-box{background-color:#fff;border-left:.72vw solid #ef4444;border-radius:1.2vw;box-shadow:0 .6vh 1.8vh #0000000d;box-sizing:border-box;padding:3vh 2.4vw;text-align:left;width:100%}.error-modal .correction-box h3{color:#64748b;font-size:clamp(1.1rem,1.4vw,1.3rem);font-weight:700;margin:0 0 1.2vh}.error-modal .correction-box .correct-answer-text{color:#0f172a;font-size:clamp(1.3rem,2.4vw,1.5rem);font-weight:900;margin:0 0 .6vh}.error-modal .correction-box .dommage-text{color:#ef4444;font-size:clamp(1rem,1.3vw,1.2rem);font-style:italic;font-weight:700;margin:0}.error-modal .anecdote-box{background-color:#fff;border-left:.72vw solid #fbbf24;border-radius:1.2vw;box-shadow:0 .6vh 1.8vh #0000000d;box-sizing:border-box;padding:3vh 2.4vw;text-align:left;width:100%}.error-modal .anecdote-box h3{align-items:center;color:#d97706;display:flex;font-size:clamp(1.2rem,1.8vw,1.4rem);font-weight:800;gap:1.2vw;margin:0 0 1.2vh}.error-modal .anecdote-box p{color:#334155;font-size:clamp(1.1rem,1.4vw,1.3rem);line-height:1.4;margin:0;text-align:justify;text-justify:inter-word}.error-modal .action-message{color:#475569;font-size:clamp(1.1rem,1.4vw,1.3rem);font-weight:700;margin-bottom:1.2vh}.error-modal .continue-button{align-items:center;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:3.6vh;box-shadow:0 .6vh 1.2vh #ef44444d;color:#fff;cursor:pointer;display:flex;font-size:clamp(1.35rem,2vw,1.6rem);font-weight:700;height:auto;justify-content:center;min-height:54px;padding:1.2vh 4vw;transition:all .2s ease;width:-webkit-fit-content;width:fit-content}.error-modal .continue-button:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-.36vh)}.error-modal .continue-button:active{transform:translateY(0)}@media(max-width:768px){.error-modal .continue-button{font-size:clamp(1.75rem,5.5vw,2rem);max-width:340px;min-height:60px;padding:14px 32px;width:85%}}@media(max-width:1366px){.error-modal{gap:18px;max-width:580px;padding:30px}}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#0f172ad9;height:100vh;justify-content:center;left:0;padding:2vh;position:fixed;top:0;width:100vw;z-index:1000}.bonus-modal,.modal-overlay{align-items:center;display:flex}.bonus-modal{background:linear-gradient(145deg,#fff7ed,#ffedd5,#fed7aa);border:.3vw solid #fff;border-radius:2.4vw;box-shadow:0 2vh 4vh -1vh #f9731640,inset 0 0 2vh #fff9;flex-direction:column;gap:3vh;max-height:90vh;max-width:720px;overflow-y:auto;padding:3.5vh 3.5vw;text-align:center;width:90%}.bonus-modal .bonus-header h2{color:#c2410c;font-size:clamp(1.8rem,4.8vw,2.6rem);font-weight:900;line-height:1.25;margin:0 0 1vh;text-shadow:1px 1px 0 #fffc}.bonus-modal .bonus-header .points-text{background:#ffedd5;border-radius:2.4vh;box-shadow:0 .4vh .6vh #ea580c1a;color:#ea580c;display:inline-block;font-size:clamp(1.3rem,2.4vw,1.7rem);font-weight:900;margin:0;padding:1vh 2.4vw}.bonus-modal .bonus-header .hero-text{color:#475569;font-size:clamp(1rem,1.6vw,1.3rem);font-style:italic;font-weight:700;margin:1.5vh 0 0}.bonus-modal .anecdote-box{background-color:#fff;border-left:.6vw solid #f59e0b;border-radius:1.2vw;box-sizing:border-box;padding:3vh;text-align:left;width:100%}.bonus-modal .anecdote-box h3{align-items:center;color:#b45309;display:flex;font-size:clamp(1.2rem,1.8vw,1.4rem);font-weight:800;gap:1vw;margin:0 0 1vh}.bonus-modal .anecdote-box p{color:#334155;font-size:clamp(1.1rem,1.4vw,1.3rem);font-style:italic;line-height:1.4;margin:0;text-align:justify;text-justify:inter-word}.bonus-modal .continue-button{align-items:center;background:linear-gradient(135deg,#f97316,#ea580c);border:none;border-radius:3.6vh;box-shadow:0 .5vh 1vh #f973164d;color:#fff;cursor:pointer;display:flex;font-size:clamp(1.35rem,2vw,1.6rem);font-weight:700;height:auto;justify-content:center;min-height:54px;padding:1.2vh 4vw;transition:all .2s ease;width:-webkit-fit-content;width:fit-content}.bonus-modal .continue-button:hover{background:linear-gradient(135deg,#ea580c,#c2410c);transform:translateY(-.3vh)}.bonus-modal .continue-button:active{transform:translateY(0)}@media(max-width:768px){.bonus-modal .continue-button{font-size:clamp(1.75rem,5.5vw,2rem);max-width:340px;min-height:60px;padding:14px 32px;width:85%}}@media(max-width:1366px){.bonus-modal{gap:18px;max-width:600px;padding:24px}.bonus-modal .bonus-header h2{font-size:2.1rem}.bonus-modal .anecdote-box p{font-size:1.2rem}}.victory-modal{background:linear-gradient(145deg,#fffdf5,#fef3c7,#fde68a);border:3px solid #fff;border-radius:24px;box-shadow:0 20px 45px -10px #f59e0b73,inset 0 0 20px #ffffffe6;box-sizing:border-box;gap:2.2vh;max-height:90vh;max-width:650px;overflow-y:auto;padding:3.5vh 3vw;text-align:center;width:90%}.victory-modal,.victory-modal .victory-header{align-items:center;display:flex;flex-direction:column}.victory-modal .victory-header{gap:.8vh}.victory-modal .victory-header .winner-trophy-badge{animation:trophyFloat 2s ease-in-out infinite alternate;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2));font-size:clamp(2.5rem,5vw,3.8rem);line-height:1}.victory-modal .victory-header h2{color:#92400e;font-size:clamp(1.5rem,3.2vw,2.2rem);font-weight:900;line-height:1.25;margin:0;text-shadow:1px 1px 0 #ffffffe6}.victory-modal .victory-header h2 .winner-name{color:#d97706;text-decoration:underline;text-underline-offset:4px}.victory-modal .victory-header .winner-score-badge{background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:20px;box-shadow:0 4px 12px #d9770659;color:#fff;font-size:clamp(1.1rem,1.8vw,1.4rem);font-weight:800;letter-spacing:.5px;padding:.6vh 1.8vw}.victory-modal .victory-header .winner-score-badge span{font-size:1.25em;font-weight:900}.victory-modal .other-players-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffbf;border:1px solid #ffffffe6;border-radius:16px;box-shadow:0 4px 14px #0000000f;box-sizing:border-box;padding:1.8vh 1.8vw;width:100%}.victory-modal .other-players-section .other-players-title{border-bottom:1.5px solid #78350f26;color:#78350f;font-size:clamp(.95rem,1.3vw,1.15rem);font-weight:800;letter-spacing:.5px;margin:0 0 1.2vh;padding-bottom:.6vh;text-transform:uppercase}.victory-modal .other-players-section .other-players-list{display:flex;flex-direction:column;gap:.8vh}.victory-modal .other-players-section .other-player-card{align-items:center;background:#fffffff2;border-left:5px solid #3b82f6;border-radius:10px;box-shadow:0 2px 6px #0000000d;display:flex;justify-content:space-between;padding:.8vh 1.2vw;transition:transform .2s ease}.victory-modal .other-players-section .other-player-card:hover{transform:translateX(3px)}.victory-modal .other-players-section .other-player-card .player-rank{color:#64748b;font-size:.95rem;font-weight:800;min-width:45px;text-align:left}.victory-modal .other-players-section .other-player-card .player-info-group{align-items:center;display:flex;flex:1 1;gap:8px;margin-left:8px;text-align:left}.victory-modal .other-players-section .other-player-card .player-info-group .player-avatar{align-items:center;border-radius:50%;box-shadow:0 2px 4px #0003;color:#fff;display:flex;font-size:.85rem;font-weight:800;height:26px;justify-content:center;width:26px}.victory-modal .other-players-section .other-player-card .player-info-group .player-name{color:#1e293b;font-size:1rem;font-weight:700}.victory-modal .other-players-section .other-player-card .player-points{color:#475569;font-size:1rem;font-weight:600}.victory-modal .other-players-section .other-player-card .player-points strong{color:#0f172a;font-size:1.15rem;font-weight:900}.victory-modal .victory-actions{align-items:center;display:flex;flex-direction:column;width:100%}.victory-modal .victory-actions .btn-rejouer{align-items:center;background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:40px;box-shadow:0 8px 20px #d9770659;color:#fff;cursor:pointer;display:flex;flex-direction:column;font-size:clamp(1.1rem,2vw,1.5rem);font-weight:900;gap:.3vh;justify-content:center;letter-spacing:.5px;line-height:1.2;padding:1.4vh 3.5vw;transition:all .3s ease}.victory-modal .victory-actions .btn-rejouer .btn-main{font-size:1em;font-weight:900;text-transform:uppercase}.victory-modal .victory-actions .btn-rejouer .btn-sub{font-size:.75em;font-weight:700;opacity:.95}.victory-modal .victory-actions .btn-rejouer:hover{box-shadow:0 12px 26px #d9770673;transform:translateY(-3px) scale(1.03)}.victory-modal .victory-actions .btn-rejouer:active{transform:translateY(0) scale(.98)}.victory-modal .victory-actions .btn-rejouer.disabled{box-shadow:none;cursor:not-allowed;filter:grayscale(40%);opacity:.65;transform:none}.victory-modal .victory-actions .host-waiting-container{align-items:center;display:flex;flex-direction:column;width:100%}.victory-modal .victory-actions .host-waiting-container .host-waiting-hint{color:#78350f;font-size:.85rem;font-weight:600;margin-top:8px;max-width:460px}@keyframes trophyFloat{0%{transform:translateY(0) rotate(-4deg)}to{transform:translateY(-8px) rotate(4deg)}}@media(max-width:600px){.victory-modal{gap:16px;padding:20px 16px}.victory-modal .victory-header h2{font-size:1.35rem}.victory-modal .other-player-card{padding:6px 10px}}body,html{margin:0;overflow:hidden;padding:0}body{background-color:#1a252f;color:#fff;font-family:Outfit,Inter,system-ui,-apple-system,sans-serif}.game-page-container{align-items:center;background:linear-gradient(135deg,#1e293b,#0f172a);box-shadow:0 0 40px #00000080;box-sizing:border-box;display:flex;flex-direction:column;gap:.6vh;height:100vh;justify-content:space-between;margin:0 auto;max-height:100vh;max-width:100%;overflow:hidden;padding:clamp(6px,1vh,12px) clamp(8px,1.2vw,16px);width:100%}.top-bar{flex-direction:row;justify-content:center;margin-bottom:.3vh}.game-controls,.top-bar{align-items:center;display:flex;flex-shrink:0;width:100%}.game-controls{flex-direction:column;gap:.4vh}.board-wrapper{align-items:center;display:flex;flex:1 1;justify-content:center;min-height:0;overflow:hidden;padding:0;width:100%}.buzzer-overlay{animation:pulseBuzzer 1s infinite alternate;background:linear-gradient(135deg,#f05,#f50);border-radius:50px;box-shadow:0 0 25px #f05c;color:#fff;font-size:clamp(1.1rem,2vw,1.6rem);font-weight:900;left:50%;padding:12px 28px;position:fixed;top:20px;transform:translateX(-50%);z-index:1000}@keyframes pulseBuzzer{0%{transform:translateX(-50%) scale(1)}to{transform:translateX(-50%) scale(1.08)}}@media(max-width:600px){.game-page-container{gap:.4vh;padding:6px 4px}.top-bar{margin-bottom:.2vh}.game-controls{gap:.3vh}}body,html{height:100%;margin:0!important;overflow-x:hidden;padding:0!important;width:100%}.controller-main,.controller-selection{box-sizing:border-box;display:flex;flex-direction:column;margin:0!important;min-height:100vh;padding:3vh 5vw;width:100vw}.controller-selection{align-items:center;background-color:#1a1a1a;color:#fff;justify-content:center}.controller-selection .player-grid{display:flex;flex-direction:column;gap:2vh;margin-top:3vh;max-width:320px;width:100%}.controller-selection .player-grid button{border:none;border-radius:12px;box-shadow:0 .5vh 1vh #0000004d;color:#fff;cursor:pointer;font-size:clamp(1rem,1.5vw,1.3rem);font-weight:700;padding:2.5vh 20px}.controller-selection .player-grid button:disabled{cursor:not-allowed;opacity:.5}.controller-main{transition:background-color .5s ease}.controller-main .controller-header{align-items:center;background-color:#00000026;border-radius:15px;box-shadow:0 .4vh 1vh #0000001a;display:flex;justify-content:center;margin-bottom:3vh;padding:2vh 5%;position:relative}.controller-main .controller-header .player-name{color:#fff;font-size:clamp(1.4rem,2.5vw,2rem);font-weight:900;letter-spacing:2px;margin:0;text-align:center;text-transform:uppercase}.controller-main .controller-body{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:3vh;justify-content:center}.controller-main .controller-body .status-message{color:#fff;font-size:clamp(1rem,1.5vw,1.2rem);text-align:center;text-shadow:1px 1px 3px #0000004d}.controller-main .controller-body .btn-action.roll{background-color:#fff;border:none;border-radius:20px;box-shadow:0 1vh 2vh #0003;color:#333;cursor:pointer;font-size:clamp(1.5rem,3vw,2.2rem);font-weight:900;padding:4vh 8vw}.controller-main .controller-body .btn-buzzer{background:radial-gradient(circle,#ff4d4d,#c00);border:.8vh solid #900;border-radius:50%;box-shadow:0 1.5vh 3vh #00000080,inset 0 -1vh 2vh #0000004d;color:#fff;cursor:pointer;font-size:clamp(2rem,5vh,3.5rem);font-weight:900;height:clamp(180px,40vh,280px);width:clamp(180px,40vh,280px)}.controller-main .controller-body .btn-buzzer:active{transform:scale(.95)}.controller-main .controller-body .answers-list{display:flex;flex-direction:column;gap:1.5vh;max-width:450px;width:100%}.controller-main .controller-body .answers-list button{background-color:#fff;border:none;border-radius:12px;box-shadow:0 .5vh 1.5vh #0003;color:#333;cursor:pointer;font-size:clamp(.95rem,1.2vw,1.1rem);font-weight:700;padding:2vh 5%;text-align:left}.controller-main .controller-body .answers-list button:active{background-color:#f1f1f1;transform:scale(.98)}.btn-action.continue{align-items:center;animation:pulseContinue 2s infinite;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:50px;color:#fff;cursor:pointer;display:flex;font-size:clamp(1.1rem,1.8vw,1.5rem);font-weight:900;justify-content:center;margin:3vh auto;max-width:380px;padding:2.5vh 5vw;width:90%}.btn-action.continue:active{animation:none;transform:scale(.96)}@keyframes pulseContinue{0%{box-shadow:0 0 0 0 #10b981b3}70%{box-shadow:0 0 0 20px #10b98100}to{box-shadow:0 0 0 0 #10b98100}}@media(max-height:500px){.controller-main .controller-body{flex-direction:row;flex-wrap:wrap}.controller-main .controller-body .btn-buzzer{font-size:1.5rem;height:120px;width:120px}.controller-main .controller-body .answers-list{max-width:300px}}
/*# sourceMappingURL=main.3fc34185.css.map*/