@font-face{font-family:'KH Menu';src:url('kh-menu.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'KH Menu';src:url('kh-menu-bold.woff2') format('woff2');font-weight:700;font-display:swap}
.title-sr-only{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;clip:rect(0,0,0,0);overflow:hidden;white-space:nowrap}
/* Separate, original-resolution artwork: no enlarged screenshot or painted-over menu. */
#arena-gate,#guest-gate,.kh-title-gate{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#fff;color:#111;color-scheme:light;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);overflow:auto;overscroll-behavior:contain}
#arena-gate::before,#arena-gate::after{display:none}
.gba-title-wrap{position:relative;width:min(1280px,100%,calc((var(--arena-height,100dvh) - env(safe-area-inset-top) - env(safe-area-inset-bottom)) * 1.777778));aspect-ratio:16/9;margin:auto;text-align:left;container-type:inline-size;background:#fff;flex-shrink:0}
.gba-title-art{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.gba-title-art img{position:absolute;display:block;object-fit:contain;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;image-rendering:auto}
.gba-title-art .kh-title-sora{height:106%;width:auto;max-width:none;top:3%;right:-10.2%}
.gba-title-art .kh-title-logo{width:47%;height:auto;left:4.1%;top:8.5%}
.gba-title-options{position:absolute;left:0;right:0;top:73%;bottom:1%;display:grid;grid-template-rows:repeat(4,minmax(0,1fr));gap:0;margin:0;z-index:2;font:400 clamp(17px,2.2cqw,28px)/1 'KH Menu',Arial,sans-serif;letter-spacing:.2em}
.gba-title-option{box-sizing:border-box;position:relative;display:flex;align-items:center;width:100%;min-width:0;min-height:0;margin:0;padding:0 4% 0 6.7%;border:0;border-top:1px solid #c8c8c8;border-bottom:1px solid #ffffffb3;border-radius:0;background:linear-gradient(90deg,#fafafafa 0 49%,#fafafad9 63%,#ffffff60 83%,#ffffff0d);color:#a5a5a5;text-align:left;text-decoration:none!important;font:inherit;letter-spacing:inherit;text-shadow:0 1px #fff;cursor:pointer;touch-action:manipulation;box-shadow:none;text-transform:uppercase;white-space:nowrap;isolation:isolate;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none}
.gba-title-option::before{content:'';position:absolute;left:2.1%;top:50%;transform:translateY(-50%);height:57%;aspect-ratio:1;background:#c6c6c6;border:1px solid #bdbdbd;box-sizing:border-box}
.gba-title-option::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#fff 0 47%,#fffffff5 57%,#e1fff3d9 71%,#94e4e9de 81%,#4ba7eae8 93%,#348bd8f2);opacity:0;pointer-events:none}
.gba-title-option.title-selected,.gba-title-option:focus-visible{color:#101010;font-weight:700;border-top-color:#929896;border-bottom-color:#7f8787;background:#ffffff38;text-shadow:0 1px 1px #aaa}
.gba-title-option.title-selected::after,.gba-title-option:focus-visible::after{opacity:1}
.gba-title-option.title-selected::before,.gba-title-option:focus-visible::before{background:radial-gradient(ellipse,#fff 0 12%,#fffddd 20%,#ffef87 34%,#ffc324 49%,#d47806 64%,#653209 83%,#29251e 94%);border:1px solid #302d24;box-shadow:0 0 3px #efc860,inset 0 0 1px 1px #cfb967}
.gba-title-option:focus-visible{outline:2px solid #7799a5;outline-offset:-2px}.gba-title-option:disabled{cursor:wait;color:#b9b9b9}.gba-title-option[hidden]{display:none!important}
.title-utility{position:absolute;z-index:3;top:0;right:2%;display:flex;align-items:center;justify-content:flex-end;gap:16px;min-height:32px;color:#747474;font:400 clamp(10px,1cqw,12px)/1.4 'KH Menu',Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase}
.title-utility a{display:flex;align-items:center;min-height:44px;color:inherit;text-decoration:none;touch-action:manipulation}.title-utility a:hover{color:#111}.title-utility i{display:inline-block;width:5px;height:5px;background:#7b9c86;margin-right:6px}.title-utility b{font-weight:400;color:#555}
.gba-title-status,#guest-gate #guest-message{position:absolute;top:auto;bottom:29%;left:2.2%;right:46%;max-width:none;margin:0;padding:0;color:#929292;font:400 clamp(10px,1cqw,12px)/1.5 'KH Menu',Arial,sans-serif;letter-spacing:.035em;z-index:3;text-align:left;overflow-wrap:anywhere}
#guest-gate .guest-card{max-width:none;text-align:left}
#guest-gate #guest-join,#guest-gate .gba-title-options>a{min-height:0;width:100%;margin:0;border-radius:0;font:inherit;letter-spacing:inherit;padding:0 4% 0 6.7%;text-align:left;color:#a5a5a5}
#guest-gate #guest-join.title-selected,#guest-gate .gba-title-options>a.title-selected,#guest-gate #guest-join:focus-visible,#guest-gate .gba-title-options>a:focus-visible{color:#101010;font-weight:700}
#guest-invite-entry{position:absolute;z-index:5;left:4%;top:17%;width:53%;box-sizing:border-box;padding:24px;background:#fffffff7;border:1px solid #b4bbbd;box-shadow:0 1px 0 #fff,0 8px 24px #7b93a21a;text-align:left}
#guest-gate #guest-invite-entry label{font:14px 'KH Menu',Arial,sans-serif;color:#777;display:block;margin:0 0 12px}
#guest-gate #guest-invite{width:100%;box-sizing:border-box;background:#fff;border:1px solid #bfc9ce;color:#333;border-radius:0;font:16px/1.4 system-ui;resize:vertical;min-height:70px;max-height:130px;padding:8px;margin:0 0 12px}
#guest-gate #guest-use-invite{height:44px;min-height:44px;border-radius:0;font:16px 'KH Menu',Arial,sans-serif;letter-spacing:.14em;padding-left:52px}#guest-use-invite::before{left:12px}
@media(pointer:coarse){.gba-title-options{top:auto;height:max(26%,176px)}.gba-title-option,#guest-gate #guest-join{min-height:44px}.gba-title-status,#guest-gate #guest-message{bottom:calc(max(26%,176px) + 10px)}}
/* Keep the complete illustration above comfortably sized menus on upright phones. */
@media(max-width:700px) and (orientation:portrait){
 .gba-title-wrap{width:100%;aspect-ratio:auto;height:calc(64vw + 244px)}
 .gba-title-art{inset:24px 0 auto;height:64vw}
 .gba-title-art .kh-title-logo{left:2%;top:7%;width:57%}
 .gba-title-art .kh-title-sora{height:105%;top:1%;right:-17%}
 .gba-title-options{top:calc(64vw + 60px);bottom:auto;height:176px;font-size:17px;letter-spacing:.15em}
 .gba-title-option,#guest-gate #guest-join,#guest-gate .gba-title-options>a{min-height:44px;padding-left:9%}
 .gba-title-option::before{height:20px;left:2.4%}
 .gba-title-status,#guest-gate #guest-message{top:calc(64vw + 29px);bottom:auto;left:2.5%;right:2.5%;font-size:10px;line-height:1.4}
 .title-utility{top:-13px;right:2.5%;font-size:10px;gap:14px;background:transparent}
 #guest-invite-entry{position:fixed;left:5%;top:20%;width:90%;padding:20px}
}
/* A short landscape viewport still gets all four 44px tap targets. */
@media(max-height:500px) and (orientation:landscape){
 .gba-title-wrap{width:100%;aspect-ratio:auto;height:calc(var(--arena-height,100dvh) - env(safe-area-inset-top) - env(safe-area-inset-bottom));min-height:304px}
 .gba-title-art .kh-title-logo{top:24px;left:4%;width:auto;height:calc(100% - 215px);max-width:46%;object-position:left top}
 .gba-title-art .kh-title-sora{right:-7%;height:108%;top:0}
 .gba-title-options{top:auto;bottom:0;height:176px;font-size:18px;letter-spacing:.18em}
 .gba-title-option,#guest-gate #guest-join{min-height:44px}
 .gba-title-status,#guest-gate #guest-message{bottom:184px;left:2.2%;right:44%;font-size:10px}
 .title-utility{top:0;font-size:10px;min-height:24px}
 #guest-invite-entry{top:12%;padding:14px}
}