:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;min-width:320px;min-height:100vh}#root{margin:0;padding:0;width:100%;height:100%}.tile{width:44px;height:60px;min-width:40px;min-height:56px;background:linear-gradient(135deg,#e6e2d8,#cdc9c0);border-radius:6px;box-shadow:1px 1px #888,2px 2px #888,3px 3px #888,4px 4px 5px #0006,inset 1px 1px 3px #fff9;display:flex;flex-direction:column;justify-content:center;align-items:center;-webkit-user-select:none;user-select:none;position:relative;cursor:pointer;transition:transform .1s;overflow:hidden;border:1px solid #c0bcae;margin-right:2px;pointer-events:auto;z-index:50}.tile-back-face{background:linear-gradient(135deg,green,#006400);width:100%;height:100%;border-radius:4px;border:2px solid white;box-sizing:border-box}.tile:hover{transform:translateY(-5px);z-index:150}.tile.selected{transform:translateY(-15px)}.tile-content{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.face-img{width:100%;height:100%;padding:2px;box-sizing:border-box;object-fit:contain}.char-face{font-family:KaiTi,楷体,STKaiti,serif;font-weight:900;font-size:34px;line-height:1;text-shadow:1px 1px 0px rgba(255,255,255,.8),-1px -1px 0px rgba(0,0,0,.1)}.color-man,.color-kong{color:#d32f2f}.color-fa{color:#388e3c}.color-black{color:#1a237e}.color-black-text,.color-dong,.color-nan,.color-xi,.color-bei{color:#000}.color-bai{color:#1565c0;border:2px solid #1565C0;border-radius:4px;width:80%;height:80%}.svg-container{width:100%;height:100%;padding:4px;box-sizing:border-box}.mahjong-board{width:100vw;height:100vh;background-color:#0b4625;background-image:radial-gradient(circle at 50% 50%,#ffffff0d,#0006),url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%239C92AC' fill-opacity='0.05' fill-rule='evenodd'%3E%3Ccircle cx='3' cy='3' r='3'/%3E%3Ccircle cx='13' cy='13' r='3'/%3E%3C/g%3E%3C/svg%3E");position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center;box-shadow:inset 0 0 80px #000}.game-container{width:900px;height:900px;position:relative}.table-border{position:absolute;inset:20px;border:20px solid #5d4037;border-radius:40px;box-shadow:inset 0 0 30px #000c,0 0 15px #0009;pointer-events:none;z-index:10}.center-table{position:absolute;width:240px;height:240px;top:50%;left:50%;transform:translate(-50%,-50%);background:#0028144d;border:2px solid rgba(255,255,255,.1);border-radius:20px;display:flex;justify-content:center;align-items:center;box-shadow:0 0 40px #0006}.center-info{color:#fb8c00;font-family:KaiTi,serif;font-size:24px;text-shadow:1px 1px 3px black;text-align:center}.player-area{position:absolute;width:600px;height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:20}.player-0{bottom:20px;left:50%;transform:translate(-50%);z-index:100}.player-1{right:-210px;top:50%;transform:translateY(-50%) rotate(-90deg)}.player-2{top:20px;left:50%;transform:translate(-50%) rotate(180deg)}.player-3{left:-210px;top:50%;transform:translateY(-50%) rotate(90deg)}.player-flex{display:flex;align-items:flex-end;flex-direction:row;gap:15px}.melds{display:flex;gap:8px}.hand{display:flex}.player-badge{position:absolute;bottom:250px;left:350px;background:#000000b3;color:#fff;padding:5px 10px;border-radius:8px;display:flex;align-items:center;font-family:KaiTi;border:1px solid rgba(255,255,255,.2);box-shadow:0 0 10px #00000080;pointer-events:none;z-index:10;transition:all .3s ease}.active-badge{box-shadow:0 0 20px #fb8c00,inset 0 0 10px #fb8c00;border:2px solid #ffb74d;background:#fb8c0066;transform:scale(1.1)}.dealer-icon{background:#ffca28;color:#333;width:20px;height:20px;border-radius:50%;margin-left:5px;display:flex;justify-content:center;align-items:center;font-size:14px;font-weight:700}.discards{position:absolute;bottom:300px;width:200px;display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:flex-start;transform:scale(.9)}.player-0 .discards{justify-content:center}.active-turn .tile{filter:brightness(1.1)}.controls{position:absolute;bottom:150px;left:50%;transform-origin:bottom center;transform:translate(-50%);display:flex;gap:15px;z-index:100}