*{margin:0;padding:0;box-sizing:border-box}:root{--background: 0 0% 100%;--foreground: 222.2 84% 4.9%;--card: 0 0% 100%;--card-foreground: 222.2 84% 4.9%;--popover: 0 0% 100%;--popover-foreground: 222.2 84% 4.9%;--primary: 222.2 47.4% 11.2%;--primary-foreground: 210 40% 98%;--secondary: 210 40% 96.1%;--secondary-foreground: 222.2 47.4% 11.2%;--muted: 210 40% 96.1%;--muted-foreground: 215.4 16.3% 46.9%;--accent: 210 40% 96.1%;--accent-foreground: 222.2 47.4% 11.2%;--destructive: 0 84.2% 60.2%;--destructive-foreground: 210 40% 98%;--border: 214.3 31.8% 91.4%;--input: 214.3 31.8% 91.4%;--ring: 222.2 84% 4.9%;--radius: .5rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-feature-settings:"rlig" 1,"calt" 1}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;background-color:hsl(var(--background));color:hsl(var(--foreground))}body>canvas{position:fixed!important;z-index:99999!important;pointer-events:none!important}#main-nav{position:sticky;top:0;background-color:hsl(var(--background));border-bottom:1px solid hsl(var(--border));z-index:1000;box-shadow:0 1px 3px #0000000d}.nav-container{max-width:1200px;margin:0 auto;padding:1rem 2rem;display:flex;align-items:center;justify-content:space-between}.nav-logo{font-size:1.25rem;font-weight:700;color:hsl(var(--foreground));text-decoration:none;transition:opacity .2s ease}.nav-logo:hover{opacity:.8}.nav-menu{display:flex;gap:2rem;list-style:none;align-items:center}.nav-link{font-size:.9375rem;font-weight:500;color:hsl(var(--muted-foreground));text-decoration:none;transition:color .2s ease;padding:.5rem 0;border-bottom:2px solid transparent}.nav-link:hover{color:hsl(var(--foreground));border-bottom-color:hsl(var(--primary))}.nav-cta{display:block;margin-left:auto}.nav-cta .cta-button{padding:.75rem 1.5rem;font-size:.95rem}.menu-toggle{display:none;flex-direction:column;gap:4px;background:none;border:none;cursor:pointer;padding:.5rem;width:auto;max-width:none;z-index:1001}.menu-toggle span{display:block;width:24px;height:2px;background-color:hsl(var(--foreground));transition:all .3s ease}.menu-toggle.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.menu-toggle.active span:nth-child(2){opacity:0}.menu-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}.hero-section{min-height:90vh;display:flex;align-items:center;justify-content:center;padding:4rem 2rem;background:linear-gradient(135deg,hsl(var(--background)),hsl(var(--secondary)));position:relative;overflow:hidden}.hero-content{max-width:800px;text-align:center;animation:fadeInUp .8s ease-out}.hero-title{font-size:3.5rem;font-weight:800;letter-spacing:-.025em;color:hsl(var(--foreground));margin-bottom:1rem}.hero-subtitle{font-size:1.5rem;font-weight:500;color:hsl(var(--muted-foreground));margin-bottom:1.5rem}.hero-description{font-size:1.125rem;line-height:1.7;color:hsl(var(--muted-foreground));max-width:600px;margin:0 auto 2.5rem}.hero-features{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:2.5rem}.feature-badge{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background-color:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:var(--radius);font-size:.9375rem;font-weight:500;box-shadow:0 1px 2px #0000000d}.feature-icon{font-size:1.25rem}.cta-button{display:inline-flex;align-items:center;justify-content:center;padding:1rem 2.5rem;font-size:1.125rem;font-weight:600;background-color:hsl(var(--primary));color:hsl(var(--primary-foreground));text-decoration:none;border-radius:var(--radius);transition:all .3s ease;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.cta-button:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.cta-button:active{transform:translateY(0)}.game-section{padding:4rem 2rem;background-color:hsl(var(--background))}.game-container{max-width:600px;margin:0 auto;background-color:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:calc(var(--radius) * 2);padding:2rem;box-shadow:0 10px 15px -3px #0000000d,0 4px 6px -4px #0000000d}#app{width:100%}#game.fullscreen-game{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;overflow:hidden;animation:fadeIn .3s ease;display:flex;align-items:center;justify-content:center;padding:2rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}#game.fullscreen-game .game-container{max-width:600px;width:100%;max-height:90vh;margin:0 auto;background:hsl(var(--card));border-radius:1.5rem;padding:2rem;box-shadow:0 20px 60px #00000080;animation:slideUp .4s ease;position:relative;overflow-y:auto;display:flex;flex-direction:column}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.why-play-section{padding:4rem 2rem;background-color:hsl(var(--background))}.benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:2rem}.benefit-card{background-color:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:12px;padding:2rem;transition:all .3s ease}.benefit-card:hover{transform:translateY(-4px);box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a;border-color:hsl(var(--primary))}.benefit-icon{font-size:3rem;margin-bottom:1rem}.benefit-card h3{font-size:1.25rem;font-weight:600;margin-bottom:.75rem;color:hsl(var(--foreground))}.benefit-card p{font-size:.9375rem;line-height:1.6;color:hsl(var(--muted-foreground));margin:0}.rules-section{padding:4rem 2rem;background-color:hsl(var(--secondary))}.content-container{max-width:900px;margin:0 auto}.section-title{font-size:2.5rem;font-weight:700;text-align:center;margin-bottom:1.5rem;letter-spacing:-.025em;color:hsl(var(--foreground))}.section-intro{font-size:1.125rem;line-height:1.7;text-align:center;color:hsl(var(--muted-foreground));margin-bottom:3rem;max-width:700px;margin-left:auto;margin-right:auto}.rule-block{background-color:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:calc(var(--radius) * 1.5);padding:2rem;margin-bottom:2rem;box-shadow:0 1px 3px #0000000d}.rule-block h3{font-size:1.5rem;font-weight:600;margin-bottom:1rem;color:hsl(var(--foreground))}.rule-block h4{font-size:1.25rem;font-weight:600;margin:1.5rem 0 .75rem;color:hsl(var(--foreground))}.rule-block p{text-align:left;line-height:1.7;color:hsl(var(--muted-foreground));margin-bottom:1rem}.rule-block ol,.rule-block ul{margin-left:1.5rem;margin-bottom:1rem}.rule-block li{margin:.75rem 0;line-height:1.7;color:hsl(var(--muted-foreground))}.win-conditions{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-top:1.5rem}.win-condition{padding:1.5rem;background-color:hsl(var(--secondary));border-radius:var(--radius);border:1px solid hsl(var(--border))}.win-condition h4{margin-top:0;font-size:1.125rem}.faqs-section{padding:4rem 2rem;background-color:hsl(var(--background))}.faq-list{max-width:800px;margin:0 auto}.faq-item{border-bottom:1px solid hsl(var(--border))}.faq-item:last-child{border-bottom:none}.faq-question{width:100%;display:flex;align-items:center;justify-content:space-between;padding:1rem 0;background:none;border:none;text-align:left;font-size:1rem;font-weight:500;color:hsl(var(--foreground));cursor:pointer;transition:all .2s ease;max-width:none;height:auto}.faq-question:hover{opacity:.8}.faq-icon{font-size:1.25rem;font-weight:300;transition:transform .2s ease;flex-shrink:0;margin-left:1rem}.faq-question[aria-expanded=true] .faq-icon{transform:rotate(90deg)}.faq-answer{overflow:hidden;transition:grid-template-rows .2s ease;display:grid;grid-template-rows:0fr}.faq-question[aria-expanded=true]+.faq-answer{grid-template-rows:1fr}.faq-answer>div{overflow:hidden}.faq-answer p{text-align:left;line-height:1.7;color:hsl(var(--muted-foreground));margin:0;padding-bottom:1rem}#main-footer{background-color:hsl(var(--foreground));color:hsl(var(--background));padding:3rem 2rem 2rem}.footer-container{max-width:1200px;margin:0 auto}.footer-content{display:grid;grid-template-columns:2fr 1fr;gap:2rem;margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid hsl(var(--background) / .2)}.footer-brand h3{font-size:1.5rem;margin-bottom:.75rem;color:hsl(var(--background))}.footer-brand p{color:hsl(var(--background) / .8);line-height:1.6;text-align:left}.footer-links{display:flex;gap:3rem;justify-content:flex-end}.footer-column h4{font-size:1rem;font-weight:600;margin-bottom:1rem;color:hsl(var(--background))}.footer-column ul{list-style:none}.footer-column li{margin-bottom:.75rem}.footer-column a{color:hsl(var(--background) / .8);text-decoration:none;transition:color .2s ease;font-size:.9375rem}.footer-column a:hover{color:hsl(var(--background))}.footer-bottom{text-align:center;padding-top:1.5rem}.footer-bottom p{color:hsl(var(--background) / .7);font-size:.875rem;margin:.5rem 0}.footer-bottom a{color:hsl(var(--background) / .7);text-decoration:none;transition:color .2s ease}.footer-bottom a:hover{color:hsl(var(--background))}.screen{width:100%;display:none;flex-direction:column;align-items:center;gap:24px;animation:fadeIn .2s ease-out;overflow-y:auto}.screen.active{display:flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}#app h1{font-size:2.5em;text-align:center;font-weight:700;letter-spacing:-.025em;color:hsl(var(--foreground))}#app h2{font-size:1.875em;text-align:center;font-weight:600;letter-spacing:-.025em;color:hsl(var(--foreground))}#app p{text-align:center;font-size:1em;line-height:1.6;color:hsl(var(--muted-foreground))}button{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;border-radius:var(--radius);font-size:.875rem;font-weight:500;transition:all .15s ease;height:2.5rem;padding:.5rem 1rem;width:100%;max-width:400px;background-color:hsl(var(--primary));color:hsl(var(--primary-foreground));border:none;cursor:pointer;font-family:inherit}button:hover{opacity:.9}button:active{transform:scale(.98)}button:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:2px}button.secondary{background-color:hsl(var(--secondary));color:hsl(var(--secondary-foreground));border:1px solid hsl(var(--border))}.player-actions{display:flex;gap:12px;width:100%;margin:16px 0}.player-actions button{flex:1;max-width:none}.input-group{width:100%;margin:8px 0}.input-group label{display:block;margin-bottom:6px;font-weight:500;font-size:.875rem;text-align:left;color:hsl(var(--foreground))}.input-group input{width:100%;padding:.75rem 1rem;font-size:1rem;border:1px solid hsl(var(--border));border-radius:var(--radius);background-color:hsl(var(--background));color:hsl(var(--foreground));font-family:inherit;transition:border-color .15s ease}.input-group input:focus{outline:none;border-color:hsl(var(--ring));box-shadow:0 0 0 3px hsl(var(--ring) / .1)}.input-group input::placeholder{color:hsl(var(--muted-foreground))}.game-mode-section{width:100%;margin-bottom:.75rem}.game-mode-selector{display:grid;grid-template-columns:1fr 1fr;gap:.375rem;width:100%}.mode-button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.125rem;padding:.4375rem;background-color:hsl(var(--card));border:2px solid hsl(var(--border));border-radius:calc(var(--radius) * 1.5);cursor:pointer;transition:all .2s ease;height:auto;max-width:none;position:relative}.mode-button:hover:not(.disabled){border-color:hsl(var(--primary));background-color:hsl(var(--accent));transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.mode-button.active{border-color:hsl(var(--primary));background-color:hsl(var(--primary));color:hsl(var(--primary-foreground))}.mode-button.disabled{opacity:.5;cursor:not-allowed;color:hsl(var(--foreground) / .7)}.mode-icon{font-size:1rem}.mode-title{font-size:.75rem;font-weight:600;color:inherit}.badge-coming-soon{position:absolute;top:.25rem;right:.25rem;background-color:hsl(var(--muted));color:hsl(var(--muted-foreground));font-size:.5625rem;padding:.0625rem .25rem;border-radius:.2rem;font-weight:500}.impostor-slider-section{width:100%;margin:.5rem 0;padding:.5rem;background-color:hsl(var(--muted) / .3);border-radius:var(--radius);border:1px solid hsl(var(--border))}.slider-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:.375rem;font-weight:500;font-size:.75rem;color:hsl(var(--foreground))}.impostor-count-value{font-size:.875rem;font-weight:700;color:hsl(var(--primary))}.impostor-percentage{font-size:.6875rem;font-weight:500;color:hsl(var(--muted-foreground));margin-left:.25rem}.impostor-slider{width:100%;height:4px;border-radius:5px;background:hsl(var(--muted));outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;padding:10px 0;margin:10px 0}.impostor-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:24px;height:24px;border-radius:50%;background:hsl(var(--primary));cursor:grab;transition:all .2s ease;box-shadow:0 2px 4px #0003;position:relative;z-index:10}.impostor-slider::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:0 0 0 6px hsl(var(--primary) / .1),0 2px 4px #0003}.impostor-slider::-webkit-slider-thumb:active{cursor:grabbing;transform:scale(1.2)}.impostor-slider::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:hsl(var(--primary));cursor:grab;border:none;transition:all .2s ease;box-shadow:0 2px 4px #0003;position:relative;z-index:10}.impostor-slider::-moz-range-thumb:hover{transform:scale(1.15);box-shadow:0 0 0 6px hsl(var(--primary) / .1),0 2px 4px #0003}.impostor-slider::-moz-range-thumb:active{cursor:grabbing;transform:scale(1.2)}.slider-range-labels{display:flex;justify-content:space-between;margin-top:.25rem;font-size:.6875rem;color:hsl(var(--muted-foreground))}.action-buttons{display:flex;gap:.75rem;width:100%;margin-top:1rem}.back-button{flex:0 0 auto;width:auto;min-width:100px;max-width:120px}.start-button{flex:1;max-width:none}.role-card{width:100%;flex:1;background-color:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:calc(var(--radius) + 2px);padding:40px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a;cursor:pointer;transition:all .2s ease;overflow:hidden}.role-card.impostor{background-color:hsl(var(--destructive));border-color:hsl(var(--destructive));color:hsl(var(--destructive-foreground))}.role-card h2{font-size:2.25em;margin:0;color:inherit}.role-progress{width:100%;margin-bottom:1rem}.role-progress-text{text-align:center;font-size:.875rem;font-weight:600;color:hsl(var(--muted-foreground));margin-bottom:.5rem}.role-progress-bar{width:100%;height:6px;background-color:hsl(var(--muted));border-radius:3px;overflow:hidden}.role-progress-fill{height:100%;background-color:hsl(var(--primary));transition:width .3s ease}.role-reveal-container{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;gap:1rem}#role-instruction{text-align:center;font-size:.9375rem;color:hsl(var(--muted-foreground));line-height:1.5;max-width:100%;flex-shrink:0}#btn-next-player{flex-shrink:0}.role-next-player-note{text-align:center;font-size:.8125rem;color:hsl(var(--muted-foreground));font-style:italic;flex-shrink:0}.role-card.revealed{cursor:default}.role-card.revealed:hover{transform:scale(1)}.player-list{width:100%;display:flex;flex-direction:column;gap:12px;margin:20px 0}.player-button{width:100%;max-width:100%;padding:1rem;font-size:1rem;height:auto;background-color:hsl(var(--card));color:hsl(var(--card-foreground));border:1px solid hsl(var(--border));transition:all .15s ease}.player-button:hover{background-color:hsl(var(--accent));border-color:hsl(var(--ring));opacity:1}.result-card{width:100%;background-color:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:calc(var(--radius) + 2px);padding:32px;text-align:center;box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a}.result-main-title{font-size:2.5em;font-weight:700;color:hsl(var(--foreground));margin-bottom:8px;letter-spacing:-.025em}.result-subtitle{font-size:1.125rem;color:hsl(var(--muted-foreground));margin-top:0}.result-details{width:100%;display:flex;flex-direction:column;gap:12px}.detail-item{display:flex;justify-content:space-between;align-items:center;padding:16px;background-color:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:var(--radius)}.detail-label{font-size:.875rem;font-weight:500;color:hsl(var(--muted-foreground))}.detail-value{font-size:1rem;font-weight:600;color:hsl(var(--foreground))}.instructions{background-color:hsl(var(--muted));padding:16px;border-radius:var(--radius);border-left:3px solid hsl(var(--primary));margin:16px 0}.instructions p{text-align:left;font-size:.875rem;line-height:1.6;color:hsl(var(--foreground));margin:8px 0}.how-to-play{text-align:left;max-height:400px;overflow-y:auto;padding:16px;background-color:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:var(--radius);margin:16px 0}.how-to-play h3{margin-top:20px;margin-bottom:8px;font-size:1.125rem;font-weight:600;color:hsl(var(--foreground))}.how-to-play h3:first-child{margin-top:0}.how-to-play p{text-align:left;color:hsl(var(--muted-foreground));font-size:.875rem}.how-to-play ul{margin-left:24px;text-align:left}.how-to-play li{margin:8px 0;color:hsl(var(--muted-foreground));font-size:.875rem;line-height:1.6}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%) translateY(100px);background-color:hsl(var(--foreground));color:hsl(var(--background));padding:12px 24px;border-radius:var(--radius);font-size:.875rem;font-weight:500;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;opacity:0;transition:all .3s ease;z-index:1000;max-width:90%;text-align:center}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}.close-overlay-button{position:fixed;top:24px;right:24px;width:48px;height:48px;padding:0;border-radius:50%;font-size:1.5rem;background-color:hsl(var(--card));color:hsl(var(--foreground));border:2px solid hsl(var(--border));cursor:pointer;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;transition:all .2s ease;z-index:10000;display:flex;align-items:center;justify-content:center}.close-overlay-button:hover{transform:scale(1.1);background-color:hsl(var(--destructive));color:hsl(var(--destructive-foreground));border-color:hsl(var(--destructive));box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.close-overlay-button:active{transform:scale(.95)}.reset-button{position:fixed;bottom:24px;right:24px;width:56px;height:56px;max-width:56px;padding:0;border-radius:50%;font-size:1.5rem;background-color:hsl(var(--primary));color:hsl(var(--primary-foreground));border:none;cursor:pointer;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;transition:all .2s ease;z-index:10000}.reset-button:hover{transform:scale(1.1);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;opacity:1}.reset-button:active{transform:scale(.95)}.rules-button{position:fixed;bottom:24px;left:24px;padding:.875rem 1.25rem;background-color:hsl(var(--primary));color:hsl(var(--primary-foreground));border:none;border-radius:50px;font-size:.9375rem;font-weight:600;cursor:pointer;display:none;align-items:center;gap:.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;transition:all .2s ease;z-index:10000;opacity:.9}.rules-button:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;opacity:1}.rules-button:active{transform:translateY(0)}.rules-modal{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:10001;align-items:center;justify-content:center;padding:1rem}.rules-modal.active{display:flex}.rules-modal-content{background-color:hsl(var(--background));border-radius:12px;max-width:600px;max-height:80vh;overflow-y:auto;padding:2rem;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;position:relative}.rules-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid hsl(var(--border))}.rules-modal-header h3{font-size:1.5rem;font-weight:700}.rules-modal-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:hsl(var(--muted-foreground));padding:.25rem .5rem;line-height:1;border-radius:4px;transition:all .2s ease}.rules-modal-close:hover{background-color:hsl(var(--muted));color:hsl(var(--foreground))}.rules-modal-body{color:hsl(var(--foreground))}.rules-modal-body h4{font-size:1.125rem;margin-top:1.25rem;margin-bottom:.5rem;font-weight:600}.rules-modal-body p{margin-bottom:1rem;line-height:1.6}.rules-modal-body ul{margin-left:1.5rem;margin-bottom:1rem;line-height:1.6}.rules-modal-body ul li{margin-bottom:.5rem}@media (max-width: 768px){.nav-menu{position:fixed;top:0;left:0;right:0;bottom:0;flex-direction:column;background-color:hsl(var(--background));gap:0;padding:5rem 2rem 2rem;display:flex;transform:translate(100%);transition:transform .3s ease;z-index:1000;align-items:flex-start;justify-content:flex-start}.nav-menu.active{transform:translate(0)}.nav-link{padding:1.5rem 0;width:100%;border-bottom:none;font-size:1.5rem;font-weight:600}.nav-menu li{margin:.5rem 0}.nav-cta{display:block;margin-top:2rem;width:100%}.nav-cta .cta-button{width:100%;text-align:center;display:block}.menu-toggle{display:flex}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.25rem}.hero-description{font-size:1rem}.hero-features{gap:.75rem}.feature-badge{padding:.625rem 1rem;font-size:.875rem}.section-title{font-size:2rem}.footer-content{grid-template-columns:1fr;text-align:center}.footer-brand,.footer-brand p{text-align:center}.footer-links{flex-direction:column;gap:2rem;justify-content:center;align-items:center}.footer-column,.footer-bottom{text-align:center}.game-container{padding:1rem}#app h1{font-size:2em}#app h2{font-size:1.5em}.role-card{padding:24px}}@media (max-width: 480px){.nav-container{padding:1rem}.hero-section{padding:3rem 1rem;min-height:80vh}.hero-title{font-size:2rem}.cta-button{width:100%;max-width:300px}.rule-block{padding:1.5rem}.section-title{font-size:1.75rem}#game.fullscreen-game{padding:1rem}#game.fullscreen-game .game-container{padding:1.5rem;border-radius:1rem}.game-mode-selector{grid-template-columns:1fr}.mode-button{padding:1rem}.action-buttons{flex-direction:column}.back-button,.start-button{width:100%;max-width:none}}