@media(min-width:901px){body{height:100dvh}.hero{padding-top:24px!important;padding-bottom:18px!important}.hero-inner{display:grid;grid-template-columns:1fr auto;align-items:end;width:100%;column-gap:24px}.hero .kicker{grid-column:1/-1}.hero h1{grid-column:1;font-size:clamp(32px,4vw,60px)}.hero .sub{grid-column:2;grid-row:2;font-size:14px}.doors{min-height:0!important}.thumb{height:clamp(130px,25vh,300px)!important}.copy{padding:16px!important}}
:root{font-family:'Noto Sans TC','Microsoft JhengHei','PingFang TC',system-ui,sans-serif;color:#123d3c;background:#fff8e8;color-scheme:light}
*{box-sizing:border-box}body{margin:0;min-height:100dvh;display:flex;flex-direction:column}button,a{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:4px solid #dc4936;outline-offset:5px}
.lobby-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 4vw;border-bottom:2px solid #123d3c;font-weight:900}.lobby-bar button{background:none;border:2px solid #123d3c;border-radius:6px;padding:8px 16px;min-height:44px;color:inherit}.lobby-bar nav{display:flex;gap:16px;align-items:center}.lobby-bar a{font-size:14px}
.hero{padding:clamp(20px,4vh,48px) 4vw 24px;display:flex;justify-content:space-between;align-items:end;gap:24px}.kicker{font-size:14px;font-weight:900;letter-spacing:.16em;color:#087973}h1{font-size:clamp(30px,4.7vw,70px);line-height:1.15;margin:10px 0;font-weight:950;letter-spacing:-.045em}.sub{max-width:32ch;line-height:1.65;margin:0;font-weight:650}.doors{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;padding:0 4vw 28px;flex:1;min-height:340px}.door{position:relative;display:flex;flex-direction:column;min-width:0;border:2px solid #123d3c;border-bottom-width:8px;border-radius:10px;background:#f4cc52;overflow:hidden;transition:transform .14s ease}.door:nth-child(2){background:#b7deda}.door:nth-child(3){background:#ef9c82}.door:nth-child(4){background:#c7d598}.door:hover,.door:focus-visible{transform:translateY(-6px)}.thumb{height:clamp(150px,28vh,320px);min-height:0;display:grid;place-items:center;overflow:hidden;border-bottom:2px solid #123d3c}.thumb img{height:100%;width:100%;object-fit:contain;padding:16px 12px 0}.door:last-child .thumb img{object-fit:cover;padding:0}.copy{display:flex;flex-direction:column;flex:1;padding:20px;background:#fff8e8}.copy h2{font-size:clamp(20px,1.65vw,27px);line-height:1.35;margin:0 0 10px}.room-tag{display:block;font-size:12px;letter-spacing:.13em;margin-bottom:8px;color:#087973}.copy p{font-size:14px;line-height:1.6;margin:0 0 20px}.go{margin-top:auto;display:flex;align-items:center;justify-content:space-between;font-size:16px;font-weight:900}.go b{background:#123d3c;color:#fff8e8;padding:8px 15px;border-radius:4px}footer{padding:14px 4vw;border-top:2px solid #123d3c;display:flex;justify-content:space-between;gap:16px;font-size:12px;font-weight:700}
@media(max-width:900px){.doors{grid-template-columns:repeat(2,minmax(0,1fr))}.thumb{height:180px}.hero{align-items:start}.sub{font-size:14px}.copy{padding:16px}}@media(max-width:520px){.lobby-bar{padding:12px 16px}.lobby-bar nav{gap:10px}.lobby-bar a{font-size:12px}.hero{display:block;padding:24px 16px}.sub{max-width:none}.doors{padding:0 16px 24px;gap:12px}.thumb{height:145px}.copy{padding:12px}.copy h2{font-size:19px}.copy p{font-size:12px}.go{font-size:12px}.go b{padding:7px 10px}footer{padding:12px 16px}footer span:last-child{display:none}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

.door:nth-child(5) .thumb img{object-fit:contain;padding:14px}
@media(min-width:901px) and (max-width:1200px){.doors{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:1201px){.doors{grid-template-columns:repeat(5,minmax(0,1fr))}}

.game-shelves{display:grid;gap:28px;padding:0 4vw 28px;flex:1}
.shelf-head{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:4px 18px;margin:0 0 12px}
.shelf-head h2{margin:0;font-size:clamp(20px,2vw,28px);line-height:1.3}
.shelf-head p{margin:0;font-size:13px;line-height:1.6}
.doors{min-height:0;flex:initial;padding:0}
.study-doors{grid-template-columns:repeat(2,minmax(0,1fr));max-width:1000px}
.other-doors{grid-template-columns:repeat(4,minmax(0,1fr))}
.study-doors .door:nth-child(1){background:#f4cc52}
.study-doors .door:nth-child(2){background:#c7d2f4}
.study-doors .thumb img{object-fit:contain;padding:16px 12px 0}
@media(max-width:900px){.game-shelves{gap:24px;padding-inline:4vw}.study-doors,.other-doors{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.game-shelves{padding:0 16px 24px}.shelf-head p{font-size:12px}.doors{gap:12px}.study-doors,.other-doors{grid-template-columns:1fr}}