.wordworks-game{position:relative;width:100%;height:100%;overflow:hidden;container-type:size;background:#000;color:#fff;font-family:Consolas,"Courier New",monospace;outline:none;user-select:none;-webkit-user-select:none;touch-action:none}.wordworks-game *{box-sizing:border-box}.wordworks-game canvas{position:absolute;inset:0;width:100%;height:100%;display:block;image-rendering:pixelated}.wordworks-game .wordworks-toolbar{position:absolute;left:8px;right:calc(27% + 6px);bottom:7px;display:flex;flex-direction:column;gap:4px;align-items:stretch;justify-content:flex-end;pointer-events:none}.wordworks-game .wordworks-toolbar-row{display:flex;gap:4px;flex-wrap:wrap;align-items:center;justify-content:center}.wordworks-game .wordworks-btn{pointer-events:auto;border:1px solid #777;background:#101010;color:#eee;font:700 12px Consolas,"Courier New",monospace;padding:6px 8px;min-height:30px;box-shadow:inset 0 0 0 1px #292929;cursor:pointer;letter-spacing:.2px}.wordworks-game .wordworks-btn:hover,.wordworks-game .wordworks-btn:focus{background:#222;border-color:#fff;outline:none}.wordworks-game .wordworks-btn[data-active="1"]{background:#eee;color:#000;border-color:#fff}.wordworks-game .wordworks-tooltip{position:absolute;left:10px;bottom:96px;max-width:520px;padding:7px 9px;border:1px solid #6fa56f;background:#001100f2;color:#d6ffd6;font:700 12px/1.35 Consolas,"Courier New",monospace;pointer-events:none;z-index:3}.wordworks-game .wordworks-hide{display:none!important}@container (max-width:700px){.wordworks-game .wordworks-btn{font-size:12px;padding:4px 5px;min-height:24px}.wordworks-game .wordworks-toolbar{gap:3px;bottom:3px}.wordworks-game .wordworks-toolbar-row{gap:3px}.wordworks-game .wordworks-tooltip{font-size:12px;bottom:76px;max-width:65%}}.wordworks-game .wordworks-upgrades{position:absolute;right:1%;top:58%;bottom:2%;width:27%;max-height:none;overflow:auto;padding:11px;border:1px solid #2f6f4a;background:#000f;color:#d6ffd6;z-index:4;font:700 12px/1.35 Consolas,"Courier New",monospace}.wordworks-game .wordworks-up-title{color:#55ffff;margin-bottom:7px;font-size:14px;line-height:1.25;white-space:normal;overflow:visible}.wordworks-game .wordworks-up-btn{display:block;width:100%;min-height:34px;margin:5px 0;border:1px solid #557755;background:#102010;color:#fff;font:700 12px/1.25 Consolas,"Courier New",monospace;text-align:left;padding:7px 8px;cursor:pointer;white-space:normal}.wordworks-game .wordworks-up-btn:hover,.wordworks-game .wordworks-up-btn:focus{border-color:#fff;background:#183018;outline:none}.wordworks-game .wordworks-up-btn:disabled{cursor:default;color:#6fa56f;border-color:#294229;background:#071007}.wordworks-game .wordworks-up-desc{font:12px/1.35 Consolas,"Courier New",monospace;color:#8ccf8c;margin:0 2px 8px;white-space:normal}
.wordworks-game .wordworks-devmenu{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(480px,70%);padding:12px;border:2px solid #55ffff;background:#001100f5;color:#d6ffd6;z-index:8;font:700 12px/1.3 Consolas,"Courier New",monospace;box-shadow:0 0 0 2px #000}.wordworks-game .wordworks-devmenu-title{font-size:17px;color:#55ffff;margin-bottom:2px}.wordworks-game .wordworks-devmenu-sub{color:#6fa56f;margin-bottom:10px}.wordworks-game .wordworks-devmenu-btn{display:block;width:100%;margin:6px 0;padding:9px 10px;border:1px solid #557755;background:#102010;color:#fff;text-align:left;font:700 12px/1.25 Consolas,"Courier New",monospace;cursor:pointer}.wordworks-game .wordworks-devmenu-btn strong{display:block;color:#ffff55;font-size:13px}.wordworks-game .wordworks-devmenu-btn span{display:block;color:#d6ffd6;margin-top:3px;font-size:12px}.wordworks-game .wordworks-devmenu-btn:hover,.wordworks-game .wordworks-devmenu-btn:focus{border-color:#fff;background:#183018;outline:none}.wordworks-game .wordworks-devmenu-close{display:block;margin:10px 0 0 auto;padding:6px 10px;border:1px solid #777;background:#111;color:#eee;font:700 12px Consolas,"Courier New",monospace;cursor:pointer}
.wordworks-game .wordworks-blueprintmenu{width:min(600px,78%);max-height:72%;overflow:auto}.wordworks-game .wordworks-blueprint-row{margin:7px 0;padding:7px;border:1px solid #2f6f4a;background:#071507}.wordworks-game .wordworks-blueprint-name{color:#55ffff;font:700 12px/1.25 Consolas,"Courier New",monospace;margin-bottom:5px}.wordworks-game .wordworks-blueprint-actions{display:flex;gap:5px;flex-wrap:wrap}.wordworks-game .wordworks-blueprint-actions .wordworks-devmenu-close{margin:0}

.wordworks-game .wordworks-status{position:absolute;left:10px;right:calc(27% + 8px);bottom:88px;z-index:7;padding:7px 10px;border:1px solid #ffff55;background:#050900f2;color:#ffff55;font:700 12px/1.3 Consolas,"Courier New",monospace;pointer-events:none;white-space:normal;overflow-wrap:anywhere;box-shadow:0 0 0 1px #000}.wordworks-game .wordworks-status.wordworks-hide{display:none!important}@container (max-width:700px){.wordworks-game .wordworks-status{bottom:72px;font-size:12px;padding:5px 7px}}

.wordworks-game .wordworks-blueprint-receipt{width:min(520px,60%);max-height:72%;left:50%;right:auto;top:12%;transform:translateX(-50%);z-index:8}.wordworks-game .wordworks-blueprint-json{width:100%;height:180px;resize:vertical;background:#001100;color:#d6ffd6;border:1px solid #376f37;padding:7px;font:700 12px/1.3 Consolas,"Courier New",monospace;user-select:text;-webkit-user-select:text}.wordworks-game .wordworks-blueprint-receipt .wordworks-blueprint-actions{display:flex;gap:5px;flex-wrap:wrap;margin-top:7px}.wordworks-game .wordworks-blueprint-receipt .wordworks-devmenu-close{min-height:30px;padding:5px 8px}.wordworks-game .wordworks-status{bottom:78px}

.wordworks-game .wordworks-config-label{margin:10px 0 5px;padding-top:7px;border-top:1px solid #274827;color:#ffff55;font:700 12px/1.3 Consolas,"Courier New",monospace}.wordworks-game .wordworks-config-select{display:block;width:100%;min-height:38px;margin:5px 0 8px;padding:7px 8px;border:1px solid #557755;background:#081408;color:#fff;font:700 12px Consolas,"Courier New",monospace}.wordworks-game .wordworks-config-inline{display:flex;gap:6px;margin:6px 0 10px;align-items:stretch}.wordworks-game .wordworks-config-input{min-width:0;flex:1;min-height:38px;padding:7px 8px;border:1px solid #557755;background:#001100;color:#fff;font:700 12px Consolas,"Courier New",monospace;user-select:text;-webkit-user-select:text}.wordworks-game .wordworks-config-smallbtn{flex:0 0 auto;min-height:38px;padding:7px 10px;border:1px solid #55ffff;background:#102020;color:#fff;font:700 12px Consolas,"Courier New",monospace;cursor:pointer}.wordworks-game .wordworks-config-smallbtn:hover,.wordworks-game .wordworks-config-smallbtn:focus,.wordworks-game .wordworks-config-select:focus,.wordworks-game .wordworks-config-input:focus{outline:1px solid #fff;border-color:#fff}/* v2 UI: keep configuration surfaces out of the HUD text and toolbar. */
.wordworks-game .wordworks-upgrades{
  top:50%;
  bottom:88px;
  right:1%;
  width:27%;
  z-index:6;
  background:#000;
  border-color:#2f6f4a;
  overflow:auto;
  scrollbar-color:#376f37 #050505;
}
.wordworks-game .wordworks-upgrades:before{
  content:'';
  position:sticky;
  top:-11px;
  display:block;
  height:1px;
  background:#000;
}
.wordworks-game .wordworks-tech{
  position:absolute;
  right:1%;
  top:18%;
  bottom:88px;
  width:31%;
  overflow:auto;
  padding:12px;
  border:2px solid #55ffff;
  background:#001010fa;
  color:#d6ffd6;
  z-index:9;
  font:700 12px/1.35 Consolas,"Courier New",monospace;
}
.wordworks-game .wordworks-tech-node{
  display:block;
  width:100%;
  margin:7px 0;
  padding:9px 10px;
  border:1px solid #557755;
  background:#102010;
  color:#fff;
  text-align:left;
  font:700 12px/1.3 Consolas,"Courier New",monospace;
  cursor:pointer;
}
.wordworks-game .wordworks-tech-node strong{display:block;color:#ffff55;font-size:12px}
.wordworks-game .wordworks-tech-node span{display:block;color:#d6ffd6;margin-top:4px;font-size:12px}
.wordworks-game .wordworks-tech-node:hover,.wordworks-game .wordworks-tech-node:focus{border-color:#fff;background:#183018;outline:none}
.wordworks-game .wordworks-tech-node.owned,.wordworks-game .wordworks-tech-node:disabled{cursor:default;background:#071007;border-color:#294229;color:#6fa56f}
.wordworks-game .wordworks-tech-node.owned strong{color:#55ff55}
.wordworks-game .wordworks-btn[data-locked="1"]{color:#667766;border-color:#334433;background:#080808;text-decoration:line-through;cursor:not-allowed}
@container (max-width:700px){
  .wordworks-game .wordworks-upgrades{top:47%;bottom:72px;width:31%;font-size:12px;padding:8px}
  .wordworks-game .wordworks-tech{top:12%;bottom:72px;width:38%;font-size:12px;padding:8px}
}
.wordworks-game .wordworks-config-close{display:block;margin:0 0 8px auto;padding:5px 8px;border:1px solid #777;background:#111;color:#eee;font:700 12px Consolas,"Courier New",monospace;cursor:pointer}.wordworks-game .wordworks-config-close:hover,.wordworks-game .wordworks-config-close:focus{border-color:#fff;outline:none;background:#222}
/* v2.1.1: full tech encyclopedia cards */
.wordworks-game .wordworks-tech{width:38%;top:7%;bottom:76px;padding:14px;font-size:12px;line-height:1.45}
.wordworks-game .wordworks-tech .wordworks-devmenu-title{font-size:19px}
.wordworks-game .wordworks-tech .wordworks-devmenu-sub{font-size:12px;line-height:1.45;color:#9ad69a}
.wordworks-game .wordworks-tech-node{padding:12px 13px;margin:10px 0;font-size:12px;line-height:1.45;white-space:normal}
.wordworks-game .wordworks-tech-node strong{font-size:14px;margin-bottom:5px}
.wordworks-game .wordworks-tech-prereq{color:#55ffff;font-size:12px;margin:2px 0 7px;padding-bottom:6px;border-bottom:1px dashed #2f6f4a}
.wordworks-game .wordworks-tech-detail{display:block;color:#d6ffd6;font:700 12px/1.48 Consolas,"Courier New",monospace;margin:6px 0;white-space:normal}
.wordworks-game .wordworks-tech-detail-label{color:#ffff55;font-weight:700}
.wordworks-game .wordworks-tech-action{margin-top:9px;padding-top:7px;border-top:1px solid #315531;color:#55ffff;font:700 12px/1.35 Consolas,"Courier New",monospace}
.wordworks-game .wordworks-tech-node.owned .wordworks-tech-detail{color:#86b886}
.wordworks-game .wordworks-tech-node.owned .wordworks-tech-detail-label{color:#8ee58e}
@container (max-width:900px){.wordworks-game .wordworks-tech{width:46%;top:5%;font-size:12px}.wordworks-game .wordworks-tech-detail{font-size:12px}.wordworks-game .wordworks-tech-node strong{font-size:12px}}

/* v2.1.8 lightweight Worder recipe picker */
.wordworks-game .wordworks-wordpicker{position:absolute;right:29%;top:27%;width:min(360px,38%);padding:12px;border:2px solid #55ffff;background:#001010f5;color:#fff;z-index:9;font-family:Consolas,"Courier New",monospace;box-shadow:0 0 0 2px #001b1b}
.wordworks-game .wordworks-wordpicker-title{color:#55ffff;font:700 15px/1.2 Consolas,"Courier New",monospace;margin-bottom:5px}
.wordworks-game .wordworks-wordpicker-sub{color:#9bd49b;font:700 12px/1.25 Consolas,"Courier New",monospace;margin-bottom:8px}
.wordworks-game .wordworks-wordpicker-select,.wordworks-game .wordworks-wordpicker-input{width:100%;min-height:38px;border:1px solid #5a8f6a;background:#031303;color:#fff;padding:7px 8px;font:700 13px Consolas,"Courier New",monospace;user-select:text;-webkit-user-select:text}
.wordworks-game .wordworks-wordpicker-btn,.wordworks-game .wordworks-wordpicker-small,.wordworks-game .wordworks-wordpicker-close{border:1px solid #55ffff;background:#102020;color:#fff;font:700 12px Consolas,"Courier New",monospace;cursor:pointer;padding:8px 10px;min-height:36px}
.wordworks-game .wordworks-wordpicker-btn{display:block;width:100%;margin:7px 0}
.wordworks-game .wordworks-wordpicker-divider{color:#ffff55;font:700 12px Consolas,"Courier New",monospace;margin:9px 0 5px;border-top:1px solid #274827;padding-top:7px}
.wordworks-game .wordworks-wordpicker-row{display:flex;gap:6px;align-items:stretch}.wordworks-game .wordworks-wordpicker-row .wordworks-wordpicker-input{min-width:0;flex:1}.wordworks-game .wordworks-wordpicker-small{flex:0 0 auto}
.wordworks-game .wordworks-wordpicker-note{color:#7fbf7f;font:12px/1.3 Consolas,"Courier New",monospace;margin:6px 0 9px}.wordworks-game .wordworks-wordpicker-close{width:100%;border-color:#777;background:#111}
.wordworks-game .wordworks-wordpicker button:hover,.wordworks-game .wordworks-wordpicker button:focus,.wordworks-game .wordworks-wordpicker select:focus,.wordworks-game .wordworks-wordpicker input:focus{outline:1px solid #fff;border-color:#fff}
@container (max-width:700px){.wordworks-game .wordworks-wordpicker{right:3%;top:22%;width:54%;padding:8px}.wordworks-game .wordworks-wordpicker-title{font-size:12px}.wordworks-game .wordworks-wordpicker-select,.wordworks-game .wordworks-wordpicker-input{font-size:12px;min-height:34px}}


/* v2.1.9 tech tree readability pass */
.wordworks-game .wordworks-tech{width:48%;top:6%;bottom:70px;padding:20px 22px;font-size:14px;line-height:1.55;background:#001010f3}
.wordworks-game .wordworks-tech .wordworks-devmenu-title{font-size:28px;line-height:1.08;margin-bottom:6px}
.wordworks-game .wordworks-tech .wordworks-devmenu-sub{font-size:15px;line-height:1.5;color:#9ad69a;margin-bottom:14px}
.wordworks-game .wordworks-tech-node{padding:16px 18px;margin:14px 0;border:1px solid #2a6e50;background:linear-gradient(180deg,#0d1d0d 0%,#0a160a 100%);white-space:normal}
.wordworks-game .wordworks-tech-head{display:flex;align-items:flex-start;gap:14px}
.wordworks-game .wordworks-tech-glyph{flex:0 0 42px;width:42px;height:42px;display:grid;place-items:center;border:1px solid #55ffff;background:#031818;color:#55ffff;font:700 18px/1 Consolas,"Courier New",monospace}
.wordworks-game .wordworks-tech-titlewrap{min-width:0;flex:1}
.wordworks-game .wordworks-tech-node strong{font-size:19px;line-height:1.15;margin:0 0 6px;color:#ffff55}
.wordworks-game .wordworks-tech-unlocks{color:#d8ffd8;font:700 15px/1.4 Consolas,"Courier New",monospace}
.wordworks-game .wordworks-tech-price{flex:0 0 auto;border:1px solid #2f6f4a;background:#071307;color:#55ffff;padding:8px 10px;font:700 15px/1 Consolas,"Courier New",monospace}
.wordworks-game .wordworks-tech-meta{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}
.wordworks-game .wordworks-tech-chip{display:inline-block;padding:4px 8px;border:1px solid #315531;background:#091309;color:#d6ffd6;font:700 12px/1.2 Consolas,"Courier New",monospace}
.wordworks-game .wordworks-tech-chip.req{border-color:#2f6f6f;color:#55ffff;background:#061414}
.wordworks-game .wordworks-tech-chip.soft{border-color:#615b22;color:#ffff99;background:#141205}
.wordworks-game .wordworks-tech-sections{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:8px}
.wordworks-game .wordworks-tech-section{border:1px solid #234523;background:#061006;padding:10px 11px;min-height:82px}
.wordworks-game .wordworks-tech-section-label{color:#55ffff;font:700 13px/1.2 Consolas,"Courier New",monospace;margin-bottom:5px}
.wordworks-game .wordworks-tech-section-text{color:#d6ffd6;font:700 13px/1.5 Consolas,"Courier New",monospace}
.wordworks-game .wordworks-tech-action{margin-top:12px;padding-top:10px;border-top:1px solid #315531;color:#55ffff;font:700 13px/1.4 Consolas,"Courier New",monospace}
.wordworks-game .wordworks-tech-node.owned .wordworks-tech-glyph{border-color:#55ff55;color:#55ff55;background:#031303}
.wordworks-game .wordworks-tech-node.owned .wordworks-tech-price{color:#55ff55;border-color:#2f6f2f}
.wordworks-game .wordworks-tech-node.owned .wordworks-tech-section-text{color:#9ccc9c}
@container (max-width:1100px){.wordworks-game .wordworks-tech{width:52%;padding:16px 18px}.wordworks-game .wordworks-tech-sections{grid-template-columns:1fr}.wordworks-game .wordworks-tech-node strong{font-size:17px}.wordworks-game .wordworks-tech-unlocks,.wordworks-game .wordworks-tech-section-text,.wordworks-game .wordworks-tech-action{font-size:12px}}
@container (max-width:800px){.wordworks-game .wordworks-tech{width:62%;top:4%;padding:12px 14px;font-size:12px}.wordworks-game .wordworks-tech .wordworks-devmenu-title{font-size:20px}.wordworks-game .wordworks-tech .wordworks-devmenu-sub{font-size:12px}.wordworks-game .wordworks-tech-glyph{width:32px;height:32px;flex-basis:32px;font-size:14px}.wordworks-game .wordworks-tech-node strong{font-size:15px}.wordworks-game .wordworks-tech-unlocks,.wordworks-game .wordworks-tech-action,.wordworks-game .wordworks-tech-section-text{font-size:12px}.wordworks-game .wordworks-tech-section-label{font-size:12px}}


/* v2.2.1 contextual one-click Worder recipe picker */
.wordworks-game .wordworks-wordpicker{right:auto;bottom:auto;width:300px;max-width:42%;padding:9px 10px 10px;border:2px solid #55ffff;background:#001010f7;transform:translateX(-50%);box-shadow:0 0 0 2px #001b1b;z-index:10}
.wordworks-game .wordworks-wordpicker[data-side="above"]{transform:translate(-50%,-100%);margin-top:-7px}
.wordworks-game .wordworks-wordpicker[data-side="below"]{transform:translate(-50%,0);margin-top:7px}
.wordworks-game .wordworks-wordpicker:after{content:'';position:absolute;left:50%;width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;transform:translateX(-50%)}
.wordworks-game .wordworks-wordpicker[data-side="above"]:after{bottom:-8px;border-top:8px solid #55ffff}
.wordworks-game .wordworks-wordpicker[data-side="below"]:after{top:-8px;border-bottom:8px solid #55ffff}
.wordworks-game .wordworks-wordpicker-title{font-size:13px;margin:0 28px 2px 0}
.wordworks-game .wordworks-wordpicker-sub{font-size:12px;margin-bottom:6px;color:#8fd08f}
.wordworks-game .wordworks-wordpicker-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;max-height:155px;overflow:auto;padding-right:2px}
.wordworks-game .wordworks-wordpicker-choice{min-width:0;min-height:30px;padding:5px 4px;border:1px solid #396f52;background:#071607;color:#d6ffd6;font:700 12px/1 Consolas,"Courier New",monospace;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wordworks-game .wordworks-wordpicker-choice:hover,.wordworks-game .wordworks-wordpicker-choice:focus{border-color:#fff;background:#183018;outline:none}
.wordworks-game .wordworks-wordpicker-choice.active{border-color:#ffff55;color:#ffff55;background:#242000}
.wordworks-game .wordworks-wordpicker-divider{font-size:12px;margin:6px 0 3px;padding-top:4px}
.wordworks-game .wordworks-wordpicker-row{gap:4px}
.wordworks-game .wordworks-wordpicker-input{min-height:30px;padding:4px 6px;font-size:12px}
.wordworks-game .wordworks-wordpicker-small{min-height:30px;padding:4px 7px;font-size:12px}
.wordworks-game .wordworks-wordpicker-close{position:absolute;right:5px;top:5px;width:25px;min-height:24px;height:24px;padding:0;border-color:#777;background:#111;font-size:14px;line-height:20px}
@container (max-width:700px){.wordworks-game .wordworks-wordpicker{width:250px;max-width:58%;padding:7px}.wordworks-game .wordworks-wordpicker-list{grid-template-columns:repeat(2,minmax(0,1fr));max-height:130px}.wordworks-game .wordworks-wordpicker-choice{font-size:12px;min-height:28px}}


/* v2.2.2 per-machine tech subcards */
.wordworks-game .wordworks-tech-machines-label{margin:12px 0 8px;color:#ffff55;font:700 13px/1.2 Consolas,"Courier New",monospace;letter-spacing:.4px}
.wordworks-game .wordworks-tech-machines{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:12px}
.wordworks-game .wordworks-tech-machine{display:flex;gap:11px;align-items:flex-start;border:1px solid #2f6f6f;background:#041313;padding:11px;min-height:108px}
.wordworks-game .wordworks-tech-machine-icon{flex:0 0 42px;width:42px;height:42px;display:grid;place-items:center;border:1px solid #55ffff;background:#001a1a;color:#55ffff;font:700 16px/1 Consolas,"Courier New",monospace}
.wordworks-game .wordworks-tech-machine-body{min-width:0;flex:1}
.wordworks-game .wordworks-tech-machine-name{color:#ffffff;font:700 16px/1.2 Consolas,"Courier New",monospace;margin-bottom:5px}
.wordworks-game .wordworks-tech-machine-summary{color:#bfffbf;font:700 13px/1.45 Consolas,"Courier New",monospace;margin-bottom:6px}
.wordworks-game .wordworks-tech-machine-detail{color:#87c987;font:12px/1.45 Consolas,"Courier New",monospace}
.wordworks-game .wordworks-tech-node.owned .wordworks-tech-machine{border-color:#285028;background:#061006}
.wordworks-game .wordworks-tech-node.owned .wordworks-tech-machine-icon{border-color:#55ff55;color:#55ff55;background:#031303}
@container (max-width:1100px){.wordworks-game .wordworks-tech-machines{grid-template-columns:1fr}}
@container (max-width:800px){.wordworks-game .wordworks-tech-machine-name{font-size:12px}.wordworks-game .wordworks-tech-machine-summary{font-size:12px}.wordworks-game .wordworks-tech-machine-detail{font-size:12px}.wordworks-game .wordworks-tech-machine-icon{width:30px;height:30px;flex-basis:30px;font-size:12px}}


/* v2.2.4 XXL tech tree readability */
.wordworks-game .wordworks-tech{
  width:62%;
  top:4%;
  bottom:62px;
  padding:24px 28px;
  font-size:20px;
  line-height:1.55;
}
.wordworks-game .wordworks-tech .wordworks-devmenu-title{
  font-size:36px;
  line-height:1.05;
  margin-bottom:10px;
}
.wordworks-game .wordworks-tech .wordworks-devmenu-sub{
  font-size:20px;
  line-height:1.5;
  margin-bottom:18px;
}
.wordworks-game .wordworks-tech .wordworks-config-label{
  font-size:20px;
  margin:16px 0 10px;
  padding-top:10px;
}
.wordworks-game .wordworks-tech-node{
  padding:20px 22px;
  margin:18px 0;
  font-size:20px;
  line-height:1.5;
}
.wordworks-game .wordworks-tech-head{gap:16px}
.wordworks-game .wordworks-tech-glyph{
  flex:0 0 52px;
  width:52px;
  height:52px;
  font-size:24px;
}
.wordworks-game .wordworks-tech-node strong{
  font-size:30px;
  line-height:1.1;
  margin-bottom:8px;
}
.wordworks-game .wordworks-tech-unlocks{
  font-size:21px;
  line-height:1.4;
}
.wordworks-game .wordworks-tech-price{
  font-size:21px;
  padding:10px 12px;
}
.wordworks-game .wordworks-tech-meta{gap:10px;margin:14px 0}
.wordworks-game .wordworks-tech-chip{
  font-size:17px;
  padding:6px 10px;
}
.wordworks-game .wordworks-tech-machines-label{
  font-size:19px;
  margin:14px 0 10px;
}
.wordworks-game .wordworks-tech-machines{
  grid-template-columns:1fr;
  gap:12px;
  margin-bottom:16px;
}
.wordworks-game .wordworks-tech-machine{
  gap:14px;
  padding:14px 16px;
  min-height:130px;
}
.wordworks-game .wordworks-tech-machine-icon{
  flex:0 0 52px;
  width:52px;
  height:52px;
  font-size:22px;
}
.wordworks-game .wordworks-tech-machine-name{
  font-size:25px;
  line-height:1.2;
  margin-bottom:7px;
}
.wordworks-game .wordworks-tech-machine-summary{
  font-size:20px;
  line-height:1.45;
  margin-bottom:8px;
}
.wordworks-game .wordworks-tech-machine-detail{
  font-size:18px;
  line-height:1.5;
}
.wordworks-game .wordworks-tech-sections{
  grid-template-columns:1fr;
  gap:12px;
  margin-top:10px;
}
.wordworks-game .wordworks-tech-section{
  padding:14px 16px;
  min-height:0;
}
.wordworks-game .wordworks-tech-section-label{
  font-size:18px;
  margin-bottom:7px;
}
.wordworks-game .wordworks-tech-section-text{
  font-size:20px;
  line-height:1.5;
}
.wordworks-game .wordworks-tech-action{
  font-size:19px;
  line-height:1.4;
  margin-top:14px;
  padding-top:12px;
}
.wordworks-game .wordworks-tech .wordworks-devmenu-close{
  font-size:18px;
  padding:10px 14px;
}
@container (max-width:1000px){
  .wordworks-game .wordworks-tech{width:72%;padding:20px 22px}
}
@container (max-width:760px){
  .wordworks-game .wordworks-tech{width:86%;top:3%;padding:16px 18px}
  .wordworks-game .wordworks-tech .wordworks-devmenu-title{font-size:28px}
  .wordworks-game .wordworks-tech .wordworks-devmenu-sub{font-size:17px}
  .wordworks-game .wordworks-tech-node strong{font-size:24px}
  .wordworks-game .wordworks-tech-unlocks{font-size:18px}
  .wordworks-game .wordworks-tech-machine-name{font-size:22px}
  .wordworks-game .wordworks-tech-machine-summary{font-size:18px}
  .wordworks-game .wordworks-tech-machine-detail{font-size:16px}
  .wordworks-game .wordworks-tech-section-text{font-size:17px}
}

/* v2.5.0 modern categorized build palette */
.wordworks-game .wordworks-toolbar{
  left:12px;right:calc(27% + 10px);bottom:10px;gap:5px;z-index:11;
}
.wordworks-game .wordworks-toolbar-row{justify-content:flex-start;gap:5px;flex-wrap:nowrap;overflow:visible}
.wordworks-game .wordworks-btn.wordworks-action-btn{
  min-height:38px;padding:7px 10px;font-size:12px;border-color:#4d6658;background:#0b1110;white-space:nowrap;
}
.wordworks-game .wordworks-btn.wordworks-action-btn:first-child{
  min-width:86px;border-color:#55ffff;color:#55ffff;background:#071a1a;font-size:13px;
}
.wordworks-game .wordworks-btn.wordworks-action-btn[data-active="1"]{background:#55ffff;color:#001010;border-color:#fff}
.wordworks-game .wordworks-toolbar-bottom{width:auto}
.wordworks-game .wordworks-split-control{opacity:.82}
.wordworks-game .wordworks-buildmenu{
  position:absolute;left:12px;bottom:62px;width:min(650px,66%);max-height:62%;overflow:auto;z-index:12;
  border:2px solid #55ffff;background:rgba(0,12,14,.97);box-shadow:0 0 0 2px #001010;padding:14px;
  scrollbar-color:#397d6f #06100d;
}
.wordworks-game .wordworks-build-head{position:relative;padding-right:36px;margin-bottom:10px}
.wordworks-game .wordworks-build-title{color:#55ffff;font:700 22px/1 Consolas,"Courier New",monospace;letter-spacing:.8px}
.wordworks-game .wordworks-build-sub{color:#8bc98f;font:700 12px/1.35 Consolas,"Courier New",monospace;margin-top:5px}
.wordworks-game .wordworks-build-close{position:absolute;right:0;top:0;width:30px;height:30px;border:1px solid #667;background:#111;color:#fff;font:700 20px/1 Consolas;cursor:pointer}
.wordworks-game .wordworks-build-tabs{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0 12px;border-bottom:1px solid #23534d;padding-bottom:9px}
.wordworks-game .wordworks-build-tab{min-height:34px;padding:6px 11px;border:1px solid #355d58;background:#071313;color:#a9d8c7;font:700 12px Consolas,"Courier New",monospace;cursor:pointer}
.wordworks-game .wordworks-build-tab.active{border-color:#55ffff;color:#001010;background:#55ffff}
.wordworks-game .wordworks-build-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.wordworks-game .wordworks-build-card{display:block;width:100%;min-width:0;text-align:left;border:1px solid #2d6559;background:#071511;color:#d6ffd6;padding:10px;cursor:pointer;min-height:122px}
.wordworks-game .wordworks-build-card:hover,.wordworks-game .wordworks-build-card:focus{border-color:#fff;background:#0d211a;outline:none}
.wordworks-game .wordworks-build-card.active{border-color:#ffff55;box-shadow:inset 0 0 0 1px #ffff55;background:#1c1b08}
.wordworks-game .wordworks-build-card.locked{border-color:#423838;background:#0d0909;color:#777;cursor:not-allowed}
.wordworks-game .wordworks-build-card-top{display:grid;grid-template-columns:34px 1fr auto;gap:8px;align-items:center}
.wordworks-game .wordworks-build-glyph{width:34px;height:34px;display:grid;place-items:center;border:1px solid #55ffff;color:#55ffff;background:#001c1c;font:700 17px Consolas,"Courier New",monospace}
.wordworks-game .wordworks-build-card.locked .wordworks-build-glyph{border-color:#644;color:#866;background:#160b0b}
.wordworks-game .wordworks-build-name{font:700 14px/1.15 Consolas,"Courier New",monospace;color:#fff}
.wordworks-game .wordworks-build-price{font:700 13px/1 Consolas,"Courier New",monospace;color:#ffff55}
.wordworks-game .wordworks-build-badges{display:flex;gap:5px;flex-wrap:wrap;margin:8px 0 7px}
.wordworks-game .wordworks-build-badges span{border:1px solid #31554b;background:#06110e;padding:2px 5px;color:#9ad6c2;font:700 12px/1.2 Consolas,"Courier New",monospace}
.wordworks-game .wordworks-build-desc{font:700 12px/1.35 Consolas,"Courier New",monospace;color:#a8d6a8;min-height:28px}
.wordworks-game .wordworks-build-lock{margin-top:7px;padding-top:6px;border-top:1px solid #26443c;font:700 12px/1.25 Consolas,"Courier New",monospace;color:#55ffff}
.wordworks-game .wordworks-build-card.locked .wordworks-build-lock{color:#ff7777}
.wordworks-game .wordworks-status{bottom:110px}
.wordworks-game .wordworks-tooltip{bottom:110px;z-index:13}
@container (max-width:900px){
 .wordworks-game .wordworks-buildmenu{width:72%;max-height:68%;padding:10px}.wordworks-game .wordworks-build-grid{grid-template-columns:1fr}.wordworks-game .wordworks-build-card{min-height:104px}
 .wordworks-game .wordworks-toolbar{right:4px}.wordworks-game .wordworks-btn.wordworks-action-btn{font-size:12px;padding:5px 7px;min-height:32px}
}
/* 12px toolbar text in a narrow frame (TASK-1675[Q]): the action row (twelve
   buttons, about 920px wide at 12px) wraps instead of running off the right
   edge, and the status line and tooltip sit above the taller toolbar. */
@container (max-width:900px){
 .wordworks-game .wordworks-toolbar-row{flex-wrap:wrap}
 .wordworks-game .wordworks-btn.wordworks-action-btn{padding:5px 6px}
 .wordworks-game .wordworks-status,.wordworks-game .wordworks-tooltip{bottom:124px}
}
/* The in-game question (TASK-1675[Q]): what window.prompt / window.confirm used to ask. Above every other panel. */
.wordworks-game .wordworks-ask{width:min(440px,80%);z-index:14}
.wordworks-game .wordworks-ask .wordworks-ask-input{display:block;width:100%;margin:4px 0 2px;font-size:14px}
.wordworks-game .wordworks-ask .wordworks-ask-actions{margin-top:10px;justify-content:flex-end}
.wordworks-game .wordworks-ask .wordworks-devmenu-close{min-height:34px;padding:7px 12px;font-size:12px}
.wordworks-game .wordworks-ask .wordworks-ask-ok{border-color:#55ffff;background:#102020;color:#fff}

/* v2.7.1 readability pass (TASK-1679[Q]). Everything the player reads is 12 CSS
   px or more at the size shown, and the overlays are laid out against the
   PICTURE: .wordworks-frame is a box fit() keeps exactly over the letterboxed
   960x540 design, and it is the container every @container rule above now
   measures. 72.917% is the map's share of the picture (700 of 960 design px);
   the canvas HUD owns the rest, and no overlay but the config panel enters it. */
.wordworks-game .wordworks-frame{position:absolute;left:0;top:0;width:100%;height:100%;container-type:size;pointer-events:none;z-index:1}
.wordworks-game .wordworks-frame > *{pointer-events:auto}
.wordworks-game .wordworks-frame > .wordworks-toolbar,.wordworks-game .wordworks-frame > .wordworks-status,.wordworks-game .wordworks-frame > .wordworks-tooltip{pointer-events:none}
/* ONE row of buttons at every size, under the map and never over the HUD. The
   label a button shows follows the picture's width: the full label teaching the
   hotkey, then a word, then the bare key; the tooltip always names both. */
.wordworks-game .wordworks-toolbar{left:8px;right:calc(27.083% + 8px);bottom:8px;flex-direction:row;flex-wrap:nowrap;align-items:flex-end;justify-content:flex-start;gap:4px;z-index:5}
.wordworks-game .wordworks-toolbar-row{flex-wrap:nowrap;gap:4px}
.wordworks-game .wordworks-btn.wordworks-action-btn,.wordworks-game .wordworks-btn.wordworks-action-btn:first-child{min-height:34px;padding:6px 8px;font-size:12px;line-height:1.2;white-space:nowrap;text-align:center}
.wordworks-game .wordworks-btn.wordworks-action-btn:first-child{min-width:0;font-size:13px}
.wordworks-game .wordworks-split-control{opacity:1;border-color:#4d6658}
.wordworks-game .wordworks-lbl-mid,.wordworks-game .wordworks-lbl-key{display:none}
@container (max-width:1759px){
 .wordworks-game .wordworks-lbl-full{display:none}
 .wordworks-game .wordworks-lbl-mid{display:inline}
}
@container (max-width:1219px){
 .wordworks-game .wordworks-lbl-mid{display:none}
 .wordworks-game .wordworks-lbl-key{display:inline}
 .wordworks-game .wordworks-btn.wordworks-action-btn{min-width:30px;padding:6px 7px}
}
/* The status line and the tooltip share the strip above the toolbar; a tooltip
   stands in for the status line while it is up rather than landing on it. */
.wordworks-game .wordworks-status,.wordworks-game .wordworks-tooltip{left:8px;right:calc(27.083% + 8px);bottom:50px;max-width:none;padding:6px 9px;font-size:12px;line-height:1.35}
.wordworks-game .wordworks-tooltip{z-index:13}
.wordworks-game .wordworks-tooltip:not(.wordworks-hide) ~ .wordworks-status{visibility:hidden}
/* The build menu opens above the toolbar and the status strip. */
.wordworks-game .wordworks-buildmenu{left:8px;bottom:50px;max-height:calc(100% - 62px)}
/* The config panel is the pinned inspector: it takes the lower half of the HUD
   column (the canvas HUD stops drawing above it) and scrolls inside. */
.wordworks-game .wordworks-upgrades{left:calc(72.917% + 6px);right:6px;width:auto;top:50%;bottom:8px;padding:10px}
@container (max-width:1219px){
 .wordworks-game .wordworks-upgrades{padding:8px}
}
/* Modal panels stand clear of the toolbar row. */
.wordworks-game .wordworks-tech{bottom:50px}

/* v2.8.0 skins (TASK-1682[Q]): the skin switch on the title card (top right)
   and on the pause card, DOM that exists only while its screen is up. The
   pause buttons sit in the card's lower half, under its canvas text. */
.wordworks-game .wordworks-skin-chip{position:absolute;right:2.5%;top:3%;min-height:30px;padding:6px 10px;font-size:12px;z-index:6}
.wordworks-game .wordworks-skin-pause{position:absolute;left:24%;width:52%;top:52%;display:flex;gap:8px;justify-content:center;z-index:6}
.wordworks-game .wordworks-skin-btn{min-height:32px;padding:6px 10px;font-size:12px}