:root{--nf-dark:#142e33;--nf-blue:#235c68;--nf-gold:#e9be68;--nf-red:#d95f4e}
[hidden]{display:none!important}
.game-intro h1{font-size:clamp(4rem,7vw,7.5rem)}
.nf-topbar,.nf-subbar{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:12px clamp(16px,3vw,42px);background:#102c33;color:#f7ecdb;font-size:.66rem;letter-spacing:.07em;text-transform:uppercase}.nf-scores{display:flex;align-items:center;gap:20px}.nf-scores b{display:inline-grid;place-items:center;min-width:27px;height:27px;margin-left:4px;border-radius:50%;background:#ffffff29;color:white}.nf-quiet{padding:9px 14px;border:1px solid #ffffff4d;border-radius:30px;background:transparent;color:white;cursor:pointer}.nf-subbar{justify-content:center;gap:25px;background:#19434d;color:#cce2e4}.nf-subbar b{color:white}
.nf-layout{display:grid;grid-template-columns:minmax(0,1fr) 305px}.nf-board{min-width:0;padding:18px clamp(10px,2vw,30px) 24px;background:radial-gradient(circle at 50% 45%,#357687,#1a4c57 80%);color:#fff9ee}.nf-bots{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;max-width:740px;margin:auto}.nf-bot{min-width:0;min-height:84px;padding:8px;border:1px solid #ffffff52;border-radius:7px;background:#113b46a5}.nf-bot.active{border-color:var(--nf-gold)}.nf-bot strong{font-size:.7rem}.nf-bot small{float:right;color:#cae0dd;font-size:.54rem}.nf-backs{display:flex;justify-content:center;margin-top:9px;padding-left:16px}.nf-backs .nf-card{width:24px;height:31px;margin-left:-15px;border-width:2px;border-radius:3px;box-shadow:0 2px 4px #112c3770;font-size:.65rem}
.nf-middle{display:flex;align-items:center;justify-content:center;gap:20px;max-width:740px;min-height:218px;margin:10px auto;padding:12px;border:1px solid #ffffff43;border-radius:7px;background:#103b4580}.nf-trick{display:grid;grid-template-columns:repeat(2,73px);grid-template-rows:repeat(2,88px);place-items:center}.nf-slot{display:grid;place-items:center;gap:2px}.nf-slot small{color:#c9e1e1;font-size:.48rem}.nf-slot.seat-1{grid-area:1/1}.nf-slot.seat-2{grid-area:1/2}.nf-slot.seat-0{grid-area:2/1/3/3}.nf-empty{display:grid;place-items:center;width:45px;height:54px;border:1px dashed #ffffff55;border-radius:4px;color:#a5c9c8}.nf-slot .nf-card{width:47px;height:59px}.nf-slot .nf-card b{font-size:.67rem}.nf-slot .nf-card b small{font-size:.5rem}.nf-slot .nf-card i{font-size:1rem}.nf-spare{display:grid;justify-items:center;gap:5px;max-width:115px;text-align:center}.nf-spare strong{color:var(--nf-gold);font-size:.54rem;letter-spacing:.1em;text-transform:uppercase}.nf-spare small{color:#cee0dd;font-size:.49rem;line-height:1.25}.nf-spare .nf-card{width:46px;height:58px}.nf-spare-closed{display:grid;place-items:center;width:50px;height:57px;border:1px dashed #ffffff55;border-radius:4px;color:#bdd4d1;font-size:.55rem}.nf-status{max-width:740px;min-height:22px;margin:8px auto;color:#ffe1a5;font-size:.63rem;text-align:center}
.nf-card{position:relative;display:block;width:56px;height:77px;border-radius:5px;background:#fffaf0;color:#16343a;box-shadow:0 4px 8px #0d283170;font-family:var(--serif)}.nf-card.hearts,.nf-card.diamonds{color:#ce6250}.nf-card b{position:absolute;top:4px;left:5px;display:flex;align-items:center;gap:2px;font-size:.95rem;font-weight:400;line-height:1}.nf-card b small{font-size:.68rem}.nf-card i{position:absolute;inset:0;display:grid;place-items:center;font-size:1.4rem;font-style:normal}.nf-card.back{display:grid;place-items:center;border:4px solid #fffaf0;background:#d45d4c;color:white;box-shadow:inset 0 0 0 2px #ffffff99,0 2px 4px #0e2c3770}
.nf-human{max-width:740px;margin:auto}.nf-human-title{display:flex;align-items:center;gap:7px;margin-bottom:8px}.nf-avatar{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--nf-gold);color:#183b42;font-family:var(--serif)}.nf-human-title strong{display:block;font-size:.75rem}.nf-human-title small{color:#cae0dd;font-size:.55rem}.nf-hand{display:flex;justify-content:center;width:100%;padding:6px 16px 8px 8px}.nf-hand button{flex:0 1 42px;min-width:0;margin:0 0 0 -3px;padding:0;border:0;background:transparent;cursor:pointer}.nf-hand button:first-child{margin-left:0}.nf-hand button:last-child{flex:0 0 56px}.nf-hand button .nf-card{width:56px;height:77px}.nf-hand button:disabled{opacity:.42;cursor:default}.nf-hand button:focus-visible{outline:3px solid var(--nf-gold);outline-offset:2px}
.nf-panel{display:flex;flex-direction:column;gap:14px;padding:18px;background:#14272d;color:#f7ecdb}.nf-action{padding:17px;background:#efe8d9;color:#19343a}.nf-kicker{color:var(--nf-red);font-size:.56rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.nf-action h2{margin:10px 0 14px;font:400 1.38rem/1.15 var(--serif)}.nf-action p{color:#52666b;font-size:.67rem;line-height:1.45}.nf-action button{width:100%;margin:4px 0;padding:11px;border:0;border-radius:3px;background:var(--nf-red);color:white;font-size:.67rem;font-weight:700;cursor:pointer}.nf-action [data-keep]{border:1px solid #b4c2b5;background:transparent;color:#19343a}.nf-action>strong{display:block;margin:12px 0;color:#236268;font:400 1rem var(--serif)}.nf-score-note,.nf-history{border-top:1px solid #ffffff2f;padding-top:13px}.nf-score-note h2,.nf-history h2{margin:0 0 8px;color:var(--nf-gold);font-size:.64rem;letter-spacing:.1em;text-transform:uppercase}.nf-score-note p{color:#d4e4de;font-size:.61rem;line-height:1.5}.nf-history>small{color:#aac7c8;font-size:.53rem}.nf-history ol{max-height:280px;overflow:auto;margin:6px 0;padding-left:19px}.nf-history li{padding:6px 0;border-bottom:1px solid #ffffff1b;color:#d8e6e4;font-size:.59rem;line-height:1.35}.game-taxonomy.nf-taxonomy{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:1050px){.nf-layout{grid-template-columns:1fr}.nf-panel{display:grid;grid-template-columns:1fr 1fr}.nf-action{grid-row:span 2}.game-taxonomy.nf-taxonomy{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.site-header,.game-intro{width:calc(100% - 36px)}.site-header{height:75px}.game-intro{flex-direction:column;align-items:flex-start;gap:15px;padding:44px 0 30px}.game-intro h1{font-size:clamp(3.5rem,13vw,5rem)}.nf-topbar,.nf-subbar{padding:10px 12px;gap:9px;font-size:.52rem}.nf-scores{gap:7px}.nf-scores b{min-width:22px;height:22px}.nf-board{padding:10px 5px 16px}.nf-bots{gap:4px}.nf-bot{min-height:68px;padding:4px}.nf-bot strong{font-size:.52rem}.nf-bot small{font-size:.4rem}.nf-backs{padding-left:10px}.nf-backs .nf-card{width:17px;height:25px;margin-left:-10px}.nf-middle{min-height:190px;margin:7px auto;padding:6px;gap:7px}.nf-trick{grid-template-columns:repeat(2,57px);grid-template-rows:repeat(2,75px)}.nf-spare{max-width:100px}.nf-status{font-size:.54rem}.nf-hand{padding-right:12px}.nf-hand button{flex-basis:22px;margin-left:-3px}.nf-hand button:last-child{flex-basis:47px}.nf-hand button .nf-card{width:47px;height:65px}.nf-hand button .nf-card b{font-size:.7rem}.nf-hand button .nf-card b small{font-size:.54rem}.nf-hand button .nf-card i{font-size:1rem}.nf-panel{display:flex;padding:12px}.nf-action{padding:14px}.rules{padding:60px 18px}.rules-grid{grid-template-columns:1fr}.rules-grid article{min-height:0}.ad-section{padding:30px 18px}.game-taxonomy.nf-taxonomy{grid-template-columns:1fr}}
