:root{--primary-color:#f60;--background-mint:#83ffe7;--background-mint-light:#b4f4ee;--text-primary:#1a1a1a;--text-secondary:#666;--header-height:64px}#root,body,html{min-height:100vh}body{background-color:#83ffe7;background-image:url(/static/media/bg-diamante.0f5418a562c949517bd0.svg);background-position:50%;background-repeat:repeat;background-size:400px;color:#1a1a1a;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}#root{display:flex;flex-direction:column;min-height:100vh}body:before{background:radial-gradient(circle at 0 0,#ffffff4d 0,#0000 50%),radial-gradient(circle at 100% 100%,#ffffff4d 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:0}.App{flex:1 1}a{color:inherit;text-decoration:none}button{outline:none}.container{padding:0 1rem;padding:0 var(--mobile-padding)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#ffffff1a}::-webkit-scrollbar-thumb{background:#0000001a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#0003}.header{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(90deg,#83ffe7,#b4f4ee);box-shadow:0 4px 12px #00000026;height:var(--header-height);left:0;position:fixed;right:0;top:0;z-index:1000}.header-container{align-items:center;display:flex;height:100%;justify-content:space-between;margin:0 auto;max-width:1000px;width:100%}.logo{text-decoration:none;z-index:2}@media (max-width:480px){.logo{margin-left:10px}}.logo img{height:40px;width:auto}.header.mobile .logo img{height:32px}.header.tablet .logo img{height:36px}.header.desktop .logo img{height:40px}.logo h1{color:#1a1a1a;font-size:1.5rem;font-weight:700;margin:0;text-shadow:1px 1px 0 #ffffff80}.search-controls{align-items:center;display:flex}.search-bar{position:relative}.search-bar input{background:#ffffffe6;border:2px solid #ffffff4d;border-radius:20px;box-shadow:0 2px 6px #0000001a;font-size:.9rem;padding:.5rem 1rem;transition:all .2s;width:200px}.search-bar input:focus{background:#fff;border-color:#f60;box-shadow:0 4px 12px #0000001a;outline:none;width:250px}.mobile-search-btn{background:none;border:none;cursor:pointer;display:none;font-size:1.5rem;padding:.5rem;z-index:2}.search-overlay{animation:slideIn .3s ease;background-color:#fffffffa;bottom:0;display:flex;flex-direction:column;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:2000}.search-overlay-content{margin:0 auto;max-width:600px;padding-top:calc(var(--header-height) - 1rem);position:relative;width:100%}.search-overlay input{background:#0000;border:none;border-bottom:2px solid #f60;color:#333;font-size:1.2rem;padding:1rem;width:100%}.search-overlay input:focus{outline:none}.close-search{background:none;border:none;color:#666;cursor:pointer;font-size:1.5rem;padding:1rem;position:absolute;right:0;top:calc(var(--header-height) - 1rem)}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.search-bar{display:none}.mobile-search-btn{display:block}}@media (max-width:480px){.logo h1{font-size:1.2rem}.search-overlay-content{padding-top:calc(var(--header-height) - .5rem)}.search-overlay input{font-size:1rem;padding:.8rem}.close-search{font-size:1.2rem;padding:.8rem}}.home{margin:0 auto;max-width:1000px;min-height:100vh;overflow-x:hidden;padding-left:var(--mobile-padding);padding-right:var(--mobile-padding);padding-top:calc(var(--header-height) + 2rem);position:relative;z-index:2}.hero{background:linear-gradient(135deg,#f60,#f96);border-radius:1rem;color:#fff;margin-bottom:3rem;padding:3rem 0;text-align:center}.hero h1{font-size:2.5rem;margin-bottom:1rem}.hero p{font-size:1.2rem;opacity:.9}.categories,.featured-games{margin-bottom:1rem}.categories h2,.featured-games h2{color:#333;font-size:1.8rem;margin-bottom:1rem}.games-grid{grid-template-columns:repeat(4,1fr);padding:0}.game-card{aspect-ratio:1;width:100%}.game-card,.game-card:hover{box-shadow:0 7px 10px 4px #5d6b844d}.game-title{display:none}.game-info{display:flex;flex-direction:column;gap:.5rem;padding:1rem}.game-meta{align-items:center;color:var(--text-secondary);display:flex;font-size:.9rem}.game-category{background:#2196f31a;border-radius:1rem;color:#2196f3;font-size:.8rem;padding:.2rem .5rem}.section-title{color:var(--text-primary);font-size:2rem;font-weight:700;margin:1rem 0}.featured-games{margin-bottom:1rem}.featured-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.featured-card{border-radius:1rem;overflow:hidden;padding-top:56.25%;position:relative}.featured-card img{height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%}.featured-info{background:linear-gradient(#0000,#000c);bottom:0;color:#fff;left:0;padding:2rem;position:absolute;right:0}.featured-title{font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.featured-meta{display:flex;font-size:.9rem;gap:1rem;opacity:.8}.categories-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.category-card{background:#fff;border-radius:.5rem;box-shadow:0 2px 8px #0000001a;color:#333;padding:1.5rem;text-align:center;text-decoration:none;transition:all .2s}.category-card:hover{background:#f60;color:#fff}.error,.loading,.no-games{align-items:center;color:var(--text-secondary);display:flex;font-size:1.2rem;justify-content:center;min-height:300px}@media (max-width:768px){.game-info{gap:.25rem;padding:.75rem}.game-title{font-size:.85rem;padding:.75rem}.game-meta{font-size:.75rem}.game-category{font-size:.7rem;padding:.15rem .4rem}.section-title{font-size:1.25rem;margin:1.5rem 0}}@media (max-width:480px){.home{padding-left:.75rem;padding-right:.75rem}.games-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr)!important}.category-section .games-grid{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(4,1fr)!important}.game-title{font-size:.8rem;padding:.5rem}}.site-intro{border-top:1px solid #0000001a;margin-top:4rem;padding:3rem 0;text-align:center}.site-intro h2{color:var(--text-primary);font-size:2rem;font-weight:700;margin-bottom:1.5rem}.site-intro-content{color:var(--text-secondary);line-height:1.6;margin:0 auto;max-width:1000px}.features-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:3rem}.feature-item{background:#fffc;border-radius:1rem;box-shadow:0 4px 12px #0000000d;padding:1.5rem;text-align:center}.feature-item h3{color:var(--text-primary);font-size:1.2rem;margin-bottom:1rem}.feature-item p{color:var(--text-secondary);line-height:1.5}@media (max-width:768px){.site-intro{margin-top:2rem;padding:2rem 0}.site-intro h2{font-size:1.5rem}.features-grid{gap:1rem;grid-template-columns:1fr}}.category-section{margin-bottom:1rem;margin-top:.5rem;padding:0}.home-category-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem;padding:0 1rem;width:100%}.home-category-header .section-title{font-size:1.1rem;font-weight:400;margin:0}.category-section .games-grid{gap:1rem;grid-template-columns:repeat(4,1fr)}.category-section .game-card{aspect-ratio:1/1}.category-section .game-title{font-size:.9rem;padding:.75rem}.view-all-link{color:var(--text-secondary);font-size:.9rem;font-weight:400;text-decoration:none;transition:color .3s ease}.view-all-link:hover{color:var(--text-primary)}.footer{align-items:center;border-top:1px solid #e0e0e0;display:flex;justify-content:center;margin-top:2rem;padding:1rem}.footer a{color:#666;font-size:.9rem;margin:0 1rem;text-decoration:underline}.footer a:hover{color:#333}.recent-games{margin:.5rem 0 1rem;padding-left:0;padding-right:0}.recent-games h3{color:#222;font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.recent-games-list{-ms-overflow-style:none;align-items:flex-start;box-sizing:border-box;display:flex;flex-wrap:nowrap;gap:12px;margin-bottom:1rem;max-width:93vw;overflow-x:auto;overscroll-behavior-x:contain;padding-bottom:2px;padding-left:0;padding-right:0;scrollbar-width:none}.recent-games-list::-webkit-scrollbar{display:none}.recent-game-item{align-items:center;color:inherit;display:flex;flex:0 0 60px;flex-direction:column;min-width:60px;text-decoration:none;transition:transform .2s;width:60px}.recent-game-item img{border-radius:8px;box-shadow:0 2px 8px #00000014;height:48px;margin-bottom:4px;object-fit:cover;width:48px}.recent-game-item span{font-size:.85rem;max-width:56px;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.recent-game-item:hover{color:#ff7b1a;transform:translateY(-4px) scale(1.08)}.categories-list{display:flex;flex-direction:column;gap:1.2rem;margin-top:2rem}@media (max-width:900px){.home-adsense-detailbanner{display:none!important}}@media (max-width:600px){.categories-list{margin:1.5rem 1rem 1rem}}.category-list-item{align-items:center;background:#fff;border-radius:.6rem;box-shadow:0 2px 12px 0 #00000014,0 1.5px 4px 0 #0000000a;cursor:pointer;display:flex;min-height:64px;min-width:220px;padding:.7rem 1.6rem .7rem 1.2rem;text-decoration:none;transition:box-shadow .18s cubic-bezier(.4,0,.2,1),transform .18s cubic-bezier(.4,0,.2,1)}.category-list-item:hover{box-shadow:0 6px 24px 0 #00000021,0 2px 8px 0 #00000012;transform:scale(1.035)}.category-icon{margin-right:1.2rem}.category-name{color:#222;font-size:1rem;font-weight:400;letter-spacing:.01em}@media (max-width:600px){.category-list-item{min-width:0;padding:.7rem 1rem .7rem .7rem}.category-icon{height:40px;margin-right:1.3rem;width:40px}.category-name{font-size:1.05rem}}.game-detail{min-height:100vh;padding-top:var(--header-height)}.game-header{margin-bottom:20px}.game-header h1{font-size:2rem;margin-bottom:1rem}.game-preview{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-top:20px;padding:20px;position:relative;width:100%}.detail-thumbnail-container{aspect-ratio:1/1;border-radius:1.5rem;box-shadow:0 7px 10px 4px #5d6b844d;max-width:400px;overflow:hidden;position:relative;transition:box-shadow .3s ease;width:90%}.detail-thumbnail-container:before{content:"";display:block;padding-top:100%}.detail-thumbnail-header{background:linear-gradient(180deg,#000c 0,#0000);left:0;padding:1.5rem;position:absolute;right:0;text-align:center;top:0;z-index:3}.detail-thumbnail-header h1{color:#fff;font-size:1.5rem;margin:0;text-align:center;text-shadow:0 2px 4px #0000004d;width:100%}.detail-thumbnail-footer{background:linear-gradient(0deg,#000c 0,#0000);bottom:0;left:0;padding:1.5rem;position:absolute;right:0;z-index:3}.detail-game-thumbnail{display:block;height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%}.meta{gap:.8rem;justify-content:center}.meta,.meta-item{align-items:center;display:flex}.meta-item{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;border-radius:2rem;gap:.5rem;padding:.4rem .8rem}.meta-item:hover{background:#000000b3}.meta-label{color:#ffffffb3;font-size:.9rem}.meta-value{color:#fff;font-size:.9rem;font-weight:500}.category .meta-value{color:#2196f3}.rating .meta-value{color:var(--primary-color)}.plays .meta-value{color:#4caf50}.thumbnail-container:hover{box-shadow:0 15px 40px #00000026,0 10px 20px #0000001a;transform:translateY(-5px)}.play-now-btn{background:var(--primary-color);border:none;border-radius:2rem;bottom:0;box-shadow:0 2px 8px #0003;color:#fff;cursor:pointer;font-size:1.2rem;font-weight:700;height:-webkit-fit-content;height:fit-content;left:0;margin:auto;opacity:1;padding:1rem 2.5rem;position:absolute;right:0;text-align:center;top:0;transition:all .3s ease;white-space:nowrap;width:-webkit-fit-content;width:fit-content;z-index:4}.play-now-btn:hover{background:#ff7b1a;box-shadow:0 6px 20px #0006;transform:scale(1.1)}@media (min-width:769px){.game-description{background:#fff;border-radius:.5rem;box-shadow:0 8px 24px #0003,0 2px 8px #0000001a;margin:0 auto;max-width:1000px;padding:2rem}.game-description.wide{max-width:1100px}.game-description h2{color:#333;font-size:1.5rem;font-weight:600;margin-bottom:1.5rem}.game-description p{color:#666;font-size:1rem;line-height:1.6}}@media (max-width:768px){.game-description{background:#fff;border-radius:.5rem;box-shadow:0 8px 24px #0003,0 2px 8px #0000001a;margin:1rem auto;max-width:400px;padding:1.5rem;width:90%}.game-description h2{font-size:1.3rem;margin-bottom:1rem}.game-description p{font-size:.95rem}}@media (max-width:480px){.game-preview{margin-top:0}.random-game-container{margin-bottom:.5rem;padding:.5rem}.detail-thumbnail-container{border-radius:.5rem;box-shadow:0 8px 24px #0003,0 2px 8px #0000001a}.detail-thumbnail-footer,.detail-thumbnail-header{display:none}.game-description{box-shadow:0 8px 24px #0003,0 2px 8px #0000001a;margin:.5rem auto;padding:1rem 1rem 1.5rem;width:336px}.game-description h2{font-size:1.2rem;margin-bottom:.8rem}.game-description p{font-size:.9rem;margin-bottom:.5rem}.play-now-btn{animation:pulse 2s infinite;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ff6600e6;font-size:1.1rem;padding:.8rem 2.5rem}}@media (max-width:768px) and (orientation:landscape){.game-preview{margin-top:0;padding:.5rem var(--mobile-padding)}.detail-thumbnail-container{aspect-ratio:1/1;border-radius:.5rem;box-shadow:0 8px 24px #0003,0 2px 8px #0000001a;max-width:300px;width:90%}.detail-thumbnail-footer,.detail-thumbnail-header{display:none!important}.game-description{box-shadow:0 8px 24px #0003,0 2px 8px #0000001a;margin:.5rem auto;padding:1rem 1rem 1.5rem;width:314px}.game-description h2{font-size:1.2rem;margin-bottom:.8rem}.game-description p{font-size:.9rem;margin-bottom:.5rem}.play-now-btn{animation:pulse 2s infinite;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ff6600e6;font-size:1.1rem;padding:.8rem 2.5rem}}.loading{color:var(--text-secondary)}.error,.loading{align-items:center;display:flex;font-size:1.2rem;justify-content:center;min-height:50vh}.error{color:#f44336}@media (max-width:768px){.game-header{padding:1.5rem}.game-header h1{font-size:2rem}.game-preview{margin-top:0}.detail-thumbnail-container{aspect-ratio:1/1;max-width:400px;width:90%}.detail-thumbnail-header{padding:1.2rem;text-align:center}.detail-thumbnail-header h1{font-size:1.4rem;text-align:center;width:100%}.detail-thumbnail-footer{padding:1.2rem}.detail-game-thumbnail{height:100%;position:absolute;width:100%}.meta{gap:.6rem}.meta-item{padding:.3rem .6rem}.play-now-btn{animation:pulse 2s infinite;font-size:1.3rem;padding:1rem 3rem}}.mobile-game-view{background:#0000;height:100%;left:0;position:fixed;top:0;width:100%;z-index:1000}.mobile-game-frame{background:#000;border:none;height:100%;width:100%}.back-to-details{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fff;border:none;border-radius:0 12px 12px 0;box-shadow:0 7px 10px 4px #5d6b844d;color:#fff;cursor:grab;display:flex;height:46px;justify-content:center;left:0;padding:0;position:fixed;top:80px;touch-action:none;transform:translateY(-50%);transition:background .3s ease;-webkit-user-select:none;user-select:none;width:62px;z-index:1010}.back-to-details:active{background:#010101;cursor:grabbing}.back-to-details-icon{align-items:center;display:flex}.fav-icon{height:24px;margin-left:10px;margin-right:10px;width:24px}.back-arrow-icon{fill:#009cff;height:15px;margin-left:6px;transform:scaleX(-1);width:9px}.mobile-game-overlay{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1002}.mobile-game-overlay .loading-content{align-items:center;display:flex;flex-direction:column;max-width:300px;padding:2rem;text-align:center;width:80%}.mobile-game-overlay .loading-text{color:#fff;font-size:1.3rem;margin-bottom:1.5rem;text-shadow:0 2px 4px #0000004d}.mobile-game-overlay .progress-bar-container{background:#ffffff1a;border-radius:3px;height:6px;margin:0;overflow:hidden;padding:0;width:100%}.mobile-game-overlay .progress-bar{background:var(--primary-color);border-radius:3px;height:100%;transition:width .1s linear}@media (max-width:480px){.mobile-game-overlay .loading-content{max-width:250px;padding:1.5rem}.mobile-game-overlay .loading-text{font-size:1.1rem;margin-bottom:1rem}.mobile-game-overlay .progress-bar-container{height:4px}}.desktop-game-container{aspect-ratio:52/29;background:#181a1b;border:none;border-radius:.5rem;box-shadow:0 8px 40px #00000059,0 1.5px 8px #0000002e;margin:48px auto 40px;max-width:1000px;overflow:hidden;position:relative;width:100%}.desktop-game-container.wide{max-width:1100px}.desktop-game-frame{background:#181a1b;border:none;border-radius:0 0 .5rem .5rem}.desktop-game-frame,.game-overlay{height:100%;left:0;position:absolute;top:0;width:100%}.game-overlay{align-items:center;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#181a1b80;border-radius:.5rem;display:flex;justify-content:center;z-index:10}.game-overlay .loading-content{align-items:center;display:flex;flex-direction:column;max-width:400px;padding:2rem;text-align:center;width:80%}.game-overlay .loading-text{color:#fff;font-size:1.5rem;margin-bottom:1.5rem;text-shadow:0 2px 4px #0000004d}.game-overlay .progress-bar-container{background:#ffffff1a;border-radius:4px;height:8px;margin:0;overflow:hidden;padding:0;width:100%}.game-overlay .progress-bar{background:var(--primary-color);border-radius:4px;height:100%;transition:width .1s linear}.play-button{background:var(--primary-color);border:none;border-radius:2rem;color:#fff;cursor:not-allowed;font-size:1.5rem;font-weight:700;min-width:200px;opacity:.7;padding:1.2rem 3.5rem;transition:all .3s ease;white-space:nowrap}.play-button.ready{animation:pulse 2s infinite;cursor:pointer;opacity:1}.play-button.ready:hover{background:#ff7b1a;transform:scale(1.05)}@keyframes pulse{0%{box-shadow:0 4px 12px #0000004d;transform:scale(1)}50%{box-shadow:0 6px 20px #0006;transform:scale(1.05)}to{box-shadow:0 4px 12px #0000004d;transform:scale(1)}}@media (max-width:1400px){.desktop-game-container{max-width:1000px}}@media (max-width:1200px){.desktop-game-container{max-width:800px}}@media (max-width:992px){.desktop-game-container{max-width:700px}}.detail-thumbnail-container:hover{box-shadow:0 15px 40px #0000004d}.random-game-container{display:flex;justify-content:center;margin-bottom:1rem;padding:1rem}.random-game-btn{align-items:center;background:var(--primary-color);border:none;border-radius:2rem;box-shadow:0 2px 8px #0003;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.random-game-btn:hover{background:#ff7b1a;box-shadow:0 4px 12px #0000004d;transform:scale(1.05)}.dice-icon{font-size:1.2rem}.game-description .breadcrumb{color:#7a869a;font-size:.6rem;font-weight:700;letter-spacing:.08em;margin-bottom:.7rem}.game-description .breadcrumb a{color:#7a869a;font-weight:700;text-decoration:none}.game-description .breadcrumb a:hover{color:#4a90e2;text-decoration:underline}.game-description .breadcrumb span{margin:0 .2em}.game-description .game-title{color:#1a2233;font-size:2.3rem;font-weight:800;letter-spacing:-.01em;line-height:1.1;margin:.1em 0 .3em}.game-description .game-subtitle{color:#7a869a;font-size:.95rem;font-weight:700;letter-spacing:.08em;margin-bottom:.7em;text-transform:uppercase}.game-description .game-rating-info{align-items:center;display:flex;font-size:.92rem;gap:.5em;margin-bottom:1.1em}.game-description .game-rating-info .rating-badge{align-items:center;background:#f4f5f7;border-radius:1.2em;color:#1a2233;display:flex;font-size:1em;font-weight:700;margin-right:.4em;padding:.12em .7em .12em .5em}.game-description .game-rating-info .rating-badge .star{color:#f5b942;font-size:1em;margin-right:.2em}.game-description .game-rating-info .rating-count{background:#f4f5f7;border-radius:1.2em;color:#7a869a;font-size:.92em;font-weight:700;padding:.12em .7em}.game-description .desc-text{color:#222;font-size:1.13rem;font-weight:500;line-height:1.8;margin-bottom:1.7em}.game-description .game-howtoplay{background:none;border-radius:0;margin-top:2.2em;padding:0}.game-description .game-howtoplay h2{color:#1a2233;font-size:1.13rem;font-weight:800;letter-spacing:.01em;margin:0 0 .7em}.game-description .game-howtoplay p{color:#222;font-size:.8rem;font-weight:500;line-height:1.7;margin:0}.game-description .game-title-whiteboard{background:none;border:none;color:#1a2233;font-size:1.6rem;font-weight:800;letter-spacing:-.01em;line-height:1.1;margin:.1em 0 .3em;padding:0;text-align:left;text-shadow:none}.admin-page{margin:0 auto;max-width:1200px;min-height:100vh;padding:5rem 2rem 2rem;position:relative;z-index:1}.admin-page h1,.admin-page h2,.admin-page h3{color:#fff;font-weight:600;margin-bottom:2rem;position:relative;text-shadow:0 1px 2px #0003;z-index:2}.create-game{background:#1e1e1ef2;border:1px solid #ffffff4d;border-radius:1rem;margin-bottom:2rem;padding:2rem;position:relative;z-index:2}.form-group label{color:#fff;font-weight:500}.form-group input,.form-group select,.form-group textarea{background:#282828f2;border:2px solid #fff6;border-radius:.5rem;color:#fff;font-size:1rem;padding:.8rem;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:#282828f2;border-color:var(--primary-color);box-shadow:0 0 0 1px var(--primary-color);outline:none}.form-group input::placeholder,.form-group textarea::placeholder{color:#fffc}.form-group select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='m7 10 5 5 5-5z'/%3E%3C/svg%3E");background-position:right .7rem center;background-repeat:no-repeat;background-size:1.2rem;cursor:pointer;padding-right:2.5rem}.form-group select option{background:#1e1e1e;color:#fff;padding:.8rem}.form-group textarea{min-height:100px;resize:vertical}button{background:var(--primary-color);border:none;border-radius:.5rem;color:#fff;cursor:pointer;padding:.8rem 1.5rem;transition:all .3s ease}button:hover{background:var(--primary-color-hover);transform:translateY(-2px)}.games-list{background:#1e1e1ef2;border:1px solid #ffffff4d;border-radius:1rem;margin-top:2rem;padding:2rem}.games-list h2{color:#fff;font-size:1.5rem;margin-bottom:1.5rem;margin-top:0}table{border-collapse:collapse;margin-top:1rem;width:100%}td,th{border-bottom:1px solid #ffffff1a;padding:1rem;text-align:left}th{color:#fff;font-weight:600}td{color:#ffffffe6}td button{font-size:.9rem;margin-right:.5rem;padding:.5rem 1rem}td button:last-child{background:#f44336}td button:last-child:hover{background:#d32f2f}.edit-modal{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:var(--background);border-radius:1rem;max-height:90vh;max-width:600px;overflow-y:auto;padding:2rem;width:90%}.button-group{display:flex;gap:1rem;margin-top:1.5rem}.button-group button:last-child{background:#666}.button-group button:last-child:hover{background:#777}@media (max-width:768px){.admin-page,.create-game,.games-list{padding:1rem}td,th{padding:.8rem}td button{font-size:.8rem;padding:.4rem .8rem}}@media (max-width:480px){table{display:block;overflow-x:auto}td,th{font-size:.9rem;padding:.6rem}}.admin-container{margin:0 auto;max-width:var(--max-width);padding:2rem var(--mobile-padding)}.admin-section{background:#fff;border-radius:1rem;box-shadow:0 2px 8px #0000001a;margin-bottom:2rem;padding:1.5rem}.categories-list{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-top:1rem}.category-item{background:#f5f5f5;border-radius:.5rem;padding:.75rem 1rem;transition:all .2s ease}.category-item:hover{background:#eee}.delete-button{background:#f44;border-radius:.25rem;padding:.4rem .8rem;transition:background .2s ease}.delete-button:hover{background:#c00}.featured-button{background:none;border:none;color:#ccc;cursor:pointer;font-size:1.5rem;padding:.2rem;transition:all .2s ease}.featured-button:hover{transform:scale(1.2)}.featured-button.active{color:gold}.games-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.games-header h2{margin:0}.sort-button{background:#f5f5f5;border:1px solid #ddd;border-radius:.5rem;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:all .2s ease}.sort-button:hover{background:#e5e5e5}.sort-button.active{background:gold;border-color:gold;color:#000}.add-category-form{background:#f5f5f5;border-radius:8px;margin-bottom:20px;padding:20px}.add-category-form h3{color:#333;margin-bottom:15px;margin-top:0}.add-category-form .form-group{margin-bottom:15px}.add-category-form label{color:#666;display:block;margin-bottom:5px}.add-category-form input{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:8px;width:100%}.add-category-form input:focus{border-color:#4a90e2;box-shadow:0 0 0 2px #4a90e233;outline:none}.add-category-form button{background-color:#4a90e2;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .2s}.add-category-form button:hover{background-color:#357abd}.categories-list{margin-top:20px}.category-item{align-items:center;background:#fff;border:1px solid #ddd;border-radius:4px;display:flex;justify-content:space-between;margin-bottom:10px;padding:10px}.category-item span{font-size:14px}.delete-button{background-color:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:4px 8px;transition:background-color .2s}.delete-button:hover{background-color:#c82333}.pagination{align-items:center;display:flex;gap:1rem;justify-content:center;margin-top:2rem}.pagination-button{background-color:#4a90e2;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:.5rem 1rem;transition:background-color .2s}.pagination-button:hover:not(:disabled){background-color:#357abd}.pagination-button:disabled{background-color:#ccc;cursor:not-allowed}.page-info{color:#666;font-size:14px}.login-container{align-items:center;display:flex;justify-content:center;min-height:calc(100vh - 200px);padding:20px}.login-box{background:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;max-width:400px;padding:2rem;width:100%}.login-box h2{color:#333;margin-bottom:1.5rem;text-align:center}.form-group{margin-bottom:1rem}.form-group label{color:#666;display:block;margin-bottom:.5rem}.form-group input{border:1px solid #ddd;border-radius:4px;font-size:1rem;padding:.75rem;width:100%}.form-group input:focus{border-color:#4f8cff;box-shadow:0 0 0 2px #4f8cff33;outline:none}.login-button{background:#4f8cff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem;transition:background-color .2s;width:100%}.login-button:hover{background:#2563eb}.error-message{background:#fee2e2;border-radius:4px;color:#dc2626;margin-bottom:1rem;padding:.75rem;text-align:center}.category-games{margin:0 auto;max-width:720px;min-height:100vh;padding:2rem 0;width:100%}.category-header{align-items:center;display:flex;flex-direction:row;justify-content:space-between;margin:calc(var(--header-height) + 1rem) 0 2rem;padding:0 1rem;width:100%}.category-title{color:var(--text-primary);flex:1 1;font-size:1.8rem;font-weight:700;margin:0}.back-link{align-items:center;background:#0000000d;border-radius:.5rem;color:var(--text-secondary);display:flex;font-weight:500;margin-left:1rem;padding:.5rem 1rem;text-decoration:none;transition:color .3s ease;white-space:nowrap}.back-link:hover{background:#0000001a;color:var(--text-primary)}.games-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(94px,1fr));width:100%}.game-card{aspect-ratio:1/1;background:#fff;border-radius:1rem;display:block;height:94px;margin:0 auto;overflow:hidden;position:relative;text-decoration:none;transition:all .3s ease;width:94px}.thumbnail-container{height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%}.game-thumbnail{border-radius:1rem;height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.game-card:hover{box-shadow:0 8px 24px #0003;transform:translateY(-4px)}.game-card:hover .game-thumbnail{transform:scale(1.05)}.game-title{background:linear-gradient(#0000,#000c);bottom:0;color:#fff;font-size:1rem;font-weight:600;left:0;overflow:hidden;padding:1rem;position:absolute;right:0;text-align:center;text-overflow:ellipsis;white-space:nowrap;z-index:1}.error,.loading{align-items:center;color:var(--text-secondary);display:flex;font-size:1.2rem;justify-content:center;min-height:300px}@media (max-width:768px){.category-games{padding:1.5rem 0;width:100%}.category-header{margin:calc(var(--header-height) + .75rem) 0 1.5rem;padding:0 1rem;width:100%}.category-title{font-size:1.5rem}.back-link{font-size:.9rem;padding:.4rem .8rem}.games-grid{grid-template-columns:repeat(4,1fr);padding:0 1rem;width:100%}.game-title{font-size:.9rem;padding:.75rem}}@media (max-width:480px){.category-games{padding:1rem 0;width:100%}.category-header{margin:calc(var(--header-height) + .5rem) 0 1rem;padding:0 1rem;width:100%}.category-title{font-size:1.25rem}.back-link{font-size:.8rem;padding:.3rem .6rem}}.App{display:flex;flex-direction:column;min-height:100vh;position:relative;z-index:1}*{box-sizing:border-box;margin:0;padding:0}:root{--max-width:1200px;--mobile-padding:1rem;--desktop-padding:2rem;--header-height:60px}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;overflow-x:hidden}.container{margin:0 auto;max-width:1200px;max-width:var(--max-width);padding:1rem;padding:var(--mobile-padding);position:relative;width:100%;z-index:2}@media (min-width:768px){.container{padding:2rem;padding:var(--desktop-padding)}}@media (max-width:767px){.nav-menu{background:#fff;bottom:0;box-shadow:0 -2px 10px #0000001a;left:0;padding:.8rem;position:fixed;right:0;z-index:1000}.nav-menu .search-bar{display:none}}@media (max-width:480px){:root{--mobile-padding:0.8rem}}@media (hover:none){.category-card,.game-card,.nav-link{-webkit-tap-highlight-color:transparent}}@media print{.game-controls,.nav-menu{display:none}}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}header button{background-color:#007bff;border:none;border-radius:5px;box-shadow:0 4px 8px #0003;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px;transition:background-color .3s}header button:hover{background-color:#0056b3}.random-button-container{align-items:center;display:flex;justify-content:center;position:relative;z-index:1}@media (max-width:480px){.random-button-container{margin-right:10px}}.random-button-container button{align-items:center;background:#4f8cff;border:none;border-radius:.6rem;box-shadow:0 7px 10px 4px #5d6b844d;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:700;padding:8px 18px;transition:background .3s,transform .2s,box-shadow .2s}.random-button-container button:hover{background:#2563eb;box-shadow:0 8px 32px #2563eb47,0 2px 8px #00000021;transform:translateY(-2px) scale(1.04)}.random-button-container button:active,.random-button-container button:focus{background:#4f8cff;box-shadow:0 7px 10px 4px #5d6b844d;color:#fff;outline:none}.random-button-container button img{display:block;height:32px;margin-right:12px;width:auto}.random-button-container button span{display:inline-block;font-weight:700}.footer a:last-child{text-decoration:none}
/*# sourceMappingURL=main.771450f1.css.map*/