*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:#0a0a0a;color:#fff;overflow-x:hidden}header{text-align:center;padding:2rem 1rem;background:linear-gradient(135deg,#1a1a2e,#16213e)}h1{font-size:3rem;margin-bottom:.5rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.subtitle{font-size:1.2rem;color:#a0a0a0}.container{max-width:1400px;margin:0 auto;padding:2rem}.polyhedra-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));grid-gap:2rem;gap:2rem;margin-top:2rem}.polyhedron-card{background:#1a1a1a;border-radius:12px;padding:1.5rem;border:1px solid #2a2a2a;transition:transform .3s ease,box-shadow .3s ease}.polyhedron-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(102,126,234,.2)}.polyhedron-name{font-size:1.5rem;margin-bottom:1rem;text-align:center;color:#fff;font-weight:600}.canvas-container{width:100%;height:400px;background:#0f0f0f;border-radius:8px;position:relative;overflow:hidden}canvas{display:block;width:100%;height:100%;pointer-events:none!important;user-select:none!important;-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important}*{cursor:default!important}.polyhedron-card{cursor:pointer!important}.info{margin-top:1rem;text-align:center;color:#888;font-size:.9rem}.play-go-button{width:100%;background:rgba(102,126,234,.2);border:1px solid #667eea;color:#fff;padding:.75rem 1rem;border-radius:6px;cursor:pointer;font-size:1rem;transition:background .2s ease;font-weight:500}.play-go-button:hover{background:rgba(102,126,234,.3)}.fullscreen-viewer{width:100vw;height:100vh;position:fixed;top:0;left:0;background:grey;display:flex;flex-direction:column}.viewer-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;background:linear-gradient(135deg,#1a1a2e,#16213e);border-bottom:1px solid #2a2a2a;z-index:10}.viewer-header h2{font-size:2rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.back-button{background:rgba(102,126,234,.2);border:1px solid #667eea;color:#fff;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:1rem;transition:background .2s ease}.back-button:hover{background:rgba(102,126,234,.3)}.controls-hint{padding:.75rem 2rem;background:#1a1a1a;color:#888;font-size:.9rem;text-align:center;border-bottom:1px solid #2a2a2a}.fullscreen-canvas{flex:1 1;width:100%;height:100%;position:relative}.fullscreen-canvas canvas{pointer-events:none!important;user-select:none!important;-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important}.fullscreen-viewer .fullscreen-canvas canvas{pointer-events:auto!important}.go-game-status{position:fixed;top:2rem;left:0;right:0;display:flex;justify-content:space-between;padding:0 2rem;z-index:20;pointer-events:none}.go-game-status .player-area{background:rgba(26,26,26,.9);padding:1rem 1.5rem;border-radius:8px;border:2px solid #2a2a2a;min-width:140px;color:#fff;transition:border-color .2s ease;pointer-events:auto}.go-game-status .player-area.active{border:2px solid #fff}.go-game-status .player-area.black-area{background:rgba(0,0,0,.7)}.go-game-status .player-area.white-area{background:hsla(0,0%,100%,.1)}.go-game-status .player-label{font-size:1.2rem;font-weight:600;margin-bottom:.75rem}.go-game-status .metric-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;padding:.25rem 0}.go-game-status .metric-row.total-row{margin-top:.5rem;padding-top:.5rem;border-top:1px solid #444;margin-bottom:0}.go-game-status .metric-label{font-size:.9rem;color:#888;text-transform:lowercase}.go-game-status .metric-value{font-size:1.1rem;font-weight:600;color:#fff}.go-game-status .metric-row.total-row .metric-value{font-size:1.3rem;font-weight:700}.go-game-controls{position:fixed;bottom:2rem;left:50%;transform:translateX(-50%);display:flex;gap:1rem;z-index:20}.go-game-over{position:fixed;bottom:6rem;right:2rem;background:rgba(26,26,26,.95);padding:1.5rem 2rem;border-radius:8px;border:2px solid #667eea;z-index:30;color:#fff;min-width:200px;box-shadow:0 4px 12px rgba(0,0,0,.5)}.go-game-over .game-over-title{font-size:1.5rem;font-weight:700;margin-bottom:1rem;text-align:center;color:#667eea}.go-game-over .final-scores{margin-bottom:1rem}.go-game-over .score-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;font-size:1.1rem}.go-game-over .score-label{color:#888}.go-game-over .score-value{font-weight:600;color:#fff}.go-game-over .winner-message{margin-top:.75rem;padding-top:.75rem;border-top:1px solid #444;text-align:center;font-size:1.2rem;font-weight:600;color:#667eea}.back-to-main-button:hover,.invite-button:hover{background:rgba(102,126,234,.3)!important}.go-game-controls button{background:rgba(102,126,234,.2);border:1px solid #667eea;color:#fff;padding:.75rem 1.5rem;border-radius:6px;cursor:pointer;font-size:1rem;transition:background .2s ease;font-weight:500}.go-game-controls button:hover:not(:disabled){background:rgba(102,126,234,.3)}.go-game-controls button:disabled{opacity:.5;cursor:not-allowed}.go-error-message{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(220,38,38,.95);color:#fff;padding:1.5rem 2rem;border-radius:8px;border:2px solid #dc2626;z-index:100;font-size:1.1rem;font-weight:500;box-shadow:0 4px 12px rgba(0,0,0,.3);animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.go-pass-notification{position:fixed;top:2rem;left:50%;transform:translateX(-50%);background:rgba(102,126,234,.95);color:#fff;padding:1.5rem 2rem;border-radius:8px;border:2px solid #667eea;z-index:100;font-size:1.3rem;font-weight:600;box-shadow:0 4px 12px rgba(0,0,0,.3);animation:fadeInTop .2s ease}@keyframes fadeInTop{0%{opacity:0;transform:translateX(-50%) translateY(-10px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.carousel-wrapper{width:100%;margin-top:2rem;position:relative}.carousel-error,.carousel-loading{text-align:center;padding:4rem 2rem;color:#888;font-size:1.2rem}.carousel-container{position:relative;width:100%;height:500px;overflow:hidden;display:flex;align-items:center;justify-content:center}.carousel-item{position:absolute;width:100%;max-width:450px;left:50%;margin-left:-225px;transition:transform .5s cubic-bezier(.4,0,.2,1),opacity .5s ease;will-change:transform,opacity;backface-visibility:hidden;-webkit-backface-visibility:hidden}.carousel-item.center{pointer-events:auto}.carousel-item.side{pointer-events:none}.carousel-navigation{display:flex;justify-content:center;align-items:center;gap:2rem;margin-top:2rem;padding:1rem}.carousel-nav-button{background:rgba(102,126,234,.2);border:1px solid #667eea;color:#fff;padding:.75rem 1.5rem;border-radius:6px;cursor:pointer;font-size:1.5rem;transition:background .2s ease,transform .2s ease;font-weight:500;min-width:60px}.carousel-nav-button:hover{background:rgba(102,126,234,.3);transform:scale(1.05)}.carousel-nav-button:active{transform:scale(.95)}.carousel-indicator{color:#fff;font-size:1rem;font-weight:500;min-width:80px;text-align:center}.carousel-hint{text-align:center;color:#888;font-size:.9rem;margin-top:1rem;font-style:italic}