:root{--bg:#0d1017;--panel:#161a24;--panel2:#1c2130;--line:#262d3d;--fg:#e8ecf5;--dim:#8b95a8;--accent:#5b8cff;--accent2:#43c98b;--warn:#f0b429;--bad:#ef5f5f;--board:#d9b483;--boarddark:#c9a06c}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;background:var(--bg);color:var(--fg);font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,Roboto,sans-serif}#shell{display:flex;align-items:flex-start;gap:14px;max-width:1280px;margin:0 auto;padding:calc(env(safe-area-inset-top) + 10px) 12px calc(env(safe-area-inset-bottom) + 20px)}#mainCol{flex:1;min-width:0;max-width:760px}h1{font-size:18px;margin:0 0 2px;font-weight:650;letter-spacing:.5px}.sub{color:var(--dim);font-size:12px;margin-bottom:14px}.card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:14px;margin-bottom:12px}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}label{font-size:12px;color:var(--dim);display:block;margin-bottom:5px}input[type=text]{background:#0f131b;color:var(--fg);border:1px solid var(--line);border-radius:9px;padding:10px 12px;font-size:14px;width:100%;outline:none;font-family:inherit}input[type=text]:focus{border-color:var(--accent)}button{background:var(--panel2);color:var(--fg);border:1px solid var(--line);border-radius:10px;padding:10px 14px;font-size:14px;font-family:inherit;cursor:pointer;transition:background-color .15s,border-color .15s,color .15s}button:active{transform:scale(.97)}button:disabled{opacity:.4;cursor:default}button.primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}button.good{background:var(--accent2);border-color:var(--accent2);color:#08130d;font-weight:600}button.ghost{background:transparent}button.danger{background:var(--bad);border-color:var(--bad);color:#2a0707;font-weight:600}button.wide{width:100%}.pill{display:inline-flex;align-items:center;gap:5px;font-size:11px;padding:4px 9px;border-radius:99px;background:var(--panel2);border:1px solid var(--line);color:var(--dim)}.dot{width:7px;height:7px;border-radius:50%;background:var(--dim);flex:none}.dot.on{background:var(--accent2);box-shadow:0 0 7px var(--accent2)}.dot.half{background:var(--warn)}.dot.off{background:var(--bad)}.who .off{color:var(--bad);font-size:12px;margin-left:4px}.rooms{display:flex;flex-direction:column;gap:8px;margin-top:4px}.room{display:flex;align-items:center;gap:10px;background:var(--panel2);border:1px solid var(--line);border-radius:11px;padding:11px 13px}.room .nm{flex:1;min-width:0}.room .nm b{display:block;font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.room .nm span{font-size:11px;color:var(--dim)}.room button{padding:7px 13px;font-size:13px}.empty{color:var(--dim);font-size:13px;text-align:center;padding:22px 0}.invrow{padding:9px 12px}.invlist{display:flex;flex-direction:column;gap:8px}.inv-close{padding:6px 11px;font-size:13px}.modal.pop{z-index:70}.modal.center{align-items:center;padding-bottom:16px}.modal.center .sheet{box-shadow:0 12px 48px #0000008c}.tiny.warn{color:var(--warn)}.seats{display:flex;gap:10px;margin-bottom:12px}.seat{flex:1;background:var(--panel2);border:1px solid var(--line);border-radius:11px;padding:10px 12px;position:relative;overflow:hidden}.seat.active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset}.seat .who{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.seat .meta{font-size:11px;color:var(--dim);margin-top:2px}.seat.off{border-style:dashed;opacity:.78}.pl.off{border-style:dashed}.stone{display:inline-block;width:11px;height:11px;border-radius:50%;vertical-align:-1px;margin-right:5px}.stone.b{background:radial-gradient(circle at 33% 30%,#6a6a72,#0b0b0e 72%)}.stone.w{background:radial-gradient(circle at 33% 30%,#fff,#c3c7d0 72%)}#wrap{position:relative;width:100%;display:flex;justify-content:center;margin:2px 0 10px}canvas{display:block;border-radius:12px;touch-action:manipulation;box-shadow:0 6px 22px #00000073}.status{text-align:center;font-size:14px;min-height:22px;margin-bottom:10px;font-weight:600}.status.win{color:var(--accent2)}.status.warn{color:var(--warn)}.log{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:11px;color:var(--dim);background:#0a0d13;border:1px solid var(--line);border-radius:9px;padding:8px 10px;max-height:104px;overflow:auto;white-space:pre-wrap;margin-top:10px}.hide{display:none!important}.tiny{font-size:11px;color:var(--dim);line-height:1.6}a{color:var(--accent)}.roomhead{padding:12px 14px}.gico{display:inline-flex;align-items:center;justify-content:center;font-size:18px;width:34px;height:34px;border-radius:10px;background:var(--panel2);border:1px solid var(--line);flex:none}.gico.big{width:40px;height:40px;font-size:21px}.pill.on{background:#5b8cff29;border-color:var(--accent);color:#cfe0ff}.players{display:flex;flex-direction:column;gap:8px}.pl{display:flex;align-items:center;gap:10px;background:var(--panel2);border:1px solid var(--line);border-radius:11px;padding:10px 12px;position:relative}.pl.empty{border-style:dashed;background:transparent;opacity:.72}.pl .pnm{flex:1;min-width:0}.pl .pnm b{display:block;font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pl .pnm span{font-size:11px;color:var(--dim)}.pl .off{color:var(--bad);font-size:11px}.pl .stone{width:13px;height:13px;margin:0}.tag{font-size:10px;padding:3px 7px;border-radius:99px;background:var(--panel);border:1px solid var(--line);color:var(--accent);white-space:nowrap}.tag.dim{color:var(--dim)}.specbox{padding:11px 14px}.specrow{font-size:12px;color:var(--dim);line-height:1.7}.specrow.compact{margin:0 0 10px}.specrow .slabel{color:var(--accent);margin-right:8px;white-space:nowrap}.specrow .spec-names{color:var(--fg);opacity:.85}.seat.vacant{border-style:dashed}.seat.vacant .who{color:var(--dim);font-weight:500}.racts{display:flex;gap:6px;flex:none}.racts button{padding:7px 12px;font-size:13px}.modal{position:fixed;inset:0;background:#04060bb8;z-index:50;display:flex;align-items:flex-end;justify-content:center;padding:16px;padding-bottom:calc(env(safe-area-inset-bottom) + 16px)}.sheet{width:100%;max-width:520px;max-height:82vh;overflow:auto;background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:16px;box-shadow:0 -8px 40px #0000008c}#gamePick{display:flex;flex-direction:column;gap:8px}.gcard{display:flex;align-items:center;gap:11px;background:var(--panel2);border:1px solid var(--line);border-radius:12px;padding:11px 13px;cursor:pointer;transition:.15s}.gcard:active{transform:scale(.99)}.gcard.on{border-color:var(--accent);background:#5b8cff1a}.gcard.soon{opacity:.5;cursor:default}.gcard .gtxt{flex:1;min-width:0}.gcard .gtxt b{display:block;font-size:14px}.gcard .gtxt span{font-size:11px;color:var(--dim)}.gcard .gppl{font-size:11px;color:var(--dim);white-space:nowrap;padding:3px 8px;border-radius:99px;background:var(--panel);border:1px solid var(--line)}.gcard.on .gppl{color:var(--accent);border-color:var(--accent)}#gameView{width:100%}.board-wrap{display:flex;justify-content:center;width:100%;margin:2px 0 0;position:relative}.gbar{display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 8px;min-height:30px}.gbar button{padding:7px 14px;font-size:13px}.gtip{font-size:12px;color:var(--dim)}.gm-bub{position:absolute;top:8px;z-index:11;max-width:44%;padding:5px 10px;border-radius:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px;font-weight:650;pointer-events:none;user-select:none;animation:gmPop .2s ease-out}.gm-bub.b{left:8px;background:#20262b;color:#f2f5f7;border:1px solid rgba(255,255,255,.22)}.gm-bub.w{right:8px;background:#f5f1e6;color:#22262b;border:1px solid rgba(0,0,0,.18)}.gm-bub.hide{display:none}@keyframes gmPop{0%{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}.board-wrap .dz-fchat{top:54px}.gsay-wrap{position:relative;display:inline-flex}.gsay-wrap .dz-saybox{top:calc(100% + 8px);bottom:auto;right:0}.gsay-wrap button{padding:7px 12px}.chatpanel{flex:0 0 280px;width:280px;position:sticky;top:12px;height:calc(100vh - 40px);max-height:calc(100vh - 40px);background:var(--panel);border:1px solid var(--line);border-radius:15px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 10px 30px #00000059}.chead-bar{display:flex;align-items:center;gap:8px;flex:none;padding:9px 12px;border-bottom:1px solid var(--line);background:var(--panel2)}.chead-bar .ctitle{font-size:13px;font-weight:600}.chead-bar .ctiny{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ctiny{font-size:11px;color:var(--dim);line-height:1.6}.cwb{flex:none;display:flex;flex-wrap:wrap;gap:5px;padding:7px 10px;border-bottom:1px solid var(--line);background:#0f131b;max-height:96px;overflow-y:auto}.cwb.hide{display:none}.wchip{display:inline-flex;align-items:center;gap:5px;font-size:11px;line-height:1.5;padding:3px 8px;border-radius:99px;background:var(--panel2);border:1px solid var(--line);max-width:100%}.wchip .wdot{width:6px;height:6px;border-radius:50%;background:var(--dim);flex:none}.wchip.ingame .wdot{background:var(--accent2);box-shadow:0 0 6px var(--accent2)}.wchip .wname{color:var(--fg);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:8em}.wchip .wloc{color:var(--dim);font-weight:500;white-space:nowrap}.wchip.ingame .wloc{color:var(--accent)}.wchip.mine{border-color:var(--accent);background:#5b8cff1a}.wchip.mine .wname{color:var(--accent2)}.cmsgs{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:10px 12px;background:#0a0d13;display:flex;flex-direction:column;gap:9px;-webkit-overflow-scrolling:touch}.cempty{flex:none;padding:10px 12px;text-align:center;font-size:11px;color:var(--dim);background:#0a0d13}.cmsg{max-width:90%;align-self:flex-start}.cmsg.mine{align-self:flex-end}.cmsg .chead{display:flex;gap:6px;align-items:baseline;margin-bottom:3px}.cmsg.mine .chead{flex-direction:row-reverse}.cmsg .cwho{font-size:11px;color:var(--accent);font-weight:600;max-width:9em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cmsg.mine .cwho{color:var(--accent2)}.cmsg .cloc{font-size:9px;line-height:1.6;padding:0 5px;border-radius:99px;flex:none;background:var(--panel2);border:1px solid var(--line);color:var(--dim);white-space:nowrap}.cmsg .cloc.ingame{color:var(--accent);border-color:#5b8cff66}.cmsg .ctime{font-size:10px;color:var(--dim);opacity:.75}.cmsg .cbody{padding:7px 10px;border-radius:11px;font-size:13px;line-height:1.5;background:var(--panel2);border:1px solid var(--line);word-break:break-word;white-space:pre-wrap}.cmsg.mine .cbody{background:#5b8cff29;border-color:#5b8cff80}.cinput{display:flex;gap:8px;flex:none;padding:9px 12px;border-top:1px solid var(--line);background:var(--panel)}.cinput input{flex:1;min-width:0}.cinput button{padding:10px 14px;flex:none}.cfoot{padding:0 12px 9px;background:var(--panel)}@media (max-width:679px){#shell{display:block;max-width:760px}#mainCol{max-width:none}.chatpanel{position:static;width:auto;flex:none;margin-top:14px;height:min(46vh,360px);max-height:min(46vh,360px)}}#toast{position:fixed;left:50%;bottom:calc(env(safe-area-inset-bottom) + 78px);z-index:70;transform:translate(-50%,10px);background:#141822f5;color:var(--fg);border:1px solid var(--line);border-radius:99px;padding:8px 15px;font-size:12px;opacity:0;pointer-events:none;transition:.18s;max-width:80vw;text-align:center}#toast.on{opacity:1;transform:translate(-50%)}