.matchstick{display:block;position:absolute;filter:drop-shadow(calc(var(--board-w) * .013) calc(var(--board-w) * .013) calc(var(--board-w) * .011) rgba(0,0,0,.7))}.matchstick img{position:relative;height:100%;width:100%}.matchstickPosition{display:block;position:absolute;height:75%;width:10%;border-radius:1rem}.containerMatchstick{width:80%;aspect-ratio:1;position:relative}.containerMatchstick .matchstickPosition{display:block;position:absolute;height:75%}.containerMatchstick .matchstickPosition:nth-child(1){top:12.5%}.containerMatchstick .matchstickPosition:nth-child(2){top:-32.5%;left:45%;transform:rotate(90deg)}.containerMatchstick .matchstickPosition:nth-child(3){top:12.5%;right:0;transform:rotate(180deg)}.containerMatchstick .matchstickPosition:nth-child(4){bottom:-32.5%;left:45%;transform:rotate(270deg)}.containerMatchstick .matchstickPosition:nth-child(5){top:12.5%;left:45%;transform:rotate(45deg)}.scorekeeper{aspect-ratio:9/16;height:100%;max-width:100svw;display:flex;flex-direction:column;justify-content:space-between;align-items:center;position:relative}.score-header{width:100%;flex-shrink:0;display:grid;grid-template-columns:1fr auto 1fr;grid-template-areas:"refA  limite refB" "nameA limite nameB";align-items:end;column-gap:calc(var(--board-w) * .032);row-gap:calc(var(--board-w) * .03);border-bottom:2px solid rgba(255,255,255,.1);padding:calc(var(--board-w) * .022) calc(var(--board-w) * .021)}.team-name-container.team-A{grid-area:nameA}.team-name-container.team-B{grid-area:nameB}.score-reference--a{grid-area:refA;justify-self:start}.score-reference--b{grid-area:refB;justify-self:end}.score-reference{display:inline-flex;align-items:baseline;gap:calc(var(--board-w) * .012);padding:calc(var(--board-w) * .008) calc(var(--board-w) * .022);border-radius:999px;background:#be2d1ed9;color:#f5f5f5;font-weight:700;line-height:1;white-space:nowrap;opacity:.8;transition:background-color .25s ease,color .25s ease}.score-reference--buenas{background:linear-gradient(180deg,#ffd76a,#f2b63c);color:#0c4f2f}.score-reference__value{font-size:clamp(.7rem,calc(var(--board-w) * .038),1.6rem);font-weight:800}.score-reference__phase{font-size:clamp(.5rem,calc(var(--board-w) * .024),1rem);font-weight:700;letter-spacing:.06em;text-transform:uppercase;opacity:.85}.team-name-container{display:flex;justify-content:center;align-items:center;width:100%;flex:1}.team-name-input{width:100%;background:transparent;border:none;font-size:clamp(.95rem,calc(var(--board-w) * .051),2.1rem);text-align:center;font-weight:600;color:#f5f5f5;outline:none;font-family:inherit;text-transform:uppercase;letter-spacing:.05em}.team-A .team-name-input{text-align:right}.team-B .team-name-input{text-align:left}.team-name-input::placeholder{color:#f5f5f5d0;text-transform:none;letter-spacing:normal}.max-score{grid-area:limite;align-self:center;line-height:1;font-size:clamp(1.75rem,calc(var(--board-w) * .107),4.25rem);font-weight:800;color:#ffffff4d;text-align:center;-webkit-user-select:none;user-select:none}.points{width:100%;flex:1;min-height:0;display:flex;position:relative}.matchstickStorage{position:relative}.points section{flex:1;height:100%;min-width:30%;display:flex;flex-direction:column;justify-content:space-around;align-items:center}#separator-h{width:100%;background:#fff3;height:clamp(2px,calc(var(--board-w) * .0053),4px);margin:0;border-radius:2px}#separator-v{position:relative;height:100%;width:clamp(8px,calc(var(--board-w) * .032),20px);background:transparent;display:flex;justify-content:center;align-items:center;overflow:hidden;clip-path:polygon(0 0,100% 0,100% 95%,50% 97%,0 95%)}.flag-ribbon{width:100%;height:100%;background:linear-gradient(90deg,#75aadb 30%,#fff 30% 70%,#75aadb 70%);box-shadow:0 0 10px #0000004d;position:relative}.flag-ribbon:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,transparent 0%,rgba(255,255,255,.2) 20%,transparent 40%,rgba(0,0,0,.1) 50%,transparent 60%,rgba(255,255,255,.2) 80%,transparent 100%);pointer-events:none}.table{width:100%;height:100%;display:flex;align-items:stretch;justify-content:center}.table:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(/img/baize.webp);background-size:cover;opacity:.3;z-index:-1}.victory-overlay{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:#0000008c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:victory-overlay-in .2s ease-out}.victory-card{position:relative;width:100%;max-width:22rem;display:flex;flex-direction:column;align-items:center;gap:1.25rem;padding:2.5rem 1.5rem 2rem;border-radius:1rem;background:linear-gradient(160deg,#15784a,#0c4f2f);border:1px solid rgba(255,255,255,.12);box-shadow:0 18px 50px #00000073;text-align:center;animation:victory-card-in .28s cubic-bezier(.18,.89,.32,1.28)}.victory-card__close{position:absolute;top:.6rem;right:.6rem;width:2rem;height:2rem;display:grid;place-items:center;padding:0;border:none;border-radius:50%;background:#ffffff1a;color:#f5f5f5;font-size:1rem;line-height:1;cursor:pointer;transition:background-color .15s ease,transform .08s ease}.victory-card__close:hover{background:#fff3}.victory-card__eyebrow{margin:0;font-size:.85rem;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:#f5f5f5b3}.victory-card__winner{margin:0;font-size:1.9rem;font-weight:800;line-height:1.15;color:#f5f5f5;text-shadow:0 2px 6px rgba(0,0,0,.35)}.victory-card__actions{width:100%;display:flex;flex-direction:column;gap:.75rem;margin-top:.25rem}.victory-btn{width:100%;padding:.85rem 1rem;border-radius:.6rem;font-size:1rem;font-weight:700;font-family:inherit;cursor:pointer;transition:transform .08s ease,filter .15s ease,background-color .15s ease}.victory-btn:active{transform:scale(var(--press-scale-wide))}.victory-btn--primary{border:none;color:#0c4f2f;background:linear-gradient(180deg,#ffd76a,#f2b63c)}.victory-btn--primary:hover{filter:brightness(1.05)}@keyframes victory-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes victory-card-in{0%{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.bottom-bar{width:100%;flex:none;height:calc(var(--board-w) * .248);display:flex;align-items:center;gap:calc(var(--board-w) * .012);padding:0 calc(var(--board-w) * .015)}.bottom-bar .matchstickStorage{flex:1;height:100%}.action-btn{width:clamp(2.4rem,calc(var(--board-w) * .117),4.5rem);height:clamp(2.4rem,calc(var(--board-w) * .117),4.5rem);flex-shrink:0;display:grid;place-items:center;padding:0;border:1px solid rgba(255,255,255,.15);border-radius:50%;background:#ffffff14;color:#f5f5f5;line-height:1;cursor:pointer;z-index:500;transition:background-color .15s ease,transform .08s ease}.action-btn:hover{background:#ffffff2e}@media(min-width:1024px){.action-btn{position:fixed;top:1rem}.action-btn--quick{left:1rem}.action-btn--settings{right:1rem}}.settings-overlay,.history-overlay,.confirm-overlay{position:fixed;inset:0;display:flex;background:#0000008c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:victory-overlay-in .2s ease-out}.settings-overlay,.history-overlay{justify-content:flex-end;align-items:stretch}.settings-overlay{z-index:1100}.history-overlay{z-index:1150}.confirm-overlay{align-items:center;justify-content:center;padding:1.5rem;z-index:1200}.settings-card,.confirm-card{position:relative;display:flex;flex-direction:column;background:linear-gradient(160deg,#15784a,#0c4f2f);border:1px solid rgba(255,255,255,.12);box-shadow:0 18px 50px #00000073;color:#f5f5f5}.settings-card{--settings-inset: .75rem;width:min(85vw,24rem);height:100%;border-right:none;border-radius:1rem 0 0 1rem;overflow:hidden;animation:drawer-in .25s ease-out}.confirm-card{width:100%;max-width:24rem;gap:1rem;padding:1.5rem;border-radius:1rem;animation:victory-card-in .28s cubic-bezier(.18,.89,.32,1.28)}@keyframes drawer-in{0%{transform:translate(100%)}to{transform:translate(0)}}.settings-card__header{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.25rem;border-bottom:1px solid rgba(255,255,255,.12)}.settings-card__close{flex-shrink:0;width:2rem;height:2rem;display:grid;place-items:center;padding:0;border:none;border-radius:50%;background:#ffffff1a;color:#f5f5f5;line-height:1;cursor:pointer;transition:background-color .15s ease,transform .08s ease}.settings-card__close:hover{background:#fff3}.settings-card__title{margin:0;font-size:1.05rem;font-weight:800;letter-spacing:1px;text-transform:uppercase}.settings-card__items{flex:1;overflow-y:auto;padding:.5rem .5rem 1.5rem}.settings-section{margin-top:1.1rem}.settings-section:first-child{margin-top:.4rem}.settings-section__title{margin:0 var(--settings-inset) .15rem;font-size:.7rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:#f5f5f580}.settings-row{position:relative;width:100%;display:flex;align-items:center;gap:.75rem;padding:.7rem var(--settings-inset);border-radius:.6rem;text-align:left;color:#f5f5f5}.settings-row:after{content:"";position:absolute;right:var(--settings-inset);bottom:0;left:var(--settings-inset);border-bottom:1px solid rgba(255,255,255,.08)}.settings-section .settings-row:last-child:after{content:none}.settings-row__icon{flex-shrink:0;width:1.9rem;height:1.9rem;display:grid;place-items:center;border-radius:.5rem;background:#ffffff14;color:#f5f5f5d9}.settings-row__text{flex:1;min-width:0;display:flex;flex-direction:column;gap:.1rem}.settings-row__label{font-size:.95rem;font-weight:600}.settings-row__hint{font-size:.72rem;line-height:1.3;color:#f5f5f580}.settings-row__control{flex-shrink:0;display:flex;align-items:center}.settings-row__control .settings-btn{padding:.4rem .85rem;font-size:.85rem}.settings-row--danger .settings-row__icon{background:#c837284d;color:#ff9d8d}.settings-row--button{border:none;background:transparent;font-family:inherit}.settings-row--button,.settings-row--activable{cursor:pointer;transition:background-color .15s ease,transform .08s ease}.settings-row--button:hover,.settings-row--activable:hover{background:#ffffff0d}.settings-row--button:active,.settings-row--activable:active:not(:has(.settings-row__control :active)){background:#ffffff1a;transform:scale(var(--press-scale-wide))}.settings-row__chevron{color:#f5f5f573}.settings-btn{padding:.55rem 1rem;border:1px solid rgba(255,255,255,.2);border-radius:.5rem;background:#ffffff1a;color:#f5f5f5;font-size:.9rem;font-weight:700;font-family:inherit;cursor:pointer;transition:background-color .15s ease,transform .08s ease}.settings-btn:hover{background:#fff3}.settings-btn--with-icon{display:inline-flex;align-items:center;gap:.4rem}.settings-btn--danger{border-color:#ff786480;background:#c837288c}.settings-btn--danger:hover{background:#dc412dbf}.settings-toggle{position:relative;width:3.1rem;height:1.7rem;padding:0;border:1px solid rgba(255,255,255,.2);border-radius:1rem;background:#00000059;cursor:pointer;transition:background-color .2s ease,transform .08s ease}.settings-toggle__thumb{position:absolute;top:50%;left:.2rem;width:1.25rem;height:1.25rem;border-radius:50%;background:#f5f5f5;transform:translateY(-50%);transition:left .2s ease}.settings-toggle--on{background:linear-gradient(180deg,#ffd76a,#f2b63c)}.settings-toggle--on .settings-toggle__thumb{left:calc(100% - 1.45rem)}.settings-segmented{display:flex;border:1px solid rgba(255,255,255,.2);border-radius:.5rem;overflow:hidden}.settings-segmented__option{padding:.45rem 1rem;border:none;background:transparent;color:#f5f5f5;font-size:.95rem;font-weight:700;font-family:inherit;cursor:pointer;transition:background-color .15s ease,transform .08s ease}.settings-segmented__option--active{background:linear-gradient(180deg,#ffd76a,#f2b63c);color:#0c4f2f}.settings-segmented__option--icon{display:grid;place-items:center;padding:.4rem .7rem}.confirm-card__message{margin:0;font-size:1.05rem;font-weight:600;line-height:1.4;text-align:center}.confirm-card__actions{display:flex;gap:.75rem}.confirm-card__actions .settings-btn{flex:1;padding:.75rem 1rem}.confirm-card__actions .settings-btn:active{transform:scale(var(--press-scale-wide))}.history-toolbar{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.65rem 1.25rem;border-bottom:1px solid rgba(255,255,255,.12)}.history-toolbar__label{font-size:.72rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:#f5f5f580}.history-toolbar .settings-segmented__option{padding:.3rem .6rem;font-size:.8rem}.history-empty{margin:0 var(--settings-inset);padding:1.5rem 0;text-align:center;font-size:.95rem;color:#f5f5f5b3}.history-groups{margin:0 var(--settings-inset);display:flex;flex-direction:column;gap:.75rem}.history-group{padding:.6rem .75rem;border-radius:.6rem;background:#ffffff0f}.history-group__header{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem;padding-bottom:.4rem;border-bottom:1px solid rgba(255,255,255,.12)}.history-group__title{font-size:.8rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:#f5f5f5bf}.history-group__net{display:flex;gap:.6rem;font-size:.8rem;font-weight:700;color:#ffd76a;text-align:right}.history-group__entries{list-style:none;margin:0;padding:.4rem 0 0;display:flex;flex-direction:column;gap:.25rem}.history-entry{display:flex;align-items:center;gap:.6rem;font-size:.9rem}.history-entry__delta{flex-shrink:0;width:2rem;padding:.1rem 0;border-radius:.35rem;background:#ffd76a33;color:#ffd76a;font-weight:800;text-align:center}.history-entry__delta--negative{background:#ff78642e;color:#ff9d8d}.history-entry__team{flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.history-entry__time{flex-shrink:0;font-size:.8rem;font-variant-numeric:tabular-nums;color:#f5f5f58c}*{margin:0;padding:0;box-sizing:border-box;-webkit-user-select:none;user-select:none}* input{-webkit-user-select:text;user-select:text}:root{--board-w: min(100svw, 56.25svh );--press-scale: .9;--press-scale-wide: .97}html{width:100dvw;height:100dvh;background-color:#106138}body{height:100dvh;width:100dvw;display:flex;align-items:center;justify-content:center;overflow:hidden;box-sizing:border-box}#referenceDrag{position:absolute;top:10svh;left:0;width:100svw;height:100svh;background-color:red;opacity:0;z-index:-1}#root{width:100%;height:100%}html{-webkit-tap-highlight-color:transparent}button,[role=button]{-webkit-touch-callout:none;transition:transform .08s ease}:focus:not(:focus-visible){outline:none}button:active,[role=button]:active{transform:scale(var(--press-scale))}