@import url('../vendor/interactive-chessboard/style.css');
/* DigitalHSJ supplies the page frame, palette and standard components. */
.dga-page{--dga-ink:var(--hsj-ui-text);--dga-muted:var(--hsj-ui-muted);--dga-line:var(--hsj-ui-border);--dga-surface:var(--hsj-ui-surface);--dga-accent:var(--hsj-ui-primary)}
.dga-section-heading,.dga-game-meta{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:24px}
.dga-section-heading h2,.dga-panel h2,.dga-game-meta h2{margin:0 0 8px}
.dga-section-heading .hsj-ui-eyebrow,.dga-game-meta .hsj-ui-eyebrow{margin-bottom:8px;color:var(--dga-muted)}
.dga-library-filter{display:flex;align-items:end;gap:8px;flex-wrap:wrap;padding:24px;border:1px solid var(--dga-line);border-radius:12px;background:var(--dga-surface)}
.dga-library-filter label{display:grid;gap:8px;font-weight:600}
.dga-library-filter .dga-library-kind{flex:0 1 240px;width:100%}
.dga-library-filter .dga-library-club{flex:1 1 280px;width:100%}
.dga-game-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:24px}
.dga-game-card{display:flex;justify-content:space-between;align-items:start;gap:16px}
.dga-game-card h3{margin:0 0 8px}.dga-game-card__meta{color:var(--dga-muted);font-size:.8125rem;font-weight:600}.dga-result{font-weight:700;white-space:nowrap}
.dga-empty{margin-top:24px}.dga-create-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start}
.dga-form{display:grid;gap:24px}.dga-form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.hsj-ui .dga-field{display:grid;align-content:start;gap:8px;margin:0;font-weight:600}.hsj-ui .dga-field :is(input,select,textarea){font-weight:400}
.dga-help{font-size:.875rem;font-weight:400;color:var(--dga-muted)}
.dga-ownership{display:grid;gap:8px;margin:0;padding:16px;border:1px solid var(--dga-line);border-radius:8px}.dga-ownership legend,.dga-tag-choices legend{font-weight:600}.dga-ownership>label{display:flex;align-items:center;gap:8px;min-height:44px}.dga-ownership>.dga-field{display:grid}
.dga-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.dga-actions form{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0}
.dga-manage,.dga-tags-panel{margin-top:32px}.dga-manage-form{display:grid;gap:24px;min-width:0;max-width:var(--hsj-form-width);margin-inline:auto}.dga-manage-club{width:100%}.dga-manage-delete{margin-left:auto}
.dga-pagination{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:24px}.dga-pagination>div{display:flex;flex-wrap:wrap;gap:8px}
.dga-editor-form{display:grid;gap:24px}.dga-game-meta{margin:0}.dga-meta-fields{width:100%;max-width:var(--hsj-form-width);margin-inline:auto}
.dga-analysis__layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:start}.dga-analysis__board-column,.dga-analysis__notation{min-width:0}.dga-analysis__notation{display:grid;gap:24px}
.dga-board-controls{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:16px}.dga-position-label{margin-left:auto;color:var(--dga-muted);font-size:.875rem}.dga-analysis.is-dirty .dga-position-label{color:var(--hsj-ui-warning,#854d0e);font-weight:600}
.dga-variation-picker{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.dga-variation-choice.is-mainline::after{content:' Hauptzug';font-size:.8125rem}
.dga-move-tree{max-height:460px;overflow:auto;padding:8px;border:1px solid var(--dga-line);border-radius:8px;container-type:inline-size}
.hsj-ui .dga-move{justify-content:flex-start;padding:8px;font-weight:700;border-color:transparent}.hsj-ui .dga-move[aria-current="step"]{border-color:var(--dga-accent);background:var(--hsj-ui-tint)}
.dga-nag{display:inline-block;margin-left:4px;font-weight:700}.dga-comment{display:block;margin:4px 8px;color:var(--dga-muted);font-size:.875rem;overflow-wrap:anywhere}.dga-comment--before{font-style:italic}
.dga-annotations{display:grid;gap:16px}.dga-annotations h3{margin:0}.dga-comment-field{display:grid;gap:8px;font-weight:600}.dga-comment-field textarea{box-sizing:border-box;max-width:100%;min-height:84px;resize:vertical}
.dga-nag-picker{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:16px;border:1px solid var(--dga-line);border-radius:8px;min-width:0}.dga-nag-picker legend{font-weight:600}.dga-nag-option{display:flex;align-items:center;gap:4px;min-height:44px;padding:8px;border:1px solid var(--dga-line);border-radius:8px}.dga-empty-copy{color:var(--dga-muted)}
.dga-page select{appearance:auto;height:auto;line-height:normal;text-indent:0;max-width:100%;min-width:0}
.dga-library-filter select,.dga-comment-field textarea{width:100%;min-width:0;min-height:44px;padding:10px 12px;border:1px solid var(--hsj-ui-control-border);border-radius:8px;background:var(--dga-surface);color:var(--dga-ink);font:inherit}
.dga-download{display:grid;gap:8px;max-width:310px}.dga-download [hidden],.dga-tag-assignment [hidden],.dga-annotations[hidden],.dga-variation-picker:empty{display:none}
.hsj-ui .dga-button[aria-disabled="true"]{color:var(--dga-muted);background:#edf0f4;border-color:var(--hsj-ui-control-border);cursor:not-allowed;box-shadow:none}
.dga-game-identity{display:grid;gap:8px;margin-top:24px}.dga-game-identity code{user-select:all;overflow-wrap:anywhere;white-space:normal;color:var(--dga-ink);font-size:.875rem}
.dga-tags-panel h3{margin-top:0}.dga-tags{display:flex;flex-wrap:wrap;gap:8px;min-width:0}.dga-tag{max-width:100%;overflow-wrap:anywhere}
.dga-tag-choices{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px;padding:16px;border:1px solid var(--dga-line);border-radius:8px;min-width:0}.dga-tag-choices label{display:flex;align-items:flex-start;gap:8px;min-height:44px;max-width:100%;min-width:0;padding:8px;border:1px solid var(--dga-line);border-radius:8px;cursor:pointer}.dga-tag-choices input{flex:0 0 auto;width:18px;min-width:18px;height:18px;margin:2px 0 0}.dga-tag-choices span{overflow-wrap:anywhere;min-width:0}
.dga-active-tags{display:grid;justify-items:start;gap:8px;margin-top:16px}.dga-tag-management{margin-top:24px}.dga-tag-management summary{font-weight:600;cursor:pointer;min-height:44px}.dga-tag-create{max-width:var(--hsj-form-width);margin:16px 0 24px}.dga-tag-catalog{list-style:none;margin:0;padding:0}.dga-tag-catalog li{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 0;border-bottom:1px solid var(--dga-line)}.dga-tag-catalog li>span{min-width:0;overflow-wrap:anywhere}.dga-tag-catalog form{flex-shrink:0;margin:0}.dga-tag-assignment{margin-top:16px}.dga-variation-warning{flex-basis:100%;margin:0;color:var(--hsj-ui-warning,#854d0e);font-size:.875rem}
.dga-game-card>div,.dga-create-grid>*,.dga-panel,.dga-form,.dga-form label,.dga-form-row>*,.dga-library-filter label,.dga-actions form,.dga-actions label,.dga-ownership{min-width:0}.dga-game-card h3,.dga-game-card p{overflow-wrap:anywhere}.dga-form input[type="radio"],.dga-form input[type="checkbox"]{flex:0 0 auto;width:20px;min-width:0;min-height:20px;padding:0}
.dga-board{width:100%;min-width:0}.dga-board .interactive-chessboard__widget{width:100%;max-width:100%}.dga-board .interactive-chessboard__board{max-width:none}
.dga-move-tree .dga-move-list,.dga-move-tree .dga-branch{list-style:none;padding:0;margin:0;display:grid;gap:8px;min-width:0}.dga-move-list>.dga-move-row{padding:0;border:0}.dga-move-row{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;align-items:start}.dga-move-entry{min-width:0}.dga-move-row:has(>.dga-branches){grid-template-columns:minmax(0,1fr) minmax(0,1.3fr)}.dga-branches{min-width:0;display:grid;gap:8px;padding-left:8px;border-left:2px solid var(--dga-line);container-type:inline-size}.dga-branch .dga-move{font-weight:500}.dga-branch .dga-move-row{grid-template-columns:minmax(0,1fr)}
/* Public embeds keep the surrounding post frame and a maintained local fallback. */
.dga-public-block{--dga-ink:#202938;--dga-muted:#566175;--dga-line:#d5dce5;--dga-surface:#fff;--dga-accent:#256248;margin:24px 0;padding:24px;border:1px solid var(--dga-line);border-radius:12px;background:var(--dga-surface);color:var(--dga-ink)}.dga-public-block *{box-sizing:border-box}
.dga-public-block__header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:24px}.dga-public-block__header h2{margin:0 0 8px}.dga-public-block__header p{margin:8px 0}.dga-public-block__error{padding:16px;border-radius:8px;background:#f5f7f2}.dga-public-block__error p{margin-bottom:0}
.dga-public-block :is(.dga-button,.dga-icon-button,.dga-variation-choice,.dga-move){display:inline-flex;gap:8px;align-items:center;justify-content:center;min-width:44px;min-height:44px;max-width:100%;padding:8px 12px;border:1px solid var(--dga-line);border-radius:8px;background:white;color:var(--dga-accent);font:inherit;cursor:pointer;text-decoration:none}.dga-public-block :is(button,a):focus-visible{outline:3px solid var(--dga-accent);outline-offset:3px}.dga-public-block button:disabled{color:var(--dga-muted);background:#edf0f4;cursor:not-allowed}.dga-public-block .dga-move[aria-current="step"]{border-color:var(--dga-accent);background:#edf5ee}
.dga-public-block .dga-analysis__layout{grid-template-columns:minmax(0,1fr)}.dga-public-block .dga-analysis{border:0;padding:0}.dga-public-block .dga-board{max-width:none;margin:0}.dga-public-block .dga-move-tree{max-height:480px}.dga-block-editor{padding:24px;border:1px dashed #778398;border-radius:8px;background:#f5f7f2}.dga-block-preview p{margin:8px 0}.dga-block-preview__board{max-width:520px;margin:16px 0;min-width:0}
@media(max-width:900px){.dga-analysis__layout{grid-template-columns:minmax(0,1fr)}.dga-game-meta{align-items:flex-start;flex-direction:column}}
@media(max-width:767px){.dga-game-grid,.dga-create-grid,.dga-form-row{grid-template-columns:minmax(0,1fr)}.dga-section-heading{align-items:flex-start;flex-direction:column}.dga-library-filter{padding:20px}.dga-manage-actions{align-items:stretch}.dga-manage-actions .dga-button{flex:1 1 100%;margin-left:0}.dga-download{max-width:100%}.dga-tag-catalog li{align-items:stretch;flex-direction:column}.dga-tag-catalog form,.dga-tag-catalog .dga-button{width:100%}.dga-public-block{padding:16px}.dga-public-block__header{flex-direction:column}}
@media(max-width:389px){.dga-position-label{width:100%;margin-left:0}.dga-pagination{align-items:flex-start;flex-direction:column}}
@container(max-width:380px){.dga-move-row:has(>.dga-branches){grid-template-columns:minmax(0,1fr)}}
@container(max-width:180px){.dga-branches{padding-left:0;border-left:0;border-top:2px solid var(--dga-line);padding-top:8px}.dga-move{max-width:100%;overflow-wrap:normal}.dga-comment{margin-inline:0}}