@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--bg-color:#0f172a;--bg-start:#1e1b4b;--bg-end:#0f172a;--text-color:#f8fafc;--text-muted:#94a3b8;--glass-bg:#1e293bb3;--glass-border:#ffffff1a;--glass-shadow:0 4px 30px #00000080;--primary:#3b82f6;--primary-hover:#2563eb;--success:#10b981;--error:#ef4444;--border-radius:16px;--font-family:"Inter", system-ui, -apple-system, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--bg-color);color:var(--text-color);background:radial-gradient(circle at top left, var(--bg-start), var(--bg-end));background-attachment:fixed;flex-direction:column;min-height:100vh;transition:background 1s ease-in-out;display:flex}#root{flex-direction:column;flex:1;width:100%;display:flex}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:var(--border-radius);box-shadow:var(--glass-shadow)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff4d}@keyframes popIn{0%{opacity:0;transform:translate(-50%,-40%)scale(.9)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-pop{animation:.3s cubic-bezier(.175,.885,.32,1.275) forwards popIn}.animate-slide{animation:.4s ease-out forwards slideUp}button{cursor:pointer;background:var(--primary);color:#fff;border:none;border-radius:8px;padding:10px 20px;font-family:inherit;font-weight:600;transition:all .2s}button:hover{background:var(--primary-hover);transform:translateY(-2px)}button:active{transform:translateY(0)}button:disabled{opacity:.5;cursor:not-allowed;transform:none}.home-container{color:#fff;max-width:1200px;min-height:100vh;margin:0 auto;padding:40px 20px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.home-header{text-align:center;margin-bottom:60px;animation:.8s ease-out fadeInDown}.logo-text{letter-spacing:-1px;background:linear-gradient(135deg,#fff 0%,#a5b4fc 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0;font-size:4rem;font-weight:800}.logo-dot{color:#818cf8;-webkit-text-fill-color:#818cf8}.subtitle{color:#9ca3af;margin-top:10px;font-size:1.2rem}.games-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;padding:20px;display:grid}.game-card{color:inherit;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e293bb3;border:1px solid #ffffff1a;border-radius:20px;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:block;position:relative;overflow:hidden}.game-card:before{content:"";opacity:0;background:linear-gradient(90deg,#6366f1,#a855f7,#ec4899);height:4px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.game-card:hover{background:#1e293be6;transform:translateY(-8px)scale(1.02);box-shadow:0 20px 40px #0006}.game-card:hover:before{opacity:1}.game-card-content{flex-direction:column;height:100%;padding:30px;display:flex}.game-icon{background:#ffffff0d;border-radius:20px;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:20px;font-size:3rem;display:flex}.game-card h2{margin:0 0 10px;font-size:1.5rem;font-weight:700}.game-card p{color:#94a3b8;flex-grow:1;margin-bottom:30px;line-height:1.6}.play-btn{color:#fff;text-align:center;background:#6366f1;border-radius:12px;padding:12px 24px;font-weight:600;transition:background .2s;display:inline-block}.game-card:hover .play-btn{background:#4f46e5}.disabled-card{opacity:.6;filter:grayscale(80%);cursor:not-allowed}.disabled-card:hover{box-shadow:none;background:#1e293bb3;transform:none}.disabled-card:hover:before{opacity:0}.play-btn.disabled{color:#94a3b8;background:#ffffff1a}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.app-container{flex-direction:column;gap:24px;width:100%;max-width:1000px;padding:20px;display:flex}.header{text-align:center;margin-bottom:10px}.header h1{background:linear-gradient(90deg,#3b82f6,#8b5cf6);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:8px;font-size:2.5rem}.header p{color:var(--text-muted);font-size:1.1rem}.scoreboard{border:1px solid var(--glass-border);background:#0003;border-radius:12px;justify-content:center;gap:30px;width:fit-content;margin-top:20px;margin-left:auto;margin-right:auto;padding:15px 30px;display:flex}.score-item{flex-direction:column;align-items:center;gap:5px;display:flex}.score-item span{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;font-size:.8rem}.score-item strong{color:var(--text-color);font-size:1.4rem;font-weight:700}.timer-warning strong{color:#ef4444;animation:1s infinite alternate pulse-red}@keyframes pulse-red{0%{text-shadow:0 0 5px #ef444400}to{text-shadow:0 0 15px #ef4444cc}}.game-board{align-items:stretch;gap:24px;height:600px;display:flex}.chat-section{flex-direction:column;flex:1;padding:20px;display:flex}.chat-header{border-bottom:1px solid var(--glass-border);align-items:center;gap:10px;margin-bottom:20px;padding-bottom:15px;font-size:1.2rem;font-weight:600;display:flex}.chat-messages{flex-direction:column;flex:1;gap:16px;padding-right:10px;display:flex;overflow-y:auto}.message{flex-direction:column;max-width:85%;animation:.3s ease-out forwards slideUp;display:flex}.message.left{align-self:flex-start}.message.right{align-self:flex-end}.message-sender{color:var(--text-muted);margin-bottom:4px;margin-left:12px;font-size:.8rem}.message.right .message-sender{text-align:right;margin-left:0;margin-right:12px}.message-bubble{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px 20px 20px 4px;padding:12px 16px;line-height:1.4}.message.right .message-bubble{background:var(--primary);border-color:#0000;border-bottom-right-radius:4px;border-bottom-left-radius:20px}.deduction-section{flex-direction:column;flex:1;gap:20px;display:flex}.characters-panel,.inventory-panel{flex-direction:column;padding:20px;display:flex}.characters-panel{flex:2}.inventory-panel{flex:1}.panel-title{color:var(--text-muted);align-items:center;gap:8px;margin-bottom:15px;font-size:1.1rem;font-weight:600;display:flex}.character-list{flex-direction:column;gap:16px;display:flex}.character-row{border:1px solid var(--glass-border);background:#0003;border-radius:12px;align-items:center;gap:15px;padding:12px;display:flex}.character-avatar{background:#ffffff0d;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;font-size:2.5rem;display:flex}.character-info{flex:1}.character-name{font-size:1.1rem;font-weight:600}.drop-zone{border:2px dashed var(--glass-border);background:#0003;border-radius:12px;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:8px;width:auto;min-width:100px;min-height:70px;padding:8px;transition:all .2s;display:flex}.drop-zone.is-over{border-color:var(--primary);background:#3b82f61a}.drop-zone.is-full{border-style:solid;border-color:#ffffff1a}.drop-placeholder{color:#fff3;margin:auto;font-size:.9rem}.assigned-item-pill{background:var(--glass-bg);cursor:pointer;border:1px solid #fff3;border-radius:8px;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex}.assigned-item-pill:hover{background:#ef444433;border-color:#ef444480}.character-subtext{color:var(--text-muted);margin-top:2px;font-size:.8rem}.inventory-grid{flex-wrap:wrap;gap:12px;display:flex}.draggable-item{background:var(--glass-bg);cursor:grab;-webkit-user-select:none;user-select:none;border:1px solid #fff3;border-radius:12px;flex-direction:column;align-items:center;gap:5px;padding:10px 15px;transition:transform .2s,box-shadow .2s;display:flex}.draggable-item:hover{border-color:#fff6;transform:translateY(-2px);box-shadow:0 5px 15px #0000004d}.draggable-item:active{cursor:grabbing}.item-icon{font-size:2rem}.item-name{font-size:.8rem;font-weight:500}.controls{justify-content:space-between;margin-top:20px;display:flex}.btn-secondary{border:1px solid var(--glass-border);color:var(--text-color);background:0 0}.btn-secondary:hover{background:#ffffff1a}.status-message{text-align:center;border-radius:12px;margin-top:20px;padding:15px;font-size:1.1rem;font-weight:600}.status-success{color:#34d399;background:#10b98133;border:1px solid #10b9814d}.status-error{color:#f87171;background:#ef444433;border:1px solid #ef44444d}@media (width<=768px){.app-container{padding:10px}.game-board{flex-direction:column;gap:16px;height:auto}.chat-section{max-height:350px;padding:15px}.header h1{font-size:2rem}.characters-panel,.inventory-panel{padding:15px}.character-row{flex-direction:column;align-items:flex-start;gap:10px}.drop-zone{width:100%}.character-avatar{width:50px;height:50px;font-size:2rem}}.flip-container{color:#fff;background:radial-gradient(circle,#1e293b,#0f172a);flex-direction:column;flex:1;align-items:center;width:100%;min-height:100vh;padding:20px;font-family:Inter,sans-serif;display:flex}.flip-header{text-align:center;width:100%;max-width:600px;margin-bottom:30px;position:relative}.flip-header h1{background:linear-gradient(135deg,#a78bfa,#f472b6);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:10px 0;font-size:2.5rem}.stats-bar{background:#ffffff0d;border-radius:12px;justify-content:space-between;margin-top:20px;padding:15px 25px;font-size:1.2rem;display:flex}.stars{color:#fbbf24;letter-spacing:2px}.grid-board{grid-template-columns:40px repeat(6,1fr);gap:20px;width:100%;max-width:1000px;margin-bottom:40px;display:grid}.grid-header-cell,.grid-row-header-cell{color:#64748b;justify-content:center;align-items:center;font-size:1.5rem;font-weight:700;display:flex}.memory-card{aspect-ratio:1;perspective:1000px;cursor:pointer}.memory-card-inner{text-align:center;width:100%;height:100%;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.4,0,.2,1);position:relative}.memory-card.flipped .memory-card-inner{transform:rotateY(180deg)}.memory-card.matched{pointer-events:none;animation:.6s ease-in forwards matchDisappear}.memory-card.matched .memory-card-inner{transform:rotateY(180deg)}@keyframes matchDisappear{0%{opacity:1;transform:scale(1)}30%{opacity:.9;transform:scale(1.15)}to{opacity:0;visibility:hidden;transform:scale(0)}}.memory-card-front,.memory-card-back{backface-visibility:hidden;border-radius:12px;justify-content:center;align-items:center;width:100%;height:100%;font-size:4.5rem;display:flex;position:absolute;box-shadow:0 4px 6px #0000004d}.memory-card-front{background:linear-gradient(135deg,#4f46e5,#7c3aed);border:2px solid #ffffff1a}.memory-card-front:after{content:"?";color:#fff3;font-size:4rem;font-weight:700}.memory-card-back{background:#334155;border:2px solid #475569;transform:rotateY(180deg)}.game-over-modal{text-align:center;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172af2;border:1px solid #ffffff1a;border-radius:20px;padding:40px;animation:.5s cubic-bezier(.4,0,.2,1) popIn;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 25px 50px -12px #00000080}.play-again-btn{color:#fff;cursor:pointer;background:#6366f1;border:none;border-radius:8px;margin-top:20px;padding:12px 24px;font-size:1.1rem;font-weight:600;transition:background .2s}.play-again-btn:hover{background:#4f46e5}.back-link{color:#a78bfa;margin-bottom:10px;font-weight:600;text-decoration:none;transition:color .2s;display:inline-block}.back-link:hover{color:#c4b5fd}@media (width<=600px){.grid-board{gap:5px}.memory-card-front,.memory-card-back{border-radius:8px;font-size:2.2rem}.memory-card-front:after{font-size:1.8rem}.flip-header h1{font-size:2rem}.back-link{margin-bottom:15px;display:block;position:static}}