html,body{overscroll-behavior:none;background:#07080d;height:100%;overflow:hidden}.esq{color:#e8eefc;-webkit-tap-highlight-color:transparent;background:#07080d;flex-direction:column;gap:4px;padding:6px;font-family:DotGothic16,Hiragino Kaku Gothic ProN,Yu Gothic,monospace;display:flex;position:fixed;inset:0;overflow:hidden}.esq-bar{flex:none;align-items:center;gap:8px;min-height:22px;font-size:11px;line-height:1.2;display:flex}.esq-bar__logo{letter-spacing:.04em;color:#ffd75e;font-family:"Press Start 2P",monospace;font-size:9px}.esq-bar__area{color:#9fb4d8}.esq-bar__count{color:#b9c8e6}.esq-bar__count b{color:#ffd75e}.esq-mini{color:#c6d2e8;white-space:nowrap;border:1px solid #3b4560;margin-left:auto;padding:2px 6px;font-size:10px}.esq-mini+.esq-mini{margin-left:0}.esq-mini:hover{color:#fff;border-color:#6f87b8}.esq-stage{flex:auto;justify-content:center;align-items:center;min-height:0;display:flex}.esq-screen{aspect-ratio:4/3;background:#000;width:min(100%,133.333dvh - 266.667px);position:relative}.esq-canvas{box-sizing:border-box;width:100%;height:100%;image-rendering:pixelated;image-rendering:crisp-edges;border:2px solid #2b3654;display:block}.esq-labels{pointer-events:none;position:absolute;inset:0}.esq-label{color:#dce8ff;white-space:nowrap;background:#060a12c7;border:1px solid #a0bef052;padding:1px 3px;font-size:8px;line-height:1.2;position:absolute;transform:translate(-50%,-140%)}.esq-title{text-align:center;background:#04060e4d;flex-direction:column;justify-content:center;align-items:center;gap:1px;display:flex;position:absolute;inset:0}.esq-title__en{letter-spacing:.34em;color:#ffd75e;font-family:"Press Start 2P",monospace;font-size:8px}.esq-title__jp{letter-spacing:.06em;color:#fff;text-shadow:3px 3px #241a4a,0 0 18px #78a0ff99;font-size:clamp(22px,6.4vw,42px);line-height:1.15}.esq-title__sub{color:#cfdcff;font-size:clamp(9px,2.3vw,13px)}.esq-title__menu{gap:1px;margin-top:12px;display:grid}.esq-title__item{color:#c6d2e8;align-items:center;gap:6px;padding:2px 10px;font-size:clamp(11px,2.7vw,15px);display:inline-flex}.esq-title__item.is-on{color:#fff;text-shadow:0 0 10px #78a0fff2}.esq-title__item.is-disabled{color:#59637a}.esq-title__hint{color:#8fa2c4;font-size:8px;position:absolute;bottom:6px}.esq-cursor{color:#ffd75e;width:10px;display:inline-block}.esq-dialog{background:#060a14f0;border:3px solid #cfd8ea;padding:8px 10px 10px;font-size:clamp(11px,2.5vw,14px);line-height:1.6;position:absolute;bottom:2%;left:2%;right:2%}.esq-dialog__name{color:#0a0f1c;background:#cfd8ea;padding:1px 6px;font-size:9px;position:absolute;top:-12px;left:8px}.esq-dialog__next{color:#ffd75e;font-size:9px;animation:1s steps(2,end) infinite esq-blink;position:absolute;bottom:2px;right:8px}.esq-room{background:#0b1020;flex-direction:column;display:flex;position:absolute;inset:0}.esq-room__head{background:#141d36;border-bottom:2px solid #2b3654;flex:none;justify-content:space-between;align-items:baseline;gap:8px;padding:5px 8px;font-size:11px;display:flex}.esq-room__name{color:#ffd75e}.esq-room__npc{color:#9fb4d8;font-size:9px}.esq-room__body{-webkit-overflow-scrolling:touch;flex:auto;min-height:0;padding:8px;overflow-y:auto}.esq-room__q{color:#ffd75e;margin-bottom:6px;font-size:11px}.esq-menu{gap:1px;display:grid}.esq-menu--row{gap:6px;margin-top:6px;display:flex}.esq-menu__item{color:#c6d2e8;text-align:left;align-items:center;gap:4px;width:100%;padding:3px 6px;font-size:12px;line-height:1.5;display:flex}.esq-menu__item.is-on{color:#fff;background:#1e2a4a}.esq-msg p{color:#e2ebff;font-size:12px;line-height:1.75}.esq-room__pager{color:#8fa2c4;margin-top:8px;font-size:9px}.esq-link{color:#cfe0ff;border:1px solid #6f87b8;margin-top:8px;padding:3px 10px;font-size:11px;display:inline-block}.esq-link:hover{color:#fff;background:#1e2a4a}.esq-room__foot{background:#0e1526;border-top:2px solid #2b3654;flex:none;justify-content:space-between;align-items:center;gap:8px;padding:5px 8px;display:flex}.esq-room__greet{color:#9fb4d8;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.esq-battle{position:absolute;inset:0}.esq-battle__hud{background:#060a14b8;border:1px solid #2b3654;align-items:center;gap:6px;padding:2px 6px;font-size:9px;display:flex;position:absolute;top:4px;left:4px}.esq-hpbar{background:#2a1a2a;border:1px solid #3b4560;width:90px;height:6px;display:inline-block}.esq-hpbar i{background:linear-gradient(90deg,#7a5cf6,#c084fc);height:100%;transition:width .3s;display:block}.esq-battle__bottom{background:#060a14f0;border:3px solid #cfd8ea;padding:6px 8px;position:absolute;bottom:2%;left:2%;right:2%}.esq-battle__log{font-size:12px;line-height:1.5}.esq-battle__status{color:#9fb4d8;margin-top:4px;font-size:9px}.esq-panel{background:#04060eed;flex-direction:column;gap:8px;padding:12px;display:flex;position:absolute;inset:0}.esq-panel--center{text-align:center;justify-content:center;align-items:center}.esq-panel--menu{justify-content:center}.esq-panel__title{color:#ffd75e;font-size:14px}.esq-panel__text{color:#c6d2e8;font-size:11px;line-height:1.7}.esq-howto{color:#dbe6ff;text-align:left;gap:4px;font-size:11px;line-height:1.6;display:grid}.esq-row{gap:10px;display:flex}.esq-btn{color:#cfe0ff;background:#141d36;border:2px solid #3b4560;padding:4px 14px;font-size:11px}.esq-btn--on{color:#ffe9a8;border-color:#ffd75e}.esq-fade{background:#000;animation:.5s both esq-fadein;position:absolute;inset:0}.esq-toast{color:#ffe9a8;white-space:nowrap;background:#0b1020;border:2px solid #ffd75e;padding:3px 10px;font-size:11px;position:absolute;top:8%;left:50%;transform:translate(-50%)}.esq-hint{text-align:center;color:#a8bce0;text-shadow:0 1px 2px #000;font-size:8px;position:absolute;bottom:2px;left:0;right:0}.esq-pad{touch-action:none;flex:none;justify-content:space-between;align-items:center;padding:0 8px 4px;display:flex}.esq-dpad{grid-template-rows:repeat(3,42px);grid-template-columns:repeat(3,42px);gap:2px;display:grid}.esq-key{color:#cfe0ff;-webkit-user-select:none;user-select:none;touch-action:none;background:#1a2236;border:2px solid #3b4560;justify-content:center;align-items:center;font-size:13px;line-height:1;display:flex}.esq-key:active{background:#2b3a5e}.esq-key--up{grid-area:1/2}.esq-key--left{grid-area:2/1}.esq-key--right{grid-area:2/3}.esq-key--down{grid-area:3/2}.esq-dpad__center{background:#121a2c;grid-area:2/2}.esq-ab{align-items:center;gap:12px;display:flex}.esq-key--a,.esq-key--b{border-radius:50%;width:56px;height:56px;font-family:"Press Start 2P",monospace;font-size:13px}.esq-key--a{color:#ffe3e8;background:#7b2b3b;border-color:#c2546b}.esq-key--b{color:#dbe8ff;background:#253a66;border-color:#4d6ba8}@keyframes esq-blink{50%{opacity:0}}@keyframes esq-fadein{0%{opacity:0}to{opacity:1}}@media (height<=680px){.esq-dpad{grid-template-rows:repeat(3,36px);grid-template-columns:repeat(3,36px)}.esq-key--a,.esq-key--b{width:48px;height:48px}}@media (width>=900px){.esq-dpad{grid-template-rows:repeat(3,46px);grid-template-columns:repeat(3,46px)}}