@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@700&family=Pacifico&display=swap");:root{--font-main:Arial,sans-serif;--font-header:"Pacifico","Montserrat","Segoe UI",Arial,sans-serif;--text-color-main:#f0f0f0;--text-color-header:#2ea4ff;--text-color-highlight:#e2ac60cc;--bg-main:#222222;--bg-button:linear-gradient(135deg,#333333,#444444);--bg-small-button:linear-gradient(135deg,#333333,#555555);--bg-hover:linear-gradient(135deg,#2ea4ff,#333333);--bg-active:linear-gradient(135deg,#38ef7dcc,#11998ecc);--bg-inactive:linear-gradient(135deg,#f0f0f0,#888888);--bg-board:#2ea4ff5d;--bg-dropdown:linear-gradient(135deg,#232526,#414345);--bg-highlight:#2ea4ff80;--bg-last-move:#38ef7d80;--bg-right1:#fbff0080;--bg-right2:#cc2b5e80;--bg-can-move:#2ea4ff80;--bg-premove:#2ea4ff80;--border-soft:1.5px solid #333333;--border-strong:1.5px solid #2ea4ff;--border-muted:1.5px solid #444444;--border-danger:1.5px solid #b71c1c;--box-shadow-soft:0 2px 8px #2ea4ff1a;--box-shadow-strong:0 4px 12px #11998ecc;--box-shadow-glow:0 0 0 3px #38ef7d77;--box-shadow-heavy:0 4px 18px #333333;--box-shadow-error:#b71c1c 0px 0px 0px 3px;--white-square:#f0d9b5;--black-square:#b58863}*{caret-color:transparent}body{margin:0;font-family:var(--font-main);background:var(--bg-main);color:var(--text-color-main)}header{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem;background:var(--bg-button);border-bottom:var(--border-soft);box-shadow:var(--box-shadow-soft);height:3.5rem;min-height:3.5rem}.logo-container{gap:.5rem;margin:.5rem 0 .5rem -10rem;text-decoration:none;overflow:visible}.logo,.logo-container{display:flex;align-items:center;height:100%}.logo{font-size:2rem;color:var(--bg-hover)}.logo,.logo-text{text-align:center;line-height:1}.logo-text{font-size:2.5rem;color:var(--text-color-header);font-family:var(--font-header);font-weight:1;text-decoration:none;display:flex;align-items:center;height:100%}.logo-container img{height:3.5rem;width:auto}.dropdown{position:relative;display:inline-block;z-index:10}.dropbtn{background:var(--bg-button);color:var(--text-color-main);padding:.6rem 1.2rem;font-size:1.4rem;border:var(--border-soft);border-radius:8px;cursor:pointer;box-shadow:var(--box-shadow-soft);transition:all .2s ease}.dropbtn:hover{background:var(--bg-hover);box-shadow:var(--box-shadow-glow)}.dropdown-content{position:absolute;top:100%;right:0;background:var(--bg-dropdown);min-width:200px;border-radius:8px;box-shadow:var(--box-shadow-heavy);padding:.5rem 0;margin-top:0;opacity:0;transform:translateY(-10px);pointer-events:none;transition:opacity .2s ease,transform .2s ease}.dropdown-content.open{opacity:1;transform:translateY(0);pointer-events:auto}.dropdown-content a{color:var(--text-color-main);padding:.75rem 1.2rem;text-decoration:none;font-family:var(--font-main);font-size:1rem;display:block;transition:background .2s ease}.dropdown-content a:hover{background:var(--bg-hover);color:var(--text-color-main)}.play{margin:2rem auto;text-align:center}.play h2,.practice h2{font-size:2.2rem;font-family:var(--font-main);text-align:center;margin:2rem 0 1rem;background:linear-gradient(135deg,#ffffff,#fafafa);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 2px 6px rgba(46,164,255,.25);letter-spacing:1px;position:relative}.play h2:after,.practice h2:after{content:"";display:block;width:60px;height:3px;background:var(--bg-hover);margin:.5rem auto 0;border-radius:2px;opacity:.7}.time-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:.75rem;gap:.75rem;justify-content:center;max-width:500px;margin:1rem auto}.time-grid a{display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;background:var(--bg-button);border:var(--border-muted);border-radius:8px;box-shadow:var(--box-shadow-soft);padding:1rem;color:var(--text-color-main);font-weight:700;font-size:1.5rem;aspect-ratio:1/1}.time-grid a small{font-size:1rem;font-weight:400;color:#ccc;margin-top:.2rem}.time-grid a:hover{background:var(--bg-hover)}.time-box{background:var(--bg-small-button)}.time-box:hover{filter:brightness(1.1);box-shadow:var(--box-shadow-glow)}.practice{margin:2rem;text-align:center}.practice-grid{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap}.practice-box{display:flex;flex-direction:column;background:var(--bg-button);border:var(--border-soft);padding:2rem;border-radius:10px;width:300px;text-align:left;text-decoration:none;color:var(--text-color-main);box-shadow:var(--box-shadow-soft)}.practice-box:hover{background:var(--bg-hover)}.practice-box h3{font-size:1.4rem;color:var(--text-color-main);margin-bottom:.6rem;display:flex;align-items:center;gap:.4rem}.practice-desc{line-height:1.3;font-size:.95rem;margin-bottom:auto}.emphasis{font-weight:600;color:var(--text-color-highlight)}.tiny-note{font-size:.75rem;color:#aaa;font-style:italic;margin-top:auto}@media (max-width:768px){.header{flex-direction:column;gap:1rem}.search{width:100%}.time-grid{grid-template-columns:repeat(2,1fr)}.practice-box{width:100%}}#fullScreenLoadingOverlay{display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.7);z-index:9999;align-items:center;justify-content:center;color:white;font-size:2em;text-align:center}#fullScreenLoadingOverlay .loader{margin-bottom:20px}.info-page{padding:2rem;max-width:600px;margin:auto;text-align:left;color:var(--text-color-main);font-size:1.1rem;line-height:1.6}.info-content p{margin-bottom:1.4rem}.buy-coffee{display:inline-flex;align-items:center;gap:.7rem;margin-top:.2rem;background:linear-gradient(90deg,var(--bg-button) 60%,var(--bg-hover) 100%);padding:.7rem 1.6rem;border-radius:12px;color:var(--text-color-main);text-decoration:none;font-weight:700;box-shadow:0 2px 8px var(--box-shadow-soft);border:0 solid var(--text-color-header);letter-spacing:.03em;cursor:pointer;transition:background .2s,box-shadow .2s,transform .1s}.buy-coffee:hover{background:linear-gradient(90deg,var(--bg-hover) 60%,var(--bg-button) 100%);box-shadow:0 4px 16px var(--box-shadow-glow);color:var(--text-color-main);transform:translateY(-2px) scale(1.03)}.coffee-icon{font-size:1.4rem;filter:drop-shadow(0 1px 2px var(--box-shadow-soft))}.link{color:var(--text-color-header);text-decoration:none;transition:color .2s ease}.link:hover{color:var(--text-color-main);text-decoration:underline}.link:visited{color:var(--text-color-header)}.profile-page{padding:2rem;font-family:var(--font-main);background:var(--bg-main);color:var(--text-color-main)}.followlist{flex-direction:column;gap:1rem;margin-top:1rem;width:50%;max-height:16rem;overflow-y:auto;margin-left:auto;margin-right:auto}.followlist,.followlist li{display:flex;align-items:center}.followlist li{list-style:none;justify-content:center;width:90%;font-size:1.1rem;color:var(--text-color-highlight);background:var(--bg-small-button);border-radius:.5rem;padding:.7rem 1rem;box-shadow:var(--box-shadow-soft);transition:background .2s}.followlist li:hover{background:var(--bg-hover)}.followlist li a{color:var(--text-color-highlight);text-decoration:none;font-weight:500;transition:color .2s,-webkit-text-decoration .2s;transition:color .2s,text-decoration .2s;transition:color .2s,text-decoration .2s,-webkit-text-decoration .2s}.followlist li a:focus,.followlist li a:hover{color:var(--text-color-link);text-decoration:underline}.profile-header{display:flex;flex-direction:column;align-items:center;gap:2rem;margin-top:2rem}.profile-picture img{border-radius:50%;border:var(--border-soft)}.profile-picture,.profile-picture img{width:8rem;height:8rem;box-shadow:var(--box-shadow-soft)}.profile-picture{position:relative;border-radius:50%;overflow:hidden}.profile-picture img{width:100%;height:100%;object-fit:cover}.edit-icon{position:absolute;bottom:.3rem;right:.3rem;background:var(--bg-button);border-radius:50%;padding:.4rem;font-size:1rem;cursor:pointer;color:var(--text-color-main);box-shadow:var(--box-shadow-heavy)}.profile-info{gap:2rem}.profile-bio-row,.profile-info,.profile-name-row{display:flex;flex-direction:column;align-items:center}.profile-bio-row,.profile-name-row{gap:.5rem;width:26rem}.name-input,.name-text{font-size:1.5rem;width:100%;text-align:center;caret-color:auto!important;-webkit-user-select:text!important;-moz-user-select:text!important;user-select:text!important}.bio-box{background:var(--bg-small-button);border-radius:.5rem;color:var(--text-color-main);white-space:pre-wrap;overflow-wrap:break-word;word-break:break-word}.bio-box,.bio-input{padding:1rem;border:var(--border-muted);font-size:1rem;overflow:hidden}.bio-input{font-family:var(--font-main);background:#fff;color:#000;border-radius:.5rem;resize:none;caret-color:auto!important;-webkit-user-select:text!important;-moz-user-select:text!important;user-select:text!important}.bio-edit,.bio-input,.bio-text{width:100%;box-sizing:border-box}.bio-edit,.bio-text{max-width:30rem}.profile-tabs{margin-top:3rem}.tab-icons{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem;justify-content:center}.tab-icons button{padding:.6rem 1.2rem;font-size:1rem;font-family:var(--font-main);background:var(--bg-button);color:var(--text-color-main);border:var(--border-muted);border-radius:.6rem;cursor:pointer;transition:background .2s ease}.tab-icons button.active{background:var(--bg-active);border:var(--border-strong);box-shadow:var(--box-shadow-glow)}.tab-icons button:hover:not(.active){background:var(--bg-hover)}.tab-content{padding:1.5rem;background:var(--bg-small-button);border-radius:1rem;border:var(--border-soft);box-shadow:var(--box-shadow-soft)}.tab-content h3{font-size:1.3rem;margin-bottom:1rem;color:var(--text-color-highlight)}.edit-button{all:unset;display:inline;color:inherit;padding:0;border:none;border-radius:0;cursor:pointer;box-shadow:none;transition:none}.edit-button,.edit-button:hover{background:none}.separating-line{border:none;height:4px;width:70%;margin:2.5rem auto;background:linear-gradient(90deg,var(--bg-highlight) 0,var(--bg-right1) 50%,var(--bg-active) 100%);border-radius:2rem;box-shadow:0 2px 12px var(--bg-highlight),0 0 8px var(--bg-right1);opacity:.95;display:block;transition:background .3s,box-shadow .3s}