:root{--primary:#6366f1;--primary-hover:#4f46e5;--bg:#f3f4f6;--card-bg:#fff;--text-main:#1f2937;--text-muted:#6b7280;--border:#e5e7eb}body{background-color:var(--bg);color:var(--text-main);-webkit-font-smoothing:antialiased;justify-content:center;align-items:center;min-height:100vh;margin:0;padding:0;font-family:Inter,-apple-system,system-ui,sans-serif;display:flex;overflow:hidden}.card{background:var(--card-bg);text-align:center;border:1px solid var(--border);border-radius:24px;width:100%;max-width:450px;padding:3.5rem 2.5rem;box-shadow:0 20px 25px -5px #0000001a}.game-container{background:var(--card-bg);box-sizing:border-box;flex-direction:column;width:100vw;height:100vh;padding:1.5rem;display:flex}h1{letter-spacing:-.05em;margin-bottom:.5rem;font-size:2.5rem;font-weight:900}p{color:var(--text-muted);margin-bottom:2rem;font-size:1.1rem}input{border:2px solid var(--border);box-sizing:border-box;border-radius:14px;width:100%;margin-bottom:1rem;padding:1rem 1.25rem;font-size:1rem}button{background-color:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:14px;width:100%;padding:1rem 1.5rem;font-size:1.1rem;font-weight:700;transition:all .2s}.divider{border-top:1px solid var(--border);margin:2rem 0;position:relative}.divider-text{color:var(--text-muted);background:#fff;padding:0 12px;font-size:.85rem;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.game-logs{border:1px solid var(--border);background:#f9fafb;border-radius:16px;flex:1;min-width:0;padding:1.25rem;font-family:JetBrains Mono,monospace;overflow-y:auto}.hand-container{box-sizing:border-box;scrollbar-width:none;-webkit-user-select:none;user-select:none;background-color:#f3f4f6;border-radius:20px;flex-direction:row;gap:16px;width:100%;padding:20px;display:flex;overflow-x:scroll}.playing-card{border:1px solid var(--border);cursor:pointer;-webkit-user-select:none;user-select:none;pointer-events:auto;background:#fff;border-radius:18px;flex:0 0 160px;height:220px;padding:16px;transition:all .3s;box-shadow:0 4px 6px -1px #0000000d}.playing-card:hover{transform:translateY(-12px);box-shadow:0 20px 25px -5px #0000001a}.playing-card.selected{border:4px solid var(--primary);background-color:#f5f3ff;transform:translateY(-20px)}.playing-card.type-attack{border-top:10px solid #ef4444}.playing-card.type-defense{border-top:10px solid #3b82f6}.player-item{border:1px solid var(--border);background:#fff;border-radius:16px;margin-bottom:.75rem;padding:1.25rem}.player-item.target-selected{background:#fff1f2;border:3px solid #ef4444}.hp-bar{background:#e5e7eb;border-radius:5px;width:100%;height:10px;margin-top:10px;overflow:hidden}.hp-fill{background:#10b981;height:100%;transition:width .4s}*{-ms-overflow-style:auto;scrollbar-width:auto}.hand-container::-webkit-scrollbar{display:none}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes loading-bar{0%{width:0%;margin-left:0}50%{width:60%;margin-left:20%}to{width:0%;margin-left:100%}}.game-layout-main{flex-direction:column;flex:1;gap:1rem;min-height:0;display:flex}.game-layout-inner{flex-direction:row;flex:1;gap:1rem;min-height:0;display:flex}.game-sidebar{flex-direction:column;width:280px;height:100%;min-height:0;display:flex;overflow:hidden}@media (max-width:768px){body{align-items:flex-start}.game-container{box-sizing:border-box;border:none;border-radius:0;width:100vw;height:100vh;padding:.5rem}.card{box-shadow:none;border:none;border-radius:0;flex-direction:column;justify-content:center;height:100vh;padding:2rem 1rem;display:flex}h1{font-size:1.8rem}.game-layout-inner{flex-direction:column-reverse;gap:.5rem}.game-sidebar{flex-direction:column;flex:none;gap:.5rem;width:100%;height:auto;display:flex}.game-sidebar>h2{display:none!important}.game-sidebar>div:first-of-type{white-space:nowrap;scrollbar-width:none;gap:8px;width:100%;padding:4px 2px;flex-direction:row!important;display:flex!important;overflow-x:auto!important}.game-sidebar>div:first-of-type::-webkit-scrollbar{display:none}.player-item{box-sizing:border-box;border-radius:12px;flex-direction:column;flex:0 0 125px;justify-content:space-between;height:70px;padding:.4rem .6rem;font-size:.7rem;display:flex;margin-bottom:0!important}.player-item>div:first-of-type{align-items:flex-start;flex-direction:column!important}.hp-bar{height:5px;margin-top:4px}.game-sidebar>div:last-of-type{gap:.4rem;width:100%;border-top:none!important;flex-direction:row!important;margin-top:0!important;padding-top:0!important}.game-sidebar button{border-radius:10px;flex:1;width:auto;padding:.6rem!important;font-size:.85rem!important}.game-logs{border-radius:14px;flex:1;max-height:30vh;padding:.6rem;font-size:.75rem}.hand-container{gap:10px;height:160px;padding:10px}.playing-card{border-radius:12px;flex:0 0 100px;height:140px;padding:8px}.playing-card.selected{border:3px solid var(--primary);transform:translateY(-8px)}.playing-card>div:first-child{margin-bottom:2px;font-size:1.1rem}.playing-card>div:nth-child(2){font-size:.75rem}.playing-card>div:nth-child(3){margin-top:2px;font-size:.55rem;line-height:1.1}.playing-card>div:nth-child(4){padding-top:2px;font-size:.7rem}}