.chess-fullscreen{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;min-height:100dvh;min-height:100vh;overflow:hidden;padding:clamp(.25rem,1vw,.5rem);gap:0}.back-btn{position:fixed;top:clamp(.4rem,1.5vw,.75rem);left:clamp(.4rem,1.5vw,.75rem);z-index:60;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:#ffffffb3;padding:clamp(.3rem,1vw,.4rem) clamp(.6rem,2vw,.9rem);border-radius:1.5rem;font-size:clamp(.7rem,2vw,.8rem);cursor:pointer;transition:all .2s;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.back-btn:hover,.back-btn:active{background:#ffffff24;color:#fff}.board-wrapper{display:flex;align-items:center;gap:0}.rank-labels{display:flex;flex-direction:column}.rank-labels .label{height:calc(var(--board-size) / 8);display:flex;align-items:center;justify-content:center;font-size:clamp(.55rem,1.5vw,.7rem);font-weight:600;color:#ffffff59;width:clamp(.7rem,1.5vw,1rem);-webkit-user-select:none;user-select:none}.board{--board-size: min( calc(100dvh - 3.5rem) , calc(100dvh - 3.5rem) , calc(100vw - 3.5rem) );display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);width:var(--board-size);height:var(--board-size);border-radius:2px;overflow:hidden;box-shadow:0 0 0 2px #ffffff14,0 8px 32px #0009}.file-labels{display:flex}.file-labels .label{width:calc(var(--board-size) / 8);display:flex;align-items:center;justify-content:center;font-size:clamp(.55rem,1.5vw,.7rem);font-weight:600;color:#ffffff59;padding-top:.1rem;-webkit-user-select:none;user-select:none}.label-spacer{width:clamp(.7rem,1.5vw,1rem)}.square{display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;transition:background-color .08s;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.square.light{background:#f0d9b5}.square.dark{background:#b58863}.square.selected{background:#829769!important}.square.light.last-move{background:#cdd16a}.square.dark.last-move{background:#a9a238}.square.check{background:radial-gradient(circle,#ff0000 0%,#cc0000 40%,transparent 70%)}.piece{font-size:calc(var(--board-size) / 10);line-height:1;z-index:2;cursor:pointer;transition:transform .08s;-webkit-text-stroke:.5px rgba(0,0,0,.3)}@media(hover:hover){.piece:hover{transform:scale(1.08)}}.piece.white{color:#fff;text-shadow:0 0 2px rgba(0,0,0,.5),0 1px 3px rgba(0,0,0,.4);-webkit-text-stroke:1px rgba(0,0,0,.35)}.piece.black{color:#1a1a1a;text-shadow:0 0 2px rgba(0,0,0,.6);-webkit-text-stroke:.5px rgba(0,0,0,.2)}.legal-move-dot{position:absolute;width:26%;height:26%;border-radius:50%;background:#0000002e;z-index:1;pointer-events:none}.legal-capture-ring{position:absolute;width:88%;height:88%;border-radius:50%;border:clamp(3px,.8vw,5px) solid rgba(0,0,0,.18);z-index:1;pointer-events:none;box-sizing:border-box}.promotion-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:1rem}.promotion-dialog{background:#1a1a2e;border:1px solid rgba(255,255,255,.15);border-radius:1rem;padding:clamp(1rem,3vw,1.5rem) clamp(1.2rem,4vw,2rem)}.promotion-pieces{display:flex;gap:clamp(.5rem,1.5vw,.75rem)}.promotion-piece{font-size:clamp(1.8rem,5vw,2.5rem);width:clamp(48px,10vw,60px);height:clamp(48px,10vw,60px);display:flex;align-items:center;justify-content:center;background:#ffffff0d;border:2px solid rgba(255,255,255,.15);border-radius:.75rem;cursor:pointer;transition:all .2s}.promotion-piece:hover,.promotion-piece:active{background:#ffffff26;border-color:#f0d9b5;transform:scale(1.1)}.ai-indicator{position:fixed;top:clamp(.4rem,1.5vw,.75rem);left:50%;transform:translate(-50%);display:flex;align-items:center;gap:.5rem;background:#000000bf;color:#f0d9b5;padding:.4rem 1rem;border-radius:2rem;font-size:clamp(.75rem,2vw,.85rem);font-weight:500;z-index:50;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);white-space:nowrap}.ai-spinner{width:14px;height:14px;border:2px solid rgba(240,217,181,.3);border-top-color:#f0d9b5;border-radius:50%;animation:spin .6s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}.gameover-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:90;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:fadeIn .4s ease;padding:1rem}.gameover-card{background:linear-gradient(160deg,#1a1a2e,#16213e);border:1px solid rgba(255,255,255,.12);border-radius:1.5rem;padding:clamp(1.5rem,5vw,2.5rem) clamp(1.5rem,6vw,3rem);text-align:center;max-width:min(380px,90vw);width:100%;animation:slideUp .4s ease;box-shadow:0 20px 60px #00000080}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.gameover-icon{font-size:clamp(3rem,8vw,4rem);margin-bottom:.5rem;filter:drop-shadow(0 2px 8px rgba(0,0,0,.4))}.gameover-title{font-size:clamp(1.2rem,4vw,1.6rem);font-weight:700;margin:0 0 .4rem;letter-spacing:-.02em;color:#fff}.gameover-sub{color:#ffffff80;font-size:clamp(.8rem,2.5vw,.9rem);margin:0 0 clamp(1.2rem,4vw,1.75rem)}.gameover-actions{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}.gameover-btn{padding:clamp(.5rem,1.5vw,.6rem) clamp(1rem,3vw,1.5rem);border-radius:2rem;font-size:clamp(.8rem,2.5vw,.9rem);font-weight:600;cursor:pointer;transition:all .2s;border:none}.gameover-btn.primary{background:linear-gradient(135deg,#b58863,#8b6914);color:#fff;box-shadow:0 4px 16px #b588634d}.gameover-btn.primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px #b5886366}.gameover-btn.secondary{background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:#ffffffb3}.gameover-btn.secondary:hover{background:#ffffff24;color:#fff}.home{width:100%;height:100%;min-height:100dvh;min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:#0a0a0a;background-image:url(https://i.postimg.cc/VL2LY4gk/Chat-GPT-Image-22-Jun-2026-00-30-44.png);background-size:cover;background-position:center;background-repeat:no-repeat;padding:1rem}.home:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#0003;z-index:1;pointer-events:none}.home-content{z-index:2}.bg-grid{position:absolute;top:-50%;right:-50%;bottom:-50%;left:-50%;width:200%;height:200%;background-image:linear-gradient(rgba(255,255,255,.015) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.015) 1px,transparent 1px);background-size:60px 60px;animation:gridFloat 20s linear infinite;pointer-events:none}@keyframes gridFloat{0%{transform:translate(0)}to{transform:translate(60px,60px)}}.bg-glow{position:absolute;width:min(600px,90vw);height:min(600px,90vw);border-radius:50%;background:radial-gradient(circle,rgba(181,136,99,.08) 0%,transparent 70%);pointer-events:none;animation:glowPulse 4s ease-in-out infinite}@keyframes glowPulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.home-content{display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;z-index:2;animation:slideIn .8s cubic-bezier(.16,1,.3,1);max-width:100%}@keyframes slideIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.crown-icon{font-size:clamp(2.5rem,8vw,3.5rem);margin-bottom:.5rem;opacity:.9;filter:drop-shadow(0 0 20px rgba(181,136,99,.4));animation:crownFloat 3s ease-in-out infinite}@keyframes crownFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.home-title{font-size:clamp(3rem,12vw,5rem);font-weight:900;letter-spacing:.15em;margin:0 0 .3rem;background:linear-gradient(180deg,#f5e6d0,#d4a867 40%,#b58863,#8b6914);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 2px 10px rgba(181,136,99,.3))}.home-tagline{font-size:clamp(.75rem,2.5vw,1rem);letter-spacing:.25em;text-transform:uppercase;color:#ffffff4d;margin:0 0 1.5rem;font-weight:400}.divider{display:flex;align-items:center;gap:1rem;margin-bottom:clamp(1.5rem,5vw,2.5rem)}.divider-line{flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(181,136,99,.3),transparent);max-width:100px}.divider-piece{font-size:1.2rem;color:#b5886380}.play-btn{display:inline-flex;align-items:center;gap:.75rem;background:linear-gradient(135deg,#b58863,#8b6914);border:none;color:#fff;font-size:clamp(.95rem,3vw,1.1rem);font-weight:700;padding:clamp(.75rem,2vw,.9rem) clamp(2rem,6vw,3rem);border-radius:3rem;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 20px #b5886340,0 0 40px #b588631a,inset 0 1px #ffffff26;letter-spacing:.12em}.play-btn:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 8px 30px #b5886359,0 0 60px #b5886326,inset 0 1px #ffffff26}.play-btn:active{transform:translateY(0) scale(.98)}.play-spacer{height:10vh}.home-hint{margin-top:clamp(1rem,3vw,1.5rem);font-size:.75rem;color:#fff3}.home-hint kbd{background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:3px;padding:.1rem .35rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.7rem}.mode-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:100;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:fadeIn .3s ease;padding:1rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mode-card{background:linear-gradient(160deg,#2a1f14,#1a1408);border:1px solid rgba(181,136,99,.3);border-radius:1.5rem;padding:clamp(1.5rem,4vw,2rem) clamp(1.5rem,5vw,2.5rem);width:min(340px,100%);animation:cardSlideUp .4s cubic-bezier(.16,1,.3,1);box-shadow:0 20px 60px #00000080,0 0 40px #b5886314}@keyframes cardSlideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.mode-card-title{font-size:clamp(1rem,3vw,1.2rem);font-weight:700;color:#ffffffe6;margin:0 0 1.5rem;text-align:center;letter-spacing:.05em}.mode-card-btn{display:flex;align-items:center;gap:1rem;width:100%;padding:clamp(.8rem,2.5vw,1rem) clamp(.9rem,3vw,1.2rem);border-radius:1rem;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .25s cubic-bezier(.16,1,.3,1);background:linear-gradient(135deg,#b58863,#8b6914);border:none;color:#fff;text-align:left;margin-bottom:.75rem;box-shadow:0 4px 16px #b5886340,inset 0 1px #ffffff26}.mode-card-btn:last-child{margin-bottom:0}.mode-card-btn:hover,.mode-card-btn:active{transform:translateY(-2px) scale(1.01);box-shadow:0 8px 24px #b5886359,inset 0 1px #ffffff26}.mode-card-icon{font-size:clamp(1.6rem,5vw,2rem);flex-shrink:0}.mode-card-info{display:flex;flex-direction:column;gap:.15rem;flex:1}.mode-card-label{font-weight:700;font-size:clamp(.9rem,2.5vw,1rem);letter-spacing:.02em}.mode-card-desc{font-size:clamp(.65rem,2vw,.75rem);opacity:.5;font-weight:400}.mode-card-arrow{font-size:1.2rem;opacity:.4;transition:all .25s}.mode-card-btn:hover .mode-card-arrow{opacity:1;transform:translate(4px);color:#d4a867}.orynth-badge{position:fixed;bottom:.75rem;right:.75rem;z-index:10;opacity:.8;transition:opacity .2s}.orynth-badge:hover{opacity:1}.orynth-badge img{display:block;width:130px;height:40px}:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5;-webkit-tap-highlight-color:transparent}*{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background:#0a0a0a;color:#fafafa;-webkit-text-size-adjust:100%}#root{width:100%;height:100dvh;height:-webkit-fill-available;height:100vh;margin:0;padding:0}