:root{--bg:#f4f3ec;--card:#fffefa;--ink:#203b33;--primary:#183f36;--muted:#64766d;--sage:#dfe8dd;--gold:#b99a5e;--line:#e2e8df;--danger:#a6534c;--shadow:0 12px 32px #183f3612}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.6 Arial,"Microsoft YaHei",sans-serif}button,input,select{font:inherit}button{border:0;cursor:pointer}.shell{max-width:960px;margin:auto;padding:calc(20px + env(safe-area-inset-top)) 18px calc(90px + env(safe-area-inset-bottom))}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.brand{font-size:24px;font-weight:800;color:var(--primary)}.brand small{display:block;font-size:12px;font-weight:500;color:var(--muted)}.grid{display:grid;gap:14px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.card{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:18px;box-shadow:var(--shadow)}.hero{background:linear-gradient(135deg,#eaf0e5,#fffefa);padding:24px}.hero h1{font-size:28px;margin:0 0 5px}.muted{color:var(--muted)}.small{font-size:12px}.primary,.secondary,.danger{min-height:46px;padding:10px 16px;border-radius:14px;font-weight:700}.primary{background:var(--primary);color:#fff}.secondary{background:var(--sage);color:var(--primary)}.danger{background:#f3dfdc;color:var(--danger)}.wide{width:100%}.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.actions>*{flex:1 1 140px}.field{display:grid;gap:6px;margin:12px 0}.field label{font-weight:700}.field input,.field select{border:1px solid var(--line);background:#fffefa;color:var(--ink);padding:11px 12px;border-radius:12px;min-width:0}.game-row{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid var(--line)}.game-row:last-child{border-bottom:0}.pill{display:inline-flex;padding:3px 9px;border-radius:99px;background:var(--sage);font-size:12px;color:var(--primary)}.error{padding:13px;border-radius:12px;background:#f8e6e1;color:var(--danger);margin:12px 0}.loading{text-align:center;padding:50px;color:var(--muted)}.bottomnav{position:fixed;left:0;right:0;bottom:0;background:#fffefbf2;border-top:1px solid var(--line);display:flex;justify-content:center;gap:4px;padding:8px env(safe-area-inset-right) calc(8px + env(safe-area-inset-bottom)) env(safe-area-inset-left);backdrop-filter:blur(16px);z-index:10}.bottomnav button{background:none;color:var(--muted);padding:7px 13px;border-radius:12px}.bottomnav button.active{background:var(--sage);color:var(--primary);font-weight:700}.board-wrap{display:flex;justify-content:center;overflow:auto;padding:5px}.gomoku-board{display:grid;grid-template-columns:repeat(15,1fr);width:min(92vw,620px);aspect-ratio:1;border:2px solid #9c7d4c;background:#dfbf80;padding:7px;gap:0;background-image:linear-gradient(#8c6e43 1px,transparent 1px),linear-gradient(90deg,#8c6e43 1px,transparent 1px);background-size:calc(100% / 14) calc(100% / 14);background-position:center}.gomoku-cell{background:transparent;position:relative;border-radius:50%;padding:0}.gomoku-cell.black:after,.gomoku-cell.white:after{content:"";position:absolute;inset:12%;border-radius:50%;box-shadow:0 2px 4px #0005}.gomoku-cell.black:after{background:#1b2420}.gomoku-cell.white:after{background:#fffefa;border:1px solid #afac9f}.gomoku-cell.last:before{content:"";position:absolute;width:8px;height:8px;background:var(--gold);border-radius:50%;z-index:2;left:calc(50% - 4px);top:calc(50% - 4px)}.xiangqi-board{width:min(92vw,560px);display:grid;grid-template-columns:repeat(9,1fr);aspect-ratio:9/10;border:2px solid #9c7d4c;background:#e5c88e}.xiangqi-cell{border:1px solid #9c7d4c;background:transparent;min-width:0;aspect-ratio:1;display:flex;align-items:center;justify-content:center;padding:0}.xiangqi-piece{width:82%;height:82%;border-radius:50%;background:#f7ebc7;border:2px solid #8c6e43;box-shadow:0 2px 3px #0003;font-size:clamp(16px,5vw,28px);font-weight:800}.xiangqi-piece.red{color:#b13e35}.xiangqi-piece.black{color:#25362e}.xiangqi-cell.selected{background:#e8d596}.clock{display:flex;justify-content:space-between;gap:12px}.clock .time{font:700 22px ui-monospace,Consolas,monospace;color:var(--primary)}.result{border-left:4px solid var(--gold)}.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:left;padding:10px;border-bottom:1px solid var(--line);font-size:13px}.admin-stat{font-size:28px;font-weight:800;color:var(--primary)}@media(max-width:560px){.grid.two{grid-template-columns:1fr}.shell{padding-left:12px;padding-right:12px}.hero h1{font-size:24px}.card{padding:15px;border-radius:18px}.actions>*{flex-basis:100%}}