:root{--bg:#070b10;--bg-2:#0a1018;--panel:#121a25d1;--panel-solid:#121a25;--panel-2:#17222f;--line:#78a0c829;--line-strong:#78c8be5c;--text:#eaf2f8;--muted:#93a8bc;--accent:#37e6b0;--accent-2:#f6c453;--danger:#ff6f7d;--sq-light:#cfdae6;--sq-dark:#58718a;--sq-light-hl:#ecd98c;--sq-dark-hl:#b69c4b;--radius:20px;--shadow:0 28px 70px #00000080;--glow:0 0 0 1px #37e6b038, 0 20px 55px #00000073}*{box-sizing:border-box}html{background:var(--bg);min-height:100%}body{min-height:100vh;color:var(--text);background-color:#0000;background-image:radial-gradient(900px 600px at 12% -10%,#37e6b029,#0000 62%),radial-gradient(800px 520px at 96% 4%,#f6c4531a,#0000 60%),radial-gradient(1100px 700px at 50% 110%,#2c78be24,#0000 65%),linear-gradient(#070b10 0%,#080d13 45%,#060a0e 100%);background-position:0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat;background-size:auto,auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;margin:0;font:15px/1.55 ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}body:before{content:"";pointer-events:none;z-index:0;background-image:linear-gradient(#78aad209 1px,#0000 1px),linear-gradient(90deg,#78aad209 1px,#0000 1px);background-size:46px 46px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(circle at 50% 20%,#000 0%,#0000 78%);mask-image:radial-gradient(circle at 50% 20%,#000 0%,#0000 78%)}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.topbar{z-index:20;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px)saturate(140%);background:#070b10b8;justify-content:space-between;align-items:center;gap:18px;padding:14px clamp(16px,3vw,40px);display:flex;position:sticky;top:0}.topbar>*{z-index:1;position:relative}.brand{color:var(--text);letter-spacing:.01em;align-items:center;gap:11px;font-size:19px;font-weight:750;display:inline-flex}.brand:hover{text-decoration:none}.brand-piece{border-radius:12px;flex:none;width:44px;height:44px;display:block;box-shadow:0 10px 26px #37e6b04d}.brand-badge{letter-spacing:.16em;text-transform:uppercase;color:var(--accent);border:1px solid #37e6b073;border-radius:999px;margin-left:2px;padding:3px 9px;font-size:10px;font-weight:800}.identity{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:9px;display:flex}.nick-input,select{color:var(--text);border:1px solid var(--line);font:inherit;background:#0c131be6;border-radius:12px;outline:none;padding:10px 13px;transition:border-color .16s,box-shadow .16s,background .16s}.nick-input{width:200px}.nick-input:focus,select:focus{background:#0e1721fa;border-color:#37e6b0a6;box-shadow:0 0 0 4px #37e6b01a}.nick-input::placeholder{color:#6d8296}.who{color:var(--accent);background:#37e6b014;border:1px solid #37e6b059;border-radius:999px;align-items:center;gap:7px;padding:5px 11px;font-size:13px;font-weight:650;display:inline-flex}.who:before{content:"";background:var(--accent);width:7px;height:7px;box-shadow:0 0 10px var(--accent);border-radius:50%}.switch-link{color:var(--muted);font-size:13px}.switch-link:hover{color:var(--accent);text-decoration:none}.wrap{z-index:1;width:min(1240px,100%);margin:0 auto;padding:clamp(18px,3.4vw,40px);position:relative}.screen[hidden]{display:none}.hero{grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);align-items:stretch;gap:clamp(18px,3vw,34px);display:grid}.hero-view{flex-direction:column;gap:12px;min-width:0;padding:clamp(18px,2.4vw,26px);display:flex}.hero-view-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.hero-view .eyebrow{margin-bottom:0}.hero-view-title{letter-spacing:-.025em;margin:9px 0 0;font-size:clamp(24px,3.4vw,34px);line-height:1.08}.hero-board{width:min(100%,440px);margin:4px auto}.hero-board .board{box-shadow:var(--shadow);border-radius:14px}.hero-board .sq{font-size:clamp(20px,4.8vmin,38px)}.hero-board .coord{display:none}.hero-view-foot{justify-content:space-between;align-items:center;gap:12px;display:flex}.hero-view-meta{color:var(--muted);margin:0;font-size:14px}.hero-view-link{color:var(--accent);white-space:nowrap;font-weight:700}.hero-view-count{color:var(--muted);text-align:right;min-height:16px;margin-top:-8px;font-size:12px}.hero-text{flex-direction:column;justify-content:center;padding:clamp(12px,2.4vw,30px) 0;display:flex}.eyebrow{width:fit-content;color:var(--accent);letter-spacing:.16em;text-transform:uppercase;background:#37e6b00f;border:1px solid #37e6b052;border-radius:999px;align-items:center;gap:8px;margin-bottom:16px;padding:5px 11px;font-size:11px;font-weight:750;display:inline-flex}.hero-text h1{letter-spacing:-.035em;background:linear-gradient(120deg,#fff 0%,#d8f7ee 34%,#7fe7c6 70%,#f6c453 120%);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0 0 14px;font-size:clamp(30px,5vw,56px);font-weight:800;line-height:1.04}.hero-text p{color:var(--muted);max-width:50ch;margin:0;font-size:clamp(15px,1.5vw,17px)}.hero-chips{flex-wrap:wrap;gap:8px;margin-top:20px;display:flex}.chip{color:#b9cad9;border:1px solid var(--line);background:#ffffff06;border-radius:999px;padding:6px 11px;font-size:12px}.panel{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);background:linear-gradient(#141d29e6,#0a1017eb)}.create-card{flex-direction:column;gap:13px;padding:clamp(20px,2.4vw,28px);display:flex;position:relative;overflow:hidden}.create-card:before{content:"";border-radius:inherit;pointer-events:none;-webkit-mask-composite:xor;background:linear-gradient(140deg,#37e6b059,#0000 36% 64%,#f6c45340);padding:1px;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-composite:exclude;mask-mode:match-source,match-source}.create-card>*{z-index:1;position:relative}.create-card h2,.panel-head h2{letter-spacing:-.01em;margin:0;font-size:18px}.field-row{color:var(--muted);justify-content:space-between;align-items:center;gap:12px;display:flex}.field-row select{min-width:140px}.hint{color:var(--muted);margin:2px 0 0;font-size:13px}.btn{appearance:none;border:1px solid var(--line);color:var(--text);font:inherit;cursor:pointer;background:#17222fe6;border-radius:12px;padding:11px 16px;font-weight:650;transition:transform 70ms,border-color .16s,background .16s,box-shadow .16s}.btn:hover{background:#1c2938fa;border-color:#78aad257}.btn:active{transform:translateY(1px)}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn-primary{color:#03251b;background:linear-gradient(145deg,#49f0bd,#22c795);border-color:#0000;box-shadow:0 14px 30px #28d2a540,inset 0 1px #fff6}.btn-primary:hover{background:linear-gradient(145deg,#62f7c9,#2bd6a2);box-shadow:0 16px 38px #28d2a557}.btn-ghost{background:0 0}.btn-danger{color:#ffb7bf;background:#ff6f7d0d;border-color:#ff6f7d59}.btn-danger:hover{background:#ff6f7d1f;border-color:#ff6f7db3}.btn-mini{border-radius:9px;padding:7px 11px;font-size:13px}.btn:disabled{opacity:.42;cursor:not-allowed}.list-panel{margin-top:clamp(18px,3vw,30px);padding:clamp(16px,2.2vw,22px)}.panel-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.games-list{gap:10px;display:grid}.game-row{border:1px solid var(--line);background:#ffffff05;border-radius:14px;justify-content:space-between;align-items:center;gap:14px;padding:13px 15px;transition:border-color .16s,background .16s,transform .16s;display:flex}.game-row:hover{border-color:var(--line-strong);background:#37e6b00a;transform:translateY(-1px)}.game-row-main{flex-direction:column;align-items:flex-start;gap:2px;min-width:0;display:flex}.game-row .topline{align-items:center;gap:8px;min-width:0;max-width:100%;display:flex}.game-row .vs{color:#dce9f3;text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.game-row .meta{color:var(--muted);font-size:12px}.game-row .game-open{color:var(--accent);white-space:nowrap;font-size:13px;font-weight:650}.game-row .gname{font-weight:650}.tag{text-transform:uppercase;letter-spacing:.1em;color:var(--accent);border:1px solid #37e6b052;border-radius:999px;flex:none;padding:3px 9px;font-size:10px;font-weight:750}.tag.wait{color:var(--accent-2);border-color:#f6c45361}.empty{color:var(--muted);text-align:center;padding:22px 8px}.game-layout{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:clamp(18px,3vw,32px);display:grid}.board-column{min-width:0}.board-frame{border:1px solid var(--line);width:min(100%,100vh - 190px);box-shadow:var(--glow);background:linear-gradient(160deg,#203042e6,#080d13f5);border-radius:24px;margin:0 auto;padding:12px;position:relative}.board-frame:after{content:"";border-radius:inherit;pointer-events:none;-webkit-mask-composite:xor;background:linear-gradient(130deg,#37e6b080,#0000 30% 70%,#f6c45359);padding:1px;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-composite:exclude;mask-mode:match-source,match-source}.board{aspect-ratio:1;-webkit-user-select:none;user-select:none;border-radius:14px;grid-template-rows:repeat(8,1fr);grid-template-columns:repeat(8,1fr);width:100%;display:grid;overflow:hidden;box-shadow:inset 0 0 0 1px #00000059}.sq{cursor:default;justify-content:center;align-items:center;font-size:clamp(24px,5.8vmin,50px);line-height:1;transition:filter .12s;display:flex;position:relative}.sq.light{background:var(--sq-light)}.sq.dark{background:var(--sq-dark)}.sq.last.light{background:var(--sq-light-hl)}.sq.last.dark{background:var(--sq-dark-hl)}.sq.sel{box-shadow:inset 0 0 0 3px var(--accent), inset 0 0 26px #37e6b066}.sq.playable{cursor:pointer}.sq.playable:hover{filter:brightness(1.07)}.sq .piece{z-index:2;text-shadow:0 2px 2px #00000052;pointer-events:none;font-family:Segoe UI Symbol,"Noto Sans Symbols 2",DejaVu Sans,serif;transition:transform .1s;position:relative}.sq.playable:hover .piece{transform:scale(1.04)}.sq .piece.w{color:#fbfdff;text-shadow:0 0 1px #0b0f14,0 2px 4px #0000008c}.sq .piece.b{color:#0e1720;text-shadow:0 1px 1px #fff3}.sq .hint-dot{pointer-events:none;z-index:1;background:#37e6b0b8;border-radius:50%;width:26%;height:26%;animation:1.6s ease-in-out infinite dotPulse;position:absolute;box-shadow:0 0 12px #37e6b0bf}.sq.capture .hint-dot{background:0 0;border:4px solid #ff6f7db8;width:80%;height:80%;box-shadow:0 0 12px #ff6f7d80}@keyframes dotPulse{0%,to{opacity:.72}50%{opacity:1}}.coord{opacity:.6;pointer-events:none;letter-spacing:.02em;font-size:10px;font-weight:750;position:absolute}.sq.light .coord{color:#3f4e5c}.sq.dark .coord{color:#e6eef7}.coord.file{bottom:3px;right:5px}.coord.rank{top:3px;left:5px}.board-meta{text-align:center;color:var(--muted);word-break:break-all;min-height:20px;margin-top:12px;font-size:12.5px}.board-meta a{color:var(--accent);word-break:break-all}.sidebar{flex-direction:column;gap:15px;padding:clamp(16px,2vw,22px);display:flex}.side-head{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.side-title{letter-spacing:-.01em;font-size:18px;font-weight:750}.game-id{color:var(--muted);word-break:break-all;margin-top:3px;font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:11.5px}.players{gap:9px;display:grid}.player{border:1px solid var(--line);background:#ffffff05;border-radius:13px;align-items:center;gap:10px;padding:11px 13px;transition:border-color .16s,background .16s;display:flex}.player.active{background:#37e6b013;border-color:#37e6b08c;box-shadow:0 0 22px #37e6b014}.player .dot{background:#fbfdff;border:1px solid #7f8b96;border-radius:50%;flex:none;width:12px;height:12px}.player .dot.b{background:#0e1720;border-color:#445363}.player .pname{text-overflow:ellipsis;white-space:nowrap;font-weight:650;overflow:hidden}.player .side-label{color:var(--muted);flex:none;margin-left:auto;font-size:12px}.turn-line{color:var(--accent);font-size:14px;font-weight:700}.result-line{color:var(--accent-2);font-size:16px;font-weight:750}.moves-head{color:var(--muted);text-transform:uppercase;letter-spacing:.12em;font-size:11px}.moves{scrollbar-width:thin;scrollbar-color:#2b3d50 transparent;grid-template-columns:38px 1fr 1fr;gap:3px 9px;max-height:260px;margin:0;padding:0;font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:13px;list-style:none;display:grid;overflow:auto}.moves li{display:contents}.moves .num{color:var(--muted)}.moves .mv{color:var(--text);border-radius:5px;padding:1px 5px}.moves .mv.last{color:var(--accent);background:#37e6b01a;font-weight:750}.actions{flex-wrap:wrap;gap:9px;display:flex}.actions .btn{flex:auto}.toast{z-index:80;max-width:min(92vw,560px);color:var(--text);border:1px solid var(--line);box-shadow:var(--shadow);backdrop-filter:blur(10px);background:#141f2bf5;border-radius:13px;padding:12px 17px;position:fixed;bottom:28px;left:50%;transform:translate(-50%)}.toast.error{color:#ffd0d5;border-color:#ff6f7d99}.toast.ok{border-color:#37e6b08c}.overlay{z-index:70;backdrop-filter:blur(5px);background:#030609bd;justify-content:center;align-items:center;padding:18px;display:flex;position:fixed;inset:0}.overlay[hidden]{display:none}.dialog{border:1px solid var(--line);width:min(430px,100%);box-shadow:var(--shadow);background:linear-gradient(#16212e,#0d141d);border-radius:18px;padding:22px}.dialog h3{letter-spacing:-.01em;margin:0 0 12px}.dialog p{color:var(--muted)}.promo-row{grid-template-columns:repeat(4,1fr);gap:9px;display:grid}.promo-btn{cursor:pointer;color:#fbfdff;border:1px solid var(--line);background:#17222fe6;border-radius:13px;padding:13px 0;font-size:36px;line-height:1;transition:border-color .16s,transform .1s,background .16s}.promo-btn:hover{border-color:var(--accent);background:#37e6b014;transform:translateY(-1px)}@media (width<=940px){.hero,.game-layout{grid-template-columns:1fr}.board-frame{width:min(100%,92vw)}.sidebar{order:2}.moves{max-height:170px}}@media (width<=640px){.topbar{flex-direction:column;align-items:flex-start}.identity{justify-content:flex-start;width:100%}.nick-input{flex:130px;width:auto}.switch-link{display:none}.game-row{flex-direction:column;align-items:stretch}.game-row .btn{width:100%}.game-row .game-open{padding-top:4px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}