.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}.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){.bottom-nav{padding-bottom:calc(12px + env(safe-area-inset-bottom))!important}.app-shell.screen-account .bottom-nav,.app-shell.screen-achievements .bottom-nav,.app-shell.screen-history .bottom-nav,.app-shell.screen-setup .bottom-nav{height:calc(40px + env(safe-area-inset-bottom))!important;padding-bottom:calc(4px + env(safe-area-inset-bottom))!important}}.is-standalone .bottom-nav{padding-bottom:calc(12px + env(safe-area-inset-bottom))!important}.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{height:calc(40px + env(safe-area-inset-bottom))!important;padding-bottom:calc(4px + env(safe-area-inset-bottom))!important}.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:100;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}.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) var(--space-4)}.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)}.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;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);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{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:content-box;min-height:60px;align-items:center;justify-items:stretch;padding:var(--space-1)}.score-entry-screen .score-grid-cell.total-score-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:19px;font-weight:700;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)}.score-entry-screen .score-grid-winner{color:var(--color-text);font-size:18px;line-height:20px;font-weight:700;padding:0 6px}.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-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;line-height:20px;font-weight:700;box-shadow:var(--shadow-card)}.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:40px}.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{width:32px;height:32px;display:grid;place-items:center;border:none;cursor:pointer;justify-self:start;padding:0}.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-leaderboard-section{margin:0 var(--space-4) 0;display:flex;flex-direction:column;gap:var(--space-2)}.overview-section-title{font-size:13px;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) var(--space-4)}.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-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:50%;z-index:75;width:min(600px,100vw);transform:translateX(-50%);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;inset:0;top:56px;left:50%;z-index:70;width:min(600px,100vw);transform:translateX(-50%);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);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:120;display:grid;place-items:center;padding:18px}.memory-lightbox-backdrop{position:absolute;inset:0;border:0;background:rgba(0,0,0,.82)}.memory-lightbox-content{position:relative;z-index:1;width:min(960px,100%);height:min(760px,86dvh);display:grid;place-items:center}.memory-lightbox-image-wrap{width:100%;height:100%;display:grid;place-items:center;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;overflow:hidden}.memory-lightbox-image-wrap img{width:100%;height:100%;object-fit:contain;pointer-events:none;transform-origin:center;will-change:transform}.memory-lightbox-close{position:absolute;z-index:2;width:50px;height:50px;display:grid;place-items:center;border-radius:999px;opacity:.8;top:0;right:0}.memory-lightbox-count{position:absolute;left:50%;bottom:0;transform:translateX(-50%);border-radius:999px;background:rgba(255,255,255,.92);color:var(--color-text-strong);padding:6px 12px;font-size:14px;font-weight:700}.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{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,.score-box{background:var(--color-card-soft);border-radius:var(--radius-md);padding:var(--space-2);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}.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:before{content:"";z-index:-1;position:absolute;left:50%;bottom:5px;width:45px;height:36px;transform:translateX(-50%);background-image:url(/crown.svg);background-position:bottom;background-repeat:no-repeat;background-size:contain}.achievements-screen{display:flex;flex-direction:column;height:100%;background:var(--color-bg);overflow-y:auto;padding:0;position:relative}.achievements-content{flex:1 1;padding:24px 20px calc(80px + env(safe-area-inset-bottom));display:flex;flex-direction:column}.achievements-header{text-align:center;margin-bottom:24px}.achievements-header h1{font-size:28px;font-weight:700;color:var(--color-brand);margin-bottom:6px}.achievements-subtitle{font-size:14px;color:var(--color-subtext)}.achievements-stats{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:8px;gap:8px;margin-bottom:12px}.stat-box{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:16px 10px;text-align:center;box-shadow:var(--shadow-card);transition:transform .2s ease,box-shadow .2s ease}.stat-box:hover{transform:translateY(-2px);box-shadow:0 6px 12px rgba(147,101,63,.15)}.stat-val{font-size:24px;font-weight:700;color:var(--color-brand);margin-bottom:4px}.stat-label{font-size:11px;color:var(--color-subtext);text-transform:uppercase;letter-spacing:.5px}.achievements-section-title{font-size:18px;font-weight:600;color:var(--color-text);margin:12px 0 16px;display:flex;align-items:center;gap:8px}.achievements-grid{display:flex;flex-direction:column;gap:14px;margin-bottom:20px}.badge-card{display:flex;align-items:center;gap:16px;background:var(--color-card);border:1px solid var(--color-border-soft);border-radius:var(--radius-lg);padding:16px;box-shadow:var(--shadow-card);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.badge-card:hover{transform:translateX(4px);border-color:var(--color-border)}.badge-card.unlocked{border-left:4px solid var(--color-accent)}.badge-card.locked{opacity:.65;filter:grayscale(1)}.badge-icon-container{width:48px;height:48px;border-radius:var(--radius-round);background:var(--color-action-soft);display:grid;place-items:center;color:var(--color-action-text);flex-shrink:0}.badge-card.locked .badge-icon-container{background:var(--color-border-soft);color:var(--color-muted)}.badge-info{flex:1 1}.badge-title{font-size:16px;font-weight:600;color:var(--color-text-strong);margin-bottom:4px}.badge-desc{font-size:12px;color:var(--color-subtext);line-height:1.4;margin-bottom:8px}.badge-progress{height:4px;background:var(--color-border-soft);border-radius:var(--radius-pill);overflow:hidden;margin-top:6px}.badge-progress-bar{height:100%;background:var(--color-accent);border-radius:var(--radius-pill)}.badge-date{position:absolute;top:12px;right:16px;font-size:10px;color:var(--color-muted)}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.achievements-games-list{display:flex;flex-direction:column;gap:8px}.game-stat-card{display:flex;align-items:flex-start;gap:14px;background:var(--color-card);border:1px solid var(--color-border-soft);border-radius:var(--radius-lg);padding:12px;box-shadow:var(--shadow-card);transition:all .2s ease}.game-stat-card:hover{transform:translateY(-1px);border-color:var(--color-border);box-shadow:0 4px 12px rgba(147,101,63,.08)}.game-stat-thumb-wrapper{width:48px;height:48px;border-radius:var(--radius-sm);overflow:hidden;flex-shrink:0;background:var(--color-border-soft);display:flex;align-items:center;justify-content:center}.game-stat-thumb{width:100%;height:100%;object-fit:cover}.game-stat-thumb-fallback{color:var(--color-muted);display:flex;align-items:center;justify-content:center}.game-stat-info{flex:1 1;display:flex;flex-direction:column;gap:6px}.game-stat-name{font-size:15px;font-weight:700;color:var(--color-text-strong)}.game-stat-details{display:flex;flex-wrap:wrap;gap:14px;font-size:12px;color:var(--color-subtext)}.game-stat-detail span{font-weight:700;color:var(--color-brand)}.game-stats-empty{text-align:center;padding:32px 16px;background:var(--color-card);border:1px dashed var(--color-border-control);border-radius:var(--radius-lg);color:var(--color-subtext);font-size:13px;line-height:1.5}.section-title-icon{color:var(--color-brand);flex-shrink: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:var(--space-4);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)}