Preview future presence overrides in coordinator and fit the party board in 1080px

frontend/src/cards/party-board.ts

@@ -160,8 +160,8 @@ const boardStyles = css`
     display: flex;
     flex-direction: column;
     align-items: center;
-    min-height: 100vh;
-    padding: 64px 110px 150px;
+    height: 100vh;
+    padding: 48px 110px 150px;
     overflow: hidden;
     background: var(--nq-p-parchment);
     box-shadow: var(--nq-p-vignette);
@@ -233,7 +233,7 @@ const boardStyles = css`
   }
 
   .kicker {
-    margin: 24px 0 0;
+    margin: 14px 0 0;
     font-family: var(--nq-p-font-heading);
     font-size: 22px;
     font-weight: 600;
@@ -246,7 +246,7 @@ const boardStyles = css`
 
   .plates {
     width: 100%;
-    margin-top: 72px;
+    margin-top: 42px;
     display: grid;
     grid-template-columns: repeat(3, 1fr);
     gap: 56px;
@@ -258,9 +258,9 @@ const boardStyles = css`
     flex-direction: column;
     align-items: center;
     justify-content: center;
-    gap: 26px;
-    height: 600px;
-    padding: 44px 28px 40px;
+    gap: 20px;
+    height: 560px;
+    padding: 36px 28px 32px;
     border: 2px solid var(--nq-p-panel-border);
     border-radius: var(--nq-p-radius-panel);
     background: var(--nq-p-card-panel);
@@ -294,8 +294,8 @@ const boardStyles = css`
   .crest {
     position: relative;
     flex: none;
-    width: 188px;
-    height: 214px;
+    width: 168px;
+    height: 192px;
     padding: 4px;
     clip-path: ${unsafeCSS(SHIELD_CLIP)};
     background: rgba(255, 255, 255, 0.22);
@@ -307,7 +307,7 @@ const boardStyles = css`
     display: flex;
     align-items: center;
     justify-content: center;
-    padding-bottom: 78px;
+    padding-bottom: 70px;
     clip-path: ${unsafeCSS(SHIELD_CLIP)};
     background: var(--nq-p-crest);
   }
@@ -341,7 +341,7 @@ const boardStyles = css`
     display: inline-flex;
     align-items: center;
     gap: 10px;
-    padding: 10px 24px;
+    padding: 8px 20px;
     border-radius: var(--nq-p-radius-pill);
     background: rgba(22, 120, 60, 0.35);
     font-family: var(--nq-p-font-heading);
@@ -370,7 +370,7 @@ const boardStyles = css`
 
   .progress-line {
     font-family: var(--nq-p-font-heading);
-    font-size: 26px;
+    font-size: 24px;
     font-weight: 700;
     line-height: 1.2;
     color: var(--nq-p-ink-secondary);
@@ -393,9 +393,9 @@ const boardStyles = css`
   }
 
   .hint {
-    margin: 40px 0 0;
+    margin: 26px 0 0;
     font-family: var(--nq-p-font-body);
-    font-size: 27px;
+    font-size: 24px;
     font-weight: 600;
     line-height: 1.4;
     text-align: center;