*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#fdf9f0;--surface:#fff;--ink:#343a40;--muted:#7a848d;--faint:#a8b2ba;--line:#ece4d4;--line-soft:#f3ecdd;--doodle:#343a40;--accent:#10a88c;--accent-ink:#0b7d68;--accent-soft:#e3f7f1;--danger:#e4574a;--danger-soft:#fdeeee;--amber:#b7791f;--amber-soft:#fdf4e3;--violet:#8a6cf0;--pink:#ffb7c9;--pink-soft:#fff0f4;--sky:#a9d7f2;--sky-soft:#eef7fd;--lemon:#ffd66b;--lemon-soft:#fff8e1;--radius:18px;--radius-sm:12px;--wobble:20px 26px 22px 27px / 26px 22px 27px 20px;--wobble-sm:12px 16px 12px 17px / 16px 12px 17px 12px;--shadow:4px 5px 0 #343a4014;--shadow-pop:6px 8px 0 #343a401f}html{scroll-behavior:smooth}body{background:radial-gradient(#343a400e 1.3px, transparent 1.3px), var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;background-size:26px 26px,auto;min-height:100vh;font-family:PingFang SC,Microsoft YaHei,Noto Sans SC,system-ui,sans-serif}::selection{background:var(--lemon);color:var(--ink)}.topbar{z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);background:#ffffffe0;align-items:center;gap:20px;height:64px;padding:0 clamp(14px,4vw,40px);display:flex;position:sticky;top:0}.brand{color:var(--ink);flex:none;align-items:center;gap:10px;text-decoration:none;display:flex}.brand-mark{color:#fff;background:linear-gradient(140deg,#12b89b,#0e9f85);border-radius:10px;place-items:center;width:36px;height:36px;font-size:18px;font-weight:800;display:grid;box-shadow:0 4px 12px #0e9f8559}.brand-name{letter-spacing:1px;font-size:18px;font-weight:800}.brand-name i{letter-spacing:2px;color:var(--faint);vertical-align:2px;margin-left:6px;font-size:10px;font-style:normal;font-weight:600}.tabs{gap:4px;margin-left:auto;display:flex}.tab{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:99px;padding:8px 18px;font-size:15px;transition:all .18s}.tab:hover{color:var(--ink);background:#eef4f2}.tab.active{background:var(--accent-soft);color:var(--accent-ink);font-weight:700}.top-status{color:var(--muted);flex:none;align-items:center;gap:7px;font-size:13px;display:flex}#global-status-dot{background:#22c55e;border-radius:50%;width:8px;height:8px;display:inline-block;box-shadow:0 0 0 3px #22c55e2e}main{max-width:1200px;margin:0 auto;padding:28px clamp(14px,4vw,40px) 40px}.view{display:none}.view.active{animation:.3s fade;display:block}@keyframes fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.hero{border:1px solid var(--line);box-shadow:var(--shadow);background:linear-gradient(120deg,#f0faf7 0%,#fff 55%,#f2f8f4 100%);border-radius:24px;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);align-items:center;gap:32px;padding:clamp(26px,5vw,56px);display:grid}.home-layout{grid-template-columns:minmax(280px,330px) minmax(0,1fr);align-items:start;gap:22px;display:grid}.home-side{flex-direction:column;grid-template-columns:none;align-items:stretch;padding:clamp(20px,2.2vw,28px);display:flex}.hero.home-side{flex-direction:column;align-items:stretch;padding:clamp(20px,2.2vw,28px);display:flex}.hero.home-side h1{font-size:clamp(23px,1.9vw,27px);line-height:1.32}.hero.home-side h1 em{text-underline-offset:6px;text-decoration-thickness:2.5px}.hero.home-side .sub{max-width:none;margin:12px 0 18px;font-size:13.5px;line-height:1.85}.home-side .hero-actions{flex-direction:column;gap:10px;margin-bottom:20px}.home-side .hero-actions .btn{width:100%}.home-side .stats{gap:18px}.home-side .stats b{font-size:21px}.home-side .stats i{font-size:11px}.home-side .hero-art{margin-top:16px}.home-side .board-card{width:min(200px,78%)}.home-side .mstone{width:19px;height:19px}.home-side .floaty{font-size:20px}.home-side .floaty.f1{top:7%;right:6%}.home-side .floaty.f2{top:44%;bottom:auto;right:10%}.home-side .floaty.f3{font-size:16px;top:30%;right:4%}.home-side .why{border-top:2px dashed var(--line);flex-direction:column;gap:10px;margin:20px 0 0;padding-top:18px;display:flex}.home-side .why-item{border-radius:var(--wobble-sm);padding:12px 14px}.home-side .why-item b{margin-bottom:3px;font-size:13px}.home-side .why-item span{font-size:12px;line-height:1.65}.home-main{min-width:0}.home-main .sec-title{margin:2px 4px 18px}.eyebrow{letter-spacing:1px;color:var(--accent-ink);background:var(--accent-soft);border-radius:99px;margin-bottom:18px;padding:6px 12px;font-size:12px;font-weight:700;display:inline-block}.hero h1{letter-spacing:1px;font-size:clamp(30px,4.6vw,52px);line-height:1.22}.hero h1 em{color:var(--accent);font-style:normal}.hero .sub{color:var(--muted);max-width:52ch;margin:16px 0 26px;font-size:16px;line-height:1.9}.hero-actions{flex-wrap:wrap;gap:12px;margin-bottom:30px;display:flex}.stats{gap:36px;display:flex}.stats b{color:var(--ink);font-variant-numeric:tabular-nums;font-size:26px;display:block}.stats i{color:var(--faint);font-size:12px;font-style:normal}.hero-art{place-items:center;display:grid}.board-card{aspect-ratio:1;width:min(300px,80%);box-shadow:var(--shadow), inset 0 0 0 1px #fff6;background:linear-gradient(145deg,#f3d9a4,#e0b46b);border-radius:20px;position:relative}.mini-grid{opacity:.5;background-image:linear-gradient(#8a622f 1px,#0000 1px),linear-gradient(90deg,#8a622f 1px,#0000 1px);background-size:16.66% 16.66%;position:absolute;inset:14%}.mini-grid:after{content:"";opacity:.7;background:radial-gradient(2.6px,#8a622f 97%,#0000),radial-gradient(2.6px at 25% 25%,#8a622f 97%,#0000),radial-gradient(2.6px at 75% 25%,#8a622f 97%,#0000),radial-gradient(2.6px at 25% 75%,#8a622f 97%,#0000),radial-gradient(2.6px at 75% 75%,#8a622f 97%,#0000);position:absolute;inset:0}.mstone{border-radius:50%;width:26px;height:26px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 3px 8px #3c230566,inset 0 0 0 1.2px #343a4080}.mstone.b{background:radial-gradient(circle at 32% 27%,#fffc 0 9%,#0000 45%),radial-gradient(circle at 50% 55%,#555,#111 78%)}.mstone.w{background:radial-gradient(circle at 32% 27%,#fff 0 12%,#0000 46%),radial-gradient(circle at 50% 55%,#fff,#cfcfcf 78%)}.mstone.win{outline:3px solid var(--danger);animation:1.6s infinite pulse}@keyframes pulse{50%{box-shadow:0 3px 8px #3c230566,inset 0 0 0 1.2px #343a4080,0 0 0 9px #d9483b38}}.sec-title{letter-spacing:1px;margin:44px 4px 18px;font-size:24px}.sec-title small{color:var(--faint);letter-spacing:3px;margin-left:10px;font-size:12px;font-weight:500}.game-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:22px;display:grid}.game-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;transition:all .22s;display:flex;overflow:hidden}.game-card:hover{transform:translateY(-3px);box-shadow:0 4px 8px #1c2b330d,0 18px 44px #1c2b331c}.game-card.coming{opacity:.72}.game-card.coming:hover{transform:none}.game-card.coming{flex-direction:row;grid-column:1/-1;align-items:stretch}.game-card.coming .game-thumb{border-bottom:none;border-right:2px solid var(--doodle);flex:none;width:250px;height:auto;min-height:150px}.game-card.coming .game-body{flex:1;justify-content:center}.game-card.coming .game-foot{margin-top:14px}.game-thumb{height:168px;position:relative;overflow:hidden}.gomoku-thumb{background:repeating-linear-gradient(94deg,#7a542312 0 7px,#0000 7px 19px),repeating-linear-gradient(2deg,#7a54230f 0 9px,#0000 9px 23px),linear-gradient(145deg,#f6ddb0,#e3ba75)}.go-thumb{background:repeating-linear-gradient(94deg,#7a542312 0 7px,#0000 7px 19px),repeating-linear-gradient(2deg,#7a54230f 0 9px,#0000 9px 23px),linear-gradient(145deg,#f7e0b6,#e0b46c)}.gomoku-thumb .grid-lines,.go-thumb .grid-lines{opacity:.5;background-image:linear-gradient(#8a622f 1.2px,#0000 1.2px),linear-gradient(90deg,#8a622f 1.2px,#0000 1.2px);background-size:20% 25%;position:absolute;inset:16% 12%}.go-thumb .grid-lines{background-size:12.5% 12.5%;inset:14%}.gomoku-thumb .grid-lines:after,.go-thumb .grid-lines:after{content:"";opacity:.75;background:radial-gradient(3px at 40%,#8a622f 97%,#0000),radial-gradient(3px at 20% 25%,#8a622f 97%,#0000),radial-gradient(3px at 80% 25%,#8a622f 97%,#0000),radial-gradient(3px at 20% 75%,#8a622f 97%,#0000),radial-gradient(3px at 80% 75%,#8a622f 97%,#0000);position:absolute;inset:0}.go-thumb .grid-lines:after{background:radial-gradient(3px at 12.5% 12.5%,#8a622f 97%,#0000),radial-gradient(3px at 87.5% 12.5%,#8a622f 97%,#0000),radial-gradient(3px at 12.5% 87.5%,#8a622f 97%,#0000),radial-gradient(3px at 87.5% 87.5%,#8a622f 97%,#0000),radial-gradient(3px,#8a622f 97%,#0000)}.t-stone{border-radius:50%;width:34px;height:34px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 4px 10px #3c230561,inset 0 0 0 1.5px #343a408c}.t-stone.s1{background:radial-gradient(circle at 32% 27%,#ffffffd9 0 4%,#0000 42%),radial-gradient(circle at 50% 55%,#555,#111 78%)}.t-stone.s2{background:radial-gradient(circle at 32% 27%,#fff 0 12%,#0000 46%),radial-gradient(circle at 50% 55%,#fff,#cfcfcf 78%)}.t-stone.win{animation:1.6s infinite stone-pulse}@keyframes stone-pulse{50%{box-shadow:0 4px 10px #3c230561,inset 0 0 0 1.5px #343a408c,0 0 0 8px #d9483b40}}.xiangqi-thumb{background:linear-gradient(145deg,#faf3e3,#f0e0bd)}.xq-board{background:repeating-linear-gradient(#b98a4e 0 1.4px,#0000 1.4px 11.1111%),repeating-linear-gradient(90deg,#b98a4e 0 1.4px,#0000 1.4px 12.5%),linear-gradient(#faf3e0,#f3e8cd);border:2px solid #b98a4e;border-radius:4px;position:absolute;inset:13% 9%}.xq-river{color:#9a7b45;letter-spacing:2px;background:#f7efdc;border-top:1.4px solid #b98a4e;border-bottom:1.4px solid #b98a4e;justify-content:center;align-items:center;gap:26%;height:18px;font-family:Kaiti SC,STKaiti,KaiTi,serif;font-size:11px;font-weight:800;display:flex;position:absolute;top:calc(50% - 9px);left:-2px;right:-2px}.xq-river i{color:#343a404d;font-style:normal}.t-piece{color:#c0392b;background:radial-gradient(circle at 32% 28%,#fff7e8,#edd9ae 75%);border:2px solid #c9a25e;border-radius:50%;place-items:center;width:40px;height:40px;font-family:Kaiti SC,STKaiti,KaiTi,serif;font-size:21px;font-weight:800;display:grid;position:absolute;transform:translate(-50%,-50%);box-shadow:2px 3px #343a4038,inset 0 0 0 3px #d9483b40}.t-piece.dark{color:#24303a;box-shadow:2px 3px #343a4038,inset 0 0 0 3px #24303a40}.junqi-thumb{background:linear-gradient(150deg,#e4ebe0,#c9d7c3)}.j-rail{background:repeating-linear-gradient(90deg,#5c6b6380 0 2px,#0000 2px 9px);border-top:2px solid #5c6b63;border-bottom:2px solid #5c6b63;border-radius:2px;height:9px;position:absolute;left:6%;right:6%}.j-rail.top{top:9%}.j-rail.bottom{bottom:9%}.j-river{background:linear-gradient(#cfe3f2,#b7d5ea);border-top:1.5px solid #2b5f8f59;border-bottom:1.5px solid #2b5f8f59;justify-content:center;align-items:center;gap:12%;height:26px;display:flex;position:absolute;top:44%;left:0;right:0}.j-river i{background:#dccfa8;border:1.5px solid #a8946a;border-radius:3px;width:24px;height:14px;box-shadow:1.5px 2px #343a4033}.j-tile{letter-spacing:1px;border-radius:6px;place-items:center;width:48px;height:27px;font-size:13px;font-weight:800;display:grid;position:absolute;transform:translate(-50%,-50%);box-shadow:2px 2.5px #343a404d}.j-tile.red{color:#b13a2f;background:linear-gradient(160deg,#fff,#fdeeed);border:2px solid #d9483b}.j-tile.blue{color:#2b5f8f;background:linear-gradient(160deg,#fff,#e8f1fa);border:2px solid #3b82c4}.j-tile.face{background:linear-gradient(160deg,#fbfcfa,#dbe5f0);border-style:dashed}.soon-thumb{background:repeating-linear-gradient(135deg,#eef4f2,#eef4f2 12px,#f7fbf9 12px 24px);place-items:center;display:grid}.soon-thumb>span:last-child{background:var(--surface);border:2px dashed var(--line);width:64px;height:64px;color:var(--faint);border-radius:50%;place-items:center;font-size:30px;font-weight:800;display:grid;transform:rotate(-6deg)}.sparkle{color:var(--amber);text-shadow:1.5px 2px #343a4026;font-size:20px;animation:3.2s ease-in-out infinite bob;position:absolute}.sparkle.s1{top:20%;left:14%}.sparkle.s2{font-size:14px;animation-delay:1.4s;bottom:22%;right:14%}.tornado-thumb{background:linear-gradient(160deg,#cfe3ee,#a8c9dd 60%,#8fb6cf)}.tornado-thumb .tt{filter:drop-shadow(0 3px 5px #1e3c504d);font-size:22px;animation:5s ease-in-out infinite alternate tt-orbit;position:absolute;transform:translate(-50%,-50%)}.tornado-thumb .tt.big{filter:drop-shadow(0 6px 10px #1e3c5059);font-size:58px;animation:9s linear infinite tt-spin;top:46%;left:50%}.tt-orbit{animation:16s linear infinite tt-rot;position:absolute;inset:0}.tt-orbit .orb{transform:rotate(var(--ang)) translateY(-62px) rotate(calc(var(--ang) * -1));position:absolute;top:42%;left:50%}.tt-orbit .orb i{filter:drop-shadow(0 2px 3px #1e3c504d);font-size:21px;font-style:normal;animation:16s linear infinite reverse tt-rot;display:block}.tt-cloud{border:2px solid var(--doodle);background:#ffffffeb;border-radius:99px;width:54px;height:20px;animation:4.2s ease-in-out infinite bob;position:absolute;box-shadow:2px 2.5px #343a4029}.tt-cloud:after{content:"";background:inherit;border:2px solid var(--doodle);border-bottom:none;border-radius:99px 99px 0 0;width:22px;height:14px;position:absolute;top:-9px;left:30%}.tt-cloud.c1{top:14%;left:10%}.tt-cloud.c2{width:40px;height:16px;animation-delay:1.8s;top:24%;right:12%}.tt-cloud.c2:after{width:16px;height:11px;left:34%}.tt-ground{border-top:2px solid var(--doodle);background:repeating-linear-gradient(90deg, #343a4029 0 8px, transparent 8px 22px), linear-gradient(var(--accent-soft), #c9ead9);height:40px;position:absolute;bottom:0;left:0;right:0}.tt-ground i{filter:drop-shadow(1.5px 2px #343a4040);font-size:22px;font-style:normal;position:absolute;bottom:6px}.tt-ground i:first-child{left:8%}.tt-ground i:nth-child(2){left:33%}.tt-ground i:nth-child(3){left:58%}.tt-ground i:nth-child(4){left:83%}@keyframes tt-orbit{to{transform:translate(-50%,-50%)translateY(-7px)rotate(8deg)}}@keyframes tt-spin{to{transform:translate(-50%,-50%)rotate(360deg)}}@keyframes tt-rot{to{transform:rotate(360deg)}}.chip.hot{background:var(--danger-soft);color:var(--danger)}.game-body{flex-direction:column;flex:1;padding:20px 22px 22px;display:flex}.game-body h3{align-items:center;gap:8px;margin-bottom:8px;font-size:19px;display:flex}.chip{border-radius:99px;padding:3px 9px;font-size:11px;font-weight:700}.chip.new{background:var(--accent-soft);color:var(--accent-ink)}.game-body p{color:var(--muted);flex:1;margin-bottom:14px;font-size:14px;line-height:1.75}.tags{flex-wrap:wrap;gap:7px;margin-bottom:18px;display:flex}.tags span{border:1px solid var(--line);color:var(--muted);background:#f2f6f5;border-radius:99px;padding:4px 10px;font-size:12px}.game-foot{justify-content:space-between;align-items:center;display:flex}.price{color:var(--accent-ink);font-size:13px;font-weight:700}.price.muted{color:var(--faint)}.why{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-top:36px;display:grid}.why-item{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);padding:16px 18px}.why-item b{margin-bottom:6px;font-size:15px;display:block}.why-item span{color:var(--muted);font-size:13px;line-height:1.7}.btn{border:1px solid var(--line);border-radius:var(--radius-sm);cursor:pointer;background:var(--surface);color:var(--ink);padding:11px 18px;font-size:14px;font-weight:600;transition:all .16s}.btn:hover{border-color:#cddad6;transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn[disabled]{opacity:.5;cursor:not-allowed;transform:none}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.plain{background:var(--surface)}.btn.plain.on{border-color:var(--accent);color:var(--accent-ink);background:var(--accent-soft)}.btn.soft{background:var(--amber-soft);color:var(--amber);border-color:#eeddbd}.btn.soft:hover{filter:brightness(1.03)}.btn.big{border-radius:12px;padding:14px 26px;font-size:16px}.btn.full{width:100%}.btn.god{position:relative}.btn.god.on{background:var(--violet);border-color:var(--violet);color:#fff;box-shadow:0 6px 16px #7c5cff59}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px;display:flex}.crumbs{color:var(--faint);align-items:center;gap:10px;font-size:14px;display:flex}.crumbs a{color:var(--muted);text-decoration:none}.crumbs a:hover{color:var(--accent-ink)}.crumbs b{color:var(--ink)}.page-actions{gap:8px;display:flex}.layout{grid-template-columns:minmax(0,1fr) 340px;gap:18px;display:grid}@media (max-width:980px){.layout,.home-layout{grid-template-columns:1fr}.home-side{position:static}.home-side .hero-actions{flex-direction:row}.home-side .hero-actions .btn{flex:1;width:auto}.hero{grid-template-columns:1fr}.hero-art,.top-status{display:none}}.board-wrap{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px}.board-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;display:flex}.board-head h2{letter-spacing:.5px;font-size:19px}.board-head small{color:var(--faint);letter-spacing:2px;margin-left:6px;font-size:11px;font-weight:500}.turn-pill{color:#fff;background:#1c2b33;border-radius:99px;padding:7px 14px;font-size:13px;font-weight:600}.canvas-holder{border:1px solid var(--line);background:#f7faf8;border-radius:14px;justify-content:center;padding:12px;display:flex;position:relative}canvas{cursor:pointer;border-radius:10px;max-width:100%;height:auto}.thinking{color:#fff;white-space:nowrap;pointer-events:none;z-index:5;background:#1c2b33db;border-radius:99px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;display:flex;position:absolute;top:18px;left:50%;transform:translate(-50%)}.hidden{display:none!important}.engine-load{border-radius:var(--radius-sm);background:var(--accent-soft);border:1px solid #cdeee5;margin:0 0 14px;padding:12px 14px}.engine-load .el-head{color:var(--accent-ink);align-items:center;gap:8px;font-size:13px;display:flex}.engine-load .el-head b{font-variant-numeric:tabular-nums;margin-left:auto}.engine-load .el-dot{background:var(--accent);border-radius:50%;flex:none;width:8px;height:8px;animation:1s ease-in-out infinite el-pulse}@keyframes el-pulse{0%,to{opacity:.3}50%{opacity:1}}.engine-load .el-bar{background:#cdeee5;border-radius:99px;height:5px;margin-top:9px;overflow:hidden}.engine-load .el-bar i{background:linear-gradient(90deg, var(--accent), #6ee7c8);border-radius:99px;width:0%;height:100%;transition:width .18s ease-out;display:block}.engine-load .el-tip{color:var(--muted);margin:9px 0 0;font-size:12px;line-height:1.6}.engine-load .el-tip b{color:var(--accent-ink)}.spinner{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;flex:none;width:14px;height:14px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.god-thinking{white-space:normal;background:#4e2f9ee0;max-width:calc(100% - 24px);box-shadow:0 8px 22px #7c4dff52}.result-banner{border-radius:var(--radius-sm);text-align:center;background:var(--accent-soft);color:var(--accent-ink);border:1px solid #bfe5dc;margin-top:12px;padding:14px;font-size:15px;font-weight:700}.result-banner.hidden{display:none}.panel{flex-direction:column;gap:14px;display:flex}.panel-block{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px 18px}.panel-block h3{color:var(--ink);letter-spacing:.5px;margin-bottom:14px;font-size:14px}.row{color:var(--muted);justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;font-size:13px;display:flex}.row:last-child{margin-bottom:2px}.seg{background:#f1f5f4;border-radius:10px;gap:3px;padding:3px;display:flex}.seg button{color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:8px;padding:8px 10px;font-size:12px;transition:all .14s}.seg button:hover{color:var(--ink)}.seg button.on{background:var(--surface);color:var(--accent-ink);font-weight:700;box-shadow:0 1px 4px #1c2b331f}.seg.col4{flex-wrap:wrap}.seg.col4 button{flex:1;padding:8px 6px}.seg button.demon{color:var(--danger)}.seg button.demon.on{background:var(--danger);color:#fff;box-shadow:0 2px 10px #d9483b66}.seg button:disabled{opacity:.4;cursor:not-allowed}.engine-note{color:var(--faint);margin-top:8px;font-size:12px;line-height:1.6}.demon-warn{color:#b13a2f;background:var(--danger-soft);border:1px solid #f5c6c0;border-radius:10px;margin-top:10px;padding:9px 12px;font-size:12px;line-height:1.6}.demon-warn.hidden{display:none}.demon-profile{border-radius:var(--radius-sm);background:#fbf6ef;border:1px solid #efe2cd;align-items:center;gap:12px;margin-top:10px;padding:12px;display:flex}.demon-profile.hidden{display:none}.demon-avatar{object-fit:cover;border:1px solid #e4d3b4;border-radius:12px;flex:none;width:54px;height:54px}.demon-info{min-width:0}.demon-info b{font-size:14px;display:block}.demon-tag{background:var(--danger);color:#fff;vertical-align:1px;border-radius:99px;margin-left:3px;padding:2px 7px;font-size:10px;font-weight:700}.demon-info small{color:var(--faint);margin-top:2px;font-size:11px;display:block}.demon-info p{color:var(--muted);margin-top:4px;font-family:Kaiti SC,STKaiti,KaiTi,serif;font-size:12px}.btn-grid{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:8px;display:grid}.btn-grid:last-child{margin-bottom:0}.info-box .info-line{color:var(--muted);justify-content:space-between;margin-bottom:8px;font-size:13px;display:flex}.info-box .info-line b{color:var(--ink);font-variant-numeric:tabular-nums}.info-box .info-line.small{font-size:12px}.bar{background:#edf2f0;border-radius:99px;height:8px;margin:8px 0;overflow:hidden}.bar i{background:linear-gradient(90deg,#1c2b33,#8fa5ae,#12b89b);border-radius:99px;height:100%;transition:width .45s;display:block}.capture{color:var(--muted);flex-direction:column;gap:4px;margin:8px 0;font-size:12px;line-height:1.5;display:flex}.movelog{max-height:150px;color:var(--muted);border:1px solid var(--line);background:#f7faf8;border-radius:8px;padding:8px 10px;font-size:12px;line-height:1.9;overflow:auto}.movelog .empty{color:var(--faint)}.rules{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--muted);padding:12px 16px;font-size:13px}.rules summary{cursor:pointer;color:var(--accent-ink);font-weight:600}.rules p{margin-top:8px;line-height:1.8}.think-head{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.think-head h4{color:var(--ink);font-size:13px}.viz-toggle{color:var(--muted);cursor:pointer;align-items:center;gap:5px;font-size:11px;display:flex}.viz-toggle input{accent-color:var(--accent)}.think-stats{color:var(--ink);border:1px solid var(--line);word-break:break-all;background:#f7faf8;border-radius:8px;margin-bottom:8px;padding:8px 10px;font-size:12px;line-height:1.8}.think-stats b{color:var(--accent-ink)}.think-progress{background:#edf2f0;border-radius:99px;height:5px;margin-bottom:8px;overflow:hidden}.think-progress.hidden{display:none}.think-progress i{background:linear-gradient(90deg,#12b89b,#0e9f85,#12b89b) 0 0/200% 100%;border-radius:99px;width:40%;height:100%;animation:1s linear infinite slide;display:block}@keyframes slide{to{background-position:-200% 0}}.thinklog{max-height:200px;color:var(--muted);flex-direction:column;gap:6px;font-size:12px;line-height:1.8;display:flex;overflow:auto}.thinklog .empty{color:var(--faint)}.thinklog .tline{border:1px solid var(--line);word-break:break-all;background:#f7faf8;border-radius:8px;padding:7px 9px}.thinklog .tt{color:var(--accent-ink);font-variant-numeric:tabular-nums;margin-right:5px;font-size:11px}.thinklog .cand{color:var(--faint);font-size:11px}.hint-line{color:var(--faint);border:1px solid var(--line);background:#f2f6f5;border-radius:99px;padding:6px 12px;font-size:12px}.tier-list{flex-direction:column;gap:7px;display:flex}.tier-item{border-radius:var(--radius-sm);border:1px solid var(--line);background:#f7faf8;align-items:center;gap:10px;padding:8px 11px;transition:all .18s;display:flex}.tier-item .n{background:var(--surface);border:1px solid var(--line);width:24px;height:24px;color:var(--muted);border-radius:50%;flex:none;place-items:center;font-size:12px;font-weight:800;display:grid}.tier-item .t{flex:1;min-width:0}.tier-item .t b{font-size:13px;display:block}.tier-item .t small{color:var(--faint);letter-spacing:1.5px;font-size:10px;display:block}.tier-item .st{font-size:14px}.tier-item.current{background:var(--accent-soft);border-color:#bfe5dc;box-shadow:0 0 0 2px #0e9f8514}.tier-item.current .n{background:var(--accent);border-color:var(--accent);color:#fff}.tier-item.done{opacity:.72}.tier-item.done .st:after{content:"✓";color:#22c55e;font-weight:800}.tier-item.current .st:after{content:"▶";color:var(--accent-ink);font-size:11px}#t-canvas{cursor:crosshair}.camp-progress{margin-bottom:12px}.camp-progress span{color:var(--muted);margin-bottom:6px;font-size:12px;display:block}.camp-list{flex-direction:column;gap:8px;display:flex}.camp-card{border-radius:var(--radius-sm);border:1px solid var(--line);cursor:pointer;text-align:left;width:100%;color:var(--ink);font:inherit;background:#f7faf8;align-items:center;gap:10px;padding:10px 12px;transition:all .16s;display:flex}.camp-card:hover{border-color:#bcd6cf;transform:translateY(-1px)}.camp-card .n{background:var(--surface);border:1px solid var(--line);width:26px;height:26px;color:var(--muted);border-radius:50%;flex:none;place-items:center;font-size:12px;font-weight:800;display:grid}.camp-card .t{flex:1;min-width:0}.camp-card .t b{font-size:13px;display:block}.camp-card .t small{color:var(--faint);font-size:11px;display:block}.camp-card .st{font-size:15px}.camp-card.current{background:var(--accent-soft);border-color:#bfe5dc}.camp-card.current .n{background:var(--accent);border-color:var(--accent);color:#fff}.camp-card.done{opacity:.8}.camp-card.done .st{color:#22c55e}.camp-card.locked{opacity:.55;cursor:not-allowed}.camp-card.locked:hover{border-color:var(--line);transform:none}.camp-ai-card p{color:var(--muted);margin:8px 0;font-size:12px;line-height:1.7}.camp-ai-head{align-items:center;gap:10px;display:flex}.camp-ai-emoji{font-size:26px}.camp-ai-head b{font-size:14px;display:block}.camp-ai-head small{color:var(--faint);font-size:11px;display:block}.camp-tags{flex-wrap:wrap;gap:6px;display:flex}.camp-tags span{border:1px solid var(--line);color:var(--muted);background:#f2f6f5;border-radius:99px;padding:3px 9px;font-size:11px}footer{text-align:center;color:var(--muted);border-top:1px solid var(--line);background:var(--surface);margin-top:40px;padding:34px 16px 44px;font-size:13px}.foot-dim{color:var(--faint);margin-top:6px;font-size:12px}html,body{touch-action:manipulation;-webkit-tap-highlight-color:transparent}canvas{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}button{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.btn{min-height:44px}.seg button{min-height:38px}@media (max-width:640px){main{padding:14px 10px 28px}.topbar{flex-wrap:wrap;gap:10px;height:auto;padding:10px 12px}.tabs{margin-left:auto}.tab{padding:8px 12px;font-size:13px}.hero{border-radius:18px}.home-side .hero-actions{flex-direction:column}.home-side .hero-actions .btn{width:100%}.stats{gap:22px}.stats b{font-size:20px}.hero-btns .btn,.hero-actions .btn{flex:1}.board-wrap{padding:12px}.canvas-holder{padding:6px}.panel-block{padding:14px}.btn-grid{grid-template-columns:1fr 1fr}.movelog{max-height:120px}.thinklog{max-height:150px}.camp-card{padding:13px 12px}.board-head h2{font-size:17px}.turn-pill{padding:7px 12px;font-size:12px}}@media (max-width:380px){.seg.col4 button{padding:8px 3px;font-size:11px}.hero h1{font-size:26px}}@media (orientation:landscape) and (max-height:480px){.topbar{position:static}}.jq-tray{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.jq-chip{border:1px solid var(--line);cursor:pointer;color:var(--ink);background:#f7faf8;border-radius:8px;align-items:center;gap:5px;padding:5px 9px;font-size:12px;font-weight:600;transition:all .14s;display:inline-flex}.jq-chip:hover{border-color:var(--accent);color:var(--accent-ink)}.jq-chip.on{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-ink);box-shadow:0 1px 6px #0e9f8540}.jq-chip.used{opacity:.35;cursor:not-allowed}.jq-chip .jq-chip-n{min-width:16px;height:16px;color:var(--muted);text-align:center;background:#e8efec;border-radius:99px;padding:0 3px;font-size:10px;font-weight:700;line-height:16px}.jq-chip.on .jq-chip-n{background:var(--accent);color:#fff}.setup-tip{color:var(--muted);margin-bottom:10px;font-size:12px;line-height:1.7}.setup-msg{color:var(--muted);border:1px solid var(--line);background:#f2f6f5;border-radius:8px;margin-top:2px;padding:7px 10px;font-size:12px}.setup-msg.ok{color:var(--accent-ink);background:var(--accent-soft);border-color:#bfe5dc}.setup-msg.err{color:var(--danger);background:var(--danger-soft);border-color:#f2c6c1}:root{--wave-ink:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='7' viewBox='0 0 26 7'%3E%3Cpath d='M0 3.5 Q 3.25 .8 6.5 3.5 T 13 3.5 T 19.5 3.5 T 26 3.5' fill='none' stroke='%23343a40' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");--wave-mint:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='6' viewBox='0 0 24 6'%3E%3Cpath d='M0 3 Q 3 .5 6 3 T 12 3 T 18 3 T 24 3' fill='none' stroke='%2310a88c' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E")}.topbar{background:#fdf9f0eb;border-bottom:none}.topbar:after{content:"";background:var(--wave-ink) repeat-x left center / 26px 7px;opacity:.75;pointer-events:none;height:7px;position:absolute;bottom:-7px;left:0;right:0}.brand-mark{border:2px solid var(--doodle);background:linear-gradient(140deg,#16c3a4,#10a88c);border-radius:12px 15px 12px 16px/15px 12px 16px;font-size:19px;box-shadow:2px 2.5px #343a40e6}.brand-name{letter-spacing:.5px;font-size:16px}.tabs{gap:6px}.tab{border:2px solid #0000;font-weight:600}.tab:hover{border-color:var(--line-soft);color:var(--ink);background:#fff}.tab.active{color:var(--accent-ink);border-color:var(--doodle);background:#fff;font-weight:800;box-shadow:2px 2.5px #343a40d9}.hero{border:2px solid var(--doodle);border-radius:var(--wobble);background:linear-gradient(120deg,#f0fbf6 0%,#fff 55%,#fdf6e9 100%);position:relative;overflow:hidden;box-shadow:6px 7px #343a4024}.hero h1 em{-webkit-text-decoration:underline wavy var(--accent);text-decoration:underline wavy var(--accent);text-underline-offset:8px;text-decoration-thickness:3px}.eyebrow{background:var(--lemon-soft);border:2px solid var(--doodle);color:var(--amber);font-size:12px;box-shadow:2px 2px #343a40d9}.floaty{pointer-events:none;z-index:0;opacity:.95;filter:drop-shadow(1.5px 2px #343a402e);font-size:24px;animation:4.5s ease-in-out infinite bob;position:absolute}.floaty.f1{top:15%;right:5%}.floaty.f2{font-size:18px;animation-delay:1.3s;bottom:13%;right:27%}.floaty.f3{font-size:20px;animation-delay:2.2s;top:62%;right:3.5%}@keyframes bob{50%{transform:translateY(-10px)rotate(7deg)}}@media (prefers-reduced-motion:reduce){.floaty{animation:none}}.sec-title:after{content:"";background:var(--wave-mint) repeat-x left center / 24px 6px;width:132px;height:6px;margin-top:9px;display:block}.game-card,.why-item,.board-wrap,.panel-block{border:2px solid var(--doodle);border-radius:var(--wobble);box-shadow:var(--shadow)}.panel>.panel-block:nth-child(2n){border-radius:25px 21px 26px 20px/21px 25px 20px 26px}.game-card{transition:transform .18s,box-shadow .18s}.game-card:hover{box-shadow:var(--shadow-pop);transform:translateY(-4px)rotate(-.5deg)}.game-thumb{border-bottom:2px solid var(--doodle)}.tags span,.camp-tags span{border:1.5px solid var(--doodle);color:var(--ink);background:#fdfaf2}.tags span:nth-child(3n+1){background:var(--accent-soft)}.tags span:nth-child(3n+2){background:var(--lemon-soft)}.tags span:nth-child(3n){background:var(--pink-soft)}.chip{border:1.5px solid var(--doodle)}.why-item b{color:var(--ink)}.btn{border:2px solid var(--doodle);border-radius:var(--wobble-sm);font-weight:700;box-shadow:2.5px 3px #343a40d9}.btn:hover{transform:translate(-1px,-2px)rotate(-.3deg);box-shadow:4px 5px #343a40d9}.btn:active{transform:translate(1.5px,2px);box-shadow:0 0 #343a40d9}.btn[disabled]{box-shadow:2.5px 3px #343a404d}.btn.primary{background:var(--accent)}.btn.primary:hover{background:#14c09e}.btn.soft{background:var(--lemon-soft);border-color:var(--doodle)}.btn.god.on{box-shadow:2.5px 3px #343a40d9}.turn-pill{background:var(--doodle);border:2px solid var(--doodle);border-radius:14px 17px 14px 18px/17px 14px 18px;font-weight:700;box-shadow:2px 3px #343a404d}.turn-pill.red{background:var(--danger)}.canvas-holder{border:2px solid var(--doodle);background:#fbf6ea;border-radius:17px 21px 17px 22px/21px 17px 22px;padding:14px;box-shadow:inset 0 0 0 4px #fff}canvas{box-shadow:0 1px #343a402e}.hint-line{color:var(--muted);background:#fff;border:1.5px dashed #343a408c}.result-banner{background:var(--accent-soft);border:2px solid var(--doodle);border-radius:var(--wobble-sm);box-shadow:3px 4px #343a4026}.panel-block h3{padding-bottom:9px;position:relative}.panel-block h3:after{content:"";background:var(--wave-mint) repeat-x left center / 24px 6px;width:56px;height:6px;position:absolute;bottom:0;left:1px}.think-head h4{padding-bottom:7px;position:relative}.think-head h4:after{content:"";background:var(--wave-mint) repeat-x left center / 20px 5px;width:44px;height:5px;position:absolute;bottom:0;left:1px}.seg{border:2px solid var(--doodle);background:#f6efe0;border-radius:14px 17px 14px 18px/17px 14px 18px}.seg button{border:1.5px solid #0000;border-radius:10px 13px 10px 14px/13px 10px 14px;font-weight:600}.seg button.on{border-color:var(--doodle);background:#fff;box-shadow:1.5px 2px #343a40d9}.seg button.demon.on{box-shadow:1.5px 2px #343a40d9}.movelog,.think-stats,.thinklog .tline,.setup-msg{background:#fdfaf2;border:1.5px dashed #343a4073;border-radius:10px 13px 10px 14px/13px 10px 14px}.info-box .info-line b{font-weight:700}.rules{border-radius:var(--wobble-sm);background:#fffdf7;border:1.5px dashed #343a4073}.tier-item,.camp-card{background:#fdfaf2;border:1.5px solid #343a408c;border-radius:12px 15px 12px 16px/15px 12px 16px}.tier-item .n,.camp-card .n{border:1.5px solid var(--doodle)}.tier-item.current,.camp-card.current{border-color:var(--doodle);box-shadow:2px 3px #343a4040}.bar{background:#f3ecdd}.demon-warn,.demon-profile{border:1.5px dashed #343a4080}.jq-chip{border:1.5px solid var(--doodle);background:#fff;border-radius:10px 13px 10px 14px/13px 10px 14px;box-shadow:1.5px 2px #343a404d}.jq-chip:hover{transform:translate(-.5px,-1px);box-shadow:2.5px 3px #343a408c}.jq-chip.on{background:var(--accent-soft);box-shadow:2px 2.5px #343a40d9}.setup-msg.ok{border-style:solid;border-color:var(--accent-ink);background:var(--accent-soft)}.setup-msg.err{border-style:solid;border-color:var(--danger);background:var(--danger-soft)}footer{background:0 0;border-top:none;margin-top:48px;position:relative}footer:before{content:"";background:var(--wave-ink) repeat-x center / 26px 7px;opacity:.7;height:7px;margin-bottom:28px;display:block}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{border:2px solid var(--bg);background:#ddd2bc;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}::-webkit-scrollbar-track{background:0 0}.othello-thumb{background:repeating-linear-gradient(45deg,#ffffff09 0 3px,#0000 3px 6px),linear-gradient(145deg,#0f5f34 0%,#0b6b3a 55%,#075028 100%)}.othello-thumb .oth-disc{border-radius:50%;width:42px;height:42px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 2px 6px #00000073}.othello-thumb .oth-disc.b{background:radial-gradient(circle at 34% 30%,#6e6e6e,#111 60%,#000)}.othello-thumb .oth-disc.w{background:radial-gradient(circle at 34% 30%,#fff,#e6e6e6 60%,#b3b3b3)}.othello-thumb .oth-legal{background:#ffffff61;border-radius:50%;width:12px;height:12px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 6px #ffffff4d}#othello-canvas{touch-action:manipulation;cursor:pointer;background:#0b6b3a;border-radius:16px;box-shadow:0 4px 14px #00000038}#othello-canvas:active{cursor:grabbing}.sw-toast{z-index:200;color:#fff;background:var(--accent);border:2px solid var(--doodle);border-radius:var(--wobble-sm);cursor:pointer;max-width:min(320px,100vw - 40px);padding:12px 20px;font-family:inherit;font-size:14px;font-weight:700;line-height:1.4;transition:transform .18s,box-shadow .18s;animation:.28s sw-toast-in;position:fixed;bottom:20px;right:20px;box-shadow:3px 4px #343a40d9}.sw-toast:hover{transform:translate(-1px,-2px);box-shadow:5px 6px #343a40d9}.sw-toast:active{transform:translate(1.5px,2px);box-shadow:0 0 #343a40d9}.sw-toast-info{color:var(--ink);background:var(--surface);cursor:default;box-shadow:var(--shadow);font-weight:600}.sw-toast-info:hover{box-shadow:var(--shadow);transform:none}@keyframes sw-toast-in{0%{opacity:0;transform:translateY(12px)}}@media (prefers-reduced-motion:reduce){.sw-toast{animation:none}}#view-ddz{--ddz-wood:#6e421c;--ddz-wood-dark:#3a200e;--ddz-wood-light:#a87034;--ddz-gold:#d1a234;--ddz-gold-light:#f7db82;--ddz-gold-dark:#8c6014;--ddz-felt:#0d4f37;--ddz-ink:#2a1c0c;--ddz-cream:#f6efdd;--ddz-card-w:62px;--ddz-card-h:93px;--ddz-span:30px}.ddz-thumb{background:radial-gradient(at 50% 40%,#17805a,#06301f 72%)}.ddz-thumb .ddz-fan{background:#fff url(/ddz/cards.png) 0 0/819.2px 1075.2px no-repeat;border:2px solid #2a1c0c;border-radius:7px;width:62px;height:94px;position:absolute;top:24%;box-shadow:2px 3px 6px #00000059}.ddz-thumb .ddz-fan.c1{background-position:-102.4px -192px;left:15%;transform:rotate(-15deg)}.ddz-thumb .ddz-fan.c2{z-index:2;background-position:-204.8px -192px;left:37%;transform:rotate(-3deg)translateY(-9px)}.ddz-thumb .ddz-fan.c3{background-position:-921.6px -384px;left:59%;transform:rotate(13deg)}.ddz-thumb .ddz-landlord{letter-spacing:1px;color:#5a3a05;background:linear-gradient(#f7db82,#c9971f);border:2px solid #6b4a0c;border-radius:999px;padding:3px 14px;font-size:13px;font-weight:800;position:absolute;bottom:12px;right:12px;transform:rotate(-5deg);box-shadow:0 2px #0000004d,inset 0 1px #ffffffb3}.ddz-table{border:3px solid var(--ddz-wood-dark);isolation:isolate;border-radius:26px;width:100%;max-width:100%;min-height:560px;padding:30px;position:relative;overflow:hidden;box-shadow:0 18px 40px #00000059,0 3px #00000040,inset 0 0 0 2px #ffffff0f}.ddz-felt{z-index:0;background:url(/ddz/felt.jpg) 50%/cover no-repeat,radial-gradient(at 50% 42%,#17805a,#06301f 78%);position:absolute;inset:0}.ddz-felt:after{content:"";border-radius:22px;position:absolute;inset:0;box-shadow:inset 0 0 90px #0009,inset 0 0 24px #00000073}.ddz-table:before{content:"";z-index:1;pointer-events:none;background:url(/ddz/frame.png) 50%/100% 100% no-repeat;position:absolute;inset:0}.ddz-table-inner{z-index:2;min-height:488px;position:relative}.ddz-seat{z-index:3;position:absolute}.ddz-seat-left{flex-direction:column;align-items:flex-start;display:flex;top:10px;left:12px}.ddz-seat-right{flex-direction:column;align-items:flex-end;display:flex;top:10px;right:12px}.ddz-seat-bottom{flex-direction:column;justify-content:flex-end;display:flex;bottom:28px;left:12px;right:12px}.ddz-seat-bottom .ddz-hand{margin-top:2px}.ddz-seat-head{border:2px solid var(--ddz-gold-dark);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:linear-gradient(#1e160cd1,#0c0a06d1);border-radius:40px;align-items:center;gap:9px;padding:5px 14px 5px 6px;display:flex;box-shadow:0 3px 10px #00000073,inset 0 1px #ffffff1f}.ddz-seat-right .ddz-seat-head{flex-direction:row-reverse;padding:5px 6px 5px 14px}.ddz-seat-right .ddz-seat-meta{text-align:right;align-items:flex-end}.ddz-seat-head.thinking{border-color:var(--ddz-gold-light);animation:1.1s ease-in-out infinite ddz-thinking;box-shadow:0 0 0 3px #f7db824d,0 3px 12px #00000080,inset 0 1px #fff3}@keyframes ddz-thinking{50%{box-shadow:0 0 0 6px #f7db820d,0 3px 12px #00000080}}@media (prefers-reduced-motion:reduce){.ddz-seat-head.thinking{animation:none}}.ddz-portrait{flex:none;width:54px;height:54px;position:relative}.ddz-avatar-img{z-index:1;border-radius:50%;width:42px;height:42px;display:block;position:absolute;inset:6px}.ddz-avatar-ring{z-index:2;pointer-events:none;filter:drop-shadow(0 2px 3px #00000073);width:54px;height:54px;display:block;position:absolute;inset:0}.ddz-crown{filter:drop-shadow(0 2px 3px #00000080);pointer-events:none;width:44px;position:absolute;top:-18px;left:50%;transform:translate(-50%)rotate(-4deg)}.ddz-seat-meta{flex-direction:column;align-items:flex-start;line-height:1.25;display:flex}.ddz-seat-meta b{color:var(--ddz-cream);letter-spacing:.5px;text-shadow:0 1px 2px #0009;font-size:13.5px}.ddz-role{letter-spacing:1px;color:#4a2f04;background:linear-gradient(#f7db82,#c9971f);border:1px solid #6b4a0c;border-radius:999px;margin-top:1px;padding:0 9px;font-size:11px;font-weight:800}.ddz-role.farmer{color:#eaf6ff;background:linear-gradient(#5fa6dd,#2f6ea8);border-color:#1d4a75}.ddz-seat-count{width:34px;height:34px;color:var(--ddz-cream);border:2px solid var(--ddz-gold-dark);background:radial-gradient(circle at 35% 30%,#7d4c22,#3a200e 72%);border-radius:50%;place-items:center;font-size:14px;font-style:normal;font-weight:800;display:grid;position:absolute;top:46px;left:-14px;box-shadow:0 2px 6px #00000080,inset 0 1px #fff3}.ddz-seat-count i{font-style:normal}.ddz-seat-right .ddz-seat-count{left:auto;right:-14px}.ddz-seat-count.me{position:static}.ddz-seat-left .ddz-played,.ddz-seat-right .ddz-played{flex-wrap:wrap;row-gap:4px;max-width:300px;margin-top:8px;position:static}.ddz-seat-left .ddz-played{justify-content:flex-start}.ddz-seat-right .ddz-played{justify-content:flex-end}.ddz-played{align-items:flex-start;min-height:44px;display:flex}.ddz-played>*{margin-left:-22px}.ddz-played>:first-child{margin-left:0}.ddz-played.right>*{margin-left:0;margin-right:-22px}.ddz-played.right>:last-child{margin-right:0}.ddz-pass-mark{letter-spacing:3px;color:#ffe9a8;white-space:nowrap;background:#0000006b;border:2px solid #f7db8280;border-radius:999px;align-items:center;gap:5px;padding:5px 16px;font-size:15px;font-weight:800;display:flex;transform:rotate(-7deg);box-shadow:0 2px 8px #0006}.ddz-center{pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute;top:12px;left:0;right:0}.ddz-center>*{pointer-events:auto}.ddz-bottom-row{align-items:center;gap:11px;min-height:78px;display:flex}.ddz-center.bidding{gap:6px}.ddz-center.bidding .ddz-multiplier{display:none}.ddz-center.bidding .ddz-bottom-row{min-height:62px}.ddz-bottom-label{letter-spacing:4px;color:#f7db82d9;text-shadow:0 1px 3px #000c;font-size:12px;font-weight:800}.ddz-bottom{gap:5px;display:flex}.ddz-multiplier{border:2px solid var(--ddz-gold-dark);background:linear-gradient(#1e160ccc,#0c0a06cc);border-radius:999px;align-items:baseline;gap:3px;padding:3px 16px 4px;display:flex;box-shadow:0 2px 8px #0006}.ddz-mult-label{color:#f7db82cc;letter-spacing:2px;font-size:12px;font-weight:700}.ddz-multiplier b{color:var(--ddz-gold-light);text-shadow:0 0 12px #f7db8299,0 2px #00000080;font-size:22px;font-style:italic;font-weight:900}.ddz-multiplier.pop{animation:.45s cubic-bezier(.3,1.7,.5,1) ddz-pop}@keyframes ddz-pop{0%{transform:scale(1)}45%{transform:scale(1.28)}to{transform:scale(1)}}.ddz-bidbar{border:2px solid var(--ddz-gold);background:linear-gradient(#2c2012f0,#140f08f0);border-radius:16px;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;padding:10px 18px;display:flex;box-shadow:0 10px 28px #00000080,inset 0 1px #ffffff1f}.ddz-bid-title{letter-spacing:4px;color:#f7db82e6;padding-right:4px;font-size:13px;font-weight:800}.ddz-bid-btn{font:inherit;color:var(--ddz-cream);cursor:pointer;background:linear-gradient(#6a7480,#3b434c);border:2px solid #22282e;border-radius:11px;padding:9px 20px;font-size:14px;font-weight:800;transition:transform .1s,filter .15s;box-shadow:0 3px #00000073,inset 0 1px #ffffff40}.ddz-bid-btn:hover:not(:disabled){filter:brightness(1.15)}.ddz-bid-btn:active:not(:disabled){transform:translateY(2px);box-shadow:0 1px #00000073}.ddz-bid-btn.go{color:#4a2f04;background:linear-gradient(#f7db82,#c9971f);border-color:#6b4a0c;box-shadow:0 3px #6b4a0c,inset 0 1px #fff9}.ddz-bid-btn:disabled{opacity:.38;cursor:not-allowed;filter:grayscale(.6);box-shadow:0 1px #0000004d}.ddz-my-row{align-items:center;gap:12px;margin-bottom:4px;display:flex}.ddz-seat-head-me{flex:none}.ddz-my-played{flex-wrap:wrap;flex:1;justify-content:center;row-gap:4px;min-height:44px;position:static!important}.ddz-hand{scrollbar-width:thin;align-items:flex-end;height:118px;padding:26px 10px 8px;display:flex;position:relative;overflow:auto hidden}.ddz-card{width:var(--ddz-card-w);height:var(--ddz-card-h);margin-left:calc(var(--ddz-span) - var(--ddz-card-w));cursor:pointer;filter:drop-shadow(1px 2px 3px #00000073);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;background:0 0;border:0;border-radius:7px;flex:none;padding:0;transition:transform .13s cubic-bezier(.3,1.4,.5,1),filter .13s;position:relative;overflow:visible}.ddz-card:first-child{margin-left:auto}.ddz-card:last-child{margin-right:auto}.ddz-card img{border-radius:7px;width:100%;height:100%;display:block}.ddz-card:after{content:"";pointer-events:none;border-radius:7px;position:absolute;inset:0;box-shadow:inset 0 0 0 1.5px #2a1c0c8c}.ddz-card:hover:not(:disabled){z-index:5;transform:translateY(-10px)}.ddz-card.selected{filter:drop-shadow(2px 5px 7px #0000008c);z-index:6;transform:translateY(-24px)}.ddz-card.selected:after{box-shadow:inset 0 0 0 2.5px var(--ddz-gold-light), 0 0 12px #f7db82b3}.ddz-card:disabled{cursor:default}.ddz-card:disabled:hover{transform:none}.ddz-card.selected:disabled{transform:translateY(-24px)}.ddz-card.dealt{animation:.34s cubic-bezier(.2,.9,.3,1.1) backwards ddz-deal}@keyframes ddz-deal{0%{opacity:0;transform:translate(40px,90px)rotate(16deg)scale(.7)}}@media (prefers-reduced-motion:reduce){.ddz-card.dealt{animation:none}}.ddz-mini{filter:drop-shadow(1px 2px 3px #00000073);background-repeat:no-repeat;border-radius:6px;flex:none;width:52px;height:78px;position:relative;overflow:hidden}.ddz-mini:after{content:"";border-radius:6px;position:absolute;inset:0;box-shadow:inset 0 0 0 1.5px #2a1c0c80}.ddz-back{filter:drop-shadow(1px 2px 3px #00000073);background:url(/ddz/ui/card-back.png) 50%/100% 100% no-repeat;border-radius:6px;width:52px;height:78px}.ddz-mini.just-played{animation:.3s cubic-bezier(.25,1.5,.5,1) ddz-put}@keyframes ddz-put{0%{opacity:0;transform:translateY(-30px)scale(.86)}}.ddz-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;margin-top:14px;display:flex}.ddz-btn{font:inherit;letter-spacing:2px;cursor:pointer;border-radius:14px;align-items:center;gap:7px;padding:12px 34px;font-size:17px;font-weight:800;transition:transform .1s,filter .15s;display:inline-flex}.ddz-btn i{font-size:15px;font-style:normal}.ddz-btn-play{color:#4a2f04;background:url(/ddz/ui/btn-play.png) 50%/100% 100% no-repeat;border:0;padding:18px 46px;box-shadow:0 5px 14px #8c601480}.ddz-btn-pass{color:#eef2f0;background:url(/ddz/ui/btn-pass.png) 50%/100% 100% no-repeat;border:0;padding:16px 38px}.ddz-btn-hint{color:#eef6ff;background:url(/ddz/ui/btn-hint.png) 50%/100% 100% no-repeat;border:0;padding:16px 38px}.ddz-btn:hover:not(:disabled){filter:brightness(1.12)saturate(1.06);transform:translateY(-2px)}.ddz-btn:active:not(:disabled){transform:translateY(2px)}.ddz-btn:disabled{cursor:not-allowed;filter:grayscale(.85)brightness(.62);opacity:.75}.ddz-btn.ddz-pulse{animation:1.4s ease-in-out infinite ddz-btn-pulse}@keyframes ddz-btn-pulse{0%,to{box-shadow:0 5px 14px #8c601480}50%{box-shadow:0 5px 14px #8c601480,0 0 0 8px #f7db8238}}@media (prefers-reduced-motion:reduce){.ddz-btn.ddz-pulse{animation:none}}.ddz-btn-grid{grid-template-columns:1fr 1fr}.ddz-btn-grid #ddz-new{grid-column:1/-1}#view-ddz .result-banner{border:2px solid var(--ddz-gold-dark);color:var(--ddz-ink);background:linear-gradient(#fff6dd,#f0dfb4);margin-top:14px;font-weight:700}#view-ddz .result-banner.lose{background:linear-gradient(#f4f0ee,#ddd6d0);border-color:#8d8378}@media (max-width:720px){#view-ddz{--ddz-card-w:46px;--ddz-card-h:69px;--ddz-span:22px}.ddz-table{border-radius:18px;min-height:440px;padding:22px 18px}.ddz-table-inner{min-height:396px}.ddz-portrait{width:44px;height:44px}.ddz-avatar-img{width:36px;height:36px;inset:4px}.ddz-avatar-ring{width:44px;height:44px}.ddz-crown{width:34px;top:-14px}.ddz-seat-meta b{font-size:12px}.ddz-seat-count{width:28px;height:28px;font-size:12px;top:50px}.ddz-mini,.ddz-back{width:40px;height:60px}.ddz-played>*{margin-left:-16px}.ddz-played.right>*{margin-right:-16px}.ddz-seat-left .ddz-played{top:56px;left:6px}.ddz-seat-right .ddz-played{top:56px;right:6px}.ddz-multiplier b{font-size:18px}.ddz-center{gap:8px;top:8px}.ddz-bid-btn{padding:7px 14px;font-size:13px}.ddz-btn{padding:10px 25px;font-size:15px}.ddz-btn-play{padding:15px 34px}.ddz-btn-pass,.ddz-btn-hint{padding:13px 28px}.ddz-hand{min-height:84px;padding-top:14px}}