@font-face{font-family:Pixelify;src:url('/assets/fonts/pixelify.woff2') format('woff2');font-weight:400 700;font-display:swap}
@font-face{font-family:Nunito;src:url('/assets/fonts/nunito.woff2') format('woff2');font-weight:400 800;font-display:swap}
:root{--paper:#163f35;--panel:#eee3b7;--ink:#2d3024;--muted:#5c624e;--line:#c6ba8e;--orange:#b57912;--moss:#356951;--stage:#446b39;--light:#fff7d9;--shadow:0 4px 0 #162f28;color-scheme:light;font:15px Nunito,'Trebuchet MS',sans-serif;color:var(--ink);background:var(--paper)}
*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit}button:disabled{cursor:not-allowed;opacity:.46}
button,a,input,select,summary{touch-action:manipulation}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #ec762f;outline-offset:4px}
h1,h2,h3,p{margin:0}h1,h2,h3,.brand{font-family:Pixelify,Nunito,sans-serif}h1{font-size:44px;line-height:1.06;font-weight:700;letter-spacing:.3px}h2{font-size:27px;line-height:1.15}h3{font-size:21px;line-height:1.2}p{line-height:1.55}small{font-size:13px}
.ui-icon{width:20px;height:20px;flex-shrink:0;vertical-align:middle}
header{height:72px;padding:0 max(4%,calc((100vw - 1280px)/2));display:flex;align-items:center;justify-content:space-between;gap:24px;color:var(--light);background:#153a32;border-bottom:3px solid #477853}
.brand{font-size:32px;font-weight:700;display:flex;align-items:center;gap:8px;position:relative;flex-shrink:0}.brand-flag{width:34px;height:34px;flex-shrink:0}.brand-note{display:none}
nav{display:flex;gap:32px;flex-wrap:wrap}nav a{padding:18px 0 12px;font-size:15px;font-weight:800;border-bottom:3px solid transparent}nav a[aria-current]{color:#ffcf62;border-bottom-color:#ffcf62}
main{max-width:1440px;margin:auto;padding:36px 40px 0}
main:has(.map-board){padding:0;max-width:1440px}
.page-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:28px;color:var(--light)}
.page-heading p{margin-top:16px;max-width:560px;font-size:15px}
.eyebrow{display:block;font-size:12px;font-weight:800;letter-spacing:1.5px;color:#d2aa42;margin-bottom:12px}
.version-tag{display:flex;flex-direction:column;gap:3px;font-size:12px}.version-tag small{font-size:11px}.mono{font-size:11px;letter-spacing:.8px}
.parchment,.base-colors,.design-card,.recipe-supply,.step-card,.basics-grid article,.collection-note,details{background:var(--panel) url('/assets/parchment.webp') repeat;background-size:512px;border:2px solid #ac9e69;box-shadow:3px 4px 0 #18372a}
.map-board{display:grid;grid-template-columns:280px minmax(300px,1fr) 340px;grid-template-areas:"base preview layers" "controls controls controls";gap:22px 24px;align-items:start;padding:38px 42px 22px;background:#53733c url('/assets/adventure-map.webp') center top/100% auto no-repeat}
.base-panel{grid-area:base;background:none;border:0;box-shadow:none;min-width:0}
.base-panel .page-heading{margin-bottom:27px}.base-panel .page-heading h1{font-size:36px;text-shadow:2px 3px 0 #173f35}.base-panel .page-heading p{font-size:14px;line-height:1.5;color:#fff9e7;text-shadow:1px 2px 0 #173f35}
.base-colors{padding:20px}.base-colors h2{margin-bottom:16px}.base-colors .swatches{grid-template-columns:repeat(4,1fr);gap:9px}
.swatches{display:grid;grid-template-columns:repeat(8,1fr);gap:6px}
.swatches button{padding:4px;background:#f3eccc;border:1px solid #a19977;position:relative;min-height:44px;min-width:0}
.color-chip{display:block;width:100%;height:100%;min-height:34px;background:var(--chip);border:1px solid #0004}
.swatches button[aria-pressed="true"]{outline:3px solid #173f35;outline-offset:2px;background:#fffce6}
.swatches button[aria-pressed="true"]:after{content:"";position:absolute;inset:10px;background:url('/assets/icons/check.svg') center/20px no-repeat;filter:drop-shadow(0 0 2px white) drop-shadow(0 0 2px white)}
.swatches button:focus-visible{outline-color:#ce542a}
.base-colors .quiet{margin-top:14px}
.preview-panel{grid-area:preview;padding:0;min-width:0}
.preview-stage{height:500px;display:flex;justify-content:center;align-items:flex-start;padding-top:10px;position:relative}
.flag-stand{position:relative;width:234px;height:536px;flex-shrink:0}
.stand-art{position:absolute;inset:0;width:234px;height:536px;object-fit:contain;image-rendering:pixelated}
.flag-stand .banner-art{position:absolute;left:13px;top:25px;width:208px;height:416px;image-rendering:pixelated;filter:drop-shadow(4px 6px 0 #18271855)}
.preview-meta{min-height:38px;display:flex;align-items:center;justify-content:center;gap:8px;position:relative;text-align:center;color:#fffbe4;font-size:12px}
.try-label{padding:5px 10px;background:#173f35eb}.preview-meta button{background:#f8efcb;border:1px solid #c6ae64;font-size:12px;min-height:34px;padding:6px}
.stage-actions{display:flex;justify-content:center;gap:8px;margin-top:12px;flex-wrap:wrap}
.primary,.secondary{display:inline-flex;justify-content:center;align-items:center;gap:10px;min-height:46px;padding:12px 18px;border:2px solid #a77a24;font-weight:800;font-size:14px}
.primary{background:#dfaa37;color:#282c22;box-shadow:inset 0 0 0 2px #f0c960,0 3px 0 #956618}.primary:hover:not(:disabled){background:#f0be4c}
.secondary{background:#173e35;color:#fff9df;border-color:#b4ad6d;box-shadow:0 3px 0 #162f28}.secondary .ui-icon{filter:invert(1)}
.secondary:hover:not(:disabled){background:#285d47}
.stage-actions .secondary{padding:10px 12px;font-size:13px}.redo-button{min-width:44px}.block{display:flex;width:100%}
.layers-panel{grid-area:layers;padding:24px 20px;min-width:0;margin-top:82px}
.panel-top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:18px}.panel-top h2{font-size:28px}.layers-panel .mono{font-size:10px}
.layer-list{margin:0;padding:0;list-style:none}.base-row,.layer-row{border-bottom:1px solid #b3a77e;display:flex;align-items:center;min-width:0;position:relative}
.layer-list button[data-action="select"]{display:flex;align-items:center;gap:9px;border:0;background:transparent;text-align:left;padding:12px 0;min-height:58px;flex:1;min-width:0}
.layer-list strong{font-size:14px;display:block;line-height:1.25}.layer-list small{color:var(--muted);display:block;font-size:12px;margin-top:3px}
.mini-fabric{width:24px;height:36px;background:var(--chip);border:1px solid #3d3a3155;flex-shrink:0}
.layer-number{font-size:13px;flex-shrink:0;width:14px}
.layer-row.selected{background:#c5c98955;box-shadow:inset 3px 0 #356951}.layer-row.selected button[data-action="select"]{padding-left:7px}.base-row.selected{box-shadow:inset 3px 0 #356951}.base-row.selected button{padding-left:9px}
.layer-actions{display:flex;gap:0;flex-shrink:0}.layer-actions button{display:grid;place-items:center;width:28px;min-height:44px;padding:0;background:transparent;border:0}.layer-actions .ui-icon{width:17px;height:17px}
.layer-actions button:hover:not(:disabled){background:#b9c194}.layer-count{display:flex;flex-direction:column;gap:5px;margin-top:18px;font-size:14px}.layer-count small{font-size:12px;color:var(--muted)}
.layer-dye-editor{margin-top:14px;border:0;border-top:1px solid var(--line);padding:10px 0 0;background:none;box-shadow:none}.layer-dye-editor summary{font-size:14px;min-height:36px;padding:8px 0}.layer-dye-editor .swatches{grid-template-columns:repeat(8,1fr);gap:3px;margin-top:10px}.layer-dye-editor .swatches button{min-height:32px;padding:2px}.layer-dye-editor .color-chip{min-height:23px}
.draft-tools{display:flex;flex-wrap:wrap;gap:2px 8px;border-top:1px solid var(--line);margin-top:18px;padding-top:10px}
.text-button{background:transparent;border:0;text-align:left;font-size:12px;text-decoration:underline;min-height:36px;padding:6px 0;display:inline-flex;align-items:center;gap:6px}
.quiet{font-size:12px;line-height:1.5;color:var(--muted);margin-top:8px}
.controls-panel{grid-area:controls;display:grid;grid-template-columns:272px minmax(0,1fr) 155px;gap:20px;padding:20px 24px;align-items:start;min-width:0}
.dye-picker{padding-right:20px;border-right:1px solid var(--line)}.dye-picker h3,.pattern-picker h3{font-size:23px;margin-bottom:14px}.dye-picker h3 strong,.pattern-picker h3 small{font:12px Nunito,sans-serif;color:var(--muted);margin-left:8px}
.dye-picker .swatches button{min-height:38px;padding:3px}.dye-picker .color-chip{min-height:27px}
.pattern-grid{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:5px}
.pattern-grid button{position:relative;background:transparent;padding:5px 2px;border:1px solid transparent;display:flex;align-items:center;flex-direction:column;gap:8px;min-height:103px;min-width:0}
.pattern-grid .banner-art{width:28px;height:56px;box-shadow:0 0 0 3px #f5edce,0 0 0 4px #aa9e78}
.pattern-grid button>span:not(.template-mark){font-size:13px;line-height:1.2;text-align:center}
.pattern-grid button:hover:not(:disabled){background:#d1d7aa}.pattern-grid button[aria-pressed="true"]{background:#d5d8a7;border:2px solid #356951}
.template-mark{position:absolute;top:-2px;right:-2px;font-size:8px;background:#e1b45d;color:#403515;padding:1px 3px}
.apply-area{align-self:center}.apply-area .primary{width:100%;font-size:16px;min-height:54px}.apply-area .quiet{font-size:11px}
.editor-tip{grid-column:1/-1;display:flex;align-items:center;gap:10px;border-top:1px solid var(--line);padding-top:15px;margin-top:2px;font-size:13px}.editor-tip p{flex:1}.editor-tip .version-tag{margin-left:auto;text-align:right;flex-shrink:0}
.preview-disclaimer{color:#dbdfc6;font-size:12px;line-height:1.5;margin:16px 42px}
.materials-fold{margin:24px 42px;padding:18px 22px}.materials-fold summary{font-weight:800;font-size:15px;cursor:pointer;min-height:24px}
.materials-summary{margin-top:20px;max-width:650px}.material-list{list-style:none;padding:0;margin:15px 0}.material-list li{display:flex;align-items:center;gap:10px;min-height:32px;font-size:14px}.material-list b{margin-left:auto;font-size:13px}
.item-icon{background:var(--chip);width:15px;height:15px;border:1px solid #0003;flex-shrink:0}
.template-list{list-style:none;margin:12px 0;padding:0}.template-list li{padding:10px 0;border-bottom:1px solid var(--line);font-size:14px}.template-list small{display:block;line-height:1.5;margin-top:6px;color:var(--muted)}
.text-link{display:inline-block;color:#526238;font-weight:800;font-size:14px;line-height:1.5;margin-top:12px;text-decoration:underline}
.below-strip{margin:26px 42px 0;padding:22px 0;border-top:1px solid #70906c;display:flex;align-items:center;gap:24px;font-size:14px;color:var(--light)}.below-strip>span{font:16px Pixelify,sans-serif;color:#f1c257;white-space:nowrap}.below-strip p{flex:1}.below-strip a{font-weight:800;text-decoration:underline;max-width:280px}
footer{max-width:1440px;margin:32px auto 0;border-top:2px solid #4a6e54;padding:22px 42px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#bbcdbb;font-size:12px}.footer-brand{display:flex;align-items:center;gap:7px;font:22px Pixelify,sans-serif;color:var(--light)}.footer-brand .brand-flag{width:24px;height:24px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip{position:absolute;top:8px;left:10px;z-index:20;transform:translateY(-160%);background:var(--panel);color:var(--ink);padding:14px}.skip:focus{transform:none}
.notice{padding:15px 22px;background:#eee4b9;color:#2f392d;margin:16px auto;max-width:1280px;border:2px solid #879b61;font-size:14px}.notice.error{background:#f3ddbf;border-color:#d28252}.notice:empty{display:none}.notice input{display:block;width:100%;margin-top:12px;padding:12px}.notice button{display:inline-block;min-height:44px;margin:10px 10px 0 0;padding:10px 14px;border:1px solid var(--line);background:var(--panel);color:var(--ink)}.notice button[data-action="confirm-new"]{border-color:var(--ink)}
.pill{display:inline-block;background:#dadab1;border:1px solid #b6bd83;font-size:12px;line-height:1.2;padding:6px 8px}
.gallery-bar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:22px 0}.gallery-bar>.quiet{color:#dddcc4}.filter-group{display:flex;gap:7px}.filter-group button{background:#1f4a3d;border:1px solid #718463;color:#f4edd5;padding:10px 16px;min-height:44px;font-weight:700}.filter-group button[aria-pressed="true"]{color:#25382a;background:#edc167;border-color:#e1b457}
.gallery-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.design-card{overflow:hidden;min-width:0}
.validation-status{display:block;color:#315d3a;font-weight:800;margin-top:12px}
.card-art{height:280px;display:flex;align-items:center;justify-content:center;position:relative;background:#4b7038 url('/assets/adventure-map.webp') center/auto 100%}
.card-art .banner-art{width:88px;height:176px;filter:drop-shadow(5px 6px 0 #14332666)}.card-index,.card-category{position:absolute;font-size:11px;color:var(--light);background:#173f35;padding:5px 8px}.card-index{top:12px;left:12px}.card-category{bottom:12px;right:12px}
.card-body{padding:20px}.card-body h2{font-size:25px}.card-body p{margin-top:10px;font-size:14px;color:var(--muted);min-height:65px}.card-tags{display:flex;flex-wrap:wrap;gap:5px;margin:15px 0 9px}.card-body>small{font-size:12px}.card-links{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px}.card-links .primary{padding:10px 13px;font-size:12px}.card-links>a:last-child{font-size:12px;font-weight:800;text-decoration:underline}
.collection-stamp{font:20px Pixelify,sans-serif;color:#e6c270;line-height:1.4;text-align:right}.collection-note{padding:28px;margin:28px 0}.collection-note .eyebrow{color:#667146}.collection-note p{margin-top:12px;max-width:750px}.collection-note>a{display:inline-block;margin-top:18px;text-decoration:underline;font-weight:800}
.basic-guide{margin:35px 0}.basic-guide>h2{font-size:31px;color:var(--light)}.basics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:24px 0}.basics-grid article{padding:24px}.basic-number{color:#667a48;font:23px Pixelify,sans-serif;display:block;margin-bottom:12px}.basics-grid h3{font-size:24px;margin-bottom:14px}.basics-grid p{font-size:14px;color:var(--muted);margin-bottom:12px}
.craft-grid{display:grid;grid-template-columns:repeat(3,40px);gap:4px;margin-top:20px}.craft-grid span{width:40px;height:40px;display:grid;place-items:center;background:#e4d7a8;border:1px solid #b8ac82;font-size:22px;color:#657347}
.loom-demo{display:flex;gap:8px;margin-top:20px}.loom-demo>span{padding:12px;background:#dcd3ab;text-align:center;font-size:24px}.loom-demo small{display:block;font-size:10px;margin-top:5px;color:var(--muted)}
details{padding:20px}summary{cursor:pointer;font-size:15px}details p{margin-top:16px;color:var(--muted);font-size:14px}
.recipe-grid{display:grid;grid-template-columns:300px minmax(0,1fr);gap:26px;align-items:start}.recipe-supply{padding:24px;position:sticky;top:20px}
.recipe-banner{display:grid;place-items:center;padding:25px;background:#507439 url('/assets/adventure-map.webp') center/auto 100%;margin-bottom:24px}.recipe-banner .banner-art{width:70px;height:140px;filter:drop-shadow(4px 5px 0 #163e3455)}.recipe-supply h2{margin-bottom:20px}
.checkbox-line{display:flex;gap:10px;align-items:flex-start;font-size:14px;line-height:1.5;margin:15px 0;cursor:pointer}.checkbox-line input{accent-color:#356951;width:20px;height:20px;margin:0;flex-shrink:0}
.scope-warning{border-top:1px solid var(--line);padding-top:15px;margin-top:20px;font-size:13px;color:var(--muted)}
.step-card{display:grid;grid-template-columns:40px minmax(0,1fr);gap:18px;padding:26px;margin-bottom:18px}.step-index{color:#607a42;font:24px Pixelify,sans-serif;padding-top:3px}.step-card .eyebrow{color:#5d713f;font-size:12px}.step-card h2{font-size:29px;margin-bottom:15px}.step-card p{font-size:14px;color:var(--muted);max-width:680px;margin-bottom:10px}
.loom-check{max-width:680px;border:2px solid #9d8e5f;padding:13px 15px;margin:12px 0;background:#eee5c7}.loom-check>strong{display:block;font-size:13px}.expected-tooltip{list-style:none;margin:8px 0 0;padding:9px 12px;background:#17181c;color:#f6f6f6;border-left:4px solid #49d9ce;font:14px/1.55 monospace}.expected-tooltip li+li{color:#c8c8c8}.output-check{border-color:#57875a;background:#e3edce}.direction-warning{border-left:5px solid #a44cc0;background:#eee2f1;padding:12px 14px;color:#3c2742!important}
.base-step .banner-art{width:34px;height:68px;margin-top:14px}.base-step .step-index{font:12px Nunito,sans-serif}
.step-visuals{display:flex;align-items:center;gap:20px;padding:22px;background:#dcd8ad;margin:20px 0}.step-visuals figure{display:flex;flex-direction:column;align-items:center;flex:1;margin:0;gap:12px}.step-visuals svg{width:45px;height:90px}.step-visuals figcaption{font-size:11px;color:var(--muted);text-align:center}.step-visuals>span{color:var(--muted)}
.recipe-finish{display:flex;align-items:center;gap:18px;padding:24px;background:#d8dea9;margin:25px 0}.recipe-finish .brand-flag{width:42px;height:42px}.recipe-finish h2{font-size:27px;margin-bottom:8px}.recipe-finish p{font-size:14px;color:var(--muted)}.recipe-steps>.text-link{color:#f2ce80}
.fatal{padding:60px 0;max-width:650px;color:var(--light)}.fatal p{margin:24px 0}.fatal a{margin:20px 0;display:inline-flex}.no-js-message{background:#f3ddbe;padding:16px 24px;text-align:center;border-bottom:2px solid #ac9e69;font-weight:700}.no-js button[data-action],.no-js .base-colors,.no-js .stage-actions,.no-js .controls-panel,.no-js .layer-list,.no-js .draft-tools,.no-js .gallery-bar,.no-js .checkbox-line:has(#has-base){display:none!important}
.ad-slot{margin:48px 0;min-width:0;clear:both;padding:0 24px}.ad-label{display:block;margin-bottom:10px;text-align:center;color:#b5c1aa;font-size:11px}.ad-space{height:250px;width:100%;max-width:970px;margin:auto;border:1px dashed #719071;background:#254a3b;display:grid;place-items:center;overflow:hidden}.ad-space p{padding:16px;text-align:center;color:#bac9b2;font-size:12px}
@media(min-width:1441px){body:has(.map-board){background:#173f35 url('/assets/adventure-map.webp') center 72px/cover fixed}}
@media(max-width:1200px){.map-board{grid-template-columns:240px minmax(230px,1fr) 310px;padding:28px 26px 22px;gap:20px}.base-panel .page-heading h1{font-size:36px}.base-colors{padding:16px}.base-colors .swatches{gap:7px}.layers-panel{padding:20px 16px;margin-top:72px}.controls-panel{grid-template-columns:225px minmax(0,1fr) 140px;gap:14px;padding:18px}.pattern-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.pattern-grid button{min-height:80px}.pattern-grid .banner-art{width:22px;height:44px}.pattern-grid button>span:not(.template-mark){font-size:10px}.editor-tip .version-tag{max-width:190px}.gallery-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:960px){header{height:auto;min-height:72px;padding:18px 24px;flex-wrap:wrap;gap:12px}nav{gap:20px}nav a{font-size:14px;padding:10px 0;min-height:44px;display:inline-flex;align-items:center}.map-board{grid-template-columns:220px minmax(0,1fr);grid-template-areas:"base preview" "layers layers" "controls controls";background-size:auto 660px}.preview-stage{height:450px}.flag-stand{transform:scale(.86);transform-origin:top center}.layers-panel{margin-top:0}.layer-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}.layer-count{flex-direction:row;justify-content:space-between}.layer-dye-editor{max-width:400px}.controls-panel{grid-template-columns:200px minmax(0,1fr)}.apply-area{grid-column:1/-1;display:flex;align-items:center;gap:18px}.apply-area .primary{max-width:200px}.editor-tip{flex-wrap:wrap}.editor-tip .version-tag{margin:0;max-width:none;flex-direction:row;gap:10px;text-align:left}.base-panel .page-heading h1{font-size:35px}.basics-grid{grid-template-columns:1fr}.page-heading h1{font-size:38px}.recipe-grid{grid-template-columns:260px minmax(0,1fr)}main{padding:28px 24px 0}}
@media(max-width:680px){header{padding:16px 18px 12px;gap:8px}.brand{font-size:28px}nav{width:100%;gap:18px}nav a{font-size:12px;min-height:44px}.map-board{grid-template-columns:1fr;grid-template-areas:"base" "preview" "controls" "layers";padding:24px 18px;gap:20px;background-size:auto 700px}.base-panel .page-heading h1{font-size:35px}.base-panel .page-heading h1 br{display:none}.base-panel .page-heading{margin-bottom:18px}.base-panel .page-heading p{font-size:14px;margin-top:12px}.base-colors{padding:16px}.base-colors h2{font-size:23px;margin-bottom:14px}.base-colors .swatches{grid-template-columns:repeat(8,1fr);gap:5px}.swatches button{min-height:38px;padding:3px}.color-chip{min-height:27px}.preview-stage{height:400px;padding-top:0}.flag-stand{transform:scale(.74)}.preview-meta{min-height:34px;flex-wrap:wrap}.stage-actions{gap:6px}.stage-actions .secondary{font-size:12px;padding:10px;min-height:44px}.controls-panel{grid-template-columns:1fr;padding:18px;gap:18px}.dye-picker{padding:0;border:0}.dye-picker .swatches{gap:6px}.dye-picker .swatches button{min-height:39px}.dye-picker h3,.pattern-picker h3{font-size:23px}.pattern-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.pattern-grid button{min-height:90px;padding-top:7px}.pattern-grid .banner-art{width:24px;height:48px}.pattern-grid button>span:not(.template-mark){font-size:11px}.apply-area{display:block;grid-column:auto}.apply-area .primary{max-width:none;min-height:50px}.editor-tip{grid-column:auto;font-size:12px;align-items:flex-start}.editor-tip p{flex-basis:75%}.editor-tip .version-tag{font-size:11px;flex-wrap:wrap}.layers-panel{padding:20px 16px}.layer-list{display:block}.layer-list button[data-action="select"]{min-height:64px}.layer-actions button{width:38px;min-height:44px}.layer-count{flex-direction:column;gap:5px}.layer-dye-editor .swatches button{min-height:38px}.preview-disclaimer{margin:16px 20px}.materials-fold{margin:20px 18px}.below-strip{margin:24px 18px 0;display:block}.below-strip p{margin:12px 0}.below-strip a{display:block;max-width:none}.page-heading{display:block}.page-heading h1{font-size:35px}.page-heading>a{margin-top:20px}.collection-stamp{display:none}.gallery-bar{align-items:start;flex-direction:column}.gallery-grid{grid-template-columns:1fr}.card-art{height:300px}.card-art .banner-art{width:100px;height:200px}.card-body p{min-height:0}.recipe-grid{grid-template-columns:1fr}.recipe-supply{position:static}.step-card{padding:20px 16px;grid-template-columns:25px minmax(0,1fr);gap:10px}.step-card h2{font-size:25px}.step-visuals{gap:9px;padding:16px 8px}.step-visuals figcaption{font-size:10px}.step-visuals svg{width:35px;height:70px}.recipe-finish{padding:20px 16px}.recipe-finish h2{font-size:24px}.basic-guide>h2{font-size:27px}.ad-slot{padding:0 18px}footer{padding:22px 18px;display:block}footer>span:last-child{display:block;margin-top:12px}.notice{margin:16px 18px}}
@media(min-width:961px){.map-board{background-size:cover}}
@media(min-width:1201px){.map-board{grid-template-columns:330px minmax(300px,1fr) 340px}.base-panel .page-heading h1{font-size:44px}.controls-panel{grid-template-columns:320px minmax(0,1fr) 155px}}
@media(min-width:681px) and (max-width:1200px){.base-panel .page-heading h1{font-size:30px}.pattern-grid button>span:not(.template-mark){font-size:12px}}
@media(min-width:681px) and (max-width:960px){.dye-picker .swatches{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.dye-picker .swatches button{min-height:44px}.pattern-grid button>span:not(.template-mark){font-size:12px}}
@media(max-width:680px){.brand,.text-button,.text-link,.below-strip a{min-height:44px;display:inline-flex;align-items:center}.base-colors .swatches,.dye-picker .swatches,.layer-dye-editor .swatches{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.swatches button,.dye-picker .swatches button,.layer-dye-editor .swatches button{min-height:44px}.layer-actions button{width:44px}.pattern-grid button>span:not(.template-mark){font-size:12px}.editor-tip .version-tag{width:100%;max-width:100%;flex-direction:column;gap:3px;overflow-wrap:anywhere}}
@media(prefers-reduced-motion:no-preference){.pattern-grid button,.primary,.secondary{transition:background-color .14s ease}}