.match-comments-section{box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-start;padding:var(--space-4) var(--space-4) calc(var(--space-4) + env(safe-area-inset-bottom)) var(--space-4);gap:var(--space-4);background:var(--color-card-soft);border-top:1px solid var(--color-border-focus);align-self:stretch;width:100%;margin-top:16px;flex-grow:1}.match-comments-heading{display:flex;flex-direction:row;align-items:center;padding:0;gap:var(--space-2);align-self:stretch}.match-comments-heading h2{font-weight:700;text-transform:uppercase;color:var(--color-gray-60);margin:0}.match-comments-heading h2,.match-comments-heading span{font-family:"Barlow Semi Condensed",var(--font-main),sans-serif;font-style:normal;font-size:14px;line-height:15px}.match-comments-heading span{font-weight:400;color:var(--color-gray-40)}.match-comments-list{display:flex;flex-direction:column;align-items:flex-start;padding:0;gap:var(--space-2);align-self:stretch;width:100%}.match-comments-empty{font-family:"Barlow Semi Condensed",var(--font-main),sans-serif;color:var(--color-gray-40);font-size:14px;line-height:1.4;margin:var(--space-1) 0}.match-comment-item{display:flex;flex-direction:row;align-items:flex-start;padding:var(--space-2) var(--space-2) var(--space-2) var(--space-3);gap:var(--space-3);background:var(--color-brand-100);border-radius:var(--radius-sm);align-self:stretch;width:100%;box-sizing:border-box}.match-comment-avatar{box-sizing:border-box;width:40px;height:40px;border:.909091px solid var(--color-gray-20);border-radius:var(--radius-round);display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--color-gray-white);flex-shrink:0}.match-comment-avatar img{width:100%;height:100%;object-fit:cover}.match-comment-avatar span{font-family:"Barlow Semi Condensed",var(--font-main),sans-serif;font-weight:700;font-size:16px;color:var(--color-gray-80)}.match-comment-body{gap:var(--space-2);flex-grow:1;min-width:0}.match-comment-body,.match-comment-details{display:flex;flex-direction:column;align-items:flex-start;padding:0}.match-comment-details{gap:var(--space-1);align-self:stretch}.match-comment-meta{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:0;align-self:stretch;gap:var(--space-2)}.match-comment-user{font-family:"Barlow Semi Condensed",var(--font-main),sans-serif;font-style:normal;font-weight:700;font-size:16px;line-height:19px;color:var(--color-gray-80);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.match-comment-time{font-size:12px;line-height:14px;text-align:right;color:var(--color-gray-40);flex-shrink:0}.match-comment-text,.match-comment-time{font-family:"Barlow Semi Condensed",var(--font-main),sans-serif;font-style:normal;font-weight:400}.match-comment-text{font-size:16px;line-height:19px;color:var(--color-gray-80);margin:0;word-break:break-word;white-space:pre-wrap}.match-comment-actions{display:flex;flex-direction:row;align-items:center;padding:0;gap:var(--space-2);align-self:stretch;margin-top:var(--space-1)}.match-comment-delete-warning{font-family:"Barlow Semi Condensed",var(--font-main),sans-serif;font-style:normal;font-weight:400;font-size:12px;line-height:14px;color:var(--color-gray-40);flex-grow:1;text-align:right}.match-comment-delete-btn{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:0 var(--space-2) 0 6px;gap:2px;width:54px;height:24px;background:var(--color-brand-600);border-radius:var(--radius-xs);border:none;cursor:pointer;flex-shrink:0;box-sizing:border-box}.match-comment-delete-btn:hover{filter:brightness(1.1)}.match-comment-delete-btn:active{opacity:.8}.match-comment-delete-btn:disabled{opacity:.6;cursor:not-allowed}.match-comment-delete-btn span{font-family:"Barlow Semi Condensed",var(--font-main),sans-serif;font-style:normal;font-weight:700;font-size:14px;line-height:15px;color:var(--color-gray-white)}.match-comment-form{flex-direction:row;gap:8px;width:100%;align-self:stretch;box-sizing:border-box}.match-comment-form,.match-comment-input-wrapper{display:flex;align-items:flex-start;padding:0;height:48px}.match-comment-input-wrapper{flex-direction:column;gap:4px;flex:1 1}.match-comment-form textarea{width:100%;height:48px;min-height:48px;max-height:48px;box-sizing:border-box;resize:none;display:flex;flex-direction:row;align-items:center;padding:13.5px 16px;gap:12px;background:#FFF9F5;border:1px solid #f2bc95;border-radius:12px;align-self:stretch;color:var(--color-gray-80);font-family:"Barlow Semi Condensed",var(--font-main),sans-serif;font-style:normal;font-weight:400;font-size:16px;line-height:19px}.match-comment-form textarea:focus{outline:none;border-color:#93653F}.match-comment-form textarea::placeholder{color:#A3988F}.match-comment-send-btn{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:12px 16px;gap:8px;width:56px;height:48px;background:#93653F;border-radius:12px;border:0;cursor:pointer;flex-shrink:0;transition:opacity .2s}.match-comment-send-btn:disabled{opacity:.5;cursor:not-allowed}.match-comment-send-btn:not(:disabled):hover{opacity:.9}.match-receipt-hidden-container{position:fixed;left:0;top:0;transform:translateY(-200%);pointer-events:none;z-index:-9999;visibility:visible}.match-receipt-export-card{box-sizing:border-box;background:var(--color-bg,#f2e6dc);overflow:visible!important;height:auto!important;min-height:auto!important;padding-bottom:24px!important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;image-rendering:-webkit-optimize-contrast}.match-receipt-export-card .score-board-scroll{overflow:visible!important}.match-receipt-export-card .history-memory-card{cursor:default}.match-receipt-brand-badge{text-align:right;flex-shrink:0}.match-receipt-brand-badge .brand-name{font-size:16px;font-weight:800;color:var(--color-brand,#93653f);letter-spacing:.5px}.match-receipt-brand-badge .receipt-tag{font-size:11px;font-weight:700;color:var(--color-subtext,#70655c);text-transform:uppercase;letter-spacing:.8px}.match-detail-skeleton{pointer-events:auto;-webkit-user-select:none;-moz-user-select:none;user-select:none}.match-detail-skeleton .skeleton-box{display:block;background:linear-gradient(90deg,rgba(215,176,142,.22),rgba(247,237,229,.8) 50%,rgba(215,176,142,.22));background-size:200% 100%;animation:match-detail-skeleton-shimmer 1.5s cubic-bezier(.4,0,.2,1) infinite;border-radius:var(--radius-sm)}@keyframes match-detail-skeleton-shimmer{0%{background-position:150% 0}to{background-position:-50% 0}}.match-detail-skeleton .match-summary-strip{gap:12px}.match-detail-skeleton .detail-thumb.skeleton-box{width:48px;height:48px;border-radius:4px;flex-shrink:0}.match-summary-skeleton-info{display:flex;flex-direction:column;gap:8px;flex:1 1}.match-summary-skeleton-info .skeleton-title{width:55%;height:20px;border-radius:4px}.match-summary-skeleton-info .skeleton-subtitle{width:35%;height:14px;border-radius:4px}.match-detail-skeleton .player-header .skeleton-player-name{width:46px;height:16px;border-radius:4px;margin:0 auto}.match-detail-skeleton .score-grid-label .skeleton-category-name{width:64px;height:16px;border-radius:4px}.match-detail-skeleton .readonly-score-box .skeleton-score-val{width:30px;height:18px;border-radius:4px;margin:0 auto}.match-detail-skeleton .score-grid-winner .skeleton-total-val{width:32px;height:20px;border-radius:4px;margin:0 auto}.match-detail-skeleton .skeleton-comments-count{width:40px;height:14px;border-radius:4px}.match-detail-skeleton .match-comment-avatar.skeleton-box{border-radius:50%;border:1px solid rgba(209,203,199,.5);background:linear-gradient(90deg,rgba(215,176,142,.22),rgba(247,237,229,.8) 50%,rgba(215,176,142,.22));background-size:200% 100%;animation:match-detail-skeleton-shimmer 1.5s cubic-bezier(.4,0,.2,1) infinite}.match-detail-skeleton .skeleton-comment-user{width:85px;height:15px;border-radius:4px}.match-detail-skeleton .skeleton-comment-time{width:95px;height:13px;border-radius:4px}.match-detail-skeleton .skeleton-comment-line-1{width:85%;height:15px;border-radius:4px;margin-top:4px}.match-detail-skeleton .skeleton-comment-line-2{width:55%;height:15px;border-radius:4px;margin-top:4px}.confirm-backdrop{position:fixed;inset:0;z-index:90;display:grid;place-items:center;padding:var(--space-5);background:rgba(0,0,0,.32)}.confirm-dialog{width:320px;border-radius:12px;background:var(--color-white);box-shadow:0 16px 48px rgba(0,0,0,.12);padding:24px;display:flex;flex-direction:column;gap:16px}.confirm-dialog h2{color:var(--color-gray-80);font-size:20px;font-weight:800;line-height:1.2}.confirm-dialog p{color:var(--color-gray-80);font-size:16px;line-height:1.45}.confirm-subtext{color:var(--color-muted)!important;font-size:14px!important}.confirm-actions{display:flex;flex-direction:row;gap:var(--space-2)}.confirm-actions button{width:100%}.bottom-nav{position:fixed;left:50%;bottom:0;z-index:20;width:min(430px,100vw);transform:translateX(-50%);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:0;gap:0;background:var(--color-white);padding:10px 18px calc(10px + env(safe-area-inset-bottom));box-shadow:0 -10px 28px rgba(93,65,40,.14);touch-action:manipulation}.bottom-nav:before{content:none}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);border:0;border-radius:0;background:transparent;color:rgba(0,0,0,.58);font-size:13px;font-weight:400;padding:6px 8px 0;cursor:pointer;-moz-user-select:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;text-decoration:none}.bottom-nav-item:active{transform:translateY(1px)}.bottom-nav-item span{width:28px;height:28px;display:grid;place-items:center;pointer-events:none}.bottom-nav-item svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.bottom-nav-item.active{background:transparent;color:var(--color-brand)}.app-shell.screen-account .bottom-nav,.app-shell.screen-achievements .bottom-nav,.app-shell.screen-history .bottom-nav,.app-shell.screen-setup .bottom-nav{width:min(600px,100vw);height:calc(56px + env(safe-area-inset-bottom));padding:0 0 env(safe-area-inset-bottom);background:var(--color-white);box-shadow:var(--shadow-nav)}.app-shell.screen-account .bottom-nav:before,.app-shell.screen-achievements .bottom-nav:before,.app-shell.screen-history .bottom-nav:before,.app-shell.screen-setup .bottom-nav:before{top:0;width:25%;height:2px;transform:none;opacity:0}.app-shell.screen-setup .bottom-nav:before{left:0}.app-shell.screen-history .bottom-nav:before{left:25%}.app-shell.screen-account .bottom-nav-item,.app-shell.screen-achievements .bottom-nav-item,.app-shell.screen-history .bottom-nav-item,.app-shell.screen-setup .bottom-nav-item{height:56px;justify-content:center;gap:2px;padding:8px 4px 6px;color:var(--color-subtext);font-size:12px;line-height:14px}.app-shell.screen-account .bottom-nav-item span,.app-shell.screen-achievements .bottom-nav-item span,.app-shell.screen-history .bottom-nav-item span,.app-shell.screen-setup .bottom-nav-item span{width:24px;height:24px}.app-shell.screen-account .bottom-nav-item svg,.app-shell.screen-achievements .bottom-nav-item svg,.app-shell.screen-history .bottom-nav-item svg,.app-shell.screen-setup .bottom-nav-item svg{width:22px;height:22px;stroke-width:1.7}.app-shell.screen-account .bottom-nav-item.active,.app-shell.screen-achievements .bottom-nav-item.active,.app-shell.screen-history .bottom-nav-item.active,.app-shell.screen-setup .bottom-nav-item.active{color:var(--color-brand)}.bottom-nav-active-indicator{position:absolute;top:0;left:0;right:0;height:3px;background-color:var(--color-brand);border-bottom-left-radius:2px;border-bottom-right-radius:2px}@media (display-mode:standalone){.app-shell.screen-account .bottom-nav,.app-shell.screen-achievements .bottom-nav,.app-shell.screen-history .bottom-nav,.app-shell.screen-setup .bottom-nav,.bottom-nav{height:calc(56px + env(safe-area-inset-bottom, 0px));padding-bottom:env(safe-area-inset-bottom,0)}}.is-standalone .app-shell.screen-account .bottom-nav,.is-standalone .app-shell.screen-achievements .bottom-nav,.is-standalone .app-shell.screen-history .bottom-nav,.is-standalone .app-shell.screen-setup .bottom-nav,.is-standalone .bottom-nav{height:calc(56px + env(safe-area-inset-bottom, 0px));padding-bottom:env(safe-area-inset-bottom,0)}.ios-install-prompt{position:fixed;bottom:calc(16px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:min(390px,92vw);background-color:var(--color-card);border:1px solid var(--color-border-focus);box-shadow:0 8px 30px rgba(93,65,40,.2);border-radius:var(--radius-md);padding:16px 20px;z-index:1000;animation:iosPromptSlideUp .3s ease-out}@keyframes iosPromptSlideUp{0%{transform:translate(-50%,100%);opacity:0}to{transform:translate(-50%);opacity:1}}.ios-install-prompt-content{display:flex;flex-direction:column;gap:var(--space-3)}.ios-install-prompt-text{margin:0;font-size:14px;line-height:1.5;color:var(--color-text)}.ios-install-prompt-icon{display:inline-flex;align-items:center;justify-content:center;background-color:var(--color-brand-100);border-radius:var(--radius-xs);padding:2px 4px;margin:0 4px;vertical-align:middle}.ios-install-prompt-icon svg{width:18px;height:18px;stroke:var(--color-brand);fill:none;stroke-width:2.2}.ios-install-prompt-buttons{display:flex;justify-content:flex-end}.ios-install-prompt-btn-dismiss{background:transparent;border:none;color:var(--color-brand);font-weight:700;font-size:14px;padding:6px 12px;cursor:pointer;border-radius:var(--radius-xs);touch-action:manipulation;-webkit-tap-highlight-color:transparent}.ios-install-prompt-btn-dismiss:active{background-color:var(--color-brand-100)}.home-search-panel{display:flex;flex-direction:column;gap:var(--space-3)}.search-bar{position:relative;height:48px;display:grid;grid-template-columns:52px 1fr 1px 56px;align-items:center;background:var(--color-card);border-radius:var(--radius-md);overflow:hidden}.search-bar input{min-width:0;padding-right:38px;border:0;outline:0;background:transparent;color:var(--color-text);font-size:20px;font-weight:400}.search-bar--plain{grid-template-columns:40px minmax(0,1fr)}.search-clear-button{position:absolute;right:10px;z-index:1;width:32px;height:32px;display:grid;place-items:center;border:0;border-radius:var(--radius-round);color:#000;opacity:1}.search-clear-button--with-filter{right:60px}.search-clear-button:focus-visible,.search-clear-button:hover{opacity:.9;background:rgba(23,17,13,.06)}.search-bar input::placeholder{color:rgba(23,17,13,.4)}.filter-button,.search-icon{display:grid;place-items:center}.search-icon{color:rgba(23,17,13,.42)}.search-icon svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}.search-divider{width:1px;height:56px;background:rgba(23,17,13,.12)}.filter-button{width:56px;height:56px;background:transparent;color:#282828}.filter-button svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:2.1;stroke-linejoin:round}.filter-button.active{color:var(--color-brand)}.filter-panel{display:grid;grid-template-rows:0fr;opacity:0;overflow:hidden;border:1px solid transparent;border-radius:var(--radius-lg);background:rgba(255,250,247,.92);padding:0 var(--space-4);margin-top:0;box-shadow:none;transition:grid-template-rows .3s cubic-bezier(.4,0,.2,1),opacity .2s cubic-bezier(.4,0,.2,1),padding .3s cubic-bezier(.4,0,.2,1),margin-top .3s cubic-bezier(.4,0,.2,1),border-color .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1)}.filter-panel.open{grid-template-rows:1fr;opacity:1;border-color:rgba(167,125,79,.12);padding:var(--space-4);overflow:visible}.filter-panel-inner{min-height:0;gap:var(--space-4)}.filter-field,.filter-panel-inner{display:flex;flex-direction:column}.filter-field{gap:var(--space-2)}.filter-field span,.filter-label{font-family:"Barlow Semi Condensed",var(--font-main),sans-serif;font-style:normal;font-weight:700;font-size:14px;line-height:15px;color:var(--color-subtext)}.filter-select-wrapper{position:relative;width:100%;box-sizing:border-box;display:flex;flex-direction:row;align-items:center;padding:0 12px 0 16px;gap:12px;background:#FFF9F5;border:1px solid #f2bc95;border-radius:12px;height:48px}.filter-select-wrapper:after{content:"";position:absolute;right:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;background-image:url(/down.png);background-repeat:no-repeat;background-position:50%;background-size:contain;pointer-events:none}.filter-field select{width:100%;border:1px solid var(--color-border);border-radius:var(--radius-md);outline:0;background:var(--color-white);color:var(--color-text);padding:var(--space-3) 14px;font-size:16px}.filter-select-wrapper select{width:100%;height:100%;border:none;outline:none;background:transparent;color:var(--color-text);font-size:16px;appearance:none;-webkit-appearance:none;-moz-appearance:none;padding:0 24px 0 0}.history-content .home-search-panel,.home-screen .home-search-panel{gap:var(--space-1)}.history-content .search-bar,.home-screen .search-bar{height:48px;grid-template-columns:40px minmax(0,1fr) 1px 55px;border-radius:var(--radius-md);background:var(--color-card-soft);box-shadow:var(--shadow-card)}.history-content .search-bar input,.home-screen .search-bar input{height:48px;color:var(--color-text);font-size:18px;line-height:20px;font-weight:400}.history-content .search-bar input::placeholder,.home-screen .search-bar input::placeholder{color:var(--color-muted);opacity:1}.history-content .search-icon svg,.home-screen .search-icon svg{width:24px;height:24px;stroke:var(--color-muted);stroke-width:1.5}.history-content .search-divider,.home-screen .search-divider{height:48px;background:var(--color-border-soft)}.history-content .filter-button,.home-screen .filter-button{width:56px;height:48px;color:var(--color-text)}.history-content .filter-button svg,.home-screen .filter-button svg{width:24px;height:24px;stroke-width:1.8}.history-filter-panel,.home-screen .filter-panel{border-radius:var(--radius-md);background:var(--color-card-soft);box-shadow:none}.home-screen .filter-panel.open{box-shadow:var(--shadow-card)}.history-filter-panel.open{box-shadow:var(--shadow-filter-panel)}.custom-select-container{position:relative;width:100%}.custom-select-trigger{width:100%;box-sizing:border-box;display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:0 12px 0 16px;gap:12px;background:#FFF9F5;border:1px solid #f2bc95;border-radius:12px;height:48px;font-size:16px;color:var(--color-text);cursor:pointer;text-align:left;transition:border-color .2s ease;outline:none}.custom-select-trigger span{font-family:"Barlow Semi Condensed",var(--font-main),sans-serif;font-weight:400;font-style:normal;font-size:16px;line-height:19px;letter-spacing:0;color:#70655C}.custom-select-trigger.active{border-color:var(--color-brand)}.custom-select-arrow{flex-shrink:0;transition:transform .2s ease}.custom-select-trigger.active .custom-select-arrow{transform:rotate(180deg)}.custom-select-options{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:10;background:#FFF9F5;border:1px solid #f2bc95;border-radius:12px;margin:0;list-style:none;box-shadow:0 4px 12px rgba(0,0,0,.08);max-height:336px;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.custom-select-options::-webkit-scrollbar{display:none}.custom-select-option{padding:var(--space-3) 16px;font-size:15px;color:#70655C;cursor:pointer;transition:background .15s ease}.custom-select-option:hover{background:rgba(242,188,149,.15)}.custom-select-option.selected{background:rgba(242,188,149,.3);font-weight:700;color:var(--color-brand)}.history-filter-row{display:flex;flex-direction:row;align-items:flex-end;gap:var(--space-4);width:100%}.history-player-field{flex:1 1;min-width:0}.history-toggle-field{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:var(--space-2);flex-shrink:0}.history-toggle-field span{white-space:nowrap}.toggle-switch{position:relative;display:inline-block;width:44px;height:24px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--color-border-control);border-radius:24px}.toggle-slider,.toggle-slider:before{position:absolute;transition:all .3s ease}.toggle-slider:before{content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:var(--color-white);border-radius:50%;box-shadow:0 1px 3px rgba(0,0,0,.15)}.toggle-switch input:checked+.toggle-slider{background-color:var(--color-brand)}.toggle-switch input:checked+.toggle-slider:before{transform:translateX(20px)}.custom-select-search-wrapper{position:-webkit-sticky;position:sticky;top:0;z-index:2;background:#FFF9F5;padding:8px 12px;border-bottom:1px solid rgba(242,188,149,.4)}.custom-select-search-input{width:100%;height:36px;padding:0 12px;border:1px solid #f2bc95;border-radius:8px;background:#FFF;font-size:14px;color:var(--color-text);outline:none;box-sizing:border-box}.custom-select-search-input:focus{border-color:var(--color-brand)}.custom-select-no-results{padding:var(--space-3) 16px;font-size:15px;color:var(--color-muted);text-align:center;font-style:italic}.toast{position:fixed;left:50%;bottom:calc(82px + env(safe-area-inset-bottom));z-index:9999;max-width:min(345px,calc(100vw - 32px));transform:translate(-50%,12px);border-radius:var(--radius-pill);background:rgba(56,50,46,.94);color:var(--color-white);padding:10px var(--space-4);font-size:14px;font-weight:700;opacity:0;pointer-events:none;transition:opacity .16s ease,transform .16s ease}.toast.show{transform:translate(-50%);opacity:1}html.is-splash-active,html.is-splash-active body{background-color:#93653f!important}.splash-screen-container{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;height:100dvh;z-index:99999;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#93653f;transition:opacity .35s ease-out,visibility .35s ease-out;opacity:1;visibility:visible;pointer-events:all;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:none}.splash-screen-container.splash-screen-exit{opacity:0;visibility:hidden;pointer-events:none}.splash-screen-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}.splash-screen-logo{width:110px;height:110px;border-radius:24px;animation:splashLogoPulse 1.2s ease-in-out infinite alternate;object-fit:contain}@keyframes splashLogoPulse{0%{transform:scale(.96)}to{transform:scale(1.04)}}.login-screen .login-content{display:flex;flex-direction:column;justify-content:center;min-height:calc(100vh - 120px)}.login-card{padding:18px 16px;display:grid;grid-gap:16px;gap:16px}.login-card.forgot{gap:32px}.login-card h1{color:var(--color-text-strong);font-weight:600;font-size:28px;letter-spacing:16%;text-transform:uppercase;text-align:center}.login-form{display:grid;grid-gap:16px;gap:16px}.login-form input{min-height:48px;border-radius:var(--radius-md);border:1px solid var(--color-border-focus);background:var(--color-card);color:var(--color-text);padding:0 12px;font-size:16px;line-height:1.2}.input-with-icon{position:relative;display:block}.input-with-icon input{width:100%;padding-left:52px;padding-right:16px}.input-icon{position:absolute;top:50%;width:24px;height:24px;transform:translateY(-50%);pointer-events:none}.input-icon.left{left:16px}.input-icon svg{width:100%;height:100%}.input-icon-btn{position:absolute;top:50%;right:10px;width:26px;height:26px;transform:translateY(-50%);border:0;border-radius:999px;background:transparent;color:#8b7a63;display:grid;place-items:center;cursor:pointer}.input-icon-btn svg{width:18px;height:18px}.login-submit-btn{margin-top:4px}.forgot-link-btn{justify-self:center;width:-moz-fit-content;width:fit-content;padding:0;border:0;background:transparent;color:var(--color-brand);font-size:16px;text-decoration:underline;cursor:pointer}.forgot-back-btn{justify-self:start}.txt-forgot{color:var(--color-text);font-size:16px;text-align:center}.history-brandbar,.history-detail-header,.home-header,.score-entry-screen .score-topbar{height:56px;min-height:40px;background:var(--color-brand);color:var(--color-white);box-shadow:0 2px 2px rgba(105,105,105,.08)}.history-brandbar,.home-header{display:grid;place-items:center}.home-header{padding:0 48px;text-align:center}.title-header{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--color-white);font-size:24px;font-weight:700}.logo-header{margin:0 auto}.home-content,.home-game-list,.home-game-section{display:flex;flex-direction:column;gap:var(--space-3)}.home-screen .home-content{padding:var(--space-3) var(--space-4) 24px}.home-notification-banner{box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:12px 16px;gap:4px;background:var(--color-brand-100);border:1px solid #cc854e;border-radius:var(--radius-md);width:100%}.home-notification-header{display:flex;flex-direction:row;align-items:center;padding:0;gap:8px;align-self:stretch}.home-notification-icon{width:24px;height:24px;color:var(--color-text);flex-shrink:0}.home-notification-title{font-family:var(--font-main);font-style:normal;font-weight:700;font-size:16px;line-height:19px;color:var(--color-text);margin:0}.home-notification-actions{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;padding:0;gap:8px;align-self:stretch}.home-notification-btn-dismiss{padding:12px!important;background:transparent!important;color:var(--color-brand)!important}.home-notification-btn-confirm,.home-notification-btn-dismiss{display:flex;flex-direction:row;justify-content:center;align-items:center;height:36px!important;border:0!important;border-radius:12px!important;font-family:var(--font-main)!important;font-weight:700!important;font-size:14px!important;line-height:15px!important;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.home-notification-btn-confirm{padding:10px 16px!important;background:var(--color-brand)!important;color:var(--color-white)!important}.home-notification-btn-confirm:disabled{opacity:.6;cursor:default}.home-empty-state{gap:14px;align-items:stretch}.genre-filter,.home-empty-state{display:flex;flex-direction:column}.genre-chip-list,.genre-filter{gap:var(--space-2)}.genre-chip-list{display:flex;flex-wrap:wrap}.genre-chip{border:1px solid rgba(93,65,40,.18);border-radius:var(--radius-pill);background:rgba(255,250,240,.9);color:var(--color-text);padding:var(--space-2) 11px;font-size:13px;font-weight:700;cursor:pointer}.genre-chip.active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}@media (max-width:420px){.home-notification-actions{justify-content:flex-end}}.picker-topbar,.setup-topbar{min-height:40px;display:grid;align-items:center;background:var(--color-brand);color:var(--color-white);padding:0 var(--space-2)}.setup-topbar{grid-template-columns:44px minmax(0,1fr) 44px}.picker-topbar{grid-template-columns:64px 1fr 64px}.picker-topbar h1,.setup-topbar h1{grid-column:2;color:var(--color-white);font-size:20px;line-height:1.15;font-weight:700;text-align:center}.setup-topbar .setup-back-btn{width:40px;height:40px;justify-self:start;border-radius:var(--radius-pill);background:transparent;color:var(--color-white)}.setup-topbar .setup-back-btn svg{width:26px;height:26px;stroke-width:2.2}.setup-flow{gap:var(--space-5);padding-bottom:24px}.player-picker-list,.setup-flow,.setup-row-list,.setup-section{display:flex;flex-direction:column}.player-picker-list,.setup-row-list,.setup-section{gap:var(--space-2)}.setup-section h2{padding-left:var(--space-4);color:#737882;font-size:14px;line-height:1;font-weight:600;text-transform:uppercase}.player-picker-row,.setup-date-row,.setup-player-row{width:100%;min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);border:0;border-radius:var(--radius-md);background:var(--color-card);color:var(--color-text-strong);padding:0 var(--space-4);text-align:left}.setup-player-row[disabled]{background:#E3E0DD;img{filter:grayscale(1)}}.setup-player-row-left{display:flex;align-items:center;gap:12px;img{border-radius:1000px}}.player-picker-row span,.setup-date-row span,.setup-player-row span{color:var(--color-text-strong);font-size:16px;line-height:1.15;font-weight:600}.setup-circle-btn.add{color:var(--color-white)}.player-picker-row,.setup-player-row.add{cursor:pointer}.player-picker-row.disabled{background:#E3E0DD}.setup-date-row{position:relative;cursor:pointer}.setup-date-button{position:relative;width:24px;height:24px;display:grid;place-items:center;color:var(--color-text-strong);cursor:pointer;overflow:hidden}.setup-date-button svg{width:36px;height:36px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.setup-date-button input{position:absolute;inset:0;width:100%;height:100%;cursor:pointer;opacity:0}.setup-start-btn{display:flex;align-items:center;justify-content:center;width:100%;min-height:48px;margin-top:16px;border-radius:12px;background:var(--color-brand);color:var(--color-card);font-size:18px;font-weight:700}.player-picker-content{padding:12px 16px calc(84px + env(safe-area-inset-bottom));display:grid;grid-gap:12px;gap:12px}.player-picker-row input{width:17px;height:17px;flex:0 0 17px;accent-color:var(--color-brand);cursor:pointer}.player-picker-row.selected{display:none}.player-picker-footer{position:fixed;left:50%;bottom:0;z-index:30;width:min(600px,100vw);transform:translateX(-50%);background:rgba(255,250,247,.94);padding:var(--space-3) var(--space-4) calc(var(--space-3) + env(safe-area-inset-bottom));box-shadow:0 -4px 8px 0 rgba(0,0,0,.08)}.player-picker-submit{width:100%;min-height:48px;border-radius:12px;background:var(--color-brand);color:var(--color-card);font-size:18px;font-weight:700}.score-screen{padding-bottom:34px}.score-entry-header,.score-topbar{background:var(--color-brand)}.score-entry-topbar .title-header{grid-column:2;width:100%}.score-entry-spacer{width:40px;height:40px}.score-content{display:flex;flex-direction:column;gap:var(--space-6)}.score-box{width:100%;max-width:88px;border:1px solid var(--color-border-control);border-radius:var(--radius-md);outline:0;background:var(--color-white);color:var(--color-text);box-shadow:inset 0 1px 0 rgba(255,255,255,.7);padding:10px var(--space-2);font-size:22px;text-align:center}.score-board-scroll{overflow-x:auto;padding:0;scrollbar-width:none}.score-board-scroll::-webkit-scrollbar{display:none}.score-screen .score-entry-grid{display:grid;grid-gap:0;gap:0;align-items:stretch}.score-screen .score-grid-header,.score-screen .score-grid-label,.score-screen .score-grid-total,.score-screen .score-grid-winner{color:var(--color-text-strong);font-weight:700}.score-screen .score-grid-header{height:40px;display:flex;align-items:center;justify-content:center;font-size:16px;text-align:center}.score-screen .score-grid-sticky-header{z-index:5}.score-screen .player-header{flex-direction:row;gap:0}.score-screen .score-grid-label,.score-screen .score-grid-total{min-height:80px;display:flex;align-items:center;padding:0 var(--space-2) 0 var(--space-4);font-size:16px;line-height:1.18}.score-screen .score-grid-cell{height:46px;place-items:center}.score-screen .score-box{width:100%;max-width:112px;height:50px;display:block;border:2px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-card);box-shadow:none;font-size:22px;line-height:50px;font-weight:700;padding:0}.score-screen .score-grid-total,.score-screen .score-grid-winner{border-top:2px solid var(--color-border);border-bottom:2px solid var(--color-border)}.score-screen .score-grid-winner{height:46px;display:grid;place-items:center;padding:0 10px;font-size:18px;line-height:50px}.score-screen .score-grid-winner strong{width:100%;max-width:112px;display:block;text-align:center}.score-scroll-indicator{height:18px;padding:0 var(--space-6)}.score-scroll-indicator span{display:block;width:188px;height:18px;border-radius:var(--radius-pill);background:#d1b79f}.winner-only-list,.winner-picker-card{display:flex;flex-direction:column;gap:var(--space-3);margin:var(--space-4) var(--space-5) 0;border-radius:var(--radius-lg);background:var(--color-card);color:var(--color-text-strong);box-shadow:var(--shadow-card);padding:var(--space-4)}.winner-picker-row{min-height:58px;display:grid;grid-template-columns:minmax(0,1fr) 32px;align-items:center;border-bottom:1px solid rgba(93,65,40,.12);font-size:18px;font-weight:700}.winner-picker-row:last-child{border-bottom:0}.winner-picker-row input{width:24px;height:24px;accent-color:var(--color-brand);justify-self:end}.winner-only-player{min-height:74px;display:grid;grid-template-rows:minmax(24px,auto) 32px;place-items:center;border-bottom:1px solid rgba(93,65,40,.12);text-align:center}.winner-only-player:last-child{border-bottom:0}.winner-only-player span{color:var(--color-text-strong);font-size:18px;font-weight:700}.winner-only-crown-row{height:32px;display:grid;place-items:center}.match-description{min-height:80px;margin:0 var(--space-5);border:0;border-radius:var(--radius-xl);outline:0;background:var(--color-card);color:var(--color-text-strong);font-size:22px;line-height:1.3;padding:28px var(--space-6);resize:vertical}.match-description::placeholder{color:rgba(0,0,0,.35)}.score-save-btn{min-height:50px;margin:6px var(--space-5) 0;border-radius:20px;background:var(--color-brand);color:var(--color-card);font-size:16px;font-weight:700}.score-entry-screen .score-content{gap:var(--space-4);padding-bottom:var(--space-4)}.score-entry-screen .score-close-btn{justify-self:end}.score-entry-screen .score-close-btn svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.score-entry-screen .score-board,.score-entry-screen .score-board-scroll,.score-entry-screen .score-grid-sticky{background:var(--color-bg)}.score-entry-screen .score-board{padding:0}.score-entry-screen .score-entry-grid{gap:0}.score-entry-screen .score-grid-header{min-height:40px;color:var(--color-text-strong);font-size:14px;line-height:1.15;font-weight:700;padding:0 var(--space-2)}.score-entry-screen .score-grid-sticky-header{min-height:40px}.score-entry-screen .score-grid-sticky{box-shadow:var(--shadow-sticky)}.score-entry-screen .score-grid-label{min-height:60px;color:var(--color-text);display:flex;align-items:center;font-size:14px;line-height:1.15;font-weight:700;padding:0 16px}.score-entry-screen .score-grid-label.total-score-only,.score-entry-screen .score-grid-label.winner-only{min-height:48px;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.score-entry-screen .score-grid-cell{box-sizing:border-box;min-height:60px;display:flex;align-items:center;justify-content:center;padding:var(--space-1)}.score-entry-screen .score-grid-winner-select-cell{min-height:48px;height:48px;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);background:transparent!important;background-color:transparent!important;outline:none!important;-webkit-tap-highlight-color:transparent!important}.score-entry-screen .score-grid-winner-select-cell.is-winner,.score-entry-screen .score-grid-winner-select-cell:active,.score-entry-screen .score-grid-winner-select-cell:focus,.score-entry-screen .score-grid-winner-select-cell:focus-visible,.score-entry-screen .score-grid-winner-select-cell:hover{background:transparent!important;background-color:transparent!important;outline:none!important;box-shadow:none!important}.score-entry-screen .winner-crown-slot{position:relative;width:44px;height:40px;display:flex;align-items:center;justify-content:center}.score-entry-screen .winner-crown-wrapper{display:flex;align-items:center;justify-content:center;width:36px;height:32px;z-index:2}.score-entry-screen .winner-crown-icon{width:32px;height:28px;object-fit:contain;pointer-events:none}.score-entry-screen .winner-crown-placeholder{width:16px;height:16px;border-radius:50%;border:1.5px solid rgba(122,85,45,.22);background-color:rgba(122,85,45,.03);transition:transform .15s ease,border-color .15s ease,background-color .15s ease}.score-entry-screen .score-grid-winner-select-cell:hover .winner-crown-placeholder{border-color:var(--color-brand);background-color:rgba(122,85,45,.08);transform:scale(1.15)}.score-entry-screen .score-grid-checkbox-cell{min-height:48px;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.score-entry-screen .score-grid-checkbox{width:22px;height:22px;accent-color:var(--color-brand);cursor:pointer;margin:0}.score-entry-screen .score-grid-cell.total-score-only,.score-entry-screen .score-grid-cell.winner-only{min-height:48px;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.score-entry-screen .score-box{width:100%;max-width:none;height:48px;border:1px solid var(--color-border-focus);border-radius:var(--radius-md);background:var(--color-card);color:var(--color-text);font-size:16px;line-height:normal;font-weight:700;text-align:center;padding:0 var(--space-2);box-sizing:border-box}.score-entry-screen .score-box.score-box-text{font-size:15px;line-height:1.25}.score-entry-screen .score-box:focus{outline:2px solid var(--color-border-focus);outline-offset:0}.score-entry-screen .score-grid-total,.score-entry-screen .score-grid-winner{min-height:48px;height:48px}.score-entry-screen .grid-spacer.border,.score-entry-screen .score-grid-total,.score-entry-screen .score-grid-winner{border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.score-entry-screen .score-grid-total{color:var(--color-text);font-size:14px;line-height:1.15;font-weight:700;padding-left:var(--space-5);display:flex;align-items:center}.score-entry-screen .score-grid-winner{color:var(--color-text);font-size:18px;line-height:normal;font-weight:700;padding:0 6px;display:grid;place-items:center}.score-entry-screen .score-grid-winner strong{width:100%;text-align:center}.score-entry-screen .score-scroll-indicator{height:4px;margin-top:-4px;padding:0 var(--space-4)}.score-entry-screen .score-scroll-indicator span{width:116px;height:2px;margin:0 auto;background:var(--color-brand)}.score-entry-screen .match-description{min-height:80px;margin:0 var(--space-4);border-radius:var(--radius-md);background:var(--color-card-soft);color:var(--color-text);font-size:16px;line-height:19px;font-weight:400;padding:var(--space-3) var(--space-4)}.score-entry-screen .match-description::placeholder{color:var(--color-muted);opacity:1}.score-memory-section{margin:0 var(--space-4)}.score-memory-section h2{margin:0 0 var(--space-2);color:var(--color-subtext);font-size:14px;line-height:20px;font-weight:700;text-transform:uppercase}.score-memory-grid{display:flex;flex-wrap:wrap;gap:var(--space-3)}.score-memory-card,.score-memory-upload{position:relative;width:115px;height:115px;flex:0 0 115px;border-radius:var(--radius-md)}.score-memory-card{overflow:visible;border:1px solid var(--color-border-focus);background:var(--color-card-soft)}.score-memory-card img{width:100%;height:100%;display:block;object-fit:cover;border-radius:var(--radius-md)}.score-memory-remove{position:absolute;top:-8px;right:-8px;width:24px;height:24px;display:grid;place-items:center;border:1px solid var(--color-border-focus);border-radius:999px;background:var(--color-card);box-shadow:var(--shadow-card)}.score-memory-remove:disabled{opacity:.5}.score-memory-uploading{position:absolute;inset:0;background:rgba(0,0,0,.45);border-radius:var(--radius-md);display:grid;place-items:center;pointer-events:none}.score-memory-spinner{width:26px;height:26px;border:2.5px solid rgba(255,255,255,.35);border-top-color:#ffffff;border-radius:50%;animation:score-memory-spin .8s linear infinite}@keyframes score-memory-spin{to{transform:rotate(1turn)}}.score-memory-error{position:absolute;inset:0;background:rgba(234,101,86,.7);border-radius:var(--radius-md);display:grid;place-items:center;color:#fff;font-weight:700;font-size:18px}.score-memory-upload{display:grid;place-items:center;align-content:center;grid-gap:var(--space-2);gap:var(--space-2);border:1px dashed var(--color-border-focus);background:var(--color-card-soft);color:var(--color-brand);font-size:16px;line-height:19px;font-weight:400}.score-memory-upload svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.score-memory-upload:disabled{opacity:.55}.score-memory-input{display:none}.score-entry-screen .score-save-btn{min-height:48px;margin:0 var(--space-4);border-radius:var(--radius-md);background:var(--color-brand);color:var(--color-white);font-size:18px;box-shadow:var(--shadow-card);transition:opacity .2s ease,transform .1s ease}.score-entry-screen .score-save-btn:disabled{opacity:.85;cursor:not-allowed}.save-btn-content{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2)}.save-btn-spinner{width:18px;height:18px;border:2.5px solid rgba(255,255,255,.35);border-top-color:#ffffff;border-radius:50%;animation:score-memory-spin .8s linear infinite}.score-entry-screen .score-entry-main-block{display:flex;flex-direction:column;gap:0}.score-entry-screen .match-summary-strip{display:grid;grid-template-columns:64px 1fr;align-items:center;border-bottom:1.5px solid var(--color-border);background:var(--color-card);padding:12px;margin:0}.score-entry-screen .detail-thumb{width:48px;height:48px}.score-entry-screen .detail-thumb img{border-radius:4px}.score-entry-screen .match-summary-strip h2{color:var(--color-heading);font-size:18px;line-height:1.15;font-weight:700}.score-entry-screen .match-summary-strip p{margin-top:6px;color:rgba(0,0,0,.58);font-size:16px}.score-entry-screen .match-summary-strip+.winner-picker-card{margin-top:0;border-top-left-radius:0;border-top-right-radius:0;border-top:1px solid var(--color-border);box-shadow:none}.game-overview-screen{background:var(--color-bg);display:flex;flex-direction:column;padding-bottom:24px;overflow-y:auto;height:100%;-webkit-overflow-scrolling:touch}.overview-header{background:var(--color-brand);height:56px;position:-webkit-sticky;position:sticky;top:0;z-index:50;box-shadow:0 2px 4px rgba(0,0,0,.08)}.overview-topbar{height:100%;display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;padding:0 var(--space-4)}.overview-topbar .title-header{justify-self:center;width:100%;min-width:0;max-width:100%;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;color:var(--color-white);font-size:20px;font-weight:700}.overview-back-btn{justify-self:start}.overview-add-btn,.overview-back-btn{width:32px;height:32px;display:grid;place-items:center;border:none;cursor:pointer;padding:0}.overview-add-btn{background:transparent;justify-self:end}.overview-content{display:flex;flex-direction:column;gap:var(--space-4);flex:1 1}.overview-game-banner{background:var(--color-card-soft);padding:var(--space-4) var(--space-4);display:grid;grid-template-columns:auto 1fr;grid-gap:var(--space-4);gap:var(--space-4);align-items:center;border-bottom:1.5px solid #f2bc95;align-items:flex-start}.overview-game-thumb{height:79px;border-radius:var(--radius-xs);overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center;background:var(--color-bg-strong)}.overview-game-thumb img{width:auto!important;height:100%!important;object-fit:contain}.overview-game-thumb span{font-size:20px;font-weight:700;color:var(--color-brand)}.overview-game-details{display:flex;flex-direction:column;gap:4px}.overview-game-title{color:var(--color-heading);font-size:20px;line-height:1.2;font-weight:700;margin:0}.overview-game-meta{color:var(--color-subtext);font-size:16px;margin:0;font-weight:500}.overview-game-genre{color:var(--color-muted);font-size:16px;margin:0;font-weight:500}.overview-stats-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--space-2);gap:var(--space-2);margin:0 var(--space-4)}.overview-stat-card{background:var(--color-card);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);display:flex;flex-direction:column;gap:6px}.overview-stat-label{font-family:var(--font-main);font-weight:500;font-size:12px;line-height:100%;letter-spacing:0;text-transform:uppercase;color:#333D4A}.overview-stat-value{font-size:20px;font-weight:700;color:var(--color-text-strong)}.overview-stat-card--full{grid-column:1/-1}.overview-stat-card--full,.overview-stat-card--with-icon{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.overview-metric-icon{width:40px;height:40px;display:grid;place-items:center;flex-shrink:0}.overview-achievements-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--space-2);gap:var(--space-2)}.overview-record-info{display:flex;flex-direction:column;gap:6px}.overview-record-avatar{width:44px;height:44px;border-radius:var(--radius-round);overflow:hidden;background:var(--color-bg-strong);display:grid;place-items:center;border:1.5px solid rgba(147,101,63,.2);flex-shrink:0}.overview-record-avatar img{width:100%;height:100%;object-fit:cover}.overview-record-avatar svg{width:24px;height:24px;color:var(--color-muted)}.overview-record-skeleton{display:block;width:90px;height:22px;margin-top:2px;border-radius:var(--radius-xs);background:linear-gradient(90deg,rgba(230,218,208,.45),rgba(255,255,255,.8) 50%,rgba(230,218,208,.45));background-size:220% 100%;animation:overview-skeleton-pulse 1.4s ease-in-out infinite}@keyframes overview-skeleton-pulse{0%{background-position:120% 0}to{background-position:-120% 0}}.overview-leaderboard-section{margin:0 var(--space-4) 0;display:flex;flex-direction:column;gap:var(--space-2)}.overview-section-title{font-size:14px;font-weight:700;color:var(--color-subtext);letter-spacing:.05em;text-transform:uppercase;margin:0 0 0 var(--space-4)}.overview-leaderboard-list{display:flex;flex-direction:column;gap:var(--space-2)}.leaderboard-item-card{background:var(--color-card);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);display:flex;justify-content:space-between;align-items:center;transition:transform .2s ease,box-shadow .2s ease}.leaderboard-player-info{display:flex;align-items:center;gap:var(--space-3);flex:1 1;overflow:hidden}.leaderboard-rank{font-size:18px;font-weight:800}.leaderboard-rank.rank-1{color:var(--color-accent)}.leaderboard-rank.rank-2{color:var(--color-muted)}.leaderboard-rank.rank-3{color:#c58f5c}.leaderboard-rank.rank-other{color:var(--color-text-strong);opacity:.6}.leaderboard-avatar{width:40px;height:40px;border-radius:var(--radius-round);overflow:hidden;background:var(--color-bg-strong);display:grid;place-items:center;border:1px solid rgba(0,0,0,.05)}.leaderboard-avatar img{width:100%;height:100%;object-fit:cover}.leaderboard-avatar svg{width:24px;height:24px;color:var(--color-muted)}.leaderboard-name{font-size:16px;font-weight:700;color:var(--color-text-strong);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.leaderboard-wins-box{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;min-width:60px}.leaderboard-wins-label{font-size:12px;font-weight:500;color:#333D4A;text-transform:uppercase;letter-spacing:.02em;line-height:1;margin-bottom:2px}.leaderboard-wins-count{font-size:20px;font-weight:700;color:#333D4A;line-height:1}.overview-action-btn{display:flex;align-items:center;justify-content:center;gap:8px;margin:0 var(--space-4) var(--space-4);min-height:50px;background:var(--color-brand);color:var(--color-white);border:none;border-radius:12px;cursor:pointer;transition:background-color .2s ease,transform .2s ease,box-shadow .2s ease}.overview-action-btn:hover{background:var(--color-brand-dark)}.overview-action-btn:active{transform:translateY(1px);box-shadow:0 2px 6px rgba(147,101,63,.25)}.overview-action-btn-text{display:block;font-size:18px;line-height:20px;font-weight:700}.history-screen{background:var(--color-bg)}.history-phone-header{height:56px;background:var(--color-brand);color:var(--color-white)}.history-content{padding:var(--space-3) var(--space-4) 24px}.history-content,.history-list{display:flex;flex-direction:column;gap:var(--space-3)}.history-winner-line{color:var(--color-subtext);font-size:14px;line-height:20px}.history-winner-line img{display:block;top:1px;position:relative}.history-winner-line{display:flex;align-items:center;gap:var(--space-1)}.history-winner-line span:first-child{width:24px;color:var(--color-accent);font-size:24px;line-height:14px}.history-winner-line strong{color:var(--color-text);font-weight:700}.history-game-name{margin-top:var(--space-1);overflow:hidden;color:var(--color-muted);font-size:12px;line-height:14px;font-weight:400;text-overflow:ellipsis;white-space:nowrap}.history-empty-state{display:flex;flex-direction:column;gap:var(--space-3)}.history-empty-state h2{color:var(--color-text);font-size:18px;line-height:1.2}.history-empty-state p{color:var(--color-subtext);font-size:15px;line-height:1.35}.history-clear-btn,.history-empty-btn{margin:0}.history-detail-screen{background:var(--color-bg);padding-bottom:0}.history-detail-overlay{position:fixed;top:0;bottom:0;left:0;right:0;margin-inline:auto;width:100%;max-width:600px;height:100%;z-index:50;background:var(--color-bg);overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.history-detail-topbar{height:100%;display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;padding:0 var(--space-2)}.history-detail-topbar .title-header{justify-self:center;width:100%;text-align:center}.history-detail-topbar .score-back-btn,.history-detail-topbar .score-menu-btn,.score-entry-screen .score-close-btn{width:40px;height:40px;display:grid;place-items:center;border-radius:var(--radius-pill);background:transparent;color:var(--color-white)}.history-detail-topbar .score-back-btn{justify-self:start}.history-detail-topbar .score-menu-btn{justify-self:end}.history-detail-topbar .score-back-btn svg,.history-detail-topbar .score-menu-btn svg,.score-entry-screen .score-close-btn svg{stroke-width:2.2}.history-detail-topbar .score-back-btn svg{width:26px;height:26px}.history-detail-topbar .score-menu-btn svg,.score-entry-screen .score-close-btn svg{width:24px;height:24px}.detail-action-menu{position:fixed;top:56px;left:0;right:0;margin-inline:auto;z-index:75;width:100%;max-width:600px;background:var(--color-card);box-shadow:0 2px 0 rgba(0,0,0,.08)}.detail-action-item{width:100%;height:100%;display:grid;grid-template-columns:auto auto;align-items:center;justify-content:flex-start;border:0;border-bottom:1px solid rgba(0,0,0,.08);background:inherit;color:var(--color-text-strong);padding:var(--space-4);font-size:16px;line-height:1.2;cursor:pointer;text-align:left;grid-gap:8px;gap:8px}.detail-action-icon{display:grid;place-items:center;color:var(--color-brand)}.detail-menu-dismiss{position:fixed;top:56px;bottom:0;left:0;right:0;z-index:70;border:0;background:rgba(0,0,0,.32)}.detail-content{transition:filter .14s ease,opacity .14s ease;display:flex;flex-direction:column;min-height:calc(100vh - 56px);box-sizing:border-box;padding-bottom:0}.detail-content.dimmed{pointer-events:none}.match-summary-strip{display:grid;grid-template-columns:64px 1fr;align-items:center;border-bottom:1.5px solid var(--color-border);background:var(--color-card);padding:12px}.detail-thumb{width:48px;height:48px}.detail-thumb img{border-radius:4px}.match-summary-strip h2{color:var(--color-heading);font-size:18px;line-height:1.15;font-weight:700}.match-summary-strip p{margin-top:6px;color:rgba(0,0,0,.58);font-size:16px}.history-detail-note{min-height:80px;margin:16px 16px 0;border-radius:var(--radius-md);background:var(--color-card);border:1px solid var(--color-border);padding:8px 16px;font-size:16px;line-height:1.35}.history-memory-section{margin:16px 16px 0}.history-memory-section h2{margin-bottom:8px;color:var(--color-subtext);font-size:14px;font-weight:700;text-transform:uppercase}.history-memory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:14px;gap:14px}.history-memory-card{aspect-ratio:1/1;overflow:hidden;border:1px solid #e8a97b;border-radius:8px;background:var(--color-card);cursor:pointer;padding:0}.history-memory-card img{width:100%;height:100%;display:block;object-fit:cover}.memory-lightbox{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;width:100vw;height:100dvh;padding:0;box-sizing:border-box}.memory-lightbox-backdrop{position:absolute;inset:0;border:0;background:rgba(0,0,0,.92)}.memory-lightbox-content{position:relative;z-index:1;width:100vw;height:100dvh;max-width:100vw;max-height:100dvh}.memory-lightbox-content,.memory-lightbox-image-wrap{display:flex;align-items:center;justify-content:center;overflow:hidden}.memory-lightbox-image-wrap{width:100%;height:100%;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.memory-lightbox-image-wrap img{width:100%;height:100%;max-width:100vw;max-height:100dvh;object-fit:contain;pointer-events:none;transform-origin:center;will-change:transform}.memory-lightbox-download{left:max(16px,env(safe-area-inset-left));display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:6px 12px;border-radius:8px;background:rgba(0,0,0,.55);border:1px solid rgba(255,255,255,.3);color:#ffffff;font-size:14px;font-weight:600;line-height:1;cursor:pointer}.memory-lightbox-close,.memory-lightbox-download{position:absolute;z-index:2;top:max(16px,env(safe-area-inset-top));-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.memory-lightbox-close{right:max(16px,env(safe-area-inset-right));display:grid;place-items:center;background:rgba(0,0,0,.55);padding:4px;opacity:.9;cursor:pointer}.memory-lightbox-close,.memory-lightbox-count{border-radius:999px;border:1px solid rgba(255,255,255,.2)}.memory-lightbox-count{position:absolute;left:50%;bottom:max(24px,env(safe-area-inset-bottom));transform:translateX(-50%);background:rgba(0,0,0,.65);color:#ffffff;padding:6px 14px;font-size:14px;font-weight:700;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.history-winner-only-card{margin-top:26px}.history-detail-loading{padding:var(--space-3) var(--space-4);color:var(--color-subtext);font-size:14px;line-height:15px}.history-score-board,.scoreboard{--cell-h:60px;--header-h:56px;--total-h:60px;background:var(--color-bg-strong)}.history-score-board,.history-score-board .score-board-scroll,.history-score-board .score-grid-sticky{background:var(--color-bg)}.history-score-board .score-grid-label.total-score-only,.history-score-board .score-grid-label.winner-only{min-height:48px;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.history-score-board .score-board-scroll{overflow-x:auto;overflow-y:hidden}.history-score-board .score-entry-grid{gap:0}.scoreboard-cell{display:grid;place-items:center}.history-score-board .score-grid-header{color:var(--color-text-strong);font-size:14px;padding:0 var(--space-2)}.history-score-board .score-grid-sticky{box-shadow:var(--shadow-sticky)}.history-score-board .score-grid-label{min-height:var(--cell-h);display:flex;align-items:center;padding:0 16px;font-size:14px;line-height:1.15}.history-score-board .score-grid-cell{min-height:var(--cell-h);align-items:center;justify-items:stretch}.history-score-board .readonly-score-box{background:var(--color-card-soft);border-radius:var(--radius-md);font-weight:700}.history-score-board .readonly-score-box.zero-score{color:#D1CBC7}.history-score-board .readonly-score-box{width:100%!important;min-width:100%;max-width:none!important;justify-self:stretch;box-sizing:border-box;padding:0;height:48px;display:grid;place-items:center;font-size:16px;font-weight:600;text-align:center}.history-score-board .readonly-score-box.text{font-size:15px;line-height:1.25}.history-score-board .grid-spacer.border,.history-score-board .score-grid-total,.history-score-board .score-grid-winner{min-height:48px;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.history-score-board .score-grid-total{padding-left:var(--space-5);font-size:14px}.history-score-board .score-grid-winner{padding:0 6px}.history-score-board .winning-total{position:relative;width:74px!important;height:48px;display:grid!important;place-items:center;background:transparent;z-index:0}.history-score-board .winning-total .crown-icon-bg{position:absolute;left:50%;bottom:5px;width:45px;height:36px;transform:translateX(-50%);z-index:-1;pointer-events:none;object-fit:contain}.history-score-board .winning-total.winner-only{position:static;width:100%!important;height:48px;display:flex!important;align-items:center;justify-content:center}.history-score-board .winning-total.winner-only .crown-icon-bg{position:static;width:32px;height:28px;transform:none;object-fit:contain}.history-score-board .score-grid-winner.winner-only strong{width:100%;height:48px;display:flex;align-items:center;justify-content:center}.achievements-screen{display:flex;flex-direction:column;height:100%;background:var(--color-bg);overflow-y:auto;position:relative;-webkit-overflow-scrolling:touch}.achievements-content{flex:1 1;padding:12px 16px calc(72px + env(safe-area-inset-bottom));max-width:480px;margin:0 auto}.achievements-cards-container,.achievements-content{display:flex;flex-direction:column;gap:8px;width:100%}.achievements-title-banner{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:0 16px;min-height:28px;margin-bottom:2px}.achievements-title-image{width:auto;height:26px;max-width:100%;object-fit:contain;display:block}.achievements-user-card{padding:12px 16px;background:url(/player-bg.png) no-repeat 50%/100% 100%;border:none;border-radius:0 16px 16px 16px;box-shadow:4px 4px 0 rgba(0,0,0,.25);min-height:68px;margin-bottom:12px}.achievements-user-card,.achievements-user-profile{display:flex;flex-direction:row;align-items:center;gap:16px}.achievements-user-profile{flex:1 1;min-width:0}.achievements-user-avatar-wrap{width:40px;height:40px;border-radius:var(--radius-round);overflow:hidden;background:var(--color-border-soft);flex-shrink:0;display:flex;align-items:center;justify-content:center}.achievements-user-avatar{width:100%;height:100%;object-fit:cover}.achievements-user-name{font-weight:700;font-size:16px;line-height:19px;color:var(--color-gray-80);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.achievements-divider-vert{width:1px;height:34px;background-color:var(--color-gray-12);flex-shrink:0}.achievements-user-total{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:4px;flex:1 1}.achievements-stat-label-sm{font-weight:500;font-size:12px;line-height:14px;text-transform:uppercase;color:var(--color-gray-black);letter-spacing:.2px}.achievements-stat-val-md{font-weight:700;font-size:16px;line-height:19px;color:var(--color-gray-80)}.achievements-metric-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:8px;gap:8px}.achievements-metric-card{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--color-brand-50);border-radius:var(--radius-md);min-height:64px}.achievements-metric-info{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:4px;flex:1 1;min-width:0}.achievements-metric-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:var(--color-brand-600);flex-shrink:0}.achievements-recent-card{display:flex;flex-direction:row;align-items:center;padding:12px 16px;gap:16px;background:var(--color-brand-50);border-radius:var(--radius-md);min-height:64px}.achievements-recent-date-col{flex-shrink:0}.achievements-recent-date-col,.achievements-recent-game-col{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:4px}.achievements-recent-game-col{flex:1 1;min-width:0}.achievements-recent-game-name{font-weight:700;font-size:16px;line-height:19px;color:var(--color-gray-80);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.achievements-recent-card--equal .achievements-recent-date-col,.achievements-recent-card--equal .achievements-recent-game-col{flex:1 1;min-width:0}.achievements-highlight-card{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:12px 12px 12px 16px;gap:12px;background:var(--color-brand-50);border-radius:var(--radius-md);min-height:72px}.achievements-highlight-info{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:4px;flex:1 1;min-width:0}.achievements-highlight-name{font-weight:700;font-size:16px;line-height:19px;color:var(--color-gray-black);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.achievements-thumb-box{width:48px;height:48px;border-radius:6px;overflow:hidden;background:#D9D9D9;flex-shrink:0;display:flex;align-items:center;justify-content:center}.achievements-thumb-img{width:100%;height:100%;object-fit:cover}.achievements-thumb-fallback{color:var(--color-muted);display:flex;align-items:center;justify-content:center}.achievements-group-card{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:12px 16px;gap:12px;background:var(--color-brand-50);border-radius:var(--radius-md)}.achievements-group-header{width:100%}.achievements-group-list{display:flex;flex-direction:column;align-items:flex-start;gap:8px;width:100%}.achievements-list-item{display:flex;flex-direction:row;align-items:center;gap:16px;width:100%;min-height:48px;cursor:pointer}.achievements-list-item-info{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:4px;flex:1 1;min-width:0}.achievements-list-item-title{font-weight:700;font-size:16px;line-height:19px;color:var(--color-gray-black);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.achievements-list-item-sub{font-weight:400;font-size:14px;line-height:15px;color:var(--color-gray-60)}.achievements-empty-inline{font-size:14px;color:var(--color-muted);font-style:italic}.achievements-skeleton-box{background:linear-gradient(90deg,#edebe9 25%,#f6f5f4 50%,#edebe9 75%);background-size:200% 100%;animation:achievementsShimmer 1.5s infinite;border-radius:var(--radius-xs)}@keyframes achievementsShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.account-screen{display:flex;flex-direction:column;height:100%;background:var(--color-bg);overflow-y:auto;padding:0;position:relative}.account-brand-header{height:56px;background:var(--color-brand);display:flex;justify-content:center;align-items:center;box-shadow:0 2px 8px rgba(0,0,0,.1);position:-webkit-sticky;position:sticky;top:0;z-index:10}.account-brand-header h1{font-family:var(--font-main);font-size:24px;font-weight:800;color:var(--color-white);letter-spacing:1px;margin:0}.account-content{flex:1 1;padding:20px 16px calc(76px + env(safe-area-inset-bottom, 0px));display:flex;flex-direction:column;gap:var(--space-4)}.account-profile-card{background:var(--color-card);border-radius:var(--radius-md);padding:12px 16px;display:flex;align-items:center;gap:16px}.account-avatar-wrapper{width:64px;height:64px;border-radius:var(--radius-round);background:#e3dfda;display:flex;justify-content:center;align-items:center;flex-shrink:0}.account-avatar-icon{width:48px;height:48px;color:#a3988f}.account-avatar-image{width:100%;height:100%;border-radius:var(--radius-round);object-fit:cover}.account-user-info{display:flex;flex-direction:column;gap:6px;align-items:flex-start}.account-user-name{font-size:20px;font-weight:700;color:var(--color-text);line-height:1.2}.account-user-badge{display:inline-flex;padding:2px 8px;background:#eae6e1;color:var(--color-subtext);border-radius:var(--radius-pill);font-size:14px;font-weight:400;text-transform:capitalize}.account-email-section{display:flex;flex-direction:column;gap:8px}.account-email-label{font-size:14px;font-weight:700;color:var(--color-subtext);letter-spacing:.5px;padding-left:16px}.account-email-box{background:#e8e2d9;border-radius:var(--radius-md);padding:14px 16px;display:flex;align-items:center;gap:12px;color:var(--color-text);font-size:16px;border:1px solid #d1cbc7}.account-actions{display:flex;flex-direction:column;gap:16px}.btn-account-action{width:100%;background:var(--color-white);border:none;border-radius:var(--radius-md);padding:12px 16px;font-size:18px;font-weight:700;color:var(--color-text);display:flex;justify-content:center;align-items:center;gap:8px;cursor:pointer;transition:all .2s ease;font-family:inherit}.btn-account-action:hover{background:#faf6f0}.btn-account-action:disabled{cursor:default;opacity:.72}.btn-account-action-with-meta{justify-content:flex-start;text-align:left}.btn-account-action-with-meta>span{min-width:0;display:grid;grid-gap:2px;gap:2px}.btn-account-action-with-meta strong{color:var(--color-text);font-size:18px;line-height:1.2}.btn-account-action-with-meta small{color:var(--color-subtext);font-size:13px;font-weight:500;line-height:1.25}.account-footer{margin-top:auto;text-align:center;display:flex;flex-direction:column;gap:2px}.account-footer-brand{font-size:14px;font-weight:700;color:var(--color-muted);letter-spacing:1px}.account-footer-version{font-size:12px;color:var(--color-muted)}.password-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:100;padding:20px}.password-modal{background:var(--color-card);width:100%;max-width:380px;border-radius:var(--radius-lg);padding:24px;box-shadow:0 10px 30px rgba(0,0,0,.2);display:flex;flex-direction:column;gap:16px;animation:scaleIn .3s cubic-bezier(.34,1.56,.64,1)}.password-modal h2{font-size:20px;font-weight:700;color:var(--color-brand);margin:0 0 4px;text-align:center}.password-form-group{display:flex;flex-direction:column;gap:6px}.password-form-group label{font-size:13px;font-weight:600;color:var(--color-subtext)}.password-input{background:#fbf9f6;border:1px solid var(--color-border-control);border-radius:var(--radius-sm);padding:12px;font-size:15px;color:var(--color-text);outline:none;transition:border-color .2s}.password-input:focus{border-color:var(--color-border-focus)}.password-input-wrapper{position:relative;display:flex;align-items:center;width:100%}.password-input-wrapper .password-input{width:100%;padding-right:40px}.password-toggle-btn{position:absolute;right:12px;background:transparent;border:none;color:var(--color-muted);cursor:pointer;display:grid;place-items:center;padding:0;transition:color .2s}.password-toggle-btn:hover{color:var(--color-text)}.password-modal-buttons{display:flex;gap:12px;margin-top:8px}.btn-password-cancel{flex:1 1;background:#eae6e1;color:var(--color-subtext);border:none;border-radius:var(--radius-sm);padding:12px;font-size:14px;font-weight:700;cursor:pointer;transition:background-color .2s}.btn-password-cancel:hover{background:#e3dfda}.btn-password-submit{flex:1 1;background:var(--color-brand);color:var(--color-white);border:none;border-radius:var(--radius-sm);padding:12px;font-size:14px;font-weight:700;cursor:pointer;transition:background-color .2s}.btn-password-submit:hover{background:var(--color-brand-dark)}@keyframes scaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.change-password-screen{display:flex;flex-direction:column;height:100%;background:var(--color-bg);overflow-y:auto;padding:0;position:relative}.change-password-content{flex:1 1;padding:24px;display:flex;flex-direction:column;justify-content:center;align-items:center;max-width:480px;margin:0 auto;width:100%}.change-password-title{font-family:var(--font-main);font-size:28px;font-weight:600;color:var(--color-text);margin-bottom:32px;text-align:center;letter-spacing:1.5px;text-transform:uppercase}.change-password-form{width:100%;display:flex;flex-direction:column;gap:20px}.change-password-input-wrapper{display:flex;align-items:center;gap:12px;background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:12px 16px;transition:all .2s ease}.change-password-input-icon{color:var(--color-subtext);display:flex;align-items:center;justify-content:center;flex-shrink:0}.change-password-input{flex:1 1;border:none;background:transparent;outline:none;font-size:16px;color:var(--color-text);font-family:inherit;width:100%}.change-password-input::placeholder{color:var(--color-muted)}.change-password-toggle-btn{background:transparent;border:none;color:var(--color-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:color .2s}.change-password-toggle-btn:hover{color:var(--color-text)}.btn-change-password-submit{width:100%;background:var(--color-brand);color:var(--color-white);border:none;border-radius:var(--radius-md);padding:16px;font-size:16px;font-weight:700;display:flex;justify-content:center;align-items:center;gap:10px;cursor:pointer;box-shadow:var(--shadow-card);transition:all .2s ease;font-family:inherit;margin-top:12px}.btn-change-password-submit:hover:not(:disabled){background:var(--color-brand-dark);transform:translateY(-1px);box-shadow:0 4px 12px rgba(147,101,63,.2)}.btn-change-password-submit:active:not(:disabled){transform:translateY(0)}.btn-change-password-submit:disabled{opacity:.7;cursor:not-allowed}.btn-change-password-submit svg{flex-shrink:0}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.stack-sm{gap:var(--space-2)}.stack-md,.stack-sm{display:flex;flex-direction:column}.stack-md{gap:var(--space-3)}