.g-app{color:#f5f1e7;background:#101512;min-height:100vh}.g-header{background:#0c120f;border-bottom:1px solid #2a3731;align-items:center;gap:40px;height:64px;padding:0 28px;display:flex}.g-brand,.g-user{align-items:center;gap:10px;display:flex}.g-brand>span{color:#e2b95d;border:1px solid #d6aa4d;border-radius:50%;place-items:center;width:38px;height:38px;font-size:24px;display:grid}.g-brand strong,.g-brand small,.g-user strong,.g-user small{display:block}.g-brand strong{letter-spacing:.14em;font-family:Georgia,serif}.g-brand small,.g-user small{color:#9da69f;font-size:11px}.g-header nav{height:100%;display:flex}.g-header nav button{color:#89958f;background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;gap:7px;padding:0 15px;font-size:13px;display:flex}.g-header nav button.on{color:#ecc96e;border-color:#d6aa4d}.g-header nav svg{width:16px}.g-user{text-align:right;margin-left:auto}.g-user>b{color:#18130b;background:#c4933e;border-radius:50%;place-items:center;width:36px;height:36px;display:grid}.g-game{width:min(1180px,100%);margin:auto;padding:14px 22px 24px}.g-score{text-align:center;background:#121915;border:1px solid #3b493f;border-radius:10px;grid-template-columns:1fr 190px 1fr;align-items:center;height:72px;display:grid}.g-score>div:first-child{text-align:right;padding-right:24px}.g-score>div:last-child{text-align:left;padding-left:24px}.g-score span,.g-score small{letter-spacing:.08em;color:#94a098;font-size:10px;display:block}.g-score strong{color:#e6c466;font:700 30px Georgia,serif}.g-score>div:last-child strong{color:#e46861}.g-match{border-inline:1px solid #344139}.g-match strong{color:#fff;font-size:20px}.g-table{background:radial-gradient(circle at 50% 45%,#28785c,#185640 58%,#0d3c2c);border:11px solid #735337;border-radius:30px;width:100%;height:550px;margin-top:12px;position:relative;box-shadow:inset 0 0 0 2px #a47a4d,inset 0 0 80px #06291f,0 16px 35px #0009}.g-table:before{content:"";pointer-events:none;border:1px solid #ffffff1b;border-radius:19px;position:absolute;inset:13px}.g-seat{z-index:4;align-items:center;gap:9px;display:flex;position:absolute}.g-seat>span{background:linear-gradient(145deg,#70857b,#34463f);border:2px solid #9aafa6;border-radius:50%;place-items:center;width:38px;height:38px;font-size:11px;font-weight:700;display:grid}.g-seat strong,.g-seat small{display:block}.g-seat strong{font-size:13px}.g-seat small{color:#d0ded7;font-size:11px}.g-seat em{color:#f2c966;border:1px solid #b28b32;margin-left:5px;padding:2px 4px;font-size:8px;font-style:normal}.g-seat.current>span{box-shadow:0 0 0 3px #e7b84d,0 0 22px #e7b84d}.seat-2{top:18px;left:50%;transform:translate(-50%)}.seat-0{bottom:16px;left:50%;transform:translate(-50%)}.seat-1{text-align:center;flex-direction:column;top:50%;left:22px;transform:translateY(-50%)}.seat-3{text-align:center;flex-direction:column;top:50%;right:22px;transform:translateY(-50%)}.g-chain-viewport{z-index:3;scrollbar-width:thin;align-items:center;display:flex;position:absolute;inset:105px 105px 115px;overflow:auto hidden}.g-chain{align-items:center;min-width:max-content;margin:auto;display:flex}.g-track{align-items:center;display:flex}.g-laid{place-items:center;width:62px;height:64px;margin:0 -1px;display:grid}.g-laid .g-domino{transform:rotate(-90deg)}.g-laid.double{width:34px}.g-laid.double .g-domino{transform:none}.g-domino{background:linear-gradient(90deg,#deddd6,#fff 20%,#efeee8 88%);border:0;border-radius:6px;grid-template-rows:1fr 3px 1fr;width:34px;height:64px;padding:3px;transition:all .18s;display:grid;box-shadow:3px 4px #1c5983,4px 7px 10px #0006}.g-domino:disabled{opacity:1}.g-domino>b{background:#26322d;height:2px;margin:0 2px}.g-domino.enabled{cursor:pointer;transform:translateY(-7px);box-shadow:3px 4px #1c5983,0 0 0 2px #f0c14c,0 12px 16px #0008}.g-domino.enabled:hover{transform:translateY(-12px)}.g-domino.chosen{box-shadow:3px 4px #1c5983,0 0 0 3px #fff2a8,0 0 25px #f1bd39}.g-face{position:relative}.g-face i{background:#20312a;border-radius:50%;width:6px;height:6px;position:absolute;box-shadow:inset 0 1px 1px #0008}.g-face i.red{background:#c93e48}.tl{top:5px;left:5px}.tr{top:5px;right:5px}.ml{top:50%;left:5px;transform:translateY(-50%)}.mr{top:50%;right:5px;transform:translateY(-50%)}.bl{bottom:5px;left:5px}.br{bottom:5px;right:5px}.c{top:50%;left:50%;transform:translate(-50%,-50%)}.g-target{color:#c8d7d0;background:#0b3227aa;border:1px dashed #8da79b;align-content:center;place-items:center;gap:3px;width:78px;height:70px;transition:all .2s;display:grid}.g-target.left{border-radius:12px 3px 3px 12px;margin-right:5px}.g-target.right{border-radius:3px 12px 12px 3px;margin-left:5px}.g-target b{font:700 19px Georgia}.g-target span{letter-spacing:.07em;font-size:8px}.g-target.eligible{cursor:pointer;color:#fff1b9;background:#6c501db8;border:2px solid #ffd05a;animation:1.1s infinite alternate targetPulse;box-shadow:0 0 18px #ffc43e,inset 0 0 14px #ffc43e55}.g-target:disabled{opacity:.45}@keyframes targetPulse{to{box-shadow:0 0 28px #ffc43e,inset 0 0 18px #ffc43e77}}.g-message{z-index:5;white-space:nowrap;text-overflow:ellipsis;background:#092a21ed;border:1px solid #71806a;border-radius:20px;max-width:70%;padding:8px 14px;font-size:12px;position:absolute;bottom:80px;left:50%;overflow:hidden;transform:translate(-50%)}.g-message i{background:#e3b64d;border-radius:50%;width:7px;height:7px;margin-right:7px;display:inline-block}.g-opening{text-align:center;background:#0a352955;border:2px dashed #d5a944;border-radius:18px;align-content:center;place-items:center;display:grid;position:absolute;inset:120px 160px}.g-opening strong,.g-opening span{display:block}.g-opening strong{color:#efd17f;letter-spacing:.1em}.g-opening span{color:#c3d2cb;margin-top:7px;font-size:12px}.g-result{z-index:10;text-align:center;background:#0c1511f5;border:1px solid #e2b950;border-radius:14px;width:min(430px,80%);padding:24px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 20px 60px #000}.g-result strong,.g-result span,.g-result small{display:block}.g-result strong{color:#e8c66e;font:700 24px Georgia}.g-result span{margin:10px 0;font-size:14px;line-height:1.5}.g-result small{color:#9da8a2}.g-hand{background:#0d1511;border:1px solid #38483f;border-radius:11px;margin-top:12px;padding:14px 20px 17px}.g-hand.your-turn{border-color:#dcb148;box-shadow:0 0 0 2px #dcb14822}.g-hand>div{justify-content:space-between;margin-bottom:12px;display:flex}.g-hand>div span{letter-spacing:.12em;color:#b9c5bf;font-size:11px}.g-hand>div small{color:#efc753;font-size:11px}.g-hand section{justify-content:center;gap:14px;min-height:82px;padding-top:7px;display:flex}.g-footer{color:#74817b;border-top:1px solid #27342e;justify-content:space-between;align-items:center;height:34px;padding:0 25px;font-size:10px;display:flex}.g-footer i{background:#47ad72;border-radius:50%;width:6px;height:6px;margin-right:5px;display:inline-block}.g-footer button{color:#7e8a84;background:0 0;border:0;gap:5px;display:flex}.g-footer svg{width:13px}@media (max-width:760px){.g-header{padding:0 12px}.g-header nav,.g-user>div,.g-brand small{display:none}.g-user{margin-left:auto}.g-game{padding:8px}.g-score{grid-template-columns:1fr 112px 1fr}.g-score>div:first-child{padding-right:8px}.g-score>div:last-child{padding-left:8px}.g-score strong{font-size:22px}.g-table{border-width:7px;height:480px}.g-chain-viewport{inset:92px 55px 108px}.seat-1{left:8px}.seat-3{right:8px}.g-target{width:58px}.g-hand{padding:12px 8px;overflow-x:auto}.g-hand section{justify-content:flex-start;gap:10px}.g-footer{display:none}}
.g-chain-viewport{z-index:3;pointer-events:none;display:block;position:absolute;inset:112px 145px;overflow:visible}.g-app{-webkit-user-select:none;user-select:none}.g-landscape-only{display:none}.g-login{color:#eef4f0;text-align:center;background:radial-gradient(circle at 50% 32%,#22684f,#0a1711 72%);place-items:center;min-height:100dvh;padding:24px;display:grid}.g-login section{width:min(430px,100%)}.g-login-mark{color:#efca67;border:1px solid #e3b74c;border-radius:50%;place-items:center;width:62px;height:62px;margin:0 auto 16px;font-size:36px;display:grid}.g-login section>span{color:#d9b552;letter-spacing:.18em;font-size:11px}.g-login h1{color:#f0cd72;letter-spacing:.1em;margin:7px 0 8px;font:700 43px Georgia,serif}.g-login p{color:#b9cbc2;margin:0 0 24px;font-size:15px;line-height:1.55}.g-login button{color:#172019;cursor:pointer;background:#f5f4ef;border:1px solid #d8b04c;border-radius:11px;justify-content:center;align-items:center;gap:12px;width:100%;padding:13px 18px;font-size:15px;font-weight:700;display:flex}.g-login button b{color:#4285f4;background:#fff;border-radius:50%;place-items:center;width:25px;height:25px;display:grid;box-shadow:0 1px 4px #0003}.g-profile-card{text-align:left;background:#0b1d16cc;border:1px solid #52685d;border-radius:12px;grid-template-columns:42px 1fr auto;align-items:center;gap:11px;margin:0 0 18px;padding:10px 12px;display:grid}.g-profile-card>div{color:#17120a;background:#bd8e34;border:1px solid #d9ad43;border-radius:50%;place-items:center;width:42px;height:42px;display:grid;overflow:hidden}.g-profile-card img{object-fit:cover;width:100%;height:100%}.g-profile-card span strong,.g-profile-card span small{display:block}.g-profile-card span strong{color:#f0d27b}.g-profile-card span small{color:#9eb1a7;margin-top:3px;font-size:11px}.g-profile-card button{color:#bfcac4;cursor:pointer;background:#17241e;border:1px solid #56675e;border-radius:7px;padding:7px 9px}.g-score.score-simulated>div:first-child strong{animation:.75s ease-out both scoreChange}@keyframes scoreChange{0%{color:#fff4b0;text-shadow:0 0 24px #ffc83d;transform:scale(1.5)}to{color:#e6c466;text-shadow:none;transform:scale(1)}}.g-lobby{color:#f6f0df;-webkit-user-select:none;user-select:none;background:radial-gradient(circle at 50% 30%,#22684f 0,#103c2e 38%,#09130f 76%);place-items:center;min-height:100vh;padding:28px;display:grid}.g-lobby-card{text-align:center;width:min(560px,100%)}.g-lobby-mark{color:#f0cb70;border:2px solid #e5bb56;border-radius:20px;place-items:center;width:66px;height:66px;margin:0 auto 18px;font-size:42px;display:grid;transform:rotate(45deg);box-shadow:0 0 35px #e4b54833}.g-lobby-mark:first-letter{transform:rotate(-45deg)}.g-lobby-kicker{color:#d7b45c;letter-spacing:.24em;font-size:12px}.g-lobby h1{color:#f0cd72;letter-spacing:.1em;margin:8px 0 10px;font:700 clamp(42px,7vw,72px) Georgia,serif}.g-lobby p{color:#bdd0c7;max-width:470px;margin:0 auto 30px;font-size:16px;line-height:1.6}.g-lobby-menu{gap:12px;display:grid}.g-lobby-menu button{color:#edf4ef;text-align:left;cursor:pointer;background:#0d211acc;border:1px solid #5f765f;border-radius:14px;grid-template-columns:48px 1fr 24px;align-items:center;gap:14px;width:100%;padding:16px 18px;transition:all .18s;display:grid}.g-lobby-menu button:hover{background:#18372a;border-color:#e2b84f;transform:translateY(-2px);box-shadow:0 12px 28px #0007}.g-lobby-menu button:disabled{cursor:not-allowed;opacity:.62;filter:saturate(.65)}.g-lobby-menu button:disabled:hover{box-shadow:none;background:#0d211acc;border-color:#5f765f;transform:none}.g-soon{color:#d4b967;letter-spacing:.07em;white-space:nowrap;border:1px solid #806b36;border-radius:999px;justify-self:end;padding:5px 7px;font-size:9px}.g-lobby-menu button>svg:first-child{color:#efc75f;background:#d6a83a22;border-radius:11px;width:44px;height:44px;padding:10px}.g-lobby-menu button>svg:last-child{color:#b99a4f;width:20px}.g-lobby-menu strong,.g-lobby-menu small{display:block}.g-lobby-menu strong{font-size:17px}.g-lobby-menu small{color:#91a79c;margin-top:4px;font-size:13px}.g-back-lobby{color:#c6d1cb;cursor:pointer;background:#17211c;border:1px solid #46564e;border-radius:8px;align-items:center;gap:5px;padding:7px 10px;display:flex}.g-back-lobby svg{width:15px}.g-tutorial-tip{z-index:1100;background:#0b1712f8;border:1px solid #e1b64c;border-radius:13px;width:min(470px,100vw - 32px);max-height:calc(100vh - 32px);padding:18px;position:fixed;bottom:28px;right:28px;overflow-y:auto;box-shadow:0 18px 55px #000c,0 0 28px #dba83922}.g-tutorial-tip:after{content:"";background:#0b1712;border-bottom:1px solid #e1b64c;border-right:1px solid #e1b64c;width:16px;height:16px;position:absolute;bottom:-9px;right:32px;transform:rotate(45deg)}.g-tutorial-tip>header{justify-content:space-between;align-items:center;display:flex}.g-tutorial-tip header small{color:#d6ac48;letter-spacing:.12em;font-size:11px}.g-tutorial-tip>strong{color:#f2d47e;margin-top:10px;font:700 21px Georgia,serif;display:block}.g-tutorial-tip p{color:#cbd7d1;margin:8px 0 15px;font-size:14px;line-height:1.55}.g-tutorial-tip button{color:#e8eee9;cursor:pointer;background:#18241e;border:1px solid #6b755f;border-radius:7px;padding:8px 12px}.g-tutorial-tip .g-tutorial-skip{color:#92a69c;background:0 0;border:0;padding:4px;font-size:12px}.g-tutorial-tip>footer{justify-content:flex-end;gap:8px;display:flex}.g-tutorial-tip>footer button:last-child{color:#171109;background:#c99c31;border-color:#d8ae46;font-weight:700}.g-tutorial-progress{gap:6px;margin:0 0 16px;display:flex}.g-tutorial-progress i{background:#405047;border-radius:50%;width:7px;height:7px}.g-tutorial-progress i.on{background:#dfb447;border-radius:6px;width:22px}.g-tutorial-example{background:#10231b;border:1px solid #415348;border-radius:10px;margin:0 0 14px;padding:12px}.g-tutorial-example>small{color:#d9b451;letter-spacing:.12em;margin-bottom:9px;font-size:10px;display:block}.g-tutorial-example>div{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;min-height:68px;display:flex}.g-tutorial-example section{justify-content:center;align-items:center;min-height:68px;display:flex}.g-tutorial-example section+section:before{content:"→";color:#d8ad43;margin-right:12px;font-style:normal;font-weight:700}.g-tutorial-example .g-domino{flex:none}.g-tutorial-example em{color:#aec1b7;text-align:center;margin-top:8px;font-size:12px;font-style:normal;line-height:1.4;display:block}.g-tutorial-practice{margin:0 0 14px}.g-tutorial-practice>strong,.g-tutorial-practice>span{display:block}.g-tutorial-practice>strong{color:#d9b451;letter-spacing:.12em;font-size:10px}.g-tutorial-practice>span{color:#eef4f0;margin:5px 0 9px;font-size:13px}.g-tutorial-practice>div{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.g-tutorial-practice>div button{padding:8px 5px}.g-tutorial-practice button.correct{color:#bdf3d4;background:#123d2a;border-color:#4fc487}.g-tutorial-practice button.wrong{color:#ffc8c3;background:#421d1b;border-color:#d6655d}.g-tutorial-practice>small{margin-top:7px;font-size:12px;display:block}.g-tutorial-practice>small.correct{color:#72dca2}.g-tutorial-practice>small.wrong{color:#ef8e87}.g-tutorial-tip>footer button:disabled{cursor:not-allowed;opacity:.42}.g-run-practice{width:100%;margin-top:3px;font-weight:700;color:#fff0bd!important;background:#6b501e!important;border-color:#d7ad44!important}.g-tutorial-table-note{color:#9ab0a5;place-content:center;justify-items:center;gap:7px;display:grid;position:absolute;inset:0}.g-tutorial-table-note svg{color:#d8ae46;width:32px}.g-tutorial-table-note strong{color:#e4c263;letter-spacing:.08em;font:700 18px Georgia,serif}.g-tutorial-table-note span{font-size:13px}.g-tutorial-tip.tip-0{inset:50% auto auto 50%;transform:translate(-50%,-50%)}.g-tutorial-tip.tip-0:after{display:none}.tutorial-active .g-game{isolation:isolate}.tutorial-active .g-score,.tutorial-active .g-table,.tutorial-active .g-hand{filter:brightness(.62);transition:filter .2s,box-shadow .2s}.tutorial-step-1 .g-table,.tutorial-step-2 .g-table,.tutorial-step-4 .g-table,.tutorial-step-5 .g-table,.tutorial-step-6 .g-table{filter:brightness();box-shadow:inset 0 0 0 2px #d9ae43,0 0 30px #d9ae4326}.tutorial-step-3 .g-hand,.tutorial-step-7 .g-score{filter:brightness();box-shadow:0 0 0 2px #d9ae43,0 0 30px #d9ae4333}.g-track{display:block;position:absolute;inset:0}.g-laid{place-items:center;width:64px;height:68px;margin:0;display:grid;position:absolute;transform:translate(-50%,-50%)}.g-laid .g-domino,.g-laid.vertical .g-domino{transform:none}.g-table .g-domino{transition:none!important}.g-laid .g-domino{rotate:none!important}.g-domino.horizontal{grid-template-rows:1fr;grid-template-columns:1fr 3px 1fr;width:64px;height:34px}.g-domino.horizontal>b{width:2px;height:auto;margin:2px 0}.g-laid.vertical{width:64px}.g-target{z-index:8;pointer-events:auto;background:#c89a2c55;border:2px solid #ffe073;border-radius:12px;width:60px;height:54px;min-height:0;margin:0;animation:.8s infinite alternate targetPulse;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 28px #ffc43e,inset 0 0 24px #ffc43e55}.g-target.horizontal{width:66px;height:38px}.g-target.vertical{width:38px;height:66px}.g-target:after{content:"";position:absolute;inset:-17px}.g-opening.eligible{background:#76551f77;border-color:#ffe073;box-shadow:0 0 28px #ffc43e,inset 0 0 30px #ffc43e33}.g-opening-drop{color:#0000}.g-domino.enabled{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:element}.g-domino.enabled:active{cursor:grabbing}.g-drag-ghost{z-index:1000;pointer-events:none;filter:drop-shadow(0 12px 12px #0009);position:fixed;transform:translate(-50%,-50%)scale(1.08)}.g-bot-move{--from-x:0px;--from-y:0px;z-index:20;pointer-events:none;animation:.42s cubic-bezier(.22,.72,.3,1) both botPlace;position:absolute;top:50%;left:50%}.g-bot-move.move-1{--from-x:-430px;--from-y:0px}.g-bot-move.move-2{--from-x:0px;--from-y:-220px}.g-bot-move.move-3{--from-x:430px;--from-y:0px}.g-bot-move .g-domino{transform:translate(-50%,-50%)scale(.92);box-shadow:4px 7px 14px #0009}@keyframes botPlace{0%{opacity:.25;transform:translate(var(--from-x),var(--from-y)) scale(.75)}to{opacity:1;transform:translate(0)scale(1)}}.g-pass{color:#ffd066;letter-spacing:.12em;background:#301d0de8;border:1px solid #ffbc45;border-radius:9px;padding:3px 8px;font-size:9px;position:absolute;top:-19px;left:50%;transform:translate(-50%)}.g-starter{color:#ffe394;background:#4b3712ed;border:1px solid #e8bd50;border-radius:9px;place-items:center;width:22px;height:22px;padding:0;font-size:12px;display:grid;position:absolute;top:-17px;left:auto;right:-18px;transform:none}.g-back-tile{background:repeating-linear-gradient(135deg,#185b82 0 4px,#124665 4px 8px);border:2px solid #d7dfda;border-radius:4px;flex:none;width:17px;height:31px;box-shadow:2px 2px #092d43}.g-back-tile.horizontal{width:31px;height:17px}.g-seat{text-align:center;background:linear-gradient(145deg,#657b70,#273b33);border:2px solid #90a59a;border-radius:50%;justify-content:center;width:44px;min-width:44px;height:44px;min-height:44px;padding:0}.g-seat.current{border-color:#e7b84d;box-shadow:0 0 18px #e7b84d55}.g-player-circle{border-radius:50%;place-items:center;width:100%;height:100%;display:grid}.g-player-circle>strong{font-size:11px}.g-player-circle>em{color:#f0c85f;background:#173329;border:1px solid #c69e3e;border-radius:5px;padding:1px 3px;font-size:7px;font-style:normal;position:absolute;bottom:-2px;right:-3px}.seat-1,.seat-3{flex-direction:row}.g-opponent-rack{pointer-events:none;position:absolute;display:flex!important}.g-seat>.g-opponent-rack,.g-seat.current>.g-opponent-rack,.g-seat>.g-pass-marks,.g-seat.current>.g-pass-marks{width:auto;height:auto;box-shadow:none;background:0 0;border:0;border-radius:0}.rack-2{align-items:center;gap:6px;top:calc(100% + 8px);left:50%;transform:translate(-50%);flex-direction:row!important;width:max-content!important}.rack-1{gap:5px;top:50%;left:calc(100% + 10px);transform:translateY(-50%);flex-direction:column!important}.rack-3{gap:5px;top:50%;right:calc(100% + 10px);transform:translateY(-50%);flex-direction:column!important}.g-pass-marks{gap:4px;position:absolute;bottom:calc(100% + 9px);left:50%;transform:translate(-50%);display:flex!important}.g-pass-pip{background:#f5f2e9;border:1px solid #e1c46f;border-radius:5px;flex:0 0 24px;width:24px;height:24px;position:relative;box-shadow:2px 2px #674b22,0 3px 8px #0008}.g-pass-pip .g-face{position:absolute;inset:0}.g-pass-pip .g-face i{width:4px;height:4px}.g-pass-pip .tl{top:4px;left:4px}.g-pass-pip .tr{top:4px;right:4px}.g-pass-pip .ml{left:4px}.g-pass-pip .mr{right:4px}.g-pass-pip .bl{bottom:4px;left:4px}.g-pass-pip .br{bottom:4px;right:4px}.g-reveal{gap:10px;margin:12px 0;display:grid}.g-reveal>div>small{color:#efcf7c;margin-bottom:6px}.g-reveal section{flex-wrap:wrap;justify-content:center;gap:5px;display:flex}.g-reveal .g-domino{margin:-6px;transform:scale(.78)}.g-result .g-domino .g-face{font-size:inherit;margin:0;line-height:normal;display:block}.g-tie{justify-content:center;align-items:center;gap:18px;margin:14px 0;display:flex}.g-tie>b,.g-tie>b>em{display:block}.g-tie>b{background:#17221c;border:1px solid #806b36;border-radius:9px;min-width:105px;padding:9px}.g-tie>b>em{color:#eac661;margin-top:7px;font:12px sans-serif}.g-tie>i{color:#d4a94a;font-style:normal;font-weight:800}.g-tie>b>section{flex-wrap:wrap;justify-content:center;align-items:center;gap:7px;min-height:70px;margin:9px 0;display:flex}.g-tie>b>section .g-domino{transform-origin:50%;margin:-5px;transform:scale(.78)}.g-result.tie-visible{width:min(760px,92%);padding:25px 28px}.tie-visible .g-tie>b{width:min(300px,42%);min-width:0}.tie-visible .g-tie>b>section{gap:8px;min-height:82px}.tie-visible .g-tie>b>section .g-domino{margin:0 -2px;transform:scale(.82)}.g-shuffle{z-index:18;pointer-events:none;filter:drop-shadow(0 10px 18px #001b13);width:1px;height:1px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.g-shuffle>div{width:1px;height:1px;position:relative}.g-shuffle.mix .g-back-tile{animation:.9s cubic-bezier(.45,.05,.55,.95) infinite alternate handShuffle;position:absolute;top:-15px;left:-8px}.g-shuffle.mix .g-back-tile:nth-child(7n+1){--sx:-150px;--sy:-55px;--mx:75px;--my:45px}.g-shuffle.mix .g-back-tile:nth-child(7n+2){--sx:-95px;--sy:65px;--mx:135px;--my:-35px}.g-shuffle.mix .g-back-tile:nth-child(7n+3){--sx:-35px;--sy:-80px;--mx:-125px;--my:30px}.g-shuffle.mix .g-back-tile:nth-child(7n+4){--sx:25px;--sy:72px;--mx:-62px;--my:-58px}.g-shuffle.mix .g-back-tile:nth-child(7n+5){--sx:78px;--sy:-64px;--mx:25px;--my:70px}.g-shuffle.mix .g-back-tile:nth-child(7n+6){--sx:132px;--sy:52px;--mx:-95px;--my:-22px}.g-shuffle.mix .g-back-tile:nth-child(7n){--sx:165px;--sy:-18px;--mx:5px;--my:-78px}.g-shuffle.mix .g-back-tile:nth-child(4n+1){animation-delay:-.2s}.g-shuffle.mix .g-back-tile:nth-child(4n+2){animation-delay:-.45s}.g-shuffle.mix .g-back-tile:nth-child(4n+3){animation-delay:-.68s}@keyframes handShuffle{0%{transform:translate(var(--sx),var(--sy)) rotate(-24deg)}45%{transform:translate(var(--mx),var(--my)) rotate(18deg)}70%{transform:translate(var(--sx),var(--my)) rotate(-8deg)}to{transform:translate(var(--mx),var(--sy)) rotate(25deg)}}.g-shuffle.deal>div{width:1px;height:1px;position:absolute;top:0;left:0}.g-shuffle.deal .g-back-tile{animation-duration:.85s;animation-timing-function:ease-in-out;animation-fill-mode:both;position:absolute;top:-15px;left:-8px}.g-shuffle.deal .g-back-tile:nth-child(-n+7){animation-name:dealTop}.g-shuffle.deal .g-back-tile:nth-child(n+8):nth-child(-n+14){animation-name:dealRight}.g-shuffle.deal .g-back-tile:nth-child(n+15):nth-child(-n+21){animation-name:dealBottom}.g-shuffle.deal .g-back-tile:nth-child(n+22){animation-name:dealLeft}@keyframes dealTop{to{opacity:0;transform:translate(var(--deal-offset),-215px)}}@keyframes dealRight{to{opacity:0;transform:translate(min(39vw,430px),var(--deal-offset))}}@keyframes dealBottom{to{opacity:0;transform:translate(var(--deal-offset),215px)}}@keyframes dealLeft{to{opacity:0;transform:translate(max(-39vw,-430px),var(--deal-offset))}}.g-shuffle.deal .g-back-tile:nth-child(7n+1){--deal-offset:-72px}.g-shuffle.deal .g-back-tile:nth-child(7n+2){--deal-offset:-48px}.g-shuffle.deal .g-back-tile:nth-child(7n+3){--deal-offset:-24px}.g-shuffle.deal .g-back-tile:nth-child(7n+4){--deal-offset:0px}.g-shuffle.deal .g-back-tile:nth-child(7n+5){--deal-offset:24px}.g-shuffle.deal .g-back-tile:nth-child(7n+6){--deal-offset:48px}.g-shuffle.deal .g-back-tile:nth-child(7n){--deal-offset:72px}.g-next{color:#15120b;cursor:pointer;background:#d7a934;border:1px solid #efc75c;border-radius:8px;margin:13px auto 8px;padding:8px 25px;font-weight:800;display:block}.g-tutorial-outcome{z-index:20;color:#d8e3dd;text-align:center;background:#0b1813f5;border:1px solid #e0b447;border-radius:13px;width:min(430px,52%);padding:17px;position:absolute;top:50%;left:38%;transform:translate(-50%,-50%);box-shadow:0 15px 45px #000b}.g-tutorial-outcome>strong,.g-tutorial-outcome>span,.g-tutorial-outcome>small{display:block}.g-tutorial-outcome>strong{color:#efcc70;font:700 19px Georgia,serif}.g-tutorial-outcome>span{margin:6px 0 12px;font-size:12px}.g-tutorial-outcome>div{justify-content:center;align-items:center;gap:10px;min-height:70px;display:flex}.g-tutorial-outcome>div>b{justify-items:center;gap:4px;display:grid}.g-tutorial-outcome>div b,.g-tutorial-outcome>div i,.g-tutorial-outcome>div em{color:#efc85e;font-style:normal}.g-tutorial-outcome>div em{font-weight:800}.g-tutorial-outcome>small{color:#91cda9;margin-top:8px}@media (orientation:landscape){.g-app{grid-template-rows:64px minmax(0,1fr) 34px;height:100dvh;min-height:0;display:grid;overflow:hidden}.g-game{box-sizing:border-box;grid-template-rows:72px minmax(0,1fr) 144px;gap:12px;width:min(1180px,100%);height:100%;min-height:0;display:grid}.g-game>.g-score,.g-game>.g-table,.g-game>.g-hand{box-sizing:border-box;min-height:0;margin:0}.g-table{height:auto}.g-chain-viewport{transform-origin:50%;transform:scale(.86)}}@media (max-width:760px){.g-app{height:100dvh;min-height:0;overflow:hidden}.g-header{gap:10px;height:50px;padding:0 9px}.g-back-lobby{padding:6px 8px;font-size:12px}.g-brand>span{width:30px;height:30px;font-size:18px}.g-brand strong{font-size:14px}.g-user{display:none}.g-game{grid-template-rows:58px minmax(260px,1fr) 116px;gap:7px;height:calc(100dvh - 50px);padding:6px;display:grid}.g-score{grid-template-columns:1fr 112px 1fr;height:58px}.g-score>div:first-child{padding-right:7px}.g-score>div:last-child{padding-left:7px}.g-score strong{font-size:20px}.g-match strong{font-size:16px}.g-score span,.g-score small{letter-spacing:.03em;font-size:8px}.g-table{border-width:7px;border-radius:22px;height:auto;min-height:0;margin:0}.g-table:before{border-radius:15px;inset:8px}.g-seat{width:32px;min-width:32px;height:32px;min-height:32px}.g-player-circle>strong{font-size:9px}.g-seat em{font-size:6px}.seat-2{top:9px}.seat-0{bottom:8px}.seat-1{left:9px}.seat-3{right:9px}.g-opponent-rack{scale:.72}.g-game>.g-score,.g-game>.g-table,.g-game>.g-hand{box-sizing:border-box}.g-chain-viewport{transform-origin:50%;inset:0;overflow:visible;transform:scale(.52)}.g-target{width:58px;height:50px}.g-hand{min-height:0;margin:0;padding:7px 8px;overflow:hidden}.g-hand>div{margin-bottom:4px}.g-hand>div span,.g-hand>div small{font-size:9px}.g-hand section{align-items:center;gap:6px;min-height:70px;padding-top:5px}.g-hand .g-domino{transform-origin:50%;margin:-3px;transform:scale(.82)}.g-hand .g-domino.enabled{transform:scale(.82)translateY(-5px)}.g-footer{display:none}.g-tutorial-tip{width:auto;max-height:45dvh;padding:13px;bottom:8px;left:8px;right:8px}.g-tutorial-tip>strong{font-size:17px}.g-tutorial-tip p{margin:6px 0 9px;font-size:12px;line-height:1.4}.g-tutorial-practice{margin-bottom:8px}.g-tutorial-progress{margin-bottom:9px}.tutorial-step-2 .g-tutorial-tip,.tutorial-step-3 .g-tutorial-tip,.tutorial-step-4 .g-tutorial-tip{max-height:38dvh;top:54px;bottom:auto}.g-tutorial-outcome{width:90%;padding:11px;top:38%;left:50%}.g-tutorial-outcome>strong{font-size:16px}.g-tutorial-outcome>span{margin-bottom:7px}.g-tutorial-outcome>div{gap:6px;min-height:58px;transform:scale(.82)}}@media (max-height:600px) and (orientation:landscape){.g-app{grid-template-rows:38px minmax(0,1fr);height:100dvh;min-height:0;overflow:hidden}.g-header{height:38px}.g-brand small,.g-header nav{display:none}.g-game{grid-template-rows:42px minmax(0,1fr) 72px;gap:4px;height:100%;padding:4px 8px;display:grid}.g-game>.g-score,.g-game>.g-table,.g-game>.g-hand{box-sizing:border-box;min-height:0;margin:0}.g-score{height:42px}.g-score strong{font-size:16px}.g-score small{display:none}.g-table{border-width:6px;border-radius:18px;height:auto}.g-chain-viewport{inset:0;overflow:visible;transform:scale(.56)}.g-hand{height:72px;padding:2px 8px}.g-hand>div{margin-bottom:0}.g-hand section{height:48px;min-height:48px;padding-top:0}.g-hand .g-domino{margin:-7px;transform:scale(.62)}.g-hand .g-domino.enabled{transform:scale(.62)translateY(-4px)}.g-seat{width:34px;min-width:34px;height:34px;min-height:34px}.g-player-circle>strong{font-size:9px}.g-opponent-rack{scale:.54}.seat-2{top:3px}.seat-0{bottom:2px}.seat-0 .g-pass-marks{bottom:50%;left:calc(100% + 9px);transform:translateY(50%)}.seat-0 .g-starter{top:-9px;left:-20px;right:auto}.g-footer{display:none}.g-tutorial-tip{width:min(360px,44vw);max-height:72dvh;bottom:7px;left:auto;right:7px}.tutorial-step-2 .g-tutorial-tip,.tutorial-step-3 .g-tutorial-tip,.tutorial-step-4 .g-tutorial-tip{max-height:72dvh;inset:46px 7px auto auto}}@media (orientation:portrait){.g-app{background:radial-gradient(circle at 50% 35%,#1f674d,#0a1711 72%);place-items:center;height:100dvh;min-height:100dvh;padding:20px;display:grid;overflow:hidden}.g-app>:not(.g-landscape-only){display:none!important}.g-landscape-only{color:#e9f0ec;text-align:center;justify-items:center;gap:9px;max-width:300px;display:grid}.g-landscape-only span{color:#efc75f;border:1px solid #e1b64c;border-radius:16px;place-items:center;width:58px;height:58px;font-size:36px;display:grid}.g-landscape-only strong{color:#f0cc70;font:700 23px Georgia,serif}.g-landscape-only small{color:#b7c8bf;font-size:14px;line-height:1.5}}