Add Korean literature puzzle, make it the default tab

site/korean.html 을 추가하고 셸의 첫 탭이자 기본값으로 두었다. 한글 사이트이니
빈 해시로 들어오면 한국 문학이 열리는 편이 자연스럽다.

9x9 41칸 15항목으로 다섯 편 중 항목이 가장 많다. 근현대 주류 정전으로만 골라
1917년 《무정》(영채)에서 한강 《채식주의자》까지 걸친다. 나도향 · 염상섭 ·
이광수 · 이효석 · 현진건 · 채만식 · 이상 · 황순원 · 전광용 · 이청준 ·
황석영 · 조세희 · 이문열.

탭이 다섯이 되어 560px 이하에서는 탭 이름의 '문학'을 접고 나라 이름만 남긴다.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>

site/index.html

@@ -104,8 +104,9 @@ body{
 /* 아주 좁은 화면: 탭이 셋 이상이면 상표를 접고 탭에 폭을 몰아 준다 */
 @media (max-width:560px){
   .brand{display:none}
-  .nav a{padding:10px 6px}
-  .nav a .kr{font-size:13px}
+  .nav a{padding:10px 4px}
+  .nav a .kr{font-size:13px;white-space:nowrap}
+  .nav a .suffix{display:none}   /* 탭이 다섯이면 나라 이름만 남긴다 */
 }
 @media (prefers-reduced-motion:reduce){
   *{animation:none !important;transition:none !important}
@@ -122,26 +123,30 @@ body{
 
   <div class="nav">
     <div class="label">문학 편</div>
+    <a href="korean.html" target="stage" data-key="korean">
+      <span class="kr">한국<span class="suffix"> 문학</span></span>
+      <span class="og">Korean literature</span>
+    </a>
     <a href="russian.html" target="stage" data-key="russian">
-      <span class="kr">러시아 문학</span>
+      <span class="kr">러시아<span class="suffix"> 문학</span></span>
       <span class="og">Русская литература</span>
     </a>
     <a href="british.html" target="stage" data-key="british">
-      <span class="kr">영국 문학</span>
+      <span class="kr">영국<span class="suffix"> 문학</span></span>
       <span class="og">British literature</span>
     </a>
     <a href="german.html" target="stage" data-key="german">
-      <span class="kr">독일 문학</span>
+      <span class="kr">독일<span class="suffix"> 문학</span></span>
       <span class="og">Deutsche Literatur</span>
     </a>
     <a href="japanese.html" target="stage" data-key="japanese">
-      <span class="kr">일본 문학</span>
+      <span class="kr">일본<span class="suffix"> 문학</span></span>
       <span class="og">日本文学</span>
     </a>
   </div>
 
   <div class="rail-foot">
-    <a id="popout" href="russian.html" target="_blank" rel="noopener">새 창에서 열기 ↗</a>
+    <a id="popout" href="korean.html" target="_blank" rel="noopener">새 창에서 열기 ↗</a>
   </div>
 </nav>
 
@@ -153,12 +158,13 @@ body{
 "use strict";
 
 var PAGES = {
+  korean:  {file:'korean.html',  name:'한국 문학'},
   russian: {file:'russian.html', name:'러시아 문학'},
   british: {file:'british.html', name:'영국 문학'},
   german:  {file:'german.html',  name:'독일 문학'},
   japanese:{file:'japanese.html', name:'일본 문학'}
 };
-var DEFAULT = 'russian';
+var DEFAULT = 'korean';
 
 var stage  = document.getElementById('stage');
 var popout = document.getElementById('popout');