.ban2note-page .ban2note-layout{display:grid;grid-template-columns:380px 1fr;align-items:start;max-width:96rem;margin:0 auto;padding:5rem 1.5rem 3rem;gap:2rem;min-height:calc(100vh - 5rem)}.ban2note-page .ban2note-sidebar{position:sticky;top:4rem;display:flex;flex-direction:column;gap:1.5rem;max-height:calc(100vh - 5.5rem);overflow-y:auto;padding-right:.5rem}.ban2note-page .ban2note-main{display:flex;flex-direction:column;gap:1.25rem;min-width:0}.ban2note-page .ban2note-header{margin-bottom:.25rem}.ban2note-page .ban2note-title{font-size:clamp(1.75rem,3.5vw,2.5rem);font-weight:800;margin:0 0 .6rem;line-height:1.1;letter-spacing:-.01em}.ban2note-page .ban2note-desc{color:#a1a1aa;margin:0;font-size:.875rem;line-height:1.65}.ban2note-page .ban2note-field{display:flex;flex-direction:column;gap:.5rem}.ban2note-page .ban2note-field--divider{margin-bottom:1.25rem;padding-bottom:1.25rem;border-bottom:1px solid rgba(255,255,255,.06)}.ban2note-page .ban2note-field-label{color:#a1a1aa;font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;display:block}.ban2note-page .ban2note-field-note{font-size:.6875rem;font-weight:400;letter-spacing:.02em;text-transform:none;color:#a1a1aa}.ban2note-page .ban2note-player-row{display:flex;align-items:stretch;gap:.5rem}.ban2note-page .ban2note-player-row .ban2note-input{flex:1;width:auto}.ban2note-page .ban2note-input{padding:.6rem 1rem;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:.5rem;color:#f4f4f5;font-size:.9375rem;font-family:var(--font-mono);width:100%;box-sizing:border-box}.ban2note-page .ban2note-input:focus{outline:none;border-color:rgba(168,139,70,.5);background:rgba(168,139,70,.04)}.ban2note-page .ban2note-input--compact{width:100%;padding:.55rem .75rem;font-size:.875rem}.ban2note-page .ban2note-pvi{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.ban2note-page .ban2note-pvi-inline-label{color:#a1a1aa;font-size:.75rem;font-weight:600;white-space:nowrap}.ban2note-page .ban2note-pvi .ban2note-input--compact{width:4.5rem;flex:0 0 auto}.ban2note-page .ban2note-pvi .ban2note-pvi-btn{flex:1 1 auto}.ban2note-page .ban2note-pvi-btn{padding:.6rem 1rem;border-radius:.5rem;background:#a88b46;color:#0a0a0a;border:none;font-weight:700;cursor:pointer;font-size:.8125rem;white-space:nowrap;transition:background .2s}.ban2note-page .ban2note-pvi-btn:hover{background:#b8994f}.ban2note-page .ban2note-pvi-btn:disabled{opacity:.45;cursor:not-allowed}.ban2note-page .ban2note-pvi-btn:disabled:hover{background:#a88b46}.ban2note-page .ban2note-filter-col{display:flex;align-items:flex-start;gap:.5rem}.ban2note-page .ban2note-filter-title{color:#a1a1aa;font-size:.6875rem;font-weight:600;letter-spacing:.04em;white-space:nowrap;padding-top:.35rem;min-width:2.5rem}.ban2note-page .ban2note-chips{display:grid;grid-template-columns:repeat(5,1fr);gap:.35rem;flex:1}.ban2note-page .ban2note-chip{padding:.35rem .4rem;border:1px solid rgba(255,255,255,.12);border-radius:.375rem;background:transparent;color:#a1a1aa;font-family:inherit;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .15s;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ban2note-page .ban2note-chip:hover{border-color:rgba(168,139,70,.5);color:#f4f4f5}.ban2note-page .ban2note-chip--active{border-color:#a88b46;background:rgba(168,139,70,.15);color:#c4a455}.ban2note-page .ban2note-filter-hint{margin:.35rem 0 0;font-size:.6875rem;color:#a1a1aa}.ban2note-page .ban2note-upload{padding:1.5rem 1.25rem;text-align:center;border-style:dashed;border-color:rgba(168,139,70,.35);border-radius:.75rem;background:rgba(24,24,27,.4);transition:border-color .2s,background .2s}.ban2note-page .ban2note-upload:not(.ban2note-upload--done):not(.ban2note-upload--loading):hover{border-color:rgba(168,139,70,.55);background:rgba(168,139,70,.04)}.ban2note-page .ban2note-upload--drag{border-color:#a88b46;background:rgba(168,139,70,.08)}.ban2note-page .ban2note-upload--loading{cursor:wait}.ban2note-page .ban2note-upload--done{cursor:default;border-style:solid;border-color:rgba(34,197,94,.25)}.ban2note-page .ban2note-upload.card:hover{border-color:rgba(168,139,70,.55);background:rgba(168,139,70,.04)}.ban2note-page .ban2note-upload--done.card:hover,.ban2note-page .ban2note-upload--loading.card:hover{border-color:rgba(34,197,94,.25);background:rgba(24,24,27,.4)}.ban2note-page .ban2note-upload--drag.card:hover{border-color:#a88b46;background:rgba(168,139,70,.08)}.ban2note-page .ban2note-upload-body{display:flex;flex-direction:column;align-items:center;gap:.35rem}.ban2note-page .ban2note-upload-svg{width:2rem;height:2rem;color:#a88b46;margin-bottom:.3rem}.ban2note-page .ban2note-upload-spinner{width:1.75rem;height:1.75rem;margin-bottom:.5rem;border:2px solid rgba(168,139,70,.25);border-top-color:#a88b46;border-radius:50%;animation:ban2-spin .7s linear infinite}@keyframes ban2-spin{to{transform:rotate(1turn)}}.ban2note-page .ban2note-upload-success-icon{width:1.75rem;height:1.75rem;margin-bottom:.3rem;border-radius:50%;background:rgba(34,197,94,.15);color:#22c55e;font-size:.875rem;font-weight:700;display:flex;align-items:center;justify-content:center}.ban2note-page .ban2note-upload-error{width:100%;margin-bottom:.75rem;padding:.6rem .9rem;border-radius:.5rem;background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.25);color:#fca5a5;font-size:.8125rem;text-align:left;line-height:1.5}.ban2note-page .ban2note-upload-filename{font-family:var(--font-mono);color:#a1a1aa;word-break:break-all}.ban2note-page .ban2note-upload-actions{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap;margin-top:.6rem}.ban2note-page .ban2note-upload-btn{padding:.5rem 1rem;border-radius:.5rem;background:#a88b46;color:#0a0a0a;border:none;font-weight:600;font-size:.8125rem;cursor:pointer;white-space:nowrap;transition:background .2s}.ban2note-page .ban2note-upload-btn:hover{background:#b8994f}.ban2note-page .ban2note-upload-btn--outline{background:transparent;color:#a88b46;border:1px solid rgba(168,139,70,.45)}.ban2note-page .ban2note-upload-btn--outline:hover{background:rgba(168,139,70,.08)}.ban2note-page .ban2note-upload-title{font-size:.9375rem;font-weight:600;margin-bottom:.25rem}.ban2note-page .ban2note-upload-sub{color:#9ca3af;font-size:.75rem;line-height:1.5}.ban2note-page .ban2note-placeholder{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.875rem;text-align:center;min-height:60vh;padding:4rem 1.5rem;color:#a1a1aa}.ban2note-page .ban2note-placeholder-art{width:120px;height:120px;opacity:.5}.ban2note-page .ban2note-placeholder-text{font-size:1.0625rem;font-weight:600;color:#a1a1aa}.ban2note-page .ban2note-placeholder-sub{font-size:.875rem;color:#a1a1aa;max-width:20rem;line-height:1.6}.ban2note-page .ban2-stat-rows{display:flex;flex-direction:column;gap:.75rem}.ban2note-page .ban2-stat-row{display:grid;gap:.625rem}.ban2note-page .ban2-stat-row--dense{grid-template-columns:repeat(8,minmax(0,1fr))}.ban2note-page .ban2-stat-row--loose{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}@media (max-width:1399px){.ban2note-page .ban2-stat-row--dense{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:639px){.ban2note-page .ban2-stat-row--dense{grid-template-columns:repeat(2,minmax(0,1fr))}}.ban2note-page .ban2-chart.card:hover,.ban2note-page .ban2-stat-card.card:hover,.ban2note-page .ban2note-variance.card:hover{border-color:rgba(255,255,255,.06);background:rgba(24,24,27,.6)}.ban2note-page .ban2-stat-card{text-align:center;padding:.875rem .5rem;min-width:0}.ban2note-page .ban2-stat-label{color:#9ca3af;font-size:.75rem;line-height:1.4;margin-bottom:.4rem;min-height:2.1rem;display:flex;align-items:center;justify-content:center}.ban2note-page .ban2-stat-value{font-size:1.0625rem;font-weight:700;color:#e4e4e7;font-variant-numeric:tabular-nums}.ban2note-page .ban2-stat-value--primary{font-size:1.25rem}.ban2note-page .ban2-stat-value--rake{color:#f59e0b}.ban2note-page .ban2-stat-value--metric{color:#d4d4d8}.ban2note-page .ban2-chart{padding:.5rem;overflow:hidden}.ban2note-page .ban2-chart-canvas{width:100%;height:440px;display:block;cursor:crosshair}.ban2note-page .ban2-chart-caption{color:#9ca3af;font-size:.8125rem;margin:0 0 .5rem;text-align:center;line-height:1.5}.ban2note-page .ban2note-variance{padding:1.25rem 1.5rem;text-align:left;display:flex;flex-direction:column;justify-content:flex-start;min-height:11rem;border-color:rgba(168,139,70,.2)}.ban2note-page .ban2note-variance-label{margin:0 0 .5rem;font-size:.6875rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#a88b46}.ban2note-page .ban2note-variance-title{margin:0 0 .35rem;font-size:1.0625rem;font-weight:600;color:#f4f4f5}.ban2note-page .ban2note-variance-summary{margin:0 0 .65rem;font-size:.8125rem;color:#a1a1aa;font-variant-numeric:tabular-nums}.ban2note-page .ban2note-variance-chart-wrap{margin:0 -.35rem .35rem;border-radius:.375rem;overflow:hidden;background:#0a0a0a}.ban2note-page .ban2note-variance-chart{width:100%;height:168px;display:block}.ban2note-page .ban2note-variance-chart-caption{margin:0 0 .75rem;font-size:.6875rem;color:#a1a1aa;text-align:center}.ban2note-page .ban2note-variance-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:.75rem}.ban2note-page .ban2note-variance-metric{display:flex;flex-direction:column;gap:.2rem}.ban2note-page .ban2note-variance-metric-label{font-size:.6875rem;color:#a1a1aa}.ban2note-page .ban2note-variance-metric-value{font-size:1.0625rem;font-weight:600;font-variant-numeric:tabular-nums;color:#f4f4f5}.ban2note-page .ban2note-variance-verdict{margin:0 0 .35rem;font-size:.875rem;line-height:1.45;color:#e4e4e7}.ban2note-page .ban2note-variance-desc{margin:0;font-size:.8125rem;line-height:1.45;color:#a1a1aa}.ban2note-page .ban2note-footer{border-top:1px solid rgba(255,255,255,.05);padding:2.5rem 1.5rem;text-align:center}.ban2note-page .ban2note-footer-note{color:#a1a1aa;font-size:.8125rem}.ban2note-page .ban2note-detail{display:flex;flex-direction:column;gap:.75rem}.ban2note-page .ban2note-detail-group{padding:.85rem 1rem}.ban2note-page .ban2note-detail-group.card:hover{border-color:rgba(255,255,255,.06);background:rgba(24,24,27,.6)}.ban2note-page .ban2note-detail-group-name{font-size:.6875rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#a88b46;margin-bottom:.6rem}.ban2note-page .ban2note-detail-cells{display:grid;grid-template-columns:repeat(auto-fit,minmax(82px,1fr));gap:.35rem}.ban2note-page .ban2note-detail-cell{text-align:center;padding:.45rem .3rem;border-radius:.375rem;background:rgba(255,255,255,.025);min-width:0}.ban2note-page .ban2note-detail-value{font-size:1rem;font-weight:700;font-variant-numeric:tabular-nums;color:#e4e4e7;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ban2note-page .ban2note-detail-label{font-size:.6875rem;color:#a1a1aa;margin-top:.25rem;line-height:1.25;white-space:normal;word-break:keep-all}.ban2note-page .ban2note-detail-note{margin:0;font-size:.75rem;color:#a1a1aa;text-align:center}@media (max-width:639px){.ban2note-page .ban2note-detail-cells{grid-template-columns:repeat(auto-fit,minmax(72px,1fr))}}.ban2note-page .ban2note-luck-block{padding:1rem 1.25rem}.ban2note-page .ban2note-luck-block.card:hover{border-color:rgba(255,255,255,.06);background:rgba(24,24,27,.6)}.ban2note-page .ban2note-luck-label{margin:0 0 .6rem;font-size:.6875rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#a88b46}.ban2note-page .ban2note-luck-cards{display:grid;grid-template-columns:repeat(6,1fr);gap:.5rem}.ban2note-page .ban2note-luck-card{text-align:center;padding:.6rem .4rem;border-radius:.5rem;background:rgba(255,255,255,.03)}.ban2note-page .ban2note-luck-card-hand{font-family:inherit;font-weight:500;font-size:.9375rem;color:#f4f4f5;margin-bottom:.3rem}.ban2note-page .ban2note-luck-card-count{font-variant-numeric:tabular-nums;margin-bottom:.25rem}.ban2note-page .ban2note-luck-card-actual{font-size:1.25rem;font-weight:700;color:#e4e4e7}.ban2note-page .ban2note-luck-card-sep{color:#a1a1aa;font-size:.875rem;margin:0 .15rem}.ban2note-page .ban2note-luck-card-theory{font-size:.8125rem;color:#a88b46}.ban2note-page .ban2note-luck-card-meta{display:flex;flex-direction:column;gap:.1rem}.ban2note-page .ban2note-luck-card-rate{font-size:.8125rem;font-weight:600;font-variant-numeric:tabular-nums}.ban2note-page .ban2note-luck-card-rate-label{font-size:.625rem;color:#a1a1aa}@media (max-width:1023px){.ban2note-page .ban2note-luck-cards{grid-template-columns:repeat(3,1fr)}}@media (max-width:479px){.ban2note-page .ban2note-luck-cards{grid-template-columns:repeat(2,1fr)}}.ban2note-page .ban2note-luck-streets{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.ban2note-page .ban2note-luck-street-card{text-align:center;padding:.75rem .4rem;border-radius:.5rem;background:rgba(255,255,255,.03)}.ban2note-page .ban2note-luck-street-name{font-size:.75rem;color:#a1a1aa;margin-bottom:.3rem}.ban2note-page .ban2note-luck-street-wsd{font-size:1.5rem;font-weight:700;font-variant-numeric:tabular-nums;line-height:1;margin-bottom:.25rem}.ban2note-page .ban2note-luck-street-total{font-size:.875rem;font-weight:500;color:#a1a1aa}.ban2note-page .ban2note-luck-street-detail{font-size:.6875rem;color:#a1a1aa;font-variant-numeric:tabular-nums}@media (max-width:639px){.ban2note-page .ban2note-luck-streets{grid-template-columns:1fr}}.ban2note-page .ban2note-pager{display:inline-flex;align-self:flex-end;border:1px solid rgba(255,255,255,.12);border-radius:.5rem;overflow:hidden;margin-bottom:0}.ban2note-page .ban2note-pager-btn{padding:.3rem .75rem;border:none;border-radius:0;background:transparent;color:#a1a1aa;font-family:inherit;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .15s}.ban2note-page .ban2note-pager-btn+.ban2note-pager-btn{border-left:1px solid rgba(255,255,255,.12)}.ban2note-page .ban2note-pager-btn:hover{color:#f4f4f5;background:rgba(255,255,255,.03)}.ban2note-page .ban2note-pager-btn--active{background:rgba(168,139,70,.18);color:#c4a455}.ban2note-page .ban2-stat-card--placeholder{opacity:.55}.ban2note-page .ban2-chart--placeholder{padding:0;display:flex;align-items:center;justify-content:center;min-height:440px}.ban2note-page .ban2note-placeholder-mini{color:#a1a1aa;font-size:.9375rem;font-weight:600}@media (max-width:1023px){.ban2note-page .ban2note-pager{align-self:flex-start}.ban2note-page .ban2note-layout{grid-template-columns:1fr;padding:6rem 1.25rem 2rem}.ban2note-page .ban2note-sidebar{position:static;max-height:none;overflow-y:visible}}@media (max-width:767px){.ban2note-page .ban2note-variance-metrics{grid-template-columns:1fr}}