@import "https://fonts.googleapis.com/css2?family=Press+Start+2P&family=Nunito:wght@400;600;700;800;900&display=swap";@import "https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700;900&display=swap";:root{--bg:#f2f4f8;--surface:#fff;--surface2:#eef0f5;--border:#dde1ea;--accent:#e0900a;--accent2:#c97008;--accent-light:#fff3dc;--text:#1a1a2e;--text-muted:#6b7280;--radius:10px;--font-display:"Press Start 2P", monospace;--font-body:"Nunito", sans-serif;--shadow-sm:0 1px 3px #00000014;--shadow-md:0 4px 16px #0000001a;--shadow-hover:0 8px 24px #00000024}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--font-body);flex-direction:column;min-height:100vh;display:flex}.site-header{border-bottom:3px solid var(--accent);background:var(--surface);z-index:100;box-shadow:var(--shadow-sm);position:sticky;top:0}.site-header__inner{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:14px 24px;display:flex}.site-logo{font-family:var(--font-display);color:var(--accent);cursor:pointer;letter-spacing:2px;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;font-size:.75rem;display:flex}.site-logo:hover{color:var(--accent2)}.site-logo__img{vertical-align:middle;width:auto;height:32px}.site-nav{gap:28px;display:flex}.site-nav span{color:var(--text-muted);cursor:pointer;font-size:.9rem;font-weight:700;font-family:var(--font-body);transition:color .15s}.site-nav span:hover{color:var(--accent)}.site-main{flex:1;width:100%;padding:0}.site-footer{border-top:1px solid var(--border);text-align:center;color:var(--text-muted);background:var(--surface);font-size:.78rem;font-family:var(--font-body);padding:20px 24px}.footer-link{color:var(--accent);cursor:pointer}.footer-link:hover{text-decoration:underline}.ad-unit{background:var(--surface2);border:1px dashed var(--border);border-radius:var(--radius);color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;justify-content:center;align-items:center;font-size:.7rem;display:flex;overflow:hidden}.ad-unit--banner{width:100%;min-height:90px}.ad-unit--rectangle{width:100%;min-height:250px;margin-top:28px}.carousel{background:linear-gradient(135deg,#f07010 0%,#e86008 50%,#d45500 100%);width:100%;min-height:340px;position:relative;overflow:hidden}.carousel__bg-svg{pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;inset:0}.carousel__slide{z-index:1;align-items:center;gap:48px;max-width:1200px;min-height:340px;margin:0 auto;padding:40px 80px;display:flex;position:relative}.carousel__thumb{aspect-ratio:16/9;border-radius:14px;flex-shrink:0;width:380px;position:relative;overflow:hidden;box-shadow:0 16px 48px #0000004d,0 0 0 3px #ffffff40}.carousel__thumb img{object-fit:cover;width:100%;height:100%}.carousel__thumb-placeholder{width:100%;height:100%;font-family:var(--font-display);color:#fff;opacity:.6;background:#ffffff26;justify-content:center;align-items:center;font-size:3rem;display:flex}.carousel__glass{-webkit-backdrop-filter:blur(12px);background:linear-gradient(160deg,#ffffff52 0%,#ffffff24 50%,#ffffff14 100%);border:1px solid #ffffff73;border-radius:16px;flex:1;min-width:0;padding:28px 32px;position:relative;overflow:hidden;box-shadow:0 8px 32px #0000001f,inset 0 1px #fff9}.carousel__glass-shine{pointer-events:none;background:linear-gradient(#ffffff47 0%,#fff0 100%);border-radius:16px 16px 60% 60%/16px 16px 40px 40px;height:45%;position:absolute;top:0;left:0;right:0}.carousel__tags{z-index:1;flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex;position:relative}.carousel__tag{color:#fff;font-size:.68rem;font-weight:700;font-family:var(--font-body);background:#ffffff40;border:1px solid #ffffff80;border-radius:20px;padding:3px 10px}.carousel__title{font-family:var(--font-display);color:#fff;letter-spacing:1px;z-index:1;text-shadow:0 1px 4px #0003;margin-bottom:12px;font-size:.85rem;line-height:1.6;position:relative}.carousel__desc{color:#ffffffe0;z-index:1;max-width:400px;margin-bottom:22px;font-size:.92rem;line-height:1.6;position:relative}.carousel__btn{color:var(--accent);border-radius:var(--radius);font-family:var(--font-body);cursor:pointer;z-index:1;background:#fff;border:none;padding:11px 26px;font-size:.95rem;font-weight:900;transition:background .15s,transform .1s,box-shadow .15s;position:relative;box-shadow:0 4px 14px #00000026,inset 0 1px #ffffffe6}.carousel__btn:hover{background:#fff7ee;transform:translateY(-2px);box-shadow:0 8px 20px #0000002e}.carousel__arrow{color:#fff;cursor:pointer;z-index:2;background:#ffffff38;border:1px solid #ffffff73;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.2rem;transition:background .15s;display:flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:inset 0 1px #ffffff80}.carousel__arrow:hover{background:#ffffff61}.carousel__arrow--left{left:20px}.carousel__arrow--right{right:20px}.carousel__dots{z-index:2;gap:8px;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.carousel__dot{cursor:pointer;background:#fff6;border:none;border-radius:50%;width:8px;height:8px;padding:0;transition:background .15s,transform .15s}.carousel__dot--active{background:#fff;transform:scale(1.35)}.home-ad-row{max-width:1200px;margin:0 auto;padding:24px 24px 0}.home-grid-section{max-width:1200px;margin:0 auto;padding:32px 24px 64px}.home-grid-header{border-bottom:2px solid var(--border);align-items:baseline;gap:16px;margin-bottom:24px;padding-bottom:16px;display:flex}.home-grid-title{font-family:var(--font-body);color:var(--text);font-size:1.4rem;font-weight:900}.home-grid-sub{color:var(--text-muted);font-size:.85rem}.game-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:18px;display:grid}.game-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;box-shadow:var(--shadow-sm);transition:transform .18s,box-shadow .18s,border-color .18s;overflow:hidden}.game-card:hover{box-shadow:var(--shadow-hover);border-color:var(--accent);transform:translateY(-4px)}.game-card__thumb{aspect-ratio:16/9;background:var(--surface2);width:100%;position:relative;overflow:hidden}.game-card__thumb img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.game-card:hover .game-card__thumb img{transform:scale(1.05)}.game-card__thumb-placeholder{background:linear-gradient(135deg,#dde1ea,#c8cdd8);justify-content:center;align-items:center;width:100%;height:100%;display:flex}.game-card__thumb-placeholder span{font-family:var(--font-display);color:var(--accent);opacity:.5;font-size:2rem}.game-card__overlay{opacity:0;background:#e0900ad9;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute;inset:0}.game-card:hover .game-card__overlay{opacity:1}.game-card__overlay-btn{color:#fff;font-family:var(--font-body);letter-spacing:1px;font-size:1rem;font-weight:900}.game-card__info{padding:12px 14px 14px}.game-card__info h3{font-family:var(--font-body);color:var(--text);margin-bottom:4px;font-size:.9rem;font-weight:800}.game-card__info p{color:var(--text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:10px;font-size:.78rem;line-height:1.45;display:-webkit-box;overflow:hidden}.game-card__tags{flex-wrap:wrap;gap:5px;margin-top:8px;display:flex}.tag{background:var(--accent-light);color:var(--accent2);font-size:.65rem;font-weight:700;font-family:var(--font-body);border:1px solid #f0d080;border-radius:20px;padding:2px 8px}.page-game{flex-direction:column;max-width:1100px;margin:0 auto;padding:32px 24px;display:flex}.back-btn{border:1px solid var(--border);color:var(--text-muted);border-radius:var(--radius);font-family:var(--font-body);cursor:pointer;background:0 0;width:fit-content;margin-bottom:20px;padding:8px 14px;font-size:.85rem;font-weight:700;transition:color .15s,border-color .15s}.back-btn:hover{color:var(--accent);border-color:var(--accent)}.game-title{font-family:var(--font-body);color:var(--text);margin-bottom:6px;font-size:1.6rem;font-weight:900}.game-desc{color:var(--text-muted);margin-bottom:6px;font-size:.9rem}.game-long-desc{color:var(--text);margin-bottom:8px;font-size:.9rem;line-height:1.6}.game-creator{color:var(--text-muted);margin-bottom:8px;font-size:.8rem}.game-creator a{color:var(--accent);text-decoration:none}.game-creator a:hover{text-decoration:underline}.game-page__tags{flex-wrap:wrap;gap:6px;margin-bottom:20px;display:flex}.game-frame-wrapper{flex-direction:column;align-items:flex-end;gap:8px;display:flex}.game-frame{border:2px solid var(--border);border-radius:var(--radius);aspect-ratio:4/3;width:100%;box-shadow:var(--shadow-md);background:#000;overflow:hidden}.game-frame iframe{border:none;width:100%;height:100%;display:block}.fullscreen-btn{border:1px solid var(--border);color:var(--text-muted);border-radius:var(--radius);font-family:var(--font-body);cursor:pointer;background:0 0;padding:6px 12px;font-size:.8rem;transition:color .15s,border-color .15s}.fullscreen-btn:hover{color:var(--accent);border-color:var(--accent)}.how-to-play{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);margin-top:24px;padding:20px 24px}.how-to-play__title{font-family:var(--font-body);color:var(--text);border-bottom:2px solid var(--accent);margin-bottom:12px;padding-bottom:10px;font-size:1rem;font-weight:900;display:inline-block}.how-to-play__text{color:var(--text);margin-bottom:12px;font-size:.88rem;line-height:1.7}.how-to-play__controls{color:var(--text-muted);border-top:1px solid var(--border);padding-top:10px;font-size:.82rem}.controls-label{color:var(--accent);font-weight:800}.not-found{text-align:center;color:var(--text-muted);padding:80px 0}.not-found-code{font-family:var(--font-display);color:var(--accent);margin-bottom:16px;font-size:3rem}.not-found-msg{margin-bottom:24px;font-size:.9rem}.not-found button{background:var(--accent);color:#fff;border-radius:var(--radius);cursor:pointer;font-family:var(--font-body);border:none;padding:12px 24px;font-size:.9rem;font-weight:800}.not-found button:hover{background:var(--accent2)}.page-about{max-width:720px;margin:0 auto;padding:40px 24px}.about-content p{color:var(--text);margin-bottom:16px;font-size:.95rem;line-height:1.7}.about-content h3{font-family:var(--font-body);color:var(--text);border-bottom:2px solid var(--accent);margin:24px 0 10px;padding-bottom:6px;font-size:1rem;font-weight:900;display:inline-block}.about-content a{color:var(--accent);text-decoration:none}.about-content a:hover{text-decoration:underline}.page-privacy{max-width:720px;margin:0 auto;padding:40px 24px}.privacy-date{color:var(--text-muted);margin-bottom:28px;font-size:.8rem}.privacy-content h3{font-family:var(--font-body);color:var(--text);border-bottom:2px solid var(--accent);margin:24px 0 10px;padding-bottom:6px;font-size:1rem;font-weight:900;display:inline-block}.privacy-content p{color:var(--text);font-size:.88rem;line-height:1.7}.privacy-content a{color:var(--accent);text-decoration:none}.privacy-content a:hover{text-decoration:underline}.section-title{font-family:var(--font-body);color:var(--text);margin-bottom:20px;font-size:1.1rem;font-weight:900}@media (width<=768px){.carousel__slide{flex-direction:column;gap:24px;min-height:auto;padding:32px 48px 48px}.carousel__thumb{width:100%}.carousel__title{font-size:.7rem}.game-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}}@media (width<=480px){.site-logo{font-size:.55rem}.carousel__arrow{width:34px;height:34px;font-size:1rem}.game-grid{grid-template-columns:repeat(2,1fr)}}:root{--blog-accent:#e0900a;--blog-accent2:#c97008;--blog-accent-light:#fff3dc;--blog-card-bg:#fff;--blog-card-border:#e2e6ed;--blog-hero-bg:#f4f6fa;--blog-text:#1a1a24;--blog-text-muted:#6b7280;--blog-section-bg:#f9fafb}.blog-hero{background:var(--blog-hero-bg);border-bottom:3px solid var(--blog-accent);text-align:center;margin:-32px -24px 0;padding:60px 0 48px}.blog-hero__inner{max-width:680px;margin:0 auto;padding:0 24px}.blog-hero__eyebrow{letter-spacing:4px;text-transform:uppercase;color:var(--blog-accent);font-size:.68rem;font-family:var(--font-display);margin-bottom:16px}.blog-hero__title{color:var(--blog-text);margin-bottom:16px;font-family:Playfair Display,serif;font-size:clamp(1.8rem,4vw,3rem);font-weight:900;line-height:1.15}.blog-hero__sub{color:var(--blog-text-muted);margin:0;font-size:.95rem;line-height:1.6}.blog-grid-section{background:var(--blog-section-bg);margin:0 -24px;padding:48px 24px 64px}.blog-grid-heading{font-family:var(--font-display);color:var(--blog-accent);letter-spacing:3px;text-transform:uppercase;max-width:1100px;margin-bottom:28px;margin-left:auto;margin-right:auto;font-size:.6rem}.blog-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;max-width:1100px;margin:0 auto;display:grid}.post-card-v2{background:var(--blog-card-bg);border:1px solid var(--blog-card-border);cursor:pointer;border-radius:10px;flex-direction:column;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex;overflow:hidden}.post-card-v2:hover{border-color:var(--blog-accent);transform:translateY(-4px);box-shadow:0 8px 32px #e0900a26}.post-card-v2--featured{flex-direction:row;grid-column:1/-1}.post-card-v2--featured .post-card-v2__stripe{width:6px;height:auto;min-height:200px}.post-card-v2--featured .post-card-v2__body{padding:32px 36px}.post-card-v2--featured .post-card-v2__title{max-width:600px;font-size:1.35rem}.post-card-v2__stripe{background:linear-gradient(90deg, var(--blog-accent), var(--blog-accent2));flex-shrink:0;width:100%;height:5px}.post-card-v2__body{flex-direction:column;flex:1;padding:24px;display:flex}.post-card-v2__meta{align-items:center;gap:12px;margin-bottom:12px;display:flex}.post-card-v2__date{color:var(--blog-text-muted);font-size:.75rem}.post-card-v2__badge{background:var(--blog-accent);color:#fff;font-size:.58rem;font-family:var(--font-display);letter-spacing:1px;text-transform:uppercase;border-radius:20px;padding:3px 10px}.post-card-v2__title{color:var(--blog-text);margin-bottom:12px;font-family:Playfair Display,serif;font-size:1.05rem;font-weight:700;line-height:1.4}.post-card-v2__desc{color:var(--blog-text-muted);flex:1;margin-bottom:20px;font-size:.875rem;line-height:1.65}.post-card-v2__footer{border-top:1px solid var(--blog-card-border);justify-content:space-between;align-items:center;margin-top:auto;padding-top:16px;display:flex}.post-card-v2__author{color:var(--blog-text-muted);font-size:.75rem}.post-card-v2__cta{color:var(--blog-accent);font-size:.78rem;font-weight:600;transition:color .15s}.post-card-v2:hover .post-card-v2__cta{color:var(--blog-accent2)}.page-blogpost{margin:-32px -24px 0}.blogpost-hero{background:var(--blog-hero-bg);border-bottom:3px solid var(--blog-accent);padding:48px 24px 40px}.blogpost-hero__inner{max-width:760px;margin:0 auto}.blogpost-back{border:1px solid var(--blog-card-border);color:var(--blog-text-muted);border-radius:var(--radius);cursor:pointer;font-size:.8rem;font-family:var(--font-body);background:0 0;margin-bottom:24px;padding:7px 14px;transition:color .15s,border-color .15s}.blogpost-back:hover{color:var(--blog-accent);border-color:var(--blog-accent)}.blogpost-hero__meta{align-items:center;gap:10px;margin-bottom:16px;display:flex}.blogpost-hero__date{color:var(--blog-text-muted);font-size:.78rem}.blogpost-hero__dot{color:var(--blog-text-muted)}.blogpost-hero__author{color:var(--blog-accent);font-size:.78rem}.blogpost-hero__title{color:var(--blog-text);margin-bottom:16px;font-family:Playfair Display,serif;font-size:clamp(1.6rem,3.5vw,2.4rem);font-weight:900;line-height:1.2}.blogpost-hero__desc{color:var(--blog-text-muted);max-width:620px;margin:0;font-size:1rem;line-height:1.6}.blogpost-layout{grid-template-columns:1fr 280px;align-items:start;gap:48px;max-width:1100px;margin:0 auto;padding:48px 24px 64px;display:grid}.blogpost-article{background:var(--blog-card-bg);border:1px solid var(--blog-card-border);border-radius:10px;min-width:0;padding:40px 44px}.blogpost-article__footer{border-top:1px solid var(--blog-card-border);margin-top:48px;padding-top:24px}.post-body h1{color:var(--blog-text);margin:40px 0 16px;font-family:Playfair Display,serif;font-size:1.6rem;line-height:1.2}.post-body h2{color:var(--blog-text);border-bottom:2px solid var(--blog-accent);margin:36px 0 14px;padding-bottom:10px;font-family:Playfair Display,serif;font-size:1.2rem}.post-body h3{font-family:var(--font-display);color:var(--blog-accent);letter-spacing:2px;text-transform:uppercase;margin:28px 0 12px;font-size:.58rem}.post-body p{color:#374151;margin-bottom:20px;font-size:.95rem;line-height:1.85}.post-body ul,.post-body ol{margin-bottom:20px;padding-left:24px}.post-body li{color:#374151;margin-bottom:8px;font-size:.92rem;line-height:1.8}.post-body strong{color:var(--blog-text);font-weight:700}.post-body hr{border:none;border-top:1px solid var(--blog-card-border);margin:36px 0}.post-body a{color:var(--blog-accent);text-decoration:none}.post-body a:hover{text-decoration:underline}.post-loading{color:var(--blog-text-muted);padding:40px 0;font-size:.9rem}.blogpost-sidebar{flex-direction:column;gap:20px;display:flex;position:sticky;top:100px}.sidebar-card{background:var(--blog-card-bg);border:1px solid var(--blog-card-border);border-radius:10px;padding:20px}.sidebar-card--games{border-color:var(--blog-accent);background:var(--blog-accent-light)}.sidebar-card__title{font-family:var(--font-display);color:var(--blog-accent);letter-spacing:2px;text-transform:uppercase;margin-bottom:16px;font-size:.55rem}.sidebar-card__text{color:var(--blog-text-muted);margin-bottom:14px;font-size:.82rem;line-height:1.6}.sidebar-card__btn{background:var(--blog-accent);color:#fff;border-radius:var(--radius);font-family:var(--font-display);letter-spacing:1px;cursor:pointer;border:none;width:100%;padding:9px 16px;font-size:.5rem;transition:background .15s}.sidebar-card__btn:hover{background:var(--blog-accent2)}.sidebar-post-list{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.sidebar-post-list li{cursor:pointer;border-radius:6px;align-items:flex-start;gap:10px;padding:10px 8px;transition:background .15s;display:flex}.sidebar-post-list li:hover{background:var(--blog-accent-light)}.sidebar-post-arrow{color:var(--blog-accent);flex-shrink:0;margin-top:2px;font-size:.75rem}.sidebar-post-title{color:var(--blog-text-muted);font-size:.8rem;line-height:1.4;transition:color .15s}.sidebar-post-list li:hover .sidebar-post-title{color:var(--blog-text)}@media (width<=768px){.post-card-v2--featured{flex-direction:column;grid-column:auto}.post-card-v2--featured .post-card-v2__stripe{width:100%;height:5px;min-height:unset}.blogpost-layout{grid-template-columns:1fr}.blogpost-article{padding:24px 20px}.blogpost-sidebar{position:static}}