/* The private objective remains part of the table, never a hidden archive. */
.na-main .na-objective-card{display:flex;align-items:center;gap:10px;flex:0 1 285px;min-width:215px;padding:6px 10px;text-align:left;background:#20251d;border:1px solid #76844c;color:var(--na-text);box-shadow:3px 3px 0 #080b07;white-space:normal}
.na-objective-card[hidden]{display:none}
.na-objective-thumb{width:36px;height:47px;object-fit:cover;object-position:center 24%;flex-shrink:0;border:1px solid #91a56e}
.na-objective-copy{display:grid;gap:2px;min-width:0}
.na-objective-copy small{font:650 9px/1.3 var(--na-font);letter-spacing:1px;color:#c5d796}
.na-objective-copy strong{font:700 14px/1.2 var(--na-font);overflow-wrap:anywhere}
.na-objective-copy>span{font:500 11px/1.3 var(--na-font);font-variant-numeric:tabular-nums;color:#c5cdb9}
.na-objective-card[data-kind="federalist"]{border-color:#b99462}
.na-opening-active{overflow:hidden}
.na-opening{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;padding:24px;border:0;background:transparent;color:var(--na-text);overflow-y:auto;overscroll-behavior:contain;font-family:var(--na-font)}
.na-opening::backdrop{background:#070b08e8;backdrop-filter:blur(7px)}
.na-opening[open]{display:flex;align-items:center;justify-content:center}
.na-opening-panel{width:min(100%,1000px);margin:auto;display:flex;align-items:center;flex-direction:column;text-align:center;gap:20px;padding:26px 0}
.na-page .na-opening-header{display:block;width:100%;padding:0;border:0;background:none;text-align:center}
.na-opening-header h2{margin:0;font:750 clamp(26px,3.5vw,40px)/1.12 var(--na-font);letter-spacing:-.8px;text-wrap:balance}
.na-opening-header .na-kicker{color:var(--na-pink);font-size:11px;letter-spacing:2px;margin-bottom:10px}
.na-opening button{min-height:46px;padding:12px 20px;border:1px solid var(--na-pink);background:var(--na-pink);color:#1b2411;font:700 14px/1.3 var(--na-font);cursor:pointer;border-radius:2px}
.na-opening button.secondary{background:#20271c;border-color:#66734e;color:var(--na-text)}
.na-opening button:disabled{opacity:.5;cursor:default}
.na-identity-deal{display:flex;align-items:stretch;gap:12px;width:100%;padding:12px 8px 15px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-color:#83925d #11180e}
.na-identity-card{position:relative;flex:1 0 148px;min-width:0;max-width:220px;overflow:hidden;text-align:left;color:#edeedf;background:#252b20;border:1px solid #657052;border-top:4px solid var(--corp);box-shadow:5px 7px 0 #0007;scroll-snap-align:center;animation:na-identity-arrive 650ms both;animation-delay:var(--arrival)}
.na-identity-card.yours{border-color:var(--na-pink);flex-basis:190px}
.na-identity-scene{display:block;width:100%;height:130px;object-fit:cover}
.na-identity-head{position:relative;padding:12px;display:flex;gap:9px;align-items:flex-start}
.na-identity-portrait{width:37px;height:49px;object-fit:cover;object-position:50% 20%;border:1px solid #a4aa8d;flex-shrink:0}
.na-identity-head small{display:block;color:#c9d892;font-size:9px;letter-spacing:.6px;margin-bottom:5px}
.na-identity-head h3{margin:0;font-size:16px;line-height:1.2;overflow-wrap:anywhere}
.na-identity-head p{margin:6px 0 0;font-size:11px;color:#b9c2aa;line-height:1.4}
.na-opening .na-opening-contract{max-width:650px;margin:0;font-size:15px;line-height:1.6;color:#c4ceba}
.na-opening-contract strong{color:#f1f0e5}
.na-rival-spotlight{position:relative;width:min(330px,100%);text-align:left;border:2px solid var(--corp);background:#e8e8d9;color:#20261c;box-shadow:9px 10px 0 #0009;transform-origin:center;animation:na-rival-arrive 650ms cubic-bezier(.2,.75,.2,1) both}
.na-rival-band{display:block;padding:11px 16px;font-size:10px;letter-spacing:1.6px;font-weight:750;color:#eef1df;background:#253020}
.na-rival-portrait{display:block;width:100%;height:180px;object-fit:cover;object-position:center 25%;background:#141d10;padding:0}
svg.na-rival-portrait{padding:28px;color:#d7d6ab}
.na-rival-copy{padding:20px}
.na-rival-copy h3{font-size:27px;line-height:1.1;letter-spacing:-.6px;margin:0 0 13px}
.na-opening .na-rival-copy p{color:#3b4433;line-height:1.55;font-size:14px;margin:0}
.na-rival-score{display:block;margin-top:16px;padding-top:13px;border-top:1px solid #a2ad93;font-size:13px;line-height:1.4;color:#39492c;font-variant-numeric:tabular-nums}
.na-opening .na-opening-note{max-width:350px;margin:0;color:#bfc8b0;font-size:13px;line-height:1.5}
.na-opening.na-docking::backdrop{background:#070b0844;backdrop-filter:none;transition:background .6s}
.na-docking .na-opening-header,.na-docking .na-opening-note,.na-docking button{opacity:0;transition:opacity .18s}
.na-deal-flights{position:fixed;inset:0;z-index:150;pointer-events:none;overflow:hidden}
.na-visible-flight{position:absolute;display:grid;place-items:center;width:56px;height:80px;padding:6px;background:repeating-linear-gradient(135deg,#3b4b2a 0 4px,#222f1b 4px 7px);border:2px solid #c8d695;color:#f1f2d6;box-shadow:4px 6px 12px #0008;font:750 14px var(--na-font);text-align:center}
.na-visible-flight.faceup{background:#e6e6d6;color:#263b1c;font-size:10px;line-height:1.2;border-color:#bdc9a2}
.na-visible-flight::after{content:attr(data-recipient-label);position:absolute;top:calc(100% + 4px);left:50%;transform:translateX(-50%);width:max-content;max-width:130px;padding:3px 5px;background:#172111;color:#f0efdf;font:600 10px/1.2 var(--na-font);box-shadow:0 1px 5px #000}
.na-dealing-hands #match{filter:brightness(.8)}
.na-dealing-caption{position:absolute;top:32%;left:50%;transform:translateX(-50%);width:max-content;max-width:90%;margin:0;padding:14px 20px;color:#eef1db!important;border:1px solid #718449;background:#182113;font-size:15px;text-align:center}
.na-tutorial-body{width:min(620px,100%);padding:24px;text-align:left;background:#1d2618;border:1px solid #596a41}
.na-tutorial-body h3{font-size:21px;line-height:1.3;margin:0 0 12px;color:#eef1df}
.na-tutorial-body p{font-size:16px;line-height:1.65;margin:0;color:#ced6c1}
.na-tutorial-resources{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:22px 0}
.na-tutorial-resources>div{display:grid;justify-items:center;gap:9px;padding:14px 5px;background:#2b3720;border-bottom:2px solid #90a557}
.na-tutorial-resources .na-icon{width:26px;height:26px}
.na-tutorial-resources span{font-size:11px;color:#c7d2b9}
.na-tutorial-resources strong{font:650 18px var(--na-mono)}
.na-tutorial-body .na-tutorial-example{font-size:13px;color:#c4d29f;margin-top:16px;border-top:1px solid #4f6138;padding-top:16px}
.na-tutorial-diagram{margin-top:22px;padding:16px;background:#2b3720;color:#d4e4a7;text-align:center;font-size:12px;letter-spacing:.7px}
.na-tutorial-body .na-federalist-note{margin-top:20px;padding:14px;border-left:2px solid #edb15e;color:#efcca0;font-size:14px}
.na-opening-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
@keyframes na-identity-arrive{from{opacity:0;transform:translate(100px,60px) rotate(12deg)}to{opacity:1;transform:translate(0,0) rotate(0)}}
@keyframes na-rival-arrive{from{opacity:0;transform:translate(180px,-60px) rotate(10deg) scale(.55)}to{opacity:1;transform:translate(0,0) rotate(0) scale(1)}}
@media(max-width:900px){
 .na-toolbar{display:grid;grid-template-columns:1fr auto;gap:8px 16px;padding:8px 0}
 .na-table-brand{grid-column:1;grid-row:1;font-size:18px}
 .na-table-brand small{display:none}
 .na-table-settings{grid-column:2;grid-row:1}
 .na-table-status{grid-column:1;grid-row:2;text-align:left;max-width:230px}
 .na-toolbar #status-line{font-size:10px;line-height:1.5}
 .na-main .na-objective-card{grid-column:2;grid-row:2;min-width:190px;max-width:240px;padding:5px 8px;gap:8px}
 .na-objective-thumb{width:29px;height:40px}
 .na-objective-copy strong{font-size:13px}
 .na-objective-copy>span{font-size:10px}
 .na-objective-copy small{font-size:8px}
}
@media(max-width:500px){
 .na-toolbar{column-gap:8px}
 .na-table-brand{font-size:16px}
 .na-main .na-objective-card{min-width:180px;max-width:210px}
 .na-toolbar #status-line{font-size:10px;max-width:135px}
 .na-opening{padding:18px 14px}
 .na-opening-panel{gap:18px;padding:12px 0}
 .na-opening-header h2{font-size:28px}
 .na-identity-deal{padding:8px 3px 14px;gap:12px}
 .na-identity-card{flex-basis:190px;max-width:190px}
 .na-identity-card.yours{flex-basis:230px;max-width:230px}
 .na-identity-scene{height:150px}
 .na-identity-head h3{font-size:18px}
 .na-opening .na-opening-contract{font-size:14px}
 .na-rival-spotlight{width:290px}
 .na-rival-portrait{height:148px}
 .na-rival-copy{padding:17px}
 .na-rival-copy h3{font-size:25px}
 .na-tutorial-body{padding:18px}
 .na-tutorial-body p{font-size:15px;line-height:1.55}
 .na-tutorial-resources{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
 .na-tutorial-resources>div{padding:10px 5px;gap:6px}
 .na-tutorial-resources span{font-size:11px}
}
@media(max-height:650px){
 .na-opening-panel{gap:12px;padding:0}
 .na-opening-header h2{font-size:25px}
 .na-rival-portrait{height:100px}
 .na-rival-copy{padding:14px}
 .na-rival-copy h3{font-size:23px;margin-bottom:9px}
 .na-opening-note{display:none}
}
@media(prefers-reduced-motion:reduce){.na-identity-card,.na-rival-spotlight{animation:none}.na-opening::backdrop{transition:none}}
