:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#e0e0e0;background-color:#0a0b14;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;min-width:320px;height:100dvh;overflow:hidden;background-color:#0a0b14}#root{height:100%}button{border-radius:6px;border:1px solid rgba(0,242,255,.2);padding:.5em 1em;font-size:1em;font-weight:500;font-family:inherit;background-color:#151821;color:#fff;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #0000004d}button:hover{background-color:#1c202b;border-color:#00f2ff80;box-shadow:0 0 8px #00f2ff33}button:active{background-color:#252a36;transform:translateY(1px)}button:focus-visible{outline:2px solid #00f2ff}.app{text-align:center;width:100%;max-width:600px;margin:0 auto;height:100dvh;display:flex;flex-direction:column;background-color:#0a0b14;color:#e0e0e0;position:relative;box-sizing:border-box;box-shadow:0 0 50px #00000080}.fixed-header{width:100%;max-width:600px;background:#0d0f1a;padding:16px 0;border-bottom:1px solid rgba(0,242,255,.1);flex-shrink:0}.fixed-header h1{font-size:1.3em;font-weight:700;margin:0;letter-spacing:.1em;text-transform:uppercase;color:#00f2ff}.fixed-summary{width:100%;max-width:600px;background:#0d0f1a;padding:12px 0;border-bottom:1px solid rgba(0,242,255,.1);flex-shrink:0}.summary-row{display:flex;flex-direction:row;justify-content:space-between;padding:0 16px}.summary-card{flex:1;text-align:center}.summary-card h2{font-size:1em;font-weight:700;color:#ffd166;text-transform:uppercase;margin:0 0 4px;letter-spacing:.04em}.summary-card h3{font-size:1.3em;font-weight:700;margin:0}.content{flex:1;width:100%;overflow:hidden;display:flex;flex-direction:column;box-sizing:border-box;background-color:#0a0b14}.players-container{display:flex;flex-direction:row;height:100%;width:100%;gap:1px;background-color:#00f2ff1a}.player-card{flex:1;background-color:#0d0f1a;display:flex;flex-direction:column;min-width:0;padding:12px 6px}.player-card h2{font-size:1.1em;font-weight:700;color:#ffffffb3;margin:0 0 10px}.player-card h3{font-size:1.25em;font-weight:700;margin-bottom:12px}.buttons{display:flex;flex-direction:column;gap:6px;padding:0 4px 12px;flex-shrink:0}.buttons button{font-size:.8em;padding:8px 4px;width:100%;border-radius:4px}.inputs{flex:1;overflow-y:auto;padding:0 4px;display:flex;flex-direction:column;gap:4px}.inputs::-webkit-scrollbar{width:3px}.inputs::-webkit-scrollbar-thumb{background:#00f2ff33;border-radius:10px}.record-entry,input{background:#1a1d28;color:#fff;border:1px solid rgba(255,255,255,.05);padding:10px;font-size:.95em;text-align:center;border-radius:4px;width:100%;box-sizing:border-box;transition:all .2s ease}input:focus{outline:none;border-color:#00f2ff;background:#232736;box-shadow:0 0 10px #00f2ff1a}.settlement-content{flex:1;display:flex;flex-direction:column;align-items:center;padding:24px 16px;overflow-y:auto}.square{position:relative;width:100%;aspect-ratio:1 / 1;max-width:320px;margin:30px auto;border:2px solid rgba(255,209,102,.28);border-radius:50%;box-shadow:inset 0 0 30px #ffd16614}.player{position:absolute;width:110px;display:flex;flex-direction:column;align-items:center}.player.top{top:-10px;left:50%;transform:translate(-50%)}.player.bottom{bottom:-10px;left:50%;transform:translate(-50%)}.player.left{left:-30px;top:50%;transform:translateY(-50%)}.player.right{right:-30px;top:50%;transform:translateY(-50%)}.center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.4em;font-weight:800;letter-spacing:.1em}.multipliers{display:flex;justify-content:center;gap:8px;width:100%;margin-top:30px;flex-wrap:wrap}.multipliers button{flex:0 1 auto;min-width:60px}.footer{width:100%;max-width:600px;display:flex;background:#0d0f1a;border-top:1px solid rgba(0,242,255,.1);flex-shrink:0}.brand-credit{width:100%;max-width:600px;flex-shrink:0;background:#0d0f1a;text-align:center;padding:6px 0 calc(6px + env(safe-area-inset-bottom));border-top:1px solid rgba(0,242,255,.06)}.brand-credit a{font-size:.62em;letter-spacing:.08em;color:#ffffff47;text-decoration:none;transition:color .3s ease}.brand-credit a:hover{color:#00f2ff99}.footer button{flex:1;background:transparent;border:none;border-radius:0;padding:20px 0;font-size:.9em;color:#fff6;font-weight:600;letter-spacing:.05em;text-transform:uppercase;transition:all .3s ease}.footer button:hover{background:#00f2ff0d;color:#00f2ff;text-shadow:0 0 10px rgba(0,242,255,.5)}.positive{color:#0f8;text-shadow:0 0 8px rgba(0,255,136,.3)}.negative{color:#ff4d4d;text-shadow:0 0 8px rgba(255,77,77,.3)}.balanced{color:#00f2ff;text-shadow:0 0 15px rgba(0,242,255,.6)}.negative-btn{background-color:#2a111a;color:#ff4d4d;border-color:#ff4d4d33}.positive-btn{background-color:#112a1e;color:#0f8;border-color:#0f83}.records-description{padding:16px;font-size:.85em;color:#ffffff80;border-bottom:1px solid rgba(255,255,255,.05);background:#00f2ff05;margin:0;line-height:1.6}.advanced-settings{margin:24px 16px;border:1px solid rgba(255,209,102,.24);border-radius:6px;background:#ffd16608}.advanced-settings summary{padding:14px;color:#ffd166;font-weight:600;cursor:pointer}.settings-buttons{padding:14px;display:flex;flex-direction:column;gap:10px}