@import"https://fonts.googleapis.com/css2?family=Nunito:wght@600;700;800;900&display=swap";:root{--ink: #002b4a;--ink-soft: rgba(0, 43, 74, .55);--ink-muted: rgba(0, 43, 74, .35);--white: #ffffff;--card-bg: rgba(255, 255, 255, .96);--shadow-tile: 0 4px 14px rgba(0, 40, 70, .1);--shadow-tile-hover: 0 10px 28px rgba(0, 40, 70, .16);--shadow-card: 0 8px 28px rgba(0, 40, 70, .08);--radius: 24px;--radius-sm: 18px;--radius-pill: 999px;--grid-gap: 10px;--accent: #009688}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Nunito,system-ui,-apple-system,sans-serif;color:var(--ink);min-height:100vh;overflow-x:hidden;background:linear-gradient(165deg,#a6f5e6,#40e8ce 18%,#1cdcc2 40%,#26e4cc 65%,#7cf0e0);background-attachment:fixed}body:before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='800' height='800'%3E%3Cdefs%3E%3ClinearGradient id='a' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%23fff' stop-opacity='.12'/%3E%3Cstop offset='1' stop-color='%23fff' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpolygon points='0,0 400,100 200,400' fill='url(%23a)'/%3E%3Cpolygon points='300,0 800,200 600,500 100,300' fill='url(%23a)'/%3E%3Cpolygon points='500,300 800,100 800,600 400,500' fill='url(%23a)'/%3E%3Cpolygon points='0,400 300,500 200,800 0,700' fill='url(%23a)'/%3E%3Cpolygon points='400,500 800,600 700,800 300,700' fill='url(%23a)'/%3E%3Cpolygon points='100,200 0,500 250,350' fill='url(%23a)'/%3E%3Cpolygon points='600,0 800,0 750,250 550,150' fill='url(%23a)'/%3E%3Cpolygon points='0,600 200,700 100,800 0,800' fill='url(%23a)'/%3E%3Cpolygon points='350,600 500,800 800,800 650,650' fill='url(%23a)'/%3E%3C/svg%3E");background-size:cover;opacity:.7}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button{border:none;background:none;cursor:pointer;font:inherit;color:inherit}.site-frame{position:relative;z-index:1;width:min(1360px,calc(100% - 20px));margin:10px auto}.page-shell{display:grid;gap:12px}.poki-grid{display:grid;grid-template-columns:repeat(8,1fr);grid-auto-rows:minmax(120px,1fr);gap:var(--grid-gap)}.grid-logo-card{grid-column:span 2;grid-row:span 2;background:var(--card-bg);border-radius:var(--radius);box-shadow:var(--shadow-card);padding:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px}.logo-brand-link{display:block;text-align:center;line-height:1}.logo-text{display:block;font-weight:900;font-size:2.2rem;color:var(--ink);letter-spacing:-.04em}.logo-accent{display:block;font-weight:900;font-size:2.2rem;color:var(--accent);letter-spacing:-.04em}.logo-actions{display:flex;gap:8px}.logo-action-btn{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:#002b4a0f;color:var(--accent);transition:background .14s}.logo-action-btn:hover{background:#0096881f}.grid-tile-lg{grid-column:span 2;grid-row:span 2}.grid-tile-sm{grid-column:span 1;grid-row:span 1}.grid-tile{position:relative;overflow:hidden;border-radius:var(--radius);box-shadow:var(--shadow-tile);cursor:pointer;transition:transform .14s ease,box-shadow .14s ease;background:var(--card-bg)}.grid-tile:hover{transform:scale(1.04);box-shadow:var(--shadow-tile-hover);z-index:2}.grid-tile img{width:100%;height:100%;object-fit:cover;display:block}.grid-tile:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(0,0,0,.55));opacity:0;transition:opacity .18s;pointer-events:none}.grid-tile:hover:after{opacity:1}.grid-tile-name{position:absolute;left:12px;right:12px;bottom:12px;z-index:1;color:#fff;font-size:.85rem;font-weight:800;line-height:1.15;opacity:0;transform:translateY(5px);transition:opacity .18s,transform .18s;text-shadow:0 1px 6px rgba(0,0,0,.35)}.grid-tile-lg .grid-tile-name{font-size:1.1rem;bottom:16px;left:16px;right:16px}.grid-tile:hover .grid-tile-name{opacity:1;transform:translateY(0)}.grid-category-card{grid-column:span 2;grid-row:span 1;display:flex;align-items:center;justify-content:center;gap:10px;background:var(--card-bg);border-radius:var(--radius);box-shadow:var(--shadow-tile);padding:12px;font-weight:900;font-size:.88rem;text-transform:uppercase;letter-spacing:.04em;color:var(--ink);transition:transform .12s,box-shadow .12s}.grid-category-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-tile-hover)}.grid-cat-label{font-weight:900}.section-header{display:flex;align-items:center;justify-content:space-between;padding:10px 4px 4px}.section-header h2{font-size:1.15rem;font-weight:900;color:var(--white);text-shadow:0 1px 4px rgba(0,0,0,.06)}.section-see-all{font-size:.82rem;font-weight:800;color:var(--white);opacity:.8;transition:opacity .15s}.section-see-all:hover{opacity:1}.mini-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--grid-gap)}.game-panel{position:relative;overflow:hidden;border-radius:var(--radius);aspect-ratio:1 / 1;box-shadow:var(--shadow-tile);transition:transform .14s ease,box-shadow .14s ease;cursor:pointer;background:var(--card-bg)}.game-panel:hover{transform:scale(1.04);box-shadow:var(--shadow-tile-hover);z-index:2}.game-panel img{width:100%;height:100%;object-fit:cover}.game-panel:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(0,0,0,.55));opacity:0;transition:opacity .18s;pointer-events:none}.game-panel:hover:after{opacity:1}.tile-name{position:absolute;left:10px;right:10px;bottom:10px;z-index:1;color:#fff;font-size:.8rem;font-weight:800;line-height:1.15;opacity:0;transform:translateY(5px);transition:opacity .18s,transform .18s;text-shadow:0 1px 6px rgba(0,0,0,.3)}.game-panel:hover .tile-name{opacity:1;transform:translateY(0)}.home-intro{display:none}.catalog-stream{display:grid;gap:14px}.category-row{display:flex;flex-wrap:wrap;gap:8px}.category-pill{display:inline-flex;align-items:center;gap:6px;padding:10px 18px;border-radius:var(--radius-pill);background:var(--card-bg);box-shadow:var(--shadow-tile);font-weight:800;font-size:.85rem;color:var(--ink);text-transform:uppercase;letter-spacing:.02em;transition:transform .12s,box-shadow .12s}.category-pill:hover{transform:translateY(-2px);box-shadow:var(--shadow-tile-hover)}.category-pill.active{background:var(--ink);color:var(--white)}.category-pill.active small{color:#ffffff8c}.category-pill small{font-size:.72rem;color:var(--ink-muted);font-weight:700}.glass-panel{border-radius:var(--radius);background:var(--card-bg);box-shadow:var(--shadow-card);padding:20px}.strip-head{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:12px}.strip-head h2{margin:0;font-size:1.2rem;font-weight:900;color:var(--ink)}.page-title{font-size:clamp(1.5rem,3vw,2rem);font-weight:900;letter-spacing:-.02em}.page-copy{display:grid;gap:16px}.panel-copy{margin:0;line-height:1.55;color:var(--ink-soft)}.detail-page{display:grid;gap:14px}.breadcrumb-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center;font-weight:700;font-size:.85rem;color:#ffffffb3}.breadcrumb-row a{color:var(--white)}.breadcrumb-row a:hover{opacity:.8}.game-header{display:flex;justify-content:space-between;gap:16px;align-items:end;color:var(--white);padding:4px 0}.game-header h1{font-size:clamp(1.6rem,4vw,2.4rem);font-weight:900;letter-spacing:-.03em;line-height:1.1;text-shadow:0 2px 8px rgba(0,0,0,.06)}.game-header p{margin-top:4px;color:#ffffffd9;max-width:52ch;line-height:1.5;font-size:.92rem}.header-actions{display:grid;gap:8px;justify-items:end}.play-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:14px;align-items:start}.play-column{display:grid;gap:14px}.player-wrap{border-radius:var(--radius);background:var(--card-bg);box-shadow:var(--shadow-card);padding:8px}.play-stage{display:block;width:100%;aspect-ratio:16 / 9.4;border:0;border-radius:var(--radius-sm);background:#024}.play-fallback{display:grid;place-items:center;padding:30px;color:var(--white);text-align:center}.fallback-title{display:block;font-size:1.4rem;font-weight:900;margin-bottom:8px}.game-overview-card{padding:18px;display:grid;gap:14px;border-radius:var(--radius);background:var(--card-bg);box-shadow:var(--shadow-card)}.overview-heading{display:flex;align-items:center;gap:14px}.overview-thumb{width:56px;height:56px;border-radius:16px;object-fit:cover}.overview-heading h2{font-size:1.2rem;font-weight:900;letter-spacing:-.02em}.overview-heading p{margin-top:2px;color:var(--ink-soft);font-size:.82rem}.meta-stack{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.meta-box{padding:12px;border-radius:16px;background:#002b4a0d}.meta-box strong{display:block;font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-muted);margin-bottom:3px}.recommend-rail{display:grid;gap:10px;align-content:start}.recommend-copy{padding:14px 16px;border-radius:var(--radius);background:var(--card-bg);box-shadow:var(--shadow-card)}.recommend-copy h2{font-size:1rem;font-weight:900;margin-bottom:4px}.recommend-copy p{font-size:.82rem;color:var(--ink-soft)}.thumb-wall{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.thumb-card{overflow:hidden;aspect-ratio:1 / 1;border-radius:var(--radius-sm);box-shadow:var(--shadow-tile);transition:transform .14s ease;cursor:pointer}.thumb-card:hover{transform:scale(1.05)}.thumb-card img{width:100%;height:100%;object-fit:cover}.article-card{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:24px;align-items:start;border-radius:var(--radius);background:var(--card-bg);box-shadow:var(--shadow-card)}.article-copy{display:grid;gap:18px}.article-art img{width:100%;aspect-ratio:1 / 1;object-fit:cover;border-radius:var(--radius-sm)}.content-section h2{font-weight:900;letter-spacing:-.02em}.content-section p{margin:0;line-height:1.6;color:var(--ink-soft)}.content-list{margin:0;padding-left:18px;display:grid;gap:8px;line-height:1.5;color:var(--ink-soft)}.faq-stack{display:grid;gap:8px}.faq-card{border-radius:16px;background:#002b4a0d;padding:14px}.faq-card h3{margin:0 0 6px;font-size:.92rem;font-weight:800}.faq-card p{margin:0;line-height:1.55;color:var(--ink-soft)}.button-main,.button-soft{padding:10px 20px;border-radius:var(--radius-pill);font-weight:800;font-size:.85rem;transition:all .14s;display:inline-block}.button-main{background:var(--ink);color:var(--white)}.button-main:hover{background:#003d6b}.button-soft{background:var(--card-bg);color:var(--ink);box-shadow:var(--shadow-tile)}.button-soft:hover{transform:translateY(-1px);box-shadow:var(--shadow-tile-hover)}.action-row{display:flex;gap:10px;flex-wrap:wrap}.pagination-row{margin-top:16px;justify-content:space-between;align-items:center}.pagination-status{font-weight:800;color:var(--ink-muted);font-size:.85rem}.infinite-status{min-height:28px;display:grid;place-items:center;margin-top:14px;color:#ffffffb3;font-weight:700;font-size:.85rem}.infinite-sentinel{width:100%;height:2px}.selector-panel{min-height:80vh;display:grid;align-content:center;gap:16px;max-width:700px;padding:44px;border-radius:var(--radius);background:var(--card-bg);box-shadow:var(--shadow-card)}.selector-kicker{font-weight:900;font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;color:var(--accent)}.selector-panel h1{font-size:clamp(2.2rem,5vw,3.6rem);font-weight:900;line-height:1;letter-spacing:-.04em}.selector-panel p{color:var(--ink-soft);font-size:1rem}.selector-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:8px}.selector-card{border-radius:var(--radius);background:var(--white);padding:18px 16px;box-shadow:var(--shadow-tile);display:grid;gap:4px;transition:transform .12s,box-shadow .12s}.selector-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-tile-hover)}.selector-card strong{font-size:1.5rem;font-weight:900}.hero-mosaic{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--grid-gap)}.home-hero-grid{min-height:auto}.mosaic-card{position:relative;overflow:hidden;isolation:isolate;border-radius:var(--radius);box-shadow:var(--shadow-tile);transition:transform .14s ease,box-shadow .14s ease}.mosaic-card:hover{transform:scale(1.04);box-shadow:var(--shadow-tile-hover)}.mosaic-card img{width:100%;height:100%;object-fit:cover}.mosaic-card:after{content:"";position:absolute;inset:auto 0 0;height:40%;background:linear-gradient(180deg,transparent,rgba(0,0,0,.3))}.span-1x1{grid-column:span 1;grid-row:span 1}.span-1x2{grid-column:span 1;grid-row:span 2}.span-2x1{grid-column:span 2;grid-row:span 1}.span-2x2{grid-column:span 2;grid-row:span 2}.span-3x2{grid-column:span 3;grid-row:span 2}.search-overlay{display:none;position:fixed;inset:0;z-index:200;background:#18e0c8eb;backdrop-filter:blur(12px);place-items:center;padding:20px}.search-overlay.active{display:grid}.search-overlay-inner{width:min(600px,100%);display:grid;gap:16px}.search-overlay input{width:100%;padding:18px 28px;border-radius:var(--radius-pill);border:none;background:var(--white);color:var(--ink);font-size:1.1rem;font-family:inherit;font-weight:700;outline:none;box-shadow:var(--shadow-card)}.search-overlay input::placeholder{color:var(--ink-muted)}.search-close{position:absolute;top:20px;right:20px;font-size:1.8rem;color:var(--white);cursor:pointer;background:#0000001a;border-radius:50%;width:40px;height:40px;display:grid;place-items:center}.site-footer{position:relative;z-index:1;background:var(--card-bg);border-radius:var(--radius) var(--radius) 0 0;padding:32px 28px;margin-top:24px;max-width:1360px;margin-left:auto;margin-right:auto;width:min(1360px,calc(100% - 20px))}.footer-inner{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:28px}.footer-col h4{font-size:.78rem;font-weight:900;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-muted);margin-bottom:10px}.footer-col a{display:block;padding:3px 0;font-size:.86rem;font-weight:700;color:var(--ink-soft);transition:color .15s}.footer-col a:hover{color:var(--ink)}.footer-bottom{margin-top:18px;padding-top:14px;border-top:1px solid rgba(0,43,74,.08);font-size:.76rem;color:var(--ink-muted);text-align:center;font-weight:700}@media(max-width:1180px){.poki-grid{grid-template-columns:repeat(6,1fr)}.play-layout,.article-card{grid-template-columns:1fr}.thumb-wall{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:900px){.poki-grid{grid-template-columns:repeat(4,1fr);grid-auto-rows:minmax(100px,1fr)}.grid-logo-card{grid-column:span 2;grid-row:span 1;flex-direction:row;justify-content:space-between;padding:14px 18px;gap:10px}.logo-text,.logo-accent{display:inline;font-size:1.5rem}.grid-category-card{grid-column:span 2}.game-header{flex-direction:column;align-items:start}.thumb-wall{grid-template-columns:repeat(3,minmax(0,1fr))}.mini-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}}@media(max-width:640px){.site-frame{width:calc(100% - 10px);margin:5px auto}.poki-grid{grid-template-columns:repeat(3,1fr);grid-auto-rows:minmax(90px,1fr);gap:8px}.grid-logo-card{grid-column:span 3;grid-row:span 1}.grid-tile-lg{grid-column:span 2;grid-row:span 2}.grid-category-card{grid-column:span 3}.mini-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.game-panel,.grid-tile{border-radius:16px}.selector-grid,.meta-stack{grid-template-columns:1fr}.header-actions{justify-items:start}.span-3x2,.span-2x2,.span-2x1,.span-1x2,.span-1x1{grid-column:span 1;grid-row:span 1}.pagination-row{flex-direction:column;align-items:stretch}.thumb-wall{grid-template-columns:repeat(2,minmax(0,1fr))}}.game-page-layout{display:grid;grid-template-columns:130px minmax(0,1fr);gap:var(--grid-gap);align-items:start}.game-sidebar{display:grid;gap:8px;position:sticky;top:10px}.sidebar-logo-card{background:var(--card-bg);border-radius:var(--radius);box-shadow:var(--shadow-card);padding:14px;display:flex;flex-direction:column;align-items:center;gap:2px;text-align:center}.sidebar-thumb{display:block;overflow:hidden;border-radius:var(--radius-sm);box-shadow:var(--shadow-tile);transition:transform .14s;aspect-ratio:1 / 1}.sidebar-thumb:hover{transform:scale(1.06)}.sidebar-thumb img{width:100%;height:100%;object-fit:cover}.game-main{display:grid;gap:0}.game-player-card{background:var(--card-bg);border-radius:var(--radius) var(--radius) 0 0;box-shadow:var(--shadow-card);padding:8px 8px 0;overflow:hidden}.game-player-frame{display:block;width:100%;aspect-ratio:16 / 9;border:0;border-radius:var(--radius-sm) var(--radius-sm) 0 0;background:#001a33}.game-info-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;background:var(--card-bg);border-radius:0 0 var(--radius) var(--radius);box-shadow:var(--shadow-card)}.game-info-left{display:flex;align-items:center;gap:10px}.game-info-thumb{width:40px;height:40px;border-radius:12px;object-fit:cover}.game-info-title{display:block;font-size:1rem;font-weight:900;color:var(--ink);line-height:1.2}.game-info-meta{display:block;font-size:.78rem;color:var(--ink-soft);font-weight:700}.game-info-actions{display:flex;gap:6px}.game-info-btn{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#002b4a0f;color:var(--accent);font-size:1.1rem;transition:background .14s;cursor:pointer;border:none}.game-info-btn:hover{background:#0096881f}.page-header-card{background:var(--card-bg);border-radius:var(--radius);box-shadow:var(--shadow-card);padding:20px 28px;display:flex;align-items:center}.page-header-card h1{font-size:1.6rem;font-weight:900;letter-spacing:-.03em}@media(max-width:900px){.game-page-layout{grid-template-columns:1fr}.game-sidebar{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));position:static;order:2}.sidebar-logo-card{display:none}}@media(max-width:640px){.game-page-layout{gap:6px}.game-info-bar{flex-wrap:wrap;padding:10px 12px}}.seo-content{display:grid;gap:20px}.seo-game-title{font-size:1.6rem;font-weight:900;letter-spacing:-.03em;color:var(--ink);margin:0}.seo-content .content-section{border-top:1px solid rgba(0,43,74,.08);padding-top:16px}.seo-content .content-section:first-of-type{border-top:none;padding-top:0}.seo-content .content-section h2{font-size:1.1rem;font-weight:900;margin-bottom:8px;color:var(--ink)}.seo-content .content-section h3{font-size:.95rem;font-weight:800}.seo-content .meta-box a{color:var(--accent);font-weight:700}.seo-content .meta-box a:hover{text-decoration:underline}.related-links-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px;margin-top:10px}.related-link-card{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:16px;background:#002b4a0a;font-size:.85rem;font-weight:700;color:var(--ink);transition:background .14s}.related-link-card:hover{background:#002b4a14}.related-link-card img{width:40px;height:40px;border-radius:10px;object-fit:cover;flex-shrink:0}@media(max-width:640px){.seo-game-title{font-size:1.3rem}.related-links-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.related-link-card{padding:6px 10px;font-size:.78rem}.related-link-card img{width:32px;height:32px}}