/* Minecraft's neutral inventory panels, inset slots and unfiltered pixel textures. */
.cw-game{--cw-text:#242424;--cw-panel:#c6c6c6;--cw-slot:#8b8b8b;--cw-green:#44752d;--cw-yellow:#b08a24;color:#f5f5f5;background:#39302a url('./textures/block/dirt.png') repeat;background-size:96px;image-rendering:pixelated;border:4px solid #201b16;padding:20px;font-family:ui-monospace,'Cascadia Mono',Consolas,monospace;isolation:isolate;color-scheme:light}
.cw-game *{box-sizing:border-box}.cw-game button,.cw-game input{font:inherit}.cw-game button,.cw-game summary{touch-action:manipulation}.cw-game button{min-height:44px;cursor:pointer;border:2px solid;border-color:#fff #555 #555 #fff;border-radius:0;background:#aaa;color:#202020;padding:8px 12px;box-shadow:inset -2px -2px #777,inset 2px 2px #d8d8d8;font-weight:700}.cw-game button:hover:not(:disabled){background:#c6c6c6}.cw-game button:active:not(:disabled){border-color:#555 #eee #eee #555}.cw-game button:disabled{cursor:default;opacity:.6}.cw-game :focus-visible{outline:3px solid #fff18b;outline-offset:3px}.cw-game ::selection{background:#365d29;color:white}.cw-game input{caret-color:#fff18b}.cw-game h2,.cw-game h3,.cw-game h4,.cw-game p{margin:0}.cw-game h2{font-size:clamp(20px,2.2vw,28px);line-height:1.25;letter-spacing:0}.cw-game h3{font-size:16px;line-height:1.3}.cw-game h4{font-size:12px;line-height:1.4}.cw-game a{color:inherit;text-underline-offset:3px}.cw-game .cw-item-art{width:32px;height:32px;object-fit:contain;image-rendering:pixelated;flex:none;pointer-events:none}.cw-topline{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:13px;text-shadow:2px 2px #181410}.cw-topline>div{display:flex;gap:16px;flex-wrap:wrap}.cw-topline b{font-variant-numeric:tabular-nums}.cw-levels{margin-top:12px;background:#211c18;padding:0 12px}.cw-game summary{cursor:pointer;min-height:44px;align-content:center;padding:10px 0;font-size:13px}.cw-levels summary>span{float:inline-end;color:#d1dfbb;margin-inline-start:12px}.cw-level-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(48px,1fr));gap:6px;max-height:230px;overflow:auto;padding:5px 4px 14px}.cw-game .cw-level-list button{padding:5px;position:relative;font-size:13px}.cw-level-list button span{font-size:10px;position:absolute;top:0;right:2px}.cw-game .cw-level-list .is-complete{background:#507b36;color:#fff}.cw-game .cw-level-list .is-current{outline:3px solid #f4dc7b;outline-offset:-3px}.cw-mystery{display:flex;align-items:center;gap:15px;padding:24px 0 16px}.cw-mystery-icon{flex:none;width:62px;height:62px;background:#24221d;border:3px solid;border-color:#665e4f #181610 #181610 #665e4f;display:grid;place-items:center;font-size:42px;font-weight:900;color:#f3dd8f;text-shadow:3px 3px #66582d}.cw-mystery-icon .cw-item-art{width:42px;height:42px}.cw-mystery p{font-size:13px;line-height:1.5;color:#e2dacb;margin-top:5px}.cw-difficulty{margin-inline-start:auto;border:1px solid #a79677;padding:5px 8px;font-size:12px;white-space:nowrap;background:#302b22}.cw-clues{display:flex;gap:20px;flex-wrap:wrap;font-size:12px;margin-bottom:14px;color:#e0d4bd}.cw-clues b{color:#fff;margin-inline-start:6px}.cw-workspace{display:grid;grid-template-columns:minmax(250px,.8fr) minmax(0,1.35fr);gap:16px;align-items:stretch}.cw-panel{background:var(--cw-panel);color:var(--cw-text);border:3px solid;border-color:#fff #555 #555 #fff;box-shadow:inset -3px -3px #929292,inset 3px 3px #e8e8e8;padding:16px;min-width:0}.cw-bench{display:flex;flex-direction:column;align-items:center;gap:14px}.cw-bench h3{align-self:flex-start}.cw-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;width:100%;max-width:222px}.cw-cell,.cw-game button.cw-cell{position:relative;aspect-ratio:1;min-width:0;min-height:0;display:flex;align-items:center;justify-content:center;background:var(--cw-slot);border:3px solid;border-color:#373737 #fff #fff #373737;border-radius:0;padding:3px;box-shadow:none;overflow:hidden}.cw-editor .cw-cell .cw-item-art{width:72%;height:72%;max-width:48px;max-height:48px}.cw-game button.cw-cell:hover{background:#a5a5a5}.cw-game button.cw-cell.is-selected{outline:3px solid #262626;outline-offset:-4px}.cw-cell-number{position:absolute;right:3px;bottom:0;font-size:10px;line-height:14px;font-weight:400;color:#252525}.cw-brush{min-height:39px;display:flex;align-items:center;justify-content:center;gap:10px;font-size:12px;line-height:1.4;text-align:center;width:100%}.cw-empty-tool{display:inline-block;width:28px;height:28px;background:#8b8b8b;border:2px solid;border-color:#373737 #fff #fff #373737}.cw-tools,.cw-actions{display:flex;gap:8px;width:100%;flex-wrap:wrap}.cw-tools button,.cw-actions button{flex:1;font-size:12px;padding:8px;min-width:90px}.cw-game [data-erase][aria-pressed=true]{outline:3px solid #3d642e;outline-offset:-4px}.cw-game button.cw-primary{background:#497c32;color:#fff;border-color:#96bc73 #263f1e #263f1e #96bc73;box-shadow:inset -2px -2px #315522,inset 2px 2px #6c994e;text-shadow:1px 1px #1f4019}.cw-game button.cw-primary:hover:not(:disabled){background:#578f3d}.cw-submit{width:100%;margin-top:auto}.cw-reveal-name{font-size:14px;font-weight:700;text-align:center}.cw-source{font-size:11px;text-align:center;line-height:1.6}.cw-inventory{display:flex;flex-direction:column;gap:12px}.cw-inventory-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.cw-inventory-heading>span{font-size:12px;color:#464646}.cw-search-label{display:block}.cw-game input{border:2px solid;border-color:#373737 #fff #fff #373737;border-radius:0;display:block;width:100%;padding:10px 12px;font-size:14px;line-height:22px;background:#252525;color:#fff;min-height:46px}.cw-game input::placeholder{color:#c8c8c8;opacity:1}.cw-inventory-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(69px,1fr));align-content:start;gap:5px;overflow:auto;height:330px;scrollbar-color:#666 #b0b0b0;scrollbar-width:thin;padding:3px}.cw-game button.cw-inventory-item{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:5px;min-width:0;min-height:78px;padding:7px 3px 5px;border-color:#555 #eee #eee #555;background:#989898;box-shadow:none;font-weight:400}.cw-inventory-item span{font-family:system-ui,sans-serif;font-size:10px;line-height:1.15;text-align:center;overflow-wrap:anywhere}.cw-game button.cw-inventory-item.is-picked{background:#c8c8aa;outline:3px solid #324e24;outline-offset:-4px}.cw-game .cw-inventory-item:disabled{opacity:.75}.cw-no-results{grid-column:1/-1;padding:15px;font-size:13px;line-height:1.6}.cw-notice{font-family:system-ui,sans-serif;font-size:13px;line-height:1.6;padding:12px 0;min-height:45px;color:#f6eddd}.cw-legend{display:flex;gap:16px;flex-wrap:wrap;margin:0 0 20px;font-family:system-ui,sans-serif;font-size:12px}.cw-legend>span{display:flex;align-items:center;gap:7px}.cw-legend i{width:22px;height:22px;display:grid;place-items:center;font-style:normal;border:1px solid #e0d8cc;color:#fff}.cw-game .is-correct{background:var(--cw-green)}.cw-game .is-present{background:var(--cw-yellow)}.cw-game .is-absent{background:#626262}.cw-history{border-top:2px solid #786955;padding-top:18px}.cw-history h3{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.cw-history h3>span{font-size:12px;color:#d0c6b3;font-weight:400}.cw-attempts{display:grid;grid-template-columns:repeat(auto-fit,minmax(105px,1fr));gap:12px;margin-top:14px}.cw-attempt{min-width:0;max-width:160px}.cw-attempt h4{margin-bottom:7px;color:#ede3d1;font-weight:400}.cw-attempt .cw-grid{gap:2px}.cw-attempt .cw-cell{border-width:2px}.cw-attempt .cw-item-art{width:75%;height:75%;max-width:32px;max-height:32px}.cw-mark{position:absolute;right:1px;bottom:-1px;line-height:14px;font-size:13px;font-weight:900;color:#fff;text-shadow:1px 1px #171717}.cw-game .cw-attempt button{font-family:system-ui,sans-serif;min-height:44px;font-size:11px;padding:5px;width:100%;margin-top:6px}.cw-history-empty{color:#d0c6b3;grid-column:1/-1;font-size:13px;line-height:1.6;padding:14px 0 20px}.cw-help{margin-top:18px;border-top:1px solid #786955}.cw-help p{max-width:75ch;font-family:system-ui,sans-serif;font-size:13px;line-height:1.7;margin:0 0 12px}.cw-help small{font-size:11px;color:#d0c6b3}.cw-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}
@media(max-width:700px){.cw-game{padding:14px}.cw-workspace{grid-template-columns:1fr}.cw-bench{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:12px}.cw-bench h3{grid-column:1/-1}.cw-bench>.cw-grid{grid-column:1;grid-row:2/5;width:100%;max-width:222px;justify-self:center}.cw-brush{grid-column:2;font-size:12px}.cw-tools{grid-column:2;flex-direction:column}.cw-tools button{min-width:0;flex:auto}.cw-submit{grid-column:1/-1}.cw-inventory-list{height:226px;grid-template-columns:repeat(auto-fill,minmax(64px,1fr))}.cw-mystery{gap:12px;padding-top:20px}.cw-mystery-icon{width:50px;height:50px;font-size:32px}.cw-difficulty{display:none}.cw-panel{padding:12px}.cw-attempts{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.cw-legend{gap:10px;font-size:11px}.cw-bench>.cw-reveal-name,.cw-bench>.cw-source,.cw-bench>.cw-actions{grid-column:2}.cw-bench>.cw-actions{flex-direction:column}.cw-topline{font-size:12px;gap:8px}.cw-topline>div{gap:8px}.cw-clues{gap:12px;font-size:11px}.cw-levels summary>span{float:none;display:block;margin:4px 0 0;font-size:11px}}
@media(max-width:370px){.cw-game{padding:10px;border-width:3px}.cw-panel{padding:9px}.cw-bench{gap:9px;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)}.cw-grid{gap:3px}.cw-workspace{gap:12px}.cw-cell,.cw-game button.cw-cell{border-width:2px}.cw-mystery h2{font-size:19px}.cw-mystery p{font-size:12px}.cw-inventory-list{grid-template-columns:repeat(3,minmax(0,1fr))}.cw-legend>span{gap:5px}.cw-legend i{width:18px;height:18px}.cw-clues{gap:8px}}
.cw-game{background-image:linear-gradient(#000a,#000a),url('./textures/block/dirt.png')}
@media(max-width:420px){.cw-bench{display:flex;flex-direction:column;gap:12px}.cw-bench>.cw-grid{width:100%;max-width:222px}.cw-bench>.cw-grid.cw-editor{min-width:150px}.cw-bench .cw-cell{min-height:44px}.cw-tools{flex-direction:row}.cw-tools button{flex:1}.cw-brush{min-height:34px}.cw-bench>.cw-actions{flex-direction:row}.cw-topline>div{flex-wrap:wrap}.cw-topline{line-height:1.7}.cw-game h2{overflow-wrap:anywhere}}
@media(prefers-reduced-motion:no-preference){.cw-attempt:last-child{animation:cw-reveal .18s ease-out}@keyframes cw-reveal{from{transform:translateY(4px)}to{transform:translateY(0)}}}