.button{background-color:#6a0dad;border:none;border-radius:5px;color:#fff;cursor:pointer;display:inline-block;font-size:.9rem;margin:.5vh .5vw;padding:1.2vh 2.5vw;text-align:center;text-decoration:none;transition:background-color .3s ease,transform .2s ease}.button-neutral{background-color:#f0f2f5;border:1px solid #d9d9d9;color:#333}.button-neutral:hover{background-color:#e6e6e6}.button-neutral:active{background-color:#d9d9d9}.button-success{background-color:#52c41a}.button-success:hover{background-color:#73d13d}.button-success:active{background-color:#389e08}.button-danger{background-color:#f5222d}.button-danger:hover{background-color:#ff4d4f}.button-danger:active{background-color:#cf1322}.button-warning{background-color:#f49223;color:#fff}.button-warning:hover{background-color:#e2aa1b}.button-warning:active,.button:active{background-color:#d4961d}.button:disabled{background-color:#ccc;color:#666;cursor:not-allowed;transform:none}@media (max-width:768px){.button{font-size:1rem;padding:1.5vh 3vw}}.banner{color:#fff;left:0;padding:1rem;position:fixed;text-align:center;top:var(--navbar-height);width:100%;z-index:1001}.banner-success{background-color:#52c41a}.banner-error{background-color:#f5222d}.debit-card{background:linear-gradient(135deg,#2c3e50,#4ca1af);border:1px solid #ffffff4d;border-radius:15px;box-shadow:0 4px 8px 0 #0003;color:#fff;display:flex;flex-direction:column;font-family:Courier New,Courier,monospace;justify-content:space-between;min-width:300px;padding:20px;position:relative;transform-style:preserve-3d;transition:all .3s ease;width:30vw}.given-up-overlay{align-items:center;background-color:#00000080;border-radius:15px;bottom:0;color:#fff;display:flex;font-size:2em;font-weight:700;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:10}.debit-card:hover{box-shadow:0 12px 24px 0 #0003;transform:translateY(-5px) rotateX(5deg)}.debit-card.focused{box-shadow:0 15px 15px #0000004d;transform:scale(1.1);z-index:1}.player-card-loading{color:#333}.card-top{align-items:flex-start;display:flex;justify-content:space-between}.bank-name{font-size:1.2em;font-weight:700}.balance-container{text-align:center}.balance-label{display:block;font-size:1.7em;opacity:.7;text-transform:uppercase}.balance-amount{display:block;font-size:2.5em;font-weight:700;margin-top:5px}.card-details{display:flex;justify-content:space-between}.card-holder{text-align:left}.detail-label{font-size:1em;opacity:.9;text-transform:uppercase}.detail-value{font-size:1.3em;font-weight:700}@media (max-width:768px){.debit-card{height:53.125vw;max-height:262.5px;max-width:420px;padding:15px;width:85vw}.bank-name{font-size:1.5em}.balance-amount{font-size:2em}.detail-label,.detail-value{font-size:1.1em}}.dashboard{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;padding:20px;width:100%}.welcome-message{padding-left:20px;text-align:left}.panel{background-color:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 4px 8px #0000000d;padding:15px;width:calc(50% - 10px)}.in-progress-panel{background-color:#f3faf4;border-color:#b0ff91}.panel h2{border-bottom:2px solid #eee;color:#333;font-size:1.5rem;margin-bottom:5px;padding-bottom:10px;text-align:left}.panel ul{list-style:none;padding:0}.panel ul li{align-items:center;background-color:#f7f7f7;border-radius:5px;display:flex;font-size:1rem;justify-content:space-between;margin-bottom:10px;padding:10px 15px}.join-game-panel.full-width{width:100%}.join-game-form{align-items:center;display:flex;width:100%}.join-game-input{border:1px solid #ccc;border-radius:5px;margin-right:10px;padding:10px;width:70%}.join-game-form .button{width:30%}@media (max-width:768px){.dashboard{align-items:center;flex-direction:column;padding:5px}.panel{padding:13px;width:100%}.panel h2{font-size:1.15rem;margin-bottom:10px;padding-bottom:5px}.panel ul li{font-size:.9rem;margin-bottom:5px;padding:7px 13px}.join-game-form{flex-direction:column}.join-game-input{margin-bottom:10px;margin-right:0;width:100%}.join-game-form .button{margin:0;width:100%}.panel .history-list-ul{display:none}}.landing-page-content{padding:0}.presentation-page{text-align:center}.hero{margin-bottom:4rem;padding:2rem}.hero h1{font-size:3.5rem;margin-bottom:1rem}.hero p{color:#666;font-size:1.4rem;margin:0 auto 2rem;max-width:600px}.features{margin-bottom:4rem}.features h2{border-bottom:2px solid #eee;font-size:2.5rem;margin-bottom:2rem;padding-bottom:1rem;padding-left:2rem;padding-right:2rem}.feature-list{display:flex;flex-direction:column;gap:2rem}.feature{padding:4rem}.feature-full-width-content{padding:2rem 0}.feature-full-width-content>h3,.feature-full-width-content>p{padding:0 2rem}.feature:nth-child(odd){background-color:#fff}.feature:nth-child(2n){background-color:#f9f9f9}.feature h3{font-size:1.7rem;margin-bottom:1rem}.feature p{font-size:1.1rem}.card-examples{-ms-overflow-style:none;-webkit-clip-path:inset(-50px -50px -50px -50px);clip-path:inset(-50px -50px -50px -50px);display:flex;flex-wrap:nowrap;gap:5rem;margin-top:6rem;overflow-x:auto;padding:2rem 10px 4rem;scroll-snap-type:x mandatory;scrollbar-width:none;width:100%}.card-examples::-webkit-scrollbar{display:none}.card-examples:after,.card-examples:before{content:"";flex-shrink:0}@media (min-width:1000px){.card-examples:after,.card-examples:before{width:calc(50% - 15vw - 2.5rem)}}@media (max-width:999px){.card-examples:after,.card-examples:before{width:calc(50% - 150px - 2.5rem)}.card-examples{gap:5rem}}.card-examples .debit-card{flex-shrink:0;margin-top:1em;scroll-snap-align:center}@media (max-width:768px){.hero h1{font-size:2.5rem}.hero p{font-size:1.2rem}.feature h3{font-size:1.5rem}.feature p{font-size:1rem}}.create-game-page{align-items:center;display:flex;justify-content:center;min-height:calc(100vh - var(--navbar-height) - 50px)}.create-game-panel{background-color:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 4px 8px #0000000d;margin:auto;max-width:600px;padding:25px;width:60%}.create-game-panel h1{color:#333;margin-bottom:20px;text-align:center}.create-game-panel form{align-items:center;display:flex;flex-direction:column;gap:1rem}.create-game-panel form div{align-items:flex-start;display:flex;flex-direction:column;width:100%}.create-game-panel label{font-weight:700;margin-bottom:.5rem}.create-game-panel input[type=radio]{margin-right:.5rem}.radio-group{align-items:flex-start;display:flex;flex-direction:column;gap:1rem;width:100%}.create-game-panel input[type=number]{border:1px solid #ccc;border-radius:5px;font-size:1rem;padding:10px;width:100%}.radio-group label{align-items:center;cursor:pointer;display:flex;flex-direction:row;font-size:1rem;font-weight:400;margin-bottom:12px;padding-left:35px;position:relative}.radio-group input[type=radio]{cursor:pointer;opacity:0;position:absolute}.radio-group label .checkmark{background-color:#eee;border:1px solid #ccc;border-radius:50%;height:25px;left:0;position:absolute;top:0;width:25px}.radio-group label:hover input~.checkmark{background-color:#ccc}.radio-group label input:checked~.checkmark{background-color:#6a0dad}.radio-group .checkmark:after{content:"";display:none;position:absolute}.radio-group label input:checked~.checkmark:after{display:none}@media (max-width:768px){.create-game-panel{padding:15px;width:90%}}.table-container{max-height:70vh;overflow-y:auto;width:100%}.history-table{border-collapse:collapse;border-radius:8px;box-shadow:0 4px 8px #0000000d;margin-top:20px;overflow:hidden;width:100%}.history-table td,.history-table th{border-bottom:1px solid #e0e0e0;padding:12px 15px;text-align:left}.history-table thead tr{background-color:#001529;color:#fff;font-weight:700}.history-table tbody tr:nth-of-type(2n){background-color:#f8f9fa}.history-table tbody tr:hover{background-color:#e9ecef}.history-table td button{margin-right:5px}@media (max-width:768px){.history-table{border:none;box-shadow:none}.history-table thead{display:none}.history-table tbody{display:flex;flex-direction:column;gap:15px;max-height:calc(100vh - var(--navbar-height) - 120px);overflow-y:auto}.history-table tr{border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 4px #0000000d;display:block}.history-table td{border-bottom:1px solid #f0f0f0;display:block;padding-left:50%;position:relative;text-align:right}.history-table td:last-child{border-bottom:none}.history-table td:before{content:attr(data-label);font-weight:700;left:15px;position:absolute;text-align:left}}.transaction-buttons-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));margin:20px auto;max-width:500px;width:95%}.grid-button{background-color:#f0f2f5;border:1px solid #0000000d;border-radius:25px;box-shadow:0 8px 16px #0000001a;color:#333;cursor:pointer;font-size:1em;height:60px;padding:10px;transition:all .3s ease;width:100%}.grid-button:hover{background-color:#f0f2f5;box-shadow:0 10px 20px #0003;transform:translateY(-2px)}.grid-button:active{background-color:#f0f2f5;box-shadow:0 8px 16px #0000001a;transform:translateY(0)}.grid-button.active{background-color:#ddd;box-shadow:0 4px 8px #0003;transform:translateY(0)}@media (max-width:768px){.grid-button{font-size:.8em;height:40px}}.transaction-history-card{background-color:#f0f2f5;border:1px solid #0000000d;border-radius:25px;box-shadow:0 8px 16px #0000001a;margin:20px auto;max-width:500px;padding:15px;width:95%}.transaction-history-card h4{border-bottom:1px solid #ddd;margin-top:0;padding-bottom:10px;text-align:left}.transaction-list{list-style:none;margin:0;padding:0}.transaction-item{border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:10px 5px}.transaction-item:last-child{border-bottom:none}.transaction-party{color:#333}.transaction-amount.debit{color:#f5222d}.transaction-amount.credit{color:#52c41a}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1050}.modal-content{background:#fff;border-radius:8px;box-shadow:0 5px 15px #0000004d;max-width:500px;padding:20px;text-align:center;width:90%}.modal-actions{display:flex;gap:10px;justify-content:center;margin-top:20px}.game-page-container{display:block;padding:0}.game-page-container.game-in-progress{overflow-y:hidden}.game-page-centered{display:flex;justify-content:center;min-height:calc(100vh - var(--navbar-height) - 50px);padding-top:5vh}.game-lobby-info{display:flex;justify-items:center}.lobby-panel{margin:auto;padding:2vmin;width:70vw}.player-list{border:1px solid #eee;border-radius:5px;max-height:300px;overflow-y:auto;padding:10px}@media (max-width:768px){.lobby-panel{width:100%}.game-header{top:calc(var(--navbar-height) - 10vh)}}.share-game-card{background-color:#f0f2f5;border-radius:8px;margin-bottom:20px;padding:15px;text-align:center}.share-game-card h3{color:#333;margin-top:0}.game-id-display{align-items:center;display:flex;gap:10px;justify-content:center;margin-top:10px}.in-progress-game{display:flex;flex-direction:column;height:calc(100vh - var(--navbar-height) - 50px);width:100%}.game-header{align-items:center;background-color:#f0f2f5;border:1px solid #0000000d;border-radius:25px;box-shadow:0 8px 16px #0000001a;display:flex;flex-shrink:0;justify-content:space-between;margin:10px auto;padding:10px 20px;position:-webkit-sticky;position:sticky;top:calc(var(--navbar-height) - 7vh);width:100%;z-index:999}.game-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.game-actions .button{font-size:.8rem;padding:1vh 2vw}.game-content{flex-grow:1;overflow-y:auto;padding:2vmin}.game-main-content{align-items:center;display:flex;flex-direction:row;gap:20px}.player-card-wrapper{flex-shrink:1}@media (min-width:769px){.player-card-wrapper{margin-left:15vw;position:-webkit-sticky;position:sticky;top:calc(var(--navbar-height) + 10vh);z-index:1}.game-main-content{justify-content:flex-start}}.game-actions-and-history{display:flex;flex-direction:column}@media (max-width:768px){.game-actions-and-history{width:100%}}@media (min-width:769px){.game-actions-and-history{flex-grow:1}}@media (max-width:768px){.game-main-content{flex-direction:column;gap:10px}}.given-up-container{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;padding:20px;text-align:center}.given-up-container h1{color:#333;font-size:2.5rem}.given-up-container p{color:#666;font-size:1.2rem;margin-bottom:2rem}.navbar{align-items:center;background-color:#001529;box-shadow:0 2px 8px #00000026;box-sizing:border-box;color:#fff;display:flex;height:var(--navbar-height);justify-content:space-between;left:0;padding:0 3vw;position:fixed;top:0;width:100%;z-index:1000}.navbar-brand{color:#fff;font-size:2vmin;font-weight:700;text-decoration:none}.navbar-links{align-items:center;display:flex}.navbar-links button{margin-left:.8vw}.menu-icon{cursor:pointer;display:none}.menu-icon div{background-color:#fff;height:3px;margin:5px 0;transition:.4s;width:25px}.close-icon{color:#fff;cursor:pointer;display:none;font-size:36px;position:absolute;right:25px;top:20px}@media (max-width:768px){.navbar-brand{font-size:4vmin}.close-icon{display:block}.navbar-links{align-items:center;background-color:#001529;display:none;flex-direction:column;height:100vh;padding-top:60px;position:fixed;right:-250px;top:0;transition:right .3s ease;width:250px}.navbar-links.active{display:flex;right:0}.navbar-links a,.navbar-links button{margin:10px 0;width:80%}.navbar-links a button{margin:0;width:100%}.menu-icon{display:block}}.navbar-logo{height:7rem;margin-top:1rem;width:10rem}.footer{background-color:#f2f2f2;bottom:0;color:#666;left:0;padding:10px 0;position:fixed;text-align:center;width:100%}.footer a{color:#666;text-decoration:none}.footer a:hover{text-decoration:underline}.footer p{margin:0}.transaction-page{align-items:center;display:flex;justify-content:center;min-height:calc(100vh - var(--navbar-height) - 50px);position:relative}.back-button{font-weight:700;top:20px}.back-button,.back-link-button{color:#333;left:20px;position:absolute;text-decoration:none;z-index:1}.back-link-button{background-color:#f0f2f5;border:1px solid #d9d9d9;border-radius:5px;cursor:pointer;display:inline-block;font-size:1.44vmin;margin:.5vh .5vw;padding:1.2vh 2.5vw;text-align:center;top:calc(var(--navbar-height) + 20px);transition:background-color .3s ease,transform .2s ease}.back-link-button:hover{background-color:#e6e6e6}.back-link-button:active{background-color:#d9d9d9}.transaction-panel{max-width:600px;padding:25px;width:80%}.transaction-panel h2{color:#333;margin-bottom:20px;text-align:center}.transaction-panel form{display:flex;flex-direction:column;gap:2rem}.transaction-panel .amount-input{background-color:initial;border:none;font-size:2.5rem;text-align:center}.transaction-panel .amount-input:focus{outline:none}.transaction-panel select{margin-top:2rem}.transaction-panel input,.transaction-panel select{background-color:initial;border:none;border-bottom:2px solid #ccc;color:#333;font-size:1.2rem;padding:10px;width:100%}.transaction-panel input:focus,.transaction-panel select:focus{border-bottom-color:#6a0dad;outline:none}.transaction-button{font-size:1.5rem;padding:15px 30px}@media (max-width:768px){.back-button{font-size:1.2rem}.transaction-panel .amount-input{font-size:2rem}.transaction-panel input,.transaction-panel select{font-size:1rem}.transaction-button{font-size:1.2rem}}.customize-card-container{align-items:center;display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;padding:2rem}.color-pickers{background-color:#f0f2f5;border:1px solid #0000000d;border-radius:25px;box-shadow:0 8px 16px #0000001a;display:flex;flex-direction:column;gap:1rem;padding:2rem;width:20vw}.color-pickers div{align-items:center;display:flex;gap:1rem;justify-content:center}.color-pickers label{font-weight:700}.color-pickers input[type=color]{border:none;cursor:pointer;height:50px;padding:0;width:50px}.card-preview{align-items:center;display:flex;flex-direction:column}@media (max-width:768px){.color-pickers{width:85vw}}.terms-container{margin:0 auto;max-width:800px;padding:2rem;text-align:left}.terms-container h1{border-bottom:1px solid #eee;margin-bottom:1rem;padding-bottom:1rem}.terms-container h2{margin-bottom:1rem;margin-top:2rem}.terms-container h3{margin-bottom:.5rem;margin-top:1.5rem}.terms-container li,.terms-container p{color:#555;line-height:1.6}.terms-container a{text-decoration:none}.contact-container{margin:0 auto;max-width:600px;padding:2rem;text-align:center}.contact-container h1{margin-bottom:1rem}.contact-form{gap:1.5rem;margin-top:2rem;text-align:left}.contact-form,.form-group{display:flex;flex-direction:column}.form-group label{font-weight:700;margin-bottom:.5rem}.form-group input,.form-group textarea{border:1px solid #ccc;border-radius:5px;font-family:inherit;font-size:1rem;padding:10px;width:100%}.contact-info{margin-bottom:2rem;margin-top:3rem;text-align:center}.contact-info a{color:#6a0dad;text-decoration:none}.contact-info a:hover{text-decoration:underline}.how-to-play-container{margin:0 auto;max-width:800px;padding:2rem;text-align:left}.how-to-play-container h1,.how-to-play-container h2{border-bottom:1px solid #eee;margin-bottom:1rem;padding-bottom:1rem}.how-to-play-container section{margin-bottom:2rem}.how-to-play-container li,.how-to-play-container p{color:#555;line-height:1.6}.how-to-play-container ol,.how-to-play-container ul{padding-left:2rem}.how-to-play-back-button{margin-bottom:70px}.leaderboard-page{padding:2rem}.leaderboard-list{flex-direction:column}.leaderboard-entry,.leaderboard-list{align-items:center;display:flex;gap:1.5rem}.leaderboard-entry{max-width:600px;width:100%}.leaderboard-rank{color:#6a0dad;font-size:2rem;font-weight:700}.leaderboard-player-card{flex-grow:1}.game-control-page{align-items:center;display:flex;justify-content:center;text-align:center}.control-panel{background-color:#f0f2f5;border:1px solid #0000000d;border-radius:12px;box-shadow:0 4px 8px #0000000d;max-width:500px;padding:2rem;width:80%}.control-buttons{display:flex;flex-direction:column;gap:1rem;justify-content:center;margin:2rem 0}.control-buttons .button{font-size:1rem;padding:1.5vh 3vw}.back-link{margin-top:1rem}.App{background-color:#fff;flex-grow:1;font-family:Arial,sans-serif;padding-bottom:75px;padding-top:var(--navbar-height);text-align:center}.App-link{color:#1890ff}.page-content{box-sizing:border-box;color:#333;display:flex;flex-direction:column;font-size:1.1rem;min-height:calc(100vh - var(--navbar-height) - 75px)}@media (max-width:768px){.page-content{font-size:1rem}}#root,body,html{height:100%;margin:0;padding:0}html{--navbar-height:60px;font-size:80%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f4f7f6;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6;margin:0}*,:after,:before{box-sizing:border-box}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{display:flex;flex-direction:column}