:root{font-family:Fraunces,Georgia,Times New Roman,serif;line-height:1.5;font-weight:400;color-scheme:dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;margin:0;padding:0}:root{--felt-edge: #062117;--felt: #0e4a37;--felt-hi: #166b50;--slate: #16241e;--slate-2: #0f1a15;--slate-edge: #08110d;--chalk: #f1ecdb;--chalk-dim: rgba(241, 236, 219, .6);--brass: #e3b252;--brass-2: #bd8a2c;--brass-ink: #2c1e05;--rojo: #d44a3a;--rojo-2: #a82a1d;--verde: #5ac77f;--line: rgba(241, 236, 219, .14);--shadow: 0 14px 34px rgba(0, 0, 0, .5);--shadow-sm: 0 6px 16px rgba(0, 0, 0, .4);--r: 16px;--font-display: "Alfa Slab One", Georgia, serif;--font-body: "Fraunces", Georgia, "Times New Roman", serif}html,body,#root{height:100%;margin:0;padding:0;overflow:hidden}body{display:flex;justify-content:center;align-items:center;background:radial-gradient(125% 95% at 50% 16%,var(--felt-hi) 0%,var(--felt) 46%,var(--felt-edge) 100%)}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.5;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.06'/%3E%3C/svg%3E");mix-blend-mode:overlay}.app{position:relative;z-index:1;width:100%;max-width:480px;height:100dvh;box-sizing:border-box;padding:1.1rem 1rem;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:var(--chalk);font-family:var(--font-body)}.app:after{content:"♠";position:fixed;right:-.4rem;bottom:-1.2rem;font-size:9rem;color:#f1ecdb0a;pointer-events:none;z-index:0;transform:rotate(-12deg)}h1,h2,h3{margin:0;padding:0;line-height:1.05;font-weight:400}h1{font-family:var(--font-display);font-size:2.5rem;letter-spacing:.02em;margin-bottom:1.4rem;color:var(--brass);text-shadow:0 1px 0 #f6d98a,0 3px 0 var(--brass-2),0 5px 12px rgba(0,0,0,.6)}h1:before,h1:after{color:var(--chalk);opacity:.55;font-size:1.3rem;vertical-align:middle;text-shadow:none}h1:before{content:"♣ "}h1:after{content:" ♦"}h2{font-family:var(--font-display);font-size:1.2rem;color:var(--chalk);letter-spacing:.01em}h3{font-family:var(--font-display);font-size:1.05rem;letter-spacing:.02em}button{border:none;padding:.62rem 1.1rem;border-radius:12px;font-family:var(--font-body);font-weight:600;font-size:1rem;color:var(--chalk);background:linear-gradient(180deg,#223229,#16241e);box-shadow:var(--shadow-sm),inset 0 1px #f1ecdb14;cursor:pointer;transition:transform .12s ease,filter .15s ease,box-shadow .15s ease}button:hover{filter:brightness(1.07)}button:active{transform:translateY(1px) scale(.99)}button:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(.3)}.menu-btn.primary,.users-form button,.update-prompt button,.setting-btn.active{background:linear-gradient(180deg,#f3cf78 0%,var(--brass) 40%,var(--brass-2) 100%);color:var(--brass-ink);text-shadow:0 1px 0 rgba(255,255,255,.35);box-shadow:0 8px 18px #00000073,inset 0 1px #ffffff8c}.menu{width:100%;max-width:340px;display:flex;flex-direction:column;gap:.7rem}.menu-btn{width:100%;padding:.85rem 1rem;font-size:1.05rem;animation:rise .5s cubic-bezier(.2,.7,.2,1) both}.menu-btn:nth-child(1){animation-delay:.04s}.menu-btn:nth-child(2){animation-delay:.1s}.menu-btn:nth-child(3){animation-delay:.16s}.menu-btn:nth-child(4){animation-delay:.22s}.menu-btn:nth-child(5){animation-delay:.28s}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.screen{width:100%;height:100%;display:flex;flex-direction:column;gap:.85rem;animation:fade .35s ease both}@keyframes fade{0%{opacity:0}to{opacity:1}}.topbar{width:100%;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:.5rem}.topbar button{padding:.45rem .7rem;font-size:.88rem;white-space:nowrap;justify-self:start}.topbar>button:last-child{justify-self:end}.topbar h2{text-align:center}.muted{color:var(--chalk-dim);font-size:.85rem;font-style:italic}.error{color:#f6a99a;font-size:.9rem;text-align:center;background:#a82a1d2e;border:1px solid rgba(212,74,58,.4);border-radius:10px;padding:.5rem .7rem}.card,.list-card,.table-card{width:100%;box-sizing:border-box;background:linear-gradient(180deg,var(--slate) 0%,var(--slate-2) 100%);border:1px solid var(--line);border-radius:var(--r);padding:.9rem;box-shadow:var(--shadow),inset 0 1px #f1ecdb0d}.table-card{overflow-x:auto;padding:.5rem}.list-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:.5rem;border-bottom:1px dashed var(--line);padding-bottom:.4rem}.list{list-style:none;padding:0;margin:0;max-height:48dvh;overflow:auto}.list-item{display:flex;justify-content:space-between;gap:.75rem;padding:.4rem 0;border-bottom:1px solid var(--line)}.name{font-family:var(--font-display);font-size:.95rem;color:var(--brass);letter-spacing:.02em}.users-form{width:100%;display:flex;gap:.5rem}.users-form input,.players select{background:var(--slate-2);border:1px solid var(--line);border-radius:10px;padding:.5rem .6rem;color:var(--chalk);font-family:var(--font-body);min-width:0;transition:border-color .15s ease,box-shadow .15s ease}.users-form input{flex:1}.users-form input::placeholder{color:var(--chalk-dim)}.users-form input:focus,.players select:focus{outline:none;border-color:var(--brass);box-shadow:0 0 0 3px #e3b2522e}.scores{width:100%;display:flex;justify-content:space-evenly;gap:.75rem}.team{flex:1;max-width:210px;box-sizing:border-box;text-align:center;background:linear-gradient(180deg,var(--slate) 0%,var(--slate-2) 100%);border:1px solid var(--line);border-radius:var(--r);padding:.85rem .75rem;box-shadow:var(--shadow),inset 0 1px #f1ecdb0d}.team:first-child{border-top:3px solid var(--brass)}.team:last-child{border-top:3px solid var(--rojo)}.team:first-child h3{color:var(--brass)}.team:last-child h3{color:var(--rojo)}.players{display:flex;flex-direction:column;gap:.4rem;margin:.6rem 0;font-size:.85rem}.players label{display:flex;justify-content:center;align-items:center;gap:.35rem;color:var(--chalk-dim)}.players select{width:110px;font-size:.85rem;text-align:center;padding:.25rem .35rem}.numeric-score{margin-top:.4rem;font-family:var(--font-display);font-size:1.05rem;color:var(--chalk);letter-spacing:.03em}.controls{display:flex;justify-content:center;gap:.5rem;margin-top:.7rem}.controls button{min-width:3.2rem;font-family:var(--font-display);font-size:1rem}.controls button:first-child{background:linear-gradient(180deg,#2a3a31,#18261f);color:var(--chalk-dim)}.team:first-child .controls button:last-child{background:linear-gradient(180deg,#f3cf78,var(--brass) 45%,var(--brass-2));color:var(--brass-ink);box-shadow:0 8px 16px #0006,inset 0 1px #ffffff80}.team:last-child .controls button:last-child{background:linear-gradient(180deg,#ef7361,var(--rojo) 45%,var(--rojo-2));color:#fff;text-shadow:0 1px 1px rgba(0,0,0,.4);box-shadow:0 8px 16px #0006,inset 0 1px #ffffff59}.reset{background:linear-gradient(180deg,#d44a3a,#a82a1d)!important;color:#fff}.truco-score{display:flex;flex-direction:column;align-items:center;gap:.35rem;margin:.4rem 0}.truco-box{position:relative;width:42px;height:42px;border-radius:6px;background:#00000038;box-shadow:inset 0 0 0 1px #f1ecdb0f}.truco-divider{width:72%;height:3px;border-radius:2px;background:var(--chalk);opacity:.4;margin:.2rem 0}.stick{position:absolute;background:var(--chalk);border-radius:2px;opacity:.95;animation:stroke-in .16s ease-out both}@keyframes stroke-in{0%{opacity:0}to{opacity:.95}}.stick.vertical.left{width:3px;left:9px;top:5px;bottom:5px}.stick.vertical.right{width:3px;right:9px;top:5px;bottom:5px}.stick.horizontal.top{height:3px;top:7px;left:7px;right:7px}.stick.horizontal.bottom{height:3px;bottom:7px;left:7px;right:7px}.stick.diagonal{height:3px;left:5px;right:5px;top:50%;transform:rotate(45deg);transform-origin:center}.users-table{width:100%;border-collapse:collapse;font-size:.92rem}.users-table thead{background:#e3b2521a}.users-table th,.users-table td{padding:.45rem .35rem;text-align:center}.users-table th{font-family:var(--font-display);font-weight:400;font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;color:var(--brass)}.users-table td.username{text-align:left;font-weight:600;color:var(--chalk)}.users-table tbody tr:not(:last-child){border-bottom:1px solid var(--line)}.users-table tbody tr:first-child td.username{color:var(--brass)}.users-table .empty{text-align:center;padding:.9rem 0;color:var(--chalk-dim);font-style:italic}.matches-list{max-height:48dvh;overflow:auto}.match-card{padding:.55rem 0;border-bottom:1px dashed var(--line)}.match-card:last-child{border-bottom:none}.match-table{width:100%;border-collapse:collapse}.match-table td{padding:.2rem 0}.match-table .team-name{text-align:left;font-size:.92rem}.match-table .team-score{text-align:right;font-family:var(--font-display);font-size:1.05rem;width:44px}.match-table tr.winner .team-name,.match-table tr.winner .team-score{color:var(--verde)}.match-date{font-size:.7rem;color:var(--chalk-dim);text-align:right;margin-top:.2rem}.screen>.card{animation:pop .4s cubic-bezier(.2,.8,.2,1) both;border:1px solid rgba(227,178,82,.35);box-shadow:var(--shadow),0 0 40px #e3b2521f}@keyframes pop{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.screen>.card h3{font-size:1.5rem;color:var(--brass);margin-bottom:.5rem}.screen>.card h3:before{content:"♛ ";opacity:.7}.screen>.card p strong{font-family:var(--font-display);font-size:1.6rem;color:var(--chalk)}.update-prompt{position:fixed;bottom:1rem;left:50%;transform:translate(-50%);background:linear-gradient(180deg,var(--slate),var(--slate-2));border:1px solid var(--brass);border-radius:12px;padding:.7rem 1rem;display:flex;align-items:center;gap:.75rem;box-shadow:var(--shadow);z-index:1000}.update-prompt span{font-size:.9rem}.setting-item{display:flex;flex-direction:column;gap:.6rem}.setting-label{font-family:var(--font-display);font-size:.95rem;color:var(--brass);letter-spacing:.01em}.setting-options{display:flex;gap:.5rem}.setting-btn{flex:1;padding:.6rem;font-size:.9rem}@media(max-width:360px){.app{padding:.85rem}.team{max-width:180px;padding:.65rem}.players select{width:95px;font-size:.8rem}.truco-box{width:38px;height:38px}.users-table{font-size:.8rem}.users-table th{font-size:.66rem}}.app.size-small{font-size:13px}.app.size-small h1{font-size:2rem}.app.size-small h2{font-size:1rem}.app.size-small h3{font-size:.9rem}.app.size-small button{font-size:.85rem;padding:.45rem .8rem}.app.size-small .truco-box{width:32px;height:32px}.app.size-small .stick.vertical.left{left:7px;top:4px;bottom:4px}.app.size-small .stick.vertical.right{right:7px;top:4px;bottom:4px}.app.size-small .stick.horizontal.top{top:5px;left:5px;right:5px}.app.size-small .stick.horizontal.bottom{bottom:5px;left:5px;right:5px}.app.size-small .stick.diagonal{left:4px;right:4px}.app.size-normal{font-size:16px}.app.size-large{font-size:19px}.app.size-large h1{font-size:3rem}.app.size-large h2{font-size:1.45rem}.app.size-large h3{font-size:1.25rem}.app.size-large button{font-size:1.1rem;padding:.65rem 1.2rem}.app.size-large .truco-box{width:52px;height:52px}.app.size-large .stick.vertical.left{left:11px;top:6px;bottom:6px}.app.size-large .stick.vertical.right{right:11px;top:6px;bottom:6px}.app.size-large .stick.horizontal.top{top:9px;left:9px;right:9px}.app.size-large .stick.horizontal.bottom{bottom:9px;left:9px;right:9px}.app.size-large .stick.diagonal{left:6px;right:6px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important}}