.wgw-game{color:#30271f;min-height:100vh;font-family:var(--font-noto-sans-tc),sans-serif;background:#eee4ce}.wgw-top{color:#f8e8bd;letter-spacing:.14em;background:#174f50;justify-content:space-between;align-items:center;height:58px;padding:0 max(22px,50vw - 660px);font-size:12px;display:flex}.wgw-top a{color:inherit;align-items:center;gap:8px;text-decoration:none;display:flex}.wgw-top svg{width:17px}.wgw-top small{color:#e5b04a}.wgw-shell{max-width:1320px;margin:auto;padding:28px 22px 48px}.wgw-heading{justify-content:space-between;align-items:end;margin-bottom:18px;display:flex}.wgw-heading p{color:#a94d32;letter-spacing:.16em;font-size:12px;font-weight:900}.wgw-heading h1{margin-top:8px;font:900 clamp(31px,5vw,54px)/1 serif}.wgw-heading>button{color:#174f50;background:#fff9e9;border:1px solid #baa782;border-radius:50%;place-items:center;width:48px;height:48px;display:grid}.wgw-heading>button:disabled{opacity:.35}.wgw-layout{grid-template-columns:minmax(0,2.15fr) minmax(280px,.85fr);gap:18px;display:grid}.wgw-board,.wgw-side{background:#fffaf0;border:1px solid #d3c19c;box-shadow:0 14px 40px #6a503623}.wgw-hud{background:#d3c19c;grid-template-columns:repeat(5,1fr);gap:1px;display:grid}.wgw-hud>div{background:#fffaf0;padding:12px}.wgw-hud small{color:#806c59;letter-spacing:.1em;font-size:9px;display:block}.wgw-hud strong{margin-top:4px;font-size:18px;display:block}.wgw-hud em{color:#a28c72;font-size:11px;font-style:normal}.wgw-progress{background:#decbaa;height:5px}.wgw-progress i{background:linear-gradient(90deg,#217879,#d69b35);height:100%;transition:width .25s;display:block}.wgw-yard{isolation:isolate;background:linear-gradient(150deg,#e8d4a5,#bd8351 55%,#5e773f);min-height:592px;padding:19px;position:relative;overflow:hidden}.wgw-yard:before{content:"";z-index:-1;background:repeating-linear-gradient(0deg,#0000 0 55px,#68472d26 56px 59px),linear-gradient(90deg,#2b8d96 0 9%,#0000 9%);position:absolute;inset:0}.wgw-rack{grid-template-columns:repeat(3,1fr);gap:8px;width:min(560px,100%);margin:0 auto 15px;display:grid}.wgw-rack button{color:#493522;text-align:left;touch-action:manipulation;background:#f4e2ba;border:2px solid #795536;grid-template-rows:1fr 1fr;grid-template-columns:32px 1fr;align-items:center;min-height:72px;padding:8px 12px;display:grid}.wgw-rack button svg{color:#a65b32;grid-row:1/3}.wgw-rack button b{font-size:13px}.wgw-rack button small{color:#80684f;font-size:9px}.wgw-rack button.selected{color:#fff3cc;background:#174f50;border-color:#174f50}.wgw-rack button.selected small{color:#d6eadf}.wgw-rack button:disabled{opacity:.45}.wgw-machine{background:#503b2b;border:7px solid #3a2c22;width:min(690px,100%);margin:auto;padding:13px;box-shadow:0 14px #38281e55}.wgw-row{grid-template-columns:52px repeat(5,minmax(48px,1fr)) 52px;align-items:center;gap:7px;margin:7px 0;display:grid}.wgw-slot{aspect-ratio:1;color:#f4dba8;touch-action:manipulation;background:radial-gradient(circle,#4d392a 0 13%,#98734e 15% 19%,#b88b5c 21%);border:0;border-radius:10px;place-items:center;min-width:0;min-height:72px;display:grid}.wgw-slot:focus-visible{outline-offset:2px;outline:4px solid #f8d66d}.wgw-rack button:focus-visible{outline-offset:2px;outline:4px solid #f8d66d}.wgw-actions button:focus-visible{outline-offset:2px;outline:4px solid #f8d66d}.wgw-slot.blocked{color:#eed7ad;background:repeating-linear-gradient(45deg,#795034 0 8px,#9c6844 8px 16px)}.wgw-plank{border:1px solid #d0a775;padding:3px;font:900 12px serif}.wgw-hole{opacity:.55;font-size:22px}.wgw-gear{aspect-ratio:1;background:repeating-conic-gradient(#d4a13c 0 8deg,#7c542a 8deg 17deg);border-radius:50%;place-items:center;width:58%;display:grid;position:relative;box-shadow:0 0 0 6px #d0a13f,0 3px 8px #2b1f18}.wgw-gear:before{content:"";background:#61442b;border:4px solid #f1ce72;border-radius:50%;position:absolute;inset:22%}.wgw-gear b{z-index:1;color:#fff2bd;font-size:9px;position:relative}.wgw-slot.large .wgw-gear{background:repeating-conic-gradient(#d17836 0 8deg,#6f4329 8deg 17deg);width:76%;box-shadow:0 0 0 7px #c66e37,0 3px 8px #2b1f18}.wgw-slot.connected{background:radial-gradient(circle,#245f58 0 13%,#d6aa49 15% 19%,#dfbd68 21%);box-shadow:inset 0 0 18px #fff3a8}.is-spinning .wgw-slot.connected .wgw-gear{animation:1.1s linear infinite wgw-spin}.wgw-source,.wgw-output{color:#dac8a6;place-items:center;height:58px;display:grid;position:relative}.wgw-source svg,.wgw-output svg{width:31px;height:31px}.wgw-source.active{color:#d9a33c;background:#235e62;border-radius:50%;box-shadow:0 0 0 5px #e9c768}.wgw-source.active i{background:#f2d07a;width:6px;height:55px;position:absolute;transform:rotate(45deg)}.is-spinning .wgw-source.active{animation:1.7s linear infinite wgw-spin}.wgw-output.target{color:#f0cc71;background:#6e4a31;border:4px solid #d4a752}.wgw-output.target small{font:900 9px serif;position:absolute}.wgw-output.lit{color:#ffe29a;background:#174f50;box-shadow:0 0 18px #fff0a4}.is-spinning .wgw-output.lit svg{animation:.9s linear infinite wgw-spin}.wgw-actions{align-items:stretch;gap:10px;width:min(690px,100%);margin:13px auto 0;display:flex}.wgw-actions p{color:#f6e8c2;background:#174f50;flex:1;margin:0;padding:11px 14px;font-size:12px;line-height:1.5}.wgw-actions button{color:#fff1d2;touch-action:manipulation;background:#a94d32;border:0;align-items:center;gap:7px;min-height:52px;padding:0 18px;font:800 13px inherit;display:flex}.wgw-actions button:disabled{opacity:.45}.wgw-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10;background:#173f3daf;place-items:center;padding:20px;display:grid;position:absolute;inset:0}.wgw-overlay>div{text-align:center;background:#fff4d9;border:1px solid #d5b067;width:min(610px,100%);padding:27px;box-shadow:0 20px 55px #152d2a77}.wgw-overlay>div>span,.wgw-side>span{letter-spacing:.17em;color:#a14830;font-size:10px;font-weight:900}.wgw-overlay h2{margin:8px 0;font:900 clamp(25px,4vw,40px)/1.15 serif}.wgw-overlay p{color:#6d5745;max-width:510px;margin:0 auto 17px;font-size:13px;line-height:1.7}.wgw-overlay>div>button{color:#fff2d4;background:#a94d32;border:0;align-items:center;gap:8px;min-height:52px;padding:0 24px;font:800 14px inherit;display:inline-flex}.wgw-overlay>div>small{color:#836c57;margin-top:14px;font-size:10px;display:block}.wgw-upgrades{grid-template-columns:repeat(3,1fr);gap:9px;display:grid}.wgw-upgrades button{color:#453429;touch-action:manipulation;background:#fffaf0;border:1px solid #cfb78c;flex-direction:column;align-items:center;gap:6px;min-height:118px;padding:12px;font-family:inherit;display:flex}.wgw-upgrades button:hover{background:#e5f1e3;border-color:#174f50}.wgw-upgrades b{font-size:13px}.wgw-upgrades small{font-size:10px}.wgw-side{padding:25px}.wgw-side h2{margin:10px 0;font:900 25px/1.28 serif}.wgw-side>p{color:#705c4c;font-size:13px;line-height:1.75}.wgw-side>div{border-top:1px solid #e1d3bc;gap:11px;margin-top:19px;padding-top:15px;display:flex}.wgw-side>div svg{color:#a94d32;flex:none}.wgw-side>div p{margin:0}.wgw-side>div b{font-size:13px;display:block}.wgw-side>div small{color:#75604e;margin-top:3px;font-size:10px;line-height:1.5;display:block}.wgw-side details{background:#f0e4d0;margin-top:21px;padding:15px}.wgw-side summary{font-size:12px;font-weight:900}.wgw-side details p{color:#685442;font-size:12px;line-height:1.7}.wgw-batch{display:none}@keyframes wgw-spin{to{transform:rotate(1turn)}}@media (max-width:860px){.wgw-layout{grid-template-columns:1fr}.wgw-side{order:2}.wgw-shell{padding:20px 14px 36px}.wgw-top{padding:0 15px}.wgw-yard{min-height:570px}}@media (max-width:540px){.wgw-heading{align-items:center}.wgw-heading h1{font-size:36px}.wgw-hud{grid-template-columns:repeat(3,1fr)}.wgw-hud>div{text-align:center;padding:8px}.wgw-hud strong{font-size:15px}.wgw-yard{min-height:520px;padding:11px 7px}.wgw-rack{gap:5px}.wgw-rack button{grid-template-columns:24px 1fr;min-height:64px;padding:6px}.wgw-rack button svg{width:20px}.wgw-machine{border-width:5px;padding:6px}.wgw-row{grid-template-columns:32px repeat(5,minmax(34px,1fr)) 32px;gap:3px;margin:5px 0}.wgw-slot{min-height:54px}.wgw-source,.wgw-output{height:42px}.wgw-source svg,.wgw-output svg{width:23px}.wgw-source.active i{height:39px}.wgw-actions{flex-direction:column}.wgw-actions button{justify-content:center}.wgw-overlay{padding:10px}.wgw-overlay>div{padding:20px 12px}.wgw-upgrades{grid-template-columns:1fr}.wgw-upgrades button{text-align:left;grid-template-columns:30px 1fr;min-height:72px;display:grid}.wgw-upgrades small{grid-column:2}.wgw-side{padding:20px}.wgw-top span{letter-spacing:.06em;font-size:8px}}@media (max-width:360px){.wgw-shell{padding-inline:7px}.wgw-heading h1{font-size:31px}.wgw-heading>button{width:42px;height:42px}.wgw-row{grid-template-columns:27px repeat(5,minmax(31px,1fr)) 27px}.wgw-slot{min-height:48px}.wgw-rack button small{display:none}.wgw-side{padding:16px}}@media (prefers-reduced-motion:reduce){.is-spinning .wgw-slot.connected .wgw-gear,.is-spinning .wgw-source.active,.is-spinning .wgw-output.lit{animation-duration:3s}.wgw-progress i{transition:none}}
