*{box-sizing:border-box}body{color:#31392f;background:#f5f3ec;margin:0;font-family:Arial,PingFang SC,Microsoft YaHei,sans-serif}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.5}main{max-width:1080px;margin:auto;padding:32px 36px}header{justify-content:space-between;align-items:center;display:flex}.brand{color:inherit;align-items:center;gap:10px;font-size:26px;text-decoration:none;display:flex}.brand strong{font-size:21px}.brand small{letter-spacing:2px;margin-left:10px;font-size:9px}.badge{border:1px solid #d6d9cd;border-radius:30px;padding:9px 14px;font-size:11px}.intro{text-align:center;margin:60px 0 30px}.eyebrow,.tiny{letter-spacing:2px;color:#7b8475;font-size:10px}.intro h1{letter-spacing:-2px;margin:16px;font-size:48px;line-height:1.35}.intro h1 br{display:none}em{color:#748468;font-style:normal}.intro p{color:#818579;font-size:14px}.board{background:#fffefa;border:1px solid #e1e1d6;border-radius:24px;max-width:560px;margin:auto;padding:25px 32px 28px;box-shadow:0 15px 55px #444c3410}.boardtop{justify-content:space-between;align-items:center;display:flex}.live{color:#808977;align-items:center;gap:6px;font-size:10px;display:flex}.live b{border-radius:50%;width:6px;height:6px}.illustration{justify-content:center;align-items:center;gap:22px;height:145px;display:flex;position:relative}.die{background:#f9f6ed;border:1px solid #e1e2d4;border-radius:19px;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);gap:6px;width:86px;height:86px;padding:17px;display:grid;box-shadow:0 7px #e7e6d8,0 10px 15px #4e553315}.die i{border-radius:50%;display:block}.dot{background:#5c6d50}.illustration .die:first-child{transform:rotate(-13deg)}.illustration .die:nth-child(2){background:#dfe7d5;transform:rotate(13deg);box-shadow:0 7px #c5d1b9,0 10px 15px #4e553315}.spark{color:#bd8459;font-size:28px;position:absolute;top:17px;right:65px}h2{text-align:center;margin:9px 0;font-size:23px}.muted{color:#888d80;font-size:12px;line-height:1.7}.label{margin-top:25px;font-size:12px;display:block}input{color:#31392f;background:#fdfcf7;border:1px solid #dddfd2;border-radius:10px;outline:none;width:100%;padding:14px}.label input{margin-top:9px;display:block}input:focus{border-color:#6a7e59;box-shadow:0 0 0 3px #6a7e5915}.modes{gap:10px;margin:17px 0;display:flex}.modes button{color:#616859;text-align:left;background:0 0;border:1px solid #dedfd5;border-radius:12px;flex:1;padding:14px 6px 14px 15px;font-size:13px}.modes button.active{color:#425137;background:#eef2e6;border-color:#7c8d66}.modes small{color:#89917e;margin-top:8px;font-size:10px;display:block}.primary{color:#fff;text-align:left;background:#526446;border:0;border-radius:11px;justify-content:space-between;align-items:center;width:100%;min-height:52px;padding:16px 20px;font-size:14px;display:flex}.primary:hover:not(:disabled){background:#43543a}.primary span{font-size:21px}.or{text-align:center;color:#9a9d90;margin:22px 0 15px;font-size:10px}.join{gap:10px;display:flex}.join input{letter-spacing:1px;min-width:0;font-size:12px}.join button,.outline{white-space:nowrap;color:#4c5d40;background:0 0;border:1px solid #d9ddce;border-radius:10px;padding:12px 20px;font-size:12px}.footnotes{justify-content:center;gap:55px;margin:32px 0;display:flex}.footnotes>div{align-items:center;gap:11px;display:flex}.footnotes span{color:#a5ae96;font-size:12px}.footnotes p{font-size:11px}.footnotes small{color:#919787;margin-top:6px;font-size:9px;display:block}footer{text-align:center;color:#989b8e;margin:35px 0 8px;font-size:11px;line-height:2.2}footer small{font-size:9px}.roomhead{justify-content:space-between;align-items:center;margin:30px 0 20px;display:flex}.code{letter-spacing:4px;margin-top:9px;font-size:27px}.round{text-align:center;color:#7e8873;border-top:1px solid #e7e8dd;padding:20px 0;font-size:12px}.players{gap:16px;display:flex}.player{background:#f5f5ef;border-radius:16px;flex-direction:column;flex:1;align-items:center;min-width:0;padding:18px 8px;display:flex}.player.self{background:#edf1e6}.playername{overflow-wrap:anywhere;text-align:center;max-width:100%;min-height:25px;margin-bottom:15px;font-size:14px}.playername small{background:#dce5d2;border-radius:5px;margin-left:6px;padding:3px 5px;font-size:9px}.player>.muted{margin-top:18px}.empty{box-shadow:none;color:#a1ad92;background:0 0;border:1px dashed #cfd6c5;justify-content:center;align-items:center;font-size:30px;display:flex}.result{text-align:center;overflow-wrap:anywhere;padding:26px 0;font-size:15px;line-height:1.7}.leave{color:#929887;background:0 0;border:0;margin:18px auto 0;padding:10px;font-size:11px;display:block}.error{color:#a24932;font-size:12px;line-height:1.7}.notice{color:#5d714d;overflow-wrap:anywhere;background:#eef2e7;border-radius:8px;padding:13px;font-size:12px}.pickIcon{color:#73845e;place-items:center;height:86px;font-size:45px;display:grid}.nextmode{text-align:center;color:#7d8870;margin-bottom:15px;font-size:11px}.nextmode select{color:inherit;background:#fffefa;border:1px solid #d9ddce;border-radius:7px;padding:6px}.center{text-align:center}@media (max-width:600px){main{padding:22px 18px}header .brand small{display:none}.badge{padding:7px 10px;font-size:9px}.intro{margin:37px 0 26px}.intro h1{font-size:36px;line-height:1.45}.intro h1 br{display:block}.intro p{font-size:12px}.eyebrow{letter-spacing:1.7px;font-size:8px}.board{border-radius:20px;padding:22px 20px}.boardtop .tiny{font-size:8px}.live{font-size:9px}.footnotes{gap:17px;margin:23px 0}.footnotes>div{gap:6px}.footnotes small{font-size:8px}.footnotes p{font-size:10px}.illustration{height:135px}.spark{right:35px}.code{letter-spacing:2px;font-size:23px}h2{font-size:21px}footer{margin-top:25px}}