:root{font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif;color:#f4f3df;background:#091e19;--gold:#edcc7c;--muted:#aac1b5;--edge:#456b58}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 52% 10%,#214b3c,#081d19 75%)}button,input,select{font:inherit}button{cursor:pointer;border:1px solid #688d77;color:#fef9e9;background:#315b48;padding:11px 16px;border-radius:10px;transition:.15s}button:hover{filter:brightness(1.16)}button:disabled{cursor:not-allowed;opacity:.36}button.primary{background:#e8cb79;color:#143326;border-color:#ffe2a1;font-weight:800}button.danger{background:#754332}.topbar{height:70px;border-bottom:1px solid #446656;background:#09221dcc;padding:0 max(24px,4vw);display:flex;justify-content:space-between;align-items:center}.brand{font-size:23px;display:flex;align-items:center;gap:10px;letter-spacing:2px}.brand span{font-size:10px;letter-spacing:3px;color:#9cbaa9}.pill{font-size:12px;border:1px solid #537964;padding:6px 12px;border-radius:30px;color:#b6d9bb}.container{max-width:1140px;margin:35px auto;padding:0 22px}.heading{font-size:31px;letter-spacing:2px;margin:15px 0}.sub{color:var(--muted)}.panel{border:1px solid #4a705d;background:#14372cdd;border-radius:18px;padding:22px;box-shadow:0 16px 35px #0002}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:20px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.space{justify-content:space-between}.stack{display:flex;flex-direction:column;gap:12px}.spacer{height:20px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}input,select{width:100%;padding:12px;border-radius:9px;border:1px solid #547764;color:#fff;background:#09281f}label{font-size:13px;color:#c4d5c8;display:block;margin:0 0 7px}.muted{color:#b4c9ba}.roomRow{display:flex;justify-content:space-between;align-items:center;padding:13px 3px;border-bottom:1px solid #446954}.roomRow small{color:#a6c0ad}.badge{font-size:12px;color:#f6d684;background:#345743;padding:5px 10px;border-radius:99px}.seatGrid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:15px 0}.seat{border:1px solid #628372;border-radius:12px;padding:22px;text-align:center;background:#14392c}.seat b{font-size:23px}.seat.active{border-color:#ffe29b}.seat .small{font-size:13px;color:#c6d8ce}.deskWrap{max-width:1350px;margin:14px auto;padding:0 15px}.desk{position:relative;aspect-ratio:1.92;min-height:580px;border:17px solid #503c24;border-radius:35px;background:radial-gradient(ellipse at center,#247b59 0%,#176146 60%,#105039 100%);box-shadow:inset 0 0 45px #001f1788,0 28px 60px #0007;overflow:hidden}.playerBox{position:absolute;border:1px solid #b7d2af7c;background:#062a219c;border-radius:10px;padding:8px 15px;color:#f8f5df;text-align:center;min-width:145px}.playerBox strong{display:block}.playerBox small{color:#c5d9c7}.playerBox.me{border-color:#fbd878}.north{top:8px;left:50%;transform:translateX(-50%)}.south{bottom:126px;left:50%;transform:translateX(-50%)}.west{left:10px;top:42%}.east{right:10px;top:42%}.wall{position:absolute;display:flex;gap:2px}.wall.n{top:60px;left:28%;right:28%;justify-content:center}.wall.s{bottom:205px;left:28%;right:28%;justify-content:center}.wall.w{top:26%;left:17%;flex-direction:column}.wall.e{top:26%;right:17%;flex-direction:column}.wallUnit{background:linear-gradient(#eee5c7,#cfc5a7);border:1px solid #839285;border-radius:2px;width:11px;height:17px;box-shadow:0 3px 0 #7ba78e}.wall.w .wallUnit,.wall.e .wallUnit{width:17px;height:11px}.centerBoard{position:absolute;left:50%;top:47%;transform:translate(-50%,-50%);border:2px solid #b5d1b099;border-radius:12px;padding:12px 24px;text-align:center;background:#0b4836;color:#f5e9bf;box-shadow:0 10px 15px #0003;min-width:150px}.centerBoard b{display:block;font-size:24px}.discard{position:absolute;display:grid;grid-template-columns:repeat(6,26px);gap:3px;padding:5px;min-height:34px}.discard.n{top:21%;left:50%;transform:translateX(-50%)}.discard.s{bottom:34%;left:50%;transform:translateX(-50%)}.discard.w{top:37%;left:24%}.discard.e{top:37%;right:24%}.tinyTile{background:#f4edd8;color:#183f2c;border:1px solid #aab5a2;border-radius:3px;width:26px;height:35px;display:grid;place-items:center;font-family:serif;font-weight:bold;font-size:15px}.tinyTile.highlight{border:2px solid #ffe179;box-shadow:0 0 11px #fada3e}.meld{display:flex;gap:2px;margin-top:5px;justify-content:center}.meld .tinyTile{width:20px;height:27px;font-size:13px}.myHand{display:flex;justify-content:center;gap:3px;flex-wrap:wrap;min-height:83px;padding:12px 10px;border-radius:13px;background:#08291f}.tile{font-family:serif;position:relative;min-width:48px;height:66px;border:2px solid #d4cdaa;border-bottom:6px solid #85b49a;border-radius:6px;background:linear-gradient(#fffcf0,#e5e5d1);color:#1b392b;font-size:25px;display:flex;align-items:center;justify-content:center;user-select:none}.tile.selected{transform:translateY(-14px);border-color:#ffce5a;box-shadow:0 5px 18px #ffd24d77}.tile.drawn{margin-left:12px}.tile .tileIndex{position:absolute;bottom:2px;right:3px;font:9px sans-serif;color:#829484}.tile:focus-visible{outline:3px solid orange}.controlBar{max-width:1320px;margin:12px auto;display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}.controlBar button{min-width:95px}.status{margin:4px auto 8px;text-align:center;color:#ebd494;font-size:16px}.scores{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:12px auto;max-width:1300px}.score{background:#173d30;border:1px solid #426c56;border-radius:9px;padding:10px;text-align:center}.score b{font-size:22px}.modalShade{position:fixed;inset:0;background:#0009;display:grid;place-items:center;z-index:20}.modal{max-width:560px;width:calc(100% - 30px);background:#163c2e;border:1px solid #f1d785;border-radius:20px;padding:26px;text-align:center;box-shadow:0 22px 70px #0009}.modal h2{color:#ffe397}.markerRow{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;padding:20px}.markerCard{background:#fff8df;border-radius:7px;width:48px;height:65px;display:grid;place-items:center;font:24px serif;color:#173627}.markerCard.back{background:#4c9e80;color:white}.journal{font-size:13px;color:#bccebe;border-left:2px solid #a7c8b6;padding-left:12px;max-height:150px;overflow:auto}.journal div{padding:3px 0}.notice{color:#ffe49b;font-size:12px}.loading{padding:70px;text-align:center}.hide{display:none!important}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);z-index:100;background:#713c31;color:#fff;border-radius:12px;padding:12px 20px;display:none}@media(max-width:950px){.grid2{grid-template-columns:1fr}.desk{min-height:620px;aspect-ratio:auto}.wall.n,.wall.s{left:25%;right:25%}.discard.w{left:13%}.discard.e{right:13%}.tile{min-width:36px;height:55px;font-size:19px}.brand span{display:none}}