/* Portable component; all asset paths are relative to this file. */
@font-face{font-family:TCQEntrancePixel;src:url('./assets/quest-entrance-pixel.woff2') format('woff2');font-display:swap}
.tcq-portal{width:100%;max-width:360px}
.tcq-entrance{
 display:block;box-sizing:border-box;width:100%;margin:0;padding:0;
 overflow:hidden;border:0;border-radius:0;background:transparent;cursor:pointer;
 -webkit-tap-highlight-color:transparent;
}
.tcq-entrance__scene{
 display:block;width:100%;aspect-ratio:108/40;
 background:url('./assets/quest-entrance-steps.png') 0 0 / 200% 100% no-repeat;
 image-rendering:pixelated;animation:tcq-entrance-walk 640ms steps(1,end) infinite;
}
.tcq-entrance:hover{filter:brightness(1.06)}
.tcq-entrance:focus-visible,.tcq-coming__close:focus-visible{outline:3px solid #df82a4;outline-offset:5px}
.tcq-coming{
 position:fixed;inset:0;box-sizing:border-box;width:min(360px,calc(100vw - 40px));max-height:calc(100dvh - 48px);
 margin:auto;padding:58px 22px 48px;overflow:auto;border:2px solid #e1ddc4;border-radius:0;
 background:#171923;color:#fff4d6;box-shadow:0 0 0 3px #555d62,inset 0 0 0 3px #555d62;
 font-family:TCQEntrancePixel,monospace;text-align:center;
}
.tcq-coming::backdrop{background:#080d17b3}
.tcq-coming__logo{display:block;width:100%;height:auto;margin:0 auto 24px;image-rendering:pixelated}
.tcq-coming__status{margin:0;color:#f6b8ce;font:400 18px/1.4 TCQEntrancePixel,monospace;letter-spacing:.2em}
.tcq-coming__close{
 position:absolute;top:8px;right:8px;width:36px;height:36px;padding:0;border:0;background:transparent;color:#e1ddc4;
 font:26px/1 Arial,sans-serif;cursor:pointer;
}
@keyframes tcq-entrance-walk{0%,100%{background-position:0 0}50%{background-position:100% 0}}
@media(prefers-reduced-motion:reduce){.tcq-entrance__scene{animation:none}}

/* サイトの左半分に配置。プレビューの背景や中央配置は持ち込まない。 */
.tcq-slot{box-sizing:border-box;padding:0 12px;width:100%;margin-top:-10px}
.tcq-slot .tcq-portal{width:40%;max-width:288px}
.tcq-coming:not([open]){display:none}