@font-face{font-family:Cormorant Garamond;font-style:normal;font-display:swap;font-weight:600;src:url(./cormorant-garamond-latin-600-normal-Co1r35X9.woff2)format("woff2"),url(./cormorant-garamond-latin-600-normal-2CBVLo0M.woff)format("woff")}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--paper:#f2ece1;--paper-deep:#e7ddcd;--paper-light:#fbf7ef;--ink:#1e1d19;--ink-soft:#585449;--muted:#6b6357;--board:#1f4a47;--board-deep:#173b39;--board-light:#245652;--tile:#f8f4ea;--accent:#c24e35;--accent-strong:#a63e28;--brass:#b08d57;--brass-soft:#b08d5757;--hairline:#1f4a472e;--hairline-soft:#1f4a471a;--paper-glass:#f2ece1fd;--font-ui:-apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans SC", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--font-serif:"Noto Serif SC", "Noto Serif CJK SC", "Songti SC", STSong, "Source Han Serif SC", "SimSun", serif;--font-display:"Cormorant Garamond", "Times New Roman", var(--font-serif);--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-press:cubic-bezier(.2, .8, .2, 1);font-family:var(--font-ui);color:var(--ink);background:var(--paper);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,:before,:after{box-sizing:border-box}html{background:var(--paper);min-height:100%}body{min-width:320px;min-height:100svh;color:var(--ink);background:radial-gradient(110% 85% at 12% -5%, #fffdf7eb 0%, #fffdf700 56%), radial-gradient(78% 68% at 94% 94%, #1f4a4713 0%, #1f4a4700 68%), radial-gradient(60% 52% at 6% 82%, #c24e350b 0%, #c24e3500 70%), var(--paper);margin:0;overflow-x:hidden}#root{min-height:100svh}button{font:inherit}button,[role=button]{-webkit-tap-highlight-color:transparent}::selection{color:var(--ink);background:#c24e3533}.app{isolation:isolate;min-height:100svh;position:relative}.app:before{content:"";z-index:0;pointer-events:none;opacity:.05;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='160'%20height='160'%3E%3Cfilter%20id='n'%3E%3CfeTurbulence%20type='fractalNoise'%20baseFrequency='0.8'%20numOctaves='3'%20stitchTiles='stitch'/%3E%3C/filter%3E%3Crect%20width='160'%20height='160'%20filter='url(%23n)'%20opacity='0.38'/%3E%3C/svg%3E");background-size:180px 180px;position:fixed;inset:0}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes reveal{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important}.tile__face{animation:none!important}}.shell{z-index:1;width:min(100%,960px);min-height:100svh;margin:0 auto;padding:clamp(26px,5vh,54px) clamp(20px,4.8vw,40px) clamp(28px,5vh,50px);position:relative}.masthead{animation:reveal .65s var(--ease-out) both;justify-content:space-between;align-items:flex-end;gap:28px;display:flex}.brand{min-width:0}.brand__eyebrow{color:var(--board);letter-spacing:.27em;text-transform:uppercase;align-items:center;gap:8px;margin:0 0 9px;font-size:9px;font-weight:650;line-height:1;display:inline-flex}.brand__eyebrow:before{content:"";background:var(--accent);width:5px;height:5px;display:block;box-shadow:0 0 0 3px #c24e3514}.brand__title{color:var(--ink);font-family:var(--font-serif);letter-spacing:.055em;margin:0;font-size:clamp(2rem,4.1vw,2.9rem);font-weight:500;line-height:1.12}.level-selector{border:1px solid var(--brass-soft);background:#fbf7ef80;border-radius:999px;flex:none;align-items:center;gap:2px;padding:3px;display:inline-flex;box-shadow:inset 0 1px #fff9,0 1px 2px #173b390a}.level-selector__button{min-width:58px;min-height:44px;color:var(--ink-soft);letter-spacing:.08em;cursor:pointer;transition:color .18s var(--ease-out), background-color .18s var(--ease-out), box-shadow .18s var(--ease-out);background:0 0;border:0;border-radius:999px;padding:0 14px;font-size:12px;font-weight:550}.level-selector__button[aria-pressed=true]{color:var(--paper);background:var(--board);box-shadow:inset 0 1px #ffffff29,0 3px 8px #173b3938}.level-selector__button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (hover:hover) and (pointer:fine){.level-selector__button:not([aria-pressed=true]):hover{color:var(--board);background:#1f4a4712}}.game{width:min(100%,460px);animation:reveal .7s 60ms var(--ease-out) both;margin:clamp(32px,6.5vh,66px) auto 0}.stats{grid-template-columns:repeat(3,minmax(0,1fr));margin:0 0 clamp(16px,2.8vh,23px);padding:0;display:grid}.stats__item{flex-direction:column;align-items:center;gap:7px;min-width:0;padding:0 12px;display:flex;position:relative}.stats__item+.stats__item:before{content:"";background:var(--brass-soft);width:1px;height:28px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.stats dt{color:var(--board);letter-spacing:.22em;font-size:9px;font-weight:600;line-height:1}.stats dd{color:var(--ink);font-family:var(--font-display);letter-spacing:.02em;font-variant-numeric:lining-nums tabular-nums;margin:0;font-size:clamp(1.45rem,2.5vw,1.72rem);font-weight:600;line-height:1}.stage{width:100%;position:relative}.game-footer{justify-content:space-between;align-items:center;gap:18px;margin-top:18px;display:flex}.game-hint{color:var(--muted);letter-spacing:.045em;margin:0;font-size:11px;line-height:1.6}.game-actions{flex:none;align-items:center;gap:6px;display:flex}.button{letter-spacing:.1em;cursor:pointer;min-height:44px;transition:color .18s var(--ease-out), background-color .18s var(--ease-out), border-color .18s var(--ease-out), box-shadow .18s var(--ease-out), transform .16s var(--ease-press);border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;padding:0 20px;font-size:12px;font-weight:550;line-height:1;display:inline-flex}.button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.button--primary{color:var(--paper);background:var(--board);box-shadow:inset 0 1px #ffffff29,0 4px 12px -4px #173b3966}.button--quiet{color:var(--ink-soft);background:0 0;padding-left:14px;padding-right:14px}@media (hover:hover) and (pointer:fine){.button--primary:hover{background:var(--board-deep);transform:translateY(-1px);box-shadow:inset 0 1px #fff3,0 6px 16px -5px #173b3975}.button--quiet:hover{color:var(--accent);background:#c24e350f}}.button:active{transform:translateY(0)scale(.985)}@media (width<=720px){.shell{padding:max(24px, env(safe-area-inset-top)) 20px max(26px, env(safe-area-inset-bottom))}.masthead{text-align:center;flex-direction:column;align-items:center;gap:18px}.brand__eyebrow{margin-bottom:8px}.brand__title{font-size:clamp(2rem,8.5vw,2.45rem)}.game{margin-top:clamp(26px,4.8vh,38px)}.stats{margin-bottom:17px}.stats__item{padding:0 8px}.game-footer{flex-direction:column-reverse;align-items:stretch;gap:12px;margin-top:16px}.game-actions{justify-content:center}.game-actions .button{min-width:104px}.game-hint{text-align:center}}@media (width<=720px) and (height<=700px){.shell{padding-top:max(16px, env(safe-area-inset-top));padding-bottom:max(14px, env(safe-area-inset-bottom))}.masthead{gap:12px}.brand__eyebrow{margin-bottom:6px}.game{margin-top:18px}.stats{margin-bottom:12px}.game-footer{gap:8px;margin-top:10px}.game-hint{line-height:1.4}}@media (width<=380px){.brand__title{font-size:1.9rem}.level-selector__button{min-width:54px;padding:0 11px}.stats dd{font-size:1.4rem}.game-hint{letter-spacing:.035em;font-size:10px}}.board{--gap:clamp(6px, 1.6vw, 9px);background:radial-gradient(120% 90% at 22% 0%, #ffffff1a 0%, #fff0 46%), linear-gradient(148deg, var(--board-light) 0%, var(--board) 44%, var(--board-deep) 100%);touch-action:none;-webkit-user-select:none;user-select:none;border-radius:clamp(20px,4.4vw,25px);outline:none;width:100%;padding:clamp(9px,2.4vw,13px);position:relative;box-shadow:inset 0 1px #ffffff21,inset 0 -1px #0000004d,0 2px 3px #173b391a,0 34px 64px -36px #173b399e,0 12px 26px -20px #173b396b}.board:after{content:"";z-index:3;border-radius:inherit;pointer-events:none;border:1px solid #b08d5742;position:absolute;inset:1px}.board:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.board__surface{aspect-ratio:1;width:100%;position:relative;container-type:inline-size}.tile,.board__blank{width:calc((100% - (var(--n) - 1) * var(--gap)) / var(--n));aspect-ratio:1;transform:translate(calc(var(--col) * (100% + var(--gap))), calc(var(--row) * (100% + var(--gap))));transition:transform .18s var(--ease-out);border-radius:clamp(8px,2.8cqi,13px);position:absolute;top:0;left:0}.board__blank{z-index:0;background:radial-gradient(circle,#c24e3557 0 2px,#c24e3500 2.8px),#0000001a;border:1px solid #b08d5714;place-items:center;display:grid;box-shadow:inset 0 3px 9px #0000003d,inset 0 0 0 1px #0000000a}.tile{z-index:1;cursor:default;background:0 0;border:0;outline:none;padding:0;display:block}.tile--movable{cursor:pointer}.tile__face{border-radius:inherit;width:100%;height:100%;transition:transform .18s var(--ease-out), box-shadow .2s var(--ease-out), filter .2s var(--ease-out);animation:tile-arrive .22s var(--ease-out) backwards;animation-delay:var(--delay);background:radial-gradient(100% 80% at 30% 0,#ffffffbd 0%,#fff0 58%),linear-gradient(152deg,#fdfaf3 0%,#f6efe2 62%,#efe7d7 100%);border:1px solid #ffffffb3;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #fffffff5,inset 0 -1px #1f4a4717,0 2px 3px #173b3933,0 9px 18px -12px #173b396b}.tile__face:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(#ffffff29 0%,#fff0 35%);position:absolute;inset:1px}.tile__number{z-index:1;color:#20302e;font-family:var(--font-display);font-size:min(calc(36cqi / var(--n)), 3.2rem);letter-spacing:-.015em;font-variant-numeric:lining-nums tabular-nums;transition:color .18s var(--ease-out);font-weight:600;line-height:1;position:relative;transform:translateY(-.025em)}.tile:focus-visible .tile__face{outline:2px solid var(--accent);outline-offset:3px}.tile--movable:active .tile__face{transition-duration:80ms;transform:scale(.975)}@media (hover:hover) and (pointer:fine){.tile--movable:hover .tile__face{filter:brightness(1.012);border-color:#c24e356b;transform:translateY(-1.5px);box-shadow:inset 0 1px #fffffffa,inset 0 -1px #1f4a471a,0 4px 7px #173b392e,0 13px 22px -13px #173b3975}.tile--movable:hover .tile__number{color:var(--accent-strong)}}@keyframes tile-arrive{0%{opacity:0;transform:translateY(6px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=480px){.board{--gap:clamp(5px, 1.7vw, 7px);border-radius:21px;padding:clamp(8px,2.6vw,11px)}}.win-layer{z-index:10;background:radial-gradient(80% 68% at 50% 42%, #ffffff70 0%, #fff0 72%), var(--paper-glass);-webkit-backdrop-filter:blur(14px)saturate(.84);animation:veil-in .24s var(--ease-out) both;border-radius:clamp(16px,3.4vw,20px);place-items:center;padding:clamp(10px,3.4%,22px);display:grid;position:absolute;inset:clamp(6px,1.5%,8px);box-shadow:inset 0 0 0 1px #b08d574d,inset 0 0 54px #ffffff57,0 16px 36px -22px #173b3961}.win-layer:before{content:"";border-radius:inherit;pointer-events:none;opacity:.035;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='160'%20height='160'%3E%3Cfilter%20id='n'%3E%3CfeTurbulence%20type='fractalNoise'%20baseFrequency='0.8'%20numOctaves='3'%20stitchTiles='stitch'/%3E%3C/filter%3E%3Crect%20width='160'%20height='160'%20filter='url(%23n)'%20opacity='0.38'/%3E%3C/svg%3E");background-size:160px 160px;position:absolute;inset:0}.win-panel{z-index:1;width:min(100%,320px);color:var(--ink);text-align:center;animation:panel-in .32s var(--ease-out) both;flex-direction:column;align-items:center;display:flex;position:relative}.win-seal{border:1.5px solid var(--accent);outline-offset:2px;width:52px;height:52px;color:var(--accent);font-family:var(--font-serif);animation:seal-land .38s 70ms var(--ease-out) both;background:#c24e3508;border-radius:3px;outline:1px solid #c24e3557;place-items:center;font-size:26px;font-weight:500;line-height:1;display:grid;transform:rotate(-4deg)}.win-eyebrow{color:var(--board);letter-spacing:.24em;margin:16px 0 1px;font-size:9px;font-weight:650;line-height:1}.win-title{color:var(--ink);font-family:var(--font-serif);letter-spacing:.1em;text-indent:.1em;margin:5px 0 0;font-size:clamp(2.05rem,5.8vw,2.6rem);font-weight:500;line-height:1.1}.win-metrics{justify-content:center;gap:clamp(28px,9cqi,44px);margin:15px 0 0;padding:0;display:flex}.win-metric{flex-direction:column;gap:4px;display:flex}.win-metric dt{color:var(--muted);letter-spacing:.18em;font-size:9px;font-weight:550;line-height:1}.win-metric dd{color:var(--board);font-family:var(--font-display);font-variant-numeric:lining-nums tabular-nums;margin:0;font-size:clamp(1.45rem,5.5cqi,1.8rem);font-weight:600;line-height:1}.win-best{color:var(--muted);letter-spacing:.07em;margin:11px 0 0;font-size:10px;line-height:1.5}.win-best span{color:var(--board);font-family:var(--font-display);letter-spacing:.02em;font-variant-numeric:lining-nums tabular-nums;font-size:1.05rem;font-weight:600}.win-best>span:first-of-type{margin-left:.38em}.win-best__dot{padding:0 5px;font-family:var(--font-ui)!important;font-size:9px!important;font-weight:400!important}.win-record{color:var(--accent);letter-spacing:.22em;text-indent:.22em;margin:8px 0 0;font-size:10px;font-weight:650;line-height:1}.win-actions{flex-wrap:wrap;justify-content:center;gap:7px;margin-top:clamp(15px,4cqi,22px);display:flex}.win-actions .button{min-width:105px;padding:0 16px}@keyframes veil-in{0%{opacity:0}to{opacity:1}}@keyframes panel-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes seal-land{0%{opacity:0;transform:rotate(-9deg)scale(1.12)}to{opacity:1;transform:rotate(-4deg)scale(1)}}@media (width<=480px){.win-layer{border-radius:21px}.win-seal{width:46px;height:46px;font-size:23px}.win-eyebrow{margin-top:13px}.win-metrics{margin-top:12px}.win-actions{margin-top:14px}}