*{margin:0;padding:0;box-sizing:border-box;-webkit-user-select:none;user-select:none}body{margin:0;min-height:100vh;background-color:#0a0f1e;background-image:linear-gradient(124deg,#ff240066,#e81d1d66,#e8b71d66,#e3e81d66,#1de84066,#1ddde866,#2b1de866,#dd00f366,#dd00f366);background-size:1800% 1800%;background-blend-mode:overlay;animation:rainbow 18s ease infinite}@keyframes rainbow{0%{background-position:0% 0%}50%{background-position:100% 100%}to{background-position:0% 0%}}.three-canvas{display:block;position:fixed;top:0;left:0;width:100%;height:100%;z-index:0}.lobby-panel{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#000000d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:16px;padding:16px;z-index:200;color:#fff;min-width:280px;box-shadow:0 8px 20px #0000004d;border:1px solid rgba(255,255,255,.2)}.lobby-panel-body{display:flex;gap:8px;flex-wrap:nowrap;justify-content:center}.lobby-panel h3{margin-bottom:12px;font-size:18px;text-align:center;color:#ffd966}.lobby-panel input{width:100%;padding:8px;margin-bottom:10px;border-radius:8px;border:none;background:#2a2a2a;color:#fff}.lobby-panel button{background:#4caf50;border:none;color:#fff;padding:8px 12px;border-radius:8px;cursor:pointer;margin:4px}.lobby-panel button.danger{background:#dc3545}.room-list{margin-top:15px;border-top:1px solid #444;padding-top:10px;max-height:200px;overflow-y:auto}.room-item{background:#333;margin:6px 0;padding:6px 10px;border-radius:8px;display:flex;justify-content:space-between}.status-text{font-size:12px;margin-top:8px;text-align:center;color:#aaa}.dialog-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:none;align-items:center;justify-content:center;z-index:1000}.dialog-overlay.active{display:flex}.dialog-box{background:#1e1e2f;border-radius:24px;padding:24px;min-width:320px;text-align:center;color:#fff;box-shadow:0 20px 35px #00000080;border:1px solid #ffd966}.dialog-buttons{display:flex;gap:15px;justify-content:center;flex-wrap:wrap;margin-top:20px}.dialog-buttons button{padding:10px 24px;border-radius:40px;font-weight:700;cursor:pointer}.ready-status{margin:15px 0;background:#2a2a2a;padding:10px;border-radius:12px}.action-panel{display:none;position:fixed;left:50%;bottom:1%;transform:translate(-50%,-50%);background:#000000b3;padding:.5vh 1vw;border-radius:40px;gap:10px;z-index:200;flex-wrap:nowrap;justify-content:center;max-width:95vw;white-space:nowrap;-webkit-overflow-scrolling:touch}.action-panel button{padding:10px 24px;border-radius:40px;font-weight:700;cursor:pointer;flex:0 1 auto;min-width:60px;white-space:nowrap}.action-panel::-webkit-scrollbar{display:none}.action-panel{-ms-overflow-style:none;scrollbar-width:none}@media(orientation:landscape){.action-panel{top:5%;bottom:unset;padding:.5vh 1vw;gap:1vw;max-width:90vw}.action-panel button{padding:.5vh 1.5vw;font-size:clamp(10px,1.8vw,16px);min-width:50px}}@media(max-width:768px){.action-panel{gap:6px;padding:.5vh 1vw}.action-panel button{padding:8px 16px;font-size:14px}}@media(max-width:480px){.action-panel{bottom:2%;gap:4px}.action-panel button{padding:6px 12px;font-size:12px;min-width:45px}}