.forest-entrance{width:100%;height:100vh;position:relative;overflow:hidden;background:linear-gradient(to bottom,#87ceeb 0% 60%,#228b22 60% 100%)}.forest-bg{position:absolute;width:100%;height:100%;display:flex;align-items:flex-end;justify-content:center;padding-bottom:20vh}.tree{position:absolute;bottom:40%;width:150px;height:200px}.tree-left{left:10%}.tree-right{right:10%}.tree-trunk{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:40px;height:80px;background:#8b4513;border-radius:5px}.tree-leaves{position:absolute;bottom:60px;left:50%;transform:translate(-50%);width:120px;height:120px;background:#228b22;border-radius:50%;box-shadow:0 -20px 0 -10px #228b22,0 -40px 0 -20px #228b22}.path{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:100px;height:40%;background:linear-gradient(to top,#D2691E 0%,transparent 100%);clip-path:polygon(40% 100%,60% 100%,55% 0%,45% 0%)}.welcome-sign{position:absolute;top:10%;left:50%;transform:translate(-50%);background:#8b4513;padding:20px 40px;border-radius:10px;box-shadow:0 4px 6px #0000001a}.welcome-sign h1{color:#fff;font-size:2.5em;text-align:center;text-shadow:2px 2px 4px rgba(0,0,0,.3)}@media (max-width: 768px){.welcome-sign h1{font-size:1.8em}.tree{width:100px;height:150px}.tree-trunk{width:30px;height:60px}.tree-leaves{width:80px;height:80px}}.door-container{position:relative;z-index:10}.interactive-door{width:200px;height:300px;background:#8b4513;border:5px solid #654321;border-radius:10px 10px 0 0;position:relative;cursor:pointer;transition:transform .8s ease-in-out;transform-style:preserve-3d;transform-origin:left center;box-shadow:0 10px 20px #0000004d}.interactive-door:hover{filter:brightness(1.1)}.interactive-door.door-opening{transform:rotateY(-75deg)}.door-frame{position:absolute;inset:-10px;border:8px solid #654321;border-radius:15px 15px 0 0;pointer-events:none}.door-sign{position:absolute;top:30px;left:50%;transform:translate(-50%);background:#fff;padding:15px 20px;border-radius:5px;font-weight:700;font-size:1.2em;text-align:center;box-shadow:0 2px 4px #0003;color:#333}.door-sign.personalized{background:linear-gradient(135deg,gold,orange);color:#fff;font-size:1.4em;animation:glow 2s ease-in-out infinite alternate}@keyframes glow{0%{box-shadow:0 2px 4px #0003,0 0 20px #ffd70080}to{box-shadow:0 2px 4px #0003,0 0 30px #ffd700cc}}.door-handle{position:absolute;right:20px;top:50%;transform:translateY(-50%);width:20px;height:30px;background:gold;border-radius:50%;box-shadow:inset 0 2px 4px #0000004d}.door-window{position:absolute;top:80px;left:50%;transform:translate(-50%);width:120px;height:80px;background:#87ceeb80;border:4px solid #654321;border-radius:5px;overflow:hidden}.door-window:after{content:"";position:absolute;top:50%;left:0;width:100%;height:4px;background:#654321}.door-window:before{content:"";position:absolute;top:0;left:50%;width:4px;height:100%;background:#654321}.door-hint{position:absolute;bottom:-50px;left:50%;transform:translate(-50%);color:#fff;font-size:1.2em;text-shadow:2px 2px 4px rgba(0,0,0,.5);white-space:nowrap;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.8;transform:translate(-50%) scale(1)}50%{opacity:1;transform:translate(-50%) scale(1.05)}}.door-locked{pointer-events:none;filter:grayscale(.5);opacity:.8}.door-locked .door-sign{background:#999;color:#666}@media (max-width: 768px){.interactive-door{width:160px;height:240px}.door-sign{font-size:1em;padding:10px 15px}.door-window{width:80px;height:60px}}.player-foyer{width:100%;height:100vh;background:linear-gradient(135deg,#e6f3ff,#b8e0ff);display:flex;flex-direction:column;align-items:center;padding:40px 20px;overflow-y:auto}.foyer-header{margin-bottom:40px}.foyer-title{font-size:3em;color:#333;text-align:center;text-shadow:2px 2px 4px rgba(0,0,0,.1)}.player-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:30px;max-width:1000px;width:100%;margin:0 auto}.player-card{background:#fff;border-radius:20px;padding:30px;text-align:center;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 6px #0000001a;position:relative;overflow:hidden}.player-card:hover{transform:translateY(-5px);box-shadow:0 8px 12px #00000026}.player-card.selected{transform:scale(1.05);box-shadow:0 10px 20px #0003;border:3px solid #4CAF50}.player-card:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.8) 0%,transparent 70%);transform:scale(0);transition:transform .6s ease}.player-card.selected:after{transform:scale(1)}.avatar{width:120px;height:120px;margin:0 auto 20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:3em;position:relative;z-index:1}.avatar-icon{filter:drop-shadow(2px 2px 4px rgba(0,0,0,.2))}.player-name{font-size:1.5em;font-weight:700;color:#333;margin-bottom:10px;position:relative;z-index:1}.last-played{font-size:.9em;color:#666;position:relative;z-index:1}.error-state{text-align:center;padding:40px;background:#fff;border-radius:10px;box-shadow:0 4px 6px #0000001a}.error-state h2{color:#f44336;margin-bottom:20px}.error-state button{background:#2196f3;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;font-size:1.1em}.error-state button:hover{background:#1976d2}@media (max-width: 768px){.foyer-title{font-size:2em}.player-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:20px}.player-card{padding:20px}.avatar{width:80px;height:80px;font-size:2em}.player-name{font-size:1.2em}}.consent-options{margin-top:2rem;text-align:center;background:#fffffff2;padding:2rem;border-radius:15px;box-shadow:0 4px 6px #0000001a}.consent-message{font-size:1.2rem;color:#333;margin-bottom:1.5rem;font-weight:500}.consent-links{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.consent-link{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 2rem;border-radius:8px;text-decoration:none;font-size:1.1rem;font-weight:500;transition:all .3s ease;min-width:200px;justify-content:center;border:none;cursor:pointer;font-family:inherit}.consent-link i{font-size:1.2rem}.primary-link{background-color:#5b92e5;color:#fff}.primary-link:hover{background-color:#4a7bc4;transform:translateY(-2px);box-shadow:0 4px 8px #5b92e54d}.secondary-link{background-color:#6c757d;color:#fff}.secondary-link:hover{background-color:#5a6268;transform:translateY(-2px);box-shadow:0 4px 8px #6c757d4d}.door-locked{cursor:not-allowed!important;opacity:.8}.door-locked .door-hint{display:none}body{margin:0;padding:0;overflow:hidden}#app{width:100%;height:100vh;margin:0;padding:0;overflow:hidden}.player-foyer-clubhouse{width:100%;height:100vh;position:relative;overflow:hidden;display:flex;align-items:flex-start;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2)}.graphics-container{position:relative;width:100%;max-width:1200px;max-height:100vh;aspect-ratio:2068.41 / 1846.73}.clubhouse-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.clubhouse-background img{width:100%;height:100%;object-fit:fill;display:block}.player-cards-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:5;pointer-events:none;transition:opacity .3s ease-in}.player-cards-overlay.loaded{animation:fadeIn .3s ease-in}.player-cards-image{width:100%;height:100%;object-fit:fill;display:block}.player-foyer-clubhouse.loading .graphics-container{opacity:0;animation:fadeIn .5s ease-in forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.player-slots{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10}.player-slot{position:absolute;opacity:0;transition:opacity .5s ease-in-out;cursor:pointer;display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:19.33%;height:17.69%;padding:0 8px;overflow:hidden}.player-slot.occupied{opacity:1}.player-name-overlay{font-family:Comic Neue,cursive,sans-serif;font-size:clamp(16px,2vw,28px);font-weight:700;color:#2d2d2d;text-align:center;z-index:5;text-shadow:2px 2px 3px rgba(255,255,255,.9),-2px -2px 3px rgba(255,255,255,.9),0 0 10px rgba(255,255,255,.8);width:100%;display:flex;align-items:center;justify-content:center;padding:0 5px;box-sizing:border-box;transform-origin:center}.player-slot.occupied:hover{transform:scale(1.05)}.player-slot.occupied.selected{transform:scale(1.1)}.player-slot.occupied.selected .player-name-overlay{filter:drop-shadow(0 0 20px rgba(255,215,0,.6))}.player-foyer-clubhouse[data-player-count="2"] .player-slot-1{left:49.94%;top:34.24%;transform:translate(-50%,-50%)}.player-foyer-clubhouse[data-player-count="2"] .player-slot-2{left:49.98%;top:57.48%;transform:translate(-50%,-50%)}.player-foyer-clubhouse[data-player-count="3"] .player-slot-1{left:49.98%;top:34.23%;transform:translate(-50%,-50%)}.player-foyer-clubhouse[data-player-count="3"] .player-slot-2{left:39.81%;top:57.49%;transform:translate(-50%,-50%)}.player-foyer-clubhouse[data-player-count="3"] .player-slot-3{left:60.56%;top:57.57%;transform:translate(-50%,-50%)}.player-foyer-clubhouse[data-player-count="4"] .player-slot-1{left:39.79%;top:34.15%;transform:translate(-50%,-50%)}.player-foyer-clubhouse[data-player-count="4"] .player-slot-2{left:60.56%;top:34.19%;transform:translate(-50%,-50%)}.player-foyer-clubhouse[data-player-count="4"] .player-slot-3{left:39.81%;top:57.53%;transform:translate(-50%,-50%)}.player-foyer-clubhouse[data-player-count="4"] .player-slot-4{left:60.54%;top:57.53%;transform:translate(-50%,-50%)}.foyer-title-overlay{position:absolute;top:10%;left:50%;transform:translate(-50%);z-index:20;text-align:center}.foyer-title-overlay h1{font-size:3.5em;color:#fff;text-shadow:3px 3px 6px rgba(0,0,0,.5),0 0 20px rgba(0,0,0,.3);font-family:Comic Neue,cursive,sans-serif;margin:0}@media (max-width: 1024px){.graphics-container{max-width:100vw}}@media (max-width: 768px){.player-name-overlay{font-size:2vw}}@media (max-width: 768px){.foyer-title-overlay h1{font-size:2.5em}}.loading-state,.error-state{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:30;background:#fffffff2;padding:40px;border-radius:20px;box-shadow:0 8px 16px #0003;text-align:center}.error-state h2{color:#d32f2f;margin-bottom:20px}.error-state button{background:#5b92e5;color:#fff;border:none;padding:12px 24px;border-radius:8px;cursor:pointer;font-size:1.1em;transition:background .3s ease}.error-state button:hover{background:#4a7bc4}