.unionFileNotice{position:fixed;z-index:10000;bottom:24px;left:50%;transform:translateX(-50%);width:max-content;max-width:calc(100vw - 32px);padding:12px 20px;border:5px solid transparent;border-image:var(--site-native-frame) 8 stretch;background:linear-gradient(#2c3c44ef,#203038ef),var(--site-native-texture);background-clip:padding-box;color:#eaf3ed;font-size:12px;line-height:1.7;text-align:center;box-shadow:0 8px 26px #0005;pointer-events:none}
.unionFileNotice[hidden]{display:none}.unionFileNotice[data-error="true"]{color:#ffd6b0}
a.nativeAction[aria-disabled="true"]{opacity:.45;pointer-events:none}
@media(prefers-reduced-motion:no-preference){.unionFileNotice:not([hidden]){animation:unionFileNoticeIn .18s ease-out}@keyframes unionFileNoticeIn{from{opacity:0;translate:0 5px}to{opacity:1;translate:0 0}}}
/* The original backgrnd2 window edge encloses the toolbar and native stage.
   Only the outer 8px are sliced; the board/grid pixels are never stretched. */
.boardShell{
 border:8px solid transparent;border-image:var(--site-native-boardWindow) 8 stretch;
 background:var(--site-native-texture) repeat;background-clip:padding-box;
 box-shadow:0 16px 42px #0003;min-width:0;
}
.boardShell .boardToolbar{
 min-height:55px;margin:0;padding:8px 12px 10px;gap:16px;
 border-bottom:1px solid #79929f3b;
 background:linear-gradient(#ffffff04,#0000000d);
}
.boardShell .boardToolbarTitle{gap:10px;min-width:0}
.boardShell .boardToolbarTitle strong{
 font-size:14px;line-height:1.5;color:#f3f2e9;letter-spacing:0;
 text-shadow:0 1px 2px #0d171e;font-weight:700;
}
.boardShell .boardToolbarActions{gap:9px;flex:none}
body .boardShell .boardToolbarActions .nativeAction{
 --action-height:34px;--action-padding:16px;
 font-size:11px!important;white-space:nowrap;gap:6px;
}
.boardShell .boardToolbarActions button[aria-pressed=true]{color:#ffe5ae}
.boardShell .gameViewport{
 border:0;border-radius:0;box-shadow:none;background:transparent;
 /* The shell reuses this same native outside edge. Hide its duplicate only. */
 clip-path:inset(7px);margin-top:1px;
}
.boardShell .boardHint{
 min-height:34px;padding:0 12px 5px;line-height:1.65;
}
#gameStage #status{
 padding:4px 3px;color:#e0e9ec;font-size:12px;line-height:1.8;
 word-break:keep-all;overflow-wrap:break-word;
}
.memberResult{white-space:normal}
.memberResultHeading{
 display:flex;align-items:center;gap:6px;min-height:22px;margin-bottom:7px;
 color:#f0e6c6;font-size:12px;line-height:1.4;
}
.memberResultHeading strong{font-weight:600}
.memberResultCheck{
 width:14px;height:14px;flex:none;
 background:var(--site-native-auto-check-normal) center/14px 14px no-repeat;
}
.memberResultFacts{margin:0;padding:0;display:grid;gap:0}
.memberResultFacts>div{
 display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;
 column-gap:12px;min-height:22px;border-bottom:1px solid #a1b6c014;
}
.memberResultFacts>div:last-child{border:0}
.memberResultFacts dt{font-size:11px;line-height:1.6;color:#b7c9d2}
.memberResultFacts dd{margin:0;text-align:right;line-height:1.6;color:#f4f2e8}
.memberResultFacts .nativeDigits{align-items:center}
.memberResultFacts .nativeNumberValue{align-items:center}
.memberResultFacts .nativeDigits img{height:13px}
.memberResultFacts .nativeNumberSuffix{
 min-width:10px;margin-left:4px;color:#c0d0d8;font-size:10px;text-align:left;
}
@media(min-width:1121px){#settings{height:var(--board-shell-height,calc(var(--board-height,720px) + 105px));min-height:0}}
@media(max-width:600px){
 .boardShell .boardToolbar{display:grid;grid-template-columns:1fr;gap:8px;padding:8px 8px 10px}
 .boardShell .boardToolbarTitle{padding:0 4px}
 .boardShell .boardToolbarTitle strong{font-size:13px}
 .boardShell .boardToolbarActions{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:5px;width:100%;margin:0;max-width:none}
 body .boardShell .boardToolbarActions .nativeAction{--action-height:36px;--action-padding:12px;font-size:10px!important;gap:4px}
 .boardShell .boardToolbarActions .icon{width:12px;height:12px}
 .boardShell .boardHint{padding-inline:8px;font-size:10px}
}
@media(max-width:380px){
 .boardShell{border-width:5px}
 .boardShell .boardToolbar{padding-inline:4px}
 body .boardShell .boardToolbarActions .nativeAction{--action-padding:10px;font-size:9px!important}
}