:root{--background:#faf9f6;--surface:#fff;--text:#182338;--muted:#63738b;--border:#e8ebef;--green:#00a977;--blue:#087eff;--shadow:0 3px 12px #1d345305;--font:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;color-scheme:light}.empty-roster{padding:24px 20px;text-align:center;margin-bottom:16px;color:var(--muted)}.empty-roster>svg{color:var(--blue);margin-bottom:12px}.empty-roster h3{color:var(--text);font-size:16px;margin-bottom:7px}.empty-roster p{font-size:13px;line-height:1.55}.app.admin-app{width:min(100%,1080px)}.admin-app .header{height:74px}.admin-page{padding:5px 0 24px}.admin-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px;gap:10px}.admin-toolbar>p{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--muted)}.admin-refresh{display:flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:8px 12px;background:#edf5ff;border:1px solid #d4e7ff;border-radius:12px;font-size:12px;color:var(--blue);font-weight:650}.admin-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.admin-metric{display:grid;grid-template-columns:1fr auto;gap:7px;padding:17px 15px;background:#fff;border:1px solid var(--border);border-radius:16px}.admin-metric>svg{grid-column:2;grid-row:1 / span 2;align-self:center;color:var(--blue);opacity:.85}.admin-metric>span{font-size:12px;color:var(--muted)}.admin-metric strong{font-size:29px;line-height:1.1;color:var(--text);font-variant-numeric:tabular-nums}.green-metric>svg{color:#00a978}.orange-metric>svg{color:#e6a116}.purple-metric>svg{color:#8660cc}.admin-section{margin-top:29px}.admin-section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.admin-section-title h2{font-size:19px}.admin-section-title>span{font-size:12px;color:var(--muted)}.admin-note{font-size:11px;color:var(--muted);line-height:1.55;margin:-3px 0 15px}.admin-users,.admin-matches{list-style:none;padding:0;margin:0;display:grid;gap:11px}.admin-user{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 12px;padding:17px}.admin-user-identity{grid-column:1 / -1;display:flex;flex-direction:column;gap:4px;min-width:0}.admin-user-identity>strong{font-size:14px;line-height:1.45;overflow-wrap:anywhere}.admin-username{font-size:12px;color:var(--blue);overflow-wrap:anywhere}.admin-id{font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}.admin-user-counts{display:flex;align-items:center;gap:13px;flex-wrap:wrap;grid-column:1 / -1;padding:10px 0;border-top:1px solid #eff1f4;border-bottom:1px solid #eff1f4;color:var(--muted);font-size:12px}.admin-user-counts b{font-weight:700;color:var(--text)}.admin-date{display:grid;gap:5px;min-width:0}.admin-date>span{font-size:10px;color:var(--muted)}.admin-date time{font-size:11px;color:#42536c;line-height:1.55;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.admin-section>.button{margin-top:13px}.admin-match{padding:17px;min-width:0}.admin-match-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.admin-match-top time{font-size:10px;color:var(--muted);text-align:right}.admin-status{font-size:10px;border-radius:7px;padding:5px 8px;background:#f0f2f5;color:#66758b;white-space:nowrap}.admin-status.active{background:#e3f8ef;color:#07875f}.admin-match-names{font-size:14px;font-weight:650;line-height:1.5;margin-top:12px;overflow-wrap:anywhere}.admin-match-meta{display:flex;flex-wrap:wrap;gap:12px;color:var(--muted);font-size:11px;margin-top:7px}.admin-match-result{font-size:12px;color:#ab7900;margin-top:10px;overflow-wrap:anywhere}.admin-empty{font-size:13px;color:var(--muted);background:#fff;border:1px solid var(--border);border-radius:14px;padding:25px;text-align:center}.admin-denied,.admin-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;text-align:center;padding:65px 20px;max-width:500px;margin:0 auto}.admin-denied>svg{color:#76849a}.admin-denied p,.admin-loading p{font-size:14px;color:var(--muted);line-height:1.6}.admin-denied>.button,.admin-loading>.button{max-width:230px;margin-top:8px}.admin-link{margin-top:15px;color:var(--text)}@media(min-width:760px){.admin-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.admin-metric{padding:21px}.admin-metric strong{font-size:33px}.admin-metric>svg{width:25px;height:25px}.admin-section{margin-top:35px}.admin-user{grid-template-columns:minmax(180px,1.25fr) minmax(110px,.7fr) repeat(2,minmax(160px,1fr));align-items:center;gap:20px;padding:18px 21px}.admin-user-identity{grid-column:auto}.admin-user-counts{grid-column:auto;display:grid;gap:5px;padding:0;border:0}.admin-date time{font-size:12px}.admin-date>span{font-size:11px}.admin-matches{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-toolbar>p{font-size:13px}.admin-note{max-width:680px;font-size:12px}}*{box-sizing:border-box}html{background:var(--background);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;scrollbar-gutter:stable}body{margin:0;min-width:320px}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer;color:inherit;border:0}button:disabled{cursor:default;opacity:.48}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #82b7ff;outline-offset:3px}a{color:var(--blue);text-decoration:none}h1,h2,h3,p{margin:0}h1{font-size:20px;line-height:1.2;letter-spacing:-.55px;font-weight:760}h2{font-size:18px;letter-spacing:-.35px;line-height:1.35}h3{font-size:14px}p{line-height:1.5}svg{flex-shrink:0}.app{width:min(100%,520px);margin:0 auto;min-height:var(--app-height, 100dvh);padding:var(--app-safe-top, env(safe-area-inset-top, 0px)) max(16px,var(--app-safe-right, env(safe-area-inset-right, 0px))) max(12px,var(--app-safe-bottom, env(safe-area-inset-bottom, 0px))) max(16px,var(--app-safe-left, env(safe-area-inset-left, 0px)));position:relative}.header{height:65px;display:flex;align-items:center;gap:11px;position:relative;justify-content:center}.brand-header{justify-content:flex-start}.brand-header h1{flex:1}.uno-logo{width:74px;height:44px;object-fit:contain}.header .back{margin-left:-9px}.header:not(.brand-header) h1{flex:1;text-align:center}.header-balance{width:35px}.brand-header .header-balance{display:none}.icon-button{background:transparent;border-radius:12px;display:grid;place-items:center;min-width:44px;min-height:44px;padding:0}.page{padding:3px 0 12px;animation:page-forward .25s cubic-bezier(.2,.75,.3,1) both}.page.back{animation-name:page-back}.button{min-height:50px;width:100%;border:1px solid transparent;border-radius:15px;display:flex;gap:10px;align-items:center;justify-content:center;padding:12px 14px;text-align:center;font-size:15px;font-weight:700;line-height:1.3;transition:filter .14s,transform .14s,background .14s}.button:active:not(:disabled){transform:translateY(1px);filter:brightness(.96)}.green{color:#fff;background:linear-gradient(145deg,#00b880,#009768);box-shadow:0 4px 9px #00a57218}.blue{color:#fff;background:linear-gradient(145deg,#278eff,#0874f3);box-shadow:0 4px 9px #0874f31a}.soft{color:#0875ef;background:#edf5ff;border-color:#d4e7ff}.neutral{color:#273247;background:#f0f1f2;border-color:#e5e7ea}.danger{color:#b5233a;background:#fff0f2;border-color:#f4c9d0}.hero{display:block;width:100%;height:auto;object-fit:contain;aspect-ratio:1.5;max-height:310px}.home .hero{margin:0 auto -4px}.tagline{text-align:center;font-size:17px;font-weight:600;color:#536079;margin:6px 0 23px}.home-actions{display:grid;gap:12px}.continue-button{min-height:65px;text-align:left;justify-content:flex-start;gap:13px;padding:13px 15px}.continue-button span{flex:1;white-space:normal}.continue-button small{display:block;font-size:11px;font-weight:450;line-height:1.45;opacity:.96;margin-top:4px}.home-links{display:grid;gap:10px;margin-top:12px}.nav-card{background:#fff;display:flex;align-items:center;gap:13px;text-align:left;width:100%;border:1px solid var(--border);border-radius:15px;min-height:66px;padding:11px 13px;box-shadow:var(--shadow)}.nav-card>span:nth-child(2){flex:1;min-width:0}.nav-card b{display:block;font-size:15px}.nav-card small{display:block;font-size:12px;color:var(--muted);margin-top:3px}.nav-icon{display:grid;place-items:center;width:31px}.trophy{color:#ffa800}.info{color:var(--blue)}.green-icon{color:var(--green)}.dev-strip{display:flex;align-items:center;justify-content:center;gap:12px;font-size:10px;color:#8b8d92;flex-wrap:wrap;padding:17px 0 0}.dev-strip button{background:none;font-size:10px;color:#757c88;padding:8px 0;text-decoration:underline;min-height:32px}.section-heading{margin:10px 0 20px}.section-heading p{font-size:13px;color:var(--muted);margin-top:6px}.roster-list{display:grid;gap:9px;margin-bottom:12px}.roster-row{background:#fff;border:1px solid var(--border);border-radius:15px;display:flex;align-items:center;padding:5px;box-shadow:0 2px 4px #13274702}.roster-name{background:transparent;border:0;display:flex;gap:14px;align-items:center;text-align:left;min-height:48px;flex:1;min-width:0;padding:0 5px;user-select:none;-webkit-user-select:none;touch-action:pan-y}.roster-name b{font-size:16px;overflow:hidden;text-overflow:ellipsis}.player-avatar{color:#fff;background:var(--player);border-radius:12px;width:39px;height:39px;display:grid;place-items:center;flex-shrink:0}.remove-player{color:#a5acb7}.roster-bottom{margin-top:auto;padding-top:35px}.new-game{min-height:calc(100dvh - 135px - var(--app-safe-top, 0px) - var(--app-safe-bottom, 0px));display:flex;flex-direction:column}.helper{font-size:12px;line-height:1.5;color:var(--muted);margin:10px 0;text-align:center}.field-error{font-size:13px;color:#b4233e;margin:10px 0;line-height:1.5}.dragging{box-shadow:0 7px 19px #15396333;position:relative;z-index:9;touch-action:none!important;transform:translateY(-2px);border-radius:10px}.score-scroll{width:100%;overflow:auto;overscroll-behavior:contain;max-height:calc(var(--app-height, 100dvh) - 220px - var(--app-safe-top, 0px) - var(--app-safe-bottom, 0px));border-radius:14px;scrollbar-width:thin;scrollbar-color:#d4dbe4 transparent;background:#fff;box-shadow:var(--shadow)}.score-content{padding:8px;background:#fff}.totals-card{height:100px;background:#fff;position:sticky;top:0;z-index:4;border-radius:11px;padding:0 0 8px}.totals-label{display:flex;align-items:center;justify-content:space-between;margin:0 2px 7px;height:21px}.totals-label h2{font-size:14px;font-weight:750}.totals-label>span{font-size:12px;color:var(--muted)}.totals-grid{display:grid;gap:5px}.total-player{height:65px;border:1px solid color-mix(in srgb,var(--player) 24%,white);background:color-mix(in srgb,var(--player) 5%,white);border-radius:12px;display:flex;align-items:center;flex-direction:column;justify-content:center;min-width:0;color:var(--player)}.total-player>span{font-size:11px;font-weight:650;width:100%;padding:0 3px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:center}.total-player strong{font-size:30px;font-variant-numeric:tabular-nums;line-height:1.12;margin-top:2px;animation:score-change .15s ease-out}.score-row{display:grid;gap:5px;height:49px;align-items:center}.table-head{height:44px;position:sticky;top:100px;z-index:3;background:#fff}.column-name{font-size:11px;font-weight:700;padding:0 2px;min-height:44px;display:flex;align-items:center;justify-content:center;background:transparent;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--player);user-select:none;-webkit-user-select:none;touch-action:pan-x pan-y}.table-head div{min-width:0;overflow:visible}.row-number{color:#667085;font-size:13px;display:flex;align-items:center;justify-content:center;min-width:0;font-variant-numeric:tabular-nums}.score-cell{min-width:0}.score-tile{height:44px;display:flex;align-items:center;justify-content:center;width:100%;font-weight:750;font-size:20px;color:var(--score-ink, #fff);background:var(--player);background:linear-gradient(145deg,color-mix(in srgb,var(--player) 83%,white),var(--player));border-radius:11px;box-shadow:0 2px 3px color-mix(in srgb,var(--player) 13%,transparent);border:1px solid color-mix(in srgb,var(--player) 80%,white);font-variant-numeric:tabular-nums;user-select:none;-webkit-user-select:none;touch-action:pan-x pan-y}.score-tile.zero{background:#fff;color:var(--player);border-color:#e5e9ef;box-shadow:0 1px 3px #17223505;font-weight:500}.score-number{animation:score-change .15s ease-out}.score-help{font-size:10px;color:#526179;margin:11px 0 3px;text-align:center;line-height:1.5}.save-indicator{min-height:29px;display:flex;gap:5px;justify-content:center;align-items:center;color:#8994a1;font-size:10px;padding:4px 1px;line-height:1.35}.save-indicator.saving{color:#668ab2}.save-indicator.offline,.save-indicator.error,.save-indicator.storage,.save-indicator.expired,.save-indicator.conflict{color:#93621e}.save-indicator button{font-size:10px;text-decoration:underline;padding:4px;background:none;color:inherit}.game-actions{display:grid;grid-template-columns:1.5fr 1fr;gap:9px;margin-top:5px}.game-actions .button{font-size:13px;padding:12px 7px;gap:7px}.history-list{display:grid;gap:11px;margin-top:6px}.history-card{border:1px solid var(--border);border-radius:15px;padding:15px 11px;display:flex;gap:12px;align-items:center;text-align:left;background:#fff;width:100%;box-shadow:var(--shadow)}.history-description{display:grid;gap:5px;flex:1;min-width:0;font-size:12px;color:#607086;line-height:1.45}.history-description time{font-size:12px}.history-names{color:#34435d}.history-winner{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:650;color:#bd8000}.history-winner svg{color:#ffb000}.history-people{color:var(--green);position:relative;padding:2px}.history-people i{display:none}.card{border:1px solid var(--border);border-radius:15px;background:#fff;box-shadow:var(--shadow)}.details{display:grid;gap:12px}.detail-summary{padding:15px}.detail-summary p{display:flex;align-items:flex-start;gap:10px;font-size:13px;line-height:1.5;color:#55667e}.detail-summary p+p{margin-top:9px}.detail-summary svg{margin-top:1px;color:#62748d}.detail-summary .winner-line{color:#d09200}.detail-summary .winner-line svg{color:#ffb000}.ranking{padding:14px}.ranking h2{font-size:15px;margin-bottom:10px}.ranking-row{display:flex;align-items:center;gap:12px;min-height:45px;border-top:1px solid #f0f2f4;font-size:14px}.rank-place{width:26px;height:27px;background:#f2f4f6;border-radius:7px;display:grid;place-items:center;color:#6a7688;font-size:12px}.rank-name{flex:1;overflow-wrap:anywhere}.ranking-row strong{color:var(--player);font-size:18px;font-variant-numeric:tabular-nums}.readonly{max-height:530px;box-shadow:none;border:1px solid var(--border)}.about .hero{height:195px;width:90%;margin:0 auto}.about>h2{text-align:center;font-size:24px;letter-spacing:-.7px}.about .version{font-size:11px;text-align:center;color:#718096;margin:4px 0 18px}.about-description{font-size:14px;color:#41516a;line-height:1.6}.about-note{padding:15px 0;margin:2px 0 4px}.about-note p{font-size:12px;color:#6b7890;line-height:1.6}.about-note p+p{margin-top:13px}.contact-card{margin:8px 0 15px}.author{font-size:12px;color:var(--blue);display:block;margin-top:3px}.empty-state{padding:55px 16px;text-align:center}.state-symbol{width:67px;height:67px;background:#edf4fc;border-radius:22px;margin:0 auto 19px;display:grid;place-items:center;color:#70839b}.state-symbol.trophy{background:#fff5d8;color:#f7af00}.empty-state h2{font-size:18px}.empty-state p{font-size:13px;color:var(--muted);margin:12px 0 24px}.empty-state .button{margin-top:22px}.loading-primary{height:90px;display:flex;align-items:center;justify-content:center;color:#758299;font-size:14px}.history-skeleton{display:grid;gap:12px}.skeleton{height:113px;background:linear-gradient(90deg,#eef0f3,#fafafa,#eef0f3);background-size:220% 100%;border-radius:15px;animation:skeleton 1.4s ease infinite}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#18232e70;z-index:50;display:flex;align-items:flex-end;justify-content:center;animation:fade-in .21s ease-out}.sheet{position:relative;background:#fff;width:min(100%,520px);max-height:calc(var(--app-height, 100dvh) - var(--app-safe-top, 0px) - 24px);overflow-y:auto;padding:0 22px max(24px,var(--app-safe-bottom, env(safe-area-inset-bottom, 0px)));border-radius:25px 25px 0 0;box-shadow:0 -10px 50px #0b234429;animation:sheet-in .22s cubic-bezier(.2,.75,.3,1)}.sheet h2{text-align:center;margin:10px 29px 21px;font-size:20px}.sheet-handle-zone{height:25px;display:flex;justify-content:center;align-items:center;touch-action:none}.sheet-handle{height:4px;width:36px;border-radius:4px;background:#dce0e6}.sheet-close{position:absolute;right:7px;top:22px;color:#8c97a6;min-height:40px}.confirm-symbol{width:52px;height:52px;background:#edf5ff;color:#1680ff;font-size:34px;display:grid;place-items:center;border-radius:18px;margin:5px auto 18px}.danger-symbol{color:#c64650;background:#fff0f0}.confirm-text{font-size:14px;line-height:1.6;color:#53637a;text-align:center;margin-bottom:24px}.sheet-actions{display:grid;grid-template-columns:1fr 1.4fr;gap:10px;margin-top:22px}.recovery-actions{display:grid;gap:10px}.field-label{display:block;font-size:13px;font-weight:650;color:#56657a;margin-bottom:8px}input{min-height:50px;width:100%;border:1px solid #dbe3ed;border-radius:13px;padding:12px 14px;color:var(--text);background:#fbfcfe;font-size:16px}input::placeholder{color:#9aa4b3}.palette{display:flex;flex-wrap:wrap;gap:0;justify-content:center;margin:12px 0}.color-choice{width:44px;height:44px;border-radius:50%;background:none;display:grid;place-items:center}.color-choice span{background:var(--player);width:26px;height:26px;border-radius:50%;border:3px solid #fff}.color-choice.selected{outline:2px solid var(--player);outline-offset:-7px}.saved-players{padding-bottom:18px;margin-bottom:18px;border-bottom:1px solid #eef0f4}.saved-players h3{color:#66748a;margin-bottom:11px}.saved-chips{display:flex;gap:8px;flex-wrap:wrap}.player-chip{display:flex;align-items:center;gap:8px;background:#f8fafc;border:1px solid #e8edf3;min-height:44px;padding:7px 10px;border-radius:11px;font-size:13px}.color-dot{width:10px;height:10px;border-radius:50%;background:var(--player)}.share-content{display:grid;gap:12px}.share-preview{max-height:52dvh;width:100%;object-fit:contain;border-radius:13px;display:block}.share-content .helper{margin:0 0 2px}.toast{position:fixed;z-index:100;bottom:calc(20px + var(--app-safe-bottom, env(safe-area-inset-bottom, 0px)));left:50%;transform:translate(-50%);width:max-content;max-width:calc(100% - 32px);padding:13px 19px;background:#25354cee;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;box-shadow:0 8px 30px #183b4026;font-size:13px;line-height:1.5;text-align:center;border-radius:15px;animation:fade-in .18s ease}.conflict-banner{font-size:12px;color:#93621e;background:#fff4d9;border:1px solid #fae2ab;border-radius:12px;padding:12px;width:100%;margin-top:10px}.gate{text-align:center}.gate .header{text-align:left}.gate h2{margin:24px 0 12px;font-size:20px}.gate>p{font-size:14px;color:var(--muted);margin-bottom:24px}.gate .hero{margin:18px auto 0}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes page-forward{0%{opacity:0;transform:translate(17px)}to{opacity:1;transform:translate(0)}}@keyframes page-back{0%{opacity:0;transform:translate(-17px)}to{opacity:1;transform:translate(0)}}@keyframes sheet-in{0%{transform:translateY(35px);opacity:.65}to{transform:translateY(0);opacity:1}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes score-change{0%{opacity:.5;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}@keyframes skeleton{to{background-position:-220% 0}}@media(min-width:650px){body{background:#f2f1ed}.app{background:var(--background);box-shadow:0 0 70px #3d4a5b0a;min-height:100dvh;padding-left:24px;padding-right:24px}.header{height:74px}.home .hero{max-height:300px}.home-links{margin-top:18px}.score-scroll{max-height:calc(100dvh - 240px)}.sheet{margin-bottom:20px;border-radius:25px;max-height:calc(100dvh - 45px)}}@media(max-width:370px){.app{padding-left:12px;padding-right:12px}.header{height:60px}.hero{max-height:220px}.tagline{font-size:15px;margin-bottom:18px}.continue-button{font-size:14px;padding-left:12px;gap:10px}.continue-button small{font-size:10px}.game-actions .button{font-size:12px;gap:5px}.score-help{font-size:9px}.sheet{padding-left:17px;padding-right:17px}.sheet-actions .button{font-size:13px}}.compact-app{height:min(var(--app-height, 100dvh),100dvh);min-height:min(var(--app-height, 100dvh),100dvh);display:flex;flex-direction:column}.compact-app>.header,.compact-app>.dev-strip{flex-shrink:0}.compact-app>.page{flex:1;min-height:0;display:flex;flex-direction:column}.compact-app .home,.compact-app .about{flex:1;min-height:0;display:flex;flex-direction:column}.compact-app .home>*,.compact-app .about>*{flex-shrink:0}.compact-app .hero{flex:0 1 260px;min-height:0;height:260px}.compact-app .about .hero{flex-basis:195px;height:195px}@media(max-height:700px){.compact-app .tagline{margin:4px 0 12px}.compact-app .home-actions{gap:8px}.compact-app .about-note{padding:10px 0}.compact-app .about-note p+p{margin-top:8px}.compact-app .about .version,.compact-app .contact-card{margin-bottom:10px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important;scroll-behavior:auto!important}.page,.sheet{transform:none!important}}