@font-face{font-family:SUIT;src:url('assets/fonts/SUIT-Variable.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}:root{--bg:#f7f8f2;--lav:#e9e1f4;--green:#294f40;--lime:#d8edb2}body,button,input,select,textarea{font-family:SUIT,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}h1,h2,h3{font-weight:780}.ui-icon{width:22px;height:22px;display:inline-block;vertical-align:middle;flex:none}.mission-icon{width:32px;height:32px}.brand-icon{font-size:0;background:none}.brand-icon img{display:block}.utility-button{width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--line);background:#fff;border-radius:12px;padding:8px}.utility-button:hover{background:#edf2e3}.top-right{gap:9px}.growth-banner{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:20px 24px;margin:0 0 26px;background:#e5edd9;border:1px solid #cbd9bb;border-radius:16px}.growth-banner>div{display:flex;gap:16px;align-items:center}.growth-banner span{font-size:12px;color:#4b6541}.growth-banner strong{display:block;font-size:21px;margin-top:4px;color:var(--ink)}.growth-mark{width:48px;height:48px}.reward-badge{width:96px;height:96px;object-fit:contain}.map-badge{width:68px;height:68px;object-fit:contain}.reward-preview{display:flex;align-items:center;gap:6px;font-size:12px;color:#445e3d;padding:6px 0 12px}.reward-preview .ui-icon{width:17px;height:17px}.compact-mission-card{background:#e8efde;border-color:#cdddbb}.compact-mission-card[data-chapter="2"]{background:#eae1f3;border-color:#d8cce6}.compact-mission-card[data-chapter="3"]{background:#f5e7d2;border-color:#e6d1b4}.compact-mission-card[data-chapter="4"]{background:#dfebeb;border-color:#c6dbdb}.compact-mission-card .mission-symbol{width:68px;height:68px;background:none;margin:12px 0 8px}.compact-mission-card .term-chips{margin-bottom:4px}.compact-mission-card h2{font-weight:820}.compact-actionbar>button{display:flex;justify-content:center;align-items:center;gap:5px}.compact-actionbar .ui-icon{width:18px;height:18px}.collection-intro{display:flex;align-items:center;gap:16px}.collection-intro span{font-size:11px;letter-spacing:1.5px;color:#647d52}.collection-intro h3{margin:0;font-size:23px}.collection-intro p{margin:4px 0!important;font-size:13px}.growth-progress{margin:16px 0 2px;height:9px}.collection-note{font-size:12px!important;color:var(--muted)}.badge-collection{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.badge-item{display:flex;flex-direction:column;align-items:center;text-align:center;border:1px solid #d2dec4;background:#f4f8ec;padding:12px 5px;border-radius:12px;min-height:142px}.badge-item.unearned{background:#f4f4f0;border-style:dashed}.badge-item.unearned img{filter:grayscale(1);opacity:.32}.badge-item strong{font-size:12px;margin:6px 0 2px}.badge-item span{font-size:10px;color:#66745b}.badge-item .reward-badge{width:70px;height:70px}.collection-next{width:100%;margin-top:16px}.next-teaser{width:100%;background:#ffffffa6;border:1px solid #d5dfc8;border-radius:10px;padding:10px;text-align:left}.next-teaser span{display:block;font-size:10px;color:#6a7b5e;margin-bottom:3px}.next-teaser strong{display:block;font-size:13px}.result-content .win-star{line-height:1}.result-content .reward-badge{width:88px;height:88px;animation:badge-arrive .4s ease-out}.focus-term{background:#eee7f5}.focus-term-symbol{background:#fff}.compact-mode .topbar:before{content:'감각';background:url('assets/brand-mark.svg') no-repeat left center;background-size:29px 29px;padding-left:37px;letter-spacing:-.7px}.sample-icon img{width:22px;height:22px}.mission-tile .mission-symbol{background:#ecf1e4}.btn{transition:background .15s,transform .15s}.btn:active:not(:disabled){transform:translateY(1px)}@keyframes badge-arrive{from{transform:scale(.8) rotate(-10deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}@media(max-width:900px){.compact-mode .topbar{padding:0 12px}.compact-mode .top-right{gap:5px}.compact-more{padding:0 10px}.utility-button{width:40px;min-width:40px;border-radius:9px}.compact-mode .sidebar nav a>span:first-child{width:24px;display:grid;place-items:center}.compact-mode .sidebar .ui-icon{width:22px;height:22px}.compact-mode .compact-map-title h2{font-size:13px}.compact-mission-card .mission-symbol{flex-shrink:0}.sheet-content .badge-collection{gap:7px}.compact-mode .compact-actionbar>button{font-size:12px}.compact-mode .compact-welcome h1{font-weight:820}.focus-term-title h2{font-weight:820}.compact-result .result-content{gap:8px}.compact-result .result-content h2{font-size:22px}}@media(max-width:900px) and (max-height:700px){.compact-mission-card .mission-symbol{width:46px;height:46px;margin:5px 0}.map-badge{width:46px;height:46px}.compact-mission-card{padding:14px}.compact-mission-card h2{font-size:20px;margin-bottom:5px}.compact-mission-card>p{font-size:12px;margin-bottom:6px}.reward-preview{font-size:11px;padding:4px 0 6px}.compact-mission-card .term-chips span{font-size:10px;padding:2px 5px}.compact-result .result-content .reward-badge{width:64px;height:64px}.compact-result .result-content p{font-size:13px}.next-teaser{padding:8px}}@media(max-width:900px) and (max-height:500px) and (orientation:landscape){.compact-mode .topbar{right:5px;padding:0}.compact-mode .sidebar nav{padding-right:170px}.compact-mode .topbar:before{display:none}.compact-mode .top-right{gap:3px}.utility-button{width:40px}.compact-mode .compact-more{font-size:12px}.compact-mission-card .mission-symbol{display:none}.compact-mission-card h2{margin-top:8px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
.reward-hero-art{display:flex;flex-direction:column;justify-content:center;align-items:center}.badge-gallery{display:flex;gap:10px;align-items:center;padding:18px 4px}.badge-gallery>div{width:100px;padding:14px 5px;background:#fff8;border:1px solid #cfc2df;border-radius:12px;text-align:center}.badge-gallery>div:nth-child(1){transform:rotate(-8deg) translateY(12px)}.badge-gallery>div:nth-child(3){transform:rotate(8deg) translateY(12px)}.badge-gallery img{width:75px;height:75px}.badge-gallery span{display:block;font-size:10px;color:#5a456c}.gallery-caption{font-size:12px!important;color:#655071!important;margin:10px 0 0!important}@media(max-width:850px){.reward-hero-art{display:none}}