*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{width:100%;height:100%;overflow-x:hidden;font-family:Noto Sans SC,PingFang SC,Microsoft YaHei,-apple-system,BlinkMacSystemFont,sans-serif;font-size:16px;color:#4a3a2c;background:linear-gradient(180deg,#fff8e7,#ffe8c2)}body{min-height:100vh}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;outline:none}img{max-width:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}:root{--color-grass: #7BC95B;--color-grass-dark: #5BA840;--color-snow: #E8F4FF;--color-snow-dark: #B8D8F0;--color-sand: #F5D08A;--color-sand-dark: #D9A856;--color-path: #F4E1B5;--color-radish: #FF8FA3;--color-radish-light: #FFB6C1;--color-coin: #FFC940;--color-coin-dark: #FF8C00;--color-hp: #FF5C5C;--color-ink: #2d2a26;--color-cream: #FFF8E7;--color-card: #FFFFFF;--color-shadow: rgba(45, 42, 38, .15);--shadow-card: 0 6px 0 var(--color-shadow), 0 2px 8px rgba(0,0,0,.08);--shadow-hover: 0 8px 0 var(--color-shadow), 0 4px 12px rgba(0,0,0,.12);--radius-sm: 12px;--radius-md: 18px;--radius-lg: 24px;--radius-xl: 32px;--ease-bounce: cubic-bezier(.34, 1.56, .64, 1);--ease-out: cubic-bezier(.16, 1, .3, 1);--font-cute: "Caveat", "Comic Sans MS", "Noto Sans SC", cursive}.page{width:100%;min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:32px 16px 64px}.page__inner{width:100%;max-width:1100px;display:flex;flex-direction:column;gap:36px}.hero{text-align:center;padding:24px 16px;position:relative}.hero__badge{display:inline-block;background:var(--color-coin);color:var(--color-ink);font-weight:700;font-size:12px;letter-spacing:.1em;padding:6px 16px;border-radius:999px;border:2px solid var(--color-ink);margin-bottom:18px;box-shadow:0 3px 0 var(--color-ink);animation:bounce-soft 2.4s var(--ease-bounce) infinite}.hero__title{font-size:clamp(40px,7vw,72px);font-weight:900;line-height:1.1;color:var(--color-ink);display:flex;align-items:center;justify-content:center;gap:16px;text-shadow:4px 4px 0 rgba(255,255,255,.5);margin-bottom:14px}.hero__title .emoji{display:inline-block;animation:wobble 2.8s var(--ease-bounce) infinite}.hero__subtitle{font-size:clamp(15px,2vw,19px);color:#6a5648;font-weight:600;letter-spacing:.05em;margin-bottom:6px}.hero__hint{font-size:14px;color:#8a7460;font-weight:500}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 28px;border-radius:var(--radius-md);font-size:16px;font-weight:700;border:3px solid var(--color-ink);background:var(--color-card);color:var(--color-ink);box-shadow:0 5px 0 var(--color-ink);transition:transform .15s var(--ease-bounce),box-shadow .15s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;position:relative}.btn:hover{transform:translateY(-2px);box-shadow:0 7px 0 var(--color-ink)}.btn:active{transform:translateY(3px);box-shadow:0 2px 0 var(--color-ink)}.btn--primary{background:var(--color-coin);color:var(--color-ink)}.btn--secondary{background:var(--color-snow);color:var(--color-ink)}.btn--grass{background:var(--color-grass)}.btn--snow{background:var(--color-snow)}.btn--sand{background:var(--color-sand)}.btn--danger{background:var(--color-hp);color:#fff}.btn--lg{font-size:18px;padding:18px 36px}.btn--xl{font-size:22px;padding:22px 48px}.btn--block{width:100%}.btn-row{display:flex;flex-wrap:wrap;gap:14px;justify-content:center}.section{background:#fff9;border:3px solid var(--color-ink);border-radius:var(--radius-lg);padding:28px 24px;box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.section__title{display:flex;align-items:center;gap:12px;font-size:22px;font-weight:800;color:var(--color-ink);margin-bottom:8px;letter-spacing:.04em}.section__title .emoji{font-size:28px}.section__desc{font-size:14px;color:#6a5648;margin-bottom:22px;font-weight:500}.theme-group{margin-bottom:28px}.theme-group:last-child{margin-bottom:0}.theme-header{display:flex;align-items:center;gap:12px;margin-bottom:14px;padding:10px 16px;border-radius:var(--radius-md);border:2.5px solid var(--color-ink);font-weight:800;font-size:17px;color:var(--color-ink)}.theme-header--grass{background:var(--color-grass)}.theme-header--snow{background:var(--color-snow)}.theme-header--sand{background:var(--color-sand)}.theme-header__name{flex:1}.theme-header__count{font-size:13px;font-weight:600;background:#ffffff80;padding:4px 10px;border-radius:999px}.level-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:14px}.level-card{position:relative;background:var(--color-card);border:3px solid var(--color-ink);border-radius:var(--radius-md);padding:16px 12px;display:flex;flex-direction:column;align-items:center;gap:8px;box-shadow:0 4px 0 var(--color-ink);transition:transform .15s var(--ease-bounce),box-shadow .15s ease;cursor:pointer;overflow:hidden}.level-card:hover{transform:translateY(-3px);box-shadow:0 7px 0 var(--color-ink)}.level-card:active{transform:translateY(2px);box-shadow:0 1px 0 var(--color-ink)}.level-card--locked{opacity:.5;cursor:not-allowed;filter:grayscale(.6)}.level-card--locked:hover{transform:none;box-shadow:0 4px 0 var(--color-ink)}.level-card--grass{background:linear-gradient(135deg,#fff,#e8f7d8)}.level-card--snow{background:linear-gradient(135deg,#fff,#d8ecff)}.level-card--sand{background:linear-gradient(135deg,#fff,#fae6c2)}.level-card__no{font-family:var(--font-cute);font-size:36px;font-weight:700;line-height:1;color:var(--color-ink)}.level-card__name{font-size:13px;font-weight:700;color:var(--color-ink);text-align:center;line-height:1.3;min-height:34px;display:flex;align-items:center}.level-card__stars{display:flex;gap:2px;font-size:14px}.level-card__lock{position:absolute;top:6px;right:8px;font-size:14px;opacity:.6}.level-card__best{font-size:11px;color:#8a7460;font-weight:600}.footer{text-align:center;padding:24px 16px;color:#8a7460;font-size:13px;font-weight:500}.footer__pills{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:12px}.footer__pill{background:#fff9;border:2px solid var(--color-ink);border-radius:999px;padding:4px 12px;font-size:12px;font-weight:600}@keyframes bounce-soft{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes wobble{0%,to{transform:rotate(0)}25%{transform:rotate(-8deg)}75%{transform:rotate(8deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes popIn{0%{opacity:0;transform:scale(.6)}60%{opacity:1;transform:scale(1.08)}to{opacity:1;transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-3px)}40%,80%{transform:translate(3px)}}.fade-in{animation:fadeIn .4s var(--ease-out)}.pop-in{animation:popIn .4s var(--ease-bounce)}@media(max-width:768px){html,body{font-size:14px}.page{padding:18px 12px 48px}.page__inner{gap:24px}.hero{padding:12px 8px}.section{padding:20px 16px}.section__title{font-size:18px}.level-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px}.level-card{padding:12px 8px}.level-card__no{font-size:30px}.btn--lg{font-size:16px;padding:14px 28px}}@media(max-width:480px){.level-grid{grid-template-columns:repeat(2,1fr)}.btn-row{flex-direction:column}.btn-row .btn{width:100%}}