Improve Language Accessibility

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);

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;
       }