*{box-sizing:border-box;margin:0;padding:0}body{color:#333;background:linear-gradient(135deg,#f9bf2f 0%,#fe9b00 100%) fixed;min-height:100vh;font-family:Nunito,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.floating-header{z-index:1000;align-items:flex-start;gap:8px;display:flex;position:fixed;top:12px;left:12px}.logo-bar{background:#fff;border-radius:14px;align-items:center;gap:8px;padding:6px 14px;display:flex;box-shadow:0 2px 12px #0000001f}.logo-text{font-size:15px;font-weight:800;line-height:1.15}.logo-text .my,.logo-text .crazy{color:#2d7dd2}.logo-text .arcade,.logo-text .dot-com{color:#f5a623}.header-icons{flex-direction:column;gap:6px;display:flex}.icon-btn{cursor:pointer;color:#2d7dd2;background:#fff;border:none;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;transition:transform .2s;display:flex;box-shadow:0 2px 12px #0000001f}.icon-btn:hover{transform:scale(1.1)}.icon-btn svg{width:18px;height:18px}.panel-overlay{z-index:2000;opacity:0;visibility:hidden;background:#0000004d;transition:opacity .3s,visibility .3s;position:fixed;inset:0}.panel-overlay.open{opacity:1;visibility:visible}.side-panel{z-index:2001;background:#fff;border-radius:0 18px 18px 0;width:400px;max-width:88vw;height:100vh;transition:transform .3s;position:fixed;top:0;left:0;overflow-y:auto;transform:translate(-100%);box-shadow:4px 0 24px #00000026}.side-panel.open{transform:translate(0)}.panel-header{align-items:center;gap:10px;padding:14px;display:flex}.panel-logo{color:#fff;background:#2d7dd2;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:800;display:flex}.panel-search{border:2px solid #e0e0e0;border-radius:24px;outline:none;flex:1;padding:9px 14px;font-family:inherit;font-size:14px}.panel-search:focus{border-color:#2d7dd2}.panel-close{cursor:pointer;color:#2d7dd2;background:#f0f0f0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:background .2s;display:flex}.panel-close:hover{background:#e0e0e0}.category-pills{scrollbar-width:none;gap:6px;padding:6px 14px;display:flex;overflow-x:auto}.category-pills::-webkit-scrollbar{display:none}.pill{cursor:pointer;text-transform:uppercase;white-space:nowrap;color:#555;background:#fff;border:2px solid #e0e0e0;border-radius:16px;padding:6px 14px;font-family:inherit;font-size:11px;font-weight:700;transition:all .2s}.pill:hover,.pill.active{color:#fff;background:#2d7dd2;border-color:#2d7dd2}.panel-section-title{color:#333;padding:12px 14px 6px;font-size:16px;font-weight:800}.panel-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:10px;padding:6px 14px 20px;display:grid}.panel-game-card{text-decoration:none;transition:transform .15s;display:block}.panel-game-card:hover{transform:scale(1.06)}.panel-game-card img{aspect-ratio:1;object-fit:cover;border-radius:14px;width:100%;display:block;box-shadow:0 2px 6px #0000001a}.main-content{min-height:100vh;padding:10px}.section-title{color:#fff;text-shadow:0 1px 3px #0000001a;margin-bottom:12px;padding-left:4px;font-size:18px;font-weight:800}.hero-grid{grid-template-columns:repeat(8,1fr);grid-auto-rows:1fr;grid-auto-flow:dense;gap:8px;display:grid}.hero-logo-block{background:#fff;border-radius:14px;flex-direction:column;grid-area:span 1/span 1;display:flex;overflow:hidden;box-shadow:0 2px 14px #0000001a}.hero-logo-top{flex:1;justify-content:center;align-items:center;padding:6px;display:flex}.hero-logo-img{width:100%;height:auto}.logo-text-centered{text-align:center;font-size:13px;font-weight:800;line-height:1.15}.logo-text-centered .my,.logo-text-centered .crazy{color:#2d7dd2}.logo-text-centered .arcade,.logo-text-centered .dot-com{color:#f5a623}.hero-logo-bottom{border-top:1px solid #eee;display:flex}.hero-icon-btn{cursor:pointer;color:#2d7dd2;background:0 0;border:none;flex:1;justify-content:center;align-items:center;padding:10px;transition:background .2s;display:flex}.hero-icon-btn:hover{background:#f5f5f5}.hero-icon-btn svg{width:24px;height:24px}.hero-icon-divider{background:#eee;width:1px}.hero-big-game{border-radius:20px;grid-area:span 2/span 2;transition:transform .15s;display:block;position:relative;overflow:hidden;box-shadow:0 4px 20px #0003}.hero-big-game:hover{transform:scale(1.02)}.hero-big-game img{object-fit:cover;width:100%;height:100%;display:block}.hero-big-overlay{opacity:0;background:linear-gradient(#0000 60%,#000000b3 100%);align-items:flex-end;padding:16px;transition:opacity .2s;display:flex;position:absolute;inset:0}.hero-big-game:hover .hero-big-overlay{opacity:1}.hero-big-overlay span{color:#fff;text-shadow:0 2px 4px #0006;font-size:20px;font-weight:800}.grid{grid-template-columns:repeat(8,1fr);grid-auto-flow:dense;gap:10px;display:grid}.game-card{color:#333;text-decoration:none;transition:transform .15s;display:block}.game-card:hover{transform:scale(1.05)}.game-card-inner{border-radius:16px;position:relative;overflow:hidden;box-shadow:0 2px 8px #00000026}.game-card img{aspect-ratio:1;object-fit:cover;width:100%;display:block}.game-card-overlay{opacity:0;background:linear-gradient(#0000 50%,#000000b3 100%);border-radius:16px;align-items:flex-end;padding:8px;transition:opacity .2s;display:flex;position:absolute;inset:0}.game-card:hover .game-card-overlay{opacity:1}.game-card-overlay span{color:#fff;text-shadow:0 1px 3px #0006;text-align:center;width:100%;font-size:12px;font-weight:700}.game-card-big{grid-area:span 2/span 2}.game-card-big .game-card-inner{border-radius:20px;box-shadow:0 4px 16px #0003}.game-card-big .game-card-overlay{border-radius:20px}.game-card-big .game-card-overlay span{font-size:16px}.game-page{max-width:1000px;margin:0 auto;padding:16px}.game-page h1{text-align:left;color:#fff;text-shadow:0 1px 3px #0000001a;padding:10px 0 12px;font-size:24px;font-weight:800}.player{max-width:100%;margin:0;padding:0}.player iframe{border-radius:14px;width:100%;box-shadow:0 4px 20px #0003}.game-page h2{color:#fff;text-shadow:0 1px 3px #0000001a;padding:20px 0 10px;font-size:18px;font-weight:800}.loading-text{text-align:center;color:#fffc;padding:60px 20px;font-size:16px;font-weight:600}@media (width>=1400px){.hero-grid,.grid{grid-template-columns:repeat(10,1fr)}}@media (width<=1024px){.hero-grid{grid-template-columns:repeat(6,1fr)}.grid{grid-template-columns:repeat(6,1fr);gap:8px}}@media (width<=768px){.hero-grid{grid-template-columns:repeat(4,1fr)}.grid{grid-template-columns:repeat(4,1fr);gap:8px}.main-content{padding:6px}.logo-text{font-size:13px}}@media (width<=480px){.hero-grid{grid-template-columns:repeat(3,1fr);gap:6px}.hero-logo-block{grid-column:span 2}.hero-big-overlay span{font-size:14px}.grid{grid-template-columns:repeat(3,1fr);gap:6px}.game-card-inner,.game-card-overlay{border-radius:12px}}