@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:var(--lcd-bg,#e7e8e5); }
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;
  background-color:var(--lcd-bg,#e7e8e5);
  background-image:linear-gradient(90deg,var(--lcd-bg,#e7e8e5) 0 4px,transparent 4px),
    linear-gradient(var(--lcd-bg,#e7e8e5) 0 4px,var(--lcd-dot,#26292709) 4px);
  background-size:8px 8px; }
#screenLock { display:none;position:absolute;inset:0;width:100%;height:100%;z-index:5;background:var(--lcd-bg,#e7e8e5);
  image-rendering:pixelated;outline:0;cursor:pointer;touch-action:manipulation; }
#screenLock.controls-lock { background:transparent; }
#shell.world-viewer #display-controls { display:none; }
#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; }
/* Video placement never adds a second frame around the movable LCD canvas. */
#shell.music-active #lcd { left:0;top:370px;transform:none; }
#youtube-dock { display:block;position:absolute;left:22px;top:18px;width:596px;height:337px;
  padding:0;border:2px solid var(--lcd-video-edge,#858b86);background:#20271c;z-index:2;overflow:visible;pointer-events:none; }
#shell.music-active #youtube-dock { display:block; }
/* The border lies outside the complete 592x333 iframe. */
#youtube-player,#youtube-player iframe { display:block;width:592px;height:333px;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:592px;height:333px;pointer-events:none;image-rendering:pixelated; }
#youtube-dock.idle { border-color:transparent;background:transparent; }
#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:not(.mini).normal-video-bottom #lcd,#shell:not(.mini).music-active.normal-video-bottom #lcd {
  left:0;top:0;transform:none; }
#shell.normal-video-bottom #youtube-dock { top:498px; }
/* 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:12px;top:12px;width:204px;height:204px; }
#shell.mini #youtube-player,#shell.mini #youtube-player iframe,#shell.mini #idleClock { width:200px;height:200px; }
#shell.mini.mini-video-right #youtube-dock { left:424px; }
/* The visible strip is drawn by the LCD renderer. Native buttons provide focus and activation only. */
#display-controls { position:absolute;left:20px;top:850px;width:640px;height:56px;z-index:3;
  transform:scale(.9375);transform-origin:0 0; }
#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:var(--lcd-light,#ffffff);color:var(--lcd-ink,#262927);font-family:inherit;font-size:40px;
  line-height:1;caret-color:var(--lcd-ink,#262927);box-shadow:none;user-select:text;touch-action:auto; }
#entry::placeholder { color:var(--lcd-dim,#727b75);opacity:1; }
#entry.search-entry { width:68.75%; }
#entry.has-visible-caret:not(.composing) { caret-color:transparent; }
#entryCaret { display:none;position:absolute;left:3.75%;top:17.5%;width:92.5%;height:10.83%;
  overflow:hidden;pointer-events:none;user-select:none;z-index:2; }
#entryCaret.search-entry { width:68.75%; }
#entryCaret > span { position:absolute;top:50%;width:3px;background:var(--lcd-ink,#262927);transform:translateY(-50%);
  animation:entry-caret-blink 1s steps(1,end) infinite; }
@keyframes entry-caret-blink { 0%,55% { opacity:1; } 56%,100% { opacity:0; } }
#searchButton { display:none;position:absolute;left:72.5%;top:17.5%;width:23.75%;height:10.83%;margin:0;padding:0;
  border:4px solid var(--lcd-edge,#858b86);border-radius:0;background:var(--lcd-button,#d5d7d4);color:var(--lcd-ink,#262927);font:40px Galmuri9,'Malgun Gothic',sans-serif;
  line-height:1;cursor:pointer;box-shadow:none; }
#searchButton:hover { outline:0;background:var(--lcd-control-selected,var(--lcd-button,#a3ad99)); }
#reader { position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%); }
audio { display:none; }