@font-face { font-family: Minecraft; src: url('../assets/minecraft.ttf') format('truetype'); font-display: swap; }
.registration { width: 100%; flex: 1; min-height: 780px; padding-top: 67px; }
.registration__scene { position: relative; width: 1113px; height: 650px; margin-left: calc(50% - 458px); }
.registration__art, .registration__glow { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; }
.registration__empty-rows { display: none; position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; }
.registration__scene--discord .registration__empty-rows { display: block; }
.registration__scene--discord .registration__input--password, .registration__scene--discord .registration__input--repeat { display: none; }
.registration__glow { width: 101.5274%; height: 130.7692%; opacity: 0; transition: opacity 220ms ease; }
.registration__preview { position: absolute; left: 8.8891%; top: 19.656%; width: 13.2978%; height: 32.5283%; overflow: hidden; }
.registration__preview canvas { display: block; width: 100%; height: 100%; }
.registration__book { position: absolute; left: 30.322%; top: 44.193%; width: 5.4277%; height: 8.3645%; padding: 0; border: 0; background: none; }
.registration__book img { position: absolute; inset: 0; width: 100%; height: 100%; }
.registration__book-hover { opacity: 0; }
.registration__book:hover .registration__book-hover, .registration__book:focus-visible .registration__book-hover { opacity: 1; }
.registration__scene--lit .registration__glow { opacity: 1; }
.registration__lamp { position: absolute; left: 56.69362%; top: 51.23077%; width: 43.30638%; height: 48.76923%; padding: 0; border: 0; background: transparent; cursor: pointer; -webkit-tap-highlight-color: transparent; }
.registration__lamp img { width: 100%; height: 100%; object-fit: fill; }
.registration__form { display: contents; }
.registration__input { position: absolute; left: 28.429%; width: 18.85%; height: 7.02%; border: 0; padding: 0 3px; border-radius: 0; background: transparent; color: #fff; font: 20px/1 Minecraft, monospace; }
.registration__input::placeholder { color: #fff; opacity: 1; }
.registration__input--name { top: 55.049%; }
.registration__input--password { top: 63.413%; }
.registration__input--repeat { top: 71.777%; }
.registration__discord { position: absolute; left: 49.785%; top: 23.183%; width: 32.566%; height: 14.87%; padding: 0; border: 0; background: transparent; }
.registration__input:focus-visible { outline: 2px solid var(--color-active); outline-offset: -2px; }
@media (max-width: 1310px) { .registration__scene { width: calc(100% - 32px); max-width: 1113px; height: auto; aspect-ratio: 1113 / 650; margin-inline: auto; } }
@media (max-width: 1024px) { .registration { min-height: 650px; padding-top: 67px; } .registration__input { font-size: clamp(10px, 1.8vw, 20px); } }
@media (max-width: 768px) { .registration { min-height: 420px; padding-top: 50px; } .registration__scene { width: calc(100% - 16px); } .registration__input { font-size: clamp(5px, 1.8vw, 14px); padding-inline: 1px; } }
@media (prefers-reduced-motion: reduce) { .registration__glow { transition: none; } }
.registration__status { position: relative; max-width: 900px; margin: 20px auto; padding: 0 20px; color: #fff; text-align: center; } .registration__lamp:disabled { cursor: wait; }