/* A first-load form, not a modal layered over a running world. */
#loading{inset:var(--entry-top,0px) 0 auto;height:var(--entry-height,100dvh);min-height:0;background:#111719;padding:max(24px,env(safe-area-inset-top)) 24px max(24px,env(safe-area-inset-bottom));overflow-y:auto;overscroll-behavior:contain;justify-content:flex-start;touch-action:pan-y}
#loading.done{visibility:hidden}
.entry-inner{flex:none;width:min(100%,320px);margin:auto}
#loading .entry-title{font-size:12px;letter-spacing:2.8px;margin:0 0 36px;color:#e8e6e0}
#entry-profile{text-align:left}
#entry-profile>label{display:block;font-size:10px;letter-spacing:1.3px;margin-bottom:10px}
#entry-profile>label span{float:right;color:#a2adaf;font-size:9px;letter-spacing:.5px}
#entry-name{appearance:none;display:block;width:100%;min-height:48px;border:0;border-bottom:1px solid #6c7e81;border-radius:0;background:#ffffff07;color:#f8f5ef;padding:10px 12px;font:16px/1.5 Arial,"Hiragino Kaku Gothic ProN",sans-serif;outline-offset:3px;touch-action:manipulation}
#entry-name::placeholder{color:#829194}
#entry-name:focus-visible{outline:2px solid #ffda82}
#loading #entry-disclosure{font-size:11px;line-height:1.55;margin:10px 0 22px;color:#a8b5b7}
.entry-accents{border:0;padding:0;margin:0 0 24px;min-width:0}
.entry-accents legend{padding:0;font-size:9px;letter-spacing:1.3px;color:#c4cdce}
.entry-swatches{display:grid;grid-template-columns:repeat(6,minmax(44px,1fr));gap:3px;margin-top:5px}
.entry-swatches label{position:relative;min-width:44px;min-height:44px;display:grid;place-items:center;cursor:pointer;touch-action:manipulation}
.entry-swatches input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.entry-swatches span{width:22px;height:22px;border-radius:50%;background:var(--entry-swatch);pointer-events:none}
.entry-swatches input:checked+span{outline:1px solid #f4f3ee;outline-offset:5px}
.entry-swatches input:focus-visible+span{outline:2px solid #ffda82;outline-offset:6px}
#loading #loadText{font-size:10px;line-height:1.6;text-align:center;min-height:16px;margin:0 0 14px;color:#d4dedf}
.entry-buttons{display:flex;align-items:center;gap:12px}
.entry-buttons button{min-height:46px;border-radius:0;font-size:10px;letter-spacing:1.1px;touch-action:manipulation}
#entry-start{flex:1;background:#e7e8dd;color:#182022;border:0}
#entry-start:hover:not(:disabled){background:#fffef3;transform:none}
#entry-skip{padding:0 8px;border:0;background:none;color:#b8c5c6;font-size:9px}
#entry-skip:hover:not(:disabled){color:white;transform:none;background:none}
.entry-buttons button:disabled{cursor:default;opacity:.38}
.entry-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
body.entering>header,body.entering>.actions,body.entering>.touch-controls,body.entering>footer,body.entering>#streetSound,body.entering>#apotheka-enter-hint{visibility:hidden;pointer-events:none}
@media(max-width:360px){#loading{padding-left:16px;padding-right:16px}.entry-swatches{gap:0}}
@media(max-height:520px){#loading .entry-title{margin-bottom:20px}.entry-accents{margin-bottom:12px}#loading #entry-disclosure{margin-bottom:12px}}