@font-face{font-family:'DonoX Gaming Tech';src:url('./gaming-tech.ttf') format('truetype');font-style:normal;font-weight:600;font-display:swap}
body.gaming-output{margin:0;background:transparent}*{box-sizing:border-box}[hidden]{display:none!important}
.game-frame{position:relative;flex-shrink:0}.game-card{position:absolute;left:0;top:0;isolation:isolate;transform-origin:top left;overflow:hidden;border:var(--game-border-width) solid var(--game-border-color);border-radius:var(--game-radius);color:var(--game-value-color);font:600 14px/1 var(--game-font);font-variant-numeric:tabular-nums;box-sizing:border-box}
.game-ground,.game-blueprint,.game-art{position:absolute;inset:0;pointer-events:none;z-index:-1}.game-ground{background:var(--game-background-color);opacity:var(--game-background-opacity)}
.game-blueprint{color:var(--game-border-color);opacity:var(--game-grid-opacity);background-image:linear-gradient(currentColor .5px,transparent .5px),linear-gradient(90deg,currentColor .5px,transparent .5px),linear-gradient(currentColor .5px,transparent .5px),linear-gradient(90deg,currentColor .5px,transparent .5px);background-size:9px 9px,9px 9px,45px 45px,45px 45px}
.game-target{position:absolute;border:1px solid currentColor;border-radius:50%;width:102px;height:102px;transform:rotate(24deg)}.game-target:before{content:'';position:absolute;inset:8px;border:1px dashed currentColor;border-radius:50%}.game-target:after{content:'';position:absolute;inset:-8px;background:linear-gradient(transparent calc(50% - .5px),currentColor 50%,transparent calc(50% + .5px)),linear-gradient(90deg,transparent calc(50% - .5px),currentColor 50%,transparent calc(50% + .5px))}.target-one{left:102px;top:-55px}.target-two{width:125px;height:125px;right:37px;bottom:-64px}.game-circuit{position:absolute;inset:10px 21px;clip-path:polygon(0 0,40% 0,49% 20%,90% 20%,100% 50%,95% 100%,60% 100%,50% 75%,0 75%);border:1px solid currentColor;transform:rotate(-3deg)}
.game-art{inset:auto 0 0 auto;width:145px;height:100%;object-fit:cover;object-position:50% 27%;opacity:var(--game-image-opacity);mask-image:linear-gradient(90deg,transparent,#000 26%,#000);-webkit-mask-image:linear-gradient(90deg,transparent,#000 26%,#000)}.game-art-left{left:0;right:auto;transform:scaleX(-1)}.game-art-center{left:50%;right:auto;transform:translateX(-50%);mask-image:linear-gradient(90deg,transparent,#000 20%,#000 80%,transparent)}.game-custom-art{width:100%;height:100%;transform:none;inset:0;object-position:center;mask-image:none;-webkit-mask-image:none}.game-custom-art.game-art-left{object-position:left}.game-custom-art.game-art-right{object-position:right}
.game-content{position:relative;display:flex;flex-direction:column;height:100%;padding:var(--game-padding);gap:0;min-width:0}.game-main{display:flex;align-items:center;flex:1;min-height:0;gap:12px}.game-identity{display:flex;align-items:center;gap:12px;flex:0 0 45%;max-width:45%;min-width:0}.game-mark{position:relative;width:var(--game-badge-size);height:var(--game-badge-size);flex:0 0 var(--game-badge-size);color:var(--game-accent-color)}.game-mark svg{display:block;width:100%;height:100%}.game-level{position:absolute;top:42%;left:0;right:0;text-align:center;font:600 calc(var(--game-badge-size)*.32)/1 var(--game-font)}.game-level-label{position:absolute;top:78%;left:0;right:0;text-align:center;font:600 calc(var(--game-badge-size)*.12)/1 var(--game-font);letter-spacing:1px}.game-name{min-width:0;flex:1}.game-nickname{display:block;font-size:var(--game-nickname-size);font-weight:700;line-height:1.5;letter-spacing:.04em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--game-nickname-color)}
.game-rating{display:flex;align-items:center;gap:3px;white-space:nowrap;min-width:0;margin-top:0;color:var(--game-value-color)}.game-rating-icon{display:flex;align-items:center;justify-content:center;flex:0 0 20px;width:20px;height:20px}.game-rating-icon svg{display:block;width:100%;height:100%;overflow:visible}.game-rating-value{font-size:var(--game-value-size);font-weight:700;line-height:1.2;overflow:hidden;text-overflow:ellipsis}.game-rating-caption{font-size:9px;color:var(--game-label-color);align-self:flex-end;margin-bottom:3px}
.game-metrics{display:grid;grid-template-columns:repeat(var(--game-metric-count),minmax(0,1fr));flex:1;min-width:0;gap:6px;align-items:start;text-align:center}.game-metric{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;min-width:0}.game-value{display:block;font-size:var(--game-value-size);font-weight:700;line-height:1.4;white-space:nowrap;color:var(--game-value-color)}.game-label{display:block;overflow:hidden;text-overflow:ellipsis;font-size:var(--game-label-size);font-weight:700;line-height:1.5;letter-spacing:.035em;white-space:nowrap;color:var(--game-label-color);margin-top:-2px}.game-outlined .game-value,.game-outlined .game-label{-webkit-text-stroke:.65px color-mix(in srgb,var(--game-background-color),transparent 10%);paint-order:stroke fill;text-shadow:0 1px 0 color-mix(in srgb,var(--game-background-color),transparent 30%)}
.game-footer{display:flex;align-items:center;justify-content:space-between;flex:0 0 28px;min-width:0;gap:6px;color:var(--game-label-color);font-size:var(--game-footer-size);font-weight:700;line-height:1.5;padding:3px 6px 0}.game-divided{border-top:1px solid var(--game-divider-color)}.game-summary{display:flex;align-items:center;gap:12px;min-width:0;font-size:var(--game-footer-size)}.game-summary>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.game-recent{display:flex;align-items:center;gap:6px;white-space:nowrap;font-size:var(--game-footer-size);font-weight:700}.game-win{color:var(--game-win-color)}.game-loss{color:var(--game-loss-color)}.game-match-count{font-size:var(--game-footer-size)}.game-updated{display:flex;gap:4px;align-items:center;justify-content:flex-end;flex:0 0 10px;font:9px/1 'Segoe UI',sans-serif;color:var(--game-label-color)}.game-updated i{width:3px;height:3px;border-radius:50%;background:var(--game-accent-color)}
.game-empty{font:12px/1.4 'Segoe UI',sans-serif;color:var(--game-label-color);margin:0;flex:1;min-width:0}.game-unavailable .game-identity{flex-basis:40%}.game-unavailable .game-mark{display:none}
.game-circle{border-radius:50%}.game-circle .game-content{padding:max(18px,var(--game-padding));gap:7px;justify-content:center}.game-circle .game-main{flex:none;display:flex;flex-direction:column;gap:9px}.game-circle .game-identity{max-width:100%;flex:none;flex-direction:column;gap:4px;text-align:center}.game-circle .game-name{max-width:230px}.game-circle .game-rating{justify-content:center}.game-circle .game-metrics{width:100%;flex:none;gap:5px}.game-circle .game-footer{flex:none;min-height:27px;flex-direction:column;justify-content:center;width:min(220px,100%);margin:0 auto;padding-top:7px;gap:4px}.game-circle .game-summary{justify-content:center}.game-circle .game-recent{justify-content:center}.game-circle .game-updated{justify-content:center;flex:none}.game-circle .game-empty{text-align:center;max-width:230px}.game-circle .game-art{width:170px}
.gaming-source{padding:0;width:450px;height:122px;max-width:none}.gaming-source.circle{width:300px;height:300px}.gaming-preview{overflow:auto;max-width:100%;padding:16px 0;min-height:150px}.gaming-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.gaming-link{margin-top:20px}.gaming-editor{grid-column:1/-1;min-width:0}.gaming-editor .gaming-provider-form{min-width:0}.gaming-editor .gaming-provider-form h3{font-size:17px;margin:12px 0}.gaming-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.gaming-provider-status{font-size:11px;color:var(--muted,#adb8c8);min-height:36px}.gaming-caption{font-size:10px;color:var(--muted,#adb8c8);margin-top:10px}
.gaming-provider-form select{display:block;width:100%;min-height:43px;margin:8px 0 18px;padding:10px 12px;border:1px solid var(--border,#ffffff20);border-radius:10px;background:var(--field,#191721);color:var(--text,#f4f1fa);font:inherit;line-height:1.4;color-scheme:dark}.gaming-provider-form select:focus{outline:2px solid #ad8cf08c;outline-offset:1px}.gaming-provider-form input[type=color],#localGamingForm input[type=color]{display:block;width:100%;height:43px;min-height:43px;padding:5px 7px;cursor:pointer}.gaming-provider-form input[type=color]::-webkit-color-swatch,#localGamingForm input[type=color]::-webkit-color-swatch{border:0;border-radius:5px}.gaming-provider-form input[type=color]::-moz-color-swatch,#localGamingForm input[type=color]::-moz-color-swatch{border:0;border-radius:5px}
#localGamingForm .grid2>div{min-width:0}@media(max-width:700px){.gaming-options{grid-template-columns:minmax(0,1fr)}.gaming-preview{overflow-x:auto}}

.game-avatar{width:30%;object-position:center}.game-avatar.game-art-left{transform:none}.theme-white-cyber .game-avatar{mix-blend-mode:multiply}

/* FACEIT: a quiet monitor texture and slow drafting reticles. The existing
   grid_opacity setting remains the intensity control for saved designs. */
.faceit .game-blueprint{background:none}
.faceit .game-blueprint:before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,currentColor 0 1px,transparent 1px 3px);opacity:.14}
.faceit .game-blueprint:after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 48% 15%,transparent 35%,currentColor 140%);opacity:.12}
.faceit .game-target{width:104px;height:104px;border-color:currentColor;opacity:.55;transform:none;animation:faceit-hud-drift 24s ease-in-out infinite alternate}
.faceit .game-target:before{inset:10px;border-style:dashed;border-width:1px;animation:faceit-hud-turn 48s linear infinite}
.faceit .game-target:after{inset:-13px;background:linear-gradient(transparent calc(50% - .5px),currentColor calc(50% - .5px),currentColor calc(50% + .5px),transparent calc(50% + .5px)),linear-gradient(90deg,transparent calc(50% - .5px),currentColor calc(50% - .5px),currentColor calc(50% + .5px),transparent calc(50% + .5px));opacity:.7}
.faceit .target-one{left:26%;top:-62px;animation-delay:-9s}
.faceit .target-two{width:88px;height:88px;right:22%;bottom:-55px;animation-duration:29s;animation-delay:-17s;animation-direction:alternate-reverse}
.faceit .target-two:before{animation-direction:reverse;animation-duration:56s}
.faceit .game-circuit{inset:12px 18px;opacity:.25;transform:none;clip-path:polygon(0 0,22% 0,22% 1%,1% 1%,1% 22%,0 22%,0 0,100% 0,100% 100%,78% 100%,78% 99%,99% 99%,99% 78%,100% 78%,100% 0)}
.faceit.game-circle .target-one{left:12%;top:-25px}.faceit.game-circle .target-two{right:9%;bottom:-20px}
@keyframes faceit-hud-drift{from{transform:translate3d(-8px,0,0)}to{transform:translate3d(10px,9px,0)}}
@keyframes faceit-hud-turn{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.faceit .game-target,.faceit .game-target:before{animation:none}}

.game-faceit-level{color:var(--faceit-level-color)}.game-faceit-level .game-level-track,.game-faceit-level .game-level-progress{fill:none;stroke-width:6.5;stroke-linecap:butt}.game-faceit-level .game-level-track{stroke:var(--game-label-color);opacity:.16}.game-faceit-level .game-level-progress{stroke:currentColor}.game-faceit-level .game-level{inset:0;display:grid;place-items:center;font:700 calc(var(--game-badge-size)*.36)/1 var(--game-font);font-variant-numeric:tabular-nums;letter-spacing:0}