.lvt-icon{display:inline-block;vertical-align:middle;flex-shrink:0;width:20px;height:20px}
.game-hall-link{display:inline-flex!important;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:8px 12px;border:1px solid currentColor;border-radius:5px;color:inherit;text-decoration:none!important;font:500 12px/1.3 'Segoe UI','Microsoft YaHei',sans-serif;letter-spacing:0;white-space:nowrap;flex-shrink:0}
.game-hall-link>span{display:inline!important}.game-hall-link:hover{background:#ac986d12}.game-topbar>nav{display:flex;align-items:center}.game-topbar>nav>.game-hall-link{margin-left:12px}
.room-share-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:10px 14px;border:1px solid #a3988066;border-radius:4px;background:transparent;color:inherit;font:500 12px/1.4 'Segoe UI','Microsoft YaHei',sans-serif;white-space:nowrap;cursor:pointer}
.room-share-button:hover{background:#a398801a}.site-share-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid #e8c49855;border-radius:5px;padding:13px 18px;color:var(--gold,#e8c498);background:#e8c49809;font-size:12px;min-height:46px;cursor:pointer}
.site-share-wrap{text-align:right}.site-share-wrap>p{font-size:10px;color:var(--muted);margin-top:9px}.qr-row{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;margin:12px 0}.qr-row .room-share-button{min-width:120px}
.lvt-share-dialog{color-scheme:light!important;position:fixed!important;inset:0!important;max-width:408px!important;width:calc(100% - 28px)!important;max-height:calc(100dvh - 28px)!important;margin:auto!important;overflow:auto!important;padding:30px 24px 22px!important;background:#fcfaf4!important;color:#20303a!important;border:1px solid #d5c29f!important;border-radius:12px!important;box-shadow:0 20px 90px #0007!important;text-align:center!important;font:14px/1.6 'Segoe UI','Microsoft YaHei',sans-serif!important;z-index:1000}
.lvt-share-dialog::backdrop{background:#06101bd9!important;backdrop-filter:blur(4px)}.lvt-share-dialog h2{font:500 22px/1.5 Georgia,'Microsoft YaHei',serif!important;color:#20303a!important;margin:8px 0 9px!important;letter-spacing:0!important}.lvt-share-dialog p{color:#66757b!important;margin:8px 0!important;line-height:1.65!important}.lvt-share-dialog .lvt-share-eyebrow{font-size:9px!important;letter-spacing:.18em!important;color:#9b7943!important}.lvt-share-dialog .lvt-share-description{font-size:12px!important}.lvt-share-close{position:absolute!important;top:10px!important;right:10px!important;display:grid!important;place-items:center!important;min-height:40px!important;min-width:40px!important;padding:7px!important;border:0!important;border-radius:5px!important;background:transparent!important;color:#52616a!important;cursor:pointer!important}.lvt-share-dialog .lvt-qr-image{display:block!important;width:min(100%,280px)!important;height:auto!important;aspect-ratio:1!important;object-fit:contain!important;background:#fff!important;border-radius:0!important;margin:15px auto 6px!important;image-rendering:pixelated!important}.lvt-share-dialog .lvt-share-code{font-size:18px!important;color:#334d5b!important;letter-spacing:.1em!important}.lvt-share-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;margin:16px 0 12px!important}.lvt-share-actions>a,.lvt-share-actions>button{font:500 12px/1.4 'Segoe UI','Microsoft YaHei',sans-serif!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;min-height:46px!important;width:100%!important;padding:9px 8px!important;border:1px solid #9bafbb!important;border-radius:5px!important;text-decoration:none!important;cursor:pointer!important}.lvt-share-primary{background:#304f62!important;color:#fff!important}.lvt-share-secondary{background:#fff!important;color:#304f62!important}.lvt-share-url{width:100%!important;min-height:42px!important;padding:10px!important;border:1px solid #c1cacf!important;border-radius:4px!important;background:#fff!important;color:#425964!important;font:11px/1.4 'Segoe UI',sans-serif!important;text-align:center!important;letter-spacing:0!important}.lvt-share-hint{font-size:10px!important}.lvt-share-dialog :focus-visible,.game-hall-link:focus-visible,.room-share-button:focus-visible{outline:2px solid #b58b41!important;outline-offset:3px!important}
@media(max-width:760px){.game-topbar{height:auto!important;min-height:96px!important;flex-wrap:wrap!important;gap:4px!important;padding:12px 0 9px!important}.game-topbar>.brand,.game-topbar>.case-brand{flex:1 0 100%!important}.game-topbar>nav{width:100%!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:6px!important;flex-wrap:nowrap!important}.game-topbar>nav>.game-hall-link{margin-left:auto!important;min-height:40px!important;padding:7px 10px!important;font-size:11px!important}.game-topbar>nav>.game-hall-link .lvt-icon{width:17px;height:17px}.game-topbar>nav>.game-hall-link>span{display:inline!important}.game-topbar>nav button{flex-shrink:0}.game-topbar .connection{margin-right:0!important}.site-share-wrap{text-align:left;margin-top:18px}.site-share-wrap>p{display:none}.site-share-button{width:100%;justify-content:center}.lvt-share-dialog{padding:28px 19px 18px!important}.room-share-button{font-size:11px}}
@media(max-width:360px){.game-topbar>nav{gap:3px!important}.game-topbar nav .connection>span{display:none}.game-topbar>nav>.game-hall-link{padding:6px 8px!important}.lvt-share-dialog h2{font-size:19px!important}.lvt-share-dialog .lvt-qr-image{width:220px!important}.lvt-share-dialog .lvt-share-description{font-size:11px!important}}

.lvt-tool-button{display:inline-flex;align-items:center;justify-content:center;gap:6px}.phase-icon>.lvt-icon{width:40px;height:40px}.setup-options .arrow>.lvt-icon{width:18px;height:18px}.game-topbar a.brand{text-decoration:none;color:inherit}
@media(max-width:760px){.game-topbar nav .lvt-tool-button{width:36px;min-width:36px;min-height:40px;padding:7px!important;white-space:nowrap}.game-topbar nav .lvt-tool-button>span{display:none}.game-topbar nav .home-nav{display:none}.game-topbar nav .text-button{padding:6px!important}.game-topbar nav .text-button>span{display:none}.game-topbar nav .connection>span{display:none}.game-topbar nav .connection{padding:0!important}.dealer-header.game-topbar .brand{flex:1 0 100%}.dealer-header.game-topbar nav{padding-left:0}.dealer-header.game-topbar nav button{font-size:11px!important}.game-topbar nav .game-hall-link{margin-left:auto!important}}

@media(max-width:760px){.game-topbar{display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:34px 40px!important;row-gap:6px!important;padding:12px 0 8px!important;min-height:100px!important;align-items:center!important}.game-topbar>.brand,.game-topbar>.case-brand{grid-row:1;grid-column:1;justify-self:start;max-height:34px;margin:0!important}.game-topbar>nav{grid-row:2;grid-column:1;min-height:40px!important}.game-topbar>.brand>.icon{height:30px!important;width:26px!important}}


/* Keep icons deterministic on iOS and all navigation inside the same gutters. */
.lvt-icon-external{width:15px;height:15px;margin-left:4px;vertical-align:-2px;flex-shrink:0}
.resume-icon{display:inline-flex;align-items:center;justify-content:center;line-height:1}.resume-icon .lvt-icon{width:23px;height:23px}.resume-arrow{display:inline-flex;align-items:center;gap:7px}.resume-arrow .lvt-icon{width:17px;height:17px}
.game-topbar,.game-topbar>nav{box-sizing:border-box;min-width:0;max-width:100%}.game-topbar>nav>.game-hall-link{max-width:100%}.dealer-moon>.lvt-icon{width:40px;height:40px}
.help-button .guide-arrow{display:inline-flex;align-items:center;justify-content:center;border:0!important;width:auto!important;height:auto!important}.help-button .guide-arrow>.lvt-icon{width:19px;height:19px}.help-button{gap:7px}
@media(max-width:760px){
 .app-shell,.case-shell,.shell,.dealer-shell{padding-left:max(20px,env(safe-area-inset-left))!important;padding-right:max(20px,env(safe-area-inset-right))!important;box-sizing:border-box;width:100%;max-width:100%}
 .game-topbar>nav{width:100%!important;min-width:0!important}.game-topbar>nav>.game-hall-link{margin-right:0!important}
 .lobby-header .help-button{width:auto!important;min-width:48px;min-height:40px;padding:7px 0!important;display:inline-flex;gap:5px;white-space:nowrap}.lobby-header .help-button em{display:inline!important;font-size:10px!important}.lobby-header .guide-arrow{border:0!important;background:none!important}.lobby-header nav{gap:12px}
 .role-gallery,.gallery-heading{min-width:0;max-width:100%}.gallery-heading{flex-wrap:wrap;align-items:flex-start;gap:12px}.gallery-heading>div{flex:1 1 165px;min-width:0}.gallery-heading>.subtle{display:inline-flex;align-items:center;gap:5px;min-height:36px;flex:0 0 auto;padding:7px 9px!important;white-space:nowrap;border:1px solid #7d91a63d;border-radius:4px}
 .dealer-entry{align-items:stretch;gap:9px}.dealer-entry .primary{flex:1 0 100%;min-width:0;max-width:100%;justify-content:center;text-align:center}.dealer-entry>span{display:block;flex:1 0 100%}
}
@media(max-width:580px){.lobby-header .help-button em{font-size:9px!important}.lobby-header .help-button .guide-arrow>.lvt-icon{width:17px;height:17px}.lobby-header nav{gap:9px}.lobby-header .help-button{min-width:43px}}
@media(max-width:360px){.lobby-header nav{gap:7px}.lobby-header .local-badge{font-size:7px;padding:6px}.lobby-header .brand-wordmark small{letter-spacing:0!important}.gallery-heading>div{flex-basis:100%}}

html{-webkit-text-size-adjust:100%;text-size-adjust:100%}@media(max-width:760px){.game-topbar>nav{padding-right:8px!important;box-sizing:border-box!important}}


/* Paint the Werewolf top bar through the shell gutters, without 100vw overflow. */
.shell>.wolf-fullbar{--wolf-gutter-start:48px;--wolf-gutter-end:48px;box-sizing:border-box!important;width:calc(100% + var(--wolf-gutter-start) + var(--wolf-gutter-end))!important;max-width:none!important;margin-left:calc(0px - var(--wolf-gutter-start))!important;margin-right:calc(0px - var(--wolf-gutter-end))!important;padding-left:var(--wolf-gutter-start)!important;padding-right:var(--wolf-gutter-end)!important;background:#f8f2e8!important;border-bottom:1px solid #7d91a65c}
@media(max-width:1100px){.shell>.wolf-fullbar{--wolf-gutter-start:30px;--wolf-gutter-end:30px}}
@media(max-width:800px){.shell>.wolf-fullbar{--wolf-gutter-start:22px;--wolf-gutter-end:22px}}
@media(max-width:760px){.shell>.wolf-fullbar{--wolf-gutter-start:max(20px,env(safe-area-inset-left));--wolf-gutter-end:max(20px,env(safe-area-inset-right))}}

/* Above the shell's maximum width, continue only the painted bar to the viewport.
   A clipped shadow adds no layout width, so it cannot create horizontal scrolling. */
@media(min-width:1401px){
 .shell>.wolf-fullbar{position:relative;isolation:isolate}
 .shell>.wolf-fullbar::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:#f8f2e8;box-shadow:0 0 0 100vmax #f8f2e8;clip-path:inset(0 -100vmax)}
}