body,html{height:100%;margin:0;padding:0}:root{--color-bg-body:#0d0d0d;--color-bg-menu:#141416;--color-text-light:#eaeaea;--color-border:#232323;--color-gold:#e3a327;--color-gold-light:#f2c94c;--color-red:#e20d0d;--color-red-light:#fa564a;--color-gray-light:#ccc;--color-gray-dark:#1d1d1d;--color-gray-medium:#333;--color-yellow:#ffd35c;--color-bg-dark:#1a1a1a;--color-brown:rgba(212,175,55,.1);--color-gray-text:#444;--color-gray-muted:#7d7d7d;--shadow-black:rgba(0,0,0,.7);--gradient-gold:linear-gradient(#f2c94c,#e3a327);--gradient-bg:linear-gradient(180deg,#1a1a1a,#121212);--border-subtle:hsla(0,0%,100%,.05)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:var(--color-bg-body);color:var(--color-text-light);display:flex;justify-content:center}.hidden{display:none!important}#changelog h2,h1{margin-bottom:2rem;text-align:center}#changelog h2,#faq h2,#faq h3,h1{font-size:clamp(2rem,4vw,3em);background-image:var(--gradient-gold);color:transparent;background-clip:text}#faq h2{font-weight:300;margin:2rem}#faq h3{color:var(--color-text-light);font-size:1em}#faq{padding:100px 48px;max-width:1300px;margin:auto}#changelog-title{font-size:clamp(1.5rem,4.3vw,2em);text-shadow:none}#banner-text{text-align:center}#top-section{flex-direction:row;justify-content:space-between;box-shadow:0 .6rem 2rem var(--shadow-black);padding:1.25rem;background:var(--color-bg-menu);border:1px solid var(--border-subtle);gap:1rem}#title,#top-section{display:flex;align-items:center}#title{position:relative;justify-content:center}#titleText{display:block;transform:translateY(15%);font-size:clamp(1.8rem,2.5vw,2em);background-image:var(--gradient-gold);color:transparent;background-clip:text;font-weight:700;margin:0}#icon{margin-left:30px;height:calc(clamp(1.8rem, 2.5vw, 2em)*1.75)}#useful-links{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:1rem;list-style:none;position:absolute;left:49%;transform:translate(-49%)}#hidden-letter{position:absolute;left:-999}#contact-support,#see-credits,#see-privacy,#see-terms,#support{margin:1vmin;color:var(--color-yellow);font-size:min(1.1rem,50px);text-align:center;text-decoration:none}#bot-action{text-align:center}#menu-main-container{display:flex;flex-direction:column;width:100vw}#menu-main-container hr{width:clamp(280px,40vw,400px);margin-bottom:10vmin;border-radius:20%}#lang-selector{width:fit-content;opacity:.8;padding:8px 12px;border:2px solid var(--border-subtle);border-radius:8px;background:transparent;margin-right:20px;color:var(--color-text-light);font-size:1em;cursor:pointer;transition:all .3s ease;box-sizing:border-box}#lang-selector:hover{background-color:var(--color-brown);border-color:var(--color-gold);transform:scale(1.03)}#menu{background:var(--color-bg-menu);border-radius:16px;width:clamp(280px,40vw,400px);padding:40px;flex:1;border:1px solid var(--border-subtle);box-shadow:0 20px 50px var(--shadow-black);display:flex;flex-direction:column;gap:16px;justify-content:center;align-items:stretch;text-align:center;margin:20vh auto}.separator{height:2px;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.1),transparent);margin:8px 0}#changelog,#end-popup,#links,#promote-popup{width:clamp(280px,40vw,400px);padding:1.25rem;background:var(--color-bg-menu);border-radius:1rem;box-shadow:0 .6rem 2rem var(--shadow-black);display:flex;flex-direction:column;align-items:stretch;text-align:center;border:1px solid var(--border-subtle)}#changelog,#end-popup{top:50%;left:50%;transform:translate(-50%,-50%);position:absolute;z-index:4}#changelog{max-height:80vh;min-width:50vw}#cl-text{overflow:auto;overflow-x:hidden;padding-left:1.25rem;margin-left:0;word-wrap:break-word}.cl-line{padding:2px 0;text-align:left;white-space:normal}#promote-popup{flex-direction:row;justify-content:space-between;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);gap:1rem}#game-container{display:flex;justify-content:center;align-items:center;gap:clamp(2rem,8vw,5rem);flex-wrap:wrap}#board-container{margin:auto;min-height:fit-content;display:block}#down-victims,#top-victims{margin-left:1vmin;display:flex;flex-direction:row;align-items:center}#top-victims{margin-bottom:0}#down-victims{margin-top:0}#versionDisplay{display:flex;color:#a1a1a1;font-size:clamp(.6rem,.85vw,.9em);cursor:pointer;font-family:monospace;margin:0 0 0 1rem}#faq{display:grid;grid-template-columns:1fr 1fr;gap:30px}#faq-title{grid-column:span 2}.faq{background:var(--color-bg-menu);padding:24px;border-radius:12px;border:1px solid var(--border-subtle)}button{width:100%;background-color:var(--color-bg-dark);color:var(--color-text-light);border:1px solid var(--color-border);padding:1rem;font-size:1.2rem;font-family:inherit;cursor:pointer;border-radius:.5rem;transition:box-shadow .2s ease-out,transform .2s ease-out,color .2s ease-out,border-color .2s ease-out,background-color .2s ease-out;-webkit-transition:box-shadow .2s ease-out,transform .2s ease-out,color .2s ease-out,border-color .2s ease-out,background-color .2s ease-out;margin-top:1rem}#menu-main-container #menu button{margin:0}button:hover:not(:disabled){background-color:var(--color-gray-medium);border:1px solid transparent}button:disabled{opacity:30%;-webkit-opacity:30%;cursor:not-allowed}button:active{transform:translateY(.2rem)}#start-button{color:var(--color-gold);background-color:transparent;border:1px solid var(--color-gold);font-size:1.3rem;font-weight:600;letter-spacing:1px;text-transform:uppercase;position:relative;overflow:hidden}#start-button:hover{background-color:var(--color-brown);transform:translateY(-3px)}#cancel-game,#cancel-move,#contact,#export-notation,#import-notation{width:45%;background:var(--color-bg-menu);color:var(--color-text-light);border:1px solid var(--border-subtle);padding:1rem;font-size:1rem;cursor:pointer;border-radius:.5rem;transition:transform .2s ease-out,background-color .2s ease-out,border-color .2s ease-out,opacity .2s ease-out;-webkit-transition:transform .2s ease-out,background-color .2s ease-out,border-color .2s ease-out,opacity .2s ease-out;margin:0 .6rem}#cancel-game:hover,#cancel-move:hover,#contact:hover,#export-notation:hover,#import-notation:hover{background-color:var(--color-brown);border-color:var(--color-gold)}#cancel-game{margin:0 auto 1rem;width:90%}#changelog #back-to-menu{width:50%;align-self:center}#cancel-move,#contact{padding:0;width:15%;margin:auto;border-radius:360px}#top-notation{display:flex;flex-direction:row;align-items:center}#actions-part{height:auto;display:flex;justify-content:center}#cookies-popup{position:fixed;bottom:1.5rem;right:1.5rem;width:clamp(250px,30vw,350px);padding:1rem;background:var(--color-bg-menu);border-radius:.8rem;box-shadow:0 .4rem 1.5rem var(--shadow-black);border:1px solid var(--border-subtle);display:flex;flex-direction:column;gap:.75rem;z-index:99;max-height:80vh;overflow-y:auto;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}#cookies-popup p{margin:0;font-size:.9rem;color:var(--color-text-light);line-height:1.4}#cookies-popup a{color:var(--color-gold-light)}#cookies-popup-title{font-weight:700;font-size:1rem;margin-bottom:.25rem;color:var(--color-gold)}#cookies-popup-buttons{display:flex;flex-direction:row;gap:.5rem;justify-content:space-between}#cookies-popup-buttons button{flex:1;padding:.6rem .8rem;font-size:.85rem;margin:0;border-radius:.4rem}#cookies-accept-btn{background-color:var(--color-gold);color:#000;border:1px solid var(--color-gold);font-weight:600}#cookies-accept-btn:hover{background-color:var(--color-gold-light)}#cookies-decline-btn{background-color:transparent;color:var(--color-text-light);border:1px solid var(--color-border)}#cookies-decline-btn:hover{background-color:var(--color-gray-medium);border-color:var(--color-gray-medium)}@media (max-width:768px){#cookies-popup{width:clamp(200px,85vw,320px);bottom:1rem;right:1rem;left:1rem}#cookies-popup-buttons{flex-direction:column}#cookies-popup-buttons button{font-size:.8rem;padding:.5rem}}