*{box-sizing:border-box;margin:0;padding:0}:root{--bg-page:#e9e9e9;--bg-app:#f8f6f2;--text-dark:#161616;--green-dark:#3f7f4d;--green-mid-top:#6ea879;--green-mid-bottom:#5a9565;--green-light:#d9e3d6;--orange-dark:#b35f3d;--orange-mid-top:#d78059;--orange-mid-bottom:#c96f48;--orange-light:#eadbd4;--shadow-soft:0 4px 10px #00000024;--shadow-button:0 3px 6px #0000002e;--radius-big:18px;--radius-medium:14px;--border-soft:#78462d38}html,body{min-height:100%}body{background:var(--bg-page);color:var(--text-dark);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;justify-content:center;padding:24px 12px;font-family:Arial,Helvetica,sans-serif;display:flex}#app{background:linear-gradient(to bottom, #0000 0%, #00000014 10px, #0000002e 60px, #00000014 100px, #0000 120px), var(--bg-app);border:9px solid #111;border-radius:42px;width:100%;max-width:430px;min-height:860px;padding:18px 18px 24px;position:relative;overflow:hidden;box-shadow:0 10px 24px #0000002e}header{text-align:center;height:98px;margin-bottom:14px}header .logo{height:100%}header h1{letter-spacing:1px;color:#497a59;text-transform:uppercase;font-size:2rem;font-weight:900;line-height:1.05}main{height:720px;min-height:720px;position:relative;overflow:hidden}.nav-buttons{z-index:10;pointer-events:none}#prev-view,#next-view{-webkit-backdrop-filter:blur(1px);color:#d7815980;cursor:pointer;pointer-events:auto;z-index:11;background:#ffffff80;border:none;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;padding-bottom:5px;font-size:2rem;font-weight:900;line-height:1;transition:transform .65s,filter .65s,opacity .65s;display:flex;position:absolute;top:55%;transform:translateY(-50%);box-shadow:0 4px 10px #00000024,inset 0 1px #ffffffb3}#prev-view:hover,#next-view:hover{filter:brightness(.97)}#prev-view:active,#next-view:active{transform:translateY(-50%)scale(.94)}#prev-view{left:8px}#next-view{right:8px}#results-view h2,#standings-view h2{text-align:center;margin-bottom:16px;font-size:1.8rem}@media (width<=420px){html,body{height:100%;overflow:hidden}body{background:var(--bg-app);margin:0;padding:0;overflow:hidden}#app{width:100%;max-width:none;min-height:100dvh;box-shadow:none;border:none;border-radius:0;flex-direction:column;padding:16px 10px 0;display:flex;overflow:hidden}header{flex-shrink:0;margin-bottom:18px}header h1{font-size:1.6rem}main{flex:1;height:auto;min-height:0;position:relative;overflow:hidden visible}}.app-loading .view{transition:none!important}.app-loading #app{visibility:hidden}.view{pointer-events:none;visibility:hidden;transition:transform .85s,visibility 0s linear .85s;position:absolute;inset:0;transform:translate(0)}.view.active{pointer-events:auto;visibility:visible;z-index:2;transition:transform .85s,visibility linear;transform:translate(0)}.view.offscreen-left{visibility:hidden;transform:translate(-100%)}.view.offscreen-right{visibility:hidden;transform:translate(100%)}.view.exit-left{visibility:visible;z-index:1;transition:transform .85s,visibility 0s linear .85s;transform:translate(-100%)}.view.exit-right{visibility:visible;z-index:1;transition:transform .85s,visibility 0s linear .85s;transform:translate(100%)}.player{flex-direction:column;align-items:center;gap:10px;display:flex}.player-top{margin-bottom:36px}.player-card{border-radius:var(--radius-big);width:160px;height:160px;box-shadow:var(--shadow-soft);background:#ccc;border:4px solid #00000014;position:relative;overflow:hidden}.player-avatar{object-fit:cover;width:100%;height:100%;display:block}.player-name{text-align:center;color:#fff;letter-spacing:.3px;background:linear-gradient(#0000,#0000002e,#000000a6);padding:10px 8px;font-size:1.15rem;font-weight:800;position:absolute;bottom:0;left:0;right:0}.player-top .player-card{background:var(--green-dark)}.player-bottom .player-card{background:var(--orange-mid-bottom)}.score-controls{border:2px solid var(--border-soft);border-radius:18px;grid-template-columns:92px 1fr 92px;align-items:stretch;width:100%;display:grid;overflow:hidden;box-shadow:0 3px 8px #00000024,inset 0 1px #ffffff59}.player-top .score-controls{background:var(--green-light)}.player-bottom .score-controls{background:var(--orange-light)}.btn-minus,.btn-plus{cursor:pointer;text-shadow:0 1px #ffffff38;touch-action:manipulation;border:none;min-height:104px;font-size:3.5rem;font-weight:900;transition:transform 80ms,filter .12s;position:relative;box-shadow:inset 0 2px #ffffff47,inset 0 -3px #00000014,0 2px 4px #00000014}.btn-minus:active,.btn-plus:active{filter:brightness(.82)}.btn-minus:hover,.btn-plus:hover{filter:brightness(1.03)}.btn-minus.pressed,.btn-plus.pressed{filter:brightness(.82)}.player-top .btn-minus,.player-top .btn-plus{background:linear-gradient(to bottom, var(--green-mid-top), var(--green-mid-bottom));color:#42764c}.player-bottom .btn-minus,.player-bottom .btn-plus{background:linear-gradient(to bottom, var(--orange-mid-top), var(--orange-mid-bottom));color:#a25635}.btn-minus{border-right:1px solid #78462d29}.btn-plus{border-left:1px solid #78462d29}.score{color:#000;text-shadow:0 1px #ffffff47;background:0 0;border-left:1px solid #78462d1a;border-right:1px solid #78462d1a;justify-content:center;align-items:center;min-height:104px;font-size:4.8rem;font-weight:900;display:flex}.submit-container{margin-top:auto;padding-top:36px;padding-bottom:0}#report-view{min-height:100%;padding:4px 8px calc(16px + env(safe-area-inset-bottom));background:var(--bg-app);flex-direction:column;display:flex}#submit-btn{color:#fff;letter-spacing:1px;text-transform:uppercase;cursor:pointer;width:100%;min-height:72px;box-shadow:inset 0 2px 0 #ffffff2e, inset 0 -3px 0 #00000014, var(--shadow-button);background:linear-gradient(#d37c56,#c96f48);border:none;border-radius:16px;font-size:1.9rem;font-weight:900;transition:transform 80ms,filter .12s}#submit-btn:hover{filter:brightness(1.03)}#submit-btn:active{transform:scale(.985)}#submit-btn.pressed{filter:brightness(.9)}#submit-btn:disabled{opacity:.85;cursor:not-allowed;letter-spacing:0;font-size:2.4rem}@media (width<=420px){#report-view{height:100%}.player-card{width:136px;height:136px}.player-name{padding:8px 6px;font-size:.95rem}.score-controls{grid-template-columns:76px 1fr 76px}.btn-minus,.btn-plus,.score{min-height:84px}.btn-minus,.btn-plus{font-size:3rem}.score{font-size:3.8rem}.player{gap:12px}.player-top{margin-bottom:36px}.submit-container{padding-top:36px;padding-bottom:30px}#submit-btn{min-height:60px;font-size:1.45rem}}@media (width<=420px) and (height>=711px) and (height<=750px){.player-card{width:116px;height:116px}.player-name{padding:8px 6px;font-size:.95rem}.score-controls{grid-template-columns:76px 1fr 76px}.btn-minus,.btn-plus,.score{min-height:64px}.btn-minus,.btn-plus{font-size:3rem}.score{font-size:3.8rem}}@media (width<=420px) and (height>=646px) and (height<=710px){.player-card{width:100px;height:100px}.player-name{padding:6px 4px;font-size:.75rem}.score-controls{grid-template-columns:76px 1fr 76px}.btn-minus,.btn-plus,.score{min-height:50px;font-size:3rem}}@media (width<=420px) and (height<=645px){.player-card{width:100px;height:100px}.player-name{padding:6px 4px;font-size:.75rem}.score-controls{grid-template-columns:56px 1fr 56px}.btn-minus,.btn-plus,.score{min-height:40px;font-size:2.5rem}}.player-picker{z-index:20;opacity:1;visibility:visible;background:#00000073;justify-content:center;align-items:center;padding:20px;transition:opacity .2s,visibility linear;display:flex;position:absolute;inset:0}.player-picker.hidden{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s,visibility 0s linear .2s}.player-picker-content{width:100%;max-width:340px;max-height:80%;box-shadow:var(--shadow-soft);background:#fff;border-radius:18px;padding:18px;transition:transform 1.22s cubic-bezier(.2,.8,.2,1);overflow-y:auto;transform:translateY(0)scale(1)}.player-picker.hidden .player-picker-content{transform:translateY(16px)scale(.97)}#player-picker-title{text-align:center;margin-bottom:14px;font-size:1.4rem}#player-picker-list{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.player-picker-item{aspect-ratio:1;cursor:pointer;width:100%;box-shadow:var(--shadow-soft);filter:brightness();background:#ccc;border:none;border-radius:14px;padding:0;transition:transform .5s;position:relative;overflow:hidden;transform:scale(1)}.player-picker-item:hover{filter:brightness(1.02);transform:scale(1.05)}.player-picker-item.disabled{opacity:.4;cursor:not-allowed;transform:none}.player-picker-avatar{object-fit:cover;width:100%;height:100%}.player-picker-name{text-align:center;color:#fff;background:linear-gradient(#0000,#0003,#000000b3);padding:6px 4px;font-size:.8rem;font-weight:800;position:absolute;bottom:0;left:0;right:0}#results-view{background:var(--bg-app);-webkit-overflow-scrolling:touch;flex-direction:column;gap:12px;height:100%;min-height:0;padding:12px 8px 0;display:flex;overflow-y:auto}#results-list{flex-direction:column;gap:12px;min-height:0;padding:0 0 80px;display:flex}#results-list:after{content:"";flex-shrink:0;height:60px;display:block}.results-date-heading{color:#6a6a6a;text-transform:capitalize;margin-top:10px;margin-bottom:2px;font-size:1rem;font-weight:900}.results-date-heading:first-child{margin-top:0}.match-card{box-shadow:var(--shadow-soft);background:#fff;border-radius:18px;grid-template-columns:84px 1fr 84px;align-items:center;gap:12px;padding:10px 12px;display:grid}.match-card--placeholder{opacity:0;min-height:104px}.match-player{border-radius:14px;flex-shrink:0;width:84px;height:84px;position:relative;overflow:hidden}.match-avatar{object-fit:cover;background:#d8d8d8;width:100%;height:100%;display:block}.match-player-name{text-align:center;color:#fff;white-space:nowrap;text-overflow:ellipsis;background:linear-gradient(#0000,#0003,#000000b3);padding:6px 4px;font-size:.68rem;font-weight:800;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.match-score{color:#111;justify-content:center;align-items:center;gap:8px;font-size:2rem;font-weight:900;display:flex}.match-score-separator{opacity:1}.match-empty{text-align:center;color:#666;padding:24px 12px;font-weight:700}@keyframes highlightNew{0%{background:#d9e3d6}60%{background:#d9e3d6}to{background:#fff}}.match-card--new{animation:2s ease-in-out forwards highlightNew}@media (width<=420px){.match-card{grid-template-columns:72px 1fr 72px;gap:10px;padding:10px}.match-player{border-radius:12px;width:72px;height:72px}.match-player-name{padding:5px 4px;font-size:.6rem}.match-score{gap:6px;font-size:1.6rem}}#standings-view{-webkit-overflow-scrolling:touch;background:var(--bg-app);flex-direction:column;gap:12px;height:100%;padding:12px 8px 0;display:flex;overflow-y:auto}#standings-list{flex-direction:column;gap:10px;padding:0 0 80px;display:flex}.standings-row{box-shadow:var(--shadow-soft);background:#fff;border-radius:18px;grid-template-columns:40px 72px 1fr 56px;align-items:center;gap:12px;padding:10px 12px;display:grid}.standings-rank{text-align:center;color:#aaa;font-size:1.5rem;font-weight:900}.rank-gold .standings-rank{color:#c9a227}.rank-silver .standings-rank{color:#8a9aaa}.rank-bronze .standings-rank{color:#a0694a}.standings-player-card{border-radius:12px;flex-shrink:0;width:72px;height:72px;position:relative;overflow:hidden}.standings-avatar{object-fit:cover;width:100%;height:100%;display:block}.rank-gold .standings-player-card{background:linear-gradient(145deg,#f5e27a,#c9a227,#f5e27a,#a87c10)}.rank-silver .standings-player-card{background:linear-gradient(145deg,#e8e8e8,#9aabb5,#e8e8e8,#6a8090)}.rank-bronze .standings-player-card{background:linear-gradient(145deg,#d4956a,#a0694a,#d4956a,#7a4a2a)}.standings-main{flex-direction:column;gap:4px;min-width:0;display:flex}.standings-name{color:#111;white-space:nowrap;text-overflow:ellipsis;font-size:1rem;font-weight:800;overflow:hidden}.standings-meta{color:#999;font-size:.8rem;font-weight:600}.standings-score{flex-direction:column;justify-content:center;align-items:center;display:flex}.standings-score-value{color:#111;font-size:2rem;font-weight:900;line-height:1}.standings-score-label{color:#999;text-transform:uppercase;letter-spacing:.5px;font-size:.7rem;font-weight:700}.standings-empty{text-align:center;color:#666;padding:24px 12px;font-weight:700}@media (width<=420px){.standings-row{grid-template-columns:32px 60px 1fr 48px;gap:10px;padding:10px}.standings-player-card{border-radius:10px;width:60px;height:60px}.standings-rank{font-size:1.2rem}.standings-name{font-size:.9rem}.standings-meta{font-size:.72rem}.standings-score-value{font-size:1.6rem}.standings-score-label{font-size:.62rem}}