:root{--witcher-accent:#c9d2d8;--witcher-accent-light:#f4f7f8;--witcher-accent-glow:color-mix(in srgb, var(--witcher-accent), transparent 60%);--witcher-bg:#080b0d;--witcher-bg-alt:#12181b;--witcher-leather:#241512;--witcher-leather-alt:#3a2019;--witcher-glass:color-mix(in srgb, var(--witcher-bg), transparent 25%);--witcher-backdrop:color-mix(in srgb, var(--color-black), transparent 85%);--witcher-text:#f4f7f8;--witcher-text-alt:#d9e1e5;--witcher-text-muted:#9ba9af;--witcher-shadow:0 4px 12px color-mix(in srgb, var(--color-black), transparent 45%), 0 0 10px color-mix(in srgb, var(--witcher-accent), transparent 80%);--witcher-shadow-focus:0 0 15px color-mix(in srgb, var(--witcher-accent-light), transparent 45%);--witcher-radius:.375rem;--witcher-transition:all .25s ease-out;--witcher-blur:blur(6px);--witcher-font-display:"Cormorant Garamond", "Cormorant", serif;--witcher-font-body:"Inter", sans-serif;--witcher-card-decorations:none}.witcher-layout{--ui-accent:var(--witcher-accent);--ui-accent-light:var(--witcher-accent-light);--ui-accent-glow:var(--witcher-accent-glow);--ui-bg:var(--witcher-bg);--ui-bg-alt:var(--witcher-bg-alt);--ui-glass:var(--witcher-glass);--ui-text:var(--witcher-text);--ui-text-alt:var(--witcher-text-alt);--ui-text-muted:var(--witcher-text-muted);--ui-radius:var(--witcher-radius);--ui-shadow:var(--witcher-shadow);--ui-shadow-focus:var(--witcher-shadow-focus);--ui-blur:var(--witcher-blur);--ui-transition:var(--witcher-transition);--ui-font-display:var(--witcher-font-display);--ui-font-body:var(--witcher-font-body);--ui-card-decorations:var(--witcher-card-decorations);--ui-status-success:#7fb685;--ui-status-warning:#c9a15a;--ui-status-error:#a44b45;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}.witcher-bg-overlay{pointer-events:none;z-index:-1;background-color:#0000;background-image:radial-gradient(circle,#080b0a73 0%,#080b0af5 100%),url(/backgrounds/witcher-bg.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:fixed;inset:0}.app-wrapper--witcher .main-footer{--ui-text-muted:color-mix(in srgb, var(--witcher-text-alt), transparent 25%);--ui-text-alt:var(--witcher-text-alt)}.witcher-layout .base-banner.banner-warning{background:color-mix(in srgb, var(--ui-bg), transparent 8%);border-color:color-mix(in srgb, var(--ui-accent), transparent 18%);border-radius:var(--ui-radius);box-shadow:inset 0 0 0 .0625rem color-mix(in srgb, var(--color-white), transparent 90%), 0 1rem 2.5rem color-mix(in srgb, var(--color-black), transparent 30%)}.witcher-layout .banner-close{color:var(--ui-bg);border:.0625rem solid var(--ui-accent-light);border-radius:var(--ui-radius);box-shadow:inset 0 0 0 .0625rem color-mix(in srgb, var(--color-white), transparent 35%), 0 .25rem .875rem color-mix(in srgb, var(--color-black), transparent 45%);background:linear-gradient(#e7ecef,#9aa7ad)}.witcher-layout .banner-close:hover{background:linear-gradient(180deg, var(--ui-accent-light), #b8c3c8)}.witcher-layout .game-header__help-btn{color:color-mix(in srgb, var(--ui-accent-light), transparent 12%)}.witcher-layout .game-header__practice-badge,.witcher-layout .game-header__counter-badge{border-color:color-mix(in srgb, var(--ui-accent), transparent 35%);color:var(--ui-accent-light);box-shadow:inset 0 0 0 .0625rem color-mix(in srgb, var(--color-white), transparent 92%), 0 .25rem .75rem color-mix(in srgb, var(--color-black), transparent 35%);background:linear-gradient(#151b1e,#090d0f)}.witcher-layout .base-input__field{box-shadow:inset 0 0 0 .0625rem color-mix(in srgb, var(--color-white), transparent 92%), inset 0 0 1.25rem color-mix(in srgb, var(--color-black), transparent 25%), 0 .25rem 1rem color-mix(in srgb, var(--color-black), transparent 50%);background:color-mix(in srgb, var(--ui-bg), transparent 8%)!important;border:.125rem solid color-mix(in srgb, var(--ui-accent), transparent 30%)!important;color:var(--ui-text)!important}.witcher-layout .base-input__field::placeholder{color:color-mix(in srgb, var(--ui-text-muted), transparent 10%)}.witcher-layout .base-input__field:focus{border-color:var(--ui-accent-light)!important;box-shadow:inset 0 0 0 .0625rem color-mix(in srgb, var(--color-white), transparent 82%), 0 0 .875rem color-mix(in srgb, var(--ui-accent), transparent 45%)!important}.witcher-layout .base-button--primary,.witcher-layout .base-button--secondary{border:.0625rem solid color-mix(in srgb, var(--ui-accent), transparent 25%);color:var(--ui-accent-light);border-radius:var(--ui-radius);box-shadow:inset 0 0 0 .0625rem color-mix(in srgb, var(--color-white), transparent 90%), 0 .25rem .75rem color-mix(in srgb, var(--color-black), transparent 45%);font-family:var(--ui-font-display);letter-spacing:.06em;text-transform:uppercase;background:linear-gradient(#222a2d,#0b1012)}.witcher-layout .base-button--primary:hover:not(:disabled),.witcher-layout .base-button--secondary:hover:not(:disabled){border-color:var(--ui-accent-light);color:var(--ui-bg);background:linear-gradient(180deg, var(--ui-accent-light), #aab8be)}.witcher-layout .character-card{--card-bg:linear-gradient(180deg, #111719 0%, #070a0b 100%);background:var(--card-bg);border:.0625rem solid color-mix(in srgb, var(--card-accent), transparent 22%);border-radius:var(--ui-radius);box-shadow:inset 0 0 0 .0625rem color-mix(in srgb, var(--color-white), transparent 90%), inset 0 0 1.5rem color-mix(in srgb, var(--color-black), transparent 18%), 0 .25rem 1rem color-mix(in srgb, var(--color-black), transparent 40%)}.witcher-layout .character-card:before{content:"";background:radial-gradient(circle, color-mix(in srgb, var(--card-accent), transparent 5%) 0 .1125rem, transparent .125rem) left top / .625rem .625rem no-repeat, radial-gradient(circle, color-mix(in srgb, var(--card-accent), transparent 5%) 0 .1125rem, transparent .125rem) right top / .625rem .625rem no-repeat, radial-gradient(circle, color-mix(in srgb, var(--card-accent), transparent 5%) 0 .1125rem, transparent .125rem) left bottom / .625rem .625rem no-repeat, radial-gradient(circle, color-mix(in srgb, var(--card-accent), transparent 5%) 0 .1125rem, transparent .125rem) right bottom / .625rem .625rem no-repeat;z-index:10;pointer-events:none;display:block;position:absolute;inset:.3125rem;-webkit-mask-image:none;mask-image:none}.witcher-layout .character-card__decorations{border:.0625rem solid color-mix(in srgb, var(--card-accent), transparent 48%);border-radius:calc(var(--ui-radius) - .0625rem);display:block;inset:.375rem}.witcher-layout .character-card__decorations:before{display:none}.witcher-layout .character-card__avatar-container{border:.0625rem solid color-mix(in srgb, var(--card-accent), transparent 58%);background:radial-gradient(circle,#1a2224 0%,#070a0b 75%)}.witcher-layout .character-card__avatar-container:before{display:none}.witcher-layout .character-card__avatar{filter:saturate(.88)contrast(1.06)}.witcher-layout .character-card__info-container{border-top:none;padding:.25rem .3125rem 0}.witcher-layout .character-card__info-container:before,.witcher-layout .character-card__info-container:after{content:"";width:.375rem;height:.375rem;box-shadow:inset 0 0 0 .0625rem color-mix(in srgb, var(--color-black), transparent 58%), 0 .0625rem .1875rem color-mix(in srgb, var(--color-black), transparent 25%);opacity:.82;pointer-events:none;z-index:3;background:radial-gradient(circle at 35% 30%,#f4f7f8 0 .0625rem,#0000 .06875rem),linear-gradient(145deg,#d7e0e4,#77848a 58%,#eef3f5);border-radius:50%;display:block;position:absolute;top:50%;-webkit-mask-image:none;mask-image:none}.witcher-layout .character-card__info-container:before{left:.55rem;transform:translateY(-50%)}.witcher-layout .character-card__info-container:after{left:auto;right:.55rem;transform:translateY(-50%)}.witcher-layout .character-card__name{box-sizing:border-box;border:.0625rem solid color-mix(in srgb, var(--ui-accent), transparent 58%);border-radius:calc(var(--ui-radius) - .0625rem);background:radial-gradient(ellipse at 30% 20%, color-mix(in srgb, var(--witcher-leather-alt), transparent 35%), transparent 42%), radial-gradient(ellipse at 76% 80%, #111111d9, transparent 45%), linear-gradient(180deg, var(--witcher-leather-alt), var(--witcher-leather) 55%, #130c0a);max-height:2.95rem;color:var(--ui-accent-light);letter-spacing:.04em;box-shadow:inset 0 .0625rem 0 color-mix(in srgb, var(--color-white), transparent 88%), inset 0 -.125rem .625rem color-mix(in srgb, var(--color-black), transparent 25%), 0 .125rem .5rem color-mix(in srgb, var(--color-black), transparent 42%);text-shadow:0 .0625rem .125rem var(--ui-bg), 0 0 .5rem color-mix(in srgb, var(--ui-accent), transparent 70%);padding:.43rem 1.2rem .4rem;line-height:1.08;position:relative}.witcher-layout .character-card__name--match{background:var(--ui-accent-light);color:var(--ui-bg)}.witcher-layout .character-card:hover:not(.character-card--disabled){border-color:var(--ui-accent-light);box-shadow:inset 0 0 0 .0625rem color-mix(in srgb, var(--color-white), transparent 82%), 0 .375rem 1.25rem color-mix(in srgb, var(--color-black), transparent 32%), 0 0 .875rem color-mix(in srgb, var(--ui-accent), transparent 48%);transform:translateY(-.1875rem)}.witcher-layout .glyph-cell{--glyph-cell-bg:linear-gradient(180deg, #141b1e, #080c0e);--glyph-cell-border:.0625rem solid color-mix(in srgb, var(--ui-accent), transparent 35%);--glyph-cell-shadow:inset 0 0 1rem color-mix(in srgb, var(--color-black), transparent 30%);--glyph-cell-name-color:var(--ui-accent-light);--glyph-cell-text-shadow:0 .0625rem .125rem var(--ui-bg);--glyph-cell-shimmer-display:none;--glyph-cell-reflection-display:none;--glyph-cell-image-border:.0625rem solid color-mix(in srgb, var(--ui-accent), transparent 45%)}.witcher-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}.witcher-layout .character-card--guessed .character-card__avatar{filter:grayscale()brightness(.7)contrast(1.1)!important}.witcher-layout .character-card--guessed .character-card__info-container{background:0 0}.witcher-layout .character-card--guessed .character-card__info-container:before,.witcher-layout .character-card--guessed .character-card__info-container:after{opacity:.24}.witcher-layout .character-card--guessed .character-card__name{background:linear-gradient(180deg, color-mix(in srgb, var(--witcher-leather-alt), transparent 52%), color-mix(in srgb, var(--witcher-leather), transparent 38%));border-color:color-mix(in srgb, var(--ui-text-muted), transparent 72%);color:color-mix(in srgb, var(--ui-text-muted), transparent 20%);text-shadow:none}