.graphics-template-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.graphic-template,.graphics-editor-grid>section{min-width:0}.graphic-template h2{font-size:1.15rem}.graphic-template form{margin-top:16px}.graphic-template .media-field{margin-bottom:12px}.graphic-template-preview{display:block;width:100%;height:180px;object-fit:contain;background:var(--bg);margin-bottom:12px}.graphic-scope{display:flex;flex-wrap:wrap;align-items:end;gap:12px;margin-bottom:20px}.graphic-scope label{flex:1;max-width:500px}.graphic-scope select,.graphics-controls select,.graphics-elements select,.graphics-properties input,.graphics-properties select,.graphics-properties textarea{width:100%;max-width:100%;box-sizing:border-box}.graphics-controls{margin-bottom:20px}.graphics-controls label,.graphics-properties label,.graphics-elements label,.graphic-scope label{display:grid;gap:6px}.graphics-editor-grid{display:grid;grid-template-columns:minmax(200px,1fr) minmax(320px,2fr) minmax(200px,1fr);gap:20px;align-items:start}.graphics-editor-grid h2{font-size:1.1rem;margin-top:0}.graphics-properties label{margin-top:14px}.graphics-elements ol{padding:0;list-style:none;display:grid;gap:12px}.graphics-elements li{display:flex;gap:6px;flex-wrap:wrap;padding:10px;border-radius:8px;background:var(--bg)}.graphics-elements li.selected{outline:2px solid var(--accent)}.graphics-elements li button{font-size:.8rem;min-height:36px;padding:6px 8px}.graphics-elements li .ge-layer-select{width:100%;font-weight:700}.graphics-elements>button{margin-top:12px}.graphics-canvas-wrap{width:100%;min-width:0;overflow:hidden}.graphics-stage{position:sticky;top:16px}.graphics-stage:has(.ge-item:focus-visible){outline:none}#ge-canvas{position:relative;background-color:#243345;background-size:100% 100%;background-repeat:no-repeat;overflow:hidden;margin:auto}.ge-item{position:absolute;box-sizing:border-box;overflow:hidden;cursor:move;touch-action:none;line-height:1.15;white-space:pre-wrap}.ge-item.selected{outline:2px dashed #1da1f2;outline-offset:-2px}.ge-item:focus-visible{outline:3px solid #1da1f2;outline-offset:-3px}.ge-content{display:flex;flex-direction:column;width:100%;height:100%;overflow:hidden;white-space:pre-wrap;overflow-wrap:anywhere;pointer-events:none}.ge-handle{position:absolute;right:0;bottom:0;background:#1da1f2;width:14px;height:14px;cursor:nwse-resize}.ge-logo-placeholder{border:2px dashed currentColor;box-sizing:border-box;height:100%;display:flex;align-items:center;justify-content:center;font-size:.65em}.ge-comparison{width:100%;display:grid;gap:.4em;white-space:normal}.ge-comparison-row{display:grid;grid-template-columns:minmax(0,1.15fr) repeat(var(--ge-columns),minmax(0,1fr));gap:.4em;align-items:center}.ge-comparison-row>*{min-width:0}.ge-trend{display:flex;justify-content:center;gap:.15em;flex-wrap:wrap;align-items:center}.ge-trend-chip{display:inline-flex;align-items:center;justify-content:center;color:#fff;min-width:1.3em;min-height:1.3em;border-radius:.15em;font-size:.8em}.graphics-save-bar{position:sticky;bottom:0;z-index:5;margin-top:20px;display:flex;justify-content:flex-end;align-items:center;gap:16px;flex-wrap:wrap;padding:16px;background:var(--surface);border-top:1px solid var(--border);box-shadow:0 -4px 16px #0001}.graphics-save-bar span{color:var(--muted);font-size:.9rem}.graphics-template-grid .button{max-width:100%;box-sizing:border-box}.graphics-template-grid button{white-space:normal}.graphics-properties textarea{min-height:100px}
@media(max-width:1200px){.graphics-editor-grid{grid-template-columns:minmax(190px,1fr) minmax(290px,2fr)}.graphics-properties{grid-column:1/-1}.graphics-properties #ge-properties{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.graphics-properties strong{grid-column:1/-1}}
@media(max-width:700px){.graphics-template-grid,.graphics-editor-grid{grid-template-columns:minmax(0,1fr)}.graphics-stage{position:static;grid-row:1}.graphics-properties{grid-column:auto}.graphics-properties #ge-properties{grid-template-columns:minmax(0,1fr)}.graphics-save-bar{padding:12px}.graphic-template-preview{height:150px}}

.ge-comparison-row>span:first-child{font-size:.85em;white-space:nowrap}.ge-item:not(.selected) .ge-handle{display:none}
@font-face{font-family:Montserrat;src:url('/system-graphics/MONTSERRAT-BOLD.TTF') format('truetype');font-weight:700;font-display:swap}@font-face{font-family:Stencil;src:url('/system-graphics/STENCIL.TTF') format('truetype');font-weight:400 700;font-display:swap}
.ge-content>svg,.ge-content>img{width:100%;height:100%;display:block}.ge-comparison-row.ge-paired{grid-template-columns:1fr 1.2fr 1fr;text-align:center}.ge-paired>span{white-space:nowrap}.ge-trend{justify-content:center;gap:.3em}.ge-trend>span+span::before{content:'|';margin-right:.3em}.ge-trend:has(.ge-trend-chip)>span+span::before{content:none}
#ge-elements{padding:0;list-style:none}#ge-elements li{display:grid;grid-template-columns:minmax(0,1fr) repeat(5,32px);gap:3px;padding:4px 0;border:0;border-bottom:1px solid var(--border);border-radius:0}#ge-elements .ge-layer-select{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;font-size:12px;padding:5px}#ge-elements .ge-icon{width:32px;height:32px;padding:0;font-size:19px;line-height:1}
.graphics-editor-grid{grid-template-columns:minmax(260px,340px) minmax(0,1fr) minmax(200px,250px)}.ge-tabs,.ge-tags{display:flex;gap:8px;flex-wrap:wrap}.ge-tabs{border-bottom:1px solid var(--border);padding-bottom:10px}.ge-tabs [aria-selected=true]{background:var(--accent);color:#fff}.ge-tag{border-radius:999px;padding:6px 12px;cursor:grab}#ge-tags{display:flex;flex-wrap:wrap;gap:15px 25px}#ge-tags h3{font-size:14px;margin:12px 0 8px}#ge-tags section{min-width:0;max-width:100%}.ge-content{line-height:1.1875}.ge-comparison-row{line-height:1.1875}
@media(max-width:1200px){.graphics-editor-grid{grid-template-columns:minmax(260px,340px) minmax(0,1fr)}}@media(max-width:700px){.graphics-editor-grid{grid-template-columns:minmax(0,1fr)}}
.ge-comparison{gap:0}.ge-comparison-row.ge-paired{grid-template-columns:1fr .475fr 1fr}.ge-comparison-row.ge-paired>span:first-child{font-size:1em}.ge-comparison-row>span:nth-child(2){white-space:nowrap}.ge-comparison-row{gap:0}#ge-elements .ge-icon{min-height:32px}
.graphics-editor-grid{grid-template-columns:minmax(180px,230px) minmax(0,1fr) minmax(290px,330px);gap:16px}.ge-placeholder-group{border-bottom:1px solid var(--border);padding:10px 0}.ge-placeholder-group summary{font-weight:700;cursor:pointer;padding:5px 0}.ge-placeholder-group h3{font-size:13px;margin:12px 0 6px}.ge-placeholder-group .ge-tags{gap:6px}.ge-placeholder-group .ge-tag{font-size:12px;padding:5px 8px;white-space:normal;text-align:left}.graphics-properties .ge-tabs{gap:8px}.graphics-properties .ge-tabs button{flex:1}.graphics-properties h2{margin:16px 0 10px}#ge-background-preview{display:block;max-width:100%;width:100%;height:130px;object-fit:contain;background:var(--bg);margin-bottom:10px}.ge-layer-grid{display:grid;gap:0}#ge-general>#ge-reset{width:100%;margin-top:16px}.graphics-properties [hidden]{display:none!important}#ge-elements li{background:transparent}#ge-elements .ge-icon{min-width:32px}
@media(max-width:1200px){.graphics-editor-grid{grid-template-columns:minmax(170px,210px) minmax(0,1fr) minmax(270px,300px)}.graphics-properties{grid-column:auto}.graphics-properties #ge-properties{display:block}}@media(max-width:900px){.graphics-editor-grid{grid-template-columns:minmax(160px,210px) minmax(0,1fr)}.graphics-properties{grid-column:1/-1}}@media(max-width:700px){.graphics-editor-grid{grid-template-columns:minmax(0,1fr)}.graphics-properties{grid-column:auto}.graphics-stage{grid-row:1}}
.ge-layer-grid-wrap{max-width:100%;overflow:auto}#ge-elements{width:100%;border-collapse:collapse;table-layout:auto}#ge-elements th{font-size:12px;text-align:left;padding:6px 2px;border-bottom:1px solid var(--border)}#ge-elements td{padding:4px 1px;border-bottom:1px solid var(--border)}#ge-elements td:not(:first-child){width:32px}#ge-elements .ge-layer-select{display:block;width:100%;max-width:140px;min-height:32px}#ge-elements tr.selected{background:var(--bg);outline:2px solid var(--accent);outline-offset:-2px}
.graphics-editor-grid>.graphics-elements,.graphics-editor-grid>.graphics-properties{height:var(--graphics-side-height,auto);max-height:var(--graphics-side-height,none);overflow-y:auto;overflow-x:hidden;box-sizing:border-box;scrollbar-gutter:stable}.graphics-properties>.ge-tabs{position:sticky;top:0;z-index:2;background:var(--surface)}.graphics-properties .graphics-controls{margin:16px 0 12px}.graphics-save-bar #ge-status{flex:1;min-width:140px;margin:0}.graphics-elements:focus-visible,.graphics-properties:focus-visible{outline:2px solid var(--accent)}
.admin-main .graphics-editor-grid>.settings-card{padding:16px;margin-bottom:0;box-sizing:border-box}.admin-main #graphics-editor :is(input,select,textarea){min-width:0;width:100%;max-width:100%;box-sizing:border-box}.graphics-properties #ge-properties,.graphics-properties #ge-properties label,.graphics-properties #ge-general,.graphics-properties #ge-layer{min-width:0;max-width:100%;box-sizing:border-box}.graphics-properties .theme-color-trigger{display:flex;gap:10px;align-items:center;width:100%;box-sizing:border-box;white-space:normal}.graphics-properties .theme-color-swatch{display:inline-block;flex:0 0 24px}.admin-main .settings-card.graphic-template{display:grid;grid-template-columns:minmax(0,1fr) minmax(90px,.8fr);align-items:center;gap:20px;padding:20px;box-sizing:border-box}.graphic-template-info{min-width:0}.graphic-template-info h2{margin-top:0}.graphic-template-info p{overflow-wrap:anywhere}.graphic-template .graphic-template-preview{width:100%;max-width:100%;height:240px;object-fit:contain;margin:0}.admin-main .settings-card.graphic-scope{padding:16px;box-sizing:border-box}.admin-main #ge-properties input[type=hidden]{display:none}@media(max-width:480px){.admin-main .settings-card.graphic-template{padding:16px;gap:12px}.graphic-template .graphic-template-preview{height:190px}.graphic-template-info h2{font-size:1rem}}

.ge-game-picker{display:flex;align-items:center;gap:8px;width:100%;padding:10px;text-align:left;font-size:12px;min-width:0}.ge-game-picker>span{min-width:0;overflow-wrap:anywhere}.ge-game-picker::after{content:'▾';margin-left:auto}.ge-game-icon{width:18px;height:18px;flex:0 0 18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.ge-game-icon[data-status=finished]{color:#16803c}.ge-game-icon[data-status=live]{color:#c33d18}.ge-game-icon[data-status=cancelled],.ge-game-icon[data-status=abandoned]{color:#b32d2e}.ge-game-options{position:fixed;inset:auto;margin:0;padding:4px;border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--text);box-shadow:0 8px 28px #0003;overflow:auto;box-sizing:border-box;font-size:13px}.ge-game-options [role=option]{display:flex;gap:10px;align-items:center;padding:10px;min-height:44px;cursor:pointer;overflow-wrap:anywhere}.ge-game-options [role=option].active{background:color-mix(in srgb,var(--accent) 12%,var(--surface));outline:1px solid var(--accent);outline-offset:-1px}.ge-game-options [aria-selected=true]{font-weight:700}