@font-face{font-family:Bungee;src:url(/assets/fonts/Bungee-Regular.ttf) format("truetype");font-weight:400;font-style:normal}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffde;background-color:#1a1a2e;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;padding:0;display:flex;place-items:center;min-width:320px;min-height:100vh;width:100%;overflow-x:hidden}#app{width:100%;height:100vh;margin:0;padding:0;text-align:center}#game-container{width:100%;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center}h1{font-size:2em;line-height:1.1;margin-bottom:1rem;color:#00d4ff}#phaser-game{border:2px solid #16213e;border-radius:8px;overflow:hidden;box-shadow:0 4px 12px #00000080}#info{background:#16213e;padding:1.5rem;border-radius:8px;max-width:540px;text-align:left}#info p{margin-bottom:.5rem}#info ul{margin-left:1.5rem;margin-top:.5rem}#info li{margin-bottom:.3rem;color:#ffffffb3}strong{color:#00d4ff}@media (max-width: 768px){#app{padding:.5rem;min-height:100vh}#game-container{width:100%;height:100%}h1{font-size:1.2em;margin-bottom:.5rem}#phaser-game{width:100%!important;height:auto!important;border-radius:4px}#info{padding:1rem;font-size:.9em}}.landing-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .5s ease-in-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.landing-container{text-align:center;max-width:600px;padding:40px;background:#0000004d;border-radius:20px;box-shadow:0 10px 50px #00d4ff4d;backdrop-filter:blur(10px)}.landing-title{font-family:Bungee,cursive,Arial,sans-serif;font-size:48px;color:#00d4ff;margin:0 0 16px;text-shadow:0 0 20px rgba(0,212,255,.5);line-height:1.2}@media (max-width: 768px){.landing-title{font-size:36px}}@media (max-width: 480px){.landing-title{font-size:28px}}.landing-subtitle{font-family:Arial,sans-serif;font-size:20px;color:#fff;margin:0 0 40px;opacity:.9;line-height:1.5}@media (max-width: 480px){.landing-subtitle{font-size:16px;margin:0 0 30px}}.landing-play-button{font-family:Bungee,cursive,Arial,sans-serif;font-size:24px;padding:20px 60px;background:linear-gradient(135deg,#00d4ff,#0080ff);color:#fff;border:none;border-radius:50px;cursor:pointer;box-shadow:0 5px 20px #00d4ff66;transition:all .3s ease;text-transform:uppercase;font-weight:700;outline:none}.landing-play-button:hover{transform:translateY(-2px);box-shadow:0 8px 30px #00d4ff99}.landing-play-button:active{transform:translateY(0)}.landing-play-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.landing-play-button:focus-visible{outline:3px solid #00d4ff;outline-offset:4px}.landing-container{text-align:center;max-width:500px;width:90%;padding:30px;background:#16213ef2;border:2px solid #4285f4;border-radius:24px;box-shadow:0 0 40px #4285f466;backdrop-filter:blur(10px);display:flex;flex-direction:column;align-items:center;gap:15px}.landing-date-badge{background-color:#fc0;color:#000;font-family:Arial,sans-serif;font-weight:700;font-size:14px;padding:6px 16px;border-radius:20px;text-transform:uppercase;letter-spacing:1px;margin-bottom:5px}.landing-title{font-family:Bungee,cursive,Arial,sans-serif;font-size:42px;color:#fff;margin:0;text-shadow:4px 4px 0px #000;line-height:1.1}.landing-subtitle{font-family:Arial,sans-serif;font-size:18px;color:#ccc;margin:5px 0 20px;line-height:1.6}.landing-subtitle strong{color:#00d4ff;font-size:20px}.landing-button-container{display:flex;flex-direction:column;gap:15px;width:100%}.landing-play-button{font-family:Bungee,cursive,Arial,sans-serif;font-size:28px;padding:18px 0;width:100%;background:linear-gradient(180deg,#0a0,#060);color:#fff;border:2px solid #44ff44;border-radius:12px;cursor:pointer;box-shadow:0 6px #040;transition:all .1s ease;text-transform:uppercase;text-shadow:2px 2px 0 #000}.landing-play-button:active{transform:translateY(4px);box-shadow:0 2px #040}.landing-secondary-button{background:transparent;border:2px solid rgba(255,255,255,.3);color:#fff;padding:14px;border-radius:12px;font-size:14px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:background .2s}.landing-secondary-button:hover{background:#ffffff1a;border-color:#fff}.landing-footer-link{font-size:14px;color:#888;margin-top:10px}.landing-footer-link a{color:#00d4ff;text-decoration:none}.landing-footer-link a:hover{text-decoration:underline}.landing-qr-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease-out}.landing-qr-content{background:#fff;padding:30px;border-radius:20px;text-align:center;max-width:90%;box-shadow:0 10px 40px #00000080;animation:scaleIn .2s cubic-bezier(.175,.885,.32,1.275)}.landing-qr-content h3{color:#333;margin:0 0 20px;font-family:Arial,sans-serif;font-size:20px}.landing-qr-image-container{background:#f0f0f0;padding:10px;border-radius:10px;margin-bottom:20px;min-width:256px;min-height:256px;display:flex;align-items:center;justify-content:center;color:#666}.landing-qr-image-container img{display:block;max-width:100%;border-radius:4px}.landing-qr-close{background:#f44336;color:#fff;border:none;padding:10px 30px;border-radius:20px;font-weight:700;cursor:pointer;transition:background .2s;font-size:14px;text-transform:uppercase}.landing-qr-close:hover{background:#d32f2f}@keyframes scaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@media (max-width: 480px){.landing-title{font-size:32px}.landing-play-button{font-size:24px}}@media (max-width: 768px){.landing-play-button{font-size:20px;padding:16px 40px}}@media (max-width: 480px){.landing-container{padding:30px 20px}.landing-play-button{font-size:18px;padding:14px 32px}}@media (prefers-contrast: high){.landing-container{background:#000c;border:2px solid #ffffff}.landing-play-button{border:2px solid #ffffff}}@media (prefers-reduced-motion: reduce){.landing-overlay{animation:none}.landing-play-button{transition:none}.landing-play-button:hover{transform:none}}.consent-banner{position:fixed;bottom:0;left:0;right:0;background:#16213efa;border-top:2px solid #4285f4;padding:16px 20px;display:flex;flex-direction:column;gap:12px;z-index:10001;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.consent-text{color:#ccc;font-family:Arial,sans-serif;font-size:14px;margin:0;text-align:center;line-height:1.5}.consent-text a{color:#00d4ff;text-decoration:none}.consent-text a:hover{text-decoration:underline}.consent-buttons{display:flex;justify-content:center;gap:12px}.consent-btn{font-family:Bungee,cursive,Arial,sans-serif;font-size:14px;padding:10px 24px;border-radius:20px;cursor:pointer;transition:all .2s ease;text-transform:uppercase;font-weight:700;border:none}.consent-accept{background:linear-gradient(180deg,#0a0,#060);color:#fff;box-shadow:0 3px #040}.consent-accept:hover{background:linear-gradient(180deg,#0c0,#080)}.consent-accept:active{transform:translateY(2px);box-shadow:0 1px #040}.consent-decline{background:transparent;color:#888;border:1px solid #444}.consent-decline:hover{border-color:#666;color:#aaa}@media (min-width: 600px){.consent-banner{flex-direction:row;align-items:center;justify-content:center;gap:20px}.consent-text{text-align:left}}