@font-face{font-family:"junegullrg";src:url("../fonts/junegullrg.ttf") format("truetype");font-weight:normal;font-style:normal;font-display:swap;}:root{--bg:hsl(44,17%,32%);--bg-deep:hsl(43.85,16.67%,30.59%);--bg-deeper:hsl(30,20%,14%);--text:hsl(210,40%,98%);--text-muted:rgba(255,255,255,0.55);--text-soft:rgba(255,255,255,0.72);--warning:#ffc107;--info:#0dcaf0;--orange:hsl(25,98%,48%);--orange-hot:hsl(25,100%,61%);--orange-deep:hsl(25,94%,52%);--blue:#035496;--line:hsla(45,95%,64%,0.2);--danger:#ff3a1c;--radius-s:7px;--radius-m:12px;--radius-pill:50px;--content-w:1140px;--shadow:0 4px 7px rgba(0,0,0,0.1);--font-display:"junegullrg","Trebuchet MS","Segoe UI",sans-serif;--font-body:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;}*,*::before,*::after{box-sizing:border-box;}html{scroll-behavior:smooth;}body{margin:0;min-height:100%;font-family:var(--font-display);line-height:1.5;color:var(--text);background-color:var(--bg);}img{max-width:100%;height:auto;}a{color:var(--info);text-decoration:none;}a:hover,a:focus-visible{color:var(--orange-hot);}.container{width:min(var(--content-w),calc(100% - 2rem));margin-inline:auto;}.site-header{background:linear-gradient(45deg,var(--orange) 0%,var(--blue) 100%);min-height:56px;}.header-shell{display:flex;align-items:center;justify-content:space-between;gap:0.75rem;padding:0.55rem 0;}.brand{display:flex;align-items:center;gap:0.65rem;color:#fff;text-decoration:none;}.brand:hover{color:#fff;}.brand-logo{width:40px;height:40px;border-radius:var(--radius-s);display:block;flex-shrink:0;}.brand-title{margin:0;font-family:var(--font-display);font-size:1.5rem;font-weight:bold;text-transform:uppercase;letter-spacing:0.02em;color:#fff;}.header-actions{display:flex;align-items:center;gap:0.5rem;}.btn-icon{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:var(--radius-pill);background:var(--orange);color:#fff !important;border:0;transition:background-color 160ms ease;}.btn-icon:hover,.btn-icon:focus-visible{background:var(--orange-deep);color:#fff !important;}.btn-icon svg{width:1.15rem;height:1.15rem;fill:currentColor;}.site-nav{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:0.35rem 0.85rem;flex:1;min-width:0;}.site-nav a{color:#fff;font-family:var(--font-body);font-size:0.92rem;font-weight:600;opacity:0.95;}.site-nav a:hover,.site-nav a:focus-visible{color:#fff;text-decoration:underline;opacity:1;}@media (max-width:820px){.header-shell{flex-wrap:wrap;}.site-nav{order:3;width:100%;justify-content:flex-start;padding-bottom:0.35rem;}.brand-title{font-size:1.15rem;}}@media (max-width:520px){.site-nav{display:none;}}.site-main{padding:1.75rem 0 2.5rem;}.content-panel{background:var(--bg-deep);border:1px solid var(--line);border-radius:var(--radius-m);box-shadow:var(--shadow);padding:clamp(1rem,2.5vw,1.75rem);color:var(--text);}.content-panel p,.site-main p,.post p,.blog-index p{font-family:var(--font-body);font-size:1.05rem;line-height:1.6;text-align:justify;margin:0 0 1rem;}.content-panel .lead,.site-main .lead{font-size:1.05rem;color:var(--text);}.text-muted-jpc,.site-main .text-white-50{color:var(--text-muted);font-family:var(--font-body);font-size:0.95rem;line-height:1.6;text-align:justify;}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:bold;text-transform:uppercase;line-height:1.2;margin:0 0 0.85rem;color:var(--text);}h1{font-size:clamp(1.8rem,1.4rem+1.5vw,2.5rem);letter-spacing:1px;}h2{font-size:1.6rem;color:var(--warning);}h2 .section-icon,.section-heading .section-icon{display:inline-block;vertical-align:-0.15em;margin-right:0.4rem;}h3{font-size:calc(1rem+0.4vw);}.section-heading{color:var(--warning);text-transform:uppercase;font-family:var(--font-display);font-size:1.6rem;margin:0 0 1.25rem;}ul,ol{font-family:var(--font-body);margin:0 0 1rem 1.25rem;}li{margin-bottom:0.3rem;}code{font-family:ui-monospace,Consolas,monospace;background:rgba(0,0,0,0.25);padding:0.12rem 0.35rem;border-radius:4px;font-size:0.9em;}pre{font-family:ui-monospace,Consolas,monospace;background:rgba(0,0,0,0.28);border:1px solid var(--line);border-radius:var(--radius-m);padding:1rem;overflow-x:auto;margin-bottom:1rem;}pre code{background:none;padding:0;}hr{border:0;border-top:1px solid var(--line);margin:1.75rem 0;}blockquote{margin:0 0 1rem;padding:0.75rem 1rem;border-left:4px solid var(--orange);background:rgba(0,0,0,0.15);font-family:var(--font-body);}.games-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:0 0 1.75rem;list-style:none;padding:0;}@media (min-width:768px){.games-grid{grid-template-columns:repeat(4,minmax(0,1fr));}.brand-title{display:block;}}@media (max-width:767.98px){.brand-title{display:none;}}.game-card{background:var(--bg);border:0;border-radius:var(--radius-m);box-shadow:var(--shadow);overflow:hidden;color:var(--text);display:flex;flex-direction:column;height:100%;}.game-card a{color:inherit;text-decoration:none;}.game-card-thumb{aspect-ratio:1 / 1;object-fit:cover;width:100%;display:block;background:rgba(0,0,0,0.2);}.game-card-body{padding:0.5rem;display:flex;flex-direction:column;gap:0.5rem;flex:1;}.game-card-title{margin:0;font-family:var(--font-body);font-weight:400;font-size:0.95rem;text-transform:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text);}.btn-play{display:inline-flex;align-items:center;justify-content:center;width:100%;padding:0.4rem 0.75rem;border-radius:var(--radius-pill);background:var(--orange);color:#fff !important;font-family:var(--font-display);font-size:0.85rem;text-transform:uppercase;border:0;transition:background-color 160ms ease,color 160ms ease;}.btn-play:hover,.btn-play:focus-visible{background:var(--orange-hot);color:#ffe3e3 !important;}.btn-play-lg{padding:0.85rem 2rem;font-size:1.25rem;gap:0.5rem;}.blog-post-list{list-style:none;margin:0 0 1.5rem;padding:0;display:grid;gap:1rem;}.blog-post-list li{background:var(--bg-deep);border:1px solid var(--line);border-radius:var(--radius-m);padding:1rem;box-shadow:var(--shadow);}.blog-post-list h2{margin:0 0 0.35rem;font-size:1.25rem;text-transform:none;color:var(--text);}.blog-post-list h2 a{color:var(--text);}.blog-post-list h2 a:hover{color:var(--warning);}.blog-post-list time{display:block;color:var(--text-muted);font-family:var(--font-body);font-size:0.85rem;font-style:italic;margin-bottom:0.35rem;}.blog-post-list p{margin:0;color:var(--text-soft);text-align:left;}.pagination{margin-top:1.25rem;display:flex;align-items:center;justify-content:space-between;gap:0.75rem;flex-wrap:wrap;font-family:var(--font-body);}.pagination a{display:inline-flex;align-items:center;padding:0.35rem 0.9rem;border-radius:var(--radius-pill);background:var(--orange);color:#fff !important;}.pagination a:hover{background:var(--orange-deep);}.pagination span{color:var(--text-soft);}.post.container article,article.post-body{max-width:100%;}.breadcrumb{display:flex;flex-wrap:wrap;gap:0.35rem;list-style:none;margin:0 0 0.75rem;padding:0;font-family:var(--font-body);font-size:0.9rem;}.breadcrumb li:not(:last-child)::after{content:"/";margin-left:0.35rem;color:var(--text-muted);}.breadcrumb a{color:var(--info);}.game-hero,.game-play{position:relative;min-height:420px;border-radius:var(--radius-m);overflow:hidden;background:linear-gradient(135deg,rgba(43,30,22,0.92) 0%,rgba(25,17,12,0.96) 100%);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem 1.25rem;margin-bottom:1.5rem;border:1px solid var(--line);}.game-play-cover{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;}.game-hero-thumb{width:120px;height:120px;object-fit:cover;border-radius:1rem;border:3px solid var(--orange);margin-bottom:1rem;box-shadow:0 12px 28px rgba(0,0,0,0.35);}.game-hero p,.game-play-cover p{text-align:center;color:var(--text-muted);max-width:36rem;}.game-iframe{display:none;width:100%;height:min(70vh,720px);min-height:420px;border:0;background:#000;}body.is-game-viewport{overflow:hidden;}.game-play.is-playing{position:fixed;inset:0;z-index:2000;width:100%;height:100%;height:100vh;height:100dvh;padding:0;margin:0;min-height:0;border:0;border-radius:0;background:#000;align-items:stretch;justify-content:stretch;}.game-play.is-playing .game-play-cover{display:none;}.game-play.is-playing .game-iframe{display:block;width:100%;height:100%;min-height:0;}.game-play-close{position:absolute;top:max(0.75rem,env(safe-area-inset-top,0px));right:max(0.75rem,env(safe-area-inset-right,0px));z-index:2;margin:0;padding:0.45rem 0.85rem;border:1px solid rgba(255,255,255,0.35);border-radius:999px;background:rgba(0,0,0,0.72);color:#fff;font:inherit;font-size:0.85rem;font-weight:700;cursor:pointer;line-height:1.2;}.game-play-close:hover,.game-play-close:focus-visible{background:rgba(242,115,2,0.92);border-color:var(--orange);outline:none;}.btn-play.js-play-game{border:0;cursor:pointer;font:inherit;}.site-footer{margin-top:3rem;padding-top:1rem;background:var(--bg-deep);}.footer-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;padding:0.5rem 0 1.25rem;font-family:var(--font-body);font-size:0.95rem;}@media (min-width:768px){.footer-grid{grid-template-columns:repeat(3,1fr);}}.footer-col b{display:block;font-family:var(--font-display);text-transform:uppercase;margin-bottom:0.5rem;color:#fff;}.footer-col a{color:#fff;text-decoration:none;display:inline-block;margin:0.15rem 0;}.footer-col a:hover{color:var(--warning);}.footer-col p,.footer-col{color:var(--text-soft);text-align:justify;}.footer-mail{color:var(--info) !important;}.footer-copy{border-top:1px solid var(--line);padding:1rem 0;text-align:center;font-family:var(--font-body);font-size:0.9rem;color:var(--text-soft);}.ad-unit{margin:1.5rem auto;clear:both;max-width:100%;text-align:center;overflow:hidden;}.ad-unit--top{margin-top:0.5rem;margin-bottom:1.25rem;}.ad-unit--middle{margin:1.5rem auto;}.ad-unit--bottom{margin-top:1.5rem;margin-bottom:0.5rem;}.banner-slot{margin:0 auto 1.25rem;min-height:0;}.cookie-notice{position:fixed;z-index:1000;left:1rem;right:1rem;bottom:1rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:0.75rem 1rem;max-width:40rem;margin-inline:auto;padding:0.85rem 1rem;background:var(--bg-deeper);border:1px solid var(--line);border-radius:var(--radius-m);box-shadow:var(--shadow);font-family:var(--font-body);font-size:0.92rem;color:var(--text);}.cookie-notice[hidden]{display:none !important;}.cookie-notice p{margin:0;flex:1;min-width:12rem;}.cookie-notice a{color:var(--warning);text-decoration:underline;}.cookie-notice-btn{appearance:none;border:0;border-radius:var(--radius-pill);padding:0.45rem 1.1rem;background:var(--orange);color:#fff;font-family:var(--font-body);font-weight:700;cursor:pointer;}.cookie-notice-btn:hover,.cookie-notice-btn:focus-visible{background:var(--orange-deep);}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}