.player-list-container{width:280px;height:400px;display:flex;flex-direction:column;gap:.5rem}.player-list-scroll{flex:1;overflow-y:auto;-ms-overflow-style:none;scrollbar-width:none;padding-right:4px}.player-list-scroll::-webkit-scrollbar{display:none}.player-name{width:100%;background:#00b0f4;padding:.4rem .5rem;border-radius:8px;display:flex;align-items:center;gap:.5rem;margin-bottom:2px;box-sizing:border-box}.add-player{background:#222}.crown-icon{color:gold;font-size:1.2rem}.player-input{background:none;border:none;color:#fff;font-size:1rem;outline:none;width:130px}.player-input::placeholder{color:#ffffff80}.remove-player{background:none;border:none;color:#ffffffb3;cursor:pointer;opacity:.7;padding:0;margin-left:auto}.remove-player:hover{opacity:1}.nav-button.pink{padding:.3rem .8rem;font-size:.9rem;margin-left:auto}@media (max-width: 768px){.player-list-container{width:100%;max-width:400px}}.cactpot{display:flex;flex-direction:row;height:100%}.board-container{flex:1;display:flex;justify-content:center;align-items:center;padding:2rem}.grid-container{width:400px;height:400px;padding:20px;background-color:#f5e6d3;border:8px solid #2d4f1e;border-radius:10px;position:relative;box-shadow:0 8px 16px #0003,inset 0 2px 4px #fffc,inset 0 -2px 4px #0003;background-image:linear-gradient(135deg,#ffffff4d,#ffffff1a,#0000001a)}.grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:8px;width:100%;height:100%;padding:15px;box-sizing:border-box;background:repeating-linear-gradient(45deg,#c4a25622 0px,#c4a25622 2px,transparent 2px,transparent 4px),#f5e6d3;box-shadow:inset 0 2px 4px #0000001a}.cell{background-color:#f5e6d3;border:2px solid #c4a256;display:flex;align-items:center;justify-content:center;font-family:Arial,sans-serif;font-size:24px;color:#2d4f1e;position:relative;box-shadow:2px 2px 4px #0000001a,inset 1px 1px 2px #fffc,inset -1px -1px 2px #0000001a;background-image:linear-gradient(135deg,#fff6,#fff0,#0000000d);transition:all .2s ease}.cell:before{content:"";position:absolute;top:2px;left:2px;right:2px;bottom:2px;border:1px solid #c4a25644;box-shadow:inset 0 0 2px #0000001a}.cell.highlighted{background-color:#a7c7e7;border-color:#7ba3d0;transform:translateY(-2px);box-shadow:0 4px 8px #0003,0 0 8px #a7c7e766,inset 1px 1px 2px #fffc,inset -1px -1px 2px #0000001a;background-image:linear-gradient(135deg,#fff6,#a7c7e733,#0000000d)}.cell.highlighted:before{border-color:#7ba3d088}.cell.selected{background-color:#98e698;border-color:#4caf50;transform:translateY(-2px);box-shadow:0 4px 8px #0003,0 0 8px #4caf5066,inset 1px 1px 2px #fffc,inset -1px -1px 2px #0000001a;background-image:linear-gradient(135deg,#fff6,#98e69833,#0000000d)}.cell.selected:before{border-color:#4caf5088}.cell:hover:not(.highlighted):not(.selected){background-color:#f0d9bc;cursor:pointer;transform:translateY(-1px);box-shadow:3px 3px 6px #00000026,inset 1px 1px 2px #fffc,inset -1px -1px 2px #0000001a}.corner{position:absolute;width:20px;height:20px;border:2px solid #c4a256;transform:rotate(45deg);background:linear-gradient(135deg,#c4a256,#d4b266,#c4a256);box-shadow:1px 1px 2px #0003,inset 1px 1px 2px #fff6}.corner-tl{top:10px;left:10px}.corner-tr{top:10px;right:10px}.corner-bl{bottom:10px;left:10px}.corner-br{bottom:10px;right:10px}@media (max-width: 480px){.grid-container{width:300px;height:300px;padding:15px}.cell{font-size:20px}.corner{width:15px;height:15px}}@media (max-width: 768px){.cactpot{flex-direction:column}.board-container{padding:1rem}}*{margin:0;padding:0;box-sizing:border-box;font-family:Arial,sans-serif}:root{--activity-height: 100vh;--banner-height: 4rem;--content-padding: 1rem}body{background:#1a1a1a;height:var(--activity-height);overflow:hidden}.background{position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at center,#ffb300,#ff9100);z-index:-1;overflow:hidden;pointer-events:none}.background:before{content:"";position:absolute;width:200%;height:200%;background:repeating-radial-gradient(circle at center,#ffffff1a,#fff0 40%);animation:pulse 4s linear infinite}@keyframes pulse{0%{transform:translate(-25%,-25%) rotate(0)}to{transform:translate(-25%,-25%) rotate(360deg)}}.banner{height:var(--banner-height);padding:0 1.5rem;background:#222;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 10px #0000004d;flex-shrink:0}.logo{color:#fff;font-size:2rem;font-weight:700}.nav-button{background:#00b0f4;border:none;padding:.5rem 1rem;border-radius:8px;color:#fff;cursor:pointer;transition:transform .2s}.nav-button:hover{transform:scale(1.1)}.nav-button.pink{background:#ff4d8c}.player-name{background:#00b0f4;padding:.75rem 1rem;border-radius:12px;display:flex;align-items:center;width:fit-content;margin:1rem;box-shadow:0 4px 15px #0003}.crown-icon{color:gold;margin-right:.5rem;font-size:1.2rem}.player-input{background:none;border:none;color:#fff;font-size:1.1rem;outline:none;width:150px}.game-layout{height:100%;display:flex;flex-direction:column}.game-content{flex:1;height:calc(var(--activity-height) - var(--banner-height));padding:var(--content-padding);overflow-y:auto;position:relative}.game-container{height:100%;display:flex;flex-direction:column;gap:1.5rem;align-items:center;padding:1rem}.main-menu{height:100%;display:flex;flex-direction:row;align-items:flex-start;gap:2rem;padding:2rem;margin-left:2rem}.game-selector{flex:1;display:flex;justify-content:center;align-items:flex-start;padding-top:2rem;margin-left:auto;margin-right:auto;max-width:400px}.game-select{background:#222;color:#fff;padding:1rem 2rem;border:none;border-radius:8px;font-size:1.2rem;cursor:pointer;outline:none;width:100%;transition:transform .2s,box-shadow .2s;box-shadow:0 2px 10px #0003}.game-select:hover{transform:translateY(-2px);box-shadow:0 4px 15px #0000004d}.game-select option{background:#222;color:#fff;padding:.5rem}.player-avatars{display:flex;gap:.5rem}.player-avatar{width:40px;height:40px;border-radius:50%;background:#00b0f4;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem;box-shadow:0 2px 5px #0003;border:2px solid rgba(255,255,255,.2);position:relative}.avatar-image{width:100%;height:100%;object-fit:cover;border-radius:50%}.owner-crown{position:absolute;top:-10px;right:-6px;font-size:16px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));transform:rotate(15deg);z-index:1}.is-owner{border:2px solid #ffd700}.play-button{background:#ff4d8c;color:#fff;font-size:2rem;padding:1rem 3rem;border:none;border-radius:15px;position:fixed;bottom:2rem;right:2rem;cursor:pointer;transform:skew(-5deg);box-shadow:0 4px 15px #0000004d;transition:transform .2s}.play-button:hover{transform:skew(-5deg) scale(1.1)}:root{color-scheme:normal;background-color:transparent}@media (prefers-color-scheme: light){:root{color:inherit;background-color:transparent}}.banner-left{display:flex;align-items:center;gap:1rem}.player-list{width:100%;max-width:400px;display:flex;flex-direction:column;gap:.75rem;align-items:center;padding:0 1rem}.add-player{background:#222;transition:transform .2s}.add-player:hover{transform:scale(1.02)}.add-player .player-input{color:#fff}.add-player .player-input::placeholder{color:#ffffff80}.add-player .nav-button{padding:.3rem 1rem;margin-left:.5rem;font-size:.9rem}.remove-player{background:none;border:none;color:#ffffffb3;cursor:pointer;margin-left:.5rem;opacity:.7;transition:all .2s;padding:.2rem;border-radius:4px}.remove-player:hover{opacity:1;background:#f003}@media (max-height: 600px){:root{--banner-height: 3rem;--content-padding: .75rem}.logo{font-size:1.5rem}.player-input{font-size:.9rem}.nav-button{padding:.3rem .8rem;font-size:.9rem}h1{font-size:1.5rem}}@media (max-height: 400px){.player-name{padding:.5rem .75rem}.game-container{gap:1rem}.player-list{gap:.5rem}}@media (max-width: 480px){.banner{padding:0 1rem}.player-avatars{gap:.25rem}.player-avatar{width:32px;height:32px}}.game-content::-webkit-scrollbar{width:8px}.game-content::-webkit-scrollbar-track{background:#0000001a}.game-content::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.game-content::-webkit-scrollbar-thumb:hover{background:#ffffff4d}@media (max-width: 768px){.main-menu{flex-direction:column;align-items:center;margin-left:0}.game-selector{width:100%;padding-top:1rem}}