body.page-games{background:#efeff5;color:#29334b;padding-bottom:110px;font-family:'Noto Sans Thai',sans-serif}.page-games>.site-header,.page-games>.site-footer{display:none}.game-library{max-width:1000px;margin:auto;background:#efeff5;min-height:100vh;box-shadow:0 0 80px #18294b0a}.library-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:22px 26px;background:linear-gradient(120deg,#102b2b,#294a4c);color:white}.library-brand{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none}.library-brand>span{font-size:46px}.library-brand h1{font-size:29px;font-weight:800;line-height:1.3;margin:0}.library-brand h1 span{font-size:27px}.library-brand p{font-size:15px;margin:3px 0 0;color:#ffefc6}.library-actions{display:flex;gap:12px}.library-actions button{display:grid;place-items:center;width:48px;height:48px;border:1px solid #ffffff4a;border-radius:50%;background:#ffffff25;color:white;cursor:pointer}.library-actions svg{width:25px;height:25px}.library-actions .library-avatar{background:#e9e0d2;color:#243b50;border:3px solid #ffffffba;font-weight:800;font-size:23px}.library-hero{position:relative;overflow:hidden;aspect-ratio:512/190}.library-hero>img{display:block;width:100%;height:auto}.library-twinkle{position:absolute;color:#fff5a0;text-shadow:0 0 18px #ffbd00;font-size:34px;animation:library-sparkle 2.5s infinite alternate}.twinkle-one{top:14%;left:49%}.twinkle-two{top:56%;left:89%;animation-delay:-1s}.library-catalog{position:relative;margin-top:-8px;padding:18px 22px 38px;border-radius:32px 32px 0 0;background:linear-gradient(#f2f3f5ee,#efeff5 160px)}.library-filters{display:flex;gap:10px;margin-bottom:22px;overflow-x:auto;scrollbar-width:none;padding:2px 1px 6px}.library-filters button{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;min-height:56px;padding:10px 15px;border:1px solid #ffffffa0;border-radius:32px;background:#ffffffbb;color:#687083;font-size:18px;font-weight:700;cursor:pointer;transition:background .2s,transform .2s}.library-filters svg{width:27px;height:27px;flex-shrink:0}.library-filters .selected{background:linear-gradient(#ffe992,#ffc54f);border-color:#fff7ce;color:#7a3c08;box-shadow:0 3px 8px #c18a3030,inset 0 0 0 2px #fff5c3}.library-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px 13px}.library-card{--tone:#102858;position:relative;display:flex;flex-direction:column;overflow:hidden;border-radius:22px;background:linear-gradient(145deg,#406baa,var(--tone));color:white;text-decoration:none;box-shadow:0 4px 8px #172a4526;transition:transform .22s,box-shadow .22s;min-width:0;border:1px solid #ffffffb0}.library-card:hover{transform:translateY(-5px);box-shadow:0 12px 24px #172a4533}.card-tone-1{--tone:#261430}.card-tone-2{--tone:#065342}.card-tone-3{--tone:#3e1764}.card-tone-4{--tone:#092a82}.card-tone-5{--tone:#0c3b55}.library-card-art{aspect-ratio:1/1;display:grid;place-items:center;background:radial-gradient(at top,#f9d28388,transparent 70%)}.library-card-art img{width:100%;height:100%;object-fit:contain;display:block;transition:transform .35s}.library-card:hover img{transform:scale(1.035)}.library-card h2{font-size:clamp(16px,2.5vw,25px);font-weight:800;line-height:1.3;text-align:center;padding:6px 8px 10px;margin:0;text-shadow:0 2px 3px #0008}.library-card-footer{display:flex;align-items:center;justify-content:space-between;gap:4px;margin:auto 7px 7px;padding:5px 7px;border-radius:22px;background:#ffffff16;font-size:16px}.library-card-footer>span{display:flex;align-items:center;gap:6px}.library-card-footer svg{width:22px;height:22px}.library-card-footer b{width:29px;height:29px;display:grid;place-items:center;background:#ffffff24;border-radius:50%;font-size:30px;font-weight:400;line-height:1}.library-soon{position:absolute;top:9px;right:9px;padding:3px 8px;border-radius:20px;background:#08233cdd;color:#ffdf8e;font-size:11px;font-weight:700}.library-bottom{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,1000px);display:flex;justify-content:space-around;padding:0 10px max(12px,env(safe-area-inset-bottom));background:#fffffff0;backdrop-filter:blur(18px);border-radius:30px 30px 0 0;box-shadow:0 -5px 25px #26345308;z-index:50}.library-bottom>a,.library-bottom>button{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px 2px 12px;color:#828b9b;border:0;background:transparent;text-decoration:none;font:inherit;font-size:17px;font-weight:700;cursor:pointer}.library-bottom svg{width:33px;height:33px}.library-bottom [aria-current]{color:#b26603;background:linear-gradient(#fffbf1,#fff0d4);border-radius:0 0 28px 28px}.library-bottom [aria-current] svg{stroke-width:2.4}.library-empty{text-align:center;padding:32px 12px;color:#687083}.library-grid [hidden],.library-empty[hidden],#library-search-panel[hidden]{display:none}#library-search-panel{margin:0 0 20px}#library-search-panel label{display:block;font-weight:700;margin-bottom:8px}#library-search{width:100%;border:1px solid #ccd2df;border-radius:16px;background:white;padding:14px 18px;color:#20314a;font:inherit}.page-games :is(button,a,input):focus-visible{outline:3px solid #bd7b08;outline-offset:3px}#library-dialog{border:0;border-radius:24px;padding:36px;max-width:min(90vw,420px);color:#20314a;box-shadow:0 20px 90px #07152644}#library-dialog::backdrop{background:#10213d88;backdrop-filter:blur(4px)}#library-dialog h2{font-size:24px;font-weight:800;margin:0 0 12px}#library-dialog p{line-height:1.8}.library-dialog-close{position:absolute;right:10px;top:5px;background:none;border:0;font-size:30px;color:#657086;cursor:pointer}@keyframes library-sparkle{to{opacity:.3;transform:scale(.7) rotate(15deg)}}@media(max-width:600px){body.page-games{padding-bottom:90px}.library-top{padding:14px 15px;gap:8px}.library-brand{gap:6px}.library-brand>span{font-size:32px}.library-brand h1{font-size:21px}.library-brand h1 span{font-size:18px}.library-brand p{font-size:10px}.library-actions{gap:6px}.library-actions button{width:35px;height:35px}.library-actions svg{width:19px;height:19px}.library-actions .library-avatar{font-size:16px}.library-catalog{padding:12px 12px 25px;border-radius:24px 24px 0 0}.library-filters{gap:7px;margin-bottom:12px}.library-filters button{font-size:13px;min-height:44px;padding:8px 12px}.library-filters svg{width:20px;height:20px}.library-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.library-card{border-radius:18px}.library-card h2{font-size:19px}.library-card-footer{font-size:13px}.library-bottom>a,.library-bottom>button{font-size:12px;padding:13px 2px 8px}.library-bottom svg{width:27px;height:27px}.library-twinkle{font-size:22px}}@media(prefers-reduced-motion:reduce){.game-library *{animation:none!important;transition:none!important}.library-card:hover,.library-card:hover img{transform:none}}
.library-hero{aspect-ratio:auto}.library-hero>img{width:100%;height:auto;display:block}.library-search-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 14px}.library-search-row h1{font-size:18px;font-weight:800;margin:0;color:#39445a}.library-search-row button{display:flex;align-items:center;gap:7px;min-height:44px;padding:8px 15px;border:1px solid #dfe2ea;border-radius:24px;background:#fff;color:#596579;font:inherit;font-size:14px;cursor:pointer}.library-search-row svg{width:20px;height:20px}@media(max-width:600px){.library-search-row h1{font-size:16px}.library-search-row button{font-size:12px;padding:6px 12px}}
.library-bottom .library-nav-icon{width:66px;height:66px;object-fit:contain;display:block;filter:drop-shadow(0 3px 3px #15397b20);transition:transform .2s,filter .2s}.library-bottom>a,.library-bottom>button{padding-top:6px;gap:0}.library-bottom [aria-current] .library-nav-icon{filter:drop-shadow(0 0 8px #f5c44d80);transform:translateY(-3px)}.library-bottom a:hover .library-nav-icon,.library-bottom button:hover .library-nav-icon{transform:translateY(-4px)}body.page-games{padding-bottom:130px}@media(max-width:600px){.library-bottom .library-nav-icon{width:54px;height:54px}.library-bottom>a,.library-bottom>button{padding-top:5px}.library-bottom{padding-bottom:max(8px,env(safe-area-inset-bottom))}body.page-games{padding-bottom:108px}}@media(prefers-reduced-motion:reduce){.library-bottom .library-nav-icon{transition:none!important;transform:none!important}}