/* Shared GAME420 layout, controls and accessible state handling. */
/* Shared console from entry through the first MENU/LINK views; later views opt out. */
.console-tools{display:none}
.console-hardware{display:none;}

.auth-entry[data-console-phase=entry]{--console-jade:#83e85b;--console-cyan:#64d8d2;--console-text:#e6f8c8;justify-content:center;padding:18px 12px;color:var(--console-text);}

.auth-entry[data-console-phase=entry] .game420-console{width:min(100%,420px);padding:16px 15px 14px;position:relative;}

.auth-entry[data-console-phase=entry] .console-tools{position:relative;display:flex;align-items:center;justify-content:space-between;gap:5px;padding:0 6px 5px;color:#1c2c21;font:700 10px monospace;letter-spacing:1px}
.auth-entry[data-console-phase=entry] .console-tools>span>span{display:block;font:7px monospace;letter-spacing:1.6px;margin-top:3px;color:#23362b}
.auth-entry[data-console-phase=entry] #console-sound{font:700 9px monospace;min-width:66px;min-height:44px;cursor:pointer;border:0;background:none;color:#132d23;padding:6px}
.auth-entry[data-console-phase=entry] .console-label{display:none}
.auth-entry[data-console-phase=entry] .screen-bezel{padding:11px 12px 9px;}

.auth-entry[data-console-phase=entry] .screen-top{display:flex;padding:0 1px 10px;font:7px monospace;letter-spacing:.7px;color:#b3c4a0;gap:8px}
.auth-entry[data-console-phase=entry] .power-led{height:6px;width:6px;background:#4c583d;box-shadow:none}
.auth-entry[data-console-phase=entry]:not([data-stage=off]) .power-led{background:#bcf863;box-shadow:0 0 6px #b6f84b,0 0 14px #70df69aa}
.auth-entry[data-console-phase=entry] .console-screen{isolation:isolate;position:relative;min-height:390px;overflow:hidden;}

.auth-entry[data-console-phase=entry] .screen-hud{display:flex;margin:11px 13px 0;padding-bottom:8px;font:7px monospace;letter-spacing:1px;color:#a9cc9b;border-bottom:1px solid #7ead6850}
.auth-entry[data-console-phase=entry] .battery{color:#a8e374}
.auth-entry[data-console-phase=entry] .screen-bottom{display:flex;padding:10px 2px 0;font:6px monospace;letter-spacing:.8px;color:#9ab397}
.auth-entry[data-console-phase=entry] .entry-panel{padding:20px 16px 17px}
.auth-entry[data-console-phase=entry] .start-panel{display:flex;padding:18px 12px 17px;}
.auth-entry[data-console-phase=entry] .start-panel .screen-kicker{font:7px monospace;letter-spacing:1.6px;margin:0 0 10px;}

.auth-entry[data-console-phase=entry] .start-button{width:100%;min-height:48px;max-width:258px;font:700 14px monospace;letter-spacing:1px;}

.auth-entry[data-console-phase=entry] .start-help{font:10px Arial,sans-serif;margin:12px 0 0;letter-spacing:0;color:#c5dcb4}
.auth-entry[data-console-phase=entry] .screen-coordinate{display:none}

.auth-entry[data-console-phase=entry] .screen-kicker{font:8px monospace;letter-spacing:1px;color:#aed1a4}
.auth-entry[data-console-phase=entry] .panel-intro{font:13px/1.5 Arial,sans-serif;color:#c8dfba;margin:0 0 16px}
.auth-entry[data-console-phase=entry] .entry-back{min-height:44px;font:12px Arial,sans-serif;color:#cae7af}
.auth-entry[data-console-phase=entry] label:not(.entry-show){font:13px Arial,sans-serif;color:#d9ebcf;margin:13px 0 6px}
.auth-entry[data-console-phase=entry] input:not([type=checkbox]){min-height:48px;background:#171225;border:1px solid #80658f;border-radius:3px;color:#ecffdf;font:16px Arial,sans-serif;padding:11px}
.auth-entry[data-console-phase=entry] .entry-primary{font:700 13px monospace;min-height:48px;background:linear-gradient(#a9ec74,#71c951);border-color:#c3f69b;border-bottom-color:#3e8235;color:#0c2817;box-shadow:0 0 10px #7ddd4d18}
.auth-entry[data-console-phase=entry] .entry-feedback{font:13px/1.5 Arial,sans-serif;padding:0 15px;background:#181421;color:#f0ecc0}
.auth-entry[data-console-phase=entry] .entry-feedback:has(p:empty):not(:has(button:not([hidden]))){display:none}
.auth-entry[data-console-phase=entry] .console-hardware{display:block;position:relative;padding:12px 7px 0;user-select:none;}

.auth-entry[data-console-phase=entry] .console-buttons{display:flex;align-items:center;justify-content:space-between;margin-top:4px;gap:8px;}
.auth-entry[data-console-phase=entry] .console-dpad{display:grid;grid-template:repeat(3,44px)/repeat(3,44px);width:132px;height:132px;}

.auth-entry[data-console-phase=entry] .console-dpad button{padding:0;font:9px monospace;cursor:pointer;touch-action:manipulation;}

.auth-entry[data-console-phase=entry] .console-dpad span{grid-area:2/2;}

#console-up{grid-area:1/2;}

#console-left{grid-area:2/1;}

#console-right{grid-area:2/3;}

#console-down{grid-area:3/2;}

.auth-entry[data-console-phase=entry] .console-ab{display:flex;align-items:center;gap:7px;padding:4px;}

.auth-entry[data-console-phase=entry] .console-ab button{width:44px;height:44px;padding:0;font:700 18px Arial;cursor:pointer;}

.auth-entry[data-console-phase=entry] .console-lower{display:flex;justify-content:center;align-items:center;position:absolute;left:7px;right:7px;bottom:0;min-height:44px;margin:0}
.auth-entry[data-console-phase=entry] .console-lower{pointer-events:none}
.auth-entry[data-console-phase=entry] .console-lower button{pointer-events:auto}
.auth-entry[data-console-phase=entry] .console-small-buttons{display:flex;gap:7px;}
.auth-entry[data-console-phase=entry] .console-small-buttons button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:44px;min-width:49px;padding:0;font:700 8px monospace;cursor:pointer;}

.auth-entry[data-console-phase=entry] .console-small-buttons span{display:block;width:31px;height:8px;}

.auth-entry[data-console-phase=entry] .console-footer{justify-content:center;padding:9px 0 0;font:6px monospace;color:#243c2d}
.auth-entry[data-console-phase=entry] .entry-test-note{font:9px/1.5 Arial,sans-serif;max-width:320px;color:#a9bca1;margin:12px 6px 0}
.auth-entry[data-console-phase=entry] #loading-panel{padding:32px 14px 25px;min-height:420px;text-align:center;background:#100e1a}
.auth-entry[data-console-phase=entry] #loading-title{font:24px AuthArcade,monospace;color:#cff5a2;margin:13px 0}
.auth-entry[data-console-phase=entry] .loading-caption{font:12px/1.5 Arial;color:#bbd8b4;margin:0 0 25px}
.auth-entry[data-console-phase=entry] .loading-meter{padding:4px;border:2px solid #8bb966;box-shadow:0 0 10px #80cc5622;margin-top:23px;background:#100d1c;border-radius:3px}
.auth-entry[data-console-phase=entry] #loading-progress{display:block;width:100%;height:15px;appearance:none;border:0;background:#211b2c;color:#a6e86a;accent-color:#a6e86a}
.auth-entry[data-console-phase=entry] #loading-progress::-webkit-progress-bar{background:#211b2c}
.auth-entry[data-console-phase=entry] #loading-progress::-webkit-progress-value{background:repeating-linear-gradient(90deg,#adf075 0 8px,#33652c 8px 10px);transition:width .14s}
.auth-entry[data-console-phase=entry] #loading-progress::-moz-progress-bar{background:repeating-linear-gradient(90deg,#adf075 0 8px,#33652c 8px 10px)}
.auth-entry[data-console-phase=entry] #loading-progress:indeterminate{background:repeating-linear-gradient(90deg,#315b34 0 8px,#171225 8px 12px)}
.auth-entry[data-console-phase=entry] #loading-panel[aria-busy=true] #loading-progress:indeterminate::-webkit-progress-bar{background:linear-gradient(90deg,#211b2c 25%,#689e4f 50%,#211b2c 75%);background-size:200% 100%;animation:console-pending 1.5s linear infinite}
@keyframes console-pending{to{background-position:200% 0}}
.auth-entry[data-console-phase=entry] #loading-step{min-height:36px;font:12px/1.5 Arial;color:#d4e9c6;margin:13px 0 0}
.auth-entry[data-console-phase=entry] .loading-actions{margin-top:16px}
.auth-entry[data-console-phase=entry] :focus-visible{outline:2px solid #d2ffab;outline-offset:3px}
.auth-entry[data-console-phase=entry] .console-hardware :focus-visible{outline:2px solid #11291c;}

.auth-entry[data-console-phase=entry] button:active:not(:disabled){translate:0 2px}

.auth-entry[data-console-phase=entry][data-stage=off] .console-screen>*{visibility:hidden;}

.auth-entry[data-console-phase=entry][data-stage=boot] :is(.start-button,.start-help){visibility:hidden;}

@media(max-height:760px){
.auth-entry[data-console-phase=entry]{justify-content:flex-start;padding-top:10px;}
.auth-entry[data-console-phase=entry] .game420-console{padding:10px 12px 12px;}
.auth-entry[data-console-phase=entry] .console-tools{padding-bottom:5px}

.auth-entry[data-console-phase=entry] .console-screen{min-height:355px;}
.auth-entry[data-console-phase=entry] .console-hardware{padding-top:9px;}
.auth-entry[data-console-phase=entry] #loading-panel{min-height:360px;padding-top:24px}}
@media(max-width:360px){
.auth-entry[data-console-phase=entry] .game420-console{padding-left:10px;padding-right:10px;}
.auth-entry[data-console-phase=entry] .screen-bezel{padding-left:8px;padding-right:8px;}
.auth-entry[data-console-phase=entry] .entry-panel{padding-left:12px;padding-right:12px}
.auth-entry[data-console-phase=entry] .start-button{font-size:12px;}

}
@media(prefers-reduced-motion:reduce){
.auth-entry[data-console-phase=entry] *{animation:none!important;transition:none!important}
.auth-entry[data-console-phase=entry] *::before{animation:none!important;transition:none!important}
.auth-entry[data-console-phase=entry] *::after{animation:none!important;transition:none!important}}
/* Scene motion is enabled only during the loading phase. Every selector is local
   to the new entry; no styles or animation names affect MENU / LINKS. */

@media (prefers-reduced-motion: reduce) {
.auth-entry[data-console-phase="entry"] #loading-progress:indeterminate::-webkit-progress-bar{ animation: none !important; }

}

/* ARCADE TITLE ONLY. Every new effect ends when PLAYER SELECT opens.
   Original logo image, console commands, other panels and loading are retained. */
.auth-entry[data-console-phase=entry]:is([data-stage=off],[data-stage=boot],[data-stage=start],:is([data-stage=player],[data-stage=identity],[data-stage=loading],[data-stage=destination],[data-stage=exit],[data-stage=menu],[data-stage=links])){
  --intro-ink:#010b08;
  --intro-green:#bcff62;
  --intro-aqua:#52e5bc;
;}

/* Fine scanlines, restrained RGB phosphors and a curved-glass vignette.
   The overlays never receive a click or alter the logo's geometry. */

.auth-entry[data-console-phase=entry]:is([data-stage=off],[data-stage=boot],[data-stage=start],:is([data-stage=player],[data-stage=identity],[data-stage=loading],[data-stage=destination],[data-stage=exit],[data-stage=menu],[data-stage=links])) .screen-hud{
  margin:10px 12px 0;
  border-bottom:2px solid #477b43;
  box-shadow:0 1px #00160b;
  color:#b4d990;
  font:10px/1.2 monospace;
  letter-spacing:.6px;
}
.auth-entry[data-console-phase=entry]:is([data-stage=off],[data-stage=boot],[data-stage=start],:is([data-stage=player],[data-stage=identity],[data-stage=loading],[data-stage=destination],[data-stage=exit],[data-stage=menu],[data-stage=links])) .start-panel{
  position:relative;
  padding:12px 13px 16px;
  gap:0;
;}

/* A small static noise tile; only its low-opacity position moves. */

.auth-entry[data-console-phase=entry]:is([data-stage=off],[data-stage=boot],[data-stage=start],:is([data-stage=player],[data-stage=identity],[data-stage=loading],[data-stage=destination],[data-stage=exit],[data-stage=menu],[data-stage=links])) .start-panel .screen-kicker{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  width:100%;
  margin:0 0 6px;
  font:12px/1.4 AuthArcade,monospace;
  letter-spacing:1px;
;}

.auth-entry[data-console-phase=entry]:is([data-stage=off],[data-stage=boot],[data-stage=start],:is([data-stage=player],[data-stage=identity],[data-stage=loading],[data-stage=destination],[data-stage=exit],[data-stage=menu],[data-stage=links])) .start-panel .screen-kicker span{font:8px monospace;}

.auth-entry[data-console-phase=entry] #start-panel .intro-dock{display:grid;width:100%;min-height:109px;align-items:center;}

.auth-entry[data-console-phase=entry] #start-panel .intro-ready{display:flex;flex-direction:column;align-items:center;gap:10px;}

.auth-entry[data-console-phase=entry]:is([data-stage=off],[data-stage=boot]) #start-panel .intro-ready{visibility:hidden;pointer-events:none;}
.auth-entry[data-console-phase=entry] #start-panel .intro-boot-label{
  display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;
  font:18px/1 AuthArcade,monospace;letter-spacing:1px;color:#d6ff95;
  text-shadow:2px 2px #061006,-.7px 0 #ff617b66,.7px 0 #31cad477,0 0 10px #6ddd5244;
}

.auth-entry[data-console-phase=entry]:is([data-stage=off],[data-stage=boot],[data-stage=start],:is([data-stage=player],[data-stage=identity],[data-stage=loading],[data-stage=destination],[data-stage=exit],[data-stage=menu],[data-stage=links])) .start-button{
  min-height:48px;max-width:270px;
  padding:10px 6px;
  gap:10px;
  font:24px/1 AuthArcade,monospace;
  letter-spacing:1px;
  touch-action:manipulation;
;}

.auth-entry[data-console-phase=entry]:is([data-stage=off],[data-stage=boot],[data-stage=start],:is([data-stage=player],[data-stage=identity],[data-stage=loading],[data-stage=destination],[data-stage=exit],[data-stage=menu],[data-stage=links])) .start-button>span{font:inherit;}

.auth-entry[data-console-phase=entry]:is([data-stage=off],[data-stage=boot],[data-stage=start],:is([data-stage=player],[data-stage=identity],[data-stage=loading],[data-stage=destination],[data-stage=exit],[data-stage=menu],[data-stage=links])) .start-button .start-cursor{font:10px monospace;}

.auth-entry[data-console-phase=entry]:is([data-stage=off],[data-stage=boot],[data-stage=start],:is([data-stage=player],[data-stage=identity],[data-stage=loading],[data-stage=destination],[data-stage=exit],[data-stage=menu],[data-stage=links])) .start-help{
  margin:0;
  font:13px/1.45 monospace;
  letter-spacing:0;
  color:#c3ddab;
  text-shadow:1px 1px #00150a;
}
.auth-entry[data-console-phase=entry][data-stage=start] .start-help strong{color:#efffbd}
/* Keep every existing 44px touch target and the pad's focus-preserving events. */
.auth-entry[data-console-phase=entry]:is([data-stage=off],[data-stage=boot],[data-stage=start],:is([data-stage=player],[data-stage=identity],[data-stage=loading],[data-stage=destination],[data-stage=exit],[data-stage=menu],[data-stage=links])) .console-hardware button{
  cursor:pointer;
  touch-action:manipulation;
  -webkit-tap-highlight-color:transparent;
;}

.auth-entry[data-console-phase=entry]:is([data-stage=start],:is([data-stage=player],[data-stage=identity],[data-stage=loading],[data-stage=destination],[data-stage=exit],[data-stage=menu],[data-stage=links])) .console-small-buttons button{font-size:10px;letter-spacing:.5px;}

@keyframes intro-title-blink {0%,57%,100%{opacity:1}58%,83%{opacity:.12}84%,99%{opacity:.8}}
@keyframes intro-cursor-spark {0%,100%{opacity:1;text-shadow:0 0 9px #baff9b}60%{opacity:.32;text-shadow:none}}
@keyframes intro-title-halo {0%,100%{box-shadow:3px 3px #010e08,inset 0 0 0 2px #001b0f,0 0 12px #8aff462b}50%{box-shadow:3px 3px #010e08,inset 0 0 0 2px #001b0f,0 0 23px #8aff4666}}
@keyframes intro-logo-shimmer {0%,100%{filter:brightness(1.3) saturate(1.13)}36%{filter:brightness(1.48) saturate(1.2)}38%{filter:brightness(1.08) saturate(1.08)}41%{filter:brightness(1.45) saturate(1.18)}68%{filter:brightness(1.25) saturate(1.12)}72%{filter:brightness(1.52) saturate(1.2)}75%{filter:brightness(1.2) saturate(1.12)}}
@keyframes intro-logo-aura {0%,100%{filter:drop-shadow(-.6px 0 #ff426b38) drop-shadow(.8px 0 #43d4ff55) drop-shadow(0 0 8px #61ed7838)}50%{filter:drop-shadow(-.8px 0 #ff426b50) drop-shadow(1px 0 #43d4ff77) drop-shadow(0 0 15px #7afa8977)}}
@keyframes intro-crt-breathe {0%,100%{opacity:.58}48%{opacity:.63}50%{opacity:.59}53%{opacity:.62}}
@keyframes intro-grain {to{background-position:17px 11px}}
@keyframes intro-command-wake {0%,100%{filter:brightness(1)}42%{filter:brightness(1.65);box-shadow:0 0 0 1px #b8ff90,0 0 11px #a6ff8088}}
@keyframes intro-start-beacon {0%,100%{box-shadow:inset 0 1px #edffcd,0 2px #29492a,0 0 5px #bdff6966}50%{box-shadow:inset 0 1px #edffcd,0 2px #29492a,0 0 0 3px #d6ffa335,0 0 15px #bdff69aa}}
/* Compact only the title on short displays; forms retain their native scrolling. */
@media (max-height:760px) {
.auth-entry[data-console-phase=entry]:is([data-stage=off],[data-stage=boot],[data-stage=start],:is([data-stage=player],[data-stage=identity],[data-stage=loading],[data-stage=destination],[data-stage=exit],[data-stage=menu],[data-stage=links])){padding-top:6px;padding-bottom:6px;}
.auth-entry[data-console-phase=entry]:is([data-stage=off],[data-stage=boot],[data-stage=start],:is([data-stage=player],[data-stage=identity],[data-stage=loading],[data-stage=destination],[data-stage=exit],[data-stage=menu],[data-stage=links])) .game420-console{padding-top:7px;padding-bottom:8px;}

.auth-entry[data-console-phase=entry]:is([data-stage=off],[data-stage=boot],[data-stage=start],:is([data-stage=player],[data-stage=identity],[data-stage=loading],[data-stage=destination],[data-stage=exit],[data-stage=menu],[data-stage=links])) .console-screen{min-height:0;}
.auth-entry[data-console-phase=entry]:is([data-stage=off],[data-stage=boot],[data-stage=start],:is([data-stage=player],[data-stage=identity],[data-stage=loading],[data-stage=destination],[data-stage=exit],[data-stage=menu],[data-stage=links])) .start-panel{padding-top:8px;padding-bottom:10px;}
.auth-entry[data-console-phase=entry]:is([data-stage=off],[data-stage=boot],[data-stage=start],:is([data-stage=player],[data-stage=identity],[data-stage=loading],[data-stage=destination],[data-stage=exit],[data-stage=menu],[data-stage=links])) .console-hardware{padding-top:7px;}

.auth-entry[data-console-phase=entry]:is([data-stage=off],[data-stage=boot],[data-stage=start],:is([data-stage=player],[data-stage=identity],[data-stage=loading],[data-stage=destination],[data-stage=exit],[data-stage=menu],[data-stage=links])) .entry-test-note{margin-top:5px}
}
@media (max-height:620px) and (orientation:portrait) {
.auth-entry[data-console-phase=entry]:is([data-stage=off],[data-stage=boot],[data-stage=start],:is([data-stage=player],[data-stage=identity],[data-stage=loading],[data-stage=destination],[data-stage=exit],[data-stage=menu],[data-stage=links])) .screen-top{padding-bottom:5px}
.auth-entry[data-console-phase=entry]:is([data-stage=off],[data-stage=boot],[data-stage=start],:is([data-stage=player],[data-stage=identity],[data-stage=loading],[data-stage=destination],[data-stage=exit],[data-stage=menu],[data-stage=links])) .screen-bottom{display:none}
.auth-entry[data-console-phase=entry]:is([data-stage=off],[data-stage=boot],[data-stage=start],:is([data-stage=player],[data-stage=identity],[data-stage=loading],[data-stage=destination],[data-stage=exit],[data-stage=menu],[data-stage=links])) .screen-hud{display:none}

.auth-entry[data-console-phase=entry]:is([data-stage=off],[data-stage=boot],[data-stage=start],:is([data-stage=player],[data-stage=identity],[data-stage=loading],[data-stage=destination],[data-stage=exit],[data-stage=menu],[data-stage=links])) .console-footer{display:none}
.auth-entry[data-console-phase=entry]:is([data-stage=off],[data-stage=boot],[data-stage=start],:is([data-stage=player],[data-stage=identity],[data-stage=loading],[data-stage=destination],[data-stage=exit],[data-stage=menu],[data-stage=links])) .start-panel .screen-kicker{margin-bottom:3px;}
.auth-entry[data-console-phase=entry]:is([data-stage=off],[data-stage=boot],[data-stage=start],:is([data-stage=player],[data-stage=identity],[data-stage=loading],[data-stage=destination],[data-stage=exit],[data-stage=menu],[data-stage=links])) .screen-bezel{padding-top:7px;padding-bottom:7px;}
}
@media (max-width:360px) {
.auth-entry[data-console-phase=entry]:is([data-stage=off],[data-stage=boot],[data-stage=start],:is([data-stage=player],[data-stage=identity],[data-stage=loading],[data-stage=destination],[data-stage=exit],[data-stage=menu],[data-stage=links])) .start-button{font-size:21px;gap:6px;}
.auth-entry[data-console-phase=entry]:is([data-stage=off],[data-stage=boot],[data-stage=start],:is([data-stage=player],[data-stage=identity],[data-stage=loading],[data-stage=destination],[data-stage=exit],[data-stage=menu],[data-stage=links])) .start-help{font-size:12px}
}
@media (prefers-reduced-motion:reduce) {

.auth-entry[data-console-phase=entry][data-stage=start] .start-word{opacity:1;}
.auth-entry[data-console-phase=entry]:is([data-stage=start],:is([data-stage=player],[data-stage=identity],[data-stage=loading],[data-stage=destination],[data-stage=exit],[data-stage=menu],[data-stage=links])) #console-start span{outline:2px solid #dfffad;outline-offset:2px;}
}

/* PLAYER SELECT occupies the original title's exact responsive footprint.
   The hidden, inert title is a size reference, never a second interactive view.
   Only its neighbour scrolls if larger text or a small viewport needs room. */

.auth-entry[data-console-phase=entry]:is([data-stage=player],[data-stage=identity],[data-stage=loading],[data-stage=destination],[data-stage=exit],[data-stage=menu],[data-stage=links]) .console-screen{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  grid-template-rows:auto auto auto;
  align-content:start;
;}
.auth-entry[data-console-phase=entry]:is([data-stage=player],[data-stage=identity],[data-stage=loading],[data-stage=destination],[data-stage=exit],[data-stage=menu],[data-stage=links]) .screen-hud{grid-area:1/1}
.auth-entry[data-console-phase=entry]:is([data-stage=player],[data-stage=identity],[data-stage=loading],[data-stage=destination],[data-stage=exit],[data-stage=menu],[data-stage=links]) #start-panel[hidden]{
  display:flex!important;
  grid-area:2/1;
  visibility:hidden;
  pointer-events:none;
;}
.auth-entry[data-console-phase=entry]:is([data-stage=player],[data-stage=identity],[data-stage=loading],[data-stage=destination],[data-stage=exit],[data-stage=menu],[data-stage=links]) .entry-feedback{grid-area:3/1}

/* Continued journey: the title remains the unchanged size reference. */
.auth-entry[data-console-phase=entry]:is([data-stage=identity],[data-stage=loading],[data-stage=destination],[data-stage=exit]) :is(#loading-panel,#destination-panel,#exit-panel){
  grid-area:2/1;
  align-self:stretch;
  contain:size;
  min-width:0;min-height:0;
  width:100%;height:auto;
  overflow:auto;
  overscroll-behavior-y:contain;
  scrollbar-width:thin;
  scrollbar-color:#9f80b5 #151022;
  scroll-padding-block:15px;
  position:relative;
  z-index:1;
  margin:0;
  padding:15px 13px;
;}

.auth-entry[data-console-phase=entry]:is([data-stage=identity],[data-stage=loading],[data-stage=destination],[data-stage=exit]) .entry-feedback{
  margin:14px 0 0;padding:0 9px;
  border-left:2px solid #acd878;
  color:#e8f0bb;
  background:#181421ee;
  font:13px/1.5 monospace;
  overflow-wrap:anywhere;
}
.auth-entry[data-console-phase=entry]:is([data-stage=identity],[data-stage=loading],[data-stage=destination],[data-stage=exit]) .entry-feedback p{margin:8px 0}
.auth-entry[data-console-phase=entry]:is([data-stage=loading],[data-stage=destination],[data-stage=exit]) .screen-kicker{font:12px/1.3 AuthArcade,monospace;letter-spacing:1.3px;color:#93d7a3;margin:0 0 8px}
.auth-entry[data-console-phase=entry]:is([data-stage=destination],[data-stage=exit]) :is(h2,.exit-mark){font:27px/1.2 AuthArcade,monospace;color:#e1ffa2;text-shadow:2px 3px #001507,-.7px 0 #ff59785c,.7px 0 #4bdeff77,0 0 10px #a6ff6844;margin:7px 0 12px}
.auth-entry[data-console-phase=entry]:is([data-stage=destination],[data-stage=exit]) :is(.panel-intro,.destination-note){font:13px/1.4 monospace;color:#c3ddab;overflow-wrap:anywhere}
.auth-entry[data-console-phase=entry][data-stage=destination] .destination-card{
  display:flex;align-items:center;gap:10px;
  width:100%;min-height:76px;
  margin:10px 0;padding:12px 9px;text-decoration:none;
  touch-action:manipulation;
;}

.auth-entry[data-console-phase=entry][data-stage=destination] .destination-card strong{display:block;font:23px/1.2 AuthArcade,monospace;letter-spacing:.6px;}
.auth-entry[data-console-phase=entry][data-stage=destination] .destination-card small{display:block;font:12px/1.4 Arial,sans-serif;margin-top:4px;}

.auth-entry[data-console-phase=entry][data-stage=destination] .destination-icon{font:23px monospace;}

.auth-entry[data-console-phase=entry][data-stage=loading] #loading-title{margin:6px 0 9px}
.auth-entry[data-console-phase=entry][data-stage=loading] .loading-caption{margin:0 0 10px;font-size:13px}

.auth-entry[data-console-phase=entry][data-stage=loading] .loading-meter{margin-top:12px;border-radius:0}
.auth-entry[data-console-phase=entry][data-stage=loading] #loading-step{font:13px/1.4 monospace;margin-top:10px;min-height:0}
.auth-entry[data-console-phase=entry][data-stage=loading] .loading-actions{margin-top:9px}
@media(max-height:620px) {
.auth-entry[data-console-phase=entry][data-stage=loading] #loading-panel{padding:10px}

.auth-entry[data-console-phase=entry][data-stage=loading] .loading-caption{margin-bottom:6px}
.auth-entry[data-console-phase=entry][data-stage=loading] #loading-title{font-size:21px;margin:3px 0 5px}
}

/* MENU/LINK adapter. All legacy-page overrides require this temporary state.
   Removing it restores the original product, cart, account and Telegram views. */
#journey-console[hidden]{display:none!important}
.journey-test-note[hidden]{display:none!important}
body[data-console-pending]>.hero{visibility:hidden}
html:has(body.auth-entry[data-console-context=destination]){height:auto;min-height:100%;overflow:auto}
body.auth-entry[data-console-context=destination]{height:auto;min-height:100dvh;overflow:auto}
.auth-entry[data-console-context=destination] #journey-host{
  grid-area:2/1;align-self:stretch;contain:size;
  min-width:0;min-height:0;position:relative;
  padding:0;margin:0;overflow:hidden;
  isolation:isolate;
}
.auth-entry[data-console-context=destination] #journey-host>.hero{
  position:absolute;inset:0;
  width:100%;height:100%;min-height:0;
  transform:none;animation:none;transition:none;
}
.auth-entry[data-console-context=destination] #journey-host>.hero::after{content:none}
.auth-entry[data-console-context=destination] #journey-host .gameboy{position:relative;width:100%;height:100%;transform:none}
.auth-entry[data-console-context=destination] :is(#screen2-container,#screen3-container){
  position:absolute;inset:0;top:0;left:0;
  width:100%;height:100%;min-width:0;min-height:0;max-width:none;max-height:none;
  margin:0;transform:none;filter:none;will-change:auto;
  border:0;border-radius:0;background:transparent;box-shadow:none;
  animation:none;transition:none;overflow:hidden;
}
.auth-entry[data-console-context=destination] :is(#screen2-container,#screen3-container)::before{content:none}
.auth-entry[data-console-context=destination] :is(#screen2-container,#screen3-container)::after{content:none}

.auth-entry[data-console-context=destination] #screen3-container .filters-bar{
  position:absolute;top:8px;left:10px;right:10px;transform:none;width:auto;gap:8px;
}

.auth-entry[data-console-context=destination] #screen3-container .filter-select{
  width:100%;height:44px;padding:8px 18px 8px 8px;
  border:2px solid #79ad5e;border-radius:0;
  background:#171225;color:#dfffad;
  font:16px/1.2 Arial,sans-serif;text-shadow:none;
  box-shadow:2px 2px #100d1c;
}
.auth-entry[data-console-context=destination] #screen3-container .menu3-scroll{
  position:absolute;top:60px;bottom:67px;left:8px;right:8px;
  transform:none;width:auto;height:auto;max-height:none;
  min-width:0;min-height:0;
  padding:6px;border:0;border-radius:0;
  background:transparent;backdrop-filter:none;
  scroll-padding:7px;scrollbar-color:#9f80b5 #151022;
}
.auth-entry[data-console-context=destination] #screen3-container .menu3-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.auth-entry[data-console-context=destination] #menu3Grid>.menu3-item.article{
  min-width:0;border:2px solid #80658f;border-bottom:3px solid #513a63;border-radius:0;
  background:#151022e8;box-shadow:2px 3px #100d1c;
  aspect-ratio:auto;
  transform:none;
}

.auth-entry[data-console-context=destination] #journey-host .console-selected:not(.social-link){
  border-color:#c5ff78!important;
  outline:2px solid #6de1ba;outline-offset:1px;
  box-shadow:0 0 12px #a2ff6255!important;
}
.auth-entry[data-console-context=destination] #journey-host :focus-visible:not(.social-link){
  border-color:#c5ff78!important;
  outline:2px solid #6de1ba;outline-offset:1px;
  box-shadow:0 0 12px #a2ff6255!important;
}
.auth-entry[data-console-context=destination] #journey-host :is(.social-link,.menu3-item.article):active{translate:0 1px;filter:brightness(1.15)}
@media(hover:hover) {
.auth-entry[data-console-context=destination] #journey-host :is(.social-link,.menu3-item.article):hover{border-color:#b8f887}
}
@media(prefers-reduced-motion:no-preference) {
.auth-entry[data-console-context=destination] #journey-host>.hero{animation:journey-arrive .18s steps(8,end) both}
}
@keyframes journey-arrive {from{opacity:.15;clip-path:inset(0 0 100%)}to{opacity:1;clip-path:inset(0)}}

/* Music adds light only; the validated geometry and readable content stay still. */
.auth-entry[data-console-phase=entry] .console-audio-tools{display:flex;align-items:center;gap:2px}
.auth-entry[data-console-phase=entry] #console-music{min-height:44px;min-width:49px;padding:5px 3px;border:0;background:none;color:#132d23;font:700 9px monospace;cursor:pointer}
.auth-entry[data-console-phase=entry] #console-music:disabled{opacity:.5;cursor:default}
#console-site-content[hidden]{display:none!important}
#journey-host[hidden]{display:none!important}

