@font-face{font-family:HudHuninn;src:url('/game/platform-art/fonts/Huninn-Regular.ttf')}body #room,body #room button{font-family:HudHuninn,sans-serif!important;color:#171B49;font-variant-numeric:tabular-nums}body #room{--hud-height:78px!important}body #room .game-top{left:max(8px,env(safe-area-inset-left));right:max(8px,env(safe-area-inset-right));top:max(8px,env(safe-area-inset-top));height:60px!important;display:flex!important;gap:8px!important;align-items:center!important}body #room .game-top>*{flex:none}body #room .h3-panel{position:relative!important;isolation:isolate;background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;height:60px!important;box-sizing:border-box!important;overflow:visible!important}body #room .h3-skin{position:absolute!important;inset:0;pointer-events:none;z-index:-1;display:block!important;overflow:visible!important}body #room .h3-skin>span{position:absolute;display:block}body #room .h3-icon{position:relative;display:inline-block!important;overflow:hidden!important;flex:none;width:44px;height:44px}body #room .h3-icon img{position:absolute;max-width:none}body #room #back{width:168px;min-width:0!important;padding:4px 10px!important;display:flex;align-items:center;justify-content:center;gap:6px;font-size:23px!important;font-weight:700;white-space:nowrap;color:#171B49!important}body #room .machine-title{width:290px;min-width:0;flex:1!important;max-width:340px;display:flex!important;justify-content:center!important;gap:10px!important;padding:6px 16px!important;text-shadow:none;color:#171B49;font-size:22px!important}body #room #machine-name{max-width:none!important;min-width:0;font-size:22px!important;flex:1;white-space:nowrap;font-weight:bold}body #room .h3-room-icon{width:28px;height:28px;flex:none}body #room .h3-divider{width:1px;height:28px;background:#E1CAB7;flex:none}body #room #phase{position:relative;isolation:isolate;display:grid!important;place-items:center!important;overflow:visible!important;font-size:0!important;min-width:68px;height:36px;color:#fff!important}body #room #phase:after{content:attr(data-label);font-size:19px;color:white;white-space:nowrap}body #room .hud-state{width:350px;display:flex!important;justify-content:center;gap:10px!important;padding:6px 14px!important}body #room #hud-role{padding:0!important;background:none!important;color:#171B49!important;font-size:20px!important;white-space:nowrap;display:flex;align-items:center;gap:7px}body #room #hud-role:before{content:'';width:9px;height:9px;background:#5CCA7A;border-radius:50%;flex:none}body #room .h3-clock{width:36px;height:36px}body #room #hud-timer{display:flex;align-items:center;gap:6px;background:none!important;border:0!important;box-shadow:none!important;padding:0!important;min-width:0!important;color:#FF7471!important;font-size:0!important;white-space:nowrap}body #room #hud-timer:before{content:'剩餘';font-size:15px;color:#171B49;margin:0}body #room #hud-timer:after{content:attr(data-count);font-size:32px;line-height:1;font-weight:bold}body #room .h3-seconds{font-size:15px}body #room .game-wallet{width:max-content;min-width:180px;display:flex!important;justify-content:center;gap:7px!important;padding:6px 14px!important}body #room .game-wallet:before{display:none!important}body #room .game-wallet strong{font-size:28px!important;color:#4A2220!important;white-space:nowrap}body #room .game-wallet .h3-currency{display:inline!important;font-size:12px!important;color:#4A2220;white-space:nowrap}body #room #menu-toggle{width:52px!important;min-width:44px!important;height:60px!important;padding:10px!important;color:#171B49!important}body #room .h3-tool{width:100px!important;height:60px!important;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px!important;font-size:20px!important;color:#171B49!important}body #room .h3-tool svg,body #room #menu-toggle svg{width:26px;height:26px;flex:none}body #room #game-menu .claw-bgm{position:relative!important;inset:auto!important;visibility:visible!important;grid-column:auto!important;grid-row:auto!important}body #room .game-status{display:none!important}body #room .game-actions,body #room.portrait .game-actions{width:210px!important;height:88px!important;max-width:none!important;right:max(12px,env(safe-area-inset-right))!important;bottom:max(12px,env(safe-area-inset-bottom))!important;display:block!important}body #room .game-actions #start,body #room .game-actions #drop,body #room.portrait .game-actions #drop{position:absolute;inset:0;width:210px!important;min-width:0!important;height:88px!important;min-height:0!important;aspect-ratio:auto!important;padding:0!important;border:0!important;box-shadow:none!important;background:transparent!important;border-radius:44px!important;display:flex;align-items:center;justify-content:center;white-space:nowrap;color:white!important;font-size:0!important;isolation:isolate;opacity:1!important;filter:none}body #room .game-actions button[hidden]{display:none!important}body #room .game-actions #drop:after,body #room .game-actions #start:after{content:attr(data-label);color:white;font-size:30px;font-weight:bold;white-space:nowrap}body #room .game-actions #start:after{font-size:23px}body #room .game-actions .h3-arrow{width:34px;height:38px;margin-right:12px;color:white}body #room .game-actions button:disabled{filter:saturate(.35)!important;background:transparent!important;box-shadow:none!important;color:white!important}body #room .h3-rays{position:absolute;inset:-5px -8px;width:calc(100% + 16px);height:calc(100% + 10px);pointer-events:none;z-index:-2}body #room #release{display:none!important}body #room #game-menu{z-index:110}
@media(max-width:1250px){body #room .h3-tool{display:none}body #room #game-menu .h3-tool{display:flex;width:100%!important;height:44px!important}body #room .machine-title{max-width:none}body #room .hud-state{width:340px}}
@media(orientation:portrait){body #room.portrait{--hud-height:126px!important}body #room.portrait .game-top{left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));top:max(12px,env(safe-area-inset-top));height:102px!important;display:grid!important;grid-template-columns:96px minmax(0,1fr) 44px!important;grid-template-rows:48px 46px!important;gap:8px!important}body #room.portrait .h3-panel{height:48px!important}body #room.portrait #back{grid-column:1;grid-row:1;width:96px;font-size:16px!important;gap:2px;padding:4px!important}body #room.portrait #back .h3-icon{width:27px;height:27px}body #room.portrait .game-wallet{grid-column:2;grid-row:1;justify-self:stretch;width:100%;min-width:0!important;padding:4px 7px!important;gap:4px!important}body #room.portrait .game-wallet .h3-icon{width:32px;height:32px}body #room.portrait .game-wallet strong{font-size:20px!important}body #room.portrait .game-wallet .h3-currency{font-size:11px!important}body #room.portrait .game-wallet.h3-large .h3-currency{display:none!important}body #room.portrait #menu-toggle{grid-column:3;grid-row:1;width:44px!important;height:48px!important;padding:9px!important}body #room.portrait .machine-title{position:absolute!important;top:56px;left:0;width:140px!important;height:46px!important;padding:5px 10px!important;gap:5px!important;max-width:none!important}body #room.portrait #machine-name{font-size:13px!important;max-width:none!important}body #room.portrait .h3-room-icon{display:none}body #room.portrait .machine-title .h3-divider{height:20px}body #room.portrait #phase{min-width:42px;height:28px}body #room.portrait #phase:after{font-size:12px}body #room.portrait .hud-state{position:absolute!important;top:56px;left:148px;right:0;width:auto;height:46px!important;padding:4px 8px!important;gap:4px!important}body #room.portrait #hud-role{font-size:13px!important;gap:3px}body #room.portrait #hud-role:before{width:5px;height:5px}body #room.portrait .hud-state .h3-divider{height:22px}body #room.portrait .h3-clock{width:24px;height:24px}body #room.portrait #hud-timer{gap:2px}body #room.portrait #hud-timer:before{font-size:10px;display:none}body #room.portrait #hud-timer:after{font-size:24px}body #room.portrait .h3-seconds{font-size:11px}body #room.portrait .game-actions{width:132px!important;height:64px!important}body #room.portrait .game-actions #start,body #room.portrait .game-actions #drop{width:132px!important;height:64px!important}body #room.portrait .game-actions #drop:after{font-size:23px}body #room.portrait .game-actions #start:after{font-size:16px}body #room.portrait .game-actions .h3-arrow{width:24px;height:30px;margin-right:6px}body #room .h3-tool{display:none}}

body #room .game-actions #start,body #room .game-actions #drop,body #room.portrait .game-actions #drop{display:flex!important;flex-direction:row!important;gap:0!important}body #room.portrait .machine-title{grid-row:1!important;grid-column:1/4!important}body #room #machine-name{color:#171B49!important}body #room .game-status{display:none!important}body #room .game-actions #start[hidden],body #room .game-actions #drop[hidden],body #room.portrait .game-actions #drop[hidden]{display:none!important}
body #room .h3-tool{width:112px!important;white-space:nowrap}body #room .game-actions .h3-arrow{display:none!important}body #room .game-actions #drop:before{content:"";display:block;width:34px;height:38px;margin-right:12px;background:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27white%27 stroke-width=%274%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M12 3v16M5 12l7 7 7-7%27/%3E%3C/svg%3E")}body #room .game-actions .h3-skin{display:none!important}@media(orientation:portrait){body #room.portrait .game-actions #drop:before{width:24px;height:30px;margin-right:6px}}
@media(orientation:portrait){body #room.portrait .h3-clock{width:32px;height:32px}body #room.portrait #hud-timer:before{display:block;font-size:10px}}

body #room .stage,body #room.portrait .stage{inset:0!important;top:0!important;bottom:0!important;width:100%!important;height:100%!important;min-height:0!important;padding:0!important;margin:0!important}
body #room #game{inset:0!important;width:100%!important;height:100%!important;pointer-events:auto!important}
body #room .game-top,body #room .machine-title,body #room .hud-state,body #room .game-wallet,body #room .game-actions{pointer-events:none!important}
body #room .game-top button,body #room .game-actions button,body #room #game-menu,body #room #game-menu button{pointer-events:auto!important}
body #room .game-top{top:max(8px,var(--review-safe-top,0px),env(safe-area-inset-top))!important;left:max(8px,var(--review-safe-left,0px),env(safe-area-inset-left))!important;right:max(8px,var(--review-safe-right,0px),env(safe-area-inset-right))!important}
body #room .game-actions,body #room.portrait .game-actions{right:max(12px,var(--review-safe-right,0px),env(safe-area-inset-right))!important;bottom:max(12px,var(--review-safe-bottom,0px),env(safe-area-inset-bottom))!important}
@media(orientation:portrait){body #room.portrait .game-top{top:max(12px,var(--review-safe-top,0px),env(safe-area-inset-top))!important;left:max(12px,var(--review-safe-left,0px),env(safe-area-inset-left))!important;right:max(12px,var(--review-safe-right,0px),env(safe-area-inset-right))!important}}
@media(orientation:landscape) and (max-width:1250px){body #room #back{width:116px;font-size:18px!important}body #room #back .h3-icon{width:32px;height:32px}body #room .machine-title{width:auto;flex:1!important;padding:5px 10px!important;gap:5px!important}body #room #machine-name{font-size:18px!important}body #room .h3-room-icon{display:none}body #room .hud-state{width:276px;padding:5px 8px!important;gap:6px!important}body #room #hud-role{font-size:16px!important}body #room #hud-timer:after{font-size:28px}body #room .game-wallet{min-width:150px;padding:5px 8px!important;gap:4px!important}body #room .game-wallet .h3-icon{width:32px;height:32px}body #room .game-wallet strong{font-size:22px!important}body #room .game-wallet .h3-currency{display:none!important}body #room .h3-tool{display:none!important}body #room #game-menu .h3-tool{display:flex!important}body #room #menu-toggle{width:44px!important}}

body #room .h3-skin,body #room .h3-skin>span,body #room .h3-icon img,body #room .game-actions button{image-rendering:auto!important}
body #room .game-actions #start:after,body #room .game-actions #drop:after{line-height:1!important;transform:translateY(calc(var(--ink-y,0px) - 1.6px))}
body #room #back .h4-label{line-height:1;transform:translateY(calc(var(--ink-y,0px) - 1.3px))}
body #room .game-actions #drop:before{transform:translateY(-1.6px)}
/* Clip isolated high-contrast source-edge specks at the material silhouette,
   without blurring glyphs, highlights, or the entire control. */
body #room .h3-icon{border-radius:50%}

body #room .h3-skin{border-radius:999px;overflow:hidden!important}body #room .game-actions #start,body #room .game-actions #drop{background-clip:padding-box!important}body #room .h3-icon{aspect-ratio:1;flex-shrink:0!important}body #room .h3-icon img{object-fit:contain;transform:none}body #room #menu-toggle{width:60px!important;height:60px!important;min-width:60px!important;aspect-ratio:1;flex-shrink:0!important;align-self:center}body #room #menu-toggle .h3-skin{border-radius:50%;overflow:hidden!important}@media(orientation:portrait){body #room.portrait #menu-toggle{width:44px!important;height:44px!important;min-width:44px!important}}@media(orientation:landscape) and (max-width:1250px){body #room #menu-toggle{width:44px!important;height:44px!important;min-width:44px!important}}
body #room #menu-toggle .h3-skin{inset:0 0 auto;height:calc(100% * 419 / 397);border-radius:50%;overflow:hidden!important}
body #room #menu-toggle{min-height:60px!important;max-height:60px!important}@media(orientation:portrait){body #room.portrait #menu-toggle{height:44px!important;min-height:44px!important;max-height:44px!important}}@media(orientation:landscape) and (max-width:1250px){body #room #menu-toggle{height:44px!important;min-height:44px!important;max-height:44px!important}}
body #room .h3-skin{clip-path:inset(.25% .1% 5.25% round 999px)}body #room #menu-toggle .h3-skin{display:none!important}body #room #menu-toggle{border-radius:50%!important;background-image:url(/game/hud/cream-round-v4.png)!important;background-repeat:no-repeat!important;background-size:128.48% 128.48%!important;background-position:50.7% 50.3%!important;background-clip:padding-box!important;overflow:hidden!important}
@media(orientation:portrait) and (max-width:350px){body #room.portrait .hud-state{padding:4px!important;gap:3px!important}body #room.portrait #hud-role{font-size:11px!important;gap:2px}body #room.portrait .hud-state .h3-divider,body #room.portrait #hud-timer:before{display:none!important}body #room.portrait .h3-clock{width:24px;height:24px}body #room.portrait #hud-timer:after{font-size:22px}body #room.portrait .game-wallet strong{font-size:18px!important}}

body #room .game-top{z-index:122!important;left:max(12px,env(safe-area-inset-left))!important;right:max(12px,env(safe-area-inset-right))!important;max-width:none!important;width:auto!important}
body #room .h5-right{margin-left:auto;display:flex;align-items:center;justify-content:flex-end;gap:8px;min-width:0;flex:0 0 auto;pointer-events:none}
body #room .h5-right .game-wallet{width:max-content!important;min-width:0!important;flex:0 0 auto!important}
body #room .h5-right #menu-toggle{flex:0 0 auto!important;pointer-events:auto!important}
body #room #menu-toggle{border:0!important;box-shadow:none!important;background-color:transparent!important}
body #room #menu-toggle:focus-visible{outline:none!important;outline-offset:0!important}
body #room #game-menu #game-help{height:46px!important;min-height:46px!important;padding:8px 12px!important;border:0!important;border-radius:10px!important;background:#fff2e6!important;box-shadow:none!important;color:#171b49!important;font-size:16px!important;text-align:left!important}
@media(orientation:portrait){body #room.portrait .game-actions:has(#start:not([hidden])){width:152px!important}body #room.portrait .game-actions #start{width:152px!important;height:64px!important}body #room.portrait .game-actions #start:after{font-size:14px!important;max-width:106px!important}}
body #room .machine-title{flex:0 1 290px!important}
body #room #phase{padding:0!important;line-height:1!important}
body #room #phase:after{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;line-height:1!important;transform:translateY(calc(var(--badge-ink-y,0px) + var(--badge-face-y,1px)));pointer-events:none}
body #room #game-menu{position:fixed!important;left:auto!important;z-index:124!important;box-sizing:border-box!important;min-width:220px;width:260px!important;padding:12px!important;display:grid!important;gap:8px!important;overflow:auto!important;max-width:calc(100vw - 24px)!important;background:#fffaf7!important;border:1px solid #ead7c6!important;border-radius:18px!important;box-shadow:0 8px 22px #2d16492b!important}
body #room #game-menu[hidden],body #room #hud-menu-dismiss[hidden]{display:none!important}
body #room #game-menu .h3-tool{display:flex!important;width:100%!important;height:46px!important;min-height:46px!important;font-size:16px!important;justify-content:flex-start!important;padding:8px 12px!important}
body #room #game-menu .h3-tool .h3-skin{display:none!important}
body #room #game-menu .h3-tool{border-radius:10px!important;background:#fff2e6!important}
body #room #hud-menu-dismiss{position:fixed;inset:0;z-index:121;pointer-events:auto;touch-action:none;background:transparent}
body #room #game-menu .claw-bgm,body #room #game-menu .claw-sfx{position:relative!important;inset:auto!important;visibility:visible!important;width:100%;box-sizing:border-box}
body #room .h3-rays{display:none!important}
body #room .h5-ray{position:absolute;width:15px;height:28px;top:calc(50% - 14px);overflow:hidden;pointer-events:none;z-index:2}
body #room .h5-ray.left{left:calc(9% - 7.5px)}body #room .h5-ray.right{right:calc(9% - 7.5px);transform:scaleX(-1)}
body #room .game-actions #start:after,body #room .game-actions #drop:after{max-width:calc(100% - 56px);text-align:center}
body #room .h5-ray.left,body #room .h5-ray.right,body #room.portrait .h5-ray.left,body #room.portrait .h5-ray.right{inset:0!important;width:100%!important;height:100%!important;transform:none!important}
@media(orientation:portrait){body #room.portrait .game-top{grid-template-columns:96px minmax(0,1fr)!important}body #room.portrait .h5-right{grid-column:2;grid-row:1;justify-self:end;max-width:100%;gap:8px;margin-left:0}body #room.portrait .h5-right .game-wallet{grid-column:auto;grid-row:auto;width:max-content!important;max-width:100%;padding:4px 7px!important}body #room.portrait .h5-right #menu-toggle{grid-column:auto;grid-row:auto}body #room.portrait .h5-right .h3-currency{font-size:10px!important}body #room.portrait .h5-right .h3-large strong{font-size:18px!important}body #room.portrait .h5-right .h3-large .h3-icon{width:26px;height:26px}body #room.portrait .h5-ray{width:12px;height:22px;top:calc(50% - 11px)}body #room.portrait .h5-ray.left{left:calc(9% - 6px)}body #room.portrait .h5-ray.right{right:calc(9% - 6px)}}
@media(orientation:landscape) and (max-width:1250px){body #room .machine-title{flex:1 1 150px!important;max-width:240px!important}body #room .hud-state{width:250px!important;flex:0 1 250px!important}body #room .h5-right .game-wallet{padding:5px 8px!important}body #room .h5-right .game-wallet strong{font-size:22px!important}body #room .h5-right .game-wallet.h3-large strong{font-size:18px!important}}
@media(orientation:landscape) and (min-width:1251px){
body #room{--desktop-unit:min(.05491488vw,1.06px)}
body #room .game-top{top:max(12px,env(safe-area-inset-top))!important;height:calc(80 * var(--desktop-unit))!important;gap:calc(10 * var(--desktop-unit))!important}
body #room .game-top .h3-panel{height:calc(80 * var(--desktop-unit))!important}
body #room #back{width:calc(218 * var(--desktop-unit))!important;font-size:calc(26 * var(--desktop-unit))!important}
body #room .h3-icon{width:calc(53 * var(--desktop-unit));height:calc(53 * var(--desktop-unit))}
body #room .machine-title{width:calc(380 * var(--desktop-unit))!important;flex:0 0 calc(380 * var(--desktop-unit))!important;max-width:none!important}
body #room #machine-name{font-size:calc(26 * var(--desktop-unit))!important}
body #room .h3-room-icon{width:calc(34 * var(--desktop-unit));height:calc(34 * var(--desktop-unit))}
body #room #phase{min-width:calc(84 * var(--desktop-unit));height:calc(50 * var(--desktop-unit))}
body #room #phase:after{font-size:calc(23 * var(--desktop-unit))}
body #room .hud-state{width:calc(455 * var(--desktop-unit))!important;flex:0 0 calc(455 * var(--desktop-unit))!important}
body #room #hud-role{font-size:calc(23 * var(--desktop-unit))!important}
body #room .h3-clock{width:calc(45 * var(--desktop-unit));height:calc(45 * var(--desktop-unit))}
body #room #hud-timer:before,body #room .h3-seconds{font-size:calc(18 * var(--desktop-unit))}
body #room #hud-timer:after{font-size:calc(38 * var(--desktop-unit))}
body #room .game-wallet strong{font-size:calc(32 * var(--desktop-unit))!important}
body #room .game-wallet .h3-currency{font-size:calc(16 * var(--desktop-unit))!important}
body #room #menu-toggle{width:calc(80 * var(--desktop-unit))!important;height:calc(80 * var(--desktop-unit))!important;min-width:calc(80 * var(--desktop-unit))!important;min-height:calc(80 * var(--desktop-unit))!important;max-height:calc(80 * var(--desktop-unit))!important}
body #room #menu-toggle svg{width:calc(34 * var(--desktop-unit));height:calc(34 * var(--desktop-unit))}
}


body #room .game-actions #drop.h6-passive:before{display:none!important}body #room .game-actions #drop.h6-passive:after{font-size:18px!important}

/* Fixed pair: coin left, drop always at bottom right. */
body #room .game-actions,body #room.portrait .game-actions,body #room.portrait .game-actions:has(#start:not([hidden])){display:grid!important;grid-template-columns:90px 152px!important;grid-template-rows:38px 76px!important;gap:6px 10px!important;width:252px!important;height:120px!important;min-height:0!important;max-height:none!important;padding:0!important;box-sizing:border-box!important;align-items:stretch!important;overflow:visible!important}
body #room .game-actions #start,body #room.portrait .game-actions #start{grid-column:1;grid-row:2;display:flex!important;width:90px!important;height:76px!important;min-width:44px!important;min-height:44px!important;border-radius:24px!important;background:linear-gradient(#fff8d0,#ffd371)!important;border:2px solid #fff5d6!important;box-shadow:0 4px 0 #b68742!important;color:#67402d!important}
body #room .game-actions #drop,body #room.portrait .game-actions #drop{grid-column:2;grid-row:2;display:flex!important;width:152px!important;height:76px!important;min-width:44px!important;min-height:44px!important}
body #room .game-actions #start:after{font-size:20px!important;max-width:100%!important;transform:translateY(6px)!important;color:#67402d!important}body #room .game-actions #drop:after{font-size:26px!important;max-width:100%!important}body #room .game-actions #drop:before{display:block!important;width:25px!important;height:30px!important;margin-right:8px!important}body #room .game-actions #start:before{display:none!important}body #room .game-actions #start:disabled{opacity:.55!important}body #room .game-actions #drop:disabled{opacity:.48!important}body #room #release{display:none!important}
#coin-status{grid-column:1/3;grid-row:1;display:flex;align-items:flex-end;flex-direction:column;justify-content:center;gap:2px;pointer-events:none;font-size:14px;color:#171b49;text-shadow:0 1px 2px white,0 0 5px white}#coin-feedback{font-size:11px}#batch-stop{min-height:44px;width:100%;border:0;border-radius:12px;background:#fff6dc;font-size:14px;padding:8px;color:#67402d}#batch-stop[hidden]{display:none!important}
@media(max-width:600px),(orientation:landscape) and (max-height:500px){body #room .game-actions,body #room.portrait .game-actions,body #room.portrait .game-actions:has(#start:not([hidden])){grid-template-columns:72px 116px!important;grid-template-rows:34px 64px!important;width:196px!important;height:102px!important;gap:4px 8px!important}body #room .game-actions #start,body #room.portrait .game-actions #start{width:72px!important;height:64px!important;border-radius:22px!important}body #room .game-actions #drop,body #room.portrait .game-actions #drop{width:116px!important;height:64px!important}body #room .game-actions #drop:after{font-size:22px!important}body #room .game-actions #start:after{font-size:17px!important}#coin-status{font-size:12px}#coin-feedback{font-size:10px}}


/* Coin action reuses the approved round HUD plate and wallet coin artwork. */
body #room .game-actions #start[data-label],body #room.portrait .game-actions #start[data-label]{position:relative!important;inset:auto!important;justify-self:center!important;align-self:center!important;box-sizing:border-box!important;width:76px!important;height:76px!important;min-width:76px!important;min-height:76px!important;max-width:76px!important;max-height:76px!important;aspect-ratio:1!important;border:0!important;border-radius:50%!important;background-color:transparent!important;background-image:url('/game/hud/cream-round-v4.png')!important;background-repeat:no-repeat!important;background-size:128.48% 128.48%!important;background-position:50.7% 50.3%!important;box-shadow:none!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:2px!important;padding:8px 0!important;transform:none;transition:filter .12s ease,transform .12s ease;isolation:isolate}
body #room .game-actions #start[data-label] .h3-skin,body #room .game-actions #start[data-label] .h5-ray,body #room .game-actions #start[data-label] .h3-rays{display:none!important}
body #room .game-actions #start[data-label]:before{content:''!important;display:block!important;position:static!important;inset:auto!important;flex:0 0 28px!important;width:28px!important;height:28px!important;margin:0!important;border:0!important;border-radius:50%!important;background:url('/game/hud/gold-star-coin-v2.png') center/contain no-repeat!important;transform:none!important;pointer-events:none}
body #room .game-actions #start[data-label]:after{position:static!important;inset:auto!important;display:block!important;flex:none!important;max-width:none!important;margin:0!important;padding:0!important;font-size:18px!important;line-height:20px!important;letter-spacing:.04em!important;color:#4a2220!important;text-shadow:none!important;transform:translateY(-1px)!important;pointer-events:none}
body #room .game-actions #start[data-label]:enabled:hover{filter:brightness(1.035)!important}
body #room .game-actions #start[data-label]:enabled:active{transform:translateY(1px) scale(.96)!important;filter:brightness(.98)!important}
body #room .game-actions #start[data-label]:focus-visible{outline:none!important;outline-offset:0!important}
body #room .game-actions #start[data-label].coin-pending{outline:2px solid #e6b75b;outline-offset:1px}
body #room .game-actions #start[data-label]:disabled{opacity:.62!important;filter:saturate(.3)!important;transform:none!important}
@media(max-width:600px),(orientation:landscape) and (max-height:500px){body #room .game-actions #start[data-label],body #room.portrait .game-actions #start[data-label]{width:64px!important;height:64px!important;min-width:64px!important;min-height:64px!important;max-width:64px!important;max-height:64px!important;padding:6px 0!important;gap:1px!important}body #room .game-actions #start[data-label]:before{width:25px!important;height:25px!important;flex-basis:25px!important}body #room .game-actions #start[data-label]:after{font-size:16px!important;line-height:18px!important}}
@media(prefers-reduced-motion:reduce){body #room .game-actions #start[data-label]{transition:none!important}}
/* Keep the legacy phase text available to assistive technology without a second visible status. */
body #room .machine-title #phase{position:absolute!important;width:1px!important;height:1px!important;min-width:0!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;font-size:1px!important}
body #room .machine-title #phase:after,body #room .machine-title #phase>.h3-skin,body #room .machine-title>.h3-divider{display:none!important}
body #room .machine-title{width:max-content!important;flex:0 0 auto!important;max-width:none!important}
body #room .machine-title #machine-name{flex:none!important}
@media(orientation:portrait){body #room.portrait .machine-title{width:100px!important}body #room.portrait .hud-state{left:108px!important}}
/* Keep status and countdown visible during the continuation window. */

/* Always visible in game HUD, separate from the dropdown. */
body #room #hud-peek{position:fixed;z-index:118;display:flex;align-items:center;justify-content:center;gap:7px;box-sizing:border-box;width:max-content;max-width:150px;right:auto;bottom:auto;min-width:120px;height:48px;min-height:44px;padding:0 13px;border:1.5px solid #dfc7ad;border-radius:24px;background:linear-gradient(#fffdf7,#fff0d7);box-shadow:inset 0 2px 0 #fff,0 3px 0 #bfa286,0 4px 8px #4b2b1e22;color:#553a37;font:17px HudHuninn,'Microsoft JhengHei',sans-serif;line-height:1;white-space:nowrap;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;cursor:pointer}
body #room #hud-peek svg{width:23px;height:23px;flex:none;pointer-events:none}body #room #hud-peek span{pointer-events:none}
body #room #hud-peek[aria-pressed=true]{background:linear-gradient(#f9dfaa,#ffecc8);box-shadow:inset 0 2px 3px #88603033,0 1px 0 #bfa286;transform:translateY(2px)}
body #room #hud-peek:disabled{opacity:.5;cursor:default}body #room #hud-peek:focus-visible{outline:none!important;outline-offset:0!important}
@media(max-height:500px){body #room #hud-peek{min-width:106px;height:44px;font-size:15px;gap:5px;padding:0 10px}body #room #hud-peek svg{width:21px;height:21px}}

/* Exact approved action PNGs. Fixed labels/icons belong to the bitmaps; only the queued count is live text. */
body #room .game-actions,
body #room.portrait .game-actions,
body #room.portrait .game-actions:has(#start:not([hidden])) {
 --control-width:min(410px,calc(100vw - max(12px,var(--review-safe-left,0px),env(safe-area-inset-left)) - max(12px,var(--review-safe-right,0px),env(safe-area-inset-right))));
 width:var(--control-width)!important;height:calc(var(--control-width) * 544 / 1367)!important;
 display:block!important;padding:0!important;overflow:visible!important;pointer-events:none!important;
}
body #room .game-actions #start[data-label],body #room.portrait .game-actions #start[data-label],
body #room .game-actions #drop,body #room.portrait .game-actions #drop {
 position:absolute!important;inset:auto!important;top:40.808823529%!important;bottom:auto!important;
 box-sizing:border-box!important;min-width:44px!important;min-height:44px!important;max-width:none!important;max-height:none!important;
 border:0!important;border-radius:999px!important;padding:0!important;margin:0!important;box-shadow:none!important;
 background-color:transparent!important;background-repeat:no-repeat!important;background-position:center!important;background-size:100% 100%!important;
 font-size:0!important;color:transparent!important;overflow:visible!important;aspect-ratio:auto!important;pointer-events:auto!important;
 transform:none;filter:drop-shadow(0 4px 3px #69432136)!important;transition:filter .12s ease,transform .12s ease;
}
body #room .game-actions #start[data-label],body #room.portrait .game-actions #start[data-label] {
 left:0!important;width:42.282370153%!important;height:58.455882353%!important;background-image:url('/game/hud/approved-actions-v1/coin-button.png')!important;
}
body #room .game-actions #drop[data-label],body #room.portrait .game-actions #drop[data-label] {
 left:42.062911485%!important;width:57.937088515%!important;height:59.191176471%!important;background-image:url('/game/hud/approved-actions-v1/drop-button.png')!important;background-position:center!important;background-size:100% 100%!important;background-repeat:no-repeat!important;
}
body #room .game-actions #start[data-label]::before,body #room .game-actions #start[data-label]::after,
body #room .game-actions #drop::before,body #room .game-actions #drop::after,
body #room .game-actions #start[data-label] > *,body #room .game-actions #drop > * {display:none!important;content:none!important}
body #room .game-actions #start[data-label]:enabled:hover,body #room .game-actions #drop:enabled:hover {filter:brightness(1.035) drop-shadow(0 4px 3px #69432136)!important}
body #room .game-actions #start[data-label]:enabled:active,body #room .game-actions #drop:enabled:active {transform:translateY(2px) scale(.98)!important}
body #room .game-actions #start[data-label]:disabled,body #room .game-actions #drop:disabled {opacity:.62!important;filter:saturate(.3) drop-shadow(0 2px 2px #69432126)!important;transform:none!important}
body #room .game-actions #start[data-label]:focus-visible,body #room .game-actions #drop:focus-visible {outline:none!important;outline-offset:0!important}
body #room .game-actions #start[data-label].coin-pending {outline:2px solid #e6b75b;outline-offset:1px}
body #room #coin-status {position:absolute;left:8.485735186%;top:0;width:82.809070959%;height:40.808823529%;display:block;pointer-events:none;text-shadow:none}
body #room #coin-rounds {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap}
body #room .coin-count-art {position:absolute;inset:0;pointer-events:none;filter:drop-shadow(0 3px 2px #6943212b)}
body #room .coin-count-art:before {content:'';position:absolute;left:52.385159011%;top:16.216216216%;width:38.339222615%;height:68.468468468%;background:url('/game/hud/approved-actions-v1/count-readout-well.png') center/100% 100% no-repeat}
body #room .coin-count-art:after {content:'';position:absolute;inset:0;background:url('/game/hud/approved-actions-v1/count-label-frame.png') center/100% 100% no-repeat}
body #room .coin-count-value {position:absolute;z-index:1;left:52.473498233%;top:16.666666667%;width:38.16254417%;height:67.567567568%;display:flex;align-items:center;justify-content:center;gap:calc(var(--control-width) * 12 / 1367);color:#211650;line-height:1;white-space:nowrap}
body #room #coin-queued {font-family:HudHuninn,sans-serif!important;font-weight:900;font-size:calc(var(--control-width) * var(--count-font,120) / 1367);font-variant-numeric:tabular-nums;letter-spacing:-.035em}
body #room .coin-count-unit {font-size:calc(var(--control-width) * 67 / 1367);font-weight:700}
body #room .coin-count-meta {position:absolute;bottom:calc(100% + 4px);right:0;display:flex;align-items:center;justify-content:flex-end;gap:8px;width:calc(var(--control-width) - 4px);min-height:16px;color:#171b49;font-size:12px;line-height:1.3;text-align:right;text-shadow:0 1px 2px white,0 0 5px white}
body #room #coin-feedback {font-size:12px;overflow-wrap:anywhere}
body #room #coin-current {white-space:nowrap}
body #room #coin-current[hidden] {display:none!important}
@media(max-width:600px) {body #room .game-actions,body #room.portrait .game-actions,body #room.portrait .game-actions:has(#start:not([hidden])) {--control-width:min(342px,calc(100vw - max(12px,var(--review-safe-left,0px),env(safe-area-inset-left)) - max(12px,var(--review-safe-right,0px),env(safe-area-inset-right))))}}
@media(orientation:landscape) and (max-height:500px) {body #room .game-actions,body #room.portrait .game-actions,body #room.portrait .game-actions:has(#start:not([hidden])) {--control-width:min(300px,calc(100vw - max(12px,var(--review-safe-left,0px),env(safe-area-inset-left)) - max(12px,var(--review-safe-right,0px),env(safe-area-inset-right))))}}
@media(prefers-reduced-motion:reduce) {body #room .game-actions #start[data-label],body #room .game-actions #drop {transition:none!important}}

/* Layout in visible-art coordinates. PNG bytes and aspect ratios are unchanged. */
body #room{--hud-gap:12px;--hud-face:64px;--hud-inset:16px}
body #room .game-top{left:max(var(--hud-inset),var(--review-safe-left,0px),env(safe-area-inset-left))!important;right:max(var(--hud-inset),var(--review-safe-right,0px),env(safe-area-inset-right))!important;top:max(var(--hud-inset),var(--review-safe-top,0px),env(safe-area-inset-top))!important;height:calc(var(--hud-face) / .945)!important;gap:var(--hud-gap)!important}
body #room .game-top .h3-panel{height:calc(var(--hud-face) / .945)!important}
body #room .game-top .h3-skin{transform:translateY(2.5%);clip-path:inset(.25% 0 5.25% round 999px)}
body #room .h5-right{margin-left:0;gap:var(--hud-gap)}
body #room .machine-title{width:auto!important;flex:1 1 200px!important;max-width:none!important}
body #room .hud-state{width:auto!important;flex:1 1 300px!important;max-width:none!important}
body #room #menu-toggle{width:var(--hud-face)!important;height:var(--hud-face)!important;min-width:var(--hud-face)!important;min-height:var(--hud-face)!important;max-height:var(--hud-face)!important}
body #room .game-actions,body #room.portrait .game-actions,body #room.portrait .game-actions:has(#start:not([hidden])){
 --action-gap:12px;--peek-size:52px;--action-scale:.235;--count-scale:.24;
 width:calc(2 * var(--peek-size) + 3 * var(--action-gap) + 1337px * var(--action-scale))!important;
 height:calc(305px * var(--action-scale) + var(--action-gap) + 206px * var(--count-scale))!important;
 right:max(var(--hud-inset),var(--review-safe-right,0px),env(safe-area-inset-right))!important;bottom:max(var(--hud-inset),var(--review-safe-bottom,0px),env(safe-area-inset-bottom))!important;
 display:flex!important;flex-direction:row!important;align-items:flex-end!important;justify-content:flex-end!important;gap:var(--action-gap)!important;
}
body #room .game-actions #start[data-label],body #room.portrait .game-actions #start[data-label],body #room .game-actions #drop[data-label],body #room.portrait .game-actions #drop[data-label]{position:relative!important;inset:auto!important;flex:none!important;min-height:0!important;min-width:0!important;align-self:flex-end!important;justify-self:auto!important;aspect-ratio:auto!important;filter:none!important}
body #room .game-actions #start[data-label],body #room.portrait .game-actions #start[data-label]{order:3;width:calc(562px * var(--action-scale))!important;height:calc(302px * var(--action-scale))!important;background-size:102.846975089% 105.298013245%!important;background-position:50% 50%!important}
body #room .game-actions #drop[data-label],body #room.portrait .game-actions #drop[data-label]{order:4;width:calc(775px * var(--action-scale))!important;height:calc(305px * var(--action-scale))!important;background-size:102.193548387% 105.573770492%!important;background-position:47.058823529% 47.058823529%!important}
body #room .game-actions .hud-peek{order:1;position:relative;inset:auto;flex:none;box-sizing:border-box;width:var(--peek-size);height:var(--peek-size);min-width:var(--peek-size);min-height:var(--peek-size);max-width:var(--peek-size);aspect-ratio:1;padding:11px;border:0;border-radius:50%;background:transparent url('/game/hud/cream-round-v4.png') 50.7% 50.3% / 128.48% 128.48% no-repeat;box-shadow:none;overflow:hidden;color:#553a37;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;pointer-events:auto!important;cursor:pointer}
body #room .game-actions #hud-peek-right{order:2}
body #room .hud-peek svg{display:block;width:100%;height:100%;pointer-events:none}
body #room .hud-peek[aria-pressed=true]{filter:brightness(.93);transform:translateY(1px)}
body #room .hud-peek:disabled{opacity:.5;cursor:default}
body #room .hud-peek:focus-visible{outline:none!important;outline-offset:0!important}
/* Uniform source-pixel scale for the approved round plate (1266 × 1243). */
body #room #menu-toggle,body #room .game-actions .hud-peek{background-size:129.447852761% 127.096114519%!important;background-position:49.652777778% 51.698113208%!important}
body #room #coin-status{left:auto;right:0;top:0;width:calc(981px * var(--count-scale));height:calc(206px * var(--count-scale))}
body #room .coin-count-art{inset:0;filter:none;overflow:hidden;border-radius:999px}
/* Split the existing frame at a blank area: retain its rounded cap and every glyph. */
body #room .coin-count-art:after{inset:0 0 0 auto;width:calc(907px * var(--count-scale));background-size:calc(1132px * var(--count-scale)) calc(222px * var(--count-scale));background-position:right calc(-8px * var(--count-scale)) top calc(-8px * var(--count-scale))}
body #room .coin-count-art:before{left:0;top:0;width:calc(90px * var(--count-scale));height:100%;background:url('/game/hud/approved-actions-v1/count-label-frame.png') left calc(-8px * var(--count-scale)) top calc(-8px * var(--count-scale)) / calc(1132px * var(--count-scale)) calc(222px * var(--count-scale)) no-repeat}
body #room .coin-count-value{left:calc(451px * var(--count-scale));top:calc(29px * var(--count-scale));width:calc(432px * var(--count-scale));height:calc(150px * var(--count-scale));gap:calc(12px * var(--count-scale));background:url('/game/hud/approved-actions-v1/count-readout-well.png') center/100% 100% no-repeat;border-radius:999px}
body #room #coin-queued{font-size:calc(var(--count-scale) * var(--count-font,120) * 1px)}
body #room .coin-count-unit{font-size:calc(67px * var(--count-scale))}
body #room #coin-current{display:none!important}
body #room .coin-count-meta{width:max-content;max-width:100%;bottom:calc(100% + 6px);min-height:0}
body #room #coin-feedback:empty{display:none}
@media(max-width:1250px){body #room{--hud-gap:8px;--hud-face:48px;--hud-inset:12px}body #room #back{width:116px!important}body #room .hud-state{flex:1 1 220px!important}body #room .machine-title{flex:1 1 110px!important}body #room .h3-clock{width:28px;height:28px}body #room #hud-role{font-size:14px!important}body #room #hud-timer:after{font-size:24px}body #room .h5-right .game-wallet strong{font-size:20px!important}}
@media(orientation:portrait){body #room.portrait .game-top{display:grid!important;grid-template-columns:96px minmax(0,1fr)!important;grid-template-rows:calc(var(--hud-face) / .945) calc(var(--hud-face) / .945)!important;height:calc(2 * var(--hud-face) / .945 + var(--hud-gap))!important;gap:var(--hud-gap)!important}body #room.portrait #back{width:96px!important}body #room.portrait .h5-right{gap:var(--hud-gap)}body #room.portrait .machine-title{top:calc(var(--hud-face) / .945 + var(--hud-gap));left:0;width:96px!important;height:calc(var(--hud-face) / .945)!important}body #room.portrait .hud-state{top:calc(var(--hud-face) / .945 + var(--hud-gap));left:calc(96px + var(--hud-gap))!important;right:0;height:calc(var(--hud-face) / .945)!important}body #room.portrait #menu-toggle{width:var(--hud-face)!important;height:var(--hud-face)!important;min-width:var(--hud-face)!important;min-height:var(--hud-face)!important;max-height:var(--hud-face)!important}}
@media(max-width:600px),(orientation:landscape) and (max-height:500px){body #room .game-actions,body #room.portrait .game-actions,body #room.portrait .game-actions:has(#start:not([hidden])){--action-gap:8px;--peek-size:44px;--action-scale:.17;--count-scale:.205}}
@media(orientation:portrait){body #room.portrait .h5-right{width:100%;justify-self:stretch}body #room.portrait .h5-right .game-wallet{flex:1 1 0!important;width:auto!important}}
@media(max-width:350px){body #room .game-actions,body #room.portrait .game-actions,body #room.portrait .game-actions:has(#start:not([hidden])){--action-gap:4.25px;--action-scale:.146;--count-scale:.19}body #room{--hud-face:44px}body #room.portrait .h5-right .game-wallet{padding:4px!important}body #room.portrait .h5-right .h3-currency{display:none!important}}

/* Content-sized information plates; the room label yields before the status. */
body #room .h6-information{display:flex;align-items:center;gap:var(--hud-gap);flex:0 1 auto;min-width:0;pointer-events:none}
body #room .h5-right{margin-left:auto}
body #room .machine-title,body #room .hud-state{width:max-content!important;min-width:0!important;justify-content:flex-start!important;text-align:left!important;padding:6px 16px!important}
body #room .machine-title{flex:0 1 auto!important;max-width:min(28vw,420px)!important}
body #room .hud-state{flex:0 0 auto!important;max-width:100%!important}
body #room .machine-title #machine-name{flex:0 1 auto!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;text-align:left!important}
body #room #hud-role,body #room #hud-timer{justify-content:flex-start!important;text-align:left!important}
@media(max-width:1250px){body #room .machine-title,body #room .hud-state{padding:5px 12px!important}}
@media(orientation:portrait){
 body #room.portrait .h6-information{grid-column:1/-1;grid-row:2;max-width:100%;align-self:center}
 body #room.portrait .machine-title,body #room.portrait .hud-state{position:relative!important;inset:auto!important;grid-row:auto!important;grid-column:auto!important;width:max-content!important;padding:5px 12px!important}
 body #room.portrait .machine-title{max-width:45%!important;flex:0 1 auto!important}
 body #room.portrait .hud-state{flex:0 0 auto!important}
}

/* Spectator operator identification; action area stays free of small feedback text. */
body #room #coin-feedback{display:none!important}
body #room #operator-notice{position:fixed;z-index:118;width:max-content;top:94px;left:50%;transform:translateX(-50%);max-width:calc(100vw - 32px);box-sizing:border-box;padding:8px 20px;border:1px solid #fff;border-radius:22px;background:#fffaf3ed;color:#221953;box-shadow:0 3px 10px #38205d28;font:400 18px ClawSystemLocal,sans-serif;text-align:center;overflow-wrap:anywhere;pointer-events:none}
body #room #operator-notice[hidden]{display:none!important}
@media(max-width:640px){body #room #operator-notice{top:160px;font-size:16px;padding:7px 16px}}
@media(orientation:landscape) and (max-height:500px){body #room #operator-notice{top:76px;font-size:15px;padding:5px 14px}}