html,body,#root{margin:0;width:100%;height:100%;overflow:hidden}.ddz-root{width:100%;height:100%;display:flex;align-items:stretch;justify-content:stretch;padding:0;overflow:hidden;background:#101820;color:#e9ecf1;font-family:PingFang SC,Microsoft YaHei,sans-serif}.ddz-stage{position:relative;width:100%;height:100%;aspect-ratio:auto;border-radius:0;overflow:hidden;box-shadow:none}.ddz-stage.menu{background:url(/assets/bg.png) center center / cover no-repeat}.ddz-stage.battle{background:#182d3b}.menu-panel{position:absolute;top:41%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;gap:20px;align-items:center}.menu-note{margin-top:4px;padding:8px 10px;min-width:240px;border-radius:6px;background:#fff8dce0;color:#274a6f;font-size:13px;text-align:center}.menu-note.error{color:#8f1e1e;background:#ffebebeb}.menu-setting{min-width:240px;border-radius:6px;padding:8px 10px;line-height:1.5;text-align:center;background:#182d3bd1;color:#dae8f4;font-size:13px}.asset-btn{border:0;padding:0;background:transparent;cursor:pointer}.asset-btn img{display:block;width:130px;height:50px}.asset-btn:disabled{cursor:not-allowed}.asset-btn:disabled img{opacity:.5;filter:grayscale(1)}.top-info{position:absolute;top:8px;left:12px;display:flex;gap:14px;font-size:14px;color:#d8dfeb;text-shadow:0 1px 2px rgba(0,0,0,.55)}.top-actions{position:absolute;top:8px;right:12px;display:flex;gap:8px}.card-counter{margin:6px auto 0;width:100%;max-width:120px;padding:4px;border-radius:6px;border:1px solid rgba(146,170,198,.42);background:#08111bd1;box-shadow:0 4px 10px #00000038;pointer-events:none}.card-counter-title{margin-bottom:3px;font-size:9px;font-weight:700;color:#d8e4f6;line-height:1.2}.card-counter-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px}.card-counter-item{min-height:27px;padding:0 2px;border-radius:3px;background:#ffffff1f;display:flex;justify-content:space-around;flex-direction:column}.card-counter-rank{color:#f0f6ff;font-size:10px;font-weight:700}.card-counter-count{min-width:10px;height:14px;border-radius:999px;background:#faffffe6;color:#173154;font-size:11px;font-weight:700}.card-counter-count.zero{background:#b4c6dc59;color:#9cb3cc}.text-btn{border:0;padding:6px 10px;border-radius:6px;background:#f2ecc4e6;color:#3e5f89;font-size:12px;font-weight:700;cursor:pointer}.tuoguan{width:75px;height:50px;border-radius:0;font-size:13px}.text-btn.ghost{background:#567da0ad;color:#e7f2ff}.text-btn:disabled{opacity:.5;cursor:not-allowed}.ai-seat{position:absolute;top:40px;width:150px;text-align:center}.ai-seat.left{left:16px}.ai-seat.right{right:16px}.ai-seat.active .seat-avatar{box-shadow:0 0 0 3px #f4df7bf2}.seat-name{margin-bottom:6px;font-size:14px;font-weight:700;color:#e7edf7;text-shadow:0 1px 2px rgba(0,0,0,.6)}.seat-avatar{width:64px;height:64px;border-radius:50%}.ai-hand-stack{margin-top:8px;display:inline-flex;flex-direction:column;align-items:center;gap:3px}.ai-count{font-size:28px;font-weight:700;line-height:1;color:#fff;text-shadow:0 2px 3px rgba(0,0,0,.7)}.seat-meta{margin-top:6px;font-size:13px;color:#c6d7ec}.seat-action{position:absolute;min-width:52px;padding:4px 10px;border-radius:999px;border:1px solid rgba(234,214,124,.6);background:#0a1623e0;color:#f6e29b;font-size:14px;font-weight:700;line-height:1.2;white-space:nowrap;text-align:center;pointer-events:none;opacity:0;transform:translateY(4px);transition:opacity .18s ease,transform .18s ease}.seat-action.show{opacity:1;transform:translateY(0)}.seat-action.cards{min-width:0;padding:0;border:0;background:transparent}.seat-action-cards{display:flex;align-items:flex-end;justify-content:center}.seat-action-card{margin-left:-20px}.seat-action-card:first-child{margin-left:0}.ai-seat.left .seat-action{top:95px;left:160px}.ai-seat.right .seat-action{top:95px;right:180px}.center-area{position:absolute;left:170px;right:170px;top:54px;bottom:182px;display:flex;flex-direction:column;align-items:center;gap:8px}.bottom-cards{min-height:68px;display:flex;align-items:center;justify-content:center;gap:8px}.action-row{position:absolute;left:50%;bottom:152px;transform:translate(-50%);display:flex;align-items:center;gap:10px}.notice-line{position:absolute;left:16px;right:16px;bottom:118px;min-height:26px;border-radius:6px;padding:4px 10px;display:flex;align-items:center;justify-content:center;background:#0a162259;color:#d8e2f1;font-size:13px}.human-zone{position:absolute;left:12px;right:12px;bottom:8px;text-align:left;pointer-events:none}.human-zone .seat-action.human{left:50%;top:-40px;transform:translate(-50%,4px)}.human-zone .seat-action.human.show{transform:translate(-50%)}.human-zone .seat-action.human.cards{top:-66px}.human-head{display:inline-flex;align-items:center;gap:8px;margin-left:4px;padding:3px 8px;border-radius:8px;background:#0b172366;color:#dce6f6;font-size:12px}.human-head.active{box-shadow:0 0 0 2px #f4df7be6 inset}.human-info{line-height:1.35}.hand-scroll{margin-top:8px;display:flex;overflow-x:auto;overflow-y:hidden;padding-top:18px;padding-bottom:14px;pointer-events:auto;justify-content:center}.hand-card{border:0;padding:0;background:transparent;cursor:pointer;margin-right:-34px;position:relative;transition:transform .15s ease;pointer-events:auto}.hand-card:last-child{margin-right:0}.hand-card.selected{transform:translateY(-14px)}.hand-card:disabled{cursor:default}.card-sprite{display:block;border-radius:6px;background-repeat:no-repeat;box-shadow:0 2px 6px #00000059}.gameover-mask{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000006b;display:flex;align-items:center;justify-content:center}.gameover-card{width:min(360px,80%);border-radius:10px;padding:18px 16px;text-align:center;background:#0b1722e6;border:1px solid rgba(233,211,117,.45)}.gameover-title{font-size:24px;color:#f5de85;font-weight:700}.gameover-sub{margin-top:6px;color:#e3ecfa}.gameover-actions{margin-top:14px;display:flex;gap:8px;justify-content:center}@media (max-width: 880px){.ai-seat{width:116px}.seat-action{padding:3px 8px;font-size:12px}.seat-action-card{margin-left:-18px}.ai-seat.left .seat-action{left:68px}.ai-seat.right .seat-action{right:68px}.seat-avatar{width:56px;height:56px}.center-area{left:126px;right:126px;bottom:176px}.action-row{bottom:146px;gap:6px}.asset-btn img{width:132px;height:50px}.card-counter{margin-top:5px;padding:3px}.card-counter-title{margin-bottom:2px;font-size:8px}.card-counter-item{min-height:12px;padding:0 1px}.card-counter-rank{font-size:8px}.card-counter-count{min-width:9px;height:9px;font-size:6px;line-height:9px}}@media (max-width: 680px){.top-info{gap:8px;font-size:12px}.top-actions{top:6px;right:8px;gap:6px}.text-btn{padding:5px 7px;font-size:11px}.ai-seat{top:34px;width:88px}.ai-seat.left{left:8px}.ai-seat.right{right:8px}.seat-name{font-size:12px}.seat-avatar{width:48px;height:48px}.ai-count{font-size:20px}.seat-meta{font-size:11px}.seat-action{min-width:42px;padding:3px 6px;font-size:11px}.seat-action-card{margin-left:-15px}.ai-seat.left .seat-action{top:26px;left:56px}.ai-seat.right .seat-action{top:26px;right:56px}.center-area{left:96px;right:96px;top:48px;bottom:166px}.action-row{bottom:136px;gap:4px}.asset-btn img{width:104px;height:40px}.notice-line{bottom:108px;font-size:12px}.card-counter{margin-top:4px;padding:2px;border-radius:4px}.card-counter-title{margin-bottom:2px;font-size:7px}.card-counter-grid{gap:1px}.card-counter-item{min-height:10px;padding:0 1px;border-radius:2px}.card-counter-rank{font-size:7px}.card-counter-count{min-width:8px;height:8px;font-size:6px;line-height:8px}.human-head{font-size:11px}.hand-card{margin-right:-28px}}