#player-workshop{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;background:#061c22;color:#ffdfa0;overflow:hidden}#player-workshop::backdrop{background:#061c22}.ws-world{position:absolute;inset:0 0 66px;overflow:hidden;background:#102323}.ws-background{width:100%;height:100%;object-fit:contain}.ws-spots{position:absolute;inset:0}.ws-caption{position:absolute;top:20px;left:50%;transform:translateX(-50%);text-align:center;text-shadow:0 2px 8px #000;pointer-events:none}.ws-caption small{font:11px/1.4 sans-serif;letter-spacing:.22em}.ws-caption h1{font:700 clamp(22px,2.4vw,38px)/1.1 Georgia,serif;margin:7px 0}.ws-spot{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);display:flex;align-items:center;gap:9px;border:1px solid #b9964d;border-radius:24px;padding:7px 12px 7px 7px;background:#062b30d9;color:#ffe0a3;box-shadow:0 3px 15px #0008;cursor:pointer;font:600 clamp(12px,1vw,17px) Georgia,serif;white-space:nowrap;transition:background .2s,box-shadow .2s}.ws-spot i{font-style:normal;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#bd94502a;color:#7ee0e8}.ws-spot:hover,.ws-spot:focus-visible{background:#0b424a;box-shadow:0 0 0 3px #ecc67277,0 3px 20px #0008}.ws-nut span{display:none}.ws-whisper{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);max-width:80%;width:max-content;text-align:center;font:italic 15px Georgia,serif;color:#fff2d3;background:#062126b8;border-radius:5px;padding:9px 18px;margin:0}.ws-return{position:absolute;bottom:5px;left:20px}.ws-world{animation:ws-appear .45s ease-out}@keyframes ws-appear{from{opacity:0}to{opacity:1}}
#workshop-panel{box-sizing:border-box;width:min(1080px,94vw);max-width:94vw;max-height:88dvh;padding:0;color:#e2eff0;background:linear-gradient(130deg,#12343b,#071d25);border:2px solid #b9954c;border-radius:20px;box-shadow:0 25px 90px #000b;overflow:auto}#workshop-panel::backdrop{background:#00151bad;backdrop-filter:blur(5px)}#workshop-panel header{position:static;display:flex;align-items:center;justify-content:space-between;padding:22px 26px 16px;border-bottom:1px solid #b9954c66;background:none}#workshop-panel h2{color:#ffdfa0;font:700 30px/1.2 Georgia,serif;margin:5px 0 0}#workshop-panel small{font:11px/1.4 system-ui,sans-serif;color:#b9cdd0;letter-spacing:.12em}#workshop-panel button{font:600 15px/1.35 system-ui,sans-serif;color:#ffe0a4;background:#102f38;border:1px solid #997b3e;border-radius:9px;padding:10px 14px;cursor:pointer}#workshop-panel button:hover:not(:disabled),#workshop-panel button[aria-pressed=true]{background:#27515a;border-color:#ffdb87}#workshop-panel button:focus-visible{outline:3px solid #77d9e7;outline-offset:2px}#workshop-panel button:disabled{opacity:.45;cursor:not-allowed}#workshop-panel nav{display:flex;flex-wrap:wrap;gap:8px;padding:14px 24px}.ws-panel-body{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(240px,1fr);gap:24px;padding:8px 24px 20px}.ws-panel-body aside{padding:18px;background:#02171c70;border:1px solid #87c5c522;border-radius:12px}.ws-panel-body h3{font:700 22px/1.3 Georgia,serif;color:#ffdda0;margin:0 0 16px}.ws-panel-body h3 small{float:right;margin-top:7px}.ws-panel-body p{font:15px/1.6 system-ui,sans-serif;color:#bed0d3}.ws-bag{display:grid;gap:6px;max-height:300px;overflow:auto;margin-bottom:18px}.ws-bag>div{display:flex;align-items:center;gap:10px;padding:8px;border-bottom:1px solid #a4dce117;font:14px/1.3 system-ui,sans-serif}.ws-bag b{margin-left:auto;color:#73dbeb}.ws-item-symbol{font-size:25px;color:#bce8ec}.ws-swatch{display:inline-block;flex-shrink:0;width:21px;height:26px;border-radius:7px 7px 9px 9px;border:2px solid #f6d49499;background:radial-gradient(circle at 30% 25%,#fff8,transparent 40%),var(--pigment);box-shadow:inset 0 -4px 7px #0004}.ws-recipe-list{display:flex;flex-wrap:wrap;gap:8px}.ws-recipe-list button{display:flex;align-items:center;gap:8px}.ws-recipe-preview{text-align:center;padding:23px 10px 5px}.ws-recipe-preview>.ws-swatch{width:45px;height:52px;margin-bottom:12px}.ws-recipe-preview h3{margin:0}.ws-ingredients{display:grid;gap:6px;margin:12px 0}.ws-ingredients>div{display:flex;justify-content:space-between;padding:11px 14px;border-radius:7px;background:#051b22;font:15px system-ui,sans-serif}.ws-ingredients .ready b{color:#8ddeac}.ws-ingredients .missing b{color:#f8ae91}#workshop-panel .ws-primary{width:100%;background:linear-gradient(#e6c377,#b48937);color:#1b2529;border-color:#ffe1a0;font-weight:750;padding:14px}.ws-cost{font-size:12px!important;text-align:center}.ws-note{padding:14px;border-left:2px solid #c39a49;background:#b1873510;font:14px/1.6 system-ui,sans-serif;color:#c2d6d8}.ws-map-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}.ws-map-list button{text-align:left;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.ws-map-list b{font-size:23px;color:#71d9dc}.ws-map-list small{display:block;width:100%;letter-spacing:0!important}.ws-route-card{margin-top:20px;padding:22px;background:#d3ac4d12;border:1px solid #c7a65344;border-radius:12px}.ws-route-card h3{margin:10px 0}.ws-plan-cards{display:grid;gap:12px}.ws-plan-cards button{text-align:left!important;padding:22px!important}.ws-plan-cards span{float:right;font-size:35px;color:#72d5dc}.ws-plan-cards p{margin:0}#workshop-panel footer{padding:0 24px 18px;color:#8fe4d1;min-height:24px;font:14px/1.4 system-ui,sans-serif}#workshop-panel footer button{margin-left:12px}#workshop-panel kbd{font:11px system-ui,sans-serif;opacity:.7}
@media(max-width:700px){.ws-world{bottom:64px}.ws-caption{top:10px}.ws-caption h1{font-size:22px}.ws-caption small{display:none}.ws-spot{padding:4px;gap:0}.ws-spot span{position:absolute;top:100%;left:50%;transform:translateX(-50%);font-size:11px;padding:3px 6px;background:#072a30e8;border-radius:4px}.ws-nut span{display:none}.ws-whisper{font-size:12px;bottom:12px;width:85%;padding:8px}.ws-panel-body{grid-template-columns:1fr;padding:6px 16px 16px;gap:12px}.ws-bag{max-height:140px}#workshop-panel header{padding:14px 16px}#workshop-panel h2{font-size:24px}#workshop-panel nav{padding:12px 16px;gap:6px}#workshop-panel nav button{padding:8px;font-size:12px}.ws-map-list{gap:6px}.ws-map-list button{font-size:13px!important;padding:10px!important}}
@media(prefers-reduced-motion:reduce){.ws-world{animation:none}.ws-spot{transition:none}}
.ws-world .ws-spots{right:auto;bottom:auto}
@media(max-width:700px) and (orientation:portrait){.ws-background{position:absolute;top:0;height:53%;object-fit:cover;object-position:center}.ws-caption{top:16px;background:#071d258a;padding:8px 14px;border-radius:10px}.ws-world .ws-spots{left:16px!important;top:56%!important;width:calc(100% - 32px)!important;height:auto!important;display:grid;grid-template-columns:1fr 1fr;gap:12px}.ws-spot{position:static;transform:none;white-space:normal;min-height:50px;border-radius:10px;gap:6px;padding:8px;font:600 12px Georgia,serif}.ws-spot span{position:static;transform:none;background:none;padding:0;text-align:left}.ws-nut{grid-column:1/-1;justify-content:center}.ws-nut span{display:block}.ws-whisper{bottom:18px}}
.ws-mask-art{display:inline-block;flex-shrink:0;width:34px;height:34px;background-image:url('/assets/squirrel-village-v1/items.png');background-size:300% 300%;border-radius:6px}.ws-recipe-preview>.ws-mask-art{width:75px;height:75px;margin-bottom:12px}
/* Imagegen production art, live controls and quantities layered beside it. */
#workshop-panel{width:min(1640px,96vw);max-width:96vw;height:min(850px,94dvh);max-height:94dvh;padding:24px;border:0;border-radius:0;background:#05252b url('/assets/workshop-art-v2/frame.webp') center/100% 100% no-repeat;overflow:hidden;box-shadow:0 28px 100px #000c}
#workshop-panel[open]{display:flex;flex-direction:column}
#workshop-panel *{box-sizing:border-box}
#workshop-panel header{flex:none;padding:10px 18px 15px;border-color:#c59a4e55;gap:16px}
#workshop-panel header small{color:#c4b68c;font-size:10px;letter-spacing:.25em}
#workshop-panel h2{font-size:clamp(27px,2.4vw,39px);color:#ffe1a0;text-shadow:0 2px 3px #000;margin-top:4px}
#workshop-panel header [data-close]{width:56px;height:48px;font-size:25px;padding:4px;flex-shrink:0;background:#07262c}
#workshop-panel header kbd{font-size:10px}
#workshop-panel nav{flex:none;gap:10px;padding:14px 18px}
#workshop-panel nav button{flex:1;font:700 clamp(13px,1.15vw,18px)/1.2 Georgia,serif;padding:12px 8px;box-shadow:inset 0 0 0 2px #061a20,0 3px 8px #0004;border-color:#8c7540;background:linear-gradient(#123d45,#08232b)}
#workshop-panel nav button[aria-pressed=true]{color:#342510;background:linear-gradient(#ffe3a1,#bd9144);border-color:#ffe5a4;text-shadow:0 1px #fff5}
#workshop-panel .ws-panel-body{flex:1;min-height:0;grid-template-columns:minmax(0,1fr) 245px;padding:4px 18px 0;gap:18px}
#workshop-panel .ws-main{min-height:0;min-width:0;overflow:auto;scrollbar-width:thin;scrollbar-color:#ad8943 #07252b}
#workshop-panel .ws-materials{padding:18px 16px;display:flex;flex-direction:column;min-height:0;border:1px solid #b08d4e66;border-radius:10px;background:linear-gradient(150deg,#11353adc,#041b20ef);box-shadow:inset 0 0 20px #0005}
#workshop-panel .ws-bag-heading{position:relative;padding-bottom:14px;border-bottom:1px solid #b38e4566}
#workshop-panel .ws-bag-heading small{font-size:9px;letter-spacing:.18em;color:#b1b391}
#workshop-panel .ws-bag-heading h3{font-size:25px;margin:5px 0 6px}
#workshop-panel .ws-bag-heading>span{font:12px system-ui;color:#a8c7c9}
#workshop-panel .ws-bag{max-height:none;min-height:0;overflow:auto;margin:10px 0;gap:5px;scrollbar-width:thin}
#workshop-panel .ws-bag>div{padding:6px 0;gap:8px;font-size:12px;min-height:48px}
#workshop-panel .ws-bag>div span{min-width:0;line-height:1.3}
#workshop-panel .ws-bag b{font-size:17px;color:#8ae7ee;white-space:nowrap}
#workshop-panel .ws-bag-foot{margin-top:auto;padding-top:10px;border-top:1px solid #b18c4040}
#workshop-panel .ws-bag-foot p{font:italic 13px/1.5 Georgia;color:#b0b69e;text-align:center;margin:0 0 12px}
#workshop-panel .ws-bag-foot button{width:100%;font-size:12px;padding:11px 6px}
#workshop-panel .ws-bag-foot kbd{margin-left:8px;border:1px solid #b8ba9955;border-radius:3px;padding:2px 5px}
#workshop-panel .ws-item-art{display:inline-block;flex-shrink:0;width:38px;height:38px;background-image:url('/assets/squirrel-village-v1/items.png');background-size:300% 300%;border-radius:7px;vertical-align:middle}
#workshop-panel .ws-dust{background-image:url('/assets/profile-art-v1/items.png');background-size:400% 200%;background-position:0 0}
#workshop-panel .ws-illustration{position:relative;margin:0;min-width:0;min-height:0;overflow:hidden;border:1px solid #c19a50;border-radius:10px;box-shadow:0 4px 18px #0006;background:#0a282b}
#workshop-panel .ws-illustration img{display:block;width:100%;height:100%;object-fit:cover}
#workshop-panel .ws-illustration figcaption{position:absolute;bottom:0;left:0;right:0;padding:18px 16px 12px;background:linear-gradient(transparent,#051c20e8);font:10px Georgia;letter-spacing:.18em;color:#ffdb93}
#workshop-panel .ws-illustration figcaption span{float:right;color:#94e8e5}
#workshop-panel .ws-craft-stage{display:grid;grid-template-columns:1.05fr 1fr;gap:20px;height:100%;min-height:0}
#workshop-panel .ws-craft-stage .ws-illustration img{object-position:48% center}
#workshop-panel .ws-craft-controls{display:flex;flex-direction:column;min-width:0;justify-content:center;padding:4px 0}
#workshop-panel .ws-recipe-list{gap:6px;justify-content:center}
#workshop-panel .ws-recipe-list button{padding:5px 8px;font-size:12px;gap:5px;flex:1;justify-content:center;min-width:85px;box-shadow:inset 0 0 12px #0004}
#workshop-panel .ws-recipe-list .ws-item-art{width:26px;height:26px}
#workshop-panel .ws-recipe-preview{padding:18px 4px 2px}
#workshop-panel .ws-recipe-preview>.ws-item-art{width:68px;height:68px;margin:0 0 10px;box-shadow:0 0 26px #72d4ca20;border:1px solid #bf9a5255;border-radius:12px}
#workshop-panel .ws-recipe-preview h3{font-size:clamp(19px,1.65vw,27px);line-height:1.2}
#workshop-panel .ws-recipe-preview p{font-size:13px;line-height:1.5;margin:9px 0}
#workshop-panel .ws-ingredients{gap:8px;margin:12px 0}
#workshop-panel .ws-ingredients>div{padding:7px 10px;font-size:12px;align-items:center;border:1px solid #a68c4940;background:#021a20c9;gap:10px}
#workshop-panel .ws-ingredients span{display:flex;align-items:center;gap:8px}
#workshop-panel .ws-ingredients b{white-space:nowrap;font-size:15px}
#workshop-panel .ws-ingredients .ws-item-art{width:29px;height:29px}
#workshop-panel .ws-primary{font:700 18px Georgia;padding:13px;margin-top:5px;box-shadow:inset 0 0 0 2px #79592877,0 4px 10px #0005}
#workshop-panel .ws-primary:disabled{opacity:.58}
#workshop-panel .ws-cost{font-size:10px!important;line-height:1.5;margin:10px 8px 0;color:#98b6b8}
#workshop-panel .ws-note{padding:10px 12px;font-size:12px;line-height:1.45;margin:8px 0}
#workshop-panel footer{flex:none;padding:10px 18px 0;min-height:27px;font-size:12px}
#workshop-panel .ws-book-stage{display:grid;grid-template-rows:minmax(160px,1fr) auto auto;height:100%;gap:12px}
#workshop-panel .ws-book-stage .ws-illustration img{object-fit:cover;object-position:center 55%}
#workshop-panel .ws-plan-cards{grid-template-columns:1fr 1fr;gap:12px}
#workshop-panel .ws-plan-cards button{padding:13px 15px!important;background:linear-gradient(135deg,#153a3d,#08232b);border-color:#b6944b}
#workshop-panel .ws-plan-cards h3{font-size:21px;margin:0 0 6px}
#workshop-panel .ws-plan-cards p{font-size:12px;line-height:1.5}
#workshop-panel .ws-plan-cards span{font-size:24px}
#workshop-panel .ws-book-stage>.ws-note{margin:0;font:italic 12px/1.4 Georgia}
#workshop-panel .ws-map-stage{display:grid;grid-template-columns:1.25fr 1fr;gap:18px;height:100%}
#workshop-panel .ws-map-stage .ws-illustration img{object-position:center}
#workshop-panel .ws-map-controls{display:flex;flex-direction:column;justify-content:center;min-width:0}
#workshop-panel .ws-map-list{gap:7px}
#workshop-panel .ws-map-list button{font-size:12px;padding:10px;gap:6px;min-height:47px}
#workshop-panel .ws-map-list b{font-size:17px}
#workshop-panel .ws-map-list small{font-size:9px}
#workshop-panel .ws-route-card{margin-top:14px;padding:14px}
#workshop-panel .ws-route-card h3{font-size:24px;margin:8px 0}
#workshop-panel .ws-route-card p{font-size:13px;line-height:1.5;margin:8px 0}
@media(min-width:1000px) and (max-height:760px){#workshop-panel{padding:18px;height:96dvh;max-height:96dvh}#workshop-panel header{padding:5px 14px 8px}#workshop-panel h2{font-size:26px}#workshop-panel nav{padding:9px 14px}#workshop-panel nav button{padding:9px 5px}#workshop-panel .ws-recipe-preview{padding:10px 2px 0}#workshop-panel .ws-recipe-preview>.ws-item-art{width:42px;height:42px;margin-bottom:5px}#workshop-panel .ws-recipe-preview p{margin:5px 0}#workshop-panel .ws-ingredients{margin:7px 0}#workshop-panel .ws-cost{margin-top:6px}}
@media(max-width:1100px){#workshop-panel .ws-panel-body{grid-template-columns:minmax(0,1fr) 200px;gap:12px}#workshop-panel .ws-craft-stage{gap:12px;grid-template-columns:.8fr 1fr}#workshop-panel .ws-map-stage{grid-template-columns:1fr 1fr;gap:12px}#workshop-panel .ws-materials{padding:14px 10px}#workshop-panel .ws-bag-heading h3{font-size:22px}}
@media(max-width:800px){#workshop-panel{padding:15px;width:98vw;max-width:98vw;height:95dvh;max-height:95dvh;overflow:auto;background-size:100% 100%;scrollbar-width:thin}#workshop-panel[open]{display:block}#workshop-panel header{padding:7px 8px 12px}#workshop-panel h2{font-size:26px}#workshop-panel nav{padding:12px 6px;display:grid;grid-template-columns:1fr 1fr;gap:6px}#workshop-panel nav button{font-size:13px;min-height:40px}#workshop-panel .ws-panel-body{display:flex;flex-direction:column;padding:0 6px;gap:16px}#workshop-panel .ws-main{overflow:visible}#workshop-panel .ws-craft-stage,#workshop-panel .ws-map-stage{display:flex;flex-direction:column;gap:13px}#workshop-panel .ws-illustration{height:210px;flex-shrink:0}#workshop-panel .ws-illustration img{object-position:center 56%}#workshop-panel .ws-craft-controls{padding:0}#workshop-panel .ws-recipe-preview{padding:14px 3px 0}#workshop-panel .ws-recipe-preview>.ws-item-art{width:50px;height:50px}#workshop-panel .ws-recipe-preview h3{font-size:23px}#workshop-panel .ws-recipe-list button{font-size:12px}#workshop-panel .ws-book-stage{display:flex;flex-direction:column;gap:12px}#workshop-panel .ws-plan-cards{grid-template-columns:1fr}#workshop-panel .ws-materials{padding:16px}#workshop-panel .ws-bag{max-height:220px}#workshop-panel .ws-bag>div{font-size:13px}#workshop-panel footer{padding:12px 6px}#workshop-panel .ws-cost{font-size:11px!important}}
#workshop-panel nav button[aria-pressed=true]:hover:not(:disabled){background:linear-gradient(#ffedbe,#d2a457);color:#342510}
@media(min-width:801px){#workshop-panel header{padding-left:42px;padding-top:14px}#workshop-panel footer{padding-left:44px}}
@media(max-width:800px){#workshop-panel{border:20px solid transparent;border-image:url('/assets/workshop-art-v2/frame.webp') 110 fill / 20px / 0 stretch;background:#05252b;padding:0}#workshop-panel header{padding-top:12px}}