:root{--aoe2-accent:#e5b13a;--aoe2-accent-light:#f1c40f;--aoe2-accent-glow:color-mix(in srgb, var(--aoe2-accent-light), transparent 60%);--aoe2-bg:#0a0806;--aoe2-bg-alt:#170d0a;--aoe2-glass:color-mix(in srgb, var(--aoe2-bg), transparent 20%);--aoe2-backdrop:color-mix(in srgb, var(--color-black), transparent 90%);--aoe2-text:#e5b13a;--aoe2-text-alt:#f4ebc3;--aoe2-text-muted:#8c7b65;--aoe2-shadow:0 6px 16px color-mix(in srgb, var(--color-black), transparent 80%), 0 0 0px color-mix(in srgb, var(--aoe2-accent), transparent 100%);--aoe2-shadow-focus:0 0 10px color-mix(in srgb, var(--aoe2-accent), transparent 20%);--aoe2-radius:0px;--aoe2-transition:all .2s ease-out;--aoe2-blur:blur(2px);--aoe2-font-display:"Times New Roman", Times, serif;--aoe2-font-body:"Inter", "Arial", sans-serif;--aoe2-card-decorations:none;--aoe2-status-success:#27ae60;--aoe2-status-warning:#d35400;--aoe2-status-error:#c0392b}.aoe2-layout{--ui-accent:var(--aoe2-accent);--ui-accent-light:var(--aoe2-accent-light);--ui-accent-glow:var(--aoe2-accent-glow);--ui-bg:var(--aoe2-bg);--ui-bg-alt:var(--aoe2-bg-alt);--ui-glass:var(--aoe2-glass);--ui-text:var(--aoe2-text);--ui-text-alt:var(--aoe2-text-alt);--ui-text-muted:var(--aoe2-text-muted);--ui-radius:var(--aoe2-radius);--ui-shadow:var(--aoe2-shadow);--ui-shadow-focus:var(--aoe2-shadow-focus);--ui-blur:var(--aoe2-blur);--ui-transition:var(--aoe2-transition);--ui-font-display:var(--aoe2-font-display);--ui-font-body:var(--aoe2-font-body);--ui-card-decorations:var(--aoe2-card-decorations);--ui-status-success:var(--aoe2-status-success);--ui-status-warning:var(--aoe2-status-warning);--ui-status-error:var(--aoe2-status-error);font-family:var(--ui-font-body);text-align:center;box-sizing:border-box;flex-direction:column;flex:1;width:100%;height:100%;margin:0;display:flex;position:relative;overflow:visible}.aoe2-bg-overlay{pointer-events:none;z-index:-1;background-color:#0000;background-image:radial-gradient(circle,#28190fa6 0%,#0f0a05f2 100%),url(/backgrounds/aoe2-bg.webp);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:fixed;inset:0}.aoe2-layout .game-header,.aoe2-layout .character-card{border-radius:var(--aoe2-radius)}.aoe2-layout .character-card{border:.0625rem solid color-mix(in srgb, var(--ui-accent), transparent 30%);box-shadow:inset 0 0 2rem color-mix(in srgb, var(--ui-bg-alt), transparent 10%), 0 .25rem .5rem color-mix(in srgb, var(--ui-bg-alt), transparent 40%);background:radial-gradient(circle at top, color-mix(in srgb, var(--ui-bg), transparent 10%), var(--ui-bg-alt))}.aoe2-layout .character-card__avatar{object-fit:contain;filter:drop-shadow(0 .25rem .5rem color-mix(in srgb, var(--ui-bg-alt), transparent 20%))}.aoe2-layout .character-card:hover{border-color:var(--ui-accent-light);box-shadow:inset 0 0 2rem color-mix(in srgb, var(--ui-bg-alt), transparent 20%), 0 .5rem 1rem color-mix(in srgb, var(--ui-bg-alt), transparent 50%), 0 0 .75rem var(--ui-accent-glow)}.aoe2-layout .character-card__info-container{background:linear-gradient(to top, color-mix(in srgb, var(--ui-accent), transparent 95%), transparent);border-top:none}.aoe2-layout .character-card__info-container:before{content:"";background:linear-gradient(90deg, transparent, var(--ui-accent), transparent);opacity:.8;width:auto;height:.0625rem;display:block;position:absolute;top:0;left:15%;right:15%}.aoe2-layout .character-card:hover .character-card__info-container:before{opacity:1;background:linear-gradient(90deg, transparent, var(--ui-accent-light), transparent)}.aoe2-layout .character-card__name{letter-spacing:.05em;text-shadow:0 .125rem .25rem color-mix(in srgb, var(--ui-bg-alt), transparent 10%)}.aoe2-layout .character-card--guessed{border-color:color-mix(in srgb, var(--ui-accent), transparent 70%);background:var(--ui-bg-alt);box-shadow:none;opacity:.85!important}.aoe2-layout .character-card--guessed .character-card__avatar{filter:grayscale()brightness(.7)contrast(1.1)!important}.aoe2-layout .character-card--guessed .character-card__info-container{background:0 0}.aoe2-layout .character-card--guessed .character-card__info-container:before{opacity:.2}.aoe2-layout .character-card--guessed .character-card__name{color:color-mix(in srgb, var(--ui-text-muted), transparent 20%);text-shadow:none}.aoe2-layout .table-header{text-transform:uppercase;font-family:var(--ui-font-display);border:none;border-top:.0625rem solid color-mix(in srgb, var(--ui-text), transparent 40%);border-bottom:.0625rem solid color-mix(in srgb, var(--ui-text), transparent 40%);background:color-mix(in srgb, var(--ui-bg-alt), transparent 20%);color:var(--ui-text);text-shadow:0 .125rem .25rem color-mix(in srgb, var(--ui-bg-alt), transparent 10%), 0 0 .5rem color-mix(in srgb, var(--ui-bg-alt), transparent 20%);box-shadow:0 .25rem .5rem color-mix(in srgb, var(--ui-bg-alt), transparent 50%);border-radius:0;margin-bottom:.5rem;padding-top:.5rem;padding-bottom:.5rem;letter-spacing:.05em!important;font-size:.75rem!important}.aoe2-layout .table-header .cell{-webkit-hyphens:none;hyphens:none;min-width:0;line-height:1.2;overflow-wrap:break-word!important;word-break:normal!important;white-space:normal!important}.aoe2-layout .glyph-image{filter:drop-shadow(0 .25rem .375rem color-mix(in srgb, var(--ui-bg-alt), transparent 20%));border:.125rem solid var(--ui-accent);border-radius:var(--ui-radius);object-fit:contain}.aoe2-layout .base-button--primary{background:linear-gradient(to bottom, color-mix(in srgb, var(--ui-status-error), var(--ui-bg-alt) 65%), color-mix(in srgb, var(--ui-status-error), var(--ui-bg-alt) 45%) 50%, color-mix(in srgb, var(--ui-status-error), var(--ui-bg-alt) 65%));border:.125rem solid var(--ui-accent);color:var(--ui-accent);box-shadow:inset 0 0 1.5rem color-mix(in srgb, var(--ui-bg-alt), transparent 10%), inset 0 0 .5rem color-mix(in srgb, var(--ui-bg-alt), transparent 30%);text-transform:uppercase;font-family:var(--ui-font-display);letter-spacing:.05em;text-shadow:0 .125rem .25rem color-mix(in srgb, var(--ui-bg-alt), transparent 20%);border-radius:0;font-weight:700}.aoe2-layout .base-button--primary:hover:not(:disabled){background:linear-gradient(to bottom, color-mix(in srgb, var(--ui-status-error), var(--ui-bg-alt) 50%), color-mix(in srgb, var(--ui-status-error), var(--ui-bg-alt) 30%) 50%, color-mix(in srgb, var(--ui-status-error), var(--ui-bg-alt) 50%));border-color:var(--ui-accent-light);color:var(--ui-accent-light);box-shadow:inset 0 0 1.5rem color-mix(in srgb, var(--ui-bg-alt), transparent 20%), inset 0 0 .5rem color-mix(in srgb, var(--ui-bg-alt), transparent 40%), 0 0 .5rem color-mix(in srgb, var(--ui-accent), transparent 50%)}.aoe2-layout .base-button--secondary,.aoe2-layout .base-button--outline,.aoe2-layout .base-button--ghost{background:var(--ui-bg-alt);border:.125rem solid color-mix(in srgb, var(--ui-accent), transparent 50%);color:var(--ui-text-alt);border-radius:var(--ui-radius);font-family:var(--ui-font-display);text-transform:uppercase}.aoe2-layout .base-button--secondary:hover:not(:disabled),.aoe2-layout .base-button--outline:hover:not(:disabled),.aoe2-layout .base-button--ghost:hover:not(:disabled){border-color:var(--ui-accent);color:var(--ui-accent);background:var(--ui-bg)}.aoe2-layout .base-input__field{background:var(--ui-bg-alt)!important;border:.125rem solid color-mix(in srgb, var(--ui-accent), transparent 50%)!important;color:var(--ui-accent)!important;border-radius:var(--ui-radius)!important;font-family:var(--ui-font-display)!important}.aoe2-layout .base-input__field:focus{border-color:var(--ui-accent)!important;box-shadow:inset 0 0 .625rem color-mix(in srgb, var(--ui-bg-alt), transparent 20%), 0 0 .625rem color-mix(in srgb, var(--ui-accent), transparent 50%)!important}.aoe2-layout .front-cell,.aoe2-layout .glyph-cell{border:.0625rem solid color-mix(in srgb, var(--ui-accent), transparent 50%)!important;background:radial-gradient(circle at top left, color-mix(in srgb, var(--ui-bg-alt), transparent 10%), color-mix(in srgb, var(--ui-bg), transparent 40%))!important;box-shadow:inset 0 0 .5rem color-mix(in srgb, var(--ui-bg), transparent 50%), 0 .125rem .25rem color-mix(in srgb, var(--ui-bg), transparent 50%)!important}.aoe2-layout .glyph-cell.all{background:radial-gradient(circle at top left, color-mix(in srgb, var(--ui-status-success), transparent 40%), color-mix(in srgb, var(--ui-status-success), transparent 70%))!important;border-color:color-mix(in srgb, var(--ui-status-success), transparent 20%)!important;box-shadow:inset 0 0 .5rem color-mix(in srgb, var(--ui-bg-alt), transparent 50%), 0 .125rem .25rem color-mix(in srgb, var(--ui-bg), transparent 50%)!important}.aoe2-layout .glyph-cell.all:before{display:none!important}.aoe2-layout .glyph-cell.partial{background:radial-gradient(circle at top left, color-mix(in srgb, var(--ui-status-warning), transparent 40%), color-mix(in srgb, var(--ui-status-warning), transparent 70%))!important;border-color:color-mix(in srgb, var(--ui-status-warning), transparent 20%)!important;box-shadow:inset 0 0 .5rem color-mix(in srgb, var(--ui-bg-alt), transparent 50%), 0 .125rem .25rem color-mix(in srgb, var(--ui-bg), transparent 50%)!important}.aoe2-layout .glyph-cell.partial:before,.aoe2-layout .glyph-cell:after{display:none!important}.aoe2-layout .glyph-name,.aoe2-layout .glyph-name-only{color:var(--ui-text)!important;text-shadow:0 .0625rem .125rem color-mix(in srgb, var(--ui-bg-alt), transparent 10%)!important;font-weight:600!important}