@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.collapse{visibility:collapse}.visible{visibility:visible}.absolute{position:absolute}.relative{position:relative}.static{position:static}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.isolate{isolation:isolate}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.italic{font-style:italic}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}@font-face{font-family:Ark Pixel;src:url(/assets/fonts/ark-pixel-cn.woff2)format("woff2");font-display:swap;font-style:normal;font-weight:400}:root{--paper:#fafaf8;--ink:#0a0a0a;--grey-1:#f0f0ee;--grey-2:#d4d4d2;--grey-3:#737373;--accent:#ffd500;--blue:#002fa7;--editorial-paper:#f3f0e8;--editorial-ink:#0a0a0b;--sans:-apple-system, BlinkMacSystemFont, "Helvetica Neue", "PingFang SC", "Microsoft YaHei UI", sans-serif;--serif:"Songti SC", "STSong", "Noto Serif CJK SC", serif;--mono:"SFMono-Regular", "SF Mono", Menlo, Consolas, monospace;--pixel:"Ark Pixel", "PingFang SC", "Microsoft YaHei UI", monospace}*{box-sizing:border-box}html,body{min-height:100%;color:var(--ink);font-family:var(--sans);letter-spacing:0;-webkit-font-smoothing:antialiased;overscroll-behavior:none;background:#deded9;margin:0;font-size:16px}button,input,textarea{color:inherit;font:inherit;letter-spacing:0}button{cursor:pointer;border:0}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.home-screen,.editor-shell{background:var(--paper);border-inline:1px solid #0000001f;width:min(100%,480px);min-height:100dvh;margin:0 auto}.home-screen{grid-template-rows:auto 1fr auto;display:grid;overflow:hidden}.home-header,.editor-header,.home-footer{justify-content:space-between;align-items:center;display:flex}.home-header{border-bottom:1px solid var(--ink);height:62px;padding:0 20px}.brand-block{align-items:center;gap:9px;font-size:14px;display:flex}.online-dot{background:var(--accent);border:1px solid var(--ink);width:8px;height:8px;animation:1.8s steps(2,end) infinite online-pulse}.issue-code,.eyebrow,.home-footer,.panel-heading>span,.overlay-meta,.editorial-index,.editorial-foot,.preview-status,.editor-title span,.modal-heading span,.export-topbar,.demo-entry small{font-family:var(--mono);text-transform:uppercase}.issue-code{color:var(--grey-3);font-size:10px}.home-workspace{flex-direction:column;gap:22px;min-height:0;padding:clamp(30px,7dvh,70px) 20px 24px;display:flex}.home-copy{gap:12px;display:grid}.eyebrow{color:var(--blue);font-size:10px;font-weight:700}.home-copy h1{margin:0;font-size:clamp(41px,12vw,62px);font-weight:250;line-height:1.08}.home-copy p{color:var(--grey-3);margin:2px 0 0;font-size:14px}.upload-zone{border:1px solid var(--ink);text-align:center;align-content:center;place-items:center;gap:13px;min-height:216px;display:grid;position:relative;overflow:hidden}.upload-grid{opacity:.07;background-image:linear-gradient(var(--ink) 1px, transparent 1px), linear-gradient(90deg, var(--ink) 1px, transparent 1px);pointer-events:none;background-size:28px 28px;position:absolute;inset:0}.upload-zone>:not(.upload-grid){position:relative}.upload-zone div:not(.upload-grid){gap:4px;display:grid}.upload-zone strong{font-size:19px;font-weight:500}.upload-zone span{color:var(--grey-3);font-family:var(--mono);font-size:9px}.primary-upload{background:var(--ink);width:min(220px,72%);height:44px;color:var(--paper);cursor:pointer;justify-content:center;align-items:center;margin-top:4px;display:flex}.primary-upload span{color:inherit;font-family:var(--sans);font-size:13px;font-weight:600}.primary-upload input{opacity:0;width:1px;height:1px;position:absolute}.demo-entry{border-top:1px solid var(--grey-2);border-bottom:1px solid var(--grey-2);text-align:left;background:0 0;grid-template-columns:52px 1fr auto;align-items:center;gap:12px;min-height:70px;padding:8px;display:grid}.demo-entry>span:nth-child(2){gap:5px;display:grid}.demo-entry small{color:var(--grey-3);font-size:8px}.demo-entry strong{font-size:13px;font-weight:600}.demo-thumb{filter:saturate(.84)contrast(1.05);background:url(/demo-camp.jpg) 50%/cover;width:52px;height:52px}.home-footer{border-top:1px solid var(--grey-2);height:38px;color:var(--grey-3);padding:0 20px;font-size:8px}.editor-shell{background:#111;flex-direction:column;height:100dvh;min-height:560px;display:flex;overflow:hidden}.editor-header{z-index:3;color:#f5f5ef;background:#111;border-bottom:1px solid #ffffff29;flex:0 0 58px;height:58px;padding:0 12px}.icon-button{color:currentColor;background:0 0;place-items:center;width:38px;height:38px;display:inline-grid}.icon-button.light{border:1px solid #ffffff47}.editor-title{text-align:center;gap:2px;display:grid}.editor-title strong{font-size:12px;font-weight:600}.editor-title span{color:#8d8d86;font-size:7px}.preview-stage{flex-direction:column;flex:auto;justify-content:center;align-items:center;gap:7px;min-height:0;padding:12px 14px 8px;transition:min-height .28s;display:flex}.artboard,.export-card{aspect-ratio:3/4;isolation:isolate;background:#050505;position:relative;overflow:hidden;container-type:inline-size}.artboard{border:1px solid #ffffff2e;flex:none;width:min(100%,75dvh - 324px);min-height:0;max-height:100%}.artboard canvas,.export-card canvas{object-fit:cover;width:100%;height:100%;display:block}.preview-status{color:#777770;justify-content:space-between;width:min(100%,380px);font-size:7px;display:flex}.achievement-overlay{z-index:2;pointer-events:none;padding:5cqw;display:flex;position:absolute;inset:0}.position-top-left{align-items:flex-start}.position-bottom-left{align-items:flex-end}.game-achievement-card{--metal:#d2a84c;--metal-bright:#ffe4a0;--metal-dim:#6f4b1c;--rarity-glow:#ffbc3e47;border:2px solid var(--metal);clip-path:polygon(0 3cqw,3cqw 3cqw,3cqw 0,calc(100% - 3cqw) 0,calc(100% - 3cqw) 3cqw,100% 3cqw,100% calc(100% - 3cqw),calc(100% - 3cqw) calc(100% - 3cqw),calc(100% - 3cqw) 100%,3cqw 100%,3cqw calc(100% - 3cqw),0 calc(100% - 3cqw));width:91cqw;max-height:46cqw;box-shadow:inset 0 0 0 2px #000000e6, inset 0 0 0 3px var(--metal), 1.2cqw 1.2cqw 0 #000000d1, -.5cqw -.5cqw 0 var(--metal-dim);background:linear-gradient(90deg,#ffffff07 50%,#0000 50%) 0 0/4cqw 4cqw,linear-gradient(#ffffff05 50%,#0000 50%) 0 0/4cqw 4cqw,linear-gradient(90deg,#261f14fc,#0c0c0cfa 30%,#050505fa),#090909;grid-template-columns:23cqw minmax(0,1fr);align-items:stretch;display:grid;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.game-achievement-card{box-shadow:inset 0 0 0 2px #000000e6, inset 0 0 0 3px color-mix(in srgb, var(--metal) 35%, transparent), 1.2cqw 1.2cqw 0 #000000d1, -.5cqw -.5cqw 0 color-mix(in srgb, var(--metal-dim) 72%, transparent)}}.game-achievement-card{color:#f6eddc;font-family:var(--pixel);font-synthesis:none;-webkit-font-smoothing:none}.rarity-普通{--metal:#a89d86;--metal-bright:#ded6c5;--metal-dim:#5f584b;--rarity-glow:#d7cfbc29}.rarity-稀有{--metal:#b9cbd2;--metal-bright:#f0fbff;--metal-dim:#50656d;--rarity-glow:#a2e1f733}.rarity-史诗{--metal:#c29add;--metal-bright:#f2dfff;--metal-dim:#634079;--rarity-glow:#c077f03d}.rarity-传说{--metal:#d8a63f;--metal-bright:#ffeab0;--metal-dim:#755019;--rarity-glow:#ffb72d52}.game-card-glow{z-index:0;opacity:.55;background:repeating-linear-gradient(90deg,#0000 0 1cqw,#ffeebe38 1cqw 2cqw);width:13cqw;animation:3.4s steps(10,end) infinite achievement-shimmer;position:absolute;inset:0;transform:translate(-110%)}.game-icon-frame{z-index:1;border-right:2px solid var(--metal);place-items:center;min-height:27cqw;display:grid;position:relative}@supports (color:color-mix(in lab, red, red)){.game-icon-frame{border-right:2px solid color-mix(in srgb, var(--metal) 76%, transparent)}}.game-icon-frame{background:linear-gradient(180deg, var(--rarity-glow), #0b0907), #14100b}@supports (color:color-mix(in lab, red, red)){.game-icon-frame{background:linear-gradient(180deg, color-mix(in srgb, var(--rarity-glow) 68%, #17120c), #0b0907), #14100b}}.game-icon-frame:after{border:2px solid var(--metal-bright);position:absolute;inset:2cqw}@supports (color:color-mix(in lab, red, red)){.game-icon-frame:after{border:2px solid color-mix(in srgb, var(--metal-bright) 32%, transparent)}}.game-icon-frame:after{content:"";box-shadow:inset .8cqw .8cqw #ffffff0d,inset -.8cqw -.8cqw #00000080}.game-icon-frame img{z-index:1;object-fit:contain;filter:contrast(1.12)saturate(1.08)drop-shadow(.9cqw .9cqw #000000b8);width:20cqw;height:19cqw;image-rendering:pixelated;padding:1cqw;display:block;position:relative}.game-card-body{z-index:1;flex-direction:column;justify-content:center;min-width:0;padding:3.2cqw 4cqw 3.2cqw 3.8cqw;display:flex;position:relative}.game-card-kicker{min-width:0;color:var(--metal-bright);font-family:var(--pixel);text-shadow:.3cqw .3cqw #000;justify-content:space-between;align-items:center;gap:2cqw;font-size:2.18cqw;font-weight:400;display:flex}.game-card-kicker span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.game-card-kicker b{border-left:1px solid var(--metal);flex:none;padding-left:2cqw}@supports (color:color-mix(in lab, red, red)){.game-card-kicker b{border-left:1px solid color-mix(in srgb, var(--metal) 54%, transparent)}}.game-card-kicker b{font-weight:400}.game-card-body h2{color:#fff9eb;font-family:var(--pixel);text-overflow:ellipsis;text-shadow:.55cqw .55cqw 0 var(--metal-dim);margin:1.45cqw 0 .9cqw;font-size:clamp(15px,4.9cqw,26px);font-weight:400;line-height:1.08;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.game-card-body h2{text-shadow:.55cqw .55cqw 0 color-mix(in srgb, var(--metal-dim) 48%, transparent)}}.game-card-body h2{white-space:nowrap}.game-card-quote{color:#dbcdb5;min-width:0;font-family:var(--pixel);align-items:baseline;margin:0;font-size:2.5cqw;line-height:1.42;display:block;overflow:hidden}.game-card-quote span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.game-card-description{color:#9d9588;font-family:var(--pixel);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:1.2cqw 0 0;font-size:2.18cqw;line-height:1.4;display:-webkit-box;overflow:hidden}.game-card-rate{border-top:1px dashed var(--metal);justify-content:space-between;align-items:baseline;gap:2cqw;margin-top:1.45cqw;padding-top:1.15cqw;display:flex}@supports (color:color-mix(in lab, red, red)){.game-card-rate{border-top:1px dashed color-mix(in srgb, var(--metal) 48%, transparent)}}.game-card-rate{color:#888175;font-family:var(--pixel);font-size:2.05cqw}.game-card-rate strong{color:var(--metal-bright);font-size:2.35cqw;font-weight:400}.game-card-corner{z-index:2;pointer-events:none;position:absolute;inset:1.1cqw}.game-card-corner span{background:var(--metal-bright);width:2.6cqw;height:2.6cqw;box-shadow:1.2cqw 0 0 var(--metal-dim), 0 1.2cqw 0 var(--metal-dim);opacity:.8;border:0;position:absolute}.game-card-corner span:first-child{top:0;left:0}.game-card-corner span:last-child{box-shadow:-1.2cqw 0 0 var(--metal-dim), 0 -1.2cqw 0 var(--metal-dim);bottom:0;right:0}@keyframes achievement-shimmer{0%,62%{transform:translate(-110%)}88%,to{transform:translate(760%)}}.control-sheet{z-index:4;border-top:1px solid var(--ink);background:var(--paper);flex-direction:column;flex:0 0 336px;height:336px;transition:height .28s cubic-bezier(.22,.8,.24,1),flex-basis .28s cubic-bezier(.22,.8,.24,1);display:flex;overflow:hidden}.is-expanded .control-sheet{flex-basis:min(68dvh,620px);height:min(68dvh,620px)}.sheet-handle{background:var(--paper);height:24px;color:var(--grey-3);flex:0 0 24px;grid-template-columns:1fr auto 1fr;align-items:center;display:grid}.sheet-handle span{background:var(--grey-2);grid-column:2;width:42px;height:2px}.sheet-handle svg{grid-column:3;justify-self:end;margin-right:15px;transition:transform .2s}.is-expanded .sheet-handle svg{transform:rotate(180deg)}.editor-tabs{border-top:1px solid var(--grey-2);border-bottom:1px solid var(--grey-2);flex:0 0 44px;grid-template-columns:repeat(3,1fr);height:44px;display:grid}.editor-tabs button{color:var(--grey-3);background:0 0;justify-content:center;align-items:center;gap:7px;font-size:12px;display:flex;position:relative}.editor-tabs button+button{border-left:1px solid var(--grey-2)}.editor-tabs button.active{color:var(--ink);font-weight:650}.editor-tabs button.active:after{background:var(--accent);content:"";height:3px;position:absolute;bottom:-1px;left:0;right:0}.sheet-content{flex:1;min-height:0;overflow:hidden auto}.filter-panel,.adjust-panel{padding:13px 14px 18px}.panel-heading{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.panel-heading>span{color:var(--grey-3);font-size:8px}.text-button{color:var(--grey-3);background:0 0;align-items:center;gap:5px;font-size:10px;display:inline-flex}.filter-category-tabs{scrollbar-width:none;gap:6px;margin:0 0 10px;display:flex;overflow-x:auto}.filter-category-tabs::-webkit-scrollbar{display:none}.filter-category-tabs button{border:1px solid var(--grey-2);min-width:54px;color:var(--grey-3);background:0 0;flex:none;padding:6px 10px;font-size:9px}.filter-category-tabs button.active{border-color:var(--ink);background:var(--ink);color:var(--paper)}.filter-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.filter-option{border:1px solid var(--grey-2);text-align:left;background:0 0;grid-template-columns:40px minmax(0,1fr);align-items:center;gap:7px;min-width:0;padding:6px;display:grid;position:relative}.filter-option.selected{border-color:var(--ink);box-shadow:inset 0 -3px var(--accent)}.filter-swatch{background:url(/demo-camp.jpg) 50%/cover;place-items:center;width:40px;height:44px;display:grid;position:relative;overflow:hidden}.filter-swatch:before{content:"";background:#00000059;position:absolute;inset:0}.filter-swatch span{z-index:1;color:#f5f5ef;font-family:var(--mono);font-size:9px}.filter-hanzi .filter-swatch{font-family:var(--pixel);filter:saturate(1.25)contrast(1.12)}.filter-terminal .filter-swatch{filter:saturate(1.8)hue-rotate(65deg)brightness(.75)}.filter-dots .filter-swatch{image-rendering:pixelated;background-size:16px 18px}.filter-blocks .filter-swatch{image-rendering:pixelated;background-size:24px 26px}.filter-arcade .filter-swatch{filter:saturate(1.7)contrast(1.15);image-rendering:pixelated}.filter-mosaic .filter-swatch{filter:saturate(1.6)contrast(1.08);background-size:18px 20px}.filter-pixel16 .filter-swatch{filter:saturate(1.9)contrast(1.45);image-rendering:pixelated;background-size:12px 14px}.filter-stipple .filter-swatch{filter:grayscale()contrast(2.5)}.filter-prism .filter-swatch{filter:saturate(2)hue-rotate(-24deg)contrast(1.2)}.filter-acid .filter-swatch{filter:grayscale(.5)sepia()saturate(4)hue-rotate(48deg)contrast(1.5)}.filter-mirage .filter-swatch{filter:grayscale()contrast(2.2)brightness(.7)}.filter-glitch .filter-swatch{filter:saturate(2.4)hue-rotate(145deg)contrast(1.35)}.filter-original .filter-swatch:before{display:none}.filter-option>span:nth-child(2){gap:3px;min-width:0;display:grid}.filter-option strong{text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:650;overflow:hidden}.filter-option small{color:var(--grey-3);text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.filter-check{background:var(--accent);padding:2px;position:absolute;top:4px;right:4px}.achievement-panel{min-height:100%}.category-tabs{border-bottom:1px solid var(--grey-2);scrollbar-width:none;gap:6px;padding:10px 14px;display:flex;overflow-x:auto}.category-tabs::-webkit-scrollbar{display:none}.category-tabs button{border:1px solid var(--grey-2);background:0 0;flex:none;padding:7px 9px;font-size:9px}.category-tabs button.active{border-color:var(--ink);background:var(--ink);color:var(--paper)}.achievement-list{display:grid}.custom-achievement,.achievement-item{border-bottom:1px solid var(--grey-2);text-align:left;background:0 0;align-items:center;gap:10px;min-height:58px;display:grid}.custom-achievement{grid-template-columns:30px 1fr;padding:9px 14px}.custom-achievement svg{border:1px solid var(--ink);padding:5px}.achievement-item{grid-template-columns:42px minmax(0,1fr) auto;min-height:56px;padding:6px 12px}.achievement-item.selected{background:#eee6d7;box-shadow:inset 3px 0 #aa762c}.custom-achievement>span,.achievement-copy{gap:3px;min-width:0;display:grid}.custom-achievement strong,.achievement-copy strong{font-size:12px;font-weight:650}.custom-achievement small,.achievement-copy small{color:var(--grey-3);font-family:var(--serif);text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.achievement-icon-small{background:#15120e;place-items:center;width:40px;height:40px;display:grid;position:relative;overflow:hidden}.achievement-icon-small img{object-fit:contain;width:38px;height:38px;image-rendering:pixelated;display:block}.achievement-icon-small b{color:#e1c17b;font-family:var(--mono);background:#000000b8;padding:1px 2px;font-size:6px;font-weight:500;position:absolute;bottom:1px;right:1px}.rarity-label{color:#8c7042;font-family:var(--mono);justify-items:end;gap:3px;font-size:7px;display:grid}.rarity-label b{color:var(--ink);font-size:9px;font-weight:650}.position-switch{border:1px solid var(--ink);grid-template-columns:repeat(2,1fr);margin-bottom:10px;display:grid}.position-switch button{background:0 0;justify-content:center;align-items:center;gap:7px;min-height:38px;font-size:10px;display:flex}.position-switch button+button{border-left:1px solid var(--ink)}.position-switch button.active{background:var(--ink);color:var(--paper)}.position-switch span{color:#b88735;font-size:13px}.visibility-grid{border-top:1px solid var(--grey-2);border-left:1px solid var(--grey-2);grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:12px;display:grid}.visibility-toggle{border-right:1px solid var(--grey-2);border-bottom:1px solid var(--grey-2);cursor:pointer;justify-content:space-between;align-items:center;gap:8px;min-width:0;min-height:38px;padding:7px 9px;font-size:9px;display:flex}.visibility-toggle input{opacity:0;width:1px;height:1px;position:absolute}.visibility-toggle i{border:1px solid var(--grey-3);background:var(--grey-1);flex:none;width:25px;height:14px;position:relative}.visibility-toggle i span{background:var(--grey-3);width:8px;height:8px;transition:transform .14s,background .14s;position:absolute;top:2px;left:2px}.visibility-toggle input:checked+i{border-color:var(--ink);background:var(--accent)}.visibility-toggle input:checked+i span{background:var(--ink);transform:translate(11px)}.adjust-divider{color:var(--grey-3);font-family:var(--mono);align-items:center;gap:8px;margin:4px 0 10px;font-size:7px;display:flex}.adjust-divider:after{background:var(--grey-2);content:"";flex:1;height:1px}.ranges{gap:10px;display:grid}.range-row{grid-template-columns:70px 1fr 38px;align-items:center;gap:9px;font-size:10px;display:grid}.range-row output{color:var(--grey-3);font-family:var(--mono);text-align:right;font-size:8px}.range-row input{appearance:none;background:linear-gradient(90deg, var(--ink) 0 var(--range-progress), var(--grey-2) var(--range-progress) 100%);width:100%;height:2px;margin:0}.range-row input::-webkit-slider-thumb{appearance:none;border:2px solid var(--paper);background:var(--ink);width:12px;height:12px;box-shadow:0 0 0 1px var(--ink);border-radius:0}.range-row input::-moz-range-thumb{border:2px solid var(--paper);background:var(--ink);border-radius:0;width:10px;height:10px}.modal-backdrop,.export-view{z-index:20;position:fixed;inset:0}.modal-backdrop{background:#0000008f;place-items:end center;display:grid}.custom-modal{width:min(100%,480px);max-height:92dvh;padding:22px 20px calc(22px + env(safe-area-inset-bottom));background:var(--paper);overflow-y:auto}.modal-heading{justify-content:space-between;align-items:flex-start;margin-bottom:22px;display:flex}.modal-heading span{color:var(--blue);font-size:8px}.modal-heading h2{margin:6px 0 0;font-size:26px;font-weight:350}.custom-modal label{gap:7px;margin-bottom:16px;font-size:10px;font-weight:650;display:grid}.custom-modal input,.custom-modal textarea{border:1px solid var(--grey-2);background:0 0;border-radius:0;width:100%;font-size:14px}.custom-modal input{height:46px;padding:0 12px}.custom-modal textarea{resize:vertical;min-height:66px;font-family:var(--serif);padding:12px}.custom-modal .custom-icon-upload{position:relative}.custom-icon-drop{border:1px dashed var(--grey-3);background:repeating-linear-gradient(45deg, var(--grey-1) 0 8px, transparent 8px 16px);cursor:pointer;grid-template-rows:1fr 1fr;grid-template-columns:72px minmax(0,1fr);align-items:end;gap:2px 12px;min-height:96px;display:grid;overflow:hidden}.custom-icon-drop>svg,.custom-icon-drop>img{object-fit:contain;width:72px;height:72px;image-rendering:pixelated;grid-row:1/3;place-self:center;padding:8px}.custom-icon-drop b{align-self:end;font-size:12px}.custom-icon-drop small{color:var(--grey-3);align-self:start;font-size:9px;font-weight:450}.custom-modal .custom-icon-upload>input{opacity:0;width:1px;height:1px;padding:0;position:absolute}.modal-submit,.export-done{background:var(--ink);width:100%;height:48px;color:var(--paper);justify-content:space-between;align-items:center;padding:0 16px;font-size:12px;font-weight:650;display:flex}.export-view{background:#0c0c0c;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:16px 18px 22px;display:flex}.export-topbar{color:#96968e;justify-content:space-between;align-items:center;width:min(100%,480px);font-size:8px;display:flex}.export-mode-switch{border:1px solid #777770;grid-template-columns:repeat(3,minmax(0,1fr));width:min(100%,480px);height:42px;display:grid}.export-mode-switch button{color:#aaa9a1;background:0 0;min-width:0;font-size:10px}.export-mode-switch button+button{border-left:1px solid #777770}.export-mode-switch button.active{color:#0a0a0b;background:#f3f0e8}.export-card{background:#050505;place-items:center;width:min(100%,75dvh - 156px);max-height:calc(100dvh - 208px);display:grid;box-shadow:0 24px 60px #00000075}.export-image{object-fit:contain;-webkit-touch-callout:none;width:100%;height:100%;display:block}.export-loading{color:#96968e;font-family:var(--pixel);font-size:11px}.export-done{color:#0a0a0b;background:#f3f0e8;justify-content:center;gap:8px;width:min(100%,480px)}.export-done:disabled{cursor:wait;opacity:.45}.export-view.is-save-mode .export-card{width:min(100%,75dvh - 115.5px);max-height:calc(100dvh - 154px)}html{touch-action:manipulation}.sheet-content{-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain}.home-header{height:calc(62px + env(safe-area-inset-top,0px));padding-top:env(safe-area-inset-top,0px)}.editor-header{height:calc(58px + env(safe-area-inset-top,0px));flex-basis:calc(58px + env(safe-area-inset-top,0px));padding-top:env(safe-area-inset-top,0px)}.home-footer{height:calc(38px + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px)}@keyframes online-pulse{50%{opacity:.35}}@media (max-height:700px){.control-sheet{flex-basis:290px;height:290px}.artboard{width:min(100%,75dvh - 292.5px)}.home-workspace{gap:14px;padding-top:22px}.home-copy h1{font-size:38px}.upload-zone{min-height:190px}}@media (min-width:760px){body{background-image:linear-gradient(90deg,#00000006 1px,#0000 1px);background-size:48px 48px}.home-screen,.editor-shell{box-shadow:0 0 0 1px #fff6,0 28px 90px #00000029}}@media (min-width:960px){body{background-color:#fff;background-image:none}.home-screen{width:100%;max-width:none;min-height:100dvh;box-shadow:none;background:#fff;border:0;margin:0}.home-header,.home-footer{padding-inline:28px}.home-workspace{grid-template-rows:1fr auto;grid-template-columns:minmax(280px,.78fr) minmax(440px,1.22fr);align-self:center;align-items:center;gap:28px 56px;width:min(100%,1040px);margin:0 auto;padding:52px 32px;display:grid}.home-copy{align-self:end;gap:18px}.home-copy h1{font-size:68px}.home-copy p{max-width:28em;font-size:15px}.upload-zone{grid-area:1/2/3;min-height:470px}.primary-upload{width:240px}.demo-entry{align-self:start}.editor-shell{width:100%;max-width:none;min-height:640px;box-shadow:none;border:0;grid-template-rows:64px minmax(0,1fr);grid-template-columns:minmax(0,1fr) clamp(400px,30vw,460px);display:grid}.editor-header{flex-basis:64px;grid-area:1/1/auto/-1;height:64px;padding:0 24px}.editor-title{align-items:baseline;gap:12px;display:flex}.editor-title strong{font-size:13px}.preview-stage{grid-area:2/1;gap:10px;min-width:0;padding:24px 32px 20px}.artboard{width:min(100%,75dvh - 99px);min-height:0;box-shadow:0 22px 70px #00000057}.preview-status{width:min(100%,620px);font-size:8px}.control-sheet,.is-expanded .control-sheet{border-top:0;border-left:1px solid var(--ink);flex-basis:auto;grid-area:2/2;width:auto;height:auto;min-height:0;transition:none}.sheet-handle{display:none}.editor-tabs{border-top:0;flex-basis:56px;height:56px}.editor-tabs button{font-size:13px}.sheet-content{scrollbar-color:var(--grey-2) transparent;scrollbar-width:thin}.filter-panel,.adjust-panel{padding:18px 18px 26px}.filter-grid{gap:9px}.filter-option{grid-template-columns:44px minmax(0,1fr);min-height:60px;padding:7px}.filter-swatch{width:44px;height:46px}.category-tabs{padding:14px 18px}.achievement-item{min-height:64px;padding-inline:18px}.export-topbar,.export-mode-switch,.export-done{width:min(100%,620px)}.custom-modal{border:1px solid var(--ink);width:min(560px,100% - 48px);margin:auto}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}