@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=Inter:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;font-family:Inter,Arial,sans-serif;color:#fff;background:#02152e}*{box-sizing:border-box}body{margin:0;overflow:hidden;background:#02152e url('./river-background.png') center center/cover no-repeat;height:100dvh}body:before{content:'';position:fixed;inset:0;background:linear-gradient(90deg,#03152b80,transparent 35%,transparent 65%,#03152b80);pointer-events:none}button,input,a{font:inherit}button,a,input{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait;opacity:.65}a{color:#76ddff}button:focus-visible,a:focus-visible{outline:3px solid #fff;outline-offset:4px}#river{height:100dvh;position:relative;display:flex;flex-direction:column;align-items:center;padding:clamp(12px,3vh,30px) 20px 16px;overflow:hidden}.topbar{width:100%;display:flex;justify-content:space-between;align-items:center;max-width:1200px;min-height:38px}.site-label{font-size:10px;font-weight:700;letter-spacing:2px;color:#9ae7ff}.logout{background:#b82739;border:1px solid #ff7b87;border-radius:9px;padding:9px 15px;color:white;font-size:12px;font-weight:700}.center{margin:auto 0;text-align:center;width:min(440px,100%)}.brand{display:flex;align-items:center;justify-content:center;gap:14px;margin-bottom:clamp(12px,3vh,30px)}.eyebrow{letter-spacing:2.5px;font-size:10px;color:#7adaff;text-transform:uppercase;font-weight:700}.tagline{font-family:'Barlow Condensed',Arial,sans-serif;font-size:clamp(30px,5vh,44px);line-height:1;margin:14px 0 7px;font-weight:800}.subtitle{font-size:12px;color:#b8d3ea;line-height:1.6;margin:0 0 20px}.actions{display:grid;gap:12px}.action{border-radius:50px;min-height:clamp(52px,8vh,72px);display:flex;align-items:center;padding:0 25px;color:white;border:2px solid #5fe1ff;box-shadow:inset 0 3px 5px #ffffff80,inset 0 -6px 10px #00134380,0 4px 0 #001539,0 0 16px #008cff30;text-decoration:none;font:800 clamp(25px,4vh,33px) 'Barlow Condensed',Arial,sans-serif;letter-spacing:1px;background:linear-gradient(#039dff,#0347c2 60%,#00258b);transition:transform .15s}.action:hover{transform:translateY(-2px)}.action .icon{width:32px;height:32px;margin-right:24px;display:grid;place-items:center}.action .arrow{margin-left:auto;font-family:Arial;font-size:32px;font-weight:400}.reload{background:linear-gradient(#42e821,#09991b 55%,#036a15);border-color:#85ff70}.redeem{background:linear-gradient(#c029ff,#800be2 60%,#43039a);border-color:#d89cff}.play{background:linear-gradient(#fff567,#ffc10b 55%,#ed9500);border-color:#ffe97c;color:#221a00;box-shadow:inset 0 3px 5px #ffffff90,inset 0 -6px 10px #b36f0070,0 4px 0 #654108,0 0 18px #f5cb0020}.account-chip{margin:15px auto 18px;display:inline-flex;gap:10px;align-items:center;padding:9px 18px;border-radius:30px;background:#041c3980;border:1px solid #276083;font-size:11px;color:#9cc3dd}.account-chip b{color:#fff;font-size:12px;letter-spacing:1px}.dot{width:6px;height:6px;background:#60fca9;border-radius:50%;box-shadow:0 0 9px #52ffa6}.tour-link{border:0;background:transparent;color:#a9d3ec;margin-top:20px;font-size:11px;text-decoration:underline;text-underline-offset:4px}.foot{font-size:9px;letter-spacing:1px;color:#77a4c8;display:flex;gap:8px;align-items:center;justify-content:center}.auth-panel,.verification{padding:24px;background:linear-gradient(#06254bee,#04162dee);border:1px solid #307097;border-radius:20px;box-shadow:0 16px 40px #00102899;backdrop-filter:blur(12px)}h2{font:800 30px 'Barlow Condensed',Arial;margin:0 0 15px}.auth-panel form,.form-stack{display:grid;gap:13px;text-align:left}label{display:grid;gap:7px;font-size:11px;color:#aac8e3;text-align:left}input{width:100%;border:1px solid #335777;border-radius:9px;background:#07162d;padding:12px;color:white;font-size:14px}input:focus{outline:2px solid #30bfee}input[type=checkbox]{width:auto}.primary{padding:13px 20px;background:linear-gradient(#069ce7,#0061bf);border:1px solid #4bd9ff;border-radius:10px;color:white;font-weight:700}.text-button{border:0;background:transparent;color:#94dbff;padding:8px;font-size:12px}.auth-switch{display:block;margin:12px auto 0}.error{font-size:12px;line-height:1.5;color:#ffb3b6;min-height:16px;margin:8px 0}.status{font-size:12px;line-height:1.6;color:#c9e5fa}.verification .primary{width:100%;font-size:12px}.mask{position:fixed;inset:0;background:#000b;backdrop-filter:blur(9px);z-index:5;display:grid;place-items:center;padding:18px}.dialog{position:relative;width:min(540px,100%);max-height:90dvh;overflow:auto;background:linear-gradient(#082a4c,#03192f);border:1px solid #4083a9;border-radius:20px;padding:28px;box-shadow:0 20px 80px #0008;text-align:left}.close{position:absolute;right:13px;top:10px;background:transparent;color:#c3d7e5;border:0;font-size:26px}.dialog h2{padding-right:22px}.dialog p{font-size:12px;color:#bdd5e9;line-height:1.6}.credentials{padding:13px;background:#021124;border-radius:10px;font-size:12px;margin:14px 0;word-break:break-word}.credentials b{display:block;color:#7ddaff;margin-bottom:5px}.tabs{display:flex;gap:8px;margin:20px 0 12px}.tabs button{background:#07182d;color:#bad6e9;border:1px solid #31577c;border-radius:8px;padding:9px 13px;font-size:11px}.tabs button.active{background:#07579b;color:#fff}.history{padding:0;list-style:none}.history li{padding:12px 0;border-bottom:1px solid #ffffff18;display:grid;grid-template-columns:1fr auto;gap:6px;font-size:12px}.history small{font-size:10px;color:#87a8c1}.badge{font-size:10px;padding:4px 8px;border-radius:6px;color:#ffe8a0;background:#94701930;text-transform:capitalize}.badge.completed{color:#91efb0;background:#13703850}.badge.failed,.badge.review{color:#ffb3c2;background:#81223850}.tour-step{text-align:center;padding:14px 0}.tour-number{width:64px;height:64px;margin:12px auto;border:1px solid #6adfff;border-radius:50%;display:grid;place-items:center;font:800 36px 'Barlow Condensed';box-shadow:0 0 30px #16bfff50;animation:pulse 2s infinite}.tour-progress{display:flex;justify-content:center;gap:7px;margin:20px}.tour-progress span{width:7px;height:7px;border-radius:50%;background:#346082}.tour-progress span.active{background:#61dbff}.tour-buttons{display:flex;justify-content:space-between;gap:10px}.admin-layout{width:min(1100px,100%);overflow:auto;flex:1;margin:24px 0;background:#031a31ee;border-radius:20px;padding:25px}.admin-layout h1{font:800 36px 'Barlow Condensed'}.admin-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.admin-panel{padding:20px;border:1px solid #284c6c;border-radius:12px}.admin-panel h2{font-size:24px}.admin-table{width:100%;border-collapse:collapse;font-size:12px}.admin-table th,.admin-table td{padding:10px;text-align:left;border-bottom:1px solid #ffffff20}.admin-table button{font-size:11px}.admin-table-wrap{overflow:auto}.check{display:flex;align-items:center}.admin-links{display:flex;gap:15px;margin:15px 0;font-size:12px}@keyframes pulse{50%{box-shadow:0 0 40px #16bfff90;transform:scale(1.04)}}@media(min-width:800px){body{background-size:auto 145%;background-color:#03152e}.center{width:420px}.topbar{padding:0 5px}}@media(max-height:700px){#river{padding-top:10px}.brand{margin-bottom:10px}.tagline{font-size:28px}.subtitle{margin-bottom:12px}.account-chip{margin:8px auto 12px}.actions{gap:9px}.action{min-height:49px;font-size:25px}.tour-link{margin-top:12px}.auth-panel{padding:18px}.auth-panel form{gap:9px}.auth-panel input{padding:10px}.foot{font-size:8px}}@media(max-width:800px){.admin-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* Generated raster branding and polished authentication screens. */
.brand{margin-bottom:18px;position:relative;gap:0}.brand-logo{width:min(380px,100%);height:auto;max-height:170px;object-fit:contain;display:block;filter:drop-shadow(0 6px 14px #0037aa70)}
.raster-icon{display:inline-block;background-image:url('./river-icons-v1.png');background-size:200% 200%;background-repeat:no-repeat;flex-shrink:0}
.icon-account{background-position:0 0}.icon-reload{background-position:100% 0}.icon-redeem{background-position:0 100%}.icon-play{background-position:100% 100%}
.action .icon{width:46px;height:44px;margin-left:-7px;margin-right:19px;filter:drop-shadow(0 2px 3px #0005)}
#river.auth-view .center{width:min(960px,100%);display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:0 60px;align-items:center;text-align:left}
.auth-view .brand{grid-column:1;grid-row:1;align-self:end;margin:0 0 22px;justify-content:flex-start}.auth-view .brand-logo{width:100%;max-height:200px}

.auth-panel{grid-column:2;grid-row:1/span 2;position:relative;isolation:isolate;padding:30px;border:1px solid #57caff80;border-radius:26px;background:radial-gradient(ellipse at 50% 0,#0c5581a0,transparent 60%),linear-gradient(155deg,#062a4eee,#03162aee);box-shadow:inset 0 1px 0 #b9f4ff50,inset 0 -1px 0 #4382c340,0 25px 80px #0009,0 0 40px #13a3ff12;text-align:center;backdrop-filter:blur(20px)}
.auth-panel:before{content:'';position:absolute;left:12%;right:12%;height:2px;top:-1px;background:linear-gradient(90deg,transparent,#7ef9ff,transparent);box-shadow:0 0 20px #00cfff;pointer-events:none}.auth-panel:after{content:'';position:absolute;inset:8px;border:1px solid #afd9ff0b;border-radius:20px;pointer-events:none;z-index:-1}
.auth-tabs{display:grid;grid-template-columns:1fr 1fr;background:#020f23a0;border:1px solid #235475;border-radius:12px;padding:4px;margin-bottom:26px;gap:5px}.auth-tabs button{font-size:10px;font-weight:700;letter-spacing:1.5px;padding:12px 6px;border:1px solid transparent;border-radius:8px;background:transparent;color:#789fb9}.auth-tabs button.selected{background:linear-gradient(#14648c,#073b65);color:#d4f8ff;border-color:#39a4c880;box-shadow:inset 0 1px 0 #a8edff30,0 3px 8px #0005}
.auth-heading .eyebrow{font-size:8px;letter-spacing:2.1px;color:#68d8fc}.auth-heading h2{font-size:36px;line-height:1;letter-spacing:.6px;margin:10px 0 8px;text-shadow:0 2px 0 #003f6b}.auth-heading p{font-size:11px;color:#8cb4d0;line-height:1.5;margin:0 0 24px}.auth-panel form{gap:16px}.auth-panel label{font-size:10px;font-weight:600;letter-spacing:.2px;color:#bad8ed;gap:8px}.input-shell{display:flex;align-items:center;border:1px solid #35617e;border-radius:11px;background:linear-gradient(#031326,#061c33);box-shadow:inset 0 2px 7px #0005,0 1px 0 #aedcff08;position:relative;min-width:0}.input-shell:focus-within{border-color:#57dfff;box-shadow:0 0 0 3px #32c8ff15,inset 0 2px 7px #0004}.auth-panel .input-shell input{background:transparent;border:0;box-shadow:none;border-radius:11px;outline:none;min-width:0;padding:14px 12px;font-size:14px;height:48px;color:#e3f4ff}.auth-panel input::placeholder{color:#597e9c;font-size:12px}.field-symbol{width:40px;flex-shrink:0;font-size:17px;color:#47b4d6;text-align:center;border-right:1px solid #28507180}.auth-panel .input-shell:has(.field-symbol) input{padding-left:11px}.password-fields{display:grid;gap:12px;min-width:0}.password-fields.paired{grid-template-columns:1fr 1fr;gap:10px}.password-toggle{border:0;background:transparent;align-self:stretch;padding:0 12px;color:#7bcced;font-size:8px;letter-spacing:1px;font-weight:700}.password-fields.paired .password-toggle{padding:0 7px;font-size:7px}.password-fields.paired input{padding-right:5px}.auth-panel form .error{margin:0;min-height:0}.auth-panel .error:empty{display:none}.auth-submit{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:6px;padding:14px 20px;border-radius:12px;border:1px solid #ffef94;background:linear-gradient(#fff397,#ffd441 45%,#ffb616);color:#382205;box-shadow:inset 0 2px 0 #fff9,inset 0 -3px 0 #d18b1b50,0 5px 0 #6a4308,0 9px 22px #ffbc2520;font:800 22px/1 'Barlow Condensed',Arial;letter-spacing:1.2px;transition:filter .2s,transform .2s;min-height:54px}.auth-submit:hover{filter:brightness(1.1);transform:translateY(-1px)}.auth-submit>span:last-child{font-family:Arial;font-size:24px}.auth-submit:disabled{opacity:.7}.auth-assurance{display:flex;justify-content:center;align-items:center;gap:7px;font-size:9px;color:#83a9c1;letter-spacing:.2px;margin-top:24px}.assurance-dot{width:5px;height:5px;background:#4ed8cf;border-radius:50%;box-shadow:0 0 7px #4ed8cf80}.auth-switch{margin:20px auto 0;font-size:11px;padding:12px 15px;border:1px solid #2e719555;border-radius:9px;background:#08466e25;color:#a4def7;width:100%;text-decoration:none}.auth-switch:hover{background:#0a476e60;border-color:#50b4d5}.signup-steps{display:flex;justify-content:space-between;gap:5px;border-top:1px solid #4b78942b;padding:11px 0 16px;font-size:8px;letter-spacing:.8px;color:#5e87a3}.signup-steps span{display:flex;align-items:center;gap:6px}.signup-steps b{width:19px;height:19px;border-radius:50%;border:1px solid #345d78;display:grid;place-items:center;font-size:9px;font-weight:600}.signup-steps .current{color:#9eeeff}.signup-steps .current b{background:#0d6686;color:#fff;border-color:#66dfff}.register-panel .auth-tabs{margin-bottom:20px}.register-panel .auth-heading p{margin-bottom:12px}.register-panel form{gap:13px}.register-panel .auth-assurance{margin-top:20px}.register-panel .auth-switch{margin-top:12px}
@media(max-width:900px){#river.auth-view .center{display:flex;flex-direction:column;width:min(420px,100%);gap:0}.auth-view .brand{margin:0 auto 14px;align-self:auto;justify-content:center;width:100%}.auth-view .brand-logo{width:min(335px,100%);max-height:158px}.auth-panel{width:100%;padding:24px}.auth-tabs{margin-bottom:22px}.auth-heading h2{font-size:34px}.auth-panel .input-shell input{font-size:16px}.auth-panel{border-radius:23px}}
@media(max-height:740px) and (max-width:900px){#river.auth-view{padding:8px 14px 10px}.auth-view .topbar{min-height:25px}.auth-view .brand{margin-bottom:8px}.auth-view .brand-logo{max-height:105px;max-width:270px}.auth-panel{padding:18px 22px}.auth-tabs{margin-bottom:16px}.auth-tabs button{padding:9px 5px}.auth-heading h2{font-size:30px;margin-top:7px}.auth-heading p{font-size:10px;margin-bottom:18px}.auth-panel form{gap:12px}.auth-panel .input-shell input{height:42px;padding-top:10px;padding-bottom:10px}.auth-submit{min-height:46px;padding:12px;font-size:20px}.auth-assurance{margin-top:18px;font-size:8px}.auth-switch{padding:9px;margin-top:14px;font-size:10px}.register-panel .auth-tabs{margin-bottom:12px}.register-panel .auth-heading h2{font-size:27px}.register-panel .auth-heading p{margin-bottom:8px}.signup-steps{padding:8px 0 11px;font-size:7px}.signup-steps b{width:17px;height:17px}.register-panel form{gap:9px}.register-panel label{gap:5px}.register-panel .auth-assurance{margin-top:15px}.register-panel .auth-switch{margin-top:10px}.register-panel .input-shell input{height:40px}.register-panel .auth-submit{min-height:43px}}
@media(max-height:700px){.brand-logo{max-height:105px}.action .icon{width:40px;height:38px}}
@media(min-width:901px) and (max-height:740px){.auth-panel{padding:20px 25px}.auth-tabs{margin-bottom:16px}.auth-heading p{margin-bottom:16px}.auth-panel .input-shell input{height:43px}.auth-assurance{margin-top:18px}.auth-switch{margin-top:12px}.auth-view .brand-logo{max-height:155px}}
@media(prefers-reduced-motion:reduce){.auth-submit{transition:none}}
@media(max-width:900px){.auth-panel{padding:20px}.auth-tabs{margin-bottom:18px}.auth-tabs button{padding:9px 5px}.auth-heading h2{font-size:31px}.auth-heading p{font-size:10px;margin-bottom:18px}.auth-panel label{gap:6px}.auth-panel .input-shell input{height:44px}.auth-panel form{gap:12px}.auth-assurance{margin-top:18px}.auth-switch{margin-top:14px;padding:10px}.register-panel .auth-tabs{margin-bottom:14px}.register-panel .auth-heading h2{font-size:29px}.register-panel .auth-heading p{margin-bottom:8px}.signup-steps{padding:8px 0 10px}.register-panel form{gap:10px}.register-panel .auth-submit{min-height:48px;padding:12px;font-size:20px}.register-panel .auth-assurance{margin-top:16px}.register-panel .auth-switch{margin-top:10px}}
@media(max-height:740px) and (max-width:900px){.auth-view .brand-logo{max-height:88px;max-width:250px}.auth-panel{padding:16px 20px}.auth-tabs{margin-bottom:13px}.auth-tabs button{padding:8px 5px}.auth-heading h2{font-size:28px}.auth-heading p{margin-bottom:14px}.auth-panel label{gap:5px}.auth-panel .input-shell input{height:40px}.auth-panel form{gap:10px}.auth-submit{min-height:44px;padding:10px}.auth-switch{margin-top:12px;padding:9px}.register-panel .auth-heading h2{font-size:26px}.register-panel .auth-heading p{font-size:9px}.register-panel .auth-tabs{margin-bottom:10px}.register-panel .input-shell input{height:37px}.register-panel form{gap:8px}.register-panel .auth-submit{min-height:42px;padding:10px}.register-panel .signup-steps{padding:6px 0 9px}.register-panel .auth-assurance{margin-top:13px;font-size:8px}.register-panel .auth-switch{display:none}}
@media(max-height:600px) and (max-width:900px){.auth-view .brand-logo{max-height:68px;max-width:210px}.auth-view .topbar{min-height:20px}.auth-panel{padding:14px 18px}.register-panel .auth-heading p{display:none}.register-panel .auth-heading h2{font-size:24px;margin:8px 0 10px}.register-panel .input-shell input{height:35px}.register-panel .auth-tabs{margin-bottom:8px}}

/* Portrait artwork on phones; full-width generated scenery on desktop. */
body{background-size:cover}
.auth-view .brand{grid-row:1;align-self:center;justify-content:center;margin:0}
.auth-panel{grid-row:1}
.auth-heading h2{margin:0 0 25px}
.register-panel .auth-heading h2{margin:0 0 16px}
.auth-switch{margin-top:24px}
@media(min-width:901px){body{background-image:url('./river-background-wide-v1.png');background-size:cover;background-position:center center}.auth-view .brand-logo{max-height:245px;width:100%}}
@media(max-width:900px){.auth-view .brand{margin:0 auto 14px}.auth-heading h2{margin:0 0 21px}.register-panel .auth-heading h2{margin:0 0 14px}.auth-switch{margin-top:20px}}
@media(max-height:740px) and (max-width:900px){.auth-view .brand{margin-bottom:8px}.auth-heading h2{margin:0 0 17px}.register-panel .auth-heading h2{margin:0 0 12px}.auth-switch{margin-top:16px}}
.river-balances{display:grid;grid-template-columns:1fr 1fr;border:1px solid #48a7d36b;background:linear-gradient(#062f4ccc,#02152ce6);border-radius:14px;padding:12px 14px 7px;gap:7px 10px;box-shadow:inset 0 1px 0 #a8f4ff20}.river-balances>div:nth-child(2){border-left:1px solid #34749670}.river-balances small{display:block;font-size:9px;letter-spacing:1.2px;color:#93c5dd;margin-bottom:4px}.river-balances b{font-size:21px;color:#edfaff}.river-balances>div:nth-child(2) b{color:#b9f1dd}.balance-tools{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:8px;min-height:18px}.balance-status{font-size:9px;color:#acd2e8;text-align:left}.balance-refresh{font-size:9px;color:#8bdaef;border:0;background:transparent;padding:2px 0}.action:disabled{cursor:not-allowed;opacity:.5}.action:disabled:hover{transform:none}
@media(max-height:740px){.river-balances{padding:7px 12px 4px;gap:3px}.river-balances small{font-size:8px;margin-bottom:2px}.river-balances b{font-size:18px}.balance-tools{min-height:15px}.balance-status,.balance-refresh{font-size:8px}.center>.subtitle{margin-bottom:8px}.center>.tagline{margin-top:8px}.center>.brand{margin-bottom:8px}.center>.account-chip{margin:8px auto}.center>.tour-link{margin-top:8px}}
.play-notice{position:fixed;left:50%;bottom:30px;transform:translateX(-50%);z-index:10;width:max-content;max-width:calc(100vw - 32px);padding:13px 18px;background:#052b45f5;border:1px solid #54bfdc;border-radius:12px;box-shadow:0 8px 35px #0009;color:#d9f5ff;text-align:center;font-size:12px;line-height:1.5}
.river-pin-card{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 16px;background:linear-gradient(#053654f0,#02182ff5);border:1px solid #57b4d6;border-radius:13px;text-align:left;box-shadow:inset 0 1px 0 #c8f8ff25,0 4px 15px #0003}.river-pin-card small{display:flex;align-items:center;gap:7px;font-size:9px;font-weight:700;letter-spacing:1.2px;color:#8bcce7;margin-bottom:5px}.river-pin-card b{font:700 clamp(17px,4.6vw,22px)/1.25 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.5px;color:#fff;user-select:all;white-space:nowrap}.copy-river-pin{padding:10px 11px;background:#0c5579;border:1px solid #57b9d9;border-radius:8px;color:#d9f8ff;font-size:9px;letter-spacing:.6px;font-weight:700;min-width:58px;flex-shrink:0}.copy-river-pin:hover{background:#106a92}.copy-river-pin:disabled{opacity:.7}
@media(max-width:900px) and (max-height:740px){.player-view .brand-logo{max-height:72px}.player-view .brand{margin-bottom:6px}.player-view .tagline{font-size:25px;margin:6px 0}.player-view .subtitle{font-size:11px;margin-bottom:8px}.player-view .actions{gap:7px}.player-view .action{min-height:44px;font-size:23px;padding:0 20px}.player-view .action .icon{width:36px;height:34px;margin-right:15px}.river-pin-card{padding:9px 12px}.river-pin-card b{font-size:18px}.river-pin-card small{font-size:8px;margin-bottom:3px}.copy-river-pin{padding:9px;font-size:8px;min-width:52px}.player-view .tour-link{margin-top:12px;font-size:10px}}
@media(max-width:900px) and (max-height:600px){.player-view .center>.eyebrow,.player-view .center>.subtitle{display:none}.player-view .brand-logo{max-height:60px}.player-view .tagline{font-size:23px}.player-view .tour-link{margin-top:10px}.player-view .river-balances{padding:6px 12px 3px}.player-view .river-pin-card b{font-size:16px;letter-spacing:0}.player-view .river-pin-card{padding:8px 10px}}
@media(min-height:741px){.player-view .brand-logo{max-height:clamp(90px,12vh,145px)}.player-view .brand{margin-bottom:10px}.player-view .tagline{font-size:clamp(28px,4vh,38px);margin:8px 0 6px}.player-view .subtitle{margin-bottom:12px}.player-view .actions{gap:9px}.player-view .action{min-height:clamp(48px,6.5vh,68px)}.player-view .river-pin-card{padding:9px 14px}.player-view .river-balances{padding:9px 14px 5px}.player-view .tour-link{margin-top:14px}}

/* Disable double-tap zoom on every portal view; preserve panning and pinch zoom. */
html{touch-action:manipulation}

.admin-links{flex-wrap:wrap;align-items:center}.admin-links .text-button{padding:0;font-size:12px;text-decoration:underline;text-underline-offset:3px}

.setup-countdown b{display:inline-block;color:#9aeaff;font-size:22px;min-width:28px;font-variant-numeric:tabular-nums}

select{font:inherit;width:100%;background:#07162d;color:white;border:1px solid #335777;border-radius:9px;padding:12px}

[hidden]{display:none!important}.admin-tabs{position:sticky;top:0;z-index:2;background:#031a31;padding:12px 0;margin:0 0 20px;border-bottom:1px solid #31577c}.admin-tabs button{font-size:14px;flex:1;padding:12px}.admin-layout [data-admin-panel]{min-width:0}

/* Multi-system player layout */
.system-selector{display:flex;gap:12px;overflow-x:auto;padding:8px 2px 12px;min-height:12px;scroll-snap-type:x mandatory}
.system-logo{flex:0 0 60px;width:60px;height:60px;border-radius:50%;padding:3px;border:2px solid #776241;background:#151515;overflow:hidden;scroll-snap-align:start}
.system-logo.selected{border-color:#ffdb78;box-shadow:0 0 12px #dca94a66}.system-logo img{width:100%;height:100%;border-radius:50%;object-fit:cover}
.system-card{border:1px solid #8c7347;border-radius:16px;padding:18px;background:#100f13e8}.system-card .action{margin-top:10px;width:100%}.system-card h2{font-size:22px}
.add-system{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:10px 0}.add-system small{display:block;font-size:12px;color:#b9ac99}.add-system button{min-width:44px;font-size:24px;padding:5px 12px}.add-systems{margin:20px 0}
.player-view .brand-logo{max-height:100px;object-fit:contain}.player-view .tagline,.player-view .subtitle,.player-view .tour-link,.player-view .eyebrow{display:none}.player-view .center{padding-top:8px}.player-view .actions{gap:9px}.player-view .action{min-height:54px}.player-view .river-pin-card{padding:12px 16px}.player-view .river-balances{padding:12px 16px}
.player-view .action{font-size:25px;line-height:1.1;white-space:nowrap;padding-top:9px;padding-bottom:9px}.player-view .system-card .credentials{padding:12px}.player-view .system-card .credentials p{margin:6px 0}.player-view .system-card{padding:14px}.player-view .system-card h2{margin:4px 0 12px}.player-view .brand{margin-bottom:12px}
@media(max-height:740px){.player-view .brand-logo{max-height:65px}.player-view .brand{margin:6px auto}.player-view .system-logo{width:48px;height:48px;flex-basis:48px}.player-view .action{min-height:46px;font-size:23px}.player-view .topbar{padding-top:12px;padding-bottom:8px}.player-view .system-card{padding:10px}.player-view .foot{padding:10px}}
/* Big Rock: offshore bluefin, midnight ocean, and warm gold. */
:root{background:#031322;color:#f7f7f2;--br-gold:#e9c56d;--br-muted:#9ab4c6}
body{background:#031322 url('./bigrock-ocean-background-v1.png') center/cover no-repeat fixed}
body:before{background:linear-gradient(90deg,#010b1870,transparent 30%,transparent 70%,#010b1870)}
a,.eyebrow,.site-label{color:#e9c56d}.site-label{letter-spacing:2.4px}.foot{color:#b7a77c;font-size:8px}
.brand-logo{filter:drop-shadow(0 6px 18px #0009);width:min(350px,100%);max-height:180px}.auth-view .brand-logo{max-height:250px}
.logout{background:#071d30c9;border-color:#b59b5a80;color:#f4e1b4;border-radius:8px;font-size:10px;letter-spacing:1px;padding:10px 14px}
.auth-panel,.verification,.dialog{background:linear-gradient(150deg,#0b2a40f5,#031322f8);border-color:#c6a25780;box-shadow:inset 0 1px 0 #f9de9c18,0 20px 70px #0009}
.auth-panel:before{background:linear-gradient(90deg,transparent,#e9c56d,transparent);box-shadow:0 0 20px #e9c56d30}.auth-panel:after{border-color:#e9c56d0c}.auth-heading h2{text-shadow:none;letter-spacing:1px;color:#fff2ce}
.auth-tabs{background:#020e1baa;border-color:#a28c4e55}.auth-tabs button{color:#a4b7c5}.auth-tabs button.selected{background:linear-gradient(#29445a,#132d40);border-color:#c6a25780;color:#ffdfa0;box-shadow:inset 0 1px 0 #ffe2a52b}
.auth-panel label,label{color:#bbccd8}.input-shell,.auth-panel .input-shell,input{background:#041221;border-color:#466072;box-shadow:none}.input-shell:focus-within{border-color:#e9c56d;box-shadow:0 0 0 3px #e9c56d15}.field-symbol{color:#e9c56d;border-color:#b79c5a40}.password-toggle{color:#e9c56d}.auth-panel input::placeholder{color:#6d8ba1}
.primary,.auth-submit{background:linear-gradient(135deg,#f4db97,#d4ac51);border-color:#f2d98f;color:#1d1a10;box-shadow:inset 0 1px 0 #fff5,0 4px 14px #0003;font-weight:700}.auth-submit{font-family:'Barlow Condensed',Arial,sans-serif}.auth-switch,.text-button{color:#ead098}.auth-switch{background:#152d3e80;border-color:#997e4240}.auth-switch:hover{background:#243c4e;border-color:#c6a257}
.signup-steps .current{color:#ecd298}.signup-steps .current b{background:#51462b;border-color:#e9c56d}.signup-steps{border-color:#7d8d9730}.signup-steps span{color:#96adbd}
.action{background:linear-gradient(120deg,#183d55,#0b253b);border:1px solid #c8a76280;border-radius:13px;box-shadow:inset 0 1px 0 #fff2,0 4px 14px #0005;font-family:'Barlow Condensed',Arial,sans-serif;letter-spacing:1.3px;color:#f7e9c6}.action .icon{color:#e9c56d;width:25px;height:25px;margin-right:18px}.icon svg{width:100%;height:100%}.action .arrow{font-size:24px;color:#e9c56d}
.action.reload{background:linear-gradient(120deg,#0c514f,#083d44);border-color:#53a9a485}.action.redeem{background:linear-gradient(120deg,#183d55,#102b43);border-color:#7194ac80}.action.play{background:linear-gradient(120deg,#f3d58a,#c79d42);border-color:#ffe2a0;color:#201b10;box-shadow:inset 0 1px 0 #fff5,0 4px 14px #0005}.action.play .icon,.action.play .arrow{color:#201b10}
.system-card{background:linear-gradient(155deg,#09253be8,#041321ee);border-color:#b99a5370;border-radius:17px}.system-card h2{color:#f0d493;font-size:22px}.credentials,.river-pin-card,.river-balances{background:#020e1bc9;border-color:#3f607b80;color:#e6eef4}.credentials b,.river-pin-card small,.river-balances small{color:#c6ad75}.river-pin-card b{color:#fff2cd}.credentials{border:1px solid #c7a25225;border-radius:10px}.system-logo{background:#051a2b;border-color:#71838b}.system-logo.selected{border-color:#f1cd78;box-shadow:0 0 0 3px #d4ac5120,0 0 14px #d4ac5120}.balance-refresh,.copy-river-pin{color:#e9c56d;border-color:#c6a25780;background:#172b3c}
.tabs button{background:#061727;border-color:#6c7e8755;color:#a9bfce}.tabs button.active{background:#24445b;border-color:#ceab60;color:#f7d893}.dialog p{color:#b5c9d7}.history small{color:#9ab3c5}.history li{border-color:#bcc9d118}.dialog h2,.dialog h3{color:#f2d797}.close{color:#f4dfae}
.account-dialog{height:min(650px,90dvh);display:flex;flex-direction:column;overflow:hidden;padding:26px;gap:0}.account-dialog>.eyebrow{flex:none}.account-dialog>h2{margin:8px 0 4px;flex:none}.account-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:16px 0 20px;flex:none}.account-tabs button{font-size:13px;padding:11px 6px;border-radius:8px}.account-panels{flex:1;min-height:0;display:flex;flex-direction:column}.account-panels>[role=tabpanel]{overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#b7a06b #061827;min-height:0;flex:1;padding-right:8px}.account-panels>[hidden]{display:none}.account-panels h3{margin:0 0 8px;font-size:17px}.account-panels .add-systems{margin:24px 0}.account-panels .credentials{margin-top:18px;padding:14px}.account-panels .credentials b{display:block;margin-bottom:8px;font-size:10px;letter-spacing:1.2px}.account-panels .history{margin:0}.account-panels #profile{margin:18px 0 8px}.account-panels .add-system{padding:8px 0}.account-panels .add-system .primary{font-size:22px}
@media(max-width:600px){.account-dialog{padding:22px 18px;height:min(660px,92dvh)}.account-tabs{margin-bottom:16px}.player-view .brand-logo{max-height:110px}}
@media(max-height:740px){.player-view .brand-logo{max-height:72px}.account-dialog{height:92dvh}.player-view .system-card .credentials{padding:9px}.player-view .system-card p{margin:10px 0}.player-view .center{padding-top:0}.player-view .foot{font-size:7px}}

.topbar .logout{margin-left:auto}
/* A consistent framed card and page indicators for each attached system. */
.player-view .game-card{display:grid;gap:9px;padding:12px;border:1px solid #d3b36c99;box-shadow:inset 0 1px 0 #f7db9625,0 8px 26px #0005;background:linear-gradient(155deg,#0c2b43f5,#031321f5);overflow:hidden}
.system-banner{display:flex;align-items:center;justify-content:center;gap:14px;min-height:64px;padding:0 4px 10px;border-bottom:1px solid #d3b36c40;margin-bottom:2px}
.system-banner img{height:54px;width:66px;object-fit:contain;border-radius:7px}.system-banner span{font:700 23px/1.1 'Barlow Condensed',Arial,sans-serif;color:#f1d797;letter-spacing:.5px}.system-banner.river-banner img{width:180px;height:60px;max-width:80%;border-radius:0}
.player-view .game-card .action{width:100%;margin:0;min-height:48px;font-size:24px}.player-view .game-card .river-pin-card,.player-view .game-card .river-balances{margin:0;padding:11px 13px}.player-view .game-card .credentials{margin:0;padding:11px}.player-view .game-card p{margin:7px 0;font-size:12px}
.system-pagination{display:flex;justify-content:center;align-items:center;gap:2px;flex-wrap:wrap;margin:0;min-height:28px}.system-page{display:grid;place-items:center;width:30px;height:28px;background:transparent;border:0;padding:0;border-radius:8px}.system-page span{width:9px;height:9px;border-radius:50%;border:1px solid #ebca7c;background:transparent;transition:background .15s,box-shadow .15s}.system-page.selected span{background:#ebca7c;box-shadow:0 0 9px #ebca7c55}.system-page:hover span{border-color:white}
@media(max-height:740px){.player-view .brand-logo{max-height:58px}.player-view .game-card{padding:9px;gap:7px}.system-banner{min-height:44px;padding-bottom:6px;gap:10px}.system-banner img{height:38px;width:48px}.system-banner.river-banner img{height:42px;width:145px}.system-banner span{font-size:21px}.player-view .game-card .action{min-height:42px;font-size:22px}.player-view .game-card .river-pin-card,.player-view .game-card .river-balances{padding:9px 11px}.player-view .system-selector{padding:4px 2px 7px}.player-view .actions{gap:7px}}
.game-systems-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin:22px 0}.admin-system{min-width:0;border:1px solid #b99a5360;border-radius:16px;background:#051928e8;padding:22px}.admin-system>header{display:flex;gap:14px;align-items:center;margin-bottom:20px}.admin-system>header img{width:52px;height:52px;object-fit:cover;border-radius:10px}.admin-system h3{color:#f0d493;margin:0 0 5px;font-size:23px}.admin-system small{color:#9ab4c6;font-size:11px}.admin-system h4{color:#e7c780;margin:4px 0 10px}.system-provider{border-top:1px solid #b99a5335;margin-top:20px;padding-top:20px}.system-provider .admin-panel{border:0;padding:0;background:none;box-shadow:none}.system-provider h2{font-size:21px}.admin-tabs{flex-wrap:wrap}
@media(max-width:800px){.game-systems-grid{grid-template-columns:1fr}.admin-system{padding:18px}}

/* Simple Tierlock reload sheet. */
.reload-dialog{width:min(540px,100%);padding:clamp(24px,6vw,42px);border:1px solid #35c5ec;border-radius:26px;background:linear-gradient(145deg,#072d4bea,#02182eee);box-shadow:inset 0 0 0 1px #7de5ff18,0 20px 80px #0009}
.reload-dialog .eyebrow{display:block;color:#36dfec;font-size:clamp(10px,2.8vw,13px);letter-spacing:3px;padding-right:20px;overflow-wrap:anywhere}
.reload-dialog h2{font-size:clamp(30px,7.5vw,40px);line-height:1.1;margin:12px 0 26px}
.reload-dialog>p:not(.reload-secure-footer){font-size:clamp(15px,3.8vw,18px);line-height:1.5;margin:0;color:#e1e9f1}
.reload-dialog .form-stack{margin-top:clamp(32px,7dvh,76px);gap:0}
.reload-dialog label{font-size:16px;gap:10px;color:#dce4ee}
.reload-dialog input{font-size:20px;padding:16px;border-radius:14px;background:#06182bbf;border-color:#47769c}
.reload-dialog .primary{margin-top:28px;padding:18px 12px;font-size:clamp(17px,4.5vw,23px);border-radius:15px;border-color:#35d9f7;background:linear-gradient(#00acff,#0064eb);box-shadow:inset 0 1px 2px #7defff60}
.reload-dialog .error:empty{display:none}
.reload-dialog .reload-secure-footer{display:flex;justify-content:center;align-items:center;gap:8px;font-size:clamp(11px,3vw,15px);color:#dce4ee;margin:18px 0 4px;line-height:1.5;text-align:center}
.reload-dialog .close{top:18px;right:22px;font-size:32px}
@media(max-height:650px){.reload-dialog{padding:22px}.reload-dialog h2{margin:10px 0 14px}.reload-dialog .form-stack{margin-top:24px}.reload-dialog input{padding:12px}.reload-dialog .primary{margin-top:18px;padding:14px}.reload-dialog .reload-secure-footer{margin-top:14px}}

.redeem-dialog .form-stack{margin-top:12px}
.redeem-dialog #wins{margin-top:26px;font-size:16px}
.redeem-dialog #wins+.text-button{padding:10px 0 4px;font-size:16px;color:#7ce8ff;text-align:left}
.redeem-dialog .redeem-minimum{font-size:15px;line-height:1.5;color:#dce4ee;margin:16px 0 0}
.redeem-dialog .primary{margin-top:22px}
@media(max-height:700px){.redeem-dialog{padding:22px}.redeem-dialog h2{margin:10px 0 16px;font-size:30px}.redeem-dialog>p:not(.reload-secure-footer){font-size:14px}.redeem-dialog #wins{margin-top:16px}.redeem-dialog #wins+.text-button{font-size:14px;padding:8px 0 2px}.redeem-dialog .form-stack{margin-top:8px}.redeem-dialog input{padding:12px;font-size:18px}.redeem-dialog .redeem-minimum{font-size:13px;margin-top:12px}.redeem-dialog .primary{margin-top:16px;padding:14px}.redeem-dialog .reload-secure-footer{margin-top:14px}}

.player-view .tour-link{display:inline-flex;align-items:center;justify-content:center;min-height:42px;margin-top:12px;padding:10px 18px;border:1px solid #66dfff;border-radius:24px;background:#03213aeb;color:#fff;font-size:14px;font-weight:700;text-decoration:none;box-shadow:0 3px 12px #00152f88}
.player-view .tour-link:hover{background:#08476b;border-color:#c2f7ff}
.player-view .tour-link:focus-visible{outline:3px solid #fff;outline-offset:3px}
@media(max-height:740px){.player-view .tour-link{min-height:36px;margin-top:8px;padding:7px 14px;font-size:13px}}
/* Keep the official game wordmarks intact inside circular selectors. */
.system-logo img{object-fit:contain}

/* Independent copies of River action styles and icon artwork. */
.player-view .game-card .action.reload{background:linear-gradient(#42e821,#09991b 55%,#036a15);border-color:#85ff70}
.player-view .game-card .action.redeem{background:linear-gradient(#c029ff,#800be2 60%,#43039a);border-color:#d89cff}
.player-view .game-card .action.play{background:linear-gradient(#fff567,#ffc10b 55%,#ed9500);border-color:#ffe97c;color:#221a00;box-shadow:inset 0 3px 5px #ffffff90,inset 0 -6px 10px #b36f0070,0 4px 0 #654108,0 0 18px #f5cb0020}
.player-view .game-card .action{border-radius:50px;border-width:2px;box-shadow:inset 0 3px 5px #ffffff80,inset 0 -6px 10px #00134380,0 4px 0 #001539,0 0 16px #008cff30;padding:0 20px;letter-spacing:1px;color:white}
.player-view .game-card .action.play{color:#221a00;box-shadow:inset 0 3px 5px #ffffff90,inset 0 -6px 10px #b36f0070,0 4px 0 #654108,0 0 18px #f5cb0020}
.raster-icon{display:inline-block;background-image:url('./river-action-icons-v1.png');background-size:200% 200%;background-repeat:no-repeat;flex-shrink:0}
.icon-account{background-position:0 0}.icon-reload{background-position:100% 0}.icon-redeem{background-position:0 100%}.icon-play{background-position:100% 100%}
.player-view .game-card .action .icon{width:38px;height:36px;margin-left:-5px;margin-right:17px;filter:drop-shadow(0 2px 3px #0005)}
.player-view .game-card .action .arrow{color:inherit}
/* The generated image supplies the complete Account button face. */
.player-view .action.account{position:relative;background:transparent url('./bigrock-account-button-v1.png') center/100% auto no-repeat;border:0;border-radius:16px;box-shadow:none;min-height:0;height:auto;aspect-ratio:5.25;padding:0;font-size:0;color:transparent;overflow:hidden}
.player-view .action.account .icon,.player-view .action.account .arrow{display:none}
/* Artwork follows the content height; center remains a live accessible panel. */
.player-view .game-card{position:relative;isolation:isolate;border:0;border-radius:22px;padding:28px 35px;background:transparent;box-shadow:none;overflow:visible;gap:10px}
.player-view .game-card:before{content:'';position:absolute;inset:0;border:18px solid transparent;border-image:url('./bigrock-card-frame-v1.png') 100 stretch;pointer-events:none;z-index:2}
.player-view .game-card:after{content:'';position:absolute;inset:13px;border-radius:20px;background:linear-gradient(155deg,#0c2b43f5,#031321f5);pointer-events:none;z-index:-1}
.player-view .game-card #setup-retry-error:empty{display:none}
@media(max-height:740px){.player-view .game-card{padding:24px 30px;gap:8px}.player-view .game-card .action{min-height:42px}.player-view .game-card .action .icon{width:32px;height:30px}}
/* Generated ocean artwork anchors the account panel; controls remain live HTML. */
.account-dialog{background:linear-gradient(#03132128,#020d1a88),url('./bigrock-account-panel-v1.png') center/cover;border:1px solid #d8ba7199;border-radius:24px;box-shadow:inset 0 0 0 4px #04172a, inset 0 0 0 5px #b29a512e,0 24px 90px #000b;padding:28px}
.account-modal-heading{display:flex;align-items:center;gap:16px;padding:0 28px 18px 0;flex:none;border-bottom:1px solid #b9a46538}
.account-modal-heading img{width:85px;height:68px;object-fit:contain;filter:drop-shadow(0 3px 7px #0008)}
.account-modal-heading .eyebrow{font-size:9px;letter-spacing:2px;color:#c4cfd7}
.account-modal-heading h2{font-size:30px;margin:6px 0 0;padding:0;color:#f7e3ad}
.account-dialog .close{top:17px;right:17px;width:32px;height:32px;border-radius:50%;border:1px solid #d3b87566;background:#031321b8;line-height:1;font-size:24px}
.account-dialog .account-tabs{background:#020e1bcc;border:1px solid #64869b4d;padding:5px;gap:4px;border-radius:14px;margin:18px 0}
.account-dialog .account-tabs button{border:1px solid transparent;background:transparent;color:#adc3d2;border-radius:9px;font-size:13px;padding:11px 5px}
.account-dialog .account-tabs button.active{background:linear-gradient(135deg,#f0d797,#c5a04c);border-color:#ffe9b0;color:#18202a;font-weight:700;box-shadow:0 2px 9px #0005}
.account-dialog .account-panels h3{color:#f3dfaf;font-size:16px}
.account-dialog .account-panels .credentials{padding:17px;border:1px solid #c8ad613d;border-radius:14px;background:linear-gradient(130deg,#0d2e44d9,#020d1aeb);box-shadow:inset 0 1px 0 #ffffff09}
.account-dialog .credentials b{color:#e4c77d;font-size:10px}
.account-dialog #profile{padding:16px;border:1px solid #59768b45;border-radius:14px;background:#020f1d85;gap:12px}
.account-dialog #profile input{background:#020e1ccc;border-color:#57788b88;border-radius:9px;padding:11px 12px}
.account-dialog #profile label{font-size:11px;color:#bdced9}
.account-dialog #profile .primary{background:linear-gradient(#efd490,#bd9542);border-color:#ffe6ac;color:#18202a;font-size:13px;box-shadow:inset 0 1px 0 #fff5}
.account-dialog .add-systems{padding:16px 0;border-top:1px solid #9bb4c425;border-bottom:1px solid #9bb4c425;margin:20px 0}
.account-dialog .history li{padding:15px 10px;border-bottom:1px solid #9fbad524;background:#03142466}
.account-dialog .history li:nth-child(even){background:#10304855}
@media(max-width:600px){.account-dialog{padding:24px 20px}.account-modal-heading{gap:10px}.account-modal-heading img{width:68px;height:57px}.account-modal-heading h2{font-size:26px}.account-dialog #profile{padding:13px}}