@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@500;700;800&family=Cormorant+Garamond:wght@400;500;600;700&family=Uncial+Antiqua&display=swap";:root{--nb-bg: #d5c4a0;--nb-bg-deep: #b79b67;--nb-ink: #24170f;--nb-card: #f3ead1;--nb-card-soft: #faf4e4;--nb-azure: #18467d;--nb-gules: #8b2232;--nb-vert: #40532f;--nb-or: #b68d2e;--nb-argent: #f6efe0;--nb-muted: #e6d8b7;--nb-border: 3px solid #2c1f14;--nb-border-soft: rgba(67, 47, 30, .44);--nb-shadow: 0 18px 34px rgba(28, 17, 9, .33);--nb-shadow-soft: 0 9px 18px rgba(36, 22, 12, .24);--nb-radius: 7px;--nb-max: 1140px}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;position:relative;overflow-x:hidden;color:var(--nb-ink);font-family:Cormorant Garamond,Georgia,serif;font-size:1.08rem;line-height:1.4;background:radial-gradient(circle at 14% 8%,#fff4dd70,#fff4dd00 39%),radial-gradient(circle at 86% 92%,#6f18233d,#6f182300 52%),linear-gradient(180deg,#cdb58a,#b1935c)}body:before,body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}body:before{background:repeating-linear-gradient(45deg,rgba(45,31,19,.045) 0 2px,transparent 2px 15px),repeating-linear-gradient(-45deg,rgba(45,31,19,.04) 0 2px,transparent 2px 17px)}body:after{background:radial-gradient(circle at 50% -8%,rgba(255,255,255,.34),transparent 44%),radial-gradient(circle at 50% 118%,rgba(22,12,6,.35),transparent 48%)}#root{position:relative;z-index:1}a{color:inherit}.nb-stage{min-height:100vh;padding:clamp(16px,3vw,38px);position:relative;isolation:isolate}.nb-stage--compact{min-height:auto;padding-top:clamp(22px,4vw,48px)}.nb-atmosphere{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.nb-blob{position:absolute;width:clamp(92px,11vw,162px);aspect-ratio:5 / 6;clip-path:polygon(50% 100%,10% 69%,10% 8%,90% 8%,90% 69%);border:3px solid rgba(40,27,16,.92);box-shadow:0 16px 30px #180e0761;overflow:hidden}.nb-blob:before,.nb-blob:after{content:"";position:absolute}.nb-blob--a{left:clamp(4px,1.6vw,28px);top:14vh;background:linear-gradient(180deg,#1e4d86,#173a67)}.nb-blob--a:before{top:16%;right:16%;bottom:16%;left:16%;background:radial-gradient(circle at 50% 8%,rgba(229,201,121,.98) 0 5px,transparent 6px),radial-gradient(circle at 20% 30%,rgba(229,201,121,.9) 0 5px,transparent 6px),radial-gradient(circle at 80% 30%,rgba(229,201,121,.9) 0 5px,transparent 6px),radial-gradient(circle at 50% 50%,rgba(229,201,121,.92) 0 5px,transparent 6px),radial-gradient(circle at 22% 72%,rgba(229,201,121,.9) 0 5px,transparent 6px),radial-gradient(circle at 78% 72%,rgba(229,201,121,.9) 0 5px,transparent 6px),radial-gradient(circle at 50% 92%,rgba(229,201,121,.92) 0 5px,transparent 6px)}.nb-blob--a:after{top:14%;right:14%;bottom:14%;left:14%;border:1px solid rgba(241,219,153,.56)}.nb-blob--b{right:clamp(10px,4vw,62px);top:24vh;background:linear-gradient(180deg,#f5ebd5,#e5d5b1)}.nb-blob--b:before{top:0;right:0;bottom:0;left:0;background:linear-gradient(45deg,transparent 40%,rgba(139,34,50,.88) 40% 60%,transparent 60%),linear-gradient(-45deg,transparent 40%,rgba(139,34,50,.88) 40% 60%,transparent 60%)}.nb-blob--b:after{top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(45deg,transparent 0 13px,rgba(109,22,34,.32) 13px 15px,transparent 15px 24px),repeating-linear-gradient(-45deg,transparent 0 13px,rgba(109,22,34,.32) 13px 15px,transparent 15px 24px)}.nb-blob--c{right:-30px;bottom:11vh;width:clamp(110px,13vw,178px);background:linear-gradient(180deg,#f8f0de,#ead9b2),linear-gradient(90deg,#19467b 0 50%,transparent 50% 100%)}.nb-blob--c:before{top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,rgba(23,67,119,.88) 0 50%,transparent 50% 100%),linear-gradient(0deg,transparent 0 47%,rgba(181,141,48,.96) 47% 53%,transparent 53% 100%),linear-gradient(90deg,transparent 0 47%,rgba(181,141,48,.96) 47% 53%,transparent 53% 100%);mix-blend-mode:multiply}.nb-shell{position:relative;z-index:1;max-width:var(--nb-max);margin:0 auto;border:var(--nb-border);border-radius:var(--nb-radius);box-shadow:var(--nb-shadow);background:radial-gradient(circle at 12% 16%,#ffffff8f,#fff0 34%),radial-gradient(circle at 88% 86%,#ffffff57,#fff0 38%),linear-gradient(180deg,var(--nb-card-soft) 0%,var(--nb-card) 100%);padding:clamp(18px,3vw,34px);overflow:hidden}.nb-shell:before{content:"";position:absolute;top:10px;right:10px;bottom:10px;left:10px;border:1px solid var(--nb-border-soft);border-radius:4px;pointer-events:none}.nb-shell:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(131,86,34,.06) 0%,transparent 42%),linear-gradient(-135deg,rgba(131,86,34,.06) 0%,transparent 42%),repeating-linear-gradient(0deg,rgba(58,40,24,.05) 0 1px,transparent 1px 5px);opacity:.56;pointer-events:none}.nb-shell>*{position:relative;z-index:1}.nb-header{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:22px;padding-bottom:16px;border-bottom:2px solid rgba(66,43,23,.46);position:relative}.nb-header:after{content:"";position:absolute;left:0;right:0;bottom:-5px;height:9px;background:linear-gradient(90deg,transparent 0 8%,rgba(181,141,48,.9) 8% 14%,transparent 14% 86%,rgba(181,141,48,.9) 86% 92%,transparent 92% 100%),radial-gradient(circle at 50% 50%,rgba(181,141,48,.86) 0 3px,transparent 3.5px)}.nb-kicker{margin:0 0 8px;width:fit-content;padding:5px 10px;border:2px solid rgba(68,48,29,.8);border-radius:3px;background:linear-gradient(180deg,#ecdfbf,#dcc89a);font-family:Uncial Antiqua,Georgia,serif;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase}h1,h2,h3{margin:0;line-height:1.1;color:#1e130c}h1{font-family:Cinzel,Times New Roman,serif;font-size:clamp(1.88rem,3.1vw,3rem);text-transform:uppercase;letter-spacing:.03em}h2{font-family:Cinzel,Times New Roman,serif;font-size:clamp(1.18rem,1.7vw,1.58rem);text-transform:uppercase;letter-spacing:.04em}p{margin:0}.nb-header-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.nb-lead{margin:0 0 20px;max-width:78ch;padding:12px 14px;border:2px solid rgba(84,57,30,.54);border-radius:4px;background:linear-gradient(180deg,#fffaeedb,#f3e6c4e0),linear-gradient(45deg,#18467d14,#8b223214);font-size:1rem;font-weight:600}.nb-main{display:grid;gap:18px}.nb-grid,.nb-grid-2{display:grid;gap:16px}.nb-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.nb-panel{border:var(--nb-border);border-radius:var(--nb-radius);box-shadow:var(--nb-shadow-soft);background:linear-gradient(180deg,#fffaf1f0,#f3e8cbf0);padding:clamp(14px,2vw,22px)}.nb-panel--yellow{background:linear-gradient(180deg,#fffbecf5,#f1dfadeb),linear-gradient(145deg,rgba(181,141,48,.16),transparent 52%)}.nb-panel--blue{background:linear-gradient(180deg,#f5f8fff5,#d2ddf4eb),linear-gradient(145deg,rgba(23,68,119,.14),transparent 52%)}.nb-panel--lime{background:linear-gradient(180deg,#f4f9eef5,#dae5c8e6),linear-gradient(145deg,rgba(66,83,45,.15),transparent 52%)}.nb-stack{display:grid;gap:12px}.nb-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.nb-spread{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px}.nb-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:2px solid #2f2115;border-radius:4px;box-shadow:0 5px 10px #1e12093d;min-height:42px;padding:10px 16px;cursor:pointer;font:700 .74rem/1.1 Cinzel,Times New Roman,serif;text-transform:uppercase;letter-spacing:.08em;text-decoration:none;color:#23170f;background:linear-gradient(180deg,#f7edd7,#ead8ad);transition:transform .14s ease,box-shadow .14s ease,filter .14s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px}.nb-btn:hover{transform:translateY(-1px);box-shadow:0 9px 16px #1e120947;filter:brightness(1.02)}.nb-btn:active{transform:translateY(1px);box-shadow:0 3px 8px #1e12093d}.nb-btn:focus-visible,.nb-input:focus-visible,.nb-tab:focus-visible,.nb-board-cell:focus-visible{outline:3px solid #e1b54f;outline-offset:2px}.nb-btn[disabled]{cursor:not-allowed;opacity:.64;transform:none;box-shadow:0 2px 8px #1e12092e;filter:grayscale(.1)}.nb-btn--primary{background:linear-gradient(180deg,#1f5d9f,#194475);color:#f7efd9}.nb-btn--success{background:linear-gradient(180deg,#59733f,#3f542e);color:#f8f2e4}.nb-btn--danger{background:linear-gradient(180deg,#a73445,#842232);color:#fff6f6}.nb-btn--ink{background:linear-gradient(180deg,#3a2719,#22170f);color:#f7efd8}.nb-btn--yellow{background:linear-gradient(180deg,#d5ad4a,#b98a2e);color:#2a1c12}.nb-notice{padding:10px 12px;border:2px solid rgba(61,41,23,.9);border-radius:4px;box-shadow:inset 0 0 0 1px #ffffff59;font-weight:600;font-size:.96rem}.nb-notice--info{background:linear-gradient(180deg,#e4edfcf0,#c3d4f3eb)}.nb-notice--success{background:linear-gradient(180deg,#e4efd6f0,#c5dca7eb)}.nb-notice--error{background:linear-gradient(180deg,#fce1e6f0,#efbec7eb)}.nb-notice--session{margin:0 0 16px}.nb-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.nb-tab{border:2px solid #2f2015;border-radius:4px;box-shadow:0 4px 10px #21140a29;min-height:44px;font:700 .73rem/1 Cinzel,serif;letter-spacing:.06em;text-transform:uppercase;background:linear-gradient(180deg,#ecdfbf,#dec79a);cursor:pointer}.nb-tab.is-active{background:linear-gradient(180deg,#9b2c3d,#7c1f2e);color:#fff6ef}.nb-form{display:grid;gap:12px}.nb-field{display:grid;gap:6px}.nb-label{font:700 .76rem/1.2 Cinzel,serif;text-transform:uppercase;letter-spacing:.08em}.nb-input{width:100%;min-height:44px;border:2px solid rgba(57,39,24,.86);border-radius:4px;background:linear-gradient(180deg,#fffcf4fa,#f2e7c8f5);padding:10px 12px;font:600 1rem/1.2 Cormorant Garamond,Georgia,serif}.nb-input::placeholder{color:#65533e}.nb-auth-wrap{width:min(100%,560px);margin:0 auto}.nb-auth-oauth{display:grid;gap:10px}.nb-auth-divider{display:flex;align-items:center;gap:10px;margin-block:4px;font:700 .68rem/1 Cinzel,serif;letter-spacing:.14em;text-transform:uppercase}.nb-auth-divider:before,.nb-auth-divider:after{content:"";height:7px;flex:1;border-radius:999px;background:linear-gradient(90deg,#b58d30f0,#815824e6)}.nb-help{font-size:.92rem;font-weight:600;color:#281a10e0}.nb-user-pill{border:2px solid #2f2115;border-radius:999px;box-shadow:0 5px 10px #22150b33;background:linear-gradient(180deg,#f0e1bc,#dbc292);padding:8px 12px;font:700 .75rem/1.2 Cinzel,serif;letter-spacing:.05em;text-transform:uppercase;max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nb-lobby-list{display:grid;gap:12px}.nb-lobby-card{border:var(--nb-border);border-radius:var(--nb-radius);box-shadow:var(--nb-shadow-soft);padding:14px;background:linear-gradient(180deg,#fffaf2f2,#efe3c4f2),linear-gradient(90deg,#18467d0f,#8b22320f);display:grid;gap:10px;animation:card-rise .32s ease both}.nb-lobby-card:nth-child(2n){animation-delay:35ms}.nb-lobby-card:nth-child(3n){animation-delay:70ms}.nb-lobby-meta{display:flex;flex-wrap:wrap;gap:10px;font:700 .76rem/1.1 Cinzel,serif;letter-spacing:.05em;text-transform:uppercase}.nb-link-id{border:2px solid #2d1f13;border-radius:4px;background:linear-gradient(180deg,#e9f0fb,#c9daee);box-shadow:0 4px 8px #180f072e;padding:4px 8px;overflow-wrap:anywhere;cursor:pointer;color:inherit;font:inherit}.nb-link-id:hover{filter:brightness(1.03);transform:translateY(-1px)}.nb-link-id:focus-visible{outline:3px solid #e1b54f;outline-offset:2px}.nb-lobby-id{border:2px solid #2d1f13;border-radius:4px;background:linear-gradient(180deg,#e9f0fb,#c9daee);box-shadow:0 4px 8px #180f072e;padding:4px 8px;overflow-wrap:anywhere}.nb-chip{border:2px solid #2f2115;border-radius:999px;box-shadow:0 3px 8px #180e072e;padding:4px 9px;font:700 .68rem/1.1 Cinzel,serif;letter-spacing:.08em;text-transform:uppercase}.nb-chip--waiting{background:linear-gradient(180deg,#dcecc6,#bfd59d)}.nb-chip--playing{background:linear-gradient(180deg,#d6e5f8,#b4c9e6)}.nb-chip--finished{background:linear-gradient(180deg,#f1d4d9,#ddb2ba)}.nb-game-wrap{display:grid;gap:14px}.nb-game-status-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.nb-stat{border:var(--nb-border);border-radius:var(--nb-radius);box-shadow:var(--nb-shadow-soft);padding:12px;min-height:90px;background:linear-gradient(180deg,#fffaf1f2,#f0e2c2f0),linear-gradient(145deg,rgba(181,141,48,.16),transparent 60%)}.nb-stat strong{display:block;margin-bottom:8px;font:700 .7rem/1.1 Cinzel,serif;letter-spacing:.08em;text-transform:uppercase}.nb-stat span{font-weight:700;font-size:1.02rem}.nb-board{width:min(100%,560px);margin-inline:auto;border:4px solid #2f2115;border-radius:4px;box-shadow:0 13px 20px #1d120942;background:linear-gradient(180deg,#faf1dcf0,#ebdab5f0),repeating-linear-gradient(0deg,rgba(94,65,37,.07) 0 1px,transparent 1px 8px);display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.nb-board.is-playable{box-shadow:0 16px 24px #1d120952}.nb-board-cell{border:2px solid rgba(49,34,21,.88);min-height:clamp(92px,20vw,166px);background:#fefaf1f5;font-family:Uncial Antiqua,Georgia,serif;font-size:clamp(2rem,5vw,3.8rem);cursor:pointer;transition:background .12s ease,transform .12s ease;color:#2d1f13}.nb-board-cell:hover:not(:disabled){background:#fff7e6;transform:scale(.985)}.nb-board-cell:disabled{cursor:not-allowed}.nb-board-cell.mark-x{background:linear-gradient(180deg,#f7dfe3,#ecc2cb);color:#7d1f2d}.nb-board-cell.mark-o{background:linear-gradient(180deg,#d8e6f8,#bccde7);color:#1b4477}.nb-board-cell.is-playable{background:#fff8e8}.nb-winner{text-align:center;border:var(--nb-border);border-radius:var(--nb-radius);box-shadow:var(--nb-shadow-soft);padding:18px;background:linear-gradient(180deg,#f0deb1f5,#dbbb6ff2),linear-gradient(135deg,#18467d29,#8b223224)}.nb-winner p{font-family:Cinzel,serif;font-size:clamp(1.46rem,2.8vw,1.98rem);text-transform:uppercase;letter-spacing:.05em}.nb-summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.nb-summary-stat{border:var(--nb-border);border-radius:var(--nb-radius);box-shadow:var(--nb-shadow-soft);background:linear-gradient(180deg,#fffaf1f5,#eee0bef0),linear-gradient(140deg,rgba(181,141,48,.14),transparent 58%);padding:12px}.nb-summary-stat strong{display:block;font-family:Cinzel,serif;font-size:1.6rem;margin-bottom:2px}.nb-summary-stat span{font:700 .68rem/1.2 Cinzel,serif;letter-spacing:.08em;text-transform:uppercase}.nb-table-wrap{border:var(--nb-border);border-radius:var(--nb-radius);box-shadow:var(--nb-shadow-soft);overflow-x:auto;background:#fffcf5f5}.nb-table{width:100%;min-width:440px;border-collapse:collapse}.nb-table th,.nb-table td{border-bottom:2px solid rgba(52,35,20,.72);text-align:left;padding:12px 14px}.nb-table th{background:linear-gradient(180deg,#e6cf97,#d2b068);font:700 .7rem/1.2 Cinzel,serif;letter-spacing:.08em;text-transform:uppercase}.nb-table tbody tr:nth-child(odd){background:#f6edd6a3}.nb-pagination{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}.nb-page-label{font:700 .74rem/1.1 Cinzel,serif;letter-spacing:.07em;text-transform:uppercase}.nb-result{width:fit-content}.nb-result--win{background:linear-gradient(180deg,#d8e9be,#bdd49b)}.nb-result--loss{background:linear-gradient(180deg,#f0d3d9,#dcb1b9)}.nb-result--draw{background:linear-gradient(180deg,#d7e4f6,#bbcee5)}.nb-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes card-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 980px){.nb-grid-2,.nb-summary-grid,.nb-game-status-grid{grid-template-columns:1fr}.nb-header{flex-direction:column}.nb-header-actions{width:100%;justify-content:flex-start}.nb-user-pill{max-width:100%}.nb-blob--c{right:10px}}@media (max-width: 720px){.nb-stage{padding:12px}.nb-shell{padding:14px}.nb-btn,.nb-tab,.nb-input{min-height:40px}.nb-board{box-shadow:0 9px 14px #1d12093b}.nb-blob{opacity:.5}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}