:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{margin:0;padding:0;width:100%;height:auto;min-height:100%}body{margin:0;padding:0;min-width:320px;min-height:100vh;width:100%;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center;width:100%;min-height:100vh}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#f8f9ff}}.app{display:flex;flex-direction:column;align-items:center;padding:20px;min-height:100vh;width:100%}.game-container{display:flex;flex-direction:column;align-items:center;gap:1.5rem;max-width:1400px;width:100%;padding:1rem}.game-header{width:100%;display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:rgba(255,255,255,.95);border-radius:16px;box-shadow:0 4px 12px #00000014}.game-title-section{display:flex;align-items:center;gap:1.5rem}.game-title-section h1{margin:0;color:#333;font-size:28px}.game-stats{display:flex;align-items:center;gap:.75rem;font-size:14px;color:#666;font-weight:500}.stat-item{padding:.5rem .75rem;background:rgba(33,150,243,.1);border-radius:8px;color:#2196f3}.stat-divider{color:#ddd}.game-controls{display:flex;gap:.75rem;flex-wrap:wrap}.game-controls button,.difficulty-buttons button{padding:12px 24px;font-size:16px;border:2px solid #333;background:white;color:#333;border-radius:8px;cursor:pointer;transition:all .2s ease}.game-controls button:hover:not(:disabled),.difficulty-buttons button:hover:not(:disabled){background:#333;color:#fff;transform:translateY(-2px)}.game-controls button:disabled{opacity:.4;cursor:not-allowed}.difficulty-buttons{display:flex;gap:1rem;justify-content:center}.completion-message{background:linear-gradient(135deg,#4caf50 0%,#66bb6a 100%);color:#fff;padding:1rem 2rem;border-radius:16px;font-size:18px;font-weight:700;box-shadow:0 8px 24px #4caf5066;animation:celebrate .6s cubic-bezier(.68,-.55,.265,1.55);position:relative;overflow:hidden;width:fit-content}.completion-message:before{content:"🎉";position:absolute;font-size:48px;animation:confetti 1s ease-out infinite;left:-10%;top:50%;transform:translateY(-50%)}.completion-message:after{content:"🎊";position:absolute;font-size:48px;animation:confetti 1s ease-out infinite;animation-delay:.5s;right:-10%;top:50%;transform:translateY(-50%)}@keyframes celebrate{0%{transform:scale(.5) translateY(-20px);opacity:0}50%{transform:scale(1.1) translateY(0)}to{transform:scale(1) translateY(0);opacity:1}}@keyframes confetti{0%,to{transform:translateY(-50%) rotate(0);opacity:1}50%{transform:translateY(-50%) rotate(180deg) scale(1.2);opacity:.8}}.placement-area{display:flex;align-items:center;justify-content:center;width:100%;max-width:800px;padding:1.5rem;background:linear-gradient(135deg,rgba(245,247,250,.6) 0%,rgba(195,207,226,.4) 100%);border-radius:20px;box-shadow:0 8px 32px #0000001f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.bottom-panel{width:100%;display:grid;grid-template-columns:35% 65%;gap:1.5rem;align-items:start}.region-status-section{background:rgba(255,255,255,.95);padding:1.5rem;border-radius:16px;box-shadow:0 6px 18px #00000014;display:flex;flex-direction:column;gap:1rem;height:fit-content}.region-status-section h3{margin:0;color:#333;font-size:18px;padding-bottom:.5rem;border-bottom:2px solid rgba(33,150,243,.2)}.region-status-list{display:flex;flex-direction:column;gap:.75rem;overflow-y:visible}.region-status-card{display:flex;gap:.75rem;align-items:center;padding:.75rem;border-radius:12px;background:rgba(248,249,250,.8);transition:all .2s ease;border:1px solid rgba(0,0,0,.05)}.region-status-card:hover{background:rgba(240,240,240,.9);transform:translate(4px)}.region-status-card.invalid{background:rgba(255,82,82,.12);border:1px solid rgba(255,82,82,.3)}.region-badge{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px;box-shadow:0 4px 12px #00000026;flex-shrink:0}.region-info{display:flex;flex-direction:column;gap:.25rem;font-size:13px;flex:1}.region-info strong{font-size:15px;color:#333}.region-info span{color:#666}.available-dominoes-section{background:rgba(255,255,255,.95);padding:1.5rem;border-radius:16px;box-shadow:0 6px 18px #00000014;display:flex;flex-direction:column}.game-board-container{display:flex;flex-direction:column;align-items:center;gap:.75rem;width:100%}.game-board{border-radius:16px;position:relative;display:flex;align-items:center;justify-content:center}.game-board-grid{display:grid;width:100%;height:100%;gap:0}.board-cell--void{background:rgba(17,17,17,0)!important;border:none!important;pointer-events:none}.board-cell{transition:background-color .2s ease,border-color .2s ease,transform .2s ease;border-radius:0;width:100%;height:100%;pointer-events:all;-webkit-tap-highlight-color:transparent}.board-cell:hover{transform:translateY(-1px)}.placement-hint{background:#2196f3;color:#fff;padding:.5rem 1rem;border-radius:8px;font-size:14px;font-weight:500}.placement-error{margin-top:.5rem;background:rgba(255,82,82,.2);color:#b71c1c;padding:.5rem 1rem;border-radius:8px;font-size:14px;border:1px solid rgba(183,28,28,.4)}.domino-pool-container{width:100%;display:flex;flex-direction:column;gap:0}.domino-pool-container h3{margin:0 0 1rem;color:#333;font-size:18px;padding-bottom:.5rem;border-bottom:2px solid rgba(33,150,243,.2)}.domino-pool{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center;padding:1rem;background:rgba(248,249,250,.6);border-radius:12px;border:1px dashed rgba(0,0,0,.1);min-height:160px;align-items:center}.domino-wrapper{transition:all .2s ease;cursor:grab;display:inline-block;-webkit-user-select:none;user-select:none;background:transparent;padding:0;margin:0;-webkit-tap-highlight-color:transparent}.domino-wrapper:active{cursor:grabbing}.domino-wrapper.dragging{opacity:.5;transform:scale(.95)}.domino-wrapper.selected{transform:scale(1.05);filter:drop-shadow(0 0 12px rgba(33,150,243,.8))}.domino-wrapper.selected .domino{border:3px solid #2196f3;box-shadow:0 0 20px #2196f399;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 0 20px #2196f399}50%{box-shadow:0 0 30px #2196f3e6}}.domino-actions{display:flex;gap:.5rem;justify-content:center;width:100%}.domino-actions button{border:none;background:#ffffff;border-radius:999px;width:32px;height:32px;font-size:18px;cursor:pointer;box-shadow:0 2px 6px #0003;transition:transform .2s ease,box-shadow .2s ease}.domino-actions button:hover{transform:rotate(-90deg);box-shadow:0 4px 10px #00000040}.domino-actions button:focus{outline:2px solid #333;outline-offset:2px}.domino{width:80px;height:40px;background:linear-gradient(135deg,#ffffff 0%,#f8f9fa 100%);border:2px solid #dee2e6;border-radius:8px;display:flex;-webkit-user-select:none;user-select:none;transition:all .2s ease;position:relative;box-shadow:0 4px 8px #0000001a}.domino:hover{box-shadow:0 6px 12px #00000026}.domino-half{flex:1;display:flex;align-items:center;justify-content:center;position:relative}.domino-half:first-child{border-right:1px solid #dee2e6}.domino-dots{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;padding:4px;width:100%;height:100%}.dot{width:6px;height:6px;background-color:#333;border-radius:50%;transition:all .1s ease}.dot.visible{opacity:1}.dot.hidden{opacity:0}.domino-pool-instructions{background:rgba(255,255,255,.9);padding:1rem;border-radius:12px;box-shadow:0 4px 8px #0000001a;text-align:left;font-size:14px;color:#666}.domino-pool-instructions p{margin:.5rem 0}@media (max-width: 1024px){.bottom-panel{grid-template-columns:40% 60%}}@media (max-width: 768px){body{place-items:flex-start;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important}body.dragging{overflow:hidden!important;position:fixed;width:100%;height:100%}#root{padding:.25rem;min-height:100vh;overflow-y:visible}.game-container{min-height:auto;padding:.25rem;gap:1rem;overflow-y:visible}.domino-wrapper.dragging{opacity:.3;transform:scale(.9)}.game-header{flex-direction:column;gap:.75rem;padding:.75rem}.game-title-section{flex-direction:column;gap:.5rem;text-align:center}.game-title-section h1{font-size:20px}.game-stats{justify-content:center}.game-controls{width:100%;justify-content:center;gap:.5rem}.game-controls button{padding:8px 16px;font-size:14px}.placement-area{padding:.5rem;max-width:100%}.bottom-panel{grid-template-columns:1fr;gap:1rem;min-height:auto}.available-dominoes-section{order:-1}.region-status-section,.available-dominoes-section{padding:1rem}.region-status-section h3,.domino-pool-container h3{font-size:16px}.region-status-list{overflow-y:visible}.domino-pool{gap:.75rem;padding:.75rem;justify-content:center}.domino{width:70px;height:35px}.dot{width:5px;height:5px}}@media (max-width: 480px){.game-title-section h1{font-size:18px}.game-controls button{padding:8px 14px;font-size:13px}.stat-item{font-size:11px;padding:.35rem .5rem}.placement-area{padding:.5rem}.domino{width:65px;height:32px}.dot{width:4px;height:4px}.region-badge{width:36px;height:36px;font-size:18px}.region-info{font-size:12px}.region-info strong{font-size:14px}.region-status-section h3,.domino-pool-container h3{font-size:15px}}@media (prefers-color-scheme: dark){.game-header h1,.domino-pool-container h3{color:#f1f1f1}.domino-pool-instructions{background:rgba(0,0,0,.7);color:#ccc}}.home-page{width:100%;max-width:1200px;display:flex;flex-direction:column;gap:2rem;padding:2rem}.home-header{text-align:center;margin-bottom:1rem}.game-logo{font-size:48px;margin:0;color:#667eea;display:flex;align-items:center;justify-content:center;gap:.5rem}.game-subtitle{font-size:18px;color:#666;margin:.5rem 0 0}.game-tagline{font-size:16px;color:#888;margin:1rem auto 0;max-width:600px;line-height:1.6}.quick-links-section{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:2rem}.quick-link-card{background:rgba(255,255,255,.95);border:2px solid #e0e0e0;border-radius:16px;padding:1.5rem;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:.5rem;text-align:center}.quick-link-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #667eea33;border-color:#667eea}.quick-link-icon{font-size:32px}.quick-link-title{font-size:16px;font-weight:600;color:#333}.quick-link-desc{font-size:13px;color:#666}.game-features{background:rgba(255,255,255,.95);padding:2.5rem;border-radius:20px;box-shadow:0 8px 24px #0000001a}.game-features h3{margin:0 0 2rem;color:#333;font-size:24px;text-align:center}.intro-text{font-size:18px;line-height:1.8;color:#444;margin:0 0 1.5rem;text-align:center;max-width:800px;margin-left:auto;margin-right:auto}.intro-links{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-bottom:2rem}.intro-link-button{background:white;border:2px solid #e0e0e0;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;transition:all .2s ease;font-size:15px;font-weight:500;color:#333}.intro-link-button:hover{background:#f5f5f5;border-color:#667eea;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-top:2rem}.feature-item{background:linear-gradient(135deg,#f5f7fa 0%,#e8ecf1 100%);padding:1.5rem;border-radius:16px;text-align:center;transition:all .3s ease;border:2px solid transparent}.feature-item:hover{transform:translateY(-4px);box-shadow:0 8px 16px #00000026;border-color:#667eea4d}.feature-icon{font-size:40px;margin-bottom:.75rem}.feature-title{font-size:16px;font-weight:700;color:#333;margin-bottom:.5rem}.feature-desc{font-size:13px;color:#666;line-height:1.5}.progress-summary{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);padding:1.5rem 2rem;border-radius:16px;box-shadow:0 8px 24px #667eea66}.progress-badge{display:flex;align-items:center;gap:1.5rem}.badge-icon{font-size:48px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.badge-content{flex:1}.badge-title{font-size:14px;color:#ffffffe6;margin-bottom:.25rem;text-transform:uppercase;letter-spacing:1px}.badge-stats{font-size:24px;font-weight:700;color:#fff}.start-game-section{background:rgba(255,255,255,.95);padding:2.5rem;border-radius:20px;box-shadow:0 8px 24px #0000001a}.start-game-section.featured{background:linear-gradient(135deg,rgba(102,126,234,.05) 0%,rgba(118,75,162,.05) 100%);border:3px solid rgba(102,126,234,.2);box-shadow:0 12px 32px #667eea26}.start-game-section h3{margin:0 0 .5rem;color:#333;font-size:24px;text-align:center}.section-subtitle{margin:0 0 2.5rem;color:#666;font-size:16px;text-align:center}.difficulty-cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.difficulty-card-large{background:linear-gradient(135deg,#ffffff 0%,#f8f9fa 100%);border:3px solid transparent;border-radius:20px;padding:2.5rem 2rem;display:flex;flex-direction:column;align-items:center;gap:1rem;transition:all .3s ease;box-shadow:0 4px 12px #00000014}.difficulty-card-large:hover{transform:translateY(-8px);box-shadow:0 12px 32px #00000026}.difficulty-card-large.easy{border-color:#4caf50}.difficulty-card-large.easy:hover{background:linear-gradient(135deg,#e8f5e9 0%,#c8e6c9 100%)}.difficulty-card-large.medium{border-color:#ff9800}.difficulty-card-large.medium:hover{background:linear-gradient(135deg,#fff3e0 0%,#ffe0b2 100%)}.difficulty-card-large.hard{border-color:#f44336}.difficulty-card-large.hard:hover{background:linear-gradient(135deg,#ffebee 0%,#ffcdd2 100%)}.difficulty-card-icon{font-size:64px;margin-bottom:.5rem}.difficulty-card-title{font-size:28px;font-weight:700;color:#333;margin-bottom:.5rem}.difficulty-card-desc{font-size:15px;color:#666;text-align:center;line-height:1.6;margin-bottom:1rem}.start-button{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border:none;padding:1rem 2.5rem;font-size:18px;font-weight:600;border-radius:12px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #667eea66;width:100%;max-width:200px}.start-button:hover{transform:translateY(-2px);box-shadow:0 8px 24px #667eea99}.start-button:active{transform:translateY(0)}.game-rules{background:rgba(255,255,255,.95);padding:2rem;border-radius:20px;box-shadow:0 8px 24px #0000001a}.game-rules h3{margin:0 0 1.5rem;color:#333;font-size:20px;text-align:center}.rules-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}.rule-card{background:rgba(248,249,250,.8);padding:1.5rem;border-radius:12px;text-align:center;transition:all .2s ease}.rule-card:hover{background:rgba(240,240,240,.9);transform:translateY(-4px)}.rule-icon{font-size:36px;margin-bottom:.75rem}.rule-title{font-size:16px;font-weight:700;color:#333;margin-bottom:.5rem}.rule-desc{font-size:13px;color:#666;line-height:1.4}.recent-levels{background:rgba(255,255,255,.95);padding:2rem;border-radius:20px;box-shadow:0 8px 24px #0000001a}.recent-levels h3{margin:0 0 1.5rem;color:#333;font-size:20px;text-align:center}.recent-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.recent-level-card{background:rgba(248,249,250,.8);border:2px solid #e0e0e0;border-radius:12px;padding:1rem;cursor:pointer;transition:all .2s ease;text-align:left}.recent-level-card:hover{background:rgba(240,240,240,.9);border-color:#2196f3;transform:translateY(-4px)}.recent-level-number{font-size:20px;font-weight:700;color:#333;margin-bottom:.5rem}.recent-level-info{display:flex;flex-direction:column;gap:.25rem;font-size:13px}.completed-badge{color:#4caf50;font-weight:600}.best-time{color:#666}.level-selector-button{text-align:center}.btn-primary{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border:none;padding:1rem 2rem;font-size:18px;border-radius:12px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #667eea66}.btn-primary:hover{transform:translateY(-4px);box-shadow:0 8px 24px #667eea99}.level-selector{width:100%;max-width:1200px;display:flex;flex-direction:column;gap:2rem;padding:2rem}.level-selector-header{display:flex;align-items:center;gap:1rem;background:rgba(255,255,255,.95);padding:1.5rem;border-radius:16px;box-shadow:0 4px 12px #00000014}.back-button{background:white;border:2px solid #e0e0e0;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;transition:all .2s ease;font-size:16px}.back-button:hover{background:#f5f5f5;border-color:#2196f3}.level-selector-header h2{margin:0;color:#333;font-size:24px;flex:1}.level-selector-content{background:rgba(255,255,255,.95);padding:2rem;border-radius:20px;box-shadow:0 8px 24px #0000001a;min-height:400px}.no-levels{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.no-levels-icon{font-size:64px;margin-bottom:1rem;opacity:.5}.no-levels-text{font-size:24px;font-weight:700;color:#666;margin-bottom:.5rem}.no-levels-hint{font-size:16px;color:#999}.difficulty-group{margin-bottom:2rem}.difficulty-group:last-child{margin-bottom:0}.difficulty-group-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;padding:1rem;border-radius:12px;background:rgba(248,249,250,.8)}.difficulty-group-header.easy{background:rgba(76,175,80,.1);border-left:4px solid #4caf50}.difficulty-group-header.medium{background:rgba(255,152,0,.1);border-left:4px solid #ff9800}.difficulty-group-header.hard{background:rgba(244,67,54,.1);border-left:4px solid #f44336}.difficulty-group-header .difficulty-icon{font-size:24px}.difficulty-group-header .difficulty-title{font-size:18px;font-weight:700;color:#333;flex:1}.difficulty-group-header .difficulty-count{font-size:14px;color:#666;background:rgba(255,255,255,.8);padding:.25rem .75rem;border-radius:12px}.level-grid-simple{display:flex;flex-wrap:wrap;gap:1rem}.level-card-simple{position:relative;background:white;border:2px solid #e0e0e0;border-radius:12px;padding:1.5rem 2rem;cursor:pointer;transition:all .2s ease;min-width:120px}.level-card-simple:hover{transform:translateY(-4px);box-shadow:0 8px 16px #00000026;border-color:#2196f3}.level-card-simple.completed{background:linear-gradient(135deg,#e8f5e9 0%,#c8e6c9 100%);border-color:#4caf50}.level-card-simple .level-number{font-size:20px;font-weight:700;color:#333}.level-card-simple .level-check{position:absolute;top:-8px;right:-8px;width:28px;height:28px;background:#4caf50;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;box-shadow:0 2px 8px #4caf5066}.home-button{background:rgba(255,255,255,.9);border:2px solid #e0e0e0;border-radius:8px;width:40px;height:40px;font-size:20px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;padding:0}.home-button:hover{background:#f5f5f5;border-color:#2196f3;transform:scale(1.1)}@media (max-width: 1024px){.features-grid,.rules-grid{grid-template-columns:repeat(2,1fr)}.difficulty-cards-grid{grid-template-columns:1fr;gap:1.5rem}.quick-links-section{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.home-page,.level-selector{padding:1rem;gap:1.5rem}.game-logo{font-size:36px}.game-subtitle{font-size:16px}.game-tagline{font-size:15px}.intro-text{font-size:16px}.features-grid{grid-template-columns:1fr;gap:1rem}.rules-grid,.recent-list{grid-template-columns:1fr}.difficulty-cards-grid{grid-template-columns:1fr;gap:1.5rem}.difficulty-card-icon{font-size:56px}.difficulty-card-title{font-size:24px}.level-grid-simple{justify-content:center}.level-card-simple{min-width:100px;padding:1.25rem 1.75rem}.progress-badge{flex-direction:column;text-align:center;gap:1rem}.quick-links-section{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.game-logo{font-size:28px}.intro-text{font-size:15px}.feature-icon{font-size:32px}.feature-title{font-size:15px}.feature-desc{font-size:12px}.difficulty-card-icon{font-size:48px}.difficulty-card-title{font-size:22px}.difficulty-card-desc{font-size:14px}.start-button{padding:.875rem 2rem;font-size:16px}.level-card-simple{min-width:90px;padding:1rem 1.5rem}.level-card-simple .level-number{font-size:18px}.badge-icon{font-size:40px}.badge-stats{font-size:20px}}.site-footer{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;padding:3rem 2rem 1.5rem;margin-top:4rem}.footer-content{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;margin-bottom:2rem}@media (max-width: 1200px){.footer-content{grid-template-columns:repeat(2,1fr)}}.footer-section h4{font-size:18px;margin:0 0 1rem;font-weight:600}.footer-section p{font-size:14px;line-height:1.6;margin:.5rem 0;opacity:.9}.footer-links{list-style:none;padding:0;margin:0}.footer-links li{margin:.5rem 0}.footer-links button,.footer-links a{color:#fff;text-decoration:none;font-size:14px;opacity:.9;transition:opacity .2s ease;background:none;border:none;padding:0;cursor:pointer;font-family:inherit}.footer-links button:hover,.footer-links a:hover{opacity:1;text-decoration:underline}.social-links{display:flex;gap:1rem;margin-top:.5rem}.social-links a{font-size:24px;transition:transform .2s ease;text-decoration:none}.social-links a:hover{transform:scale(1.2)}.footer-bottom{max-width:1200px;margin:0 auto;padding-top:2rem;border-top:1px solid rgba(255,255,255,.2);text-align:center}.footer-bottom p{font-size:14px;margin:.5rem 0;opacity:.8}.legal-page{max-width:900px;margin:0 auto;padding:2rem;background:rgba(255,255,255,.95);border-radius:20px;box-shadow:0 8px 24px #0000001a}.legal-header{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid #e0e0e0}.legal-header h1{font-size:32px;color:#333;margin:1rem 0 .5rem}.last-updated{font-size:14px;color:#666;font-style:italic}.legal-content{color:#333;line-height:1.8}.legal-content section{margin-bottom:2.5rem}.legal-content h2{font-size:24px;color:#333;margin:2rem 0 1rem;padding-bottom:.5rem;border-bottom:2px solid #667eea}.legal-content h3{font-size:18px;color:#444;margin:1.5rem 0 .75rem}.legal-content p{margin:1rem 0;font-size:15px}.legal-content ul{margin:1rem 0;padding-left:2rem}.legal-content li{margin:.5rem 0;font-size:15px}.legal-content strong{color:#333;font-weight:600}@media (max-width: 1024px){.footer-content{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.site-footer{padding:2rem 1rem 1rem;margin-top:3rem}.footer-content{grid-template-columns:1fr;gap:1.5rem}.footer-section{text-align:center}.social-links{justify-content:center}.legal-page{padding:1.5rem}.legal-header h1{font-size:24px}.legal-content h2{font-size:20px}.legal-content h3{font-size:16px}.legal-content p,.legal-content li{font-size:14px}}@media (max-width: 480px){.legal-page{padding:1rem}.legal-header h1{font-size:20px}.legal-content h2{font-size:18px}}.faq-categories{display:flex;flex-wrap:wrap;gap:.75rem;margin:1.5rem 0}.category-button{background:rgba(248,249,250,.8);border:2px solid #e0e0e0;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;transition:all .2s ease;font-size:14px;font-weight:500;color:#333}.category-button:hover{background:rgba(240,240,240,.9);border-color:#2196f3}.category-button.active{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border-color:#667eea}.faq-list{display:flex;flex-direction:column;gap:1rem;margin-top:1.5rem}.faq-item{background:rgba(248,249,250,.6);border:1px solid #e0e0e0;border-radius:12px;overflow:hidden;transition:all .2s ease}.faq-item:hover{border-color:#2196f3;box-shadow:0 4px 12px #00000014}.faq-question{width:100%;background:none;border:none;padding:1.25rem 1.5rem;text-align:left;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:1rem;font-size:16px;font-weight:600;color:#333;transition:all .2s ease}.faq-question:hover{background:rgba(240,240,240,.5)}.faq-question.open{background:rgba(102,126,234,.1);color:#667eea}.question-text{flex:1;text-align:left}.question-icon{font-size:24px;font-weight:700;color:#667eea;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:white;border-radius:50%;flex-shrink:0}.faq-answer{padding:0 1.5rem 1.5rem;color:#555;line-height:1.8;animation:fadeIn .3s ease}.faq-answer p{margin:.5rem 0}.faq-answer ul{margin:.75rem 0;padding-left:1.5rem}.faq-answer li{margin:.5rem 0}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.contact-form{max-width:600px;margin:2rem auto}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:#333;font-size:15px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.875rem 1rem;border:2px solid #e0e0e0;border-radius:8px;font-size:15px;font-family:inherit;transition:all .2s ease;background:white;color:#333}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group textarea{resize:vertical;min-height:120px}.submit-button{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border:none;padding:1rem 2.5rem;font-size:16px;font-weight:600;border-radius:8px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #667eea66;width:100%}.submit-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea80}.submit-button:active{transform:translateY(0)}.contact-success{text-align:center;padding:3rem 2rem;background:rgba(76,175,80,.1);border-radius:12px;border:2px solid #4caf50}.success-icon{font-size:64px;margin-bottom:1rem}.contact-success h3{color:#4caf50;margin:1rem 0;font-size:24px}.contact-success p{color:#555;font-size:16px}.contact-methods{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-top:1.5rem}.contact-method{background:rgba(248,249,250,.8);padding:1.5rem;border-radius:12px;text-align:center;transition:all .2s ease;border:2px solid transparent}.contact-method:hover{background:rgba(240,240,240,.9);border-color:#667eea;transform:translateY(-4px);box-shadow:0 8px 16px #0000001a}.method-icon{font-size:48px;margin-bottom:1rem}.contact-method h3{font-size:18px;color:#333;margin:.75rem 0}.contact-method p{font-size:14px;color:#666;margin:.5rem 0}.method-desc{font-size:13px!important;color:#888!important;line-height:1.5}.contact-method a{color:#667eea;text-decoration:none;font-weight:600}.contact-method a:hover{text-decoration:underline}.social-links-contact{display:flex;gap:1rem;justify-content:center;margin-top:1.5rem}.social-link-card{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.5rem 2rem;background:rgba(248,249,250,.8);border:2px solid #e0e0e0;border-radius:12px;text-decoration:none;transition:all .2s ease;min-width:120px}.social-link-card:hover{background:rgba(240,240,240,.9);border-color:#667eea;transform:translateY(-4px);box-shadow:0 8px 16px #0000001a}.social-icon{font-size:36px}.social-name{font-size:14px;font-weight:600;color:#333}@media (max-width: 768px){.faq-categories{gap:.5rem}.category-button{padding:.5rem 1rem;font-size:13px}.faq-question{padding:1rem;font-size:15px}.question-icon{font-size:20px;width:28px;height:28px}.faq-answer{padding:0 1rem 1rem;font-size:14px}.contact-form{margin:1.5rem 0}.form-group input,.form-group select,.form-group textarea{padding:.75rem;font-size:14px}.submit-button{padding:.875rem 2rem;font-size:15px}.contact-methods{grid-template-columns:1fr;gap:1rem}.method-icon{font-size:40px}.contact-method h3{font-size:16px}.social-links-contact{flex-direction:column;gap:.75rem}.social-link-card{padding:1.25rem 1.5rem;min-width:auto}.social-icon{font-size:32px}}@media (max-width: 480px){.faq-question{font-size:14px;padding:.875rem}.faq-answer{font-size:13px}.contact-success{padding:2rem 1rem}.success-icon{font-size:48px}.contact-success h3{font-size:20px}.contact-success p{font-size:14px}}.navigation-bar{position:sticky;top:0;z-index:1000;background:linear-gradient(135deg,rgba(102,126,234,.85) 0%,rgba(118,75,162,.85) 100%);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);box-shadow:0 2px 8px #00000026;width:100%}.nav-container{max-width:1280px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center;height:64px}.nav-logo{display:flex;align-items:center;gap:.75rem;background:none;border:none;cursor:pointer;padding:.5rem 1rem;border-radius:8px;transition:all .2s ease}.nav-logo:hover{background:rgba(255,255,255,.1)}.logo-icon{font-size:28px;line-height:1}.logo-text{font-size:20px;font-weight:700;color:#fff;letter-spacing:.5px}.nav-menu{display:flex;gap:.5rem;align-items:center}.nav-link{background:none;border:none;color:#fff;padding:.75rem 1.25rem;font-size:15px;font-weight:500;cursor:pointer;border-radius:8px;transition:all .2s ease;position:relative;font-family:inherit}.nav-link:hover{background:rgba(255,255,255,.15)}.nav-link.active{background:rgba(255,255,255,.25);font-weight:600}.nav-link.active:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:60%;height:3px;background:white;border-radius:2px 2px 0 0}.mobile-menu-button{display:none;background:none;border:none;color:#fff;font-size:28px;cursor:pointer;padding:.5rem;line-height:1;transition:all .2s ease}.mobile-menu-button:hover{background:rgba(255,255,255,.1);border-radius:8px}.menu-icon{display:block;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.mobile-menu{display:none;background:rgba(102,126,234,.85);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);padding:1rem;border-top:1px solid rgba(255,255,255,.2);animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.mobile-nav-link{display:block;width:100%;background:none;border:none;color:#fff;padding:1rem 1.25rem;font-size:16px;font-weight:500;cursor:pointer;border-radius:8px;transition:all .2s ease;text-align:left;margin-bottom:.5rem;font-family:inherit}.mobile-nav-link:hover{background:rgba(255,255,255,.15)}.mobile-nav-link.active{background:rgba(255,255,255,.25);font-weight:600}.mobile-nav-link:last-child{margin-bottom:0}.mobile-nav-link:disabled{opacity:.4;cursor:not-allowed}@media (max-width: 768px){.nav-container{padding:0 1rem;height:56px}.logo-text{font-size:18px}.logo-icon{font-size:24px}.nav-menu{display:none}.mobile-menu-button,.mobile-menu{display:block}}@media (max-width: 480px){.nav-container{padding:0 .75rem}.logo-text{font-size:16px}.logo-icon{font-size:22px}.nav-logo{padding:.5rem .75rem}}.app{padding-top:0}.game-container{padding-top:1rem}.game-info-inline{display:flex;align-items:center;gap:.5rem;font-size:14px;color:#fff;font-weight:500;padding:.5rem 1rem;background:rgba(255,255,255,.15);border-radius:8px}.game-info-item{display:flex;align-items:center;gap:.25rem}.game-info-divider{color:#ffffff80}.nav-game-button{background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.3);color:#fff;padding:.5rem 1rem;font-size:14px;font-weight:500;cursor:pointer;border-radius:8px;transition:all .2s ease;font-family:inherit}.nav-game-button:hover:not(:disabled){background:rgba(255,255,255,.3);transform:translateY(-1px)}.nav-game-button:disabled{opacity:.4;cursor:not-allowed}.nav-game-button.reset{background:rgba(255,82,82,.3);border-color:#ff525280}.nav-game-button.reset:hover:not(:disabled){background:rgba(255,82,82,.4)}.mobile-game-info{display:flex;flex-direction:column;gap:.5rem;padding:1rem;background:rgba(255,255,255,.1);border-radius:8px;margin-bottom:1rem;color:#fff;font-size:14px}.mobile-menu-divider{height:1px;background:rgba(255,255,255,.2);margin:.5rem 0}@media (max-width: 768px){.game-info-inline{display:none}}@media (max-width: 480px){.nav-game-button{padding:.4rem .75rem;font-size:13px}}.difficulty-badge{display:flex;justify-content:center;align-items:center;margin-bottom:1rem}.difficulty-label{padding:.5rem 1.5rem;border-radius:20px;font-weight:600;font-size:14px;letter-spacing:.5px;box-shadow:0 2px 8px #00000026;transition:transform .2s ease}.difficulty-label:hover{transform:scale(1.05)}.difficulty-easy{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.difficulty-medium{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.difficulty-hard{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}@media (max-width: 768px){.difficulty-label{font-size:12px;padding:.4rem 1.2rem}}