.ghuarongdao-wrap{justify-content:center;display:flex}.ghuarongdao-board{--hc:80px;box-sizing:content-box;background-color:#6f4f2f;background-image:repeating-linear-gradient(180deg, #0000 0 calc(var(--hc) * .23), #0000000f calc(var(--hc) * .23) calc(var(--hc) * .26), #ffffff08 calc(var(--hc) * .26) calc(var(--hc) * .4)), linear-gradient(180deg, #ffffff0d, #0000001a);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border:4px solid #2b2420;border-radius:12px;position:relative;overflow:hidden;box-shadow:inset 0 3px 6px #00000059,0 5px #3e2c1c,0 9px 16px #2b242038}.ghuarongdao-exit{box-sizing:border-box;border-radius:calc(var(--hc) * .1);color:#ffecc8b8;font-size:clamp(12px, calc(var(--hc) * .17), 15px);letter-spacing:4px;text-indent:4px;pointer-events:none;background:#00000024;border:2px dashed #ffecc899;place-items:center;font-weight:700;display:grid;position:absolute;top:0;left:0}.ghuarongdao-piece{--pc:#d8a24a;--pd:#a8742a;--pt:#3a2a12;box-sizing:border-box;padding-bottom:calc(var(--hc) * .06);border-radius:calc(var(--hc) * .12);border:max(1.5px, calc(var(--hc) * .045)) solid #2b2420;background:var(--pc);box-shadow:inset 0 calc(var(--hc) * -.08) 0 var(--pd), 0 calc(var(--hc) * .035) 0 #00000059;color:var(--pt);text-align:center;cursor:pointer;place-items:center;font-weight:900;line-height:1.15;transition:transform .12s,translate .1s,box-shadow .1s;display:grid;position:absolute;top:0;left:0}.ghuarongdao-piece:before{content:"";top:calc(var(--hc) * .06);left:calc(var(--hc) * .08);width:calc(var(--hc) * .22);height:calc(var(--hc) * .08);pointer-events:none;background:#ffffffbf;border-radius:99px;position:absolute;transform:rotate(-12deg)}.ghuarongdao-name{font-size:clamp(13px, calc(var(--hc) * .25), 20px)}.ghuarongdao-piece[data-shape=cao]{--pc:#e8612f;--pd:#b3401a;--pt:#fff}.ghuarongdao-piece[data-shape=cao] .ghuarongdao-name{font-size:clamp(18px, calc(var(--hc) * .38), 30px);letter-spacing:2px;text-shadow:0 calc(var(--hc) * .03) 0 #2b242073}.ghuarongdao-piece[data-shape=general]{--pc:#e0ab52;--pd:#b07b2c;--pt:#3a2a12}.ghuarongdao-piece[data-shape=zu]{--pc:#86a77a;--pd:#5c7a52;--pt:#fff}.ghuarongdao-piece[data-shape=zu] .ghuarongdao-name{text-shadow:0 calc(var(--hc) * .025) 0 #2b242066}.ghuarongdao-face{display:none}.ghuarongdao-board.is-tex{background-color:#5a3d24;background-image:linear-gradient(#0000000f,#00000029),url(/img/huarongdao/wood-board.webp);background-size:auto, calc(var(--hc) * 2.5) calc(var(--hc) * 2.5)}.is-tex .ghuarongdao-exit{color:#fff3dc;text-shadow:0 1px 2px #2b2420cc;background:linear-gradient(#2b242047,#2b242047),url(/img/huarongdao/exit.webp) 50%/cover;border-color:#fff0d2bf}.is-tex .ghuarongdao-piece{background-color:var(--tint);background-image:url(/img/huarongdao/wood-block.webp);background-size:calc(var(--hc) * 2) calc(var(--hc) * 2);background-blend-mode:multiply;gap:calc(var(--hc) * .04);align-content:center;justify-items:center}.is-tex .ghuarongdao-piece[data-shape=cao]{--tint:#f59a74;--pd:#a8421e}.is-tex .ghuarongdao-piece[data-shape=general]{--tint:#fff;--pd:#a8742a}.is-tex .ghuarongdao-piece[data-shape=zu]{--tint:#cfe2bd;--pd:#5c7a52}.is-tex .ghuarongdao-face{width:var(--fs);height:var(--fs);background:url(/img/huarongdao/faces.webp) 0 0 / calc(var(--fs) * 7) var(--fs) no-repeat;background-position-x:calc(var(--fs) * var(--fi) * -1);filter:drop-shadow(0 calc(var(--hc) * .02) 0 #2b242059);pointer-events:none;border-radius:50%;flex:none;display:block}.is-tex [data-role=cao]{--fi:0}.is-tex [data-role=guanyu]{--fi:1}.is-tex [data-role=zhangfei]{--fi:2}.is-tex [data-role=zhaoyun]{--fi:3}.is-tex [data-role=machao]{--fi:4}.is-tex [data-role=huangzhong]{--fi:5}.is-tex [data-role=zu]{--fi:6}.is-tex .ghuarongdao-piece[data-shape=cao]{--fs:calc(var(--hc) * 1.22)}.is-tex .ghuarongdao-piece[data-shape=general]{--fs:calc(var(--hc) * .74)}.is-tex .ghuarongdao-piece[data-shape=zu]{--fs:calc(var(--hc) * .5);gap:calc(var(--hc) * .025)}.is-tex .ghuarongdao-piece[data-dir=h]{justify-content:center;gap:calc(var(--hc) * .14);grid-auto-flow:column}.is-tex .ghuarongdao-piece[data-dir=v] .ghuarongdao-name{writing-mode:vertical-rl;letter-spacing:calc(var(--hc) * .04)}.is-tex .ghuarongdao-piece[data-shape=general] .ghuarongdao-name{color:#3a2a12;text-shadow:0 1px #fff4dcb3}.is-tex .ghuarongdao-piece[data-shape=zu] .ghuarongdao-name{font-size:clamp(11px, calc(var(--hc) * .19), 15px);color:#2f4a26;text-shadow:0 1px #fff9;line-height:1.1}.is-tex .ghuarongdao-piece[data-shape=cao] .ghuarongdao-name{text-shadow:0 calc(var(--hc) * .03) 0 #2b242099}.ghuarongdao-piece[data-sel]{translate:0 calc(var(--hc) * -.03);box-shadow:inset 0 calc(var(--hc) * -.08) 0 var(--pd), inset 0 0 0 max(2px, calc(var(--hc) * .04)) #fff4dc, 0 calc(var(--hc) * .07) 0 #00000059;z-index:2}.ghuarongdao-piece:active{translate:0 calc(var(--hc) * .015)}.ghuarongdao .g-btn[data-on]{background:var(--brand-press);border-color:var(--brand-dark)}.ghuarongdao .g-stat{min-width:52px}.ghuarongdao .g-dpad{margin-top:14px}.g-play.is-side .ghuarongdao-wrap{flex:none}@media (prefers-reduced-motion:reduce){.ghuarongdao-piece{transition:none}}.is-fs .ghuarongdao>.g-cloud{display:none}.ghuarongdao-tip,.ghuarongdao-stuck-text{text-align:left;width:-moz-fit-content;width:fit-content;max-width:100%;color:var(--text-2);margin:4px auto;font-size:14px;line-height:1.5}.ghuarongdao-stuck{background:#fff4dc;border:2px solid #2b2420;border-radius:12px;flex-direction:column;align-items:center;gap:6px;width:-moz-fit-content;width:fit-content;max-width:100%;margin:6px auto;padding:8px 12px;display:flex}.ghuarongdao-stuck-text{color:#3a2a12;align-self:center;margin:0}.ghuarongdao-stuck-btns{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.ghuarongdao-board.is-out .ghuarongdao-piece[data-shape=cao]{z-index:3;transition:transform .58s cubic-bezier(.5,0,.85,.45)}.ghuarongdao-board.is-out .ghuarongdao-exit{animation:.6s ease-out ghuarongdao-exit-glow}@keyframes ghuarongdao-exit-glow{0%{box-shadow:inset 0 0 #ffe29600}40%{box-shadow:inset 0 0 calc(var(--hc) * .5) calc(var(--hc) * .12) #ffe296f2}to{box-shadow:inset 0 0 #ffe29600}}.ghuarongdao[data-coach] .ghuarongdao-board:not(.is-out) .ghuarongdao-exit{animation:2.4s ease-in-out infinite ghuarongdao-exit-breathe}@keyframes ghuarongdao-exit-breathe{50%{background-color:#ffe29638;border-color:#fff0d2}}.ghuarongdao-board:active .ghuarongdao-piece[data-sel]{transition-duration:60ms}[hidden].ghuarongdao-tip,[hidden].ghuarongdao-stuck{display:none}.is-fs .ghuarongdao-tip{margin:2px auto;font-size:13px}@media (max-width:720px){.ghuarongdao-tip,.ghuarongdao-stuck-text{font-size:13px}}@media (max-width:480px) and (orientation:portrait){.ghuarongdao .g-bar.g-bar-1{justify-content:center;row-gap:6px;flex-wrap:wrap!important}.ghuarongdao .g-bar-1>.g-stat{min-width:44px}}@media (prefers-reduced-motion:reduce){.ghuarongdao-board.is-out .ghuarongdao-piece[data-shape=cao]{transition:none}.ghuarongdao-board.is-out .ghuarongdao-exit,.ghuarongdao[data-coach] .ghuarongdao-exit{animation:none}}