@import "https://fonts.googleapis.com/css2?family=Cinzel:wght@400;700;900&display=swap";
@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/8a480f0b521d4e75-s.8e0177b5.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7178b3e590c64307-s.b97b3418.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/caa3a2e1cccd8315-s.p.853070df.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Fallback;src:local(Arial);ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.0%;size-adjust:104.76%}.geist_a71539c9-module__T19VSG__className{font-family:Geist,Geist Fallback;font-style:normal}.geist_a71539c9-module__T19VSG__variable{--font-geist-sans:"Geist","Geist Fallback"}
@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/4fa387ec64143e14-s.c1fdd6c2.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/bbc41e54d2fcbd21-s.799d8ef8.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/797e433ab948586e-s.p.dbea232f.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono Fallback;src:local(Arial);ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.0%;size-adjust:134.59%}.geist_mono_8d43a2aa-module__8Li5zG__className{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.geist_mono_8d43a2aa-module__8Li5zG__variable{--font-geist-mono:"Geist Mono","Geist Mono Fallback"}
@font-face{font-family:Cinzel;font-style:normal;font-weight:400 900;font-display:swap;src:url(../media/f13700f23fbdc6fd-s.7f4e28d1.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Cinzel;font-style:normal;font-weight:400 900;font-display:swap;src:url(../media/cc014fcb166cf364-s.p.e32417d2.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Cinzel Fallback;src:local(Times New Roman);ascent-override:71.31%;descent-override:27.18%;line-gap-override:0.0%;size-adjust:136.86%}.cinzel_9318c452-module__c1yHUW__className{font-family:Cinzel,Cinzel Fallback;font-style:normal}.cinzel_9318c452-module__c1yHUW__variable{--font-cinzel:"Cinzel","Cinzel Fallback"}
:root{--bg-primary:#000;--bg-secondary:#050505;--bg-tertiary:#101010;--text-primary:#ededed;--text-secondary:#a1a1aa;--text-muted:#52525b;--accent-purple:#8b5cf6;--accent-gold:#3b82f6;--accent-sand:#60a5fa;--accent-blue:#3b82f6;--border-color:#27272a;--sidebar-width:60px;--right-panel-width:350px;--font-inter:"Inter",sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-inter);width:100vw;height:100vh;overflow:hidden}.app-container{width:100%;height:100vh;display:flex;overflow:hidden}.main-content{background-color:#000;flex-direction:column;flex:1;display:flex;position:relative}.sidebar{width:var(--sidebar-width);border-right:1px solid var(--border-color);background-color:var(--bg-secondary);z-index:50;flex-direction:column;justify-content:space-between;align-items:center;height:100%;padding:20px 0;transition:width .3s,opacity .3s,transform .3s;display:flex;position:relative}.sidebar.collapsed{background-color:#0000;border-right:none;width:12px;padding:0;overflow:hidden}.sidebar.collapsed .sidebar-group,.sidebar.collapsed .divider,.sidebar.collapsed .spacer,.sidebar.collapsed .user-avatar{opacity:0;pointer-events:none;transition:opacity .1s}.sidebar.collapsed:hover{width:var(--sidebar-width);background-color:var(--bg-secondary);border-right:1px solid var(--border-color);padding:20px 0}.sidebar.collapsed:hover .sidebar-group,.sidebar.collapsed:hover .divider,.sidebar.collapsed:hover .spacer,.sidebar.collapsed:hover .user-avatar{opacity:1;pointer-events:auto;transition:opacity .3s .1s}.sidebar-group{flex-direction:column;align-items:center;gap:8px;display:flex}.icon-btn{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:6px;transition:all .2s;display:flex}.icon-btn svg{width:20px;height:20px}.icon-btn:hover{background-color:var(--bg-tertiary);color:#fff}.icon-btn.active{color:var(--accent-gold)}.user-avatar{background-color:var(--bg-tertiary);width:32px;height:32px;color:var(--text-muted);border-radius:4px;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.right-panel{width:var(--right-panel-width);border-left:1px solid var(--border-color);background-color:var(--bg-secondary);z-index:50;flex-direction:column;height:100%;display:flex}.tab-header{border-bottom:1px solid var(--border-color);align-items:center;gap:24px;padding:16px;display:flex}.tab-btn{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;align-items:center;gap:8px;font-size:14px;font-weight:500;transition:color .2s;display:flex}.tab-btn:hover{color:#fff}.tab-btn.active{color:var(--accent-gold)}.panel-content{flex-direction:column;flex:1;display:flex;overflow:hidden}.cards-view{flex-direction:column;gap:16px;height:100%;padding:16px;display:flex}.search-input{background-color:var(--bg-tertiary);border:1px solid var(--border-color);color:#fff;border-radius:6px;outline:none;width:100%;padding:10px 12px;font-size:14px}.filters{color:var(--text-secondary);flex-direction:column;gap:10px;font-size:13px;display:flex}.checkbox-label{cursor:pointer;align-items:center;gap:8px;display:flex}.checkbox-label:hover{color:#fff}.card-preview-area{border-top:1px solid var(--border-color);flex-direction:column;flex:1;justify-content:center;align-items:center;margin-top:16px;display:flex}.card-placeholder{border:1px solid var(--border-color);background-color:#000;border-radius:12px;justify-content:center;align-items:center;width:220px;height:320px;display:flex;position:relative;overflow:hidden}.game-area{background-color:#000;flex-direction:column;flex:1;height:100%;display:flex;position:relative}.player-slot{border-bottom:1px solid var(--border-color);flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.player-slot.top{background-color:#050505}.player-slot.bottom{background-color:#080808;border-bottom:none}.video-placeholder{color:var(--text-muted);opacity:.3;text-transform:uppercase;z-index:0;font-size:2rem;font-weight:700}.mute-icon-container{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:5;background-color:#0009;border-radius:50%;padding:16px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.floating-controls{z-index:20;position:absolute;bottom:16px;left:16px}.player-overlay{z-index:10;background:linear-gradient(#000c 0%,#0000 100%);width:100%;position:absolute;top:0;left:0}.overlay-header{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0006;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:8px 16px;display:flex}.lp-counter{align-items:center;display:flex}.lp-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:0 12px;font-size:24px;font-weight:700;transition:color .2s}.lp-btn:hover{color:#fff;background-color:#ffffff1a}.lp-value{color:#fff;text-shadow:0 0 10px #ffffff4d;text-align:center;min-width:100px;margin:0 16px;font-family:monospace;font-size:32px;font-weight:900}.lp-value-container{justify-content:center;align-items:center;min-width:140px;display:flex}.lp-input-wrapper{align-items:center;gap:4px;display:flex}.lp-operator{color:var(--accent-gold);font-size:20px;font-weight:700}.lp-input{border:1px solid var(--accent-purple);color:#fff;text-align:center;background:#00000080;border-radius:4px;outline:none;width:100px;padding:4px;font-family:monospace;font-size:24px}.lp-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.lp-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.lp-input{appearance:textfield}.player-info{align-items:center;gap:12px;display:flex}.player-name{color:#fff;font-size:14px;font-weight:700}.self-indicator{color:var(--accent-gold);align-items:center;display:flex}.hidden{display:none}.flex-column{flex-direction:column;display:flex}.center{justify-content:center;align-items:center;display:flex}.mt-4{margin-top:16px}.text-xs{font-size:12px}.text-muted{color:var(--text-muted)}.game-area.boxed .player-slot.maximized{z-index:10;height:100%}.game-area.boxed .player-slot.minimized{z-index:20;border:2px solid var(--border-color);background:var(--bg-secondary);border-radius:8px;width:200px;height:150px;transition:all .3s;position:absolute;top:16px;right:16px;box-shadow:0 4px 12px #00000080}.game-area.boxed .player-slot.minimized .overlay-header{display:none}.game-area.fullscreen .player-slot.maximized{z-index:10;height:100%}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background-color:#000000b3;justify-content:center;align-items:center;width:100vw;height:100vh;animation:.2s ease-out fadeIn;display:flex;position:fixed;top:0;left:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.settings-modal{border:1px solid var(--border-color);background:#181921;border-radius:4px;width:300px;max-width:90vw;animation:.2s ease-out slideUp;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.settings-group{flex-direction:column;display:flex}.group-divider{background-color:var(--border-color);width:100%;height:1px}.modal-content{padding:8px 0}.settings-list{list-style:none}.settings-item{cursor:pointer;color:#d1d5db;text-align:left;align-items:center;gap:12px;width:100%;padding:12px 16px;font-size:14px;font-weight:400;transition:background-color .1s;display:flex}.settings-item:hover{background-color:var(--bg-tertiary);color:#fff}.settings-item.dangerous{color:#ef4444}.settings-item.dangerous:hover{background-color:#ef44441a}.input-config-view{color:#fff;flex-direction:column;gap:24px;padding:24px;display:flex}.view-title{text-align:center;margin-bottom:8px;font-size:20px;font-weight:500}.config-form{flex-direction:column;gap:16px;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{color:#9ca3af;font-size:13px}.form-group select{border:1px solid var(--border-color);color:#fff;cursor:pointer;background-color:#0f1014;border-radius:4px;outline:none;padding:8px 12px;font-size:14px}.form-group select:focus{border-color:var(--accent-purple)}.modal-footer-single-btn{justify-content:center;margin-top:16px;display:flex}.primary-btn{background-color:var(--accent-purple);color:#fff;cursor:pointer;border:none;border-radius:4px;padding:8px 24px;font-size:14px;font-weight:500;transition:background-color .2s}.primary-btn:hover{background-color:#7c3aed}.section-title{text-transform:uppercase;color:#9ca3af;letter-spacing:.05em;margin-bottom:12px;font-size:11px;font-weight:700}.preference-row{justify-content:space-between;align-items:center;padding:8px 0;display:flex}.preference-label{color:#e5e7eb;font-size:14px}.toggle-switch{width:40px;height:20px;display:inline-block;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background-color:#374151;border:1px solid #4b5563;border-radius:34px;transition:all .2s;position:absolute;inset:0}.slider:before{content:"";background-color:#9ca3af;border-radius:50%;width:12px;height:12px;transition:all .2s;position:absolute;bottom:3px;left:3px}input:checked+.slider{background-color:#0000;border-color:#60a5fa}input:checked+.slider:before{background-color:#60a5fa;transform:translate(20px)}.dice-result-view{flex-direction:column;align-items:center;gap:24px;padding:32px 24px;display:flex}.result-display{flex-direction:column;align-items:center;gap:16px;animation:.3s cubic-bezier(.175,.885,.32,1.275) popIn;display:flex}@keyframes popIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.result-value{color:#fff;text-shadow:0 4px 10px #00000080;font-size:48px;font-weight:700}.coin-icon,.dice-icon{font-size:64px}.item-icon{text-align:center;width:24px;font-size:18px}.lobby-container{color:#fff;background:#000;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;overflow:hidden}.lobby-content{flex-direction:column;gap:40px;width:100%;max-width:1200px;height:90vh;padding:0 24px;display:flex}.lobby-header{text-align:center;animation:.8s ease-out fadeInDown}.game-title{color:var(--accent-sand);background:0 0;-webkit-background-clip:unset;-webkit-text-fill-color:initial;text-shadow:0 0 25px #3b82f64d;margin-bottom:8px;font-size:48px;font-weight:800}.game-subtitle{color:#9ca3af;font-size:18px}.lobby-main{flex:1;gap:40px;animation:.8s ease-out .2s backwards fadeInUp;display:flex}.lobby-section{background:#ffffff08;border:1px solid #ffffff0d;border-radius:16px;flex-direction:column;flex:1;gap:20px;padding:24px;display:flex}.section-heading{color:#e5e7eb;border-bottom:2px solid #ffffff0d;padding-bottom:12px;font-size:20px;font-weight:600}.card-grid{grid-template-columns:1fr;gap:16px;display:grid}.lobby-card{cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:20px;padding:24px;transition:all .3s;display:flex}.lobby-card:hover{background:#ffffff1a;border-color:#60a5fa80;transform:translateY(-2px);box-shadow:0 4px 20px #0003}.card-icon{background:#ffffff0d;border-radius:12px;justify-content:center;align-items:center;width:60px;height:60px;font-size:32px;display:flex}.card-info h3{color:#fff;margin-bottom:4px;font-size:18px}.card-info p{color:#9ca3af;font-size:14px}.section-header-row{border-bottom:2px solid #ffffff0d;justify-content:space-between;align-items:center;padding-bottom:12px;display:flex}.section-header-row .section-heading{border-bottom:none;margin-bottom:0;padding-bottom:0}.secondary-btn{border:1px solid var(--accent-sand);color:var(--accent-sand);cursor:pointer;background:0 0;border-radius:6px;padding:8px 16px;transition:all .2s}.secondary-btn:hover{color:#fff;background:#3b82f61a;border-color:#fff}.join-room-row{gap:12px;display:flex}.lobby-input{color:#fff;background:#0f1014;border:1px solid #ffffff1a;border-radius:6px;outline:none;flex:1;padding:8px 12px}.lobby-input:focus{border-color:var(--accent-sand)}.primary-btn.small{background-color:var(--accent-sand);color:#000;cursor:pointer;border:none;border-radius:6px;padding:8px 16px;font-weight:600}.primary-btn.small:hover{background-color:#2563eb}.room-list{flex-direction:column;flex:1;gap:8px;display:flex;overflow-y:auto}.room-list-header{text-transform:uppercase;color:#6b7280;grid-template-columns:2fr 1fr 1fr 1fr;margin-bottom:8px;padding:0 16px;font-size:12px;font-weight:600;display:grid}.room-item{background:#ffffff05;border-radius:8px;grid-template-columns:2fr 1fr 1fr 1fr;align-items:center;padding:12px 16px;font-size:14px;transition:background .2s;display:grid}.badge{text-transform:uppercase;border-radius:4px;padding:4px 8px;font-size:11px;font-weight:600;display:inline-block}.badge.ranked{color:#f87171;background:#ef444433}.badge.casual{color:#60a5fa;background:#3b82f633}.badge.tag{color:#34d399;background:#10b98133}.action-btn{color:#60a5fa;cursor:pointer;background:#60a5fa1a;border:none;border-radius:4px;padding:4px 12px;transition:all .2s}.action-btn:hover{background:#60a5fa33}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.panel-tabs{border-bottom:1px solid var(--border-color);height:48px;display:flex}.panel-tab{color:#9ca3af;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;justify-content:center;align-items:center;gap:8px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.panel-tab:hover{color:#e5e7eb;background:#ffffff05}.panel-tab.active{color:#f59e0b;border-bottom-color:#f59e0b}.panel-content{flex:1;overflow-y:auto}.cards-view{flex-direction:column;gap:16px;padding:16px;display:flex}.search-input{color:#e5e7eb;background:#1f2937;border:1px solid #ffffff1a;border-radius:4px;outline:none;width:100%;padding:8px 12px;font-size:13px}.search-input:focus{border-color:#f59e0b80}.filters-container{flex-direction:column;gap:8px;display:flex}.checkbox-item{color:#d1d5db;cursor:pointer;align-items:center;gap:8px;font-size:13px;display:flex}.checkbox-item input[type=checkbox]{accent-color:#f59e0b;width:14px;height:14px}.separator{background:#ffffff0d;height:1px;margin:4px 0}.card-preview-container{flex-direction:column;align-items:center;gap:12px;margin-top:24px;display:flex}.card-placeholder-box{background-color:#000;border:1px solid #ffffff1a;border-radius:12px;justify-content:center;align-items:center;width:200px;height:290px;display:flex}.search-icon-placeholder{color:#fff3;width:48px;height:48px}.placeholder-text{color:#6b7280;font-size:12px;font-style:italic}.log-view{padding:16px}.empty-log{text-align:center;color:#6b7280;margin-top:40px;font-size:13px}.create-room-modal{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1a1b23f2;border:1px solid #ffffff1a;border-radius:16px;width:100%;max-width:480px;padding:32px;animation:.3s ease-out bg-fade-in;box-shadow:0 8px 32px #0006}.modal-header{justify-content:space-between;align-items:flex-start;margin-bottom:24px;display:flex}.modal-header h2{color:var(--accent-sand);background:0 0;-webkit-background-clip:unset;-webkit-text-fill-color:initial;text-shadow:0 0 15px #3b82f633;margin:0;font-size:24px;font-weight:700}.create-room-modal .close-btn{color:#9ca3af;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:28px;line-height:1;transition:all .2s;display:flex}.create-room-modal .close-btn:hover{color:#fff;background:#ffffff1a}.modal-form{flex-direction:column;gap:20px;display:flex}.form-section{flex-direction:column;gap:8px;display:flex}.text-input,.select-input{color:#fff;background:#0000004d;border:1px solid #ffffff1a;border-radius:8px;padding:12px 16px;font-size:14px;transition:all .2s}.text-input:focus,.select-input:focus{background:#00000080;border-color:#60a5fa;box-shadow:0 0 0 2px #60a5fa33}.textarea{resize:none;min-height:80px}.toggle-switch-container{cursor:pointer;justify-content:space-between;align-items:center;display:flex}.helper-text{color:#6b7280;margin-top:4px;font-size:12px}.modal-footer{border-top:1px solid #ffffff0d;justify-content:flex-end;gap:12px;margin-top:12px;padding-top:24px;display:flex}.create-room-modal .btn-secondary{color:#e5e7eb;cursor:pointer;background:#ffffff08;border:1px solid #ffffff1a;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .2s}.create-room-modal .btn-secondary:hover{color:#fff;background:#ffffff14;border-color:#ffffff4d}.create-room-modal .btn-primary{background:var(--accent-sand);color:#000;cursor:pointer;border:none;border-radius:8px;padding:10px 24px;font-size:14px;font-weight:600;transition:all .2s;position:relative;overflow:hidden;box-shadow:0 4px 12px #3b82f633}.create-room-modal .btn-primary:hover{filter:brightness(.95);transform:translateY(-1px);box-shadow:0 6px 16px #3b82f666}.create-room-modal .btn-primary:active{transform:translateY(0)}.room-list-header{color:#9ca3af;text-transform:uppercase;border-bottom:1px solid #ffffff0d;justify-content:space-between;padding:12px 16px;font-size:13px;font-weight:500;display:flex}.room-list-header span{flex:1}.room-list-header span:last-child{text-align:right;flex:.5}.room-item{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:16px;transition:background .2s;display:flex}.room-item:hover{background:#ffffff05}.room-item span{color:#e5e7eb;flex:1;font-size:14px}.status-badges{flex:1;align-items:center;display:flex}.room-item.full{opacity:.6}.action-btn{color:var(--accent-sand);border:1px solid var(--accent-sand);cursor:pointer;background:#3b82f61a;border-radius:4px;padding:6px 12px;font-size:13px;font-weight:500;transition:all .2s}.action-btn:hover{background:var(--accent-sand);color:#000}.action-btn.disabled{color:#9ca3af;cursor:not-allowed;opacity:.7;background:#4b5563}.action-btn.disabled:hover{background:#4b5563}.btn-custom-game{color:#fff;background-color:#ef4444;border:none;font-weight:700;transition:all .3s}.btn-custom-game:hover{color:#fff;background-color:#3b82f6;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f666}