@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800;900&display=swap');
.call-sheet{background:white;border-radius:28px;overflow:hidden;box-shadow:0 12px 30px #153e3609;margin-bottom:24px}.call-banner{background:var(--green);color:white;padding:18px 24px 28px;text-align:center}.call-banner .row{font-size:14px}.call-save{background:transparent;padding:4px;color:white;font-weight:500}.call-avatar{border:3px solid white;border-radius:50%;width:56px;height:56px;display:grid;place-items:center;margin:6px auto;font-size:38px;line-height:1}.call-banner h1{margin:10px 0 0;font-size:26px}.call-banner>span{font-size:14px;opacity:.85}.call-body{padding:22px;text-align:center}.call-body h2{margin-bottom:7px}.call-scroll{margin:24px 0 12px;overflow-x:auto}.calls-table{table-layout:fixed;width:100%;font-family:system-ui,sans-serif;color:#222;white-space:normal}.calls-table th,.calls-table td{border:0;text-align:center;padding:12px 3px;font-weight:400}.calls-table thead th{font-size:15px;padding-bottom:14px}.calls-table th:first-child{width:24%;text-align:left;overflow-wrap:anywhere;font-size:14px}.calls-table th:nth-child(2){width:15%}.calls-table th:nth-child(6){width:24%}.calls-table tbody th{font-weight:500}.calls-table input[type=number]{width:100%;padding:5px;text-align:center;min-height:44px;appearance:textfield;border-radius:8px;font-size:18px}.calls-table input[type=radio],.calls-table input[type=checkbox]{appearance:none;-webkit-appearance:none;width:25px;height:25px;min-height:25px;border-radius:50%;border:2px solid #aaa;display:block;padding:0;margin:auto;cursor:pointer}.calls-table input:checked{background:var(--green);border-color:var(--green);box-shadow:inset 0 0 0 4px white}.risk-stepper{display:flex;align-items:center;justify-content:center;gap:3px}.risk-stepper button{display:grid;place-items:center;padding:0;border:1.5px solid var(--green);border-radius:50%;background:transparent;color:var(--green);font:22px system-ui;width:25px;min-width:25px;height:25px;min-height:25px}.risk-stepper output{font:17px system-ui;min-width:14px}.call-key{font-size:10px;color:#7d827d;line-height:1.8}.double-toggle{justify-content:center;margin:36px 0 25px;font-size:13px}.double-toggle input{accent-color:var(--green)}.call-primary{background:var(--green);color:white}.actual-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}.actual-grid label{display:block}.actual-grid small{display:block}.actual-grid input{margin-top:7px}.actual-card button{margin-top:16px}#call-error,#actual-error{color:#ab4c37;line-height:1.8;margin-top:10px}.team-board{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:14px 0}.team-score{background:#f1f4e9;border-radius:16px;padding:15px;text-align:center}.team-score h3{font-size:13px}.team-score .metric{font-size:28px}@media(max-width:480px){.call-body{padding:20px 10px}.call-banner{padding:12px 18px 24px}.calls-table thead th{font-size:12px}.calls-table th:first-child{font-size:13px;width:23%}.calls-table th:nth-child(2){width:14%}.calls-table th:nth-child(6){width:26%}.calls-table input[type=radio],.calls-table input[type=checkbox]{width:22px;height:22px;min-height:22px}.risk-stepper button{width:23px;min-width:23px;height:23px;min-height:23px}.risk-stepper{gap:2px}.risk-stepper output{font-size:15px;min-width:12px}}
:root{font-family:Cairo,system-ui,sans-serif;color:#153e36;background:#f5f3eb;font-synthesis:none;--green:#164f43;--gold:#d6b16c;--muted:#71837a}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer;border:0;border-radius:14px;padding:12px 18px;background:var(--green);color:white;font-weight:700;min-height:46px}button:disabled{opacity:.4;cursor:default}a{color:inherit;text-decoration:none}header{max-width:1080px;margin:auto;display:flex;justify-content:space-between;align-items:center;padding:24px}.brand{display:flex;gap:12px;align-items:center;font-size:36px}.brand b{font-size:28px;line-height:1.4}.brand span{display:block;font-size:11px;font-weight:500;color:var(--muted)}.subtle{background:#e8ece4;color:var(--green)}main{max-width:1032px;margin:auto;padding:12px 24px 125px}.eyebrow{font-size:12px;letter-spacing:1px;color:var(--muted)}h1{font-size:32px;margin:6px 0 12px;line-height:1.5}h2{font-size:21px;margin:0 0 14px}h3{margin:8px 0}p{line-height:1.9;margin:8px 0}.muted,small{color:var(--muted)}.hero{background:#123f36;color:#fff9e9;border-radius:28px;padding:30px;position:relative;overflow:hidden;margin-bottom:24px;display:flex;align-items:center;justify-content:space-between;gap:20px}.hero p{color:#bdcfc4;max-width:440px}.hero .eyebrow{color:#d6b16c}.hero button{background:var(--gold);color:#173c32;margin-top:16px}.suits{font:100px Georgia;line-height:1;opacity:.7;transform:rotate(-12deg);color:var(--gold)}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.card{background:#fffef9;border:1px solid #e5e8dc;border-radius:22px;padding:22px;margin-bottom:16px}.row{display:flex;align-items:center;justify-content:space-between;gap:12px}.wrap{flex-wrap:wrap}.metric{font-size:32px;font-weight:800;line-height:1.5}.metric small{font-size:14px}.badge{font-size:12px;background:#edf1e8;padding:4px 10px;border-radius:20px;color:var(--green)}.gold{background:#f7ecd4;color:#8d6327}.avatar{display:grid;place-items:center;background:#e4ede4;width:44px;height:44px;border-radius:15px;font-size:20px;font-weight:800;flex-shrink:0}.player-head{display:flex;gap:12px;align-items:center}.positive{color:#287458}.negative{color:#b45447}.empty{text-align:center;padding:32px 16px}.empty .symbol{font-size:42px;color:#b49a65}.empty p{color:var(--muted)}nav{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);display:flex;justify-content:space-around;width:min(520px,calc(100% - 24px));background:#102e28;color:#a9beb2;border-radius:22px;padding:10px 6px;box-shadow:0 12px 35px #102e2830;z-index:5}nav a{display:flex;flex-direction:column;align-items:center;font-size:22px;min-width:70px}nav span{font-size:10px}nav a.active{color:#e6c17d}input,select{border:1px solid #d5dfd2;border-radius:12px;background:#fffef9;color:#153e36;padding:10px;width:100%;min-height:47px}input[type=checkbox]{width:21px;min-height:21px;accent-color:var(--green)}label{font-size:13px;display:block;margin-bottom:6px}.field{margin-bottom:15px}.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.entry{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}.check{display:flex;align-items:center;gap:8px}.score{font-size:26px;font-weight:800}.full{width:100%}.error{color:#a44138;background:#fff0e9;border-radius:12px;padding:12px;margin:12px 0}.info{color:#5b7265;font-size:12px;background:#edf1e8;padding:12px;border-radius:12px}.bar{height:7px;background:#ebefe6;border-radius:5px;overflow:hidden;margin-top:10px}.bar i{display:block;height:100%;background:#b99858;border-radius:5px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap;text-align:right;font-size:13px}td,th{padding:12px 10px;border-bottom:1px solid #edf0e7}th{color:var(--muted);font-weight:600}.trend{display:flex;align-items:end;gap:6px;height:75px;direction:ltr;margin:16px 0}.trend div{flex:1;border-radius:5px 5px 0 0;background:#a6c1ad;min-height:4px}dialog{border:0;border-radius:24px;padding:26px;width:min(440px,92vw);color:#153e36;background:#fffef9;max-height:88vh}dialog::backdrop{background:#102e2880;backdrop-filter:blur(3px)}#toast{position:fixed;top:15px;left:50%;transform:translateX(-50%);background:#123f36;color:white;padding:12px 22px;border-radius:14px;z-index:20;display:none}.install{font-size:12px;color:var(--muted);margin:20px 4px}.link{color:#94702e;text-decoration:underline}.history-item{cursor:pointer}.outline{border:1px solid #ccd8c9;background:transparent;color:var(--green)}details{margin:12px 0}summary{cursor:pointer;font-weight:700}.actionbar{display:flex;gap:10px;margin:16px 0}.actionbar>*{flex:1}.separator{border-top:1px solid #e5e8dc;margin:16px 0}.tip{font-size:12px;color:#96713b}button:focus-visible,a:focus-visible{outline:3px solid #d6b16c;outline-offset:3px}@media(max-width:640px){header{padding:18px 18px 10px}main{padding:10px 16px 125px}.hero{padding:23px;border-radius:24px}.suits{font-size:70px}.hero h1{font-size:26px}.hero p{font-size:13px}.grid{grid-template-columns:1fr}.card{padding:18px}.brand b{font-size:25px}header button{font-size:11px;padding:8px 12px}h1{font-size:27px}.stats-grid{grid-template-columns:1fr 1fr;gap:10px}.stats-grid .card{padding:14px}nav{bottom:max(12px,env(safe-area-inset-bottom))}}
