:root{--paper: #f4efe7;--paper-2: #ece5da;--ink: #4a423c;--ink-soft: #8c8179;--rule: rgba(74, 66, 60, .14);--accent: #b8875a;--accent-deep: #8f6440;--shadow: 0 18px 50px -28px rgba(74, 58, 44, .55);--serif: "Iowan Old Style", "Palatino Linotype", Palatino, "Songti SC", Georgia, serif;--sans: ui-sans-serif, -apple-system, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}#app{position:fixed;inset:0}#stage{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none;cursor:grab}#stage.dragging{cursor:grabbing}.hud{position:absolute;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:clamp(12px,2.2vw,22px) clamp(14px,2.6vw,30px);pointer-events:none;z-index:5}.hud>*{pointer-events:auto}.hud--top{top:0;z-index:12}.hud--bottom{bottom:0;align-items:flex-end;flex-direction:row;gap:18px}.brand{display:flex;flex-direction:column;line-height:1.05}.brand__word{font-family:var(--serif);font-size:clamp(19px,2.2vw,25px);letter-spacing:.01em}.brand__sub{font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:#776c64;margin-top:3px}.levelbar{position:absolute;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px}.levelbar__mid{display:flex;align-items:baseline;gap:8px;min-width:148px;justify-content:center}.levelbar__num{font-family:var(--serif);font-size:13px;color:var(--accent-deep);border:1px solid var(--rule);border-radius:999px;width:24px;height:24px;display:grid;place-items:center;background:#fffdfa8c}.levelbar__title{font-size:12px;letter-spacing:.13em;text-transform:uppercase;color:#6c625b;max-width:42vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hud__right{display:flex;gap:7px;align-items:center}.iconbtn{appearance:none;border:1px solid var(--rule);background:#fffdfa9e;color:var(--ink);height:34px;min-width:34px;padding:0 9px;border-radius:999px;font-size:13px;display:inline-grid;place-items:center;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:background .18s ease,transform .18s ease,opacity .18s ease}.iconbtn:hover{background:#fffdfa;transform:translateY(-1px)}.iconbtn:disabled{opacity:.35;cursor:default;transform:none}.iconbtn.is-off{color:var(--ink-soft)}.progress{position:absolute;top:0;left:0;right:0;height:2px;background:transparent;z-index:6}.progress i{display:block;height:100%;width:0%;background:linear-gradient(90deg,transparent,var(--accent),transparent);transition:width .45s cubic-bezier(.3,.8,.3,1)}.hint{margin:0;flex:1;max-width:540px;font-size:13px;line-height:1.5;color:#6c625b;letter-spacing:.01em;transition:opacity .3s ease}.actions{display:flex;gap:8px}.btn{appearance:none;display:inline-flex;align-items:center;gap:7px;border:1px solid var(--rule);background:#fffdfab3;color:var(--ink);border-radius:999px;padding:9px 15px;font-size:12px;letter-spacing:.06em;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:background .18s ease,transform .18s ease,opacity .18s ease}.btn:hover{background:#fffdfa;transform:translateY(-1px)}.btn:active{transform:translateY(0) scale(.985)}.btn:disabled{opacity:.35;cursor:default;transform:none}.btn--primary{background:var(--accent);border-color:var(--accent);color:#fffaf4}.btn--primary:hover{background:var(--accent-deep);border-color:var(--accent-deep)}.btn--wide{width:100%;justify-content:center}.dots{position:absolute;left:50%;bottom:74px;transform:translate(-50%);display:flex;gap:7px;z-index:5;pointer-events:none}.dots i{width:6px;height:6px;border-radius:50%;border:1px solid rgba(74,66,60,.28);background:transparent;transition:background .5s ease,transform .5s ease,border-color .5s ease}.dots i.done{background:var(--accent);border-color:var(--accent);transform:scale(1.15)}@media(max-width:620px){.dots{bottom:108px}}.toast{position:absolute;left:50%;bottom:96px;transform:translate(-50%,8px);background:#342e29e6;color:#f8f2e9;font-size:12px;letter-spacing:.05em;padding:8px 16px;border-radius:999px;opacity:0;pointer-events:none;transition:opacity .3s ease,transform .3s ease;z-index:8}.toast.show{opacity:1;transform:translate(-50%)}.modal{position:absolute;inset:0;display:grid;place-items:center;background:#f4efe7b8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:20;animation:fade .35s ease both;padding:18px}.modal[hidden]{display:none}@keyframes fade{0%{opacity:0}to{opacity:1}}.modal__card{width:min(520px,100%);background:#fffdfa;border:1px solid var(--rule);border-radius:20px;padding:26px;box-shadow:var(--shadow);animation:rise .42s cubic-bezier(.2,.8,.2,1) both}@keyframes rise{0%{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:none}}.modal__card h2{margin:0 0 18px;font-family:var(--serif);font-weight:400;font-size:22px;letter-spacing:.01em}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:18px}.levelcard{appearance:none;border:1px solid var(--rule);background:var(--paper);border-radius:14px;padding:12px 10px 13px;text-align:left;cursor:pointer;display:flex;flex-direction:column;gap:4px;transition:transform .18s ease,border-color .18s ease,background .18s ease}.levelcard:hover{transform:translateY(-2px);border-color:#b8875a80}.levelcard.is-current{border-color:var(--accent);background:#fffaf3}.levelcard.is-locked{opacity:.42;cursor:not-allowed}.levelcard__num{font-family:var(--serif);font-size:17px;line-height:1}.levelcard__title{font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft)}.levelcard__done{color:var(--accent-deep);font-size:10px;letter-spacing:.08em}.modal--victory{background:#faf6efdb}.modal--victory .modal__card{text-align:center;padding:34px 30px 28px}.victory__mark{font-size:34px;color:var(--accent);line-height:1;margin-bottom:6px}.modal--victory h2{justify-content:center;font-size:30px;margin-bottom:10px}.victory__line{margin:0 0 22px;color:var(--ink-soft);font-size:13px;line-height:1.6}.victory__row{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.intro{position:absolute;inset:0;display:grid;place-items:center;background:#f4efe7f0;z-index:30;transition:opacity .6s ease,visibility .6s;padding:20px}.intro.is-gone{opacity:0;visibility:hidden;pointer-events:none}.intro__card{text-align:center;max-width:440px}.intro__card h1{font-family:var(--serif);font-weight:400;font-size:clamp(44px,9vw,68px);margin:0 0 14px;letter-spacing:-.01em}.intro__lead{color:#5f564f!important;font-size:15px!important}.intro__card p{color:#776c64;font-size:13.5px;line-height:1.65;margin:0 auto 14px;max-width:380px}.intro__how{font-size:11px!important;letter-spacing:.1em;text-transform:uppercase;margin-bottom:26px!important}@media(max-width:620px){.hud--top .brand{display:none}.levelbar{position:static;transform:none;margin-left:auto}.levelbar__mid{min-width:0;gap:5px}.levelbar__title{max-width:30vw}.iconbtn{height:32px;min-width:32px;padding:0 7px}.hud--top{gap:6px;padding:10px 12px}.hud--top .levelbar{order:-1;margin-left:0;margin-right:auto}.hud--top .iconbtn.is-spare{display:none}.hud__right{margin-left:auto}.hud__right{gap:5px}.hud--bottom{flex-direction:column;align-items:stretch;gap:10px}.hint{max-width:none;text-align:center;font-size:12px}.actions{justify-content:center}.actions .btn{padding:9px 13px}.grid{grid-template-columns:repeat(2,1fr)}.toast{bottom:132px}}@media(prefers-reduced-motion:reduce){*{animation-duration:1ms!important;transition-duration:.06s!important}}