:host{color-scheme:dark;font-family:Inter,Arial,sans-serif;color:#f7f8fb;-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}button{font:inherit;touch-action:manipulation}button:disabled{cursor:default}h1,h2,p,dl,dd{margin:0}
.result-screen{height:100vh;height:100dvh;max-width:1060px;margin:auto;padding:calc(24px + env(safe-area-inset-top)) max(28px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(28px,env(safe-area-inset-left));display:flex;flex-direction:column;justify-content:center;gap:18px;overflow:auto}
header{display:flex;align-items:center;justify-content:space-between;flex:none}header img{width:150px;height:42px;object-fit:contain}header>span{font-size:9px;letter-spacing:.17em;color:#828a9b}
.card{display:grid;grid-template-columns:1fr 1.08fr;flex:none;border:1px solid #303440;border-radius:26px;overflow:hidden;background:var(--tenant-surface,#191c23);box-shadow:0 30px 90px #0003;transform:translateY(16px) scale(.985);transition:transform 440ms cubic-bezier(.18,.7,.2,1)}
:host([data-visible=true]) .card{transform:translateY(0) scale(1)}
.identity{position:relative;min-height:0;background:#232936;overflow:hidden}.banner{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.identity:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0c131df5,transparent 75%)}
.caption{position:absolute;z-index:1;bottom:32px;left:28px;right:24px}.category{font-size:10px;font-weight:600;letter-spacing:.12em;color:#a4fbd2}.game-name{font-size:36px;line-height:1.07;letter-spacing:-.045em;margin-top:10px}.game-caption{display:block;margin-top:12px;font-size:11px;color:#abb8c9}
.content{padding:30px;display:flex;flex-direction:column;gap:14px}.status-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.result-badge{display:inline-flex;align-items:center;gap:6px;font-size:8px;font-weight:750;letter-spacing:.08em;color:#abc0d6}.result-badge svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;border:1px solid #65788e66;border-radius:50%;padding:3px}.wallet-mode{font-size:8px;color:#9aa4b5;letter-spacing:.08em}
h1{font-size:30px;letter-spacing:-.045em;line-height:1.12;font-weight:700;outline:0}.message{color:#a8b2c3;font-size:12px;line-height:1.55;max-width:34em}
.amount-card{border:1px solid #343c49;border-radius:16px;background:#11171f;padding:19px;display:flex;flex-direction:column;gap:7px}.amount-label{color:#9cabbf;font-size:9px;letter-spacing:.14em}.amount{font-size:42px;letter-spacing:-.055em;line-height:1.1;color:#eef3fb;font-variant-numeric:tabular-nums}.amount-note{font-size:10px;color:#8d9cae;line-height:1.35}
:host([data-outcome=win]) .result-badge{color:#7ff4ba}:host([data-outcome=win]) .result-badge svg{border-color:#7ff4ba66}:host([data-outcome=win]) .amount-card{border-color:#65f3b238;background:linear-gradient(130deg,#142b24,#131c22)}:host([data-outcome=win]) .amount{color:#8bf5c7}
:host([data-outcome=pending]) .amount{color:#99a5b8}:host([data-outcome=rejected]) .result-badge{color:#f1bd8b}
.details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:2px 2px 9px;border-bottom:1px solid #313642}.details dt{font-size:10px;color:#919eb1}.details dd{font-size:15px;font-weight:600;margin-top:5px;color:#dbe5f2;font-variant-numeric:tabular-nums}
.demo-notice{font-size:10px;line-height:1.45;color:#d3bd91;background:#d5b16b0c;border:1px solid #d5b16b20;border-radius:9px;padding:9px 11px}
.actions{display:grid;grid-template-columns:1fr;gap:8px;margin-top:3px}.actions button{width:100%;min-height:48px;border-radius:11px;font-size:12px;font-weight:700;border:1px solid transparent}.replay{background:var(--tenant-primary,#65f3b2);color:#09251b;box-shadow:0 6px 22px #65f3b20a}.replay:disabled{opacity:.4}.exit{background:transparent;border-color:#3b4452!important;color:#c5cfde}.exit:hover{background:#242d39}.replay:hover:not(:disabled){background:#8af8c6}.retry{border:1px solid #716146;background:#3b3023;color:#f3d09d;border-radius:10px;font-size:12px;min-height:44px}.error{font-size:11px;color:#f3b9ac;line-height:1.4}.next-note{font-size:9px;line-height:1.35;text-align:center;color:#7f8b9e}.retry:disabled,.exit:disabled{opacity:.5}
button:focus-visible{outline:2px solid white;outline-offset:3px}footer{flex:none;text-align:center;font-size:8px;color:#777f90;letter-spacing:.15em}footer span{color:var(--tenant-primary,#65f3b2);margin:0 9px}[hidden]{display:none!important}
:host([data-leaving=true]) .card{opacity:.55;transform:translateY(-5px);transition:transform 180ms ease,opacity 180ms ease}
@media(max-width:650px){.result-screen{max-width:480px;padding:calc(12px + env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left));gap:12px}header img{width:124px;height:34px}header>span{font-size:7px;letter-spacing:.1em}.card{grid-template-columns:1fr;border-radius:20px}.identity{height:clamp(110px,18dvh,158px)}.banner{object-position:center 43%}.caption{left:18px;right:18px;bottom:16px}.category{font-size:8px}.game-name{font-size:29px;margin-top:5px}.game-caption{display:none}.content{padding:20px;gap:12px}h1{font-size:29px}.message{font-size:11px}.amount-card{padding:16px}.amount{font-size:38px}.amount-label{font-size:8px}.amount-note{font-size:9px}.actions button{min-height:46px}.details dt{font-size:9px}.details dd{font-size:14px}footer{font-size:6px}}
@media(max-height:700px) and (max-width:650px){.result-screen{gap:8px;padding-top:calc(7px + env(safe-area-inset-top));padding-bottom:max(7px,env(safe-area-inset-bottom))}header img{height:28px;width:110px}.identity{height:98px}.caption{bottom:12px}.game-name{font-size:25px}.content{padding:14px 16px;gap:9px}h1{font-size:25px}.message{font-size:10px;line-height:1.4}.amount-card{padding:12px;gap:5px}.amount{font-size:32px}.details{padding-bottom:7px}.actions{gap:6px}.actions button{min-height:42px}.demo-notice{font-size:9px;padding:7px 9px}.next-note{font-size:8px}}
@media(max-height:500px) and (min-width:560px){.result-screen{max-width:1050px;padding:calc(8px + env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));gap:7px}header img{width:110px;height:25px}header>span{font-size:7px}.card{grid-template-columns:.82fr 1.18fr;border-radius:18px}.identity{height:auto}.caption{left:20px;bottom:24px}.game-name{font-size:30px}.content{padding:14px 18px;gap:7px}.status-row{gap:8px}.result-badge{font-size:7px}.result-badge svg{width:16px;height:16px}h1{font-size:23px}.message{font-size:10px;line-height:1.3}.amount-card{padding:10px 14px;gap:4px}.amount{font-size:29px}.amount-label,.amount-note{font-size:8px}.details{padding-bottom:5px}.details dt{font-size:9px}.details dd{font-size:12px;margin-top:3px}.actions{grid-template-columns:1fr 1fr;gap:8px}.actions button{min-height:40px;font-size:10px}.demo-notice{font-size:9px;padding:5px 7px}.next-note{font-size:8px}footer{display:none}}
@media(prefers-reduced-motion:reduce){.card,:host([data-leaving=true]) .card{transition:none;transform:none}}