html,body,#root{margin:0;width:100%;height:100%;overflow:hidden;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}*{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.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-group{position:absolute;left:12px;bottom:10px;padding:6px 10px;border-radius:999px;background:#00000061;color:#e9ecf1eb;font-size:12px;letter-spacing:.2px;text-shadow:0 1px 2px rgba(0,0,0,.55);-webkit-user-select:text;user-select:text}.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: 940px){.ai-seat{width:116px;z-index:1}.seat-action{padding:3px 8px;font-size:12px}.seat-action-card{margin-left:-18px}.ai-seat.left .seat-action{left:120px;top:80px}.ai-seat.right .seat-action{right:120px;top:80px}.seat-avatar{width:45px;height:45px}.center-area{left:126px;right:126px;bottom:176px}.action-row{bottom:146px;gap:6px}.hand-scroll{margin-top:-12px}.asset-btn img{width:90px;height:30px}.tuoguan{height:30px}.card-counter{margin-top:5px;padding:3px}.ai-hand-stack{margin-left:10px}.ai-hand-stack .card-number{display:none}.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}.notice-line{bottom:108px;font-size:12px}.human-zone .seat-action.human.cards{top:-70px}.seat-name{margin-bottom:0}.seat-meta,.seat-wait-time{margin-top:0}}@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:30px;height:30px}.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}.hand-scroll{margin-top:-8px}.ai-hand-stack{margin-left:10px}.ai-hand-stack .card-number{display:none}.ai-seat.left .seat-action{top:26px;left:82px}.ai-seat.right .seat-action{top:26px;right:82px}.center-area{left:96px;right:96px;top:48px;bottom:166px}.human-zone .seat-action.human.cards{top:-68px}.action-row{bottom:142px;gap:4px}.asset-btn img{width:80px;height:30px}.tuoguan{height:30px}.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:-35px}}.room-stage{background:linear-gradient(160deg,#0a1824f2,#122636eb);display:flex;align-items:center;justify-content:center}.room-shell{width:min(920px,calc(100% - 100px));padding:18px;border-radius:12px;border:1px solid rgba(214,228,245,.25);background:#040d16b8;box-shadow:0 18px 40px #00000059}.room-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.room-header h2{margin:0;font-size:22px;color:#ebf2ff}.room-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:12px}.room-meta>div{border-radius:8px;padding:8px 10px;font-size:13px;color:#d7e4f5;background:#1f3142b8}.room-mode-picker{display:flex;gap:8px;margin-bottom:12px}.room-seats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:14px}.room-seat-card{border-radius:10px;border:1px solid rgba(173,195,218,.28);padding:10px;background:#0e1e2ec7}.room-seat-title{font-size:12px;color:#96acc7;margin-bottom:8px}.room-seat-name{font-size:16px;color:#eff5ff;font-weight:700}.room-seat-status{margin-top:6px;font-size:13px;color:#b8cadf}.room-actions{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.room-form-grid{display:grid;grid-template-columns:72px 1fr;gap:10px;align-items:center;margin-bottom:14px}.room-form-grid label{font-size:13px;color:#d2e1f4}.room-form-grid input{border:1px solid rgba(170,191,215,.4);border-radius:8px;background:#081422d1;color:#ecf4ff;height:34px;padding:0 10px;outline:none}.room-form-grid input:focus{border-color:#e8c960c2}.seat-wait-time{margin-top:4px;font-size:11px;color:#f5df8a;text-shadow:0 1px 1px rgba(0,0,0,.35)}.seat-action.timer{min-width:0;padding:0;border:0;background:transparent}.human-zone .seat-action.human.timer{top:-66px}.turn-timer{position:relative;width:62px;height:62px;margin:0 auto}.turn-timer img{width:100%;height:100%;display:block;filter:drop-shadow(0 2px 5px rgba(0,0,0,.6))}.turn-timer-text{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:900;text-shadow:0 2px 4px rgba(0,0,0,.75)}.turn-timer-text.safe{color:#0b0b0b}.turn-timer-text.danger{color:#ff2f2f}@media (max-width: 680px){.turn-timer{width:50px;height:50px}.turn-timer-text{font-size:14px}}