:host{color-scheme:dark;font-family:Inter,Arial,sans-serif;color:#f7f8fb}*{box-sizing:border-box}button,select{font:inherit}button{cursor:pointer}button:disabled{cursor:default}main{height:100vh;height:100dvh;max-width:1020px;margin:auto;padding:calc(20px + env(safe-area-inset-top)) 28px max(12px,env(safe-area-inset-bottom));display:flex;flex-direction:column;justify-content:center;gap:16px}header{display:flex;align-items:center;justify-content:space-between;flex:none}header img{width:150px;height:44px;object-fit:contain}header>span,footer{color:#777d8e;font-size:10px;letter-spacing:.16em}h1,h2,p{margin:0}.card{min-height:0;display:grid;grid-template-columns:1fr 1.05fr;border:1px solid #292d36;border-radius:24px;overflow:hidden;background:var(--tenant-surface,#191c23)}.identity{position:relative;min-height:0;overflow:hidden;background:#222735}.banner{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}.identity:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#101116f5,transparent 70%)}.caption{position:absolute;z-index:1;bottom:32px;left:28px;right:20px}.category{font-size:10px;letter-spacing:.14em;color:#a1ffc9}h1{font-size:36px;line-height:1.05;letter-spacing:-.045em;margin-top:10px}.setup{padding:26px;display:grid;gap:16px}.wallet{display:flex;justify-content:space-between;align-items:center;padding-bottom:16px;border-bottom:1px solid #30343e}.wallet-label,.terms span{display:block;font-size:11px;color:#a5adbc}.balance{display:block;font-size:25px;margin-top:5px;letter-spacing:-.04em}.mode{color:#82f3b9;background:#65f3b212;padding:8px;border-radius:7px;font-size:9px;letter-spacing:.06em}.mode.demo{color:#eccb82;background:#eccb8212}.section-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}h2{font-size:13px;font-weight:600}.section-label>span{font-size:8px;letter-spacing:.06em;color:#7d8696}.stakes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.stakes button,select{min-height:42px;border:1px solid #373d49;border-radius:9px;background:#232832;color:#e5e8ef;font-size:12px;font-weight:600}.stakes button[aria-pressed=true]{background:var(--tenant-primary,#65f3b2);color:#0b241c;border-color:var(--tenant-primary,#65f3b2)}.stakes button:disabled{opacity:.35}.stakes button[aria-pressed=true]:disabled{opacity:.8}select{width:100%;padding:0 10px}.terms{display:grid;grid-template-columns:1fr 1fr;gap:8px;background:#101319;padding:12px;border-radius:10px}.terms strong{display:block;margin-top:6px;font-size:17px}.terms>div+div{padding-left:12px;border-left:1px solid #30343e}.notice{color:#bac2d0;font-size:11px;line-height:1.4}.risk{font-size:10px;color:#8993a5;line-height:1.4}.status{color:#ffb6b2;font-size:11px;line-height:1.3;min-height:0}.status:empty{display:none}.actions{display:grid;grid-template-columns:90px 1fr;gap:10px}.actions button{min-height:48px;border-radius:10px;font-size:13px;font-weight:700}.back{background:transparent;color:#b4bdca;border:1px solid #393f4c}.start{border:0;background:var(--tenant-primary,#65f3b2);color:#0a241b}.start:disabled{opacity:.45}.level-select{width:auto;max-width:52%;min-height:30px;font-size:10px;padding:0 7px}.section-label:has(.level-select:not([hidden])){gap:8px}.section-label:has(.level-select:not([hidden])) h2{font-size:12px}button:focus-visible,select:focus-visible{outline:2px solid white;outline-offset:3px}footer{text-align:center;flex:none;font-size:8px}footer span{color:var(--tenant-primary,#65f3b2);margin:0 9px}[hidden]{display:none!important}
@media(max-width:650px){main{max-width:480px;padding:calc(10px + env(safe-area-inset-top)) 14px max(10px,env(safe-area-inset-bottom));gap:10px}header img{height:32px;width:122px}header>span{font-size:8px}.card{grid-template-columns:1fr;border-radius:18px}.identity{height:clamp(85px,18dvh,158px)}.banner{object-position:center 43%}.caption{left:18px;bottom:13px}.category{font-size:8px}h1{font-size:26px;margin-top:5px}.setup{padding:16px;gap:11px}.wallet{padding-bottom:10px}.balance{font-size:23px;margin-top:3px}.stakes button{min-height:38px}.section-label{margin-bottom:8px}.terms{padding:10px}.terms strong{font-size:16px;margin-top:4px}.notice{font-size:10px}.risk{font-size:9px}.actions button{min-height:44px}footer{font-size:7px}}
@media(max-height:690px) and (max-width:650px){main{gap:7px;padding-top:calc(6px + env(safe-area-inset-top));padding-bottom:max(6px,env(safe-area-inset-bottom))}.identity{height:80px}.setup{padding:12px;gap:8px}.wallet{padding-bottom:7px}.balance{font-size:21px}.stakes{gap:5px}.stakes button{min-height:32px;font-size:11px}.terms{padding:8px}.terms span{font-size:10px}.notice{font-size:10px}.risk{font-size:9px}.actions button{min-height:40px}header img{height:28px}footer{font-size:6px}}
@media(max-height:510px) and (min-width:651px){main{padding:calc(8px + env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) 8px max(20px,env(safe-area-inset-left));gap:7px}header img{height:28px}.setup{padding:13px;gap:8px}.wallet{padding-bottom:7px}.balance{font-size:21px}.stakes button{min-height:30px}.terms{padding:7px}.terms strong{font-size:15px}.actions button{min-height:37px}.notice,.risk{font-size:9px}footer{font-size:6px}}
@media(max-height:510px) and (min-width:560px) and (max-width:650px){main{max-width:980px;padding:calc(5px + env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) 5px max(12px,env(safe-area-inset-left));gap:4px}.card{grid-template-columns:.7fr 1fr;border-radius:14px}.identity{height:auto}.caption{left:12px;bottom:16px}h1{font-size:25px}.setup{padding:10px;gap:6px}.wallet{padding-bottom:5px}.balance{font-size:19px}.stakes button{min-height:29px}.terms{padding:6px}.terms strong{font-size:14px}.notice,.risk{font-size:9px;line-height:1.25}.actions button{min-height:34px}header img{height:24px}footer{display:none}}