@font-face{font-family:Kanit;font-style:normal;font-display:swap;font-weight:700;src:url(/_astro/kanit-latin-700-normal.xfKc2BN3.woff2)format("woff2"),url(/_astro/kanit-latin-700-normal.CZbzRMIr.woff)format("woff")}@font-face{font-family:"Source Sans 3";font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/source-sans-3-latin-400-normal.DQi5PRDE.woff2)format("woff2"),url(/_astro/source-sans-3-latin-400-normal.RR2C27NP.woff)format("woff")}@font-face{font-family:"Source Sans 3";font-style:normal;font-display:swap;font-weight:600;src:url(/_astro/source-sans-3-latin-600-normal.DeckBYAU.woff2)format("woff2"),url(/_astro/source-sans-3-latin-600-normal.Ck0n4g8U.woff)format("woff")}:root{color-scheme:light;--green:#102d22;--night:#0a231b;--ink:#182b22;--muted:#455c4d;--paper:#eee8df;--cream:#f5eddd;--mint:#a2d8ad;--moss:#789d71;--clay:#bc704c;--slate:#446e85;--sun:#e7be68;--violet:#825e83;--rule:#c8cfc1;--display:"Kanit", "Source Sans 3", sans-serif;--body:"Source Sans 3", system-ui, sans-serif}:root[data-locale=zh]{--display:"PingFang SC", "Microsoft YaHei", "Noto Sans CJK SC", "Noto Sans SC", sans-serif;--body:"Source Sans 3", "PingFang SC", "Microsoft YaHei", "Noto Sans CJK SC", "Noto Sans SC", sans-serif}*,:before,:after{box-sizing:border-box}[hidden]{display:none!important}html{scroll-padding-top:1.25rem}body{color:var(--ink);background:var(--paper);font:1.125rem/1.64 var(--body);margin:0}body ::selection{color:#0a2419;background:#a7cc9c}img{max-width:100%;display:block}button{font:inherit}a{color:#29553d;text-underline-offset:.18em}a:hover{color:var(--ink)}p{margin:0 0 1.15em}:is(h1,h2,h3){font:700 1em/1.03 var(--display);text-wrap:balance;margin:0}:is(a,button,summary,[tabindex]):focus-visible{outline-offset:5px;outline:3px solid #40664c}.site-header :focus-visible,.play-stage :focus-visible,.site-footer :focus-visible{outline-color:var(--sun)}.content-width{width:min(90%,1370px);margin-inline:auto}.skip-link{z-index:10;background:var(--sun);color:var(--night);padding:.65em .9em;font-weight:600;position:absolute;inset:0 auto auto 1rem;transform:translateY(-140%)}.skip-link:focus{transform:translateY(0)}.site-header{z-index:2;background:var(--night);color:var(--cream);border-bottom:1px solid #68846d8f;position:relative}.site-header-inner{align-items:center;column-gap:clamp(1.25rem,3.2vw,3rem);width:min(90%,1370px);min-height:66px;margin-inline:auto;display:flex}.brand{color:var(--cream);font:700 clamp(1.46rem, 2.24vw, 2.05rem)/1 var(--display);letter-spacing:-.037em;flex:none;align-items:center;gap:.75rem;text-decoration:none;display:inline-flex}.brand:hover{color:#fff}.brand-mark{grid-template-columns:repeat(2,1fr);place-items:center;gap:2px;width:2.12rem;height:2.12rem;display:grid}.brand-mark i{background:var(--sun);border-radius:51% 49% 59% 41%;width:.8rem;height:.8rem;transform:rotate(24deg)}.brand-mark i:nth-child(2){background:var(--clay);width:.93rem;height:.93rem}.brand-mark i:nth-child(3){background:var(--moss);width:.92rem;height:.87rem;transform:rotate(-28deg)}.brand-mark i:nth-child(4){background:var(--violet);transform:rotate(45deg)}.primary-nav{border-left:1px solid #a6ba9e90;flex-wrap:wrap;align-items:center;gap:0 clamp(.8rem,2.8vw,2.45rem);padding-left:clamp(1rem,2.85vw,2.7rem);display:flex}.primary-nav a,.language-switch{min-height:44px;color:var(--cream);white-space:nowrap;align-items:center;font-weight:600;text-decoration:none;display:inline-flex}.primary-nav a:hover,.primary-nav a[aria-current],.language-switch:hover{color:var(--sun)}.language-switch{margin-left:auto;padding-inline:.45rem;font-size:1rem}.play-stage{isolation:isolate;color:var(--cream);background:var(--green) url(https://assets.mottlegame.cc/images/mottle-game-paint-swatch-background.webp) center / 100% 100% no-repeat;position:relative}.game-composition{--board:clamp(420px, 40.37vw, 620px);--board-offset:min(3.2vw, 3rem);grid-template-columns:minmax(0, 1fr) var(--board) minmax(0, 1fr);grid-template-rows:auto auto;width:min(90%,1370px);margin-inline:auto;padding:clamp(1.1rem,1.5vw,1.45rem) 0 2.2rem;display:grid;position:relative}.play-aside{grid-area:1/1;align-self:start;max-width:17rem;margin-top:clamp(1.5rem,4.1vw,4rem);margin-left:clamp(.8rem,5.1vw,5rem);padding-right:1rem}.play-inscription{max-width:20ch;margin:0;font-size:clamp(1.08rem,1.45vw,1.35rem);line-height:1.28}.play-inscription:before{content:"";background:var(--sun);width:2.25rem;height:3px;margin-bottom:.9rem;display:block}.independent-label{color:#d9e7d9;margin:.9rem 0 0;font-size:.92rem;line-height:1.28}.player{grid-area:1/2/auto/4;grid-template-columns:var(--board) minmax(0, 1fr);gap:var(--board-offset);z-index:1;align-items:start;min-width:0;display:grid;position:relative}.game-frame{isolation:isolate;aspect-ratio:1;background:var(--night);border-radius:clamp(.8rem,1.6vw,1.5rem);place-items:center;min-width:0;display:grid;position:relative;overflow:hidden;box-shadow:0 14px 30px #04180f70}.game-poster{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.frame-mount{position:absolute;inset:0}.frame-mount>iframe{background:var(--night);border:0;width:100%;height:100%;display:block}.player:not([data-state=loaded]) .frame-mount,.player[data-state=loaded] .game-poster{visibility:hidden}.player[data-state=loading] .game-poster{animation:.65s cubic-bezier(.16,1,.3,1) both settle-colors}@keyframes settle-colors{0%{filter:saturate()brightness()}to{filter:saturate(.65)brightness(.57)}}.play-button{background:var(--mint);color:#09281c;cursor:pointer;min-height:clamp(52px,4.3vw,66px);font:700 clamp(1.28rem, 2vw, 1.9rem)/1.05 var(--display);letter-spacing:-.014em;-webkit-tap-highlight-color:transparent;border:0;border-radius:999px;justify-content:center;align-items:center;gap:.65rem;padding:.55em clamp(1.3rem,2.8vw,2.7rem);text-decoration:none;transition:background-color .16s;display:inline-flex;position:relative;box-shadow:0 12px 24px #091b1399}.play-button:hover{background:#c4efc8}.play-button:active{background:#92caa1}.game-status{text-align:center;background:#0e2e23f7;border:1px solid #5f8970;border-radius:.75rem;width:min(92%,23rem);max-height:95%;padding:1.15rem 1rem;position:relative;overflow:auto}.game-status p{margin:0}.loading-orb{background:var(--sun);border-radius:50%;width:.72rem;height:.72rem;margin:.25rem auto .6rem;display:block}.player[data-state=timeout] .loading-orb{display:none}.recovery-controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:.4rem 1rem;margin-top:.8rem;display:flex}.recovery-button{min-height:44px;box-shadow:none;padding-inline:.95rem;font-size:1.02rem}.recovery-controls a{color:var(--cream);align-items:center;gap:.35rem;font-size:.98rem;display:inline-flex}.game-tools{border-left:1px solid #a2ba936f;background-color:#0a271b45;border-block:1px solid #a2ba936f;border-radius:.7rem 0 0 .7rem;justify-self:start;width:100%;max-width:12.65rem;margin-top:clamp(.7rem,3.1vw,3rem);display:grid}.game-tools button{width:100%;min-height:clamp(48px,3.7vw,57px);color:var(--cream);text-align:left;white-space:nowrap;cursor:pointer;background:0 0;border:0;align-items:center;gap:.8rem;padding:.45rem .9rem .45rem clamp(.65rem,1.3vw,1.35rem);text-decoration:none;display:flex}.game-tools button+button{border-top:1px solid #a2ba936f}.game-tools button:not(:disabled):hover{background-color:#b4d1a025}.game-tools button:disabled{color:#bccabb;opacity:.7;cursor:default}.game-tools svg{flex:none}.stage-legend{pointer-events:none;position:absolute;inset:0}.legend-field{color:#faeed9;text-shadow:0 1px 2px #0d201c;letter-spacing:.19em;text-transform:uppercase;font-size:.67rem;line-height:1.35;position:absolute}.field-0{top:38%;left:1.3%}.field-1{top:62%;left:1.3%}.field-2{top:12%;right:-2%}.field-3{color:#1a2d24;text-shadow:none;top:39%;right:-2%}.field-4{top:68%;right:-2%}.atlas-footer{grid-area:2/1/auto/-1;align-items:center;gap:clamp(.6rem,3vw,2.65rem);min-width:0;margin-top:.65rem;display:flex}.atlas-name{white-space:nowrap;color:#e2dfc7;letter-spacing:.22em;text-transform:uppercase;font-size:.74rem}.atlas-ruler{background:repeating-linear-gradient(90deg,#c6cbb891 0 1px,#0000 1px 12px);flex:1;height:7px;mask-image:linear-gradient(#0000 0,#000 25% 65%,#0000 100%)}.ink-samples{gap:.55rem;display:flex}.ink-samples i{border-radius:3px;width:clamp(.87rem,2.25vw,2.15rem);height:clamp(.65rem,1.25vw,1.15rem)}.sample-0{background:var(--moss)}.sample-1{background:var(--clay)}.sample-2{background:var(--slate)}.sample-3{background:var(--sun)}.sample-4{background:var(--violet)}.connection-note{max-width:24ch;margin:calc(clamp(.7rem, 3.1vw, 3rem) + clamp(48px, 3.7vw, 57px) * 2 + .7rem) .25rem 0 var(--board-offset);color:#f0ead9;grid-area:1/3;align-self:start;font-size:.89rem;line-height:1.33}.original-game-link{color:#d9e7d9;align-items:center;min-height:24px;font-size:.8rem;line-height:1.25;text-decoration:none;display:inline-flex;position:absolute;inset-block-end:.35rem;inset-inline-end:0}.original-game-link:is(:hover,:focus-visible){text-decoration:underline}.has-expanded-player{overflow:hidden}.has-expanded-player .play-stage{z-index:3}.player:fullscreen,.player.is-expanded{width:100%;height:100%;padding:.65rem max(.65rem, env(safe-area-inset-right)) max(.65rem, env(safe-area-inset-bottom)) max(.65rem, env(safe-area-inset-left));background:var(--night);flex-direction:column;justify-content:center;align-items:center;gap:.5rem;display:flex}.player.is-expanded{z-index:20;height:100dvh;position:fixed;inset:0}.player:fullscreen .game-frame,.player.is-expanded .game-frame{border-radius:.5rem;width:min(100%,100dvh - 4.75rem);max-height:calc(100% - 3.5rem)}.player:fullscreen .game-tools,.player.is-expanded .game-tools{border:0;grid-template-columns:repeat(2,auto);justify-content:center;max-width:100%;margin:0}.player:fullscreen .game-tools>*,.player.is-expanded .game-tools>*{border:0}.reading-surface{background:var(--paper);position:relative}.reading-surface:not(.subpage){isolation:isolate}.reading-surface:not(.subpage):before{content:"";z-index:-1;background:var(--paper);border-radius:44% 65% 1px 1px/100% 100% 1px 1px;height:18px;position:absolute;inset:-17px 0 auto}.article-shell{padding-block:clamp(1.9rem,3vw,2.9rem) clamp(3rem,6vw,6rem);position:relative}.definition{margin-bottom:clamp(2.2rem,4vw,3.7rem)}.definition h1,.plain-article h1{letter-spacing:-.04em;text-wrap:pretty;margin-bottom:.2em;font-size:clamp(3rem,6.35vw,6rem);line-height:.99}.definition .intro{max-width:73ch;margin-bottom:0;font-size:clamp(1.15rem,1.45vw,1.43rem);line-height:1.42}.article-section{border-top:1px solid var(--rule);max-width:72ch;margin-bottom:clamp(2.45rem,4vw,4.3rem);padding-top:clamp(1.1rem,2.3vw,1.8rem);scroll-margin-top:1.5rem}.article-section h2{letter-spacing:-.032em;text-wrap:pretty;margin-bottom:.55em;font-size:clamp(1.85rem,3.3vw,3rem);position:relative}.section-answer{font-weight:600}.article-section>:last-child{margin-bottom:0}strong{font-weight:600}.play-steps,.tips-list{margin:.5rem 0 1.2rem;padding-left:1.45em}.play-steps li,.tips-list li{margin-bottom:.5rem;padding-left:.2em}.play-steps li::marker{color:#426649;font-variant-numeric:tabular-nums;font-weight:600}.tips-list li::marker{color:#7c5038}.controls-list{margin:1.25rem 0}.controls-list div{border-bottom:1px solid var(--rule);grid-template-columns:minmax(9rem,.37fr) 1fr;gap:.7rem 1rem;padding:.65rem 0;display:grid}.controls-list div:first-child{border-top:1px solid var(--rule)}.controls-list dt{font-weight:600}.controls-list dd{margin:0}.section-mechanics,.wide-section{max-width:1140px}.section-mechanics>p{max-width:72ch}.mechanics-grid{border-bottom:2px solid #284631;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:1.5rem 0;display:grid}.mechanic{border-top:5px solid;padding:1rem 1.35rem .35rem}.mechanic h3{margin:0 0 .55em;font-size:clamp(1.48rem,2.5vw,2.3rem)}.mechanic-0{background:#ead3a3;border-color:#b98728}.mechanic-1{background:#d1dfc7;border-color:#5e8156}.mechanic-2{background:#cedce0;border-color:#557383}.guide-link,.back-link{align-items:center;gap:.45rem;min-height:44px;font-weight:600;text-decoration:underline 1px;display:inline-flex}.guide-link{background:#e1ead9;border:1px solid #9faf99;border-radius:.35rem;padding:.28rem .85rem}.guide-link:hover{background:#d4e8cd}.source-links{flex-wrap:wrap;gap:.55rem 1.15rem;margin:.85rem 0;padding:0;font-size:1rem;list-style:none;display:flex}.faq{border-top:1px solid var(--rule)}.faq details{border-bottom:1px solid var(--rule)}.faq summary{cursor:pointer;justify-content:space-between;align-items:center;gap:.9rem;min-height:52px;padding:.56rem .3rem;font-weight:600;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:hover{color:#33604a}.faq summary svg{flex:none}.faq details[open] summary svg{transform:rotate(180deg)}.faq details p{margin:0;padding:0 .9rem 1rem .3rem}.site-footer{color:var(--cream);background:var(--night);padding-block:2.05rem 2.5rem}.site-footer-inner{flex-wrap:wrap;justify-content:space-between;gap:1.25rem 3rem;display:flex}.footer-brand{margin-bottom:.9rem}.site-footer p{color:#e0e7d7;max-width:53ch;margin:.12rem 0;font-size:1rem}.site-footer a{color:inherit}.site-footer a:hover{color:var(--sun)}.footer-nav{flex-wrap:wrap;align-content:start;gap:0 1.45rem;display:flex}.footer-nav a{align-items:center;min-height:44px;display:inline-flex}.subpage{min-height:65vh}.plain-article{padding-top:clamp(2.4rem,7vw,6rem)}.plain-article h1{margin-bottom:.38em}.plain-article p{max-width:68ch}.guide-page .definition h1{max-width:19ch;font-size:clamp(2.65rem,5.3vw,5.5rem)}.guide-page .definition{margin-bottom:1.6rem}.back-link{margin-bottom:.9rem}.evidence-date{color:var(--muted);margin:.75rem 0 0;font-size:.96rem}.guide-nav{border-block:1px solid var(--rule);flex-wrap:wrap;gap:.65rem 1.15rem;max-width:85ch;margin:0 0 2.5rem;padding:.75rem 0;font-size:1rem;display:flex}.guide-nav a{padding:.3rem 0;display:inline-block}.guide-page .guide-nav+section{border-top:none;padding-top:0}.run-table-scroll{overflow-x:auto}.run-table{border-collapse:collapse;text-align:left;font-variant-numeric:tabular-nums;width:100%;min-width:471px}.run-table :is(th,td){border-bottom:1px solid var(--rule);padding:.65rem .75rem}.run-table thead{background:#d7e0cc}.run-table th{vertical-align:top;font-weight:600}.evidence-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));align-items:start;gap:1.25rem;display:grid}.evidence-item{margin:.3rem 0 1rem}.evidence-item a{display:block}.evidence-item img{background:#193027;border-radius:.3rem;width:100%;height:auto}.evidence-item figcaption{color:var(--muted);padding-top:.5rem;font-size:.98rem;line-height:1.38}:root[data-locale=zh] .definition h1{letter-spacing:-.02em;font-size:clamp(2.45rem,5.5vw,5.4rem);line-height:1.15}:root[data-locale=zh] .definition .intro,:root[data-locale=zh] .article-section{max-width:44em}:root[data-locale=zh] .section-mechanics,:root[data-locale=zh] .wide-section{max-width:1140px}:root[data-locale=zh] .play-inscription{max-width:12em}@media (width>=1001px){.reading-surface:not(.subpage){background:linear-gradient(180deg, transparent 50%, var(--paper)) center top / 100% 33.5vw no-repeat, var(--paper) url(https://assets.mottlegame.cc/images/mottle-game-mineral-paper-background.webp) center top / 100% auto no-repeat}.article-shell{padding-left:.3rem}}@media (width<=1150px){.play-aside{margin-left:1.2rem}}@media (width<=1000px){.game-composition{--board:min(100%, 530px);grid-template-rows:auto auto auto auto;grid-template-columns:1fr;width:min(92%,610px);padding-bottom:2rem}.play-stage{background-image:url(https://assets.mottlegame.cc/images/mottle-game-paint-swatch-background-small.webp);background-size:cover}.play-aside{display:none}.player{grid-area:1/1;grid-template-columns:minmax(0,1fr);gap:.6rem}.game-frame{width:var(--board);justify-self:center}.game-tools{max-width:var(--board);background:#0a271bd6;border:1px solid #a2ba936f;border-radius:.55rem;grid-template-columns:repeat(2,minmax(0,1fr));justify-self:center;margin:0}.game-tools button{justify-content:center;gap:.4rem;min-height:45px;padding:.35rem .45rem;font-size:.93rem}.game-tools button+button{border-top:0;border-left:1px solid #a2ba936f}.stage-legend{display:none}.atlas-footer{grid-row:3;margin-top:.5rem}.connection-note{text-align:center;grid-area:2/1;max-width:none;margin:.45rem 0 0}}@media (width<=720px){.content-width{width:90%}.site-header-inner{grid-template-columns:1fr auto;column-gap:.6rem;width:92%;min-height:auto;display:grid}.brand{gap:.5rem;min-height:52px}.brand-mark{width:1.75rem;height:1.75rem}.brand-mark i,.brand-mark i:nth-child(n){width:.71rem;height:.71rem}.primary-nav{border-top:1px solid #68846d62;border-left:none;grid-area:2/1/3/3;justify-content:space-between;gap:0 .35rem;width:100%;padding:0;font-size:.92rem}.primary-nav a{min-height:42px}.language-switch{grid-area:1/2;padding-inline:.2rem;font-size:.9rem}.game-composition{padding-top:.75rem}.play-stage{background-position:50%;background-size:auto 100%}.reading-surface:not(.subpage):before{height:12px;inset-block-start:-11px}.definition{margin-bottom:2rem}.mechanics-grid{grid-template-columns:1fr}.mechanic{padding:.8rem .85rem .15rem}.site-footer{padding-top:1.35rem}}@media (width<=420px){body{font-size:1.0625rem}.controls-list div{grid-template-columns:1fr;gap:.1rem}.game-tools svg{width:17px;height:17px}.ink-samples{gap:.35rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}.player[data-state=loading] .game-poster{filter:saturate(.65)brightness(.57);animation:none}}