From 3bece368b3f7bd6ded54ab2e430f841e06280505 Mon Sep 17 00:00:00 2001
From: copecone <controld3785@gmail.com>
Date: Sat, 25 Apr 2026 14:00:25 +0900
Subject: [PATCH] Improve Language Accessibility

---
 src/app/app.ts                                | 7 ++++++-
 src/app/components/level-card/level-card.scss | 4 ++--
 2 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/src/app/app.ts b/src/app/app.ts
index 0d95cdc..48ff5bc 100644
--- a/src/app/app.ts
+++ b/src/app/app.ts
@@ -37,7 +37,12 @@ export class App {
     this.rootHtmlElement.classList.toggle('light-theme', !isDark);
 
     const lang = this.settingsService.language();
-    this.rootHtmlElement.lang = lang.toLowerCase();
+    const langMap: Record<string, string> = {
+      'KR': 'ko',
+      'JP': 'ja',
+      'EN': 'en'
+    };
+    this.rootHtmlElement.lang = langMap[lang] || 'en';
 
     const reduceMotion = this.settingsService.reduceAnimation();
     this.rootHtmlElement.classList.toggle('reduce-motion', reduceMotion);
diff --git a/src/app/components/level-card/level-card.scss b/src/app/components/level-card/level-card.scss
index 226eb4c..2b3a404 100644
--- a/src/app/components/level-card/level-card.scss
+++ b/src/app/components/level-card/level-card.scss
@@ -25,9 +25,10 @@ $default_animation_duration: 0.2s;
     width: calc(100% - 64px);
     padding: 12px;
     box-sizing: border-box;
-    overflow: hidden;
     flex-shrink: 0;
 
+    border-radius: 8px;
+
     z-index: 1;
     background-color: light-dark(white, black);
 
@@ -122,7 +123,6 @@ $default_animation_duration: 0.2s;
       );
 
       padding: 0;
-
       &:hover {
         --hover-state: 1;
       }