*{box-sizing:border-box}html,body{height:100%;min-height:100vh;width:100%;margin:0;padding:0;background-attachment:fixed;background-repeat:no-repeat;background-size:cover;font-family:Georgia,serif;color:#f8f8f8;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:#2a2a2a #1a1a1a;overscroll-behavior:none;animation:fadeInPopup 1s ease-out}body::-webkit-scrollbar{width:10px}body::-webkit-scrollbar-track{background:#1a1a1a}body::-webkit-scrollbar-thumb{background-color:#d12d36;border-radius:8px;border:2px solid #1a1a1a}.container{max-width:800px;margin:0;background:#2a2a2a;padding:2rem;border-radius:1rem;box-shadow:0 6px 16px #0000004d}.cards{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:1.5rem}.card-selector{margin:.5rem;overflow:visible!important}input[type=text]{background-color:#1a1a1a;color:#f8f8f8;padding:.4rem .75rem;border-radius:.4rem;border:1px solid #555;font-size:.95rem;width:150px;transition:border .2s,box-shadow .2s}input[type=text]:focus{border-color:#d12d36;box-shadow:0 0 0 2px #d12d3680;outline:none}.primary-button{background-color:#d12d36;color:#fff;border:none;padding:clamp(.5rem,1.5vw,.75rem) clamp(1rem,3vw,1.5rem);font-size:clamp(.9rem,2.5vw,1rem);font-weight:700;border-radius:.5rem;cursor:pointer;transition:background .3s ease,transform .2s ease}.primary-button:hover{background-color:#b5232b;transform:translateY(-1px)}.primary-button:active{background-color:#9e1c23;transform:scale(.98)}.results{box-sizing:border-box;width:100%;padding:1rem;border-radius:.5rem;border:1px solid #ccc;background:#1a1a1a;overflow-wrap:break-word}.card-face{font-size:2rem;padding:.5rem 1rem;background-color:#fff;border:2px solid #444;border-radius:.5rem;cursor:pointer;min-width:3rem}.picker-popup{position:absolute;top:110%;left:0;z-index:1000;background-color:#1a1a1a;border:1px solid #888;border-radius:.5rem;padding:.75rem;box-shadow:0 4px 12px #0006;width:clamp(9rem,30vw,16rem)}.picker-section{margin-bottom:1rem}.picker-secton strong{font-size:clamp(.75rem,2vw,1rem)}.picker-section button{background-color:#d12d36;color:#fff;border:1px solid #d12d36;border-radius:.35rem;padding:.4rem .75rem;font-size:.9rem;cursor:pointer;transition:background .2s ease}.picker-section button:hover{background-color:#666}.picker-row{display:flex;flex-wrap:wrap;gap:.5rem}.picker-row button{font-size:clamp(.7rem,2vw,.9rem);padding:.3rem .6rem;cursor:pointer;border:1px solid #888;border-radius:.35rem;background-color:#333;color:#eee;transition:background .2s ease}.picker-row button.selected{background-color:#d12d36;color:#fff!important;border-color:#d12d36}.picker-row button:hover{background-color:#555}input,button,select,textarea{font-family:inherit}.page-wrapper{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:2rem}.layout{display:flex;flex-wrap:nowrap;align-items:flex-start;justify-content:flex-start;gap:2rem;width:100%;max-width:1280px;margin:0 auto}.main-panel{max-width:800px;flex-shrink:0}.ai-panel{max-width:400px}@media (min-width: 768px){.container{flex:1}}body{overflow:auto}@media (max-width: 767px){body{overflow:auto}.layout{flex-direction:column;align-items:center}.main-panel,.ai-panel{max-width:100%;width:100%}}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:999}.modal-content{background:#2a2a2a;color:#fff;padding:2rem;border-radius:1rem;max-width:400px;text-align:left;box-shadow:0 0 10px #000}.modal-button{background-color:#d12d36;color:#fff!important;border-color:#d12d36}.section-wrapper{position:relative}.section-wrapper section{position:relative}.help-icon{position:absolute;top:1rem;right:1rem;font-size:1.25rem;background:none;border:none;color:#aaa;cursor:pointer;z-index:2;transition:color .2s ease}.help-icon:hover{color:#fff}p{line-height:1.6}.footer{margin-top:2rem;text-align:center;font-size:.85rem;color:#ccc;padding:1rem 0;border-top:1px solid #444;background-color:transparent}.floating-hands-btn{position:fixed;bottom:1.5rem;right:1.5rem;background-color:#d12d36;color:#fff;border:none;padding:.75rem 1.25rem;border-radius:2rem;font-size:.9rem;font-weight:700;cursor:pointer;z-index:1000;box-shadow:0 4px 12px #0000004d;display:flex;align-items:center}.hands-popup{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;display:flex;justify-content:center;align-items:center;z-index:999}.hands-popup-content{background:#2a2a2a;color:#fff;padding:2rem;border-radius:1rem;width:95%;max-width:700px;max-height:80vh;overflow-y:auto;box-shadow:0 0 15px #0006;position:relative}.card-row{display:flex;gap:.4rem;margin-top:.5rem;margin-bottom:1.2rem;flex-wrap:wrap;text-align:center;justify-content:center}.inline-card{height:120px;width:auto;border-radius:6px;box-shadow:0 2px 4px #0000004d;object-fit:contain;display:block}.hand-group h4{margin-bottom:.25rem}.exit-button{position:absolute;top:1rem;right:1rem;font-size:1.5rem;background:none;border:none;color:#fff;cursor:pointer}.hands-popup-content{scrollbar-width:thin;scrollbar-color:#d12d36 #1a1a1a;text-align:center}.hands-popup-content::-webkit-scrollbar{width:10px}.hands-popup-content::-webkit-scrollbar-track{background:#1a1a1a;border-radius:8px}.hands-popup-content::-webkit-scrollbar-thumb{background-color:#d12d36;border-radius:8px;border:2px solid #1a1a1a}@keyframes fadeInPopup{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.hands-popup-content,.modal-content{animation:fadeInPopup .3s ease-out;overscroll-behavior:contain;background-color:#2a2a2a}.hand-group h4{margin-bottom:.5rem;font-size:1.1rem;text-align:center}body.theme-felt{background:radial-gradient(circle,#0b6623,#014421)}body.theme-red{background:radial-gradient(circle,#9c1a1a,#4b0000)}body.theme-dark{background:linear-gradient(135deg,#111,#222)}body.theme-light{background:linear-gradient(135deg,#fff,#eee)}.player-options-panel{max-width:360px;background-color:#2a2a2a;padding:1.5rem;border-radius:1rem;border:1px solid #444;margin-bottom:1rem;box-shadow:0 4px 10px #00000040;text-align:center}.player-options-panel h2{margin-top:0;font-size:1.5rem;color:#f8f8f8}.player-options-panel h3{margin-bottom:.5rem;font-size:1rem;font-weight:600}.right-panel{width:400px;flex-shrink:0;display:flex;flex-direction:column;gap:2rem}.input-field{background-color:#d12d36;color:#fff;border:none;padding:clamp(.5rem,1.5vw,.75rem) clamp(1rem,3vw,1.5rem);font-size:clamp(.85rem,2.5vw,1rem);font-weight:700;border-radius:.5rem;cursor:pointer;transition:background .3s ease,transform .2s ease;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg width='16' height='10' viewBox='0 0 16 10' fill='white' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 10L0.205771 0.25H15.7942L8 10Z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;background-size:12px}.input-field:hover{background-color:#b5232b;transform:translateY(-1px)}.input-field:active,.input-field:focus{background-color:#9e1c23;outline:none;transform:scale(.98)}.insert-field{background-color:#1a1a1a;color:#f8f8f8;padding:.4rem .75rem;border-radius:.4rem;border:1px solid #555;font-size:.95rem;width:150px;transition:border .2s,box-shadow .2s;appearance:textfield;-moz-appearance:textfield;-webkit-appearance:none}.insert-field:focus{border-color:#d12d36;box-shadow:0 0 0 2px #d12d3680;outline:none}h2{text-align:center}.poker-card{width:clamp(40px,8vw,70px);aspect-ratio:7 / 10;border-radius:8px;border:1px solid #444;box-shadow:0 2px 6px #00000026;object-fit:cover}@media (max-width: 768px){.picker-popup{width:clamp(9rem,28vw,12rem)}.picker-row button{font-size:.8rem;padding:.2rem .5rem}}.best-cards-container{background-color:#2a2a2a;margin-top:2rem;padding:1rem 2rem;border-radius:1rem;box-shadow:0 4px 10px #0000004d;width:100%}.best-cards-container h2{color:#fff;margin-bottom:1rem;font-size:1.5rem;text-align:center}