.pd-page{--pd-ink:#1e2a24;--pd-muted:#5d6f66;--pd-panel:rgba(255,252,246,.96);--pd-line:rgba(40,70,55,.16);--pd-accent:#3d7a5c;max-width:1100px;margin:0 auto;padding:1.1rem 1rem 2.5rem;color:var(--pd-ink)}.pd-back a{color:var(--pd-muted);font-weight:700;text-decoration:none}.pd-header h1{margin:.4rem 0 0;font-size:clamp(1.5rem,3vw,2rem)}.pd-header p{margin:.35rem 0 0;color:var(--pd-muted);max-width:36rem}.pd-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(210px,280px);gap:1rem;margin-top:1rem}.pd-main,.pd-side{background:var(--pd-panel);border:1px solid var(--pd-line);border-radius:.85rem;padding:.85rem}.pd-toolbar{display:flex;flex-wrap:wrap;gap:.45rem;margin-bottom:.55rem}.pd-overlay button,.pd-side button,.pd-toolbar button,.pd-towers button{border:0;border-radius:.55rem;padding:.45rem .8rem;font-weight:700;cursor:pointer;background:var(--pd-accent);color:#fff}.pd-towers{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.55rem}.pd-towers button.is-on{outline:2px solid #f0c56d}.pd-hud{display:flex;flex-wrap:wrap;gap:.75rem;font-weight:700;color:var(--pd-muted);font-size:.9rem;margin-bottom:.45rem}.pd-stage{position:relative;width:100%;max-width:720px;margin:0 auto;border-radius:.75rem;overflow:hidden;background:#1a2430;touch-action:none}.pd-stage canvas{display:block;width:100%;height:auto}.pd-overlay{position:absolute;inset:0;display:grid;place-content:center;gap:.55rem;padding:1rem;text-align:center;background:rgba(10,16,22,.58);color:#fff}.pd-overlay h2{margin:0}.pd-side h2{margin:0 0 .35rem;font-size:1.05rem}.pd-side li,.pd-side p{color:var(--pd-muted);font-size:.9rem}.pd-msg{margin:.4rem 0 0;font-size:.88rem;font-weight:700;color:var(--pd-accent)}@media (max-width:900px){.pd-layout{grid-template-columns:1fr}}