:root{--color-bg: #818cb7;--color-surface: #ffffff;--color-nav: #59679a;--color-accent: #2ea879;--color-accent-strong: #1f8a63;--color-text: #232338;--color-text-muted: #6b7094;--color-danger: #c0392b;--radius-md: 10px;--radius-lg: 16px;--shadow-card: 0 8px 24px rgba(35, 35, 56, .12);--font-sans: "Pretendard", "Apple SD Gothic Neo", "Malgun Gothic", system-ui, -apple-system, sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);min-height:100vh;display:flex;flex-direction:column}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}.app-loading{text-align:center;padding:3rem 1rem;color:var(--color-surface)}.app-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1.5rem;background:var(--color-nav);box-shadow:var(--shadow-card);flex-shrink:0}.app-header__logo img{height:40px;display:block}.app-header__nav{display:flex;align-items:center;gap:1.25rem;color:#fff;font-weight:600}.app-header__nav a{opacity:.9}.app-header__nav a:hover{opacity:1;text-decoration:underline}.app-header__username{opacity:.9}.logout-btn{background:transparent;border:1px solid rgba(255,255,255,.6);color:#fff;border-radius:var(--radius-md);padding:.35rem .75rem;font-weight:600}.logout-btn:hover{background:#ffffff1f}#app{flex:1;display:flex;flex-direction:column;justify-content:center;width:100%;max-width:720px;margin:0 auto;padding:2rem 1rem}.app-footer{flex-shrink:0;text-align:center;padding:1rem 0 2rem;opacity:.85}.app-footer img{max-width:260px;width:90%}.home-view{text-align:center;color:#fff;display:flex;flex-direction:column;align-items:center;gap:1.25rem}.home-view__hero{max-width:100%;max-height:min(45vh,360px);width:auto;object-fit:contain;border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.home-view__lead{font-size:1.1rem}.home-view__cta{background:var(--color-accent);color:#fff;padding:.75rem 1.75rem;border-radius:var(--radius-md);font-weight:700}.home-view__cta:hover{background:var(--color-accent-strong)}.auth-view{position:relative;min-height:420px}.form-wrapper{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:2rem;opacity:0;visibility:hidden;transform:translateY(12px) scale(.98);transition:opacity .25s ease,transform .25s ease,visibility .25s}.form-wrapper.is-active{opacity:1;visibility:visible;transform:translateY(0) scale(1)}.auth-form__title{margin:0 0 1.25rem;font-size:1.4rem}.auth-form__field{display:flex;flex-direction:column;gap:.35rem;margin-bottom:1rem;font-weight:600;color:var(--color-text-muted)}.auth-form__field input{padding:.6rem .75rem;border-radius:var(--radius-md);border:1px solid #d9dbe6;font-size:1rem;color:var(--color-text)}.auth-form__field input:focus{outline:2px solid var(--color-accent);outline-offset:1px}.auth-form__error{min-height:1.2em;color:var(--color-danger);font-size:.9rem;margin:0 0 .75rem}.auth-form button[type=submit]{width:100%;background:var(--color-accent);color:#fff;border:none;border-radius:var(--radius-md);padding:.7rem;font-weight:700;font-size:1rem}.auth-form button[type=submit]:hover{background:var(--color-accent-strong)}.auth-switch{margin:1rem 0 0;text-align:center;color:var(--color-text-muted);font-size:.9rem}.switcher{background:none;border:none;color:var(--color-accent);font-weight:700;padding:0;text-decoration:underline}.game-view{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:2rem}.game-view__title-img{display:block;max-width:200px;margin:0 auto 1.25rem}.scoreboard__rows{display:flex;flex-direction:column;gap:.6rem;margin-bottom:1.25rem}.score-row{display:grid;grid-template-columns:90px 1fr 2ch;align-items:center;gap:.75rem}.score-row__label-icon{width:90px;height:auto;object-fit:contain}.score-row__dots{display:flex;gap:.4rem}.dot{width:24px;height:24px;border-radius:50%;object-fit:cover}.score-row__count{text-align:right;font-weight:700}.game-view__result{text-align:center;font-weight:700;font-size:1.1rem;min-height:1.6em}.guess-form{display:flex;flex-direction:column;align-items:center;gap:.5rem;margin:1.25rem 0}.guess-form__input{width:10ch;text-align:center;font-size:1.5rem;letter-spacing:.3em;padding:.5rem;border-radius:var(--radius-md);border:1px solid #d9dbe6}.guess-form__warning{min-height:1.2em;color:var(--color-danger);font-size:.85rem;margin:0}.guess-form__actions{display:flex;gap:.75rem}.guess-form__actions button{border-radius:var(--radius-md);padding:.55rem 1.25rem;font-weight:700;border:none}.guess-form__actions button[type=submit]{background:var(--color-accent);color:#fff}.guess-form__actions button[type=submit]:hover{background:var(--color-accent-strong)}.guess-form__reset{background:transparent;border:1px solid #d9dbe6!important;color:var(--color-text-muted)}.guess-history__empty{text-align:center;color:var(--color-text-muted)}.guess-history__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.4rem;max-height:260px;overflow-y:auto}.guess-history__item{display:flex;align-items:baseline;gap:.6rem;padding:.5rem .75rem;border-radius:var(--radius-md);background:#f4f5fa;font-size:.9rem}.guess-history__round{font-weight:700;color:var(--color-accent)}.guess-history__guess{font-weight:700;letter-spacing:.15em}.guess-history__detail{color:var(--color-text-muted);margin-left:auto}.ranking-view{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:2rem;text-align:center}.ranking-view__title-img{max-width:260px;margin-bottom:1.25rem}.ranking-view__status{color:var(--color-text-muted)}.ranking-table{width:100%;border-collapse:collapse;text-align:left}.ranking-table th,.ranking-table td{padding:.6rem .75rem;border-bottom:1px solid #eceefa}.ranking-table th{color:var(--color-text-muted);font-size:.85rem;text-transform:uppercase;letter-spacing:.05em}.ranking-table tbody tr:nth-child(odd){background:#f8f9fd}.ranking-table tbody tr:hover{background:#eef1fb}