.match-record-action:focus-visible,#close-match-records:focus-visible,.match-record-filter:focus-visible{outline:auto}.records-inline-icon{display:inline-flex;width:18px;height:18px;flex:0 0 auto;align-items:center;justify-content:center;color:currentColor}.records-inline-icon:before{content:"";display:block;width:100%;height:100%;background-color:currentColor;-webkit-mask-image:url("/static/game/images/history.2765064e08a6.svg");-webkit-mask-position:center;-webkit-mask-repeat:no-repeat;-webkit-mask-size:contain;mask-image:url("/static/game/images/history.2765064e08a6.svg");mask-position:center;mask-repeat:no-repeat;mask-size:contain}#match-records-modal[hidden]{display:none!important}#match-records-modal{position:fixed;inset:0;z-index:11000;--match-records-panel-top-gap: clamp(12px, 4vh, 28px);--match-records-panel-bottom-gap: max( clamp(12px, 4vh, 28px), var(--modal-safe-bottom, 0px) );--match-records-top-ad-offset: var(--modal-safe-top, 0px)}.match-records-backdrop{position:absolute;inset:0;background:#0a120e94}.match-records-panel{position:relative;width:min(calc(90vh - 90px),90vw);max-height:min(calc(100vh - var(--match-records-panel-top-gap) - var(--match-records-panel-bottom-gap) - var(--match-records-top-ad-offset)),820px);max-height:min(calc(100dvh - var(--match-records-panel-top-gap) - var(--match-records-panel-bottom-gap) - var(--match-records-top-ad-offset)),820px);max-width:600px;margin:calc(var(--match-records-panel-top-gap) + var(--match-records-top-ad-offset)) auto var(--match-records-panel-bottom-gap);background:#fff;border-radius:18px;box-shadow:0 18px 48px #00000038;display:flex;flex-direction:column;overflow:hidden}.match-records-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 24px 12px}#match-records-title{margin:0;font-size:1.22rem;letter-spacing:.01em}#close-match-records{width:36px;height:36px;border:1px solid #d4dfd7;border-radius:999px;background:#fff;color:#31413a;font-size:18px;cursor:pointer}#close-match-records:hover{background:#f5f8f6}.match-records-summary{display:flex;flex-direction:column;gap:6px;padding:0 24px 10px}.match-records-summary[hidden]{display:none!important}.match-records-summary-text{margin:0;color:#17211c;font-size:15px;font-weight:600;line-height:1.45}.match-records-summary-meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px;color:#5f6c66;font-size:12px;line-height:1.5}.match-records-summary-meta-item{display:inline-flex;align-items:center;gap:4px}.match-records-summary-meta-item:not([hidden])+.match-records-summary-meta-item:not([hidden]):before{content:"";width:1px;height:12px;margin-right:2px;background:#c7d0ca;flex:0 0 auto}.match-records-summary-meta[hidden],.match-records-summary-meta-item[hidden]{display:none!important}.match-record-filters{flex-shrink:0;padding:4px 24px 2px;overflow-x:auto;overflow-y:hidden;scroll-padding-inline:24px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.match-record-filters::-webkit-scrollbar{display:none}.match-record-filter-rail{display:inline-flex;align-items:center;gap:5px;min-width:max-content;padding:0}.match-record-filter{display:inline-flex;align-items:center;justify-content:center;height:34px;padding:0 13px;border:1px solid #cfdbd2;border-radius:16px;background:#fff;color:#34433c;white-space:nowrap;flex:0 0 auto;font-size:13px;font-weight:500;line-height:1;letter-spacing:.01em;cursor:pointer;transition:background-color .18s ease,border-color .18s ease,color .18s ease}.match-record-filter:hover{background:#f4f8f5;color:#273a31}.match-record-filter.is-active{background:#0f6a2d;border-color:#0f6a2d;color:#fff}.match-record-list-shell{flex:1 1 auto;min-height:0;padding:6px 24px 9px;overflow-y:auto}.match-record-empty{padding:34px 0 12px;text-align:center;color:#627069;line-height:1.7}.match-record-list{display:flex;flex-direction:column}.match-record-list[hidden]{display:none!important}.match-record-cap-note{margin:14px 0 4px;text-align:center;text-wrap:balance;font-size:12px;color:#627069;line-height:1.6}.match-records-tsume-table{width:100%;margin-top:6px;border-collapse:collapse;font-variant-numeric:tabular-nums}.match-records-tsume-table th,.match-records-tsume-table td{padding:9px 0;border-bottom:1px solid #e3e9e5;text-align:right;line-height:1.4;white-space:nowrap}.match-records-tsume-table th:first-child{text-align:left}.match-records-tsume-table td,.match-records-tsume-table thead th:not(:first-child){padding-left:28px}.match-records-tsume-table thead th{padding-top:0;padding-bottom:6px;color:#5f6c66;font-size:12px;font-weight:600}.match-records-tsume-table tbody th{color:#17211c;font-weight:600}.match-records-tsume-table td{width:1%;color:#17211c}.match-records-tsume-table td+td{color:#5f6c66}.match-records-tsume-play{display:flex;align-items:center;justify-content:center;height:44px;margin:18px 0 6px;border-radius:8px;background:#007508;color:#fff;font-size:15px;font-weight:700;text-decoration:none}.match-records-tsume-play:hover{background:#2e7d32;color:#fff}.match-record-row{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"main time" "main actions";column-gap:18px;row-gap:12px;padding:16px 0;border-bottom:1px solid #e4ece6;align-items:start}.match-record-row:last-child{border-bottom:none}.match-record-main{grid-area:main;min-width:0}.match-record-topline{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.match-record-badge,.match-record-outcome{display:inline-flex;align-items:center;min-height:24px;padding:0 10px;font-size:12px}.match-record-badge{background:#eef4ef;color:#375243}.match-record-outcome{font-weight:600}.match-record-outcome.is-win{background:#e8f5eb;color:#10642b}.match-record-outcome.is-loss{background:#f8ece9;color:#8b2d22}.match-record-outcome.is-draw,.match-record-outcome.is-board{background:#eef1f0;color:#53645c}.match-record-time{grid-area:time;justify-self:end;align-self:start;color:#6c7873;font-size:12px;text-align:right;white-space:nowrap}.match-record-score{margin-top:8px;color:#18201c;font-size:15px;font-weight:600}.match-record-detail{margin-top:6px;color:#5d6864;font-size:13px;line-height:1.55}.match-record-actions{grid-area:actions;display:flex;align-items:center;gap:6px;justify-self:end;align-self:end}.match-record-action{flex:0 0 auto;min-width:96px;padding:9px 12px;border:1px solid #cfdbd2;border-radius:10px;background:#fff;color:#294138;cursor:pointer}.match-record-action:hover{background:#f6faf7;border-color:#b2cabd}.match-record-action.is-icon-only{display:inline-flex;align-items:center;justify-content:center;min-width:0;width:30px;height:30px;flex:0 0 30px;padding:0;border:none;background:transparent;border-radius:999px;color:#5b6f67}.match-record-action-icon{width:22px;height:22px;display:block}.match-record-action.is-icon-only:hover{background:#18502114;border:none}@media (max-width: 720px){.match-record-row{column-gap:12px}}@media (max-width: 560px){#match-records-modal{--match-records-panel-top-gap: 7px;--match-records-panel-bottom-gap: max(7px, var(--modal-safe-bottom, 0px))}.match-records-panel{border-radius:16px}.match-records-header,.match-record-filters,.match-record-list-shell,.match-records-summary{padding-left:16px;padding-right:16px}.match-record-filters{scroll-padding-inline:16px}.match-record-actions{width:auto}.match-record-action.is-icon-only{flex:0 0 30px}}#feedback-modal[hidden]{display:none!important}#feedback-modal{position:fixed;inset:0;z-index:12100;display:flex;justify-content:center;overflow-y:auto;overscroll-behavior:contain;padding:calc(clamp(12px,4vh,28px) + var(--modal-safe-top, 0px)) 14px max(clamp(12px,4vh,28px),var(--modal-safe-bottom, 0px))}.feedback-panel{margin:auto 0}.feedback-panel .moderation-modal-close{top:-7px}.feedback-lead{margin:0 0 14px}.feedback-label{display:block;margin-bottom:6px;font-size:12.5px;color:#66776e}#feedback-message{display:block;box-sizing:border-box;width:100%;min-height:112px;padding:10px 12px;border:1px solid rgba(16,58,29,.2);border-radius:8px;background:#fff;color:#17251d;font:inherit;font-size:16px;line-height:1.5;resize:vertical}#feedback-message::placeholder{color:#9aa6a0}#feedback-message:focus-visible{outline:none;border-color:#007508;box-shadow:0 0 0 2px #0075081f}.feedback-status-row{display:flex;align-items:flex-start;gap:12px;margin:4px 0 10px}.feedback-error{margin:0;font-size:13px;line-height:1.5;color:#b3261e}.feedback-error[hidden]{display:none}.feedback-count{margin-left:auto;font-size:12px;color:#809087;white-space:nowrap}.feedback-notes{margin:0 0 16px;padding-left:1.1em;font-size:12px;line-height:1.6;color:#66776e}.feedback-honeypot{position:absolute;left:-9999px;width:1px;height:1px;opacity:0;pointer-events:none}.feedback-wide-btn{display:block;width:100%}.feedback-wide-btn:disabled{opacity:.6;cursor:default}.feedback-contact{margin:12px 0 0;font-size:12px;line-height:1.6;color:#66776e;text-align:center}.feedback-contact a{color:#007508}.feedback-contact-nowrap{white-space:nowrap}.feedback-thanks{padding:14px 0 0;text-align:center}.feedback-thanks[hidden]{display:none}.feedback-thanks-icon{display:flex;width:52px;height:52px;margin:0 auto 12px;align-items:center;justify-content:center;border-radius:50%;background:#e6f3e7}.feedback-thanks-icon svg{width:28px;height:28px;fill:none;stroke:#007508;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}.feedback-thanks h3{margin:0 0 6px;font-size:17px;color:#17251d}.feedback-thanks p{margin:0 0 18px;font-size:13px;line-height:1.7;color:#66776e}