*{box-sizing:border-box} :root{font-family:Arial,"Noto Sans Hebrew",sans-serif;color:#edf2f6;background:#101722;font-size:16px;color-scheme:dark;--you:#6fdec0;--enemy:#c2a3ff;--line:#303d4b;--gold:#f0be55}body{margin:0}button,a,select,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer;border:1px solid var(--line);background:#1b2634;color:inherit;border-radius:7px;padding:9px 13px}button:hover:not(:disabled){border-color:#94a7ba;background:#233244}button:disabled{cursor:default;opacity:.5}a{color:#c0cedc;text-decoration:none;padding:8px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--gold);outline-offset:3px}h2,h3,p{margin:0}small,.muted{color:#a4b5c6}.lab{height:100dvh;max-width:1720px;margin:auto;padding:12px 24px;display:grid;grid-template-rows:auto auto minmax(210px,1fr) auto minmax(200px,29vh);gap:13px}header{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line);padding-bottom:10px}.brand{display:flex;align-items:center;gap:12px}.brand>b{font-size:36px;color:var(--gold)}.brand span{font-weight:bold;font-size:17px}.brand small{display:block;font-size:13px;font-weight:normal;margin-top:3px}nav{display:flex;align-items:center;gap:7px}nav button,nav a{font-size:14px}.scores{display:grid;grid-template-columns:1fr 160px 1fr;max-width:1080px;width:100%;margin:auto;gap:35px}.score>div{display:flex;align-items:center;justify-content:space-between;gap:12px}.score strong{font-size:36px;line-height:1.1}.score strong small{font-size:15px;font-weight:normal}.you{--owner:var(--you)}.enemy{--owner:var(--enemy)}.score strong,.side-label,.events span{color:var(--owner)}progress{appearance:none;width:100%;height:5px;display:block;margin:9px 0 3px;border:none;background:#2d3948;border-radius:4px}progress::-webkit-progress-bar{background:#2d3948;border-radius:4px}progress::-webkit-progress-value{background:var(--owner);border-radius:4px}progress::-moz-progress-bar{background:var(--owner)}.link{background:none;border:0;padding:4px 0;color:#aebdcb;font-size:13px;text-decoration:underline;text-underline-offset:3px}.round{text-align:center;font-size:14px;display:flex;align-items:center;flex-direction:column}.round>b{font-size:28px;color:var(--gold)}.arena{display:grid;grid-template-columns:minmax(0,1fr) 210px minmax(0,1fr);gap:30px;width:min(1060px,100%);margin:auto;height:100%;min-height:0}.side{display:flex;flex-direction:column;min-height:0;gap:6px}.side-label{font-size:14px;font-weight:bold}.slot{flex:1;min-height:0;display:flex}.slot>.card,.unpick{width:100%}.slot .card{height:100%;min-height:0}.empty-card{border:1px dashed #4a5c6d;border-radius:10px;width:100%;height:100%;min-height:110px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:#141f2b;color:#c1ceda;text-align:center;font-size:18px}.empty-card span,.empty-card small{font-size:14px}.secret>b{font-size:56px;line-height:1;color:#67788c}.unpick{padding:0;border:0;background:none;position:relative;text-align:inherit;animation:select-in .16s ease-out}.unpick>small{position:absolute;bottom:7px;left:12px;font-size:12px;color:#496557}.unpick .card{outline:2px solid var(--you);outline-offset:1px;padding-bottom:27px}.prepared{min-height:34px;font-size:13px;display:flex;align-items:center}.token{color:#a7f0d2;display:block}.token small{font-size:12px;margin-right:5px}.token.debt{color:#ffc4a9}.pot{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:5px;color:#b8c7d6}.pot>strong{font-size:clamp(40px,4.5vw,65px);color:var(--gold);line-height:1.08}.pot>small{font-size:12px;margin-top:4px}.type-cycle{display:flex;flex-direction:column;gap:5px;margin-top:19px;font-size:12px;color:#95a8ba}.type-cycle b{font-weight:normal;color:#cbd6df;margin-top:3px}.card{--type:#46748c;color:#192731;background:#f1eee5;border:2px solid transparent;border-top:4px solid var(--type);border-radius:8px;text-align:right;display:flex;flex-direction:column;position:relative;padding:12px 14px 18px;gap:7px;box-shadow:0 3px 8px #0002;overflow:hidden}.card.deal{--type:#906600}.card.fire{--type:#b54c26}.card.expert{--type:#315a9c}.card.champion{border-right-color:#ac801f}.card-top{display:flex;align-items:center;justify-content:space-between;gap:6px}.type{font-size:13px;font-weight:bold;color:var(--type)}.power{font-size:30px;line-height:1;background:#1d2b36;border-radius:6px;color:#fff;padding:4px 8px;min-width:38px;text-align:center}.identity h3{font-size:19px;line-height:1.1}.identity>span{display:block;color:#5c6870;font-size:12px;margin-top:3px}.role{font-size:12px;color:#43515a;width:fit-content;padding:2px 7px;border:1px solid #aeb7b8;border-radius:4px}.ability{border-top:1px solid #ccd0ca;padding-top:7px;margin-top:auto}.ability strong{font-size:14px;display:block}.ability p{font-size:14px;line-height:1.4;margin-top:4px}.card kbd{position:absolute;bottom:5px;left:9px;color:#66717a;font-size:12px}.card.compact{gap:5px;padding:10px 14px}.compact .card-top{position:absolute;left:12px;top:10px;display:flex;align-items:end;flex-direction:column-reverse;gap:5px}.compact .identity{padding-left:95px}.compact .role{margin-top:2px}.compact .ability{padding-top:5px;max-width:100%}.compact .ability p{font-size:13px}.compact .power{font-size:27px}.compact .identity h3{font-size:18px}.compact .type{font-size:12px}.calculation{display:flex;flex-wrap:wrap;align-items:center;gap:5px 10px;font-size:13px;border-top:1px solid var(--line);padding-top:5px}.calculation>span{display:flex;gap:7px;color:#b8c7d6}.calculation b{color:#fff}.calculation .total{margin-right:auto;display:flex;align-items:center;gap:10px;color:var(--owner,#dce6f0)}.total b{font-size:24px;color:inherit}.turn{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:11px 0;display:flex;align-items:center;justify-content:space-between;gap:18px}.turn>div{min-width:0}.turn strong{font-size:17px;line-height:1.4}.turn small{display:block;margin-top:4px;font-size:13px}.primary{background:var(--gold);color:#132030;border:0;font-weight:bold;min-width:174px;padding:14px 22px}.primary:hover:not(:disabled){background:#ffcf6c}.primary:disabled{background:#786637;color:#dfdacb;opacity:1}.primary span{margin-right:10px}.events{display:flex;gap:4px 16px;flex-wrap:wrap;font-size:13px;margin-top:4px}.hand-section{min-height:0;display:flex;flex-direction:column;gap:8px}.hand-title{display:flex;justify-content:space-between;gap:15px;align-items:center;font-size:14px}.hand-title strong{font-size:16px}.hand-title small{font-size:13px;font-weight:normal}.hand-title>span{color:#93a8b8;font-size:12px}.hand-title .link{margin-right:12px}.hand{display:flex;align-items:stretch;justify-content:center;gap:10px;min-height:0;flex:1;overflow-x:auto;padding:4px 4px 6px}.hand>.card{flex:0 1 245px;min-width:175px;transition:transform .14s,border-color .14s}.hand>.card:hover:not(:disabled){background:#fffdf6;border-color:#91b4bd;transform:translateY(-3px)}.hand>.card.selected{border-color:var(--you);box-shadow:0 0 0 2px var(--you);background:#f4fff8}.hand>.card:disabled{opacity:.6}.empty-hand{padding:25px;color:#a5b3c2}dialog{background:#15202e;color:#edf2f6;border:1px solid #4d5d6f;border-radius:12px;padding:24px;width:min(950px,94vw);max-height:90dvh;overflow:auto}dialog::backdrop{background:#050b13d9}dialog h2{font-size:24px;margin:0 0 12px}dialog h3{margin:22px 0 10px}dialog p{line-height:1.6;margin:10px 0;font-size:16px}.modal-top{display:flex;justify-content:flex-end;position:sticky;top:0;z-index:2;pointer-events:none}.modal-top>button{pointer-events:auto}.catalog{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.catalog .card{min-height:230px}.catalog h3{margin:0}.catalog p{font-size:14px;line-height:1.45;margin:5px 0 0}.rules{padding-right:22px;line-height:1.65;display:grid;gap:10px}form{max-width:620px}label{display:grid;gap:7px;margin:17px 0}label small{font-size:13px}input,select{background:#101722;border:1px solid #506478;color:inherit;padding:12px;border-radius:6px;min-width:0}input[type=number]{direction:ltr;text-align:right}.deck-descriptions p{font-size:14px}.pool-row{display:grid;grid-template-columns:1fr 55px 70px 85px;gap:10px;padding:11px 0;border-bottom:1px solid var(--line);align-items:center;font-size:14px}.pool-row small{margin-right:8px;font-size:12px}.history{border-top:1px solid var(--line);margin-top:15px;padding-top:5px}.history-pair{display:grid;grid-template-columns:1fr 1fr;gap:20px}.history .calculation{margin-top:10px}.keep{padding:0;background:none;text-align:right}.keep>strong{display:block;padding:12px;text-align:center}.draw-choice{grid-template-columns:1fr 1fr}.revealed .slot{animation:reveal .6s ease-out}.revealed .total{animation:total .85s ease-out}@keyframes select-in{from{transform:translateY(15px);opacity:.4}to{transform:translateY(0);opacity:1}}@keyframes reveal{from{opacity:.1;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes total{0%,50%{opacity:.15;transform:translateY(5px)}100%{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
.pot-distribution{width:min(185px,100%);margin-top:7px}.probability-bars{height:22px;display:flex;direction:ltr;align-items:flex-end;gap:3px;padding:0 5px}.probability-bars>span{flex:1;height:calc(var(--probability)*100%);background:#bc9952;border-radius:2px 2px 0 0;opacity:.65}.pot-distribution>small{display:block;font-size:11px;line-height:1.35;color:#9caebd;margin-top:5px}.pot-distribution+.type-cycle{margin-top:10px}
.lab>*{min-width:0}.hand .power{position:absolute;left:11px;top:10px}.hand .card-top,.hand .identity{padding-left:42px}.hand .identity h3{font-size:18px}.hand .card-top{min-height:16px}.hand .ability{margin-top:auto}
@media(max-height:850px) and (min-width:851px){.lab{padding:8px 18px;gap:8px;grid-template-rows:auto auto minmax(175px,1fr) auto minmax(250px,31vh)}header{padding-bottom:5px}.brand>b{font-size:29px}.scores{gap:25px}.score strong{font-size:30px}.round>b{font-size:23px}.card{padding:8px 11px 16px;gap:5px}.hand .power{font-size:25px}.hand .identity h3{font-size:17px}.ability p{font-size:13px;line-height:1.3}.ability strong{font-size:13px}.turn{padding:8px 0}.compact .ability{margin-top:5px}.compact .identity h3{font-size:17px}.type-cycle{margin-top:12px;gap:4px}.prepared{min-height:27px}.token small{display:none}.turn strong{font-size:16px}.primary{padding:12px 18px}.hand-title>span{display:none}}
@media(max-width:1050px){.lab{padding:8px 12px}.arena{gap:16px;grid-template-columns:1fr 165px 1fr}.scores{gap:20px}.hand{justify-content:flex-start}.hand>.card{min-width:170px}.compact .identity{padding-left:75px}.compact .identity h3{font-size:16px}.compact .power{font-size:23px}.compact .ability p{font-size:12px}.compact .type{font-size:11px}}
@media(max-width:850px){.lab{height:auto;min-height:100dvh;grid-template-rows:auto auto auto auto auto;padding:12px;gap:14px}header{flex-wrap:wrap}.brand small{display:none}nav{flex-wrap:wrap;gap:5px}nav button,nav a{font-size:13px;padding:7px}.scores{grid-template-columns:1fr 70px 1fr;gap:12px}.score>div{align-items:start;flex-direction:column;gap:5px}.score>div>span{font-size:13px}.round .link{font-size:11px}.score .link{font-size:11px}.arena{grid-template-columns:1fr 94px 1fr;gap:8px;min-height:230px}.pot>strong{font-size:30px}.pot>small{font-size:11px}.pot>span{font-size:13px}.type-cycle{font-size:10px;gap:8px}.compact .card-top{position:static;align-items:center;flex-direction:row}.compact .identity{padding-left:0}.compact .identity h3{font-size:15px}.compact .ability strong{font-size:12px}.compact .type{font-size:10px}.compact .power{font-size:20px}.card.compact{padding:8px;gap:7px}.prepared{font-size:11px;min-height:42px}.prepared small{display:none}.calculation{font-size:11px}.calculation .total{width:100%;justify-content:space-between}.empty-card{font-size:14px;padding:6px}.empty-card span,.empty-card small{font-size:11px}.turn{align-items:stretch;flex-direction:column;gap:10px}.turn strong{font-size:15px}.events{font-size:12px}.hand-title>span{display:none}.hand{min-height:245px;overflow-x:auto;justify-content:flex-start}.hand>.card{flex:0 0 195px}.catalog{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog .card{padding:10px}.catalog .identity h3{font-size:16px}.catalog .type{font-size:11px}.pool-row{grid-template-columns:1fr 30px 42px 60px;font-size:12px;gap:5px}.pool-row small{display:block}.history-pair{gap:10px}.unpick>small{display:none}.side-label{font-size:12px}}