#app{max-width:1200px;margin:0 auto;padding:14px clamp(14px,4vw,28px) 44px}.pt-stage{position:relative;width:100%;height:clamp(340px,62vw,580px);border-radius:var(--poc-radius);overflow:hidden;border:1px solid rgba(255,255,255,.1);box-shadow:var(--poc-shadow);margin:12px 0 14px}.pt-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;cursor:pointer;touch-action:manipulation}.pt-banner{position:absolute;left:50%;top:10px;transform:translate(-50%);background:#040a12b8;border:1px solid rgba(240,199,94,.5);color:var(--poc-foam);padding:6px 12px;border-radius:999px;font-size:13px;white-space:nowrap;pointer-events:none;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.pt-banner--bad{border-color:#e25a4ca6}.pt-wave{position:absolute;left:10px;right:10px;bottom:10px;background:#040a12cc;border:1px solid rgba(255,255,255,.14);border-radius:12px;padding:9px 12px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);pointer-events:none}.pt-wave-head{display:flex;justify-content:space-between;align-items:baseline;gap:10px}.pt-wave-label{font-family:var(--poc-serif);font-weight:700;font-size:15px;color:var(--poc-foam)}.pt-wave-timer{font-variant-numeric:tabular-nums;font-size:14px;color:var(--poc-foam)}.pt-wave-track{height:9px;margin:7px 0 0;border-radius:999px;background:#040a1299;overflow:hidden}.pt-wave-fill{height:100%;width:0%;border-radius:999px;background:var(--poc-brass-2);transition:width .12s linear}.pt-wave-sub{display:block;margin-top:6px;font-size:12px;color:var(--poc-muted)}.pt-wave--warn{border-color:#f0c75e8c}.pt-wave--warn .pt-wave-label,.pt-wave--warn .pt-wave-timer{color:var(--poc-brass-2)}.pt-wave--active{border-color:#f0c75e66}.pt-wave--active .pt-wave-fill{background:linear-gradient(90deg,var(--poc-brass-2),#f3d27a)}.pt-wave--won{border-color:#4ac09299;background:#28966e38}.pt-wave--won .pt-wave-label{color:var(--poc-ok)}.pt-wave--won .pt-wave-fill{background:var(--poc-ok)}.pt-wave--miss{opacity:.9}.pt-wave--miss .pt-wave-label{color:var(--poc-muted)}.pt-hint{text-align:center;color:var(--poc-foam);background:#14506e2e;border:1px solid rgba(240,199,94,.25);border-radius:10px;padding:8px 12px;margin:0 0 14px;font-size:14px;min-height:1.25em}.pt-readout{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:10px;margin-bottom:14px}.pt-stat{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:10px 12px}.pt-k{font-size:11px;letter-spacing:1px;text-transform:uppercase;color:var(--poc-muted)}.pt-v{font-family:var(--poc-serif);font-size:clamp(20px,4.4vw,30px);font-variant-numeric:tabular-nums;line-height:1.2}.pt-v--rate{color:var(--poc-ok)}.pt-v--bn{font-size:clamp(15px,3vw,20px);color:var(--poc-brass-2)}.pt-toolbar{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:14px}.pt-tool{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;font:inherit;color:var(--poc-foam);text-align:left;display:flex;gap:10px;align-items:flex-start;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:10px;transition:transform .06s ease,border-color .15s ease,background .15s ease}.pt-tool:hover:not([disabled]){border-color:#f0c75e66}.pt-tool:active:not([disabled]){transform:translateY(1px)}.pt-tool[disabled]{opacity:.45;cursor:not-allowed}.pt-tool.is-active{border-color:var(--poc-brass-2);background:#f0c75e1f}.pt-tool.is-bottleneck{border-color:var(--poc-brass-2);background:#f0c75e1a;animation:pt-nudge 1.3s ease-in-out infinite}@keyframes pt-nudge{0%,to{box-shadow:0 0 #f0c75e00}50%{box-shadow:0 0 0 3px #f0c75e52}}.pt-reveal{animation:pt-reveal-in .5s ease}@keyframes pt-reveal-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.pt-tool-badge{flex:none;width:36px;height:36px;border-radius:9px;display:grid;place-items:center;font-family:var(--poc-serif);font-weight:700;font-size:14px;color:var(--poc-ink)}.pt-tool-badge--quay{background:linear-gradient(180deg,#3aa6c8,var(--poc-sea))}.pt-tool-badge--land{background:linear-gradient(180deg,#5fd0c2,var(--poc-teal))}.pt-tool-main{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.pt-tool-top{display:flex;justify-content:space-between;gap:8px;align-items:baseline}.pt-tool-count{color:var(--poc-brass-2);font-weight:700;font-variant-numeric:tabular-nums}.pt-tool-blurb{font-size:11px;color:var(--poc-muted);line-height:1.25}.pt-tool-cost{font-weight:700;color:var(--poc-brass-2);font-variant-numeric:tabular-nums;margin-top:2px}.pt-tool-cost.is-bad{color:var(--poc-danger)}.pt-section-k{font-size:11px;letter-spacing:1px;text-transform:uppercase;color:var(--poc-muted);margin:0 0 8px}.pt-upgrade-wrap{margin-bottom:14px}.pt-upgrades{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.pt-upg{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;font:inherit;color:var(--poc-foam);text-align:left;display:flex;gap:8px;align-items:center;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:8px 10px;transition:transform .06s ease,border-color .15s ease,background .15s ease}.pt-upg:hover:not([disabled]){border-color:#f0c75e66}.pt-upg:active:not([disabled]){transform:translateY(1px)}.pt-upg[disabled]{opacity:.5;cursor:not-allowed}.pt-upg.is-maxed{opacity:.8;cursor:default;border-color:#f0c75e59;background:#f0c75e14}.pt-upg .pt-tool-badge{width:30px;height:30px;font-size:12px}.pt-upg-main{display:flex;flex-direction:column;gap:1px;flex:1;min-width:0}.pt-upg-top{display:flex;justify-content:space-between;gap:6px;align-items:baseline}.pt-upg-lvl{color:var(--poc-brass-2);font-weight:700;font-variant-numeric:tabular-nums;font-size:12px}.pt-upg-cost{font-weight:700;color:var(--poc-ok);font-variant-numeric:tabular-nums;font-size:13px}.pt-upg-cost.is-bad{color:var(--poc-danger)}.pt-upg.is-maxed .pt-upg-cost{color:var(--poc-brass-2)}.pt-prestige-wrap{margin-bottom:14px}.pt-prestige{display:flex;gap:12px;align-items:center;flex-wrap:wrap;background:#f0c75e0f;border:1px solid rgba(240,199,94,.22);border-radius:12px;padding:10px 12px}.pt-charter{white-space:nowrap}.pt-charter:disabled{opacity:.55;cursor:not-allowed}.pt-charter.is-ready{background:linear-gradient(180deg,#f3d27a,var(--poc-brass-2));border-color:var(--poc-brass-2);color:var(--poc-ink);box-shadow:0 0 0 1px #f0c75e4d,0 6px 18px #f0c75e2e}.pt-charter-note{font-size:13px;color:var(--poc-muted);flex:1;min-width:0}.pt-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}@media(max-width:640px){.pt-toolbar,.pt-upgrades{grid-template-columns:1fr 1fr}}@media(max-width:560px){.pt-readout{grid-template-columns:1fr 1fr}.pt-readout .pt-stat:first-child{grid-column:1 / -1}}