@import"https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600&family=DM+Sans:wght@400;500;600;700&display=swap";.cg-wrap{box-sizing:content-box;position:relative;display:block}cg-container{position:absolute;width:100%;height:100%;display:block;top:0}cg-board{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;line-height:0;background-size:cover}.cg-wrap.manipulable cg-board{cursor:pointer}cg-board square{position:absolute;top:0;left:0;width:12.5%;height:12.5%;pointer-events:none}cg-board square.move-dest{pointer-events:auto}cg-board square.last-move{will-change:transform}.cg-wrap piece{position:absolute;top:0;left:0;width:12.5%;height:12.5%;background-size:cover;z-index:2;will-change:transform;pointer-events:none}cg-board piece.dragging{cursor:move;z-index:11!important}piece.anim{z-index:8}piece.fading{z-index:1;opacity:.5}.cg-wrap piece.ghost{opacity:.3}.cg-wrap piece svg{overflow:hidden;position:relative;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:2;opacity:.6}.cg-wrap cg-auto-pieces,.cg-wrap .cg-shapes,.cg-wrap .cg-custom-svgs,.cg-wrap .cg-shapes-below,.cg-wrap .cg-custom-below{overflow:visible;position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.cg-wrap cg-auto-pieces{z-index:2}.cg-wrap cg-auto-pieces piece{opacity:.3}.cg-wrap .cg-shapes{overflow:hidden;opacity:.6;z-index:2}.cg-wrap .cg-shapes-below{overflow:hidden;z-index:1}.cg-wrap .cg-custom-below{z-index:1}.cg-wrap .cg-custom-svgs{z-index:9}.cg-wrap .cg-custom-svgs svg,.cg-wrap .cg-custom-below svg{overflow:visible}.cg-wrap coords{position:absolute;display:flex;pointer-events:none;opacity:.8;font-family:sans-serif;font-size:9px}.cg-wrap coords.ranks{left:4px;top:-20px;flex-flow:column-reverse;height:100%;width:12px}.cg-wrap coords.ranks.black{flex-flow:column}.cg-wrap coords.ranks.left{left:-15px;align-items:flex-end}.cg-wrap coords.files{bottom:-4px;left:24px;flex-flow:row;width:100%;height:16px;text-transform:uppercase;text-align:center}.cg-wrap coords.files.black{flex-flow:row-reverse}.cg-wrap coords coord{flex:1 1 auto}.cg-wrap coords.ranks coord{transform:translateY(39%)}.cg-wrap coords.squares{bottom:0;left:0;text-transform:uppercase;text-align:right;flex-flow:column-reverse;height:100%;width:12.5%}.cg-wrap coords.squares.black{flex-flow:column}.cg-wrap coords.squares.left{text-align:left}.cg-wrap coords.squares coord{padding:6% 4%}.cg-wrap coords.squares.rank2{transform:translate(100%)}.cg-wrap coords.squares.rank3{transform:translate(200%)}.cg-wrap coords.squares.rank4{transform:translate(300%)}.cg-wrap coords.squares.rank5{transform:translate(400%)}.cg-wrap coords.squares.rank6{transform:translate(500%)}.cg-wrap coords.squares.rank7{transform:translate(600%)}.cg-wrap coords.squares.rank8{transform:translate(700%)}:root{--bg: #131316;--bg2: #19191e;--glass-bg: linear-gradient(135deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.02) 50%, rgba(255,255,255,.05) 100%);--glass-bg-h: linear-gradient(135deg, rgba(255,255,255,.12) 0%, rgba(255,255,255,.04) 50%, rgba(255,255,255,.08) 100%);--glass-border: rgba(255,255,255,.1);--glass-border-h: rgba(255,255,255,.18);--glass-shadow: 0 4px 16px rgba(0,0,0,.35), 0 1px 3px rgba(0,0,0,.25);--glass-shadow-h: 0 8px 32px rgba(0,0,0,.45), 0 2px 6px rgba(0,0,0,.3);--glass-inner: 0 1px 0 0 rgba(255,255,255,.1) inset, 0 -1px 0 0 rgba(0,0,0,.15) inset;--text: #c8c8d0;--text-hi: #f0f0f5;--text-lo: #787882;--accent: #7c9a3e;--accent-light: #9ab85a;--accent-glow: rgba(124,154,62,.3);--red: #d4556a;--red-glow: rgba(212,85,106,.25);--sq-light: #3a3a42;--sq-dark: #2b2b30;--sq-last-l: rgba(124,154,62,.25);--sq-last-d: rgba(124,154,62,.18);--sq-sel: rgba(124,154,62,.35);--sq-check: radial-gradient(ellipse at center, rgba(212,85,106,.8) 0%, rgba(212,85,106,.4) 25%, transparent 70%);--r: 12px;--r-lg: 18px;--font-brand: "Playfair Display", "Georgia", serif;--font-body: "DM Sans", system-ui, sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden;font-family:var(--font-body);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;background-image:radial-gradient(rgba(255,255,255,.025) 1px,transparent 1px);background-size:20px 20px}.screen{height:100vh;display:flex;flex-direction:column;position:relative;z-index:1;animation:snap-in .15s ease-out}@keyframes snap-in{0%{opacity:0}to{opacity:1}}.hide{display:none!important}#home{height:100vh;display:flex;flex-direction:column;position:relative;z-index:1;animation:snap-in .15s ease-out}.nav{display:flex;align-items:center;justify-content:space-between;padding:0 28px;height:56px;flex-shrink:0;border-bottom:1px solid rgba(255,255,255,.04);background:#131316cc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);position:relative;z-index:10}.brand{font-family:var(--font-brand);font-weight:600;font-size:1.7rem;color:var(--text-hi);letter-spacing:.04em;cursor:pointer;transition:opacity .15s;font-style:italic}.brand:hover{opacity:.6}.nav-btn{padding:7px 18px;font:500 .84rem DM Sans,sans-serif;background:var(--glass-bg);border:1px solid var(--glass-border);border-top-color:#ffffff26;border-bottom-color:#ffffff0d;border-radius:10px;color:var(--text);cursor:pointer;transition:all .2s;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:var(--glass-inner),var(--glass-shadow)}.nav-btn:hover{background:var(--glass-bg-h);border-color:var(--glass-border-h);color:var(--text-hi);transform:translateY(-1px);box-shadow:var(--glass-inner),var(--glass-shadow-h)}.home-wrap{flex:1;display:flex;flex-direction:column;position:relative;overflow:hidden}#hero-video{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;pointer-events:none;opacity:1;filter:brightness(1.3);z-index:0}#hero-video.vid-hidden{display:none}.home-content{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;pointer-events:none}.home-menu{pointer-events:auto}.home-menu{display:flex;flex-direction:column;align-items:center;gap:0}.hm-item{display:flex;flex-direction:column;align-items:center;gap:0;padding:18px 40px;background:none;border:none;cursor:pointer;position:relative;font-family:inherit;color:inherit;transition:all .4s cubic-bezier(.4,0,.2,1)}.hm-item:after{content:"";position:absolute;bottom:0;left:20%;right:20%;height:1px;background:#ffffff14}.hm-item:last-child:after{display:none}.hm-title{font-family:var(--font-brand);font-size:2.2rem;font-weight:500;color:#ffffffe0;letter-spacing:.01em;transition:all .4s cubic-bezier(.4,0,.2,1);text-shadow:0 2px 20px rgba(0,0,0,.6),0 0 40px rgba(0,0,0,.3)}.hm-sub{font-family:var(--font-body);font-size:.82rem;font-weight:500;color:#fff0;letter-spacing:.04em;transition:all .4s cubic-bezier(.4,0,.2,1);transform:translateY(-4px);max-height:0;overflow:hidden}.hm-item:hover .hm-title{color:#fff;text-shadow:0 0 50px rgba(255,255,255,.25),0 2px 20px rgba(0,0,0,.5)}.hm-item:hover .hm-sub{color:#ffffff8c;transform:translateY(0);max-height:24px}.hm-item:active .hm-title{color:#ffffff80}.setup-wrap{flex:1;display:flex;align-items:flex-start;justify-content:center;padding:40px 24px;overflow-y:auto;background:#0d0d108c}.setup-card{width:100%;max-width:560px;display:flex;flex-direction:column;gap:24px;align-items:center}.setup-h{font-family:var(--font-brand);font-size:1.9rem;font-weight:600;color:var(--text-hi);letter-spacing:.02em}.setup-sec{width:100%}.lbl{display:block;font-size:.75rem;font-weight:600;color:var(--text-lo);text-transform:uppercase;letter-spacing:.1em;margin-bottom:10px}.g-btn{display:flex;flex-direction:column;align-items:center;gap:2px;padding:14px 10px 10px;font-family:DM Sans,sans-serif;color:var(--text);background:#121216e0;border:1px solid rgba(255,255,255,.1);border-top-color:#ffffff29;border-bottom-color:#ffffff0a;border-radius:var(--r);cursor:pointer;transition:all .2s;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 1px #ffffff0f inset,0 -1px #0003 inset,0 4px 14px #0006;position:relative;overflow:hidden}.g-btn:after{content:"";position:absolute;top:0;left:0;right:0;height:40%;background:linear-gradient(180deg,rgba(255,255,255,.04) 0%,transparent 100%);pointer-events:none;border-radius:var(--r) var(--r) 0 0}.g-btn strong{font-size:1.1rem;font-weight:700;color:var(--text-hi)}.g-btn small{font-size:.62rem;font-weight:500;color:var(--text-lo);text-transform:uppercase;letter-spacing:.06em}.g-btn:hover{background:#1a1a20eb;border-color:#fff3;color:var(--text-hi);transform:translateY(-2px);box-shadow:0 1px #ffffff14 inset,0 -1px #00000026 inset,0 8px 28px #00000080}.g-btn:active{transform:translateY(0)}.g-btn.sel{background:linear-gradient(145deg,#7c9a3e38,#121216e6,#7c9a3e1f);border-color:#7c9a3e59;border-top-color:#7c9a3e80;color:var(--accent-light);box-shadow:0 1px #7c9a3e26 inset,0 -1px #00000026 inset,0 0 20px var(--accent-glow),0 4px 16px #0006}.g-btn.sel strong{color:var(--accent-light)}.g-btn.sel small{color:#7c9a3e99}.diff-grid,.tc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.color-row{display:flex;gap:8px}.color-row .g-btn{flex:1;flex-direction:row;padding:14px;font-weight:600;font-size:.82rem;justify-content:center}.cta-btn{padding:14px 52px;font:700 .95rem DM Sans,sans-serif;color:#fff;background:linear-gradient(145deg,var(--accent-light) 0%,#5a7828 100%);border:1px solid rgba(124,154,62,.4);border-top-color:#b4dc644d;border-bottom-color:#3c501466;border-radius:var(--r);cursor:pointer;transition:all .25s;box-shadow:0 1px #fff3 inset,0 -1px #00000026 inset,0 6px 24px var(--accent-glow),0 2px 8px #0000004d;letter-spacing:.01em;text-shadow:0 1px 3px rgba(0,0,0,.3);position:relative;overflow:hidden}.cta-btn:after{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,rgba(255,255,255,.12) 0%,transparent 100%);pointer-events:none}.cta-btn:hover{transform:translateY(-3px);box-shadow:0 1px #ffffff40 inset,0 -1px #0000001a inset,0 12px 40px var(--accent-glow),0 4px 16px #0006}.cta-btn:active{transform:translateY(-1px);box-shadow:0 4px 12px var(--accent-glow)}.cta-sm{padding:12px 20px}.friend-actions{width:100%;display:flex;flex-direction:column;align-items:center;gap:16px}.divider{display:flex;align-items:center;gap:16px;width:100%;color:var(--text-lo);font-size:.72rem;font-weight:500}.divider:before,.divider:after{content:"";flex:1;height:1px;background:#ffffff0f}.join-row{display:flex;gap:8px;width:100%}.glass-input{flex:1;padding:12px 16px;font:600 .85rem DM Sans,sans-serif;background:#ffffff0a;border:1px solid var(--glass-border);border-radius:var(--r);color:var(--text-hi);outline:none;letter-spacing:.08em;text-transform:uppercase;transition:all .2s;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 2px 8px #00000026 inset}.glass-input:focus{border-color:var(--glass-border-h);background:#ffffff0f;box-shadow:0 0 0 3px #ffffff08,0 2px 8px #0000001a inset}.glass-input::placeholder{color:var(--text-lo);text-transform:none;letter-spacing:normal;font-weight:400}.link-input{text-transform:none;letter-spacing:normal;font-weight:400;font-size:.72rem}.wait-card{display:flex;flex-direction:column;align-items:center;gap:14px;padding:28px;background:var(--glass-bg);border:1px solid var(--glass-border);border-top-color:#ffffff24;border-radius:var(--r-lg);width:100%;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);box-shadow:var(--glass-inner),var(--glass-shadow)}.spinner{width:28px;height:28px;border:2px solid rgba(255,255,255,.08);border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.wait-text,.search-text{font-size:.82rem;color:var(--text);font-weight:500}.code-display,.link-display{display:flex;flex-direction:column;align-items:center;gap:4px;width:100%}.code-label{font-size:.62rem;font-weight:600;color:var(--text-lo);text-transform:uppercase;letter-spacing:.1em}.code-value{font-size:1.6rem;font-weight:800;color:var(--text-hi);letter-spacing:.15em}.wait-actions{display:flex;gap:8px}.link-btn{background:none;border:none;color:var(--accent);font:500 .75rem DM Sans,sans-serif;cursor:pointer;text-decoration:underline;text-underline-offset:3px;transition:opacity .15s}.link-btn:hover{opacity:.7}.link-btn.red{color:var(--red)}.searching-box{display:flex;flex-direction:column;align-items:center;gap:14px;padding:28px;background:var(--glass-bg);border:1px solid var(--glass-border);border-top-color:#ffffff24;border-radius:var(--r-lg);width:100%;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);box-shadow:var(--glass-inner),var(--glass-shadow)}.glass-sm-btn{padding:8px 16px;font:600 .72rem DM Sans,sans-serif;background:var(--glass-bg);border:1px solid var(--glass-border);border-top-color:#ffffff24;border-bottom-color:#ffffff0a;border-radius:10px;color:var(--text);cursor:pointer;transition:all .2s;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--glass-inner),0 2px 8px #0003;position:relative;overflow:hidden}.glass-sm-btn:after{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,rgba(255,255,255,.04) 0%,transparent 100%);pointer-events:none}.glass-sm-btn:hover{background:var(--glass-bg-h);border-color:var(--glass-border-h);color:var(--text-hi);transform:translateY(-1px);box-shadow:var(--glass-inner),var(--glass-shadow)}.glass-sm-btn.red{color:var(--red);border-color:#d4556a26}.glass-sm-btn.red:hover{border-color:#d4556a4d;box-shadow:var(--glass-inner),0 0 20px var(--red-glow)}#game-layout{flex:1;display:grid;grid-template-columns:1fr 220px;gap:8px;padding:8px 12px 16px;min-height:0;overflow:hidden}#main{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:0;overflow:hidden;position:relative}.pbar{width:100%;max-width:var(--board-px, 600px);display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:var(--glass-bg);border:1px solid var(--glass-border);border-top-color:#ffffff1f;border-bottom-color:#ffffff0a;border-radius:var(--r);min-height:44px;transition:all .25s;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--glass-inner),0 2px 8px #00000026}.pbar.active{border-color:#7c9a3e40;border-top-color:#7c9a3e59;box-shadow:0 1px #7c9a3e1a inset,0 -1px #0000001a inset,0 0 16px var(--accent-glow)}.pbar-l{display:flex;align-items:center;gap:10px}.pdot{width:8px;height:8px;border-radius:50%;background:var(--text-lo);transition:all .3s}.pdot.on{background:var(--accent);box-shadow:0 0 8px var(--accent-glow)}.pname{font-weight:600;font-size:.95rem;color:var(--text-hi)}.pclock{padding:6px 14px;background:#00000059;border-radius:8px;font-size:1.3rem;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:.04em;color:var(--text);border:1px solid rgba(255,255,255,.06);min-width:70px;text-align:center}.pclock.ticking{color:var(--text-hi);background:#00000073}.pclock.low{color:var(--red);animation:blink .6s infinite}@keyframes blink{50%{opacity:.4}}#board-wrap{flex:1 1 0;display:flex;align-items:center;justify-content:center;min-height:0;min-width:0;width:100%;overflow:hidden}#board{position:relative;border-radius:6px;overflow:hidden;box-shadow:0 0 0 1px #ffffff0f,0 8px 40px #00000080,0 2px 8px #0000004d,0 0 60px #7c9a3e0d}.game-end-banner{position:absolute;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;justify-content:center;cursor:pointer}.game-end-banner .geb-inner{cursor:default}.game-end-banner.hide{display:none!important}@keyframes banner-in{0%{opacity:0;transform:translate(-50%,-50%) scale(.9) translateY(10px)}to{opacity:1;transform:translate(-50%,-50%) scale(1) translateY(0)}}.geb-inner{background:#0c0c10f0;border:1px solid rgba(255,255,255,.1);border-top-color:#ffffff29;border-radius:var(--r);padding:20px 32px;text-align:center;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-shadow:0 1px #ffffff0f inset,0 24px 64px #000000b3;min-width:240px}.geb-inner h2{font-family:var(--font-body);font-size:.95rem;font-weight:600;color:var(--text-hi);margin-bottom:2px;letter-spacing:.01em}.geb-inner p{font-size:.72rem;color:var(--text-lo);margin-bottom:14px}.geb-inner .ov-btns{display:flex;gap:8px;justify-content:center}.rematch-status{font-size:.72rem;color:var(--text-lo);margin-top:8px;margin-bottom:0}cg-board{background-color:var(--sq-dark);background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgOCA4IiBzaGFwZS1yZW5kZXJpbmc9ImNyaXNwRWRnZXMiPjxyZWN0IHdpZHRoPSI4IiBoZWlnaHQ9IjgiIGZpbGw9IiMyYjJiMzAiLz48ZyBpZD0iYSI+PGcgaWQ9ImIiPjxnIGlkPSJjIj48ZyBpZD0iZCI+PHJlY3Qgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0iIzNhM2E0MiIvPjxyZWN0IHg9IjEiIHk9IjEiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9IiMzYTNhNDIiLz48L2c+PHVzZSB4PSIyIiB4bGluazpocmVmPSIjZCIvPjwvZz48dXNlIHg9IjQiIHhsaW5rOmhyZWY9IiNjIi8+PC9nPjx1c2UgeT0iMiIgeGxpbms6aHJlZj0iI2IiLz48L2c+PHVzZSB5PSI0IiB4bGluazpocmVmPSIjYSIvPjwvc3ZnPgo=);background-size:cover}cg-board:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background-image:linear-gradient(to right,rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.04) 1px,transparent 1px);background-size:12.5% 12.5%}cg-board:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background-image:repeating-linear-gradient(to bottom,rgba(255,255,255,.025) 0px,transparent 2px,transparent 12.5%);background-size:100% 12.5%}cg-board square.last-move{background-color:var(--sq-last-l)!important}cg-board square.selected{background-color:var(--sq-sel)!important}cg-board square.check{background:var(--sq-check)!important}cg-board square.move-dest{background:radial-gradient(rgba(124,154,62,.6) 22%,transparent 22%)}cg-board square.oc.move-dest{background:radial-gradient(transparent 0%,transparent 78%,rgba(124,154,62,.35) 78%)}cg-board square.current-premove{background-color:#5078c84d!important}cg-board square.premove-dest{background:radial-gradient(rgba(80,120,200,.5) 22%,transparent 22%)}piece.pawn.white{background-image:url(/piece/wP.svg)}piece.knight.white{background-image:url(/piece/wN.svg)}piece.bishop.white{background-image:url(/piece/wB.svg)}piece.rook.white{background-image:url(/piece/wR.svg)}piece.queen.white{background-image:url(/piece/wQ.svg)}piece.king.white{background-image:url(/piece/wK.svg)}piece.pawn.black{background-image:url(/piece/bP.svg)}piece.knight.black{background-image:url(/piece/bN.svg)}piece.bishop.black{background-image:url(/piece/bB.svg)}piece.rook.black{background-image:url(/piece/bR.svg)}piece.queen.black{background-image:url(/piece/bQ.svg)}piece.king.black{background-image:url(/piece/bK.svg)}piece{background-size:cover}piece.ghost{opacity:.3!important}.cg-wrap coords{font-family:DM Sans,sans-serif!important}.cg-wrap coords coord{font-size:9px!important;font-weight:600!important}#panel{display:flex;flex-direction:column;gap:8px;overflow:hidden;background:var(--glass-bg);border:1px solid var(--glass-border);border-top-color:#ffffff1f;border-radius:var(--r-lg);padding:10px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:var(--glass-inner),0 4px 16px #0003;position:relative}#panel:after{content:"";position:absolute;top:0;left:0;right:0;height:30%;background:linear-gradient(180deg,rgba(255,255,255,.02) 0%,transparent 100%);pointer-events:none;border-radius:var(--r-lg)}.sec-moves{flex:1;overflow:hidden;display:flex;flex-direction:column;min-height:0;position:relative;z-index:1}#movelist{flex:1;overflow-y:auto;font-size:.73rem;font-variant-numeric:tabular-nums;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.05) transparent}#movelist::-webkit-scrollbar{width:3px}#movelist::-webkit-scrollbar-thumb{background:#ffffff0f;border-radius:2px}.mv{display:grid;grid-template-columns:24px 1fr 1fr;gap:2px;padding:2px 4px;border-radius:4px}.mv:hover{background:#ffffff08}.mv-n{color:var(--text-lo);font-weight:600;font-size:.65rem}.mv-s{color:var(--text);font-weight:500;padding:2px 4px;border-radius:4px;cursor:pointer}.mv-s:hover{background:#ffffff0d}.mv-s.cur{color:var(--text-hi);background:#ffffff12}.mnav{display:flex;gap:4px;position:relative;z-index:1}.nb{flex:1;padding:8px;font:700 .95rem DM Sans,sans-serif;background:var(--glass-bg);border:1px solid var(--glass-border);border-top-color:#ffffff1f;border-bottom-color:#ffffff0a;border-radius:10px;color:var(--text-lo);cursor:pointer;text-align:center;transition:all .15s;box-shadow:var(--glass-inner),0 2px 6px #00000026;position:relative;overflow:hidden}.nb:after{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,rgba(255,255,255,.03) 0%,transparent 100%);pointer-events:none}.nb:hover{color:var(--text);border-color:var(--glass-border-h);transform:translateY(-1px);box-shadow:var(--glass-inner),var(--glass-shadow)}.panel-acts{display:flex;gap:4px;margin-top:auto;position:relative;z-index:1}.confirm-bar{display:flex;align-items:center;gap:8px;padding:8px 12px;margin-top:6px;background:#121216eb;border-radius:8px;border:1px solid rgba(255,255,255,.08);font-size:.85rem;color:var(--text)}.confirm-bar span{flex:1}.confirm-bar.hide{display:none}.panel-post{display:flex;gap:6px;margin-top:8px}.panel-post.hide{display:none}.rematch-popup{position:fixed;bottom:24px;right:24px;z-index:200;background:#101014f5;border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:16px 20px;min-width:220px;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 8px 32px #00000080;animation:rematch-in .2s ease-out}.rematch-popup.hide{display:none}.rematch-popup-msg{font-size:.88rem;font-weight:600;color:var(--text-hi);margin:0 0 12px}.rematch-popup-btns{display:flex;gap:8px}@keyframes rematch-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.ov{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:none;align-items:center;justify-content:center;background:#0a0a0cb3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.ov.open{display:flex}.ov-box{background:linear-gradient(145deg,#1e1e24f2,#16161afa);border:1px solid var(--glass-border);border-top-color:#ffffff24;border-radius:var(--r-lg);padding:36px 44px;text-align:center;min-width:320px;animation:pop-in .3s cubic-bezier(.4,0,.2,1);box-shadow:var(--glass-inner),0 32px 80px #00000080}@keyframes pop-in{0%{opacity:0;transform:translateY(16px) scale(.95)}to{opacity:1;transform:none}}.ov-promo-box{padding:20px 28px;min-width:auto}#promo-opts{display:flex;gap:10px;justify-content:center}.promo-pc{width:60px;height:60px;background-size:cover;background-position:center;background-color:#ffffff0d;border:1px solid var(--glass-border);border-radius:var(--r);cursor:pointer;transition:all .2s;box-shadow:var(--glass-inner),0 4px 12px #00000040}.promo-pc:hover{border-color:var(--accent);transform:scale(1.1) translateY(-2px);box-shadow:0 0 20px var(--accent-glow),0 8px 24px #0000004d}#toasts{position:fixed;top:70px;left:50%;transform:translate(-50%);z-index:200;display:flex;flex-direction:column;gap:6px;align-items:center}.toast{padding:10px 24px;background:#0e0e12f2;border:1px solid rgba(255,255,255,.12);border-radius:10px;font:500 .8rem DM Sans,sans-serif;color:var(--text-hi);animation:toast-in .3s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 8px 32px #00000080,0 2px 8px #0000004d}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.toast.err{color:#ff8a95;border-color:#d4556a40;background:#1e0e12f2}@media (max-width: 700px){.play-cards{flex-direction:column;align-items:center}.play-card{width:200px}#game-layout{grid-template-columns:1fr}#panel{display:none}.diff-grid{grid-template-columns:repeat(4,1fr)}.tc-grid{grid-template-columns:repeat(3,1fr)}}