Add German literature puzzle

셸에 독일 문학 탭을 더하고 site/german.html 을 추가했다. 9x9 41칸 14항목.

독일어 표기는 음절이 서로 겹치지 않아 격자가 성글게 나온다. 그래서 낱말 풀을
작품·작가에서 등장인물과 작품 속 핵심어까지 넓혀 교차 지점을 확보했다.
(로테, 헨젤, 카스토르프, 나르치스 같은 인물과 벌레·계약·향기 같은 핵심어)

격자는 기존 두 편과 같은 규약을 만족한다. 길이 2 이상 모든 구간이 단서가 붙은
항목과 일대일로 대응하고, 어떤 단서도 다른 항목의 정답을 그대로 담지 않는다.

탭이 셋이 되면서 아주 좁은 화면(560px 이하)에서는 상표를 접고 탭에 폭을 넘긴다.

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

site/index.html

@@ -101,6 +101,12 @@ body{
   .nav a .og{display:none}
   .rail-foot{display:none}
 }
+/* 아주 좁은 화면: 탭이 셋 이상이면 상표를 접고 탭에 폭을 몰아 준다 */
+@media (max-width:560px){
+  .brand{display:none}
+  .nav a{padding:10px 6px}
+  .nav a .kr{font-size:13px}
+}
 @media (prefers-reduced-motion:reduce){
   *{animation:none !important;transition:none !important}
 }
@@ -124,6 +130,10 @@ body{
       <span class="kr">영국 문학</span>
       <span class="og">British literature</span>
     </a>
+    <a href="german.html" target="stage" data-key="german">
+      <span class="kr">독일 문학</span>
+      <span class="og">Deutsche Literatur</span>
+    </a>
   </div>
 
   <div class="rail-foot">
@@ -140,7 +150,8 @@ body{
 
 var PAGES = {
   russian: {file:'russian.html', name:'러시아 문학'},
-  british: {file:'british.html', name:'영국 문학'}
+  british: {file:'british.html', name:'영국 문학'},
+  german:  {file:'german.html',  name:'독일 문학'}
 };
 var DEFAULT = 'russian';