:root{color:#3d3448;background:#090812;font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif;font-synthesis:none}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;overscroll-behavior:none}body{display:grid;place-items:center;background:#090812}button,canvas{-webkit-tap-highlight-color:transparent}#game-root{position:relative;width:min(100vw,calc(100vh * 390 / 844));height:min(100vh,calc(100vw * 844 / 390));overflow:hidden;background:#6b5340}#game-root canvas{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.screen{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:flex;flex-direction:column;padding:max(16px,env(safe-area-inset-top)) 14px max(12px,env(safe-area-inset-bottom));background:radial-gradient(circle at top,rgba(255,214,120,.28),transparent 42%),linear-gradient(180deg,#fff8eb,#efe2ca 55%,#e7d4b4);overflow:hidden}.screen[hidden]{display:none!important}.screen-hero{margin-bottom:14px}.screen-hero.compact{margin-bottom:10px}.screen-eyebrow{margin:0 0 4px;color:#9a7d4f;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.screen-title{margin:0;color:#2f2438;font-size:30px;font-weight:900;line-height:1.05}.screen-subtitle{margin:6px 0 0;color:#7b6f80;font-size:13px;line-height:1.45}.player-card{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;margin-bottom:16px;padding:14px;border:2px solid rgba(210,168,95,.45);border-radius:20px;background:#fffbf2eb;box-shadow:0 10px 24px #543a1814}.player-avatar{display:grid;place-items:center;width:48px;height:48px;border-radius:16px;background:linear-gradient(180deg,#fff4d6,#f2d59b);font-size:24px}.player-meta{min-width:0}.player-name{margin:0;color:#2f2438;font-size:16px;font-weight:800}.player-rank{margin:4px 0 0;color:#8a7f8f;font-size:12px;font-weight:700}.player-wealth{text-align:right}.player-wealth-label{display:block;color:#8a7f8f;font-size:10px;font-weight:700}.player-wealth-value{display:block;margin-top:2px;color:#1b7a3a;font-size:16px;font-weight:900}.section-head.compact{margin-bottom:8px}.style-picker{margin-bottom:14px}.style-picker-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.style-option{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:12px;border:2px solid rgba(210,168,95,.35);border-radius:16px;background:#fffbf2f2;color:inherit;text-align:left;cursor:pointer;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.style-option:active{transform:scale(.98)}.style-option.is-active{border-color:#2f68478c;background:linear-gradient(180deg,#e9f7effa,#fffbf2fa);box-shadow:0 8px 18px #2f68471f}.style-option-name{color:#2f2438;font-size:14px;font-weight:900}.style-option-badge{padding:3px 8px;border-radius:999px;background:#2f68471f;color:#2b8a3e;font-size:10px;font-weight:800}.style-option.is-active .style-option-badge{background:#2f68472e}.style-option-desc{color:#8a7f8f;font-size:10px;line-height:1.35;font-weight:600}.section-head{margin-bottom:10px}.section-head h2{margin:0;color:#2f2438;font-size:18px;font-weight:900}.section-head p{margin:4px 0 0;color:#8a7f8f;font-size:12px}.stage-list,.leaderboard-list{flex:1;min-height:0;overflow:auto;padding-bottom:8px;scrollbar-gutter:stable}.chapter-group{margin-bottom:14px}.chapter-group-head{display:flex;gap:10px;align-items:center;margin-bottom:8px;padding:0 4px}.chapter-group-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:#fff4d6e6;font-size:20px}.chapter-group-head strong{display:block;color:#2f2438;font-size:14px;font-weight:900}.chapter-group-head small{display:block;margin-top:2px;color:#8a7f8f;font-size:11px;font-weight:700}.chapter-group-stages{display:flex;flex-direction:column;gap:8px}.stage-card{display:block;width:100%;margin-bottom:10px;padding:0;border:2px solid rgba(210,168,95,.35);border-radius:18px;background:#fffbf2f2;color:inherit;text-align:left;cursor:pointer;box-shadow:0 8px 18px #543a180f;transition:transform .15s ease,box-shadow .15s ease}.stage-card:not(:disabled):active{transform:scale(.98)}.stage-card.is-locked{opacity:.55;cursor:not-allowed;filter:grayscale(.25)}.stage-card.is-cleared{border-color:#51cf668c;background:linear-gradient(180deg,#e9f7eff2,#fffbf2f2)}.stage-card-top,.stage-card-bottom{display:flex;gap:10px;align-items:center}.stage-card-top{padding:14px 14px 10px}.stage-card-bottom{justify-content:space-between;padding:0 14px 12px;color:#8a7f8f;font-size:11px;font-weight:700}.stage-icon{flex:0 0 auto;font-size:28px}.stage-copy{flex:1;min-width:0}.stage-copy h3{margin:0;color:#2f2438;font-size:15px;font-weight:900}.stage-copy p{margin:4px 0 0;color:#7b6f80;font-size:11px;line-height:1.4}.stage-badge{flex:0 0 auto;padding:5px 8px;border-radius:999px;background:#2f68471f;color:#2b8a3e;font-size:10px;font-weight:800}.stage-card.is-locked .stage-badge{background:#5c4f631f;color:#7b6f80}.leaderboard-panel{flex:1;min-height:0;display:flex;flex-direction:column;border:2px solid rgba(210,168,95,.35);border-radius:20px;background:#fffbf2eb;overflow:hidden}.leaderboard-head,.leaderboard-row{display:grid;grid-template-columns:52px 1fr auto;gap:8px;align-items:center}.leaderboard-head{padding:12px 14px;border-bottom:1px solid rgba(210,168,95,.25);color:#8a7f8f;font-size:11px;font-weight:800}.leaderboard-list{padding:6px 0}.leaderboard-row{padding:10px 14px}.leaderboard-row.is-player{background:#51cf661f}.leaderboard-rank{color:#2f2438;font-size:14px;font-weight:900;text-align:center}.leaderboard-player{display:flex;gap:10px;align-items:center;min-width:0}.leaderboard-avatar{font-size:22px}.leaderboard-player strong,.leaderboard-wealth{display:block;color:#2f2438;font-size:13px;font-weight:900}.leaderboard-player small{display:block;margin-top:2px;color:#8a7f8f;font-size:10px;font-weight:700}.leaderboard-wealth{color:#1b7a3a;font-size:12px;white-space:nowrap}.leaderboard-empty{margin:0;padding:28px 18px;color:#8a7f8f;font-size:13px;text-align:center}.screen-nav{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.screen-nav-btn{padding:12px 10px;border:2px solid rgba(210,168,95,.35);border-radius:16px;background:#fffbf2eb;color:#5e4b55;font-size:14px;font-weight:800;cursor:pointer}.screen-nav-btn.is-active{border-color:#2f684773;background:linear-gradient(180deg,#dff7e7,#b7ebc8);color:#1b7a3a}.boot-status{position:absolute;z-index:10;top:max(20px,env(safe-area-inset-top));left:14px;right:14px;margin:0;padding:12px 14px;border:2px solid rgba(174,142,104,.35);border-radius:14px;background:#fffbf2e6;color:#b42318;font-size:13px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}