/* Shared navigation and touch-friendly controls. */
body>header{display:flex;flex-wrap:wrap;align-items:center;gap:16px 24px}
body>header .site-nav{display:flex;align-items:center;justify-content:flex-end;gap:12px 24px;flex:1 0 100%;margin:0;padding:12px 0 0;border:0;border-top:1px solid #e3b96830}
.site-nav a,.site-nav a:visited{color:#dfc58f;text-decoration:none;font-size:14px;line-height:1.5;padding:10px 0;min-height:44px;display:inline-flex;align-items:center}
.site-nav a:hover{color:#fff4dc;text-decoration:underline;text-underline-offset:5px}
.mode-actions{display:grid;grid-template-columns:1fr;gap:20px;max-width:440px;margin:32px 0}
.mode-actions>div{min-width:0}
.mode-actions .mode-button{box-sizing:border-box;display:flex;align-items:center;justify-content:center;width:100%;min-height:56px;padding:14px 22px;margin:0;border:1px solid #dfb66b;border-radius:4px;font:600 17px/1.4 inherit;font-family:inherit;font-size:17px;font-weight:600;line-height:1.4;text-decoration:none;text-align:center;letter-spacing:.02em;cursor:pointer}
.mode-actions .gold,.mode-actions .gold:visited{background:#e4ba6a;color:#0b1820}
.mode-actions .ghost,.mode-actions .ghost:visited{background:transparent;color:#eedab6}
.mode-actions .mode-button:hover{background:#efd094;color:#0b1820}
.mode-actions small,.solo-caption{display:block;font-size:13px;line-height:1.6;color:#aeb8bb;margin-top:8px}
.solo-return,.solo-return:visited{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 22px;border:1px solid #bca06b;border-radius:4px;background:transparent;color:#eedab6;text-decoration:none;font-size:16px;font-weight:600;line-height:1.4}
.solo-return:hover{background:#e4ba6a;color:#0b1820}
button.gold,button.ghost{border-radius:4px;min-height:48px;font-family:inherit;font-size:16px;line-height:1.4;padding:13px 20px}
.paper button.ghost{border:1px solid #8a7048;color:#283439;background:transparent;font-weight:600}
.paper button.ghost:hover{background:#e6d7b7}
#entry-form button{width:100%;min-height:52px;font-weight:600}
#entry-form .join-line{padding-top:24px;margin-top:24px;border-top:1px solid #bca06b66}
#resume{margin-left:auto}
a:focus-visible,button:focus-visible{outline:2px solid #e4ba6a;outline-offset:4px}
@media(max-width:650px){
 body>header{padding:18px 20px;gap:12px}
 body>header .site-nav{justify-content:space-between;gap:8px;padding-top:8px}
 .site-nav a{font-size:12px}
 body>header .case{display:none}
 #resume{font-size:13px;padding:10px 12px;min-height:44px}
 .mode-actions{max-width:none;gap:18px;margin:28px 0}
 .mode-actions .mode-button{min-height:54px;font-size:16px;padding:14px 18px}
 .mode-actions small{font-size:12px}
 .solo-return{width:100%;box-sizing:border-box}
}

/* Preserve gold logo artwork, displaying an English subtitle below it. */
.english-wordmark{display:inline-flex;flex-direction:column;align-items:center;gap:5px;color:#e8c486;text-align:center;max-width:100%;width:145px;line-height:1}.english-logo-crop{display:block;width:100%;aspect-ratio:1.28;overflow:hidden}.english-logo-crop img{display:block!important;width:100%!important;height:auto!important;max-width:none!important;max-height:none!important;margin:0!important;object-fit:contain}.english-wordmark small{font:600 9px/1.4 system-ui,sans-serif;letter-spacing:.13em;color:#e8c486}.cover-title .english-wordmark,.poster>.english-wordmark{width:min(280px,75%);padding:0}.cover-title .english-wordmark small,.poster>.english-wordmark small{font-size:clamp(10px,1.6vw,15px)}@media(max-width:500px){header .english-wordmark{width:115px}.english-wordmark small{font-size:8px}}