@font-face { font-family:Galmuri9;src:url('./Galmuri9.woff2') format('woff2');font-display:swap; }
* { box-sizing:border-box; }
html,body { margin:0;width:100%;height:100%;overflow:hidden;background:#b0b7a9; }
body { font-family:Galmuri9,'Malgun Gothic',sans-serif; }
#shell { width:640px;height:912px;position:absolute;left:0;top:0;transform-origin:0 0;outline:0; }
#lcd { width:640px;height:480px;position:absolute;left:0;top:370px;transform:none;transform-origin:0 0;outline:0;user-select:none;touch-action:none; }
/* Full player keeps the complete video above the original LCD controls. */
#shell.music-active #lcd { left:0;top:370px;transform:none;box-shadow:0 0 0 2px #72885e; }
#youtube-dock { display:block;position:absolute;left:6px;top:6px;width:628px;height:355px;
  padding:0;border:2px solid #72885e;background:#20271c;z-index:2;overflow:visible;pointer-events:none; }
#shell.music-active #youtube-dock { display:block; }
/* The border lies outside the complete 624x351 iframe. No controls or overlays cover it. */
#youtube-player,#youtube-player iframe { display:block;width:624px;height:351px;min-width:200px;min-height:200px;
  margin:0;padding:0;border:0;position:relative;left:0;top:0;pointer-events:none; }
#idleClock { display:none;position:absolute;left:0;top:0;width:624px;height:351px;pointer-events:none;image-rendering:pixelated; }
#youtube-dock.idle { border-color:transparent;background:#b0b7a9; }
#youtube-dock.idle #youtube-player { visibility:hidden; }
#youtube-dock.idle #idleClock { display:block; }
#youtube-dock.idle #idleClock[role="button"] { pointer-events:auto;cursor:pointer;outline:0; }
#shell.normal-video-bottom #lcd,#shell.music-active.normal-video-bottom #lcd { top:0; }
#shell.normal-video-bottom #youtube-dock { top:488px; }
/* Mini only repositions the existing iframe and canvas. Neither media element is replaced. */
#shell.mini { height:336px; }
#shell.mini #lcd { left:0;top:0;height:272px;transform:none;box-shadow:none; }
#shell.mini #youtube-dock { display:block;left:2px;top:2px;width:212px;height:212px; }
#shell.mini #youtube-player,#shell.mini #youtube-player iframe,#shell.mini #idleClock { width:208px;height:208px; }
#shell.mini.mini-video-right #youtube-dock { left:426px; }
/* The visible strip is drawn by the LCD renderer. Native buttons provide focus and activation only. */
#display-controls { position:absolute;left:0;top:850px;width:640px;height:56px;z-index:3; }
#displayCanvas { position:absolute;inset:0;display:block;width:640px;height:56px;image-rendering:pixelated; }
#display-controls button { position:absolute;top:4px;height:48px;width:200px;margin:0;padding:0;border:0;border-radius:0;
  background:transparent;color:transparent;opacity:0;outline:0;box-shadow:none;cursor:pointer; }
#displayLarge { left:8px; }
#displayDefault { left:220px; }
#displayMini { left:432px; }
#display-controls button:disabled { cursor:wait; }
#shell.mini #display-controls { top:272px; }
#screen { display:block;width:100%;height:100%;image-rendering:pixelated;image-rendering:crisp-edges;outline:0; }
.transport-hit { display:none;position:absolute;z-index:1;margin:0;padding:0;border:0;background:transparent;
  color:transparent;outline:0;cursor:pointer;touch-action:manipulation; }
#entry { display:none;position:absolute;left:3.75%;top:17.5%;width:92.5%;height:10.83%;padding:0 1.25%;margin:0;
  border:0;border-radius:0;outline:0;background:#c9cebf;color:#263024;font-family:inherit;font-size:40px;
  line-height:1;caret-color:#263024;box-shadow:none;user-select:text;touch-action:auto; }
#entry::placeholder { color:#6e7966;opacity:1; }
#entry.search-entry { width:68.75%; }
#searchButton { display:none;position:absolute;left:72.5%;top:17.5%;width:23.75%;height:10.83%;margin:0;padding:0;
  border:4px solid #697461;border-radius:0;background:#a3ad99;color:#263024;font:40px Galmuri9,'Malgun Gothic',sans-serif;
  line-height:1;cursor:pointer;box-shadow:none; }
#searchButton:hover,#searchButton:focus { outline:0;background:#9ccb6f; }
#reader { position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%); }
audio { display:none; }