post5078

## study-rpg.html
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>Study RPG</title>
<style>
  body { font-family: sans-serif; text-align: center; background: #111; color: #eee; margin:0; }
  h1 { margin: 10px 0; }
  #status { padding:10px; border-bottom:2px solid #333; }
  #battlefield { display:flex; justify-content:space-between; align-items:center; height:200px; margin:20px; }

## study-rpg-extended.html
<!DOCTYPE html>
<html lang="ko">
<head>
  <meta charset="UTF-8">
  <title>Study RPG</title>
  <style>
    body { font-family: sans-serif; text-align: center; background: #111; color: #eee; }
    button { padding: 15px; margin: 10px; font-size: 18px; border-radius: 10px; border: none; }
    #status, #log { margin: 20px; padding: 10px; border: 2px solid #444; border-radius: 10px; background: #222; }
    #log { height: 200px; overflow-y: auto; text-align: left; font-size: 14px; }

## study-rpg-extended.html
<!doctype html>
<html lang="ko">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1" />
<title>Study RPG — 강화판</title>
<meta name="theme-color" content="#0b6cff"/>
<style>
  /* 기본 레이아웃 & 모바일 최적화 */
  :root{--bg:#f6fbff;--card:#fff;--accent:#0b6cff;--muted:#6b7786}
	<!DOCTYPE html>
	<html lang="ko">
	<head>
	<meta charset="UTF-8">
	<title>Study RPG</title>
	<style>
	body { font-family: sans-serif; text-align: center; background: #111; color: #eee; margin:0; }
	h1 { margin: 10px 0; }
	#status { padding:10px; border-bottom:2px solid #333; }
	#battlefield { display:flex; justify-content:space-between; align-items:center; height:200px; margin:20px; }