*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:#152238;background:radial-gradient(circle at 50% -200px,#173d70 0,#0000 600px),#06172d;min-height:100vh;margin:0;font-family:Arial,Noto Sans Thai,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}.h2y-container{width:85%;max-width:1500px;margin:0 auto}.h2y-header{z-index:100;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#041835f5;border-bottom:1px solid #ffcc2440;position:sticky;top:0}.h2y-header-inner{justify-content:space-between;align-items:center;gap:30px;min-height:72px;display:flex}.h2y-brand{align-items:center;gap:13px;display:flex}.h2y-logo{color:#08203d;background:linear-gradient(145deg,#ffdd35,#f4b900);border-radius:10px;place-items:center;width:46px;height:46px;font-size:17px;font-weight:1000;display:grid;box-shadow:0 5px 20px #fc03}.h2y-brand-name{color:#fff;font-size:18px;font-weight:900}.h2y-brand-sub{color:#9fb2cc;margin-top:2px;font-size:11px}.h2y-nav{align-items:center;gap:32px;display:flex}.h2y-nav a{color:#dbe6f4;font-size:14px;font-weight:700}.h2y-nav a:hover{color:#ffd52c}.h2y-main{padding:28px 0 55px}.h2y-panel{background:linear-gradient(#fff9e9 0%,#f6e8c6 100%);border:2px solid #e4a71e;border-radius:18px;padding:18px;box-shadow:0 15px 45px #00000040,inset 0 0 0 3px #ffffff73}.home-search{background:#fff;border-radius:13px;align-items:center;gap:12px;max-width:650px;margin-top:30px;padding:8px;display:flex;box-shadow:0 10px 30px #00000038}.home-search-icon{padding-left:10px;font-size:20px}.home-search input{color:#17233a;border:0;outline:0;flex:1;min-width:0;padding:12px 5px}.home-search button{color:#10243e;background:#ffd52c;border:0;border-radius:9px;padding:12px 18px;font-weight:900}.home-section{background:#fffaedbf;border:1px solid #d7b977;border-radius:14px;margin-top:25px;padding:28px}.section-title-row{justify-content:space-between;align-items:end;gap:20px;margin-bottom:23px;display:flex}.section-title-row h2{color:#10233e;margin:0;font-size:27px}.section-title-row p{color:#697387;margin:7px 0 0;font-size:13px}.section-count{color:#fff;background:#102d51;border-radius:999px;padding:7px 13px;font-size:12px;font-weight:800}.game-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;display:grid}.game-card{background:#fffaf0;border:1px solid #d9bd82;border-radius:14px;transition:all .2s;overflow:hidden;box-shadow:0 8px 22px #4b33121f}.game-card:hover{transform:translateY(-4px);box-shadow:0 14px 30px #4b33122e}.game-cover{aspect-ratio:4/3;background:#0b1c35;position:relative;overflow:hidden}.game-cover img{object-fit:cover;width:100%;height:100%}.game-status{color:#fff;background:#148455;border-radius:999px;padding:6px 9px;font-size:10px;font-weight:900;position:absolute;top:10px;right:10px}.game-card-content{padding:17px}.game-card-content h3{color:#12223b;margin:0;font-size:18px;line-height:1.35}.game-platform{color:#7c6d55;margin:5px 0 0;font-size:12px}.game-info-row{grid-template-columns:1fr 1fr;gap:8px;margin-top:15px;display:grid}.game-info-box{background:#f4e7ca;border-radius:9px;padding:10px}.game-info-box span{color:#8b7652;font-size:9px;font-weight:800;display:block}.game-info-box strong{color:#183050;margin-top:4px;font-size:14px;display:block}.game-progress{margin-top:14px}.game-progress-title{color:#6d654f;justify-content:space-between;margin-bottom:6px;font-size:11px;display:flex}.game-progress-bar{background:#dfd4bd;border-radius:999px;height:7px;overflow:hidden}.game-progress-value{background:linear-gradient(90deg,#e8a800,#ffd92f);height:100%}.game-detail-button{color:#11233d;background:linear-gradient(#ffd83d,#f4bb13);border-radius:9px;justify-content:center;align-items:center;min-height:44px;margin-top:16px;font-size:12px;font-weight:900;display:flex}.game-breadcrumb{color:#544c3e;padding:4px 3px 14px;font-size:12px}.game-hero{background:#071b36;border-radius:13px;min-height:320px;position:relative;overflow:hidden}.game-hero img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.game-hero-overlay{background:linear-gradient(90deg,#041329e6,#04132933 65%,#0413291a);position:absolute;inset:0}.game-hero-content{z-index:3;color:#fff;flex-direction:column;justify-content:end;min-height:320px;padding:35px;display:flex;position:relative}.game-hero-content h1{max-width:650px;margin:0;font-size:clamp(30px,4vw,52px);line-height:1.05}.game-hero-content p{color:#dce8f4;margin:9px 0 0}.game-tags{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.game-tag{color:#132a48;background:#ffffffeb;border-radius:8px;padding:8px 12px;font-size:11px;font-weight:900}.game-tabs{border:1px solid #a87d31;border-radius:10px;grid-template-columns:repeat(3,1fr);margin-top:18px;display:grid;overflow:hidden}.game-tab{color:#fff;background:#294763;border-right:1px solid #718499;place-items:center;min-height:48px;font-size:13px;font-weight:800;display:grid}.game-tab:last-child{border-right:0}.game-tab.active{color:#10243d;background:#ffd43a}.game-detail-grid{grid-template-columns:1.4fr .8fr;gap:16px;margin-top:18px;display:grid}.content-box{background:#fffaedc7;border:1px solid #cfb47c;border-radius:12px;overflow:hidden}.content-box-title{color:#142b48;background:linear-gradient(90deg,#efe0bd,#f9eed7);border-bottom:1px solid #d5bc88;padding:14px 17px;font-size:16px;font-weight:900}.content-box-body{padding:18px}.rom-ok-box{background:#e5f4df;border:1px solid #8cbe7b;border-radius:10px;padding:14px}.rom-ok-title{color:#176c46;font-size:15px;font-weight:900}.rom-table{border-collapse:collapse;width:100%;margin-top:12px;font-size:11px}.rom-table td{word-break:break-all;border:1px solid #d2c6ac;padding:9px}.rom-table td:first-child{background:#f1e7d0;width:110px;font-weight:800}.patcher-grid{grid-template-columns:1.15fr .85fr;gap:16px;margin-top:18px;display:grid}.patch-step{border-bottom:1px dashed #d2ba85;padding:17px 17px 17px 60px;position:relative}.patch-step:last-child{border-bottom:0}.patch-number{color:#fff;background:#16885a;border-radius:50%;place-items:center;width:31px;height:31px;font-weight:900;display:grid;position:absolute;top:15px;left:16px}.patch-step h3{color:#142a47;margin:0 0 10px;font-size:14px}.file-input-box{background:#fffaf0;border:1px dashed #a98a4e;border-radius:9px;padding:12px}.patch-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.patch-button{border:0;border-radius:8px;min-height:48px;font-weight:900}.patch-button.primary{color:#fff;background:#168958}.patch-button.yellow{color:#17253b;background:#f4bd19}.patch-button:disabled{cursor:not-allowed;color:#989383;background:#d6cfbd}.patch-log{background:#07182a;border:1px solid #173b5c;border-radius:11px;min-height:360px;overflow:hidden;box-shadow:inset 0 0 25px #00000059}.patch-log-header{color:#fff;background:#0c2947;border-bottom:1px solid #234965;justify-content:space-between;align-items:center;min-height:48px;padding:0 15px;display:flex}.patch-log-header strong{font-size:13px}.patch-log-header button{color:#dce8f4;background:#ffffff1a;border:0;border-radius:6px;padding:7px 10px;font-size:10px}.patch-log-body{color:#66f5aa;height:310px;padding:14px;font-family:Consolas,monospace;font-size:11px;line-height:1.75;overflow-y:auto}.log-line{margin-bottom:5px}.log-line.info{color:#65c8ff}.log-line.success{color:#64f4a6}.log-line.warning{color:#ffd84a}.log-line.error{color:#ff7474}.notice-box{color:#174f7c;background:#dcefff;border:1px solid #64afe8;border-radius:10px;margin-top:18px;padding:16px 18px;font-size:12px;line-height:1.7}.warning-box{color:#694913;background:#fff0bd;border:1px solid #e7ae1b;border-radius:9px;margin-top:14px;padding:14px;font-size:11px;line-height:1.7}.h2y-footer{background:#04162c;border-top:1px solid #ffd32c40}.h2y-footer-inner{color:#fff;justify-content:space-between;align-items:center;gap:25px;min-height:110px;display:flex}.footer-brand{align-items:center;gap:12px;display:flex}.footer-small{color:#8fa5bd;margin-top:3px;font-size:10px}@media (max-width:1100px){.h2y-container{width:92%}.game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.game-detail-grid,.patcher-grid{grid-template-columns:1fr}.patch-log{min-height:280px}.patch-log-body{height:230px}}@media (max-width:650px){.h2y-container{width:calc(100% - 20px)}.h2y-header-inner{min-height:62px}.h2y-logo{width:40px;height:40px;font-size:14px}.h2y-brand-name{font-size:14px}.h2y-brand-sub{font-size:9px}.h2y-nav{display:none}.h2y-main{padding-top:10px}.h2y-panel{border-radius:13px;padding:9px}.home-search{flex-wrap:wrap}.home-search input{width:calc(100% - 50px)}.home-search button{width:100%}.home-section{padding:16px}.section-title-row{flex-direction:column;align-items:start}.game-grid{grid-template-columns:1fr}.game-cover{aspect-ratio:16/10}.game-hero{min-height:300px}.game-hero-content{min-height:300px;padding:20px}.game-tabs{grid-template-columns:1fr}.game-tab{border-bottom:1px solid #718499;border-right:0}.game-tab:last-child{border-bottom:0}.game-detail-grid,.patcher-grid,.patch-actions{grid-template-columns:1fr}.patch-step{padding-left:55px}.h2y-footer-inner{flex-direction:column;justify-content:center;align-items:flex-start;min-height:100px}}@media (max-width:768px){.h2y-header-inner{flex-direction:column;align-items:stretch;gap:14px;display:flex}.h2y-brand{width:100%}.h2y-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%;display:grid;overflow:visible}.h2y-nav>a,.h2y-nav>button{text-align:center;white-space:nowrap;border-radius:12px;justify-content:center;align-items:center;width:100%;min-width:0;min-height:54px;padding:10px 8px;font-size:14px;font-weight:800;display:flex}}@media (max-width:420px){.h2y-nav{gap:8px}.h2y-nav>a,.h2y-nav>button{min-height:50px;padding:8px 5px;font-size:12px}}
