@import url(sprite-positions.css);
*{box-sizing:border-box}html,body{margin:0;min-height:100%;}body{color:#000;font:11px/15px Tahoma,"DejaVu Sans Condensed",Arial,Helvetica,sans-serif;background:#62c1f7 url(themes_site_playforia_img_bg-body.jpg) no-repeat 50% 0}a{color:#09f;text-decoration:none}a:hover{text-decoration:underline}#header{width:100%;text-align:center}.header-top{background:#97d4f8 url(themes_site_playforia_img_header-bg-top.png) repeat-x 100% 100%;height:70px}.deco{height:70px;background:url(themes_site_playforia_img_header-bg-deco.jpg) no-repeat 50% 100%}#menu{width:980px;margin:auto;position:relative;height:70px;text-align:left}#logo{position:absolute;left:0;top:0;width:205px;height:70px;background:url(themes_site_playforia_img_logo-aapeli.png) no-repeat}#mainmenu{list-style:none;margin:0 0 0 205px;padding:10px 0 0;display:flex;gap:2px;font-size:17px;text-transform:uppercase}#mainmenu li{height:50px}#mainmenu a{display:block;padding-left:10px;color:#fff;background:url(themes_site_playforia_img_navi-normal-left.png) no-repeat;text-decoration:none}#mainmenu a span{display:block;height:50px;padding:15px 10px 0 0;background:url(themes_site_playforia_img_navi-normal-right.png) no-repeat 100% 0}#mainmenu .active a,#mainmenu a:hover{background-image:url(themes_site_playforia_img_navi-lit-left.png);color:#a30;text-shadow:0 -1px #fed,-1px 0 #fed,0 1px #fed,1px 0 #fed,0 0 3px #a30}#mainmenu .active span,#mainmenu a:hover span{background-image:url(themes_site_playforia_img_navi-lit-right.png)}#menubar{height:50px;background:url(themes_site_playforia_img_header-bg-bottom.png) repeat-x}.bar-inner{width:980px;margin:auto;padding:7px 10px;text-align:right;color:#fff}.bar-inner select{font:12px Arial,sans-serif;max-width:180px;border:1px solid #de7d15;background:#fff9ef;border-radius:3px;padding:2px}main{width:980px;margin:0 auto;padding:0 0 90px;display:flex;gap:10px;align-items:flex-start}.box{position:relative;background:#fff8e8;border-radius:14px 14px 10px 10px;box-shadow:0 2px 5px #256b9370;border:0;overflow:hidden}.games-box{width:650px;flex-shrink:0;background:#fff8e8 url(themes_site_playforia_img_650_bg.png) repeat-y}.box>h2{height:50px;margin:0;padding:13px 12px 0;color:#000;font-size:17px;text-transform:uppercase;background:url(themes_site_playforia_img_650_top.png) no-repeat}.categories{display:grid;grid-template-columns:310px 310px;gap:10px;padding:0 10px 10px}.category{position:relative;width:310px;background:#fff url(themes_site_playforia_img_innerbox-310-bg.png) repeat-y;padding-bottom:10px;border-radius:8px;overflow:hidden}.category:after{content:"";position:absolute;bottom:0;left:0;width:310px;height:10px;background:url(themes_site_playforia_img_innerbox-310-bottom.png) no-repeat;pointer-events:none}.category h3{height:40px;margin:0;padding:10px;font-size:14px;background:url(themes_site_playforia_img_innerbox-310-top.png) no-repeat}.game-grid{display:grid;grid-template-columns:repeat(3,90px);gap:12px 10px;padding:5px 10px}.game{display:block;width:90px;text-align:center;min-height:108px;line-height:16px}.game strong{display:block;font-size:11px;margin-top:4px}.gameimg-90x80{display:block;width:90px;height:80px;background-image:url(themes_global_img_games_sprite-90x80.png);background-repeat:no-repeat}.gameimg-90x80 .inner{display:block;width:90px;height:80px;background:url(themes_site_playforia_img_games-frame-90x80.png) no-repeat}.source-box{width:320px;order:-1}.source-box>h2{font-size:15px}.source-games{display:grid;grid-template-columns:repeat(3,90px);gap:12px 10px;padding:10px}.build-label,.language-availability{display:block;color:#777;font-size:10px;line-height:12px;margin-top:2px}.language-availability:empty{display:none}@media(max-width:1000px){#menu,.bar-inner,main{width:650px}main{flex-direction:column}.source-box{order:0}.source-box{width:650px}.source-games{grid-template-columns:repeat(6,90px)}.source-box>h2{background-size:650px 50px}}@media(max-width:680px){#menu,.bar-inner,main{width:calc(100% - 16px)}#logo{width:190px;background-size:190px auto}#mainmenu{margin-left:190px;font-size:14px}#mainmenu a span{padding-top:17px}.games-box,.source-box{width:100%;flex-shrink:1}.categories{display:flex;flex-wrap:wrap;justify-content:center;padding:0 4px 10px}.source-games{grid-template-columns:repeat(3,90px);justify-content:center;gap:12px 10px}.bar-inner{padding-right:5px}.box>h2{background-size:100% 50px}}@media(max-width:360px){#logo{width:160px;background-size:160px auto}#mainmenu{margin-left:160px;font-size:12px}#mainmenu a{padding-left:7px}#mainmenu a span{padding-right:7px}}

.box:after{content:"";position:absolute;bottom:0;left:0;height:20px;width:100%;background:url(themes_site_playforia_img_650_bottom.png) no-repeat 0 100%;pointer-events:none}.categories{background:url(themes_site_playforia_img_650_bg-content.png) no-repeat 0 0}.source-box{background:#fff8e8 url(themes_site_playforia_img_320_bg.png) repeat-y}.source-box>h2{background-image:url(themes_site_playforia_img_320_top.png)}.source-box:after{background-image:url(themes_site_playforia_img_320_bottom.png)}.source-games{background:url(themes_site_playforia_img_320_bg-content.png) no-repeat 0 0}@media(max-width:1000px){.source-box{background-image:url(themes_site_playforia_img_650_bg.png)}.source-box>h2{background-image:url(themes_site_playforia_img_650_top.png)}.source-box:after{background-image:url(themes_site_playforia_img_650_bottom.png)}.source-games{background-image:url(themes_site_playforia_img_650_bg-content.png)}}

.source-games{padding-bottom:25px}.categories{padding-bottom:20px}

#logo{top:10px}#mainmenu{padding-top:20px}.category h3{color:#369;text-transform:uppercase}
.games-box>h2{padding-left:50px}.games-box>h2:before{content:"";position:absolute;top:8px;left:10px;width:30px;height:30px;background:url(title-icon.png) no-repeat}

.game-entry{width:90px;text-align:center}.game-entry .game{min-height:108px}.game-scores{display:block;font-size:11px;line-height:16px;margin-top:2px}@media(max-width:680px){#mainmenu{font-size:12px;gap:0}#mainmenu a{padding-left:5px}#mainmenu a span{padding-right:5px}}

/* Shared polished portal: archived artwork, native game pixels. */
[hidden]{display:none!important}
html{scroll-behavior:smooth;scroll-padding-top:12px}
body{font:13px/1.45 Tahoma,Arial,sans-serif;color:#243b4b;background-color:#86cef6;background-attachment:fixed}
a:focus-visible,button:focus-visible,summary:focus-visible,select:focus-visible{outline:3px solid #1689c4;outline-offset:3px}
#menu,.bar-inner{width:min(980px,calc(100% - 32px))}
#logo{top:0}
#mainmenu{padding-top:20px;font-size:16px}
#menubar{height:38px;background-size:auto 38px}
.bar-inner{padding:6px 0;display:flex;align-items:center;justify-content:flex-end;gap:7px}
.bar-inner select{padding:3px 8px;min-height:26px}
main.library-page{display:block;width:min(980px,calc(100% - 32px));padding:20px 0 32px}
.box{border:1px solid #639ccb;box-shadow:0 2px 3px #31698830,0 8px 24px #31698812;background:#fff9ec;border-radius:14px;overflow:hidden}
.box:after{display:none}
.box>h2,.catalogue-heading{background:linear-gradient(#fff 0%,#e7f4fd 44%,#cbe7fb 100%);border-bottom:1px solid #bfd9e9}
.box>h2{height:auto;min-height:48px;padding:14px 18px;font-size:16px;color:#183b54}
.featured-box{margin-bottom:20px}
.featured-games{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;padding:14px 16px 16px;background:linear-gradient(#fff9ec,#fffdf7)}
.games-box{width:100%;background:#fff9ec}
.catalogue-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 18px;min-height:62px}
.catalogue-heading h2{font-size:19px;text-transform:uppercase;margin:0;color:#183b54}
.game-search{position:relative;display:block;width:240px;max-width:55%}
.game-search input{width:100%;min-height:34px;border:1px solid #a6c9df;border-radius:7px;padding:7px 12px 7px 32px;background:#fff;font:13px Tahoma,Arial,sans-serif;color:#243b4b;outline:none}
.game-search input:focus{border-color:#1889c6;box-shadow:0 0 0 3px #1889c61e}
.search-icon{position:absolute;left:12px;top:10px;width:10px;height:10px;border:2px solid #64899f;border-radius:50%;pointer-events:none}
.search-icon:after{content:"";position:absolute;width:6px;height:2px;background:#64899f;transform:rotate(45deg);top:8px;left:7px}
.category-filters{display:flex;gap:7px;flex-wrap:wrap;padding:12px 18px;border-bottom:1px solid #eee4ce;background:#fff7e6}
.category-filters button{border:1px solid #dacfb7;background:#fffdf8;color:#536574;border-radius:16px;font:12px Tahoma,Arial,sans-serif;padding:6px 13px;cursor:pointer;transition:background .15s,border-color .15s}
.category-filters button:hover{background:#ecf6fe;border-color:#9dc5dc}
.category-filters button[aria-pressed="true"]{background:#247caf;border-color:#247caf;color:white;box-shadow:inset 0 1px 0 #ffffff30}
.categories{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:16px;padding:16px;background:none}
.category{width:auto;position:relative;padding:0;background:#fffdf8;border:1px solid #dfdfd1;border-radius:10px;overflow:hidden}
.category:after{display:none}
.category h3{height:auto;margin:0;padding:10px 14px;background:linear-gradient(#f8fcff,#e6f3fc);border-bottom:1px solid #d8e7ef;color:#397699;font-size:13px;text-transform:uppercase;letter-spacing:.025em}
.game-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:12px 8px}
.game-entry{width:auto;min-width:0;text-align:center}
.game{display:block;width:100%;min-height:116px;padding:7px 3px 9px;border:1px solid transparent;border-radius:8px;color:#176b9a;line-height:16px;transition:background .15s,box-shadow .15s,transform .15s}
.game:hover{background:#fff;border-color:#b7d7e8;box-shadow:0 3px 8px #23689515;transform:translateY(-2px);text-decoration:none}
.game strong{font-size:12px;font-weight:600;margin-top:6px;line-height:17px}
.gameimg-90x80{margin:auto;flex-shrink:0}
.featured-games .game strong{font-size:13px}
#game-empty{text-align:center;margin:0;padding:36px 20px;color:#678295}
.source-details{margin-top:20px;background:#eaf6fdcc;border:1px solid #7aafcd80;border-radius:9px;color:#3d6e8b}
.source-details>summary{padding:11px 16px;cursor:pointer;font-size:12px}
.source-content{border-top:1px solid #bdd9e8;padding:14px 16px}
.download-source{display:inline-block;font-weight:600;margin-bottom:12px}
.source-games{display:flex;flex-wrap:wrap;gap:8px 18px;padding:0;background:none}
.source-games a{font-size:12px;color:#3a718f}
.site-footer{display:flex;justify-content:space-between;padding:20px 3px 0;font-size:11px}
.site-footer a{color:#2c7198}
.skip-link{position:absolute;top:-60px;left:16px;z-index:99;padding:10px 18px;background:#fff;border-radius:5px}
.skip-link:focus{top:8px}
@media(max-width:760px){.featured-games{grid-template-columns:repeat(3,minmax(0,1fr))}.categories{grid-template-columns:1fr}.game-grid{grid-template-columns:repeat(auto-fit,minmax(90px,1fr))}.catalogue-heading{padding:12px 14px}.category-filters{padding:10px 14px}.featured-games{gap:5px;padding:10px}.categories{padding:12px}.game strong{font-size:12px}}
@media(max-width:540px){#menu,.bar-inner{width:calc(100% - 24px)}.header-top,.deco,#menu{height:102px}.header-top{background-position:100% 100%}.deco{background-position:50% 100%}#logo{left:0;top:0;width:155px;height:52px;background-size:155px auto}#mainmenu{margin:0;padding-top:52px;font-size:14px;gap:3px}#mainmenu a{padding-left:10px}#mainmenu a span{padding:15px 10px 0 0}.bar-inner{padding:6px 0}main.library-page{width:calc(100% - 24px);padding-top:14px}.box>h2{min-height:43px;padding:11px 14px;font-size:15px}.catalogue-heading h2{font-size:17px}.game-search{max-width:62%;width:200px}.category-filters{gap:5px}.category-filters button{padding:6px 10px}.game-grid{gap:4px;padding:10px 6px}.game{min-height:114px}.featured-box{margin-bottom:14px}.source-details{margin-top:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.game,.category-filters button{transition:none}.game:hover{transform:none}}
/* Identity remains at the upper right, including on a narrow viewport. */
.portal-identity{position:absolute;right:0;top:7px;width:305px;text-align:right;font-size:11px;color:#17394e;z-index:2}
.portal-identity form{display:flex;align-items:center;justify-content:flex-end;gap:6px}.nickname-input{display:flex;gap:4px}
.portal-identity input{width:130px;min-height:26px;padding:3px 6px;border:1px solid #5f9abd;border-radius:4px;font:12px Tahoma,Arial,sans-serif}
.portal-identity button,.account-form button{cursor:pointer;border:1px solid #438cba;border-radius:4px;background:#fff8e8;color:#174f71;min-height:26px;padding:3px 9px;font:12px Tahoma,Arial,sans-serif}
.portal-account{display:flex;gap:10px;align-items:center;justify-content:flex-end;margin-top:4px}.portal-account a{color:#174f71;font-weight:bold}
#portal-status{margin:2px 0;font-size:11px;max-width:305px}.portal-identity input:focus-visible,input:focus-visible{outline:2px solid #1689c4;outline-offset:2px}
#mainmenu{max-width:calc(100% - 305px)}.player-count{display:block;color:#537085;font-size:10px;line-height:14px;margin-top:1px}
.logging-notice{margin:0 0 16px;padding:10px 14px;border:1px solid #86afc9;border-radius:7px;background:#fff8e8;font-size:12px;line-height:1.5;color:#243b4b}.logging-notice a{white-space:nowrap;font-weight:bold}
.account-page{display:block;width:min(560px,calc(100% - 32px));margin:30px auto;padding:0 0 32px}.account-box{padding:20px}.account-box h1{margin:0 0 16px;font-size:22px;color:#183b54}.account-box p{line-height:1.6}
.account-form{display:grid;gap:13px}.account-form>label{display:grid;gap:5px;font-weight:bold}.account-form input:not([type=checkbox]){font:15px Tahoma,Arial,sans-serif;width:100%;padding:9px 10px;border:1px solid #a6c9df;border-radius:5px}.account-form small{font-weight:normal;color:#526c7c}.account-form button{min-height:36px;justify-self:start;font-size:14px}.account-form .acknowledgement{display:flex;align-items:flex-start;gap:7px;font-weight:normal}.acknowledgement input{margin:4px 0 0;flex-shrink:0}.account-warning{border-left:4px solid #c87c22;background:#fff0d7;padding:10px 13px}.account-status{min-height:1.5em;color:#8a3a1b}.privacy-copy h2{font-size:17px;margin-top:22px}.privacy-copy ul{padding-left:22px;line-height:1.6}
@media(max-width:1000px){#mainmenu{margin-left:190px;font-size:13px}#mainmenu a span{padding-right:6px}#mainmenu a{padding-left:6px}.portal-identity{width:280px}.portal-identity input{width:110px}#mainmenu{max-width:calc(100% - 280px)}}
@media(max-width:760px){.header-top,.deco,#menu{height:112px}#mainmenu{margin:0;padding-top:64px;max-width:100%;font-size:14px}.portal-identity{width:300px;top:6px}#logo{width:180px;height:63px;background-size:180px auto}}
@media(max-width:540px){#logo{width:125px;height:48px;background-size:125px auto}.portal-identity{width:calc(100% - 132px);font-size:10px}.portal-identity form{display:block}.nickname-input{justify-content:flex-end}.portal-identity input{width:calc(100% - 64px);min-width:75px}.portal-account{gap:6px;flex-wrap:wrap;font-size:10px}.portal-identity button{padding:3px 5px}.portal-identity label{display:block;margin-bottom:2px}.header-top,.deco,#menu{height:170px}#mainmenu{padding-top:120px}.logging-notice{font-size:11px}.account-box{padding:16px}}