:root{--navy:#12395F;--gold:#C8922F;--bg:#0f2038;--panel:#173251;--text:#eaf0f7;--muted:#9db4cf;--line:#274b73;--green:#1d9e75}*{box-sizing:border-box}html,body{margin:0;height:100%}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:radial-gradient(1200px 800px at 50% -10%,#1c3a5e,#0c1a2e);color:var(--text)}#app{min-height:100vh;display:flex;flex-direction:column}.home{max-width:480px;margin:0 auto;padding:10px 18px 24px;width:100%;display:flex;flex-direction:column;min-height:100vh}.topnav{display:flex;justify-content:flex-end;align-items:center;padding-top:4px}.langsw{display:flex;gap:4px;background:#ffffff0f;border:1px solid var(--line);border-radius:20px;padding:3px}.langsw .lang{border:none;background:transparent;color:var(--muted);cursor:pointer;padding:5px 11px;border-radius:16px;font-size:13px;font-weight:600}.langsw .lang.on{background:var(--gold);color:#2a1e04}.logo{text-align:center;margin:12px 0 18px}.logo.small{margin:8px 0 14px;text-align:left}.logo .mark{display:inline-flex;width:74px;height:74px;align-items:center;justify-content:center;font-size:44px;background:#c0392b;color:#fff;border-radius:18px;box-shadow:0 6px 20px #00000059;font-family:Songti SC,SimSun,serif}.logo h1{margin:12px 0 2px;font-size:28px;font-weight:700}.logo .by{margin:0;color:var(--gold);font-size:13px;letter-spacing:.14em}.menu{display:flex;flex-direction:column;gap:12px;margin-top:8px}.tile{display:flex;align-items:center;gap:14px;text-align:left;border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:14px;padding:14px 16px;cursor:pointer;transition:.15s}.gicon{width:54px;height:54px;flex:0 0 54px;border-radius:13px;display:flex;align-items:center;justify-content:center;font-size:30px;font-family:KaiTi,Songti SC,Segoe UI Symbol,serif;box-shadow:0 3px 10px #0000004d}.ttw{min-width:0}.tile:hover:not(:disabled){border-color:var(--gold);transform:translateY(-1px)}.tile.primary{background:linear-gradient(135deg,#1b4c7e,#12395f);border-color:#2f6ba5}.tile:disabled{opacity:.5;cursor:default}.tile .tt{font-size:18px;font-weight:600}.tile .ts{font-size:13px;color:var(--muted);margin-top:3px}.foot{text-align:center;color:var(--muted);font-size:13px;margin-top:auto;padding-top:18px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:18px}.label{color:var(--muted);font-size:13px;margin:10px 0 8px}.levels{display:flex;flex-direction:column;gap:10px}.level{flex-direction:row;justify-content:space-between;align-items:center}.level{display:flex;flex-direction:column;gap:2px;align-items:flex-start;border:1px solid var(--line);background:#0f2743;color:var(--text);border-radius:12px;padding:12px;cursor:pointer}.level b{font-size:15px}.level span{font-size:12px;color:var(--muted)}.level.sel{border-color:var(--gold);background:#173a5c}.sides{display:flex;gap:10px}.side{flex:1;border:1px solid var(--line);background:#0f2743;color:var(--text);border-radius:12px;padding:12px;cursor:pointer}.side.sel{border-color:var(--gold);background:#173a5c}.row2{display:flex;justify-content:space-between;margin-top:18px;gap:10px}.btn{background:var(--navy);color:#fff;border:none;padding:10px 18px;border-radius:10px;cursor:pointer;font-size:15px}.btn.primary{background:linear-gradient(135deg,#e0a63a,#c8922f);color:#3a2a06;font-weight:600}.btn.ghost{background:transparent;border:1px solid var(--line);color:var(--text)}.btn:hover{filter:brightness(1.05)}.btn.sm{padding:6px 12px;font-size:13px}.card{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:14px}.empty{color:var(--muted);text-align:center;padding:18px}.lb-row{display:flex;align-items:center;gap:10px;padding:9px 8px;border-bottom:1px solid var(--line)}.lb-row.lb-head{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.04em}.lb-rank{width:34px;text-align:center;font-weight:600;color:var(--gold)}.lb-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb-rating{width:60px;text-align:right;font-weight:600}.lb-wl{width:110px;text-align:right;color:var(--muted);font-size:13px}.lb-screen{height:100dvh;height:100vh;display:flex;flex-direction:column;overflow:hidden;max-width:480px;margin:0 auto;width:100%;padding:0 18px 10px;box-sizing:border-box}.lb-title-big{font-size:26px;font-weight:800;margin:6px 2px 10px}.lb-body{flex:1;min-height:0;overflow-y:auto;background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:4px 14px}.lb-pager{display:flex;align-items:center;justify-content:center;gap:16px;padding:10px 0 2px}.lb-pager .pg{min-width:46px;padding:8px 14px}.lb-pager .pgnum{font-weight:700;color:var(--muted);min-width:52px;text-align:center}.rm-card{display:flex;align-items:center;gap:12px;border:1px solid var(--line);background:#0f2743;border-radius:12px;padding:10px 12px;margin-bottom:8px}.rm-ico{width:21px;height:21px;flex:0 0 21px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:14px;line-height:1;font-family:KaiTi,Songti SC,Segoe UI Symbol,serif;box-shadow:0 2px 6px #0000004d}.rm-mid{flex:1;min-width:0}.rm-top{display:flex;align-items:center;gap:8px}.rm-code{font-size:15px;letter-spacing:.04em}.rm-eye{margin-left:auto;color:var(--muted);font-size:13px;white-space:nowrap}.rm-players{font-size:13px;margin-top:3px;line-height:1.35}.rm-elo{color:var(--gold);font-weight:700;font-size:12px}.rm-vs{color:var(--muted);margin:0 6px}.rm-wait{color:var(--muted)}.rm-acts{display:flex;gap:6px;flex:0 0 auto}.game{display:flex;flex-direction:column;height:100vh;height:100dvh;position:relative;overflow:hidden}.topbar{display:flex;align-items:center;gap:10px;padding:10px 14px;background:#0003}.topbar .status{flex:1;text-align:center;font-weight:600}.topbar .acts{display:flex;gap:8px;margin-left:auto}.boardwrap{flex:1;display:flex;align-items:center;justify-content:center;padding:8px;min-height:0;min-width:0}.boardwrap canvas{aspect-ratio:9 / 10;height:min(88vh,calc(96vw * 10 / 9));width:auto;max-width:100%;max-height:100%;border-radius:12px;box-shadow:0 10px 40px #00000073;touch-action:none}.cd-ov{position:absolute;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;align-items:center;justify-content:center;background:#060e1a99;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.cd-box{text-align:center}.cd-title{font-size:20px;color:var(--gold);font-weight:700;margin-bottom:8px;letter-spacing:.02em}.cd-num{font-size:84px;font-weight:800;color:#fff;line-height:1;text-shadow:0 4px 20px rgba(0,0,0,.5)}.result-ov{position:absolute;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:20px;background:#060e1ab8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:0;transition:opacity .25s}.result-ov.show{opacity:1}.result-card{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:26px 24px;text-align:center;max-width:340px;width:100%;box-shadow:0 20px 60px #00000080;transform:translateY(10px) scale(.96);transition:transform .25s}.result-ov.show .result-card{transform:none}.result-emoji{font-size:52px;line-height:1}.result-title{font-size:30px;font-weight:800;margin:8px 0 4px;letter-spacing:.02em}.res-win .result-title{color:#f0c14b}.res-lose .result-title{color:#e58a8a}.res-draw .result-title{color:var(--muted)}.result-detail{color:var(--muted);font-size:14px;margin-bottom:20px}.result-acts{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.result-acts .btn{min-width:120px}.aicon{width:46px;height:46px;flex:0 0 46px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:#ffffff0f;border:1px solid var(--line);color:var(--gold)}.tile.primary .aicon{color:#ffe0a3}.logo .logoicon{display:inline-flex;width:74px;height:74px;align-items:center;justify-content:center;font-size:44px;border-radius:18px;box-shadow:0 6px 20px #00000059;font-family:KaiTi,Songti SC,SimSun,serif}.gicon.knight{font-size:40px}.logo .logoicon.knight{font-size:56px}.row2.center{justify-content:center}.hubfoot{margin-top:auto;display:flex;flex-direction:column;align-items:center;gap:12px;padding-top:20px}.hubfoot .foot{margin-top:0;padding-top:0}.brand{display:flex;align-items:center;gap:8px;color:var(--gold);font-size:13px;letter-spacing:.14em;font-weight:600}.brand .bmark{display:inline-flex;width:24px;height:24px;align-items:center;justify-content:center;background:#c0392b;color:#fff;border-radius:7px;font-size:15px;font-family:Songti SC,SimSun,serif;letter-spacing:0}.brandrow{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap}.bmark-img{width:26px;height:26px;border-radius:7px;object-fit:cover;display:block}.footacts{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.installbtn{display:none}body.can-install .installbtn{display:inline-flex}.topband{height:228px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px}.topband-head{justify-content:flex-start;align-items:stretch;gap:0;padding-top:0}.contbtn{align-self:center;margin:0 auto;background:#c8922f24;border:1px solid var(--gold);color:#f0c14b;border-radius:20px;padding:8px 18px;font-size:14px;font-weight:600;cursor:pointer}.contbtn:hover{background:#c8922f3d}.contbtn b{color:#fff;font-weight:700}.langdd{position:relative;display:inline-block}.langcur{display:flex;align-items:center;gap:6px;background:#ffffff0f;border:1px solid var(--line);color:var(--text);border-radius:16px;padding:6px 13px;font-size:13px;font-weight:600;cursor:pointer}.langcur .car{width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid var(--muted)}.langmenu{position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%);display:none;flex-direction:column;gap:2px;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:4px;min-width:84px;box-shadow:0 8px 24px #0006;z-index:30}.langdd.up .langmenu{top:auto;bottom:calc(100% + 6px)}.langdd.open .langmenu{display:flex}.langopt{background:transparent;border:none;color:var(--muted);padding:7px 12px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;text-align:center}.langopt:hover{background:#ffffff0f;color:var(--text)}.langopt.on{background:var(--gold);color:#2a1e04}.ghead{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 0 6px}.ghead-l{display:flex;align-items:center;gap:10px;min-width:0}.ghead-l .gicon{width:46px;height:46px;flex:0 0 46px;font-size:26px}.ghead-l .gicon.knight{font-size:34px}.ghead-name{font-size:20px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hbtn{width:38px;height:38px;flex:0 0 38px;border-radius:11px;border:1px solid var(--line);background:transparent;color:var(--text);font-size:22px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}.hbtn:hover{border-color:var(--gold)}.hbtn:focus{outline:none}.hbtn:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.tbmark{display:inline-flex;width:34px;height:34px;flex:0 0 34px;align-items:center;justify-content:center;background:#b3261e;color:#fff;border-radius:9px;font-size:20px;font-family:KaiTi,Songti SC,SimSun,serif}.topbar .gicon{width:34px;height:34px;flex:0 0 34px;border-radius:9px;font-size:20px}.topbar .gicon.knight{font-size:27px}.gamebody{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column;gap:8px;padding:6px 8px;position:relative}.pgroup{display:flex;gap:8px;width:100%;max-width:520px;margin:0 auto;min-height:0}.pg-ai,.pg-me{flex:0 0 auto;flex-direction:row;align-items:center}.pg-ai .pcard,.pg-me .pcard{flex:0 0 auto}.pg-ai .captray,.pg-me .captray{flex:1}.has-panels .topbar .status,.pg-moves{display:none}@media(min-width:1024px){.pg-moves{display:flex;flex-direction:column;gap:8px;position:absolute;right:14px;top:6px;bottom:6px;width:190px;min-height:0}}@media(max-width:520px){.topbar{gap:6px;padding:8px 10px;overflow-x:auto}.topbar .btn{padding:7px 9px;font-size:13px}.topbar .acts{gap:6px}.tbmark,.topbar .gicon{width:30px;height:30px;flex:0 0 30px;font-size:17px}.topbar .gicon.knight{font-size:23px}.topbar .hbtn{width:34px;height:34px;flex:0 0 34px}}.pcard{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:10px 12px;font-weight:600;display:flex;align-items:center;gap:8px;font-size:14px}.pcard .pside{color:var(--muted);font-weight:500;font-size:13px}.pdot{width:9px;height:9px;border-radius:50%;background:var(--line);flex:0 0 9px}.pdot.on{background:#37d67a;box-shadow:0 0 8px #37d67a}.captray{min-height:38px;max-height:60px;overflow-y:auto;background:#ffffff08;border:1px solid var(--line);border-radius:10px;padding:6px 8px;display:flex;flex-wrap:wrap;gap:4px;align-content:flex-start}.capp{font-family:KaiTi,Songti SC,SimSun,serif;font-size:17px;line-height:1;width:22px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;background:#f3e6c8}.capp.r{color:#b3261e}.capp.b{color:#1a1a1a}.caph{color:var(--muted);font-size:13px}.panel-title{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.05em;padding:2px 4px}.movelist{flex:1;min-height:0;overflow:auto;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:6px}.mvrow{display:flex;align-items:center;gap:8px;padding:4px 6px;border-radius:6px;font-size:13px}.mvrow.cur{background:#c8922f29}.mvno{color:var(--muted);width:26px;text-align:right;font-size:12px}.mvg{font-family:KaiTi,Songti SC,SimSun,serif;font-size:16px}.mvg.r{color:#e0736b}.mvg.b{color:#cfd8e6}.ad-banner{display:flex;align-items:center;justify-content:center;gap:10px;margin:8px 0 0;min-height:50px;border:1px dashed var(--line);border-radius:10px;background:#ffffff08;color:var(--muted);font-size:13px}.ad-banner .ad-tag{font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:var(--gold);border:1px solid var(--gold);border-radius:4px;padding:1px 5px;opacity:.85}.ad-ov{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;align-items:center;justify-content:center;background:#040c18b8;opacity:0;transition:opacity .18s}.ad-ov.show{opacity:1}.ad-card{width:min(88vw,360px);background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:16px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px}.ad-card .ad-tag{align-self:center;font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--gold);border:1px solid var(--gold);border-radius:5px;padding:2px 8px;opacity:.9}.ad-box{width:100%;min-height:150px;display:flex;align-items:center;justify-content:center;border:1px dashed var(--line);border-radius:12px;background:#ffffff08;color:var(--muted);font-size:15px}.ad-interstitial .ad-box{min-height:220px}.ad-count{font-size:13px;color:var(--muted)}.ad-count .adc{font-weight:800;color:var(--text)}.ad-card .ad-x{min-width:120px}.ad-rew{font-size:12px;color:var(--muted)}