html{scrollbar-gutter:stable}.prediction-page{max-width:1080px;margin:auto;padding:28px 32px 42px;font-size:20px;line-height:1.4;overflow-anchor:none}.prediction-page [hidden]{display:none!important}.prediction-page button,.prediction-page input{font:inherit;color:inherit}.prediction-page button{cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.prediction-page button:disabled{cursor:default;opacity:.45}.prediction-page :focus-visible{outline:2px solid currentColor;outline-offset:5px}.prediction-header{display:flex;align-items:center;justify-content:space-between;gap:20px}.prediction-header nav{display:flex;align-items:center;justify-content:flex-end;gap:24px;flex-wrap:wrap}.prediction-header a{text-decoration:none}.prediction-header a:hover{text-decoration:underline}.brand-link{width:52px;flex-shrink:0}.social-link{width:30px;min-height:44px;display:grid;place-items:center}.social-link svg{width:28px;height:28px}.wallet-button{display:flex;align-items:center;gap:8px}.wallet-icon{width:22px;height:22px}.text-button{border:0;background:none;text-decoration:underline;text-underline-offset:4px;padding:7px 0;min-height:44px}.wallet-button{text-decoration:none}#disconnect{display:flex;gap:10px;font-size:17px}.hero{text-align:center;padding:22px 0 34px}.hero h1{font-size:clamp(40px,5vw,58px);letter-spacing:-.035em;line-height:1.08;font-weight:500;margin:0}.intro{font-size:clamp(23px,2.6vw,28px);line-height:1.3;margin:0;text-wrap:balance}.prediction-art svg{width:100%;height:auto;overflow:visible}.art-claus{transform-origin:50% 72%;animation:breathe 7s ease-in-out infinite}@keyframes breathe{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-10px) rotate(2deg)}}.market-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.market-toolbar [role=tablist]{display:flex;gap:24px}.market-toolbar [role=tab]{padding:10px 0;border:0;background:none;font-size:23px;position:relative}.market-toolbar [aria-selected=true]{text-decoration:underline;text-underline-offset:8px}.solid-button{border:1px solid #000;border-radius:4px;background:#000;color:#ec673a!important;padding:12px 22px;min-height:48px;transition:transform .15s,opacity .15s}.solid-button:active:not(:disabled),.side-button:active:not(:disabled){transform:translateY(1px)}.status{font-size:18px;margin:0 0 15px;min-height:1.4em}.status:empty{margin:0;min-height:0}.market-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;min-height:280px}.market-card{border:1px solid #000;border-radius:5px;padding:24px 23px 20px;display:flex;flex-direction:column;align-items:stretch}.market-card h2{font-weight:500;letter-spacing:-.03em;font-size:36px;line-height:1.1;margin:8px 0 12px;font-variant-numeric:tabular-nums}.market-card .eyebrow{margin:0;font-size:17px}.market-card time{font-size:17px}.market-card .time-detail{font-size:15px;margin:5px 0 22px;opacity:.78}.sides{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:auto}.side-button{border:1px solid black;background:none;border-radius:3px;min-height:46px;font-size:18px!important;padding:9px 7px;transition:background .15s,transform .15s}.side-button:hover{background:rgba(0,0,0,.06)}.market-card .pot{display:flex;justify-content:space-between;font-size:16px;margin:18px 0 0;gap:10px}.pot strong{font-weight:500;font-variant-numeric:tabular-nums}.position-detail{font-size:18px;margin:13px 0 22px}.empty{grid-column:1/-1;align-self:start;padding:26px 0;max-width:540px}.empty p{margin:0 0 12px}.how{margin:40px 0 22px}.how h2{font-size:28px;font-weight:500;margin:0 0 22px}.how ol{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:42px;padding:0;margin:0 0 26px}.how h3{font-size:23px;font-weight:500;margin:0 0 6px}.how p{margin:0;font-size:19px}.how details{font-size:18px;max-width:760px}.how summary{cursor:pointer;min-height:44px;display:inline-flex;align-items:center;list-style:none;text-decoration:underline;text-underline-offset:4px}.rules p{font-size:18px;margin:12px 0 16px}.rules strong{font-weight:500}footer{display:flex;align-items:center;gap:24px;flex-wrap:wrap;font-size:16px}.prediction-page dialog{background:#ec673a;color:#000;border:1px solid #000;border-radius:5px;padding:30px;width:calc(100% - 32px);max-width:480px;max-height:calc(100dvh - 32px);overflow-y:auto}.prediction-page dialog[open]{animation:enter .2s ease-out}.prediction-page dialog::backdrop{background:rgba(0,0,0,.45)}.prediction-page dialog h2{font-size:30px;font-weight:500;line-height:1.15;margin:0 55px 20px 0}.close{position:absolute;right:16px;top:17px;font-size:16px!important;border:0;background:none;min-width:44px;min-height:44px;padding:8px 0;text-decoration:underline;text-underline-offset:4px}.wallet-option{display:flex;align-items:center;gap:15px;width:100%;min-height:58px;text-align:left;background:none;border:0}.wallet-option:hover{text-decoration:underline;text-underline-offset:5px}.wallet-option span{margin-left:auto;font-size:16px}dialog label{display:block;font-size:18px;margin:20px 0 7px}dialog input{background:none;border:1px solid #000;border-radius:3px;width:100%;min-width:0;padding:11px 13px;min-height:46px}dialog input::placeholder{color:rgba(0,0,0,.45)}.number-input{display:flex;align-items:center;border:1px solid #000;border-radius:3px;padding:0 13px;gap:8px}.number-input input{border:0;padding-left:0;outline-offset:0!important}.number-input span{font-size:21px}.review-row{display:flex;justify-content:space-between;align-items:baseline;gap:15px;font-size:18px;margin:13px 0}.review-row strong{text-align:right;font-weight:500;font-variant-numeric:tabular-nums}.hint{font-size:16px;line-height:1.4;margin:10px 0 18px}.form-error:empty{display:none}.form-error,#review-status,#wallet-status{font-size:17px}#review-content p{margin:12px 0}#review-content .review-target{font-size:26px;font-weight:500}.full{width:100%}#review-status a{overflow-wrap:anywhere}.waiting{font-size:18px;margin:auto 0 4px}.market-card button.full{font-size:18px}@keyframes enter{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}

.prediction-page{-webkit-user-select:none;user-select:none}
.prediction-page input,.prediction-page textarea{-webkit-user-select:text;user-select:text}
.prediction-art{width:180px;margin:2px auto 8px}
.current-cap{font-size:21px;margin:10px 0 0;font-variant-numeric:tabular-nums}.current-cap strong{font-weight:500;white-space:nowrap}.review-row strong{white-space:nowrap}
.sides:has(> :only-child){grid-template-columns:1fr}
.how summary::-webkit-details-marker{display:none}
.review-actions{display:flex;align-items:center;gap:22px;margin-top:20px}
.review-actions .solid-button{flex:1}
.prediction-page main{min-width:0}
.prediction-header nav>a{white-space:nowrap}
.prediction-page dialog{overscroll-behavior:contain}
@media(max-width:850px){.market-grid{gap:14px}.market-card{padding:21px 17px}.market-card h2{font-size:31px}.sides{gap:7px}.side-button{font-size:17px!important}.how ol{gap:24px}}
@media(max-width:700px){
.prediction-page{padding:20px 22px 30px}.prediction-header{align-items:flex-start;gap:12px}.prediction-header nav{gap:4px 17px;font-size:16px}.header-socials{gap:16px}.brand-link,.brand-link svg{width:42px;height:42px}.wallet-button{gap:7px;font-size:16px}.wallet-icon{width:21px;height:21px}.social-link,.social-link svg{width:25px}
.hero{padding:22px 0 28px}.hero h1{font-size:44px}.prediction-art{width:142px;margin:2px auto 8px}
.market-toolbar{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:22px}.market-toolbar [role=tab]{font-size:22px}.market-toolbar .solid-button{font-size:18px;padding:9px 16px}
.market-grid{grid-template-columns:1fr;gap:17px;min-height:280px}.market-card{padding:23px}.market-card h2{font-size:38px}.side-button{font-size:19px!important}.market-card .time-detail{margin-bottom:20px}
.how{margin-top:34px}.how ol{grid-template-columns:1fr;gap:24px;max-width:480px}.how h3{font-size:23px;margin-bottom:6px}.prediction-page dialog{padding:27px 23px}footer{gap:8px 22px}#disconnect{font-size:15px}
}
@media(max-width:390px){.prediction-page{padding-inline:17px}.prediction-header nav{gap:4px 12px}.wallet-icon{width:18px;height:18px}.hero h1{font-size:40px}.market-toolbar{gap:8px}.market-toolbar .solid-button{width:100%}.market-card{padding:21px}.review-row{font-size:17px}.prediction-page dialog h2{font-size:27px}}
@media(prefers-reduced-motion:reduce){.prediction-page *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.market-card h2,.review-target{overflow-wrap:anywhere}.review-row strong{overflow-wrap:anywhere;min-width:0}.status-actions{display:flex;gap:20px}.status-actions:has(> :not([hidden])){margin-bottom:18px}

.transaction-history{font-size:17px;margin:0 0 22px}.transaction-history summary{cursor:pointer}.transaction-history ul{list-style:none;padding:0}.transaction-history li{display:flex;justify-content:space-between;gap:16px;margin:8px 0}.transaction-history a{white-space:nowrap}

/* Keep dialogs and touch controls stable while wallet and market data change. */
.prediction-page button,.prediction-page a{touch-action:manipulation}
.market-toolbar{min-height:54px}
.market-card{transition:background-color .18s ease}
.market-card:focus-within{background:rgba(255,242,216,.045)}
.market-card .sides{min-height:46px}
.current-cap{min-height:1.4em}
.pool-rule{max-width:570px;margin:14px auto 0;font-size:19px;line-height:1.4;text-wrap:pretty}
.review-pool-rule{font-size:17px;line-height:1.45}
#review-status:empty,#wallet-status:empty{display:none}
#review-status{margin:14px 0 0}
.review-actions{flex-wrap:wrap}
.review-actions .solid-button{min-width:160px}
.transaction-history summary{min-height:44px;display:flex;align-items:center;list-style:none;text-decoration:underline;text-underline-offset:4px}
.transaction-history summary::-webkit-details-marker{display:none}
.transaction-history li{align-items:baseline;flex-wrap:wrap}
.number-input:focus-within{outline:2px solid #000;outline-offset:3px}
.number-input input:focus-visible{outline:none}
@media(max-width:700px){.prediction-page dialog{max-height:calc(100dvh - 24px);width:calc(100% - 24px)}.review-row{gap:12px}.review-row>span{max-width:58%}}
@media(max-width:360px){.prediction-header nav{gap:3px 10px}.prediction-header .wallet-button{font-size:15px}.review-row{font-size:16px}.review-actions{gap:14px}.side-button{font-size:18px!important}}
@media(prefers-reduced-motion:reduce){.market-card{transition:none}}
@media(min-width:701px){.market-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}

/* Keep the page still while the wallet form is open. */
body.prediction-page:has(dialog[open]){overflow:hidden}
.prediction-page dialog{scrollbar-gutter:stable}
.prediction-page dialog .hint{margin-block:10px 14px}
#trade-risk{margin-bottom:16px}
#trade-max-row[hidden]{display:none}