*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:#f6f7f9 url(/portal-background.jpeg) no-repeat 50% fixed;background-size:cover;color:#1c1e21;min-height:100vh}a{color:#1554d1;text-decoration:none}a:hover{text-decoration:underline}button{background:#1554d1;color:#fff;border:none;padding:.75rem 1rem;border-radius:8px;font-size:1rem;cursor:pointer}button:disabled{opacity:.6;cursor:not-allowed}.button-link.secondary,button.secondary{background:transparent;color:#1554d1;border:1px solid #1554d1}.button-link{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1rem;border-radius:8px;font-size:1rem}.button-link,.button-link:hover{text-decoration:none}.auth-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem}.card{background:#fff;border-radius:12px;box-shadow:0 4px 24px rgba(0,0,0,.06);padding:1.5rem;width:100%;max-width:420px}.card>h1{margin-top:0}.muted{color:#58606a;font-size:.95rem}form.stacked{gap:.75rem}form.stacked,form.stacked label{display:flex;flex-direction:column}form.stacked label{gap:.25rem;font-size:.9rem;color:#333}form.stacked input,form.stacked select{padding:.65rem .75rem;font-size:1rem;border:1px solid #cfd3d8;border-radius:8px;background:#fff}form.stacked input:focus{outline:2px solid #1554d1;outline-offset:1px;border-color:transparent}.password-input{position:relative;display:block}.password-input>input{width:100%;padding-right:2.75rem}.password-toggle{position:absolute;right:.4rem;top:50%;transform:translateY(-50%);background:transparent;border:none;color:#58606a;cursor:pointer;padding:.25rem .5rem;font-size:1.1rem;line-height:1;border-radius:6px}.password-toggle:hover{background:#eef1f6}.password-toggle:focus-visible{outline:2px solid #1554d1;outline-offset:1px}.error{color:#b1251b;background:#fee7e4}.error,.notice{padding:.6rem .75rem;border-radius:6px;margin:0;font-size:.9rem}.notice{color:#305b19;background:#dff5d4}.top-bar{background:#fff;border-bottom:1px solid #e6e8ec;padding:.75rem 1rem;position:-webkit-sticky;position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;z-index:10}.top-bar .top-bar-left{display:flex;align-items:center;gap:1rem}.top-bar .account-id{background:transparent;border:none;padding:.25rem .5rem;border-radius:6px;color:#5b6472;font-size:.9rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.02em;cursor:pointer}.top-bar .account-id:hover{background:#eef1f6;color:#1c1e21}.top-bar .account-id:focus-visible{outline:2px solid #1554d1;outline-offset:1px}.top-bar .balance{font-weight:600;font-size:1.05rem}.top-bar .top-nav{display:flex;align-items:center;gap:.75rem;font-size:.9rem}.top-bar .top-nav .nav-link{color:#2d6cdf;text-decoration:none}.top-bar .top-nav .nav-link:hover{text-decoration:underline}.top-bar-menu{position:relative}.top-bar-menu-toggle{background:transparent;color:#1c1e21;border:1px solid #cfd3d8;padding:.35rem .65rem;border-radius:8px;font-size:1.15rem;line-height:1;cursor:pointer}.top-bar-menu-toggle:hover{background:#eef1f6}.top-bar-menu-toggle:focus-visible{outline:2px solid #1554d1;outline-offset:1px}.top-bar-menu-panel{position:absolute;top:calc(100% + .35rem);right:0;min-width:12rem;background:#fff;border:1px solid #e6e8ec;border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,.12);padding:.25rem;display:flex;flex-direction:column;z-index:50}.top-bar-menu-item{padding:.5rem .75rem;border-radius:6px;color:#1c1e21;text-decoration:none;font-size:.95rem}.top-bar-menu-item:hover{background:#eef1f6;text-decoration:none}.container{max-width:720px;margin:0 auto;padding:1rem}.tile-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));grid-gap:.75rem;gap:.75rem;margin-top:1rem}.tile{background:#fff;border-radius:12px;padding:1rem;box-shadow:0 2px 12px rgba(0,0,0,.05);display:flex;flex-direction:column;gap:.5rem;align-items:flex-start}.tile h3{margin:0;font-size:1rem}.game-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));grid-gap:.75rem;gap:.75rem;margin-top:1rem}.game-tile{margin:0}.game-tile-button{width:100%;padding:0;border:none;background:#fff;border-radius:12px;box-shadow:0 2px 12px rgba(0,0,0,.05);overflow:hidden;cursor:pointer;display:flex;flex-direction:column;transition:transform .1s ease,box-shadow .1s ease;font:inherit;color:inherit}.game-tile-button:hover{transform:translateY(-2px);box-shadow:0 4px 16px rgba(0,0,0,.1)}.game-tile-button:active{transform:translateY(0)}.game-tile-art{width:100%;aspect-ratio:1/1;background:#f0f2f5;display:flex;align-items:center;justify-content:center;overflow:hidden}.game-tile-art img{width:100%;height:100%;object-fit:cover;display:block}.game-tile-placeholder{font-size:2.5rem;font-weight:700;color:#a0a4ab}.game-tile-label{padding:.5rem .75rem;font-size:.9rem;font-weight:500;text-align:center;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}table.activity{width:100%;border-collapse:collapse;margin-top:1rem;background:#fff;border-radius:12px;overflow:hidden}table.activity td,table.activity th{text-align:left;padding:.5rem .75rem;border-bottom:1px solid #e6e8ec;font-size:.9rem}table.activity th{background:#f0f2f5;font-weight:600}.pager{display:flex;gap:.5rem;margin-top:.75rem;align-items:center}.pager .spacer{flex:1 1}.qr-modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.55);display:flex;align-items:center;justify-content:center;padding:1rem;z-index:100}.qr-modal{background:#fff;border-radius:12px;padding:1.5rem;width:100%;max-width:380px;text-align:center;box-shadow:0 12px 48px rgba(0,0,0,.2)}.qr-modal-title{margin:0 0 .5rem;font-size:1.1rem}.qr-modal-account-id{margin:0 0 1rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:1.15rem;letter-spacing:.03em;color:#1c1e21}.qr-modal-image{display:flex;align-items:center;justify-content:center;min-height:320px}.qr-modal-image img{width:100%;height:auto;max-width:320px;image-rendering:pixelated}.qr-modal-hint{margin:1rem 0}.qr-modal-close{width:100%}.language-menu-item{background:transparent;border:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;width:100%;text-align:left;color:#1c1e21;font-size:.95rem;font-family:inherit}.language-menu-item-current{color:#58606a;font-size:.85rem}.language-modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.55);display:flex;align-items:center;justify-content:center;padding:1rem;z-index:100}.language-modal{background:#fff;border-radius:12px;padding:1.5rem;width:100%;max-width:380px;box-shadow:0 12px 48px rgba(0,0,0,.2)}.language-modal-title{margin:0 0 .5rem;font-size:1.1rem}.language-modal-select{display:flex;flex-direction:column;gap:.35rem;margin:1rem 0;font-size:.9rem;color:#333}.language-modal-select select{padding:.65rem .75rem;font-size:1rem;border:1px solid #cfd3d8;border-radius:8px;background:#fff}.language-modal-actions{display:flex;gap:.5rem}.language-modal-actions>button{flex:1 1}.cashout-active{display:flex;flex-direction:column;gap:1rem}.cashout-details{display:grid;grid-template-columns:max-content 1fr;grid-gap:.4rem 1rem;gap:.4rem 1rem;margin:0;font-size:.95rem}.cashout-details dt{color:#58606a}.cashout-details dd{margin:0;font-weight:500}.cashout-form-actions{display:flex;gap:.5rem;align-items:stretch}.cashout-form-actions>.button-link,.cashout-form-actions>button{flex:1 1}