@font-face{font-family:Patrick Hand;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/patrick-hand-latin-400-normal-B7HHA2Vw.woff2) format("woff2"),url(/assets/patrick-hand-latin-400-normal-Df9_VoRQ.woff) format("woff")}@font-face{font-family:Patrick Hand;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/patrick-hand-vietnamese-400-normal-65jA92mZ.woff2) format("woff2"),url(/assets/patrick-hand-vietnamese-400-normal-CZjY324Y.woff) format("woff")}:root{--ui-unit: clamp(1px, min(.052083333vw, .092592593dvh), 2px);font-family:Patrick Hand,cursive;color:var(--ink);background:var(--bg);font-synthesis:none;font-weight:400;font-size:calc(17 * var(--ui-unit));--bg: #f1ecd9;--panel: #f7f3e6;--surface: #fbf8ef;--line: #ded7c2;--line-strong: #aaa18a;--ink: #302e28;--muted: #706958;--accent: #38684c;--accent-soft: #e1e8d8;--green: #326845;--red: #a34440;color-scheme:light;font-variant-numeric:tabular-nums}*{box-sizing:border-box}body{margin:0;min-width:calc(360 * var(--ui-unit))}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none}button:disabled{cursor:default;opacity:.5}button:focus-visible,a:focus-visible,summary:focus-visible{outline:calc(2 * var(--ui-unit)) solid var(--accent);outline-offset:calc(4 * var(--ui-unit))}a{color:inherit;text-decoration:none}button svg{flex-shrink:0}button{transition:background .16s,color .16s,border-color .16s}p,h2,h3{margin:0}button[aria-disabled=true]{cursor:grab}.subtle-button{display:inline-flex;align-items:center;gap:calc(8 * var(--ui-unit));min-height:calc(36 * var(--ui-unit));font-size:calc(15 * var(--ui-unit));color:var(--muted);border-radius:calc(5 * var(--ui-unit));padding:0 calc(8 * var(--ui-unit))}.subtle-button:hover{background:var(--accent-soft);color:var(--ink)}.positive{color:var(--green)}.negative{color:var(--red)}.status-dot{display:inline-block;background:var(--green);height:calc(5 * var(--ui-unit));width:calc(5 * var(--ui-unit));border-radius:50%;flex-shrink:0}.board-toolbar{height:calc(47 * var(--ui-unit));display:flex;align-items:center;justify-content:space-between;padding:0 calc(17 * var(--ui-unit));background:var(--panel);border-bottom:calc(1 * var(--ui-unit)) solid var(--line)}.timeline-controls{display:flex;align-items:center;gap:calc(3 * var(--ui-unit))}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:calc(28 * var(--ui-unit));height:calc(28 * var(--ui-unit));border-radius:calc(5 * var(--ui-unit));color:var(--muted)}.icon-button:hover{background:var(--accent-soft);color:var(--ink)}.back-live{display:flex;align-items:center;gap:calc(5 * var(--ui-unit));background:var(--accent-soft);color:var(--accent);border:calc(1 * var(--ui-unit)) solid var(--line);border-radius:calc(5 * var(--ui-unit));font-size:calc(12 * var(--ui-unit));padding:calc(5 * var(--ui-unit)) calc(8 * var(--ui-unit));margin-right:calc(8 * var(--ui-unit));border-color:var(--line-strong)}.chart-surface.dragging,.chart-surface.dragging *{cursor:grabbing!important}.time-axis{position:absolute;height:calc(43 * var(--ui-unit));overflow:hidden;background:var(--bg);border-bottom:calc(1 * var(--ui-unit)) solid var(--line)}.time-label{position:absolute;text-align:center;top:calc(7 * var(--ui-unit));white-space:nowrap;font-size:calc(11 * var(--ui-unit));color:var(--muted);display:flex;flex-direction:column;gap:calc(2 * var(--ui-unit))}.time-label small{font-size:calc(10 * var(--ui-unit));color:var(--muted)}.time-label.past-time,.time-label.past-time small{color:var(--muted)}.price-axis-title{position:absolute;right:0;top:0;width:calc(70 * var(--ui-unit));height:calc(43 * var(--ui-unit));display:grid;place-items:center;font-size:calc(10 * var(--ui-unit));color:var(--muted);background:var(--bg);border-left:calc(1 * var(--ui-unit)) solid var(--line)}.plot{position:absolute;overflow:clip}.horizontal-grid-line{position:absolute;left:0;width:100%;height:calc(1 * var(--ui-unit));background:#e5decb;pointer-events:none}.vertical-grid-line{position:absolute;top:0;height:100%;width:calc(1 * var(--ui-unit));background:#e7e0cd;pointer-events:none}.grid-plane{position:absolute;top:0;right:0;bottom:0;left:0}.grid-cell{--ink: #eee9db;--muted: #c7c0af;--accent: #e2ddcd;--green: #b8d5a2;--red: #edb0a6;isolation:isolate;position:absolute;border-radius:0;border:calc(1 * var(--ui-unit)) solid transparent;background-color:rgb(calc(20 + 130 * var(--cell-intensity, .4)),calc(21 + 128 * var(--cell-intensity, .4)),calc(20 + 122 * var(--cell-intensity, .4)));color:var(--ink);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(4 * var(--ui-unit));padding:calc(3 * var(--ui-unit)) 0;font-size:calc(15 * var(--ui-unit));font-weight:400;overflow:hidden;touch-action:none;transition:background-color .24s linear,border-color .12s,box-shadow .12s}.grid-cell:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:url(/textures/chalkboard.png) center / cover;opacity:.35}.grid-cell:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:currentColor;mask:url(/chalk-frame.svg) center / 100% 100% no-repeat;opacity:.38;transition:opacity .12s}.grid-cell:nth-child(3n):before{transform:rotate(180deg)}.grid-cell:not([aria-disabled=true]):hover:before,.grid-cell:focus-visible:before{opacity:.8}.grid-cell.selected:before{opacity:1}.grid-cell[aria-disabled=true]:not(.selected):not(.settled){opacity:.42}.grid-cell:not([aria-disabled=true]):hover{background-color:#494a44;border-color:transparent;color:var(--ink);box-shadow:none}.grid-cell:focus-visible{outline:calc(2 * var(--ui-unit)) solid var(--accent);outline-offset:calc(-3 * var(--ui-unit));z-index:4;background-color:#494a44}.cell-multiplier{display:inline-grid;grid-template-columns:.55em .55em .25em .55em .55em .5em;align-items:baseline;text-align:center;white-space:pre;font-variant-numeric:tabular-nums}.multiplier-digit{min-width:0}.cell-multiplier small{font-size:calc(12 * var(--ui-unit));margin-left:0;color:var(--muted);font-weight:400}.cell-action{height:0;opacity:0;overflow:hidden;font-size:calc(11 * var(--ui-unit));color:var(--accent);transition:height .12s,opacity .12s}.grid-cell:hover:not([aria-disabled=true]) .cell-action,.grid-cell:focus-visible:not([aria-disabled=true]) .cell-action{height:calc(13 * var(--ui-unit));opacity:1}.grid-cell.selected{background-color:#344136;border:calc(1 * var(--ui-unit)) solid transparent;box-shadow:none;color:var(--ink);gap:calc(2 * var(--ui-unit));padding:calc(2 * var(--ui-unit)) 0}.grid-cell.selected .cell-multiplier{font-size:calc(12 * var(--ui-unit));line-height:calc(12 * var(--ui-unit));flex-shrink:0}.grid-cell.settled{opacity:.8;border-color:transparent;background-color:#2b372d}.grid-cell.settled.lost{background-color:#402d2d;border-color:transparent;color:var(--red)}.result-mark{font-size:calc(16 * var(--ui-unit));color:var(--green)}.grid-cell.lost .result-mark{color:var(--red)}.out-of-range{opacity:.15!important}.price-chart{position:absolute;top:0;left:0;pointer-events:none;overflow:hidden}.now-marker{position:absolute;top:calc(9 * var(--ui-unit));transform:translate(-50%);font-size:calc(10 * var(--ui-unit));padding:calc(3 * var(--ui-unit)) calc(7 * var(--ui-unit));background:var(--panel);color:var(--ink);border-radius:calc(3 * var(--ui-unit));border:calc(1 * var(--ui-unit)) solid var(--line);pointer-events:none}.price-axis{position:absolute;right:0;width:calc(70 * var(--ui-unit));overflow:hidden;border-left:calc(1 * var(--ui-unit)) solid var(--line);background:var(--bg);pointer-events:none}.price-axis>span{position:absolute;left:0;right:0;transform:translateY(-50%);padding-left:calc(9 * var(--ui-unit));font-size:calc(11 * var(--ui-unit));color:var(--muted)}.axis-current-price{position:absolute;right:calc(4 * var(--ui-unit));left:calc(4 * var(--ui-unit));transform:translateY(-50%);border:calc(1 * var(--ui-unit)) solid var(--line-strong);color:var(--ink);background:var(--panel);text-align:center;font-size:calc(12 * var(--ui-unit));font-weight:400;padding:calc(5 * var(--ui-unit)) 0;border-radius:calc(2 * var(--ui-unit))}.panel-label{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:calc(15 * var(--ui-unit));font-weight:400}.panel-label>span:first-child{display:flex;gap:calc(7 * var(--ui-unit));align-items:center}.stake-unit{font-size:calc(11 * var(--ui-unit));color:var(--muted)}.stake-options{display:grid;grid-template-columns:repeat(5,1fr);gap:calc(7 * var(--ui-unit));margin-top:calc(13 * var(--ui-unit))}.activity-tabs{display:flex;border-bottom:calc(1 * var(--ui-unit)) solid var(--line);height:calc(48 * var(--ui-unit));padding:0 calc(16 * var(--ui-unit));gap:calc(20 * var(--ui-unit))}.activity-tabs>button{display:flex;align-items:center;gap:calc(6 * var(--ui-unit));font-size:calc(12 * var(--ui-unit));color:var(--muted);padding:0;position:relative}.activity-tabs>button[aria-selected=true]{color:var(--ink)}.activity-tabs>button[aria-selected=true]:after{content:"";height:calc(2 * var(--ui-unit));background:var(--ink);position:absolute;bottom:calc(-1 * var(--ui-unit));left:0;right:0}.activity-tabs>button>span{font-size:calc(11 * var(--ui-unit));padding:calc(1 * var(--ui-unit)) calc(5 * var(--ui-unit));border-radius:calc(3 * var(--ui-unit));background:var(--accent-soft);color:var(--muted)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;height:100%;padding:calc(28 * var(--ui-unit)) calc(12 * var(--ui-unit))}.empty-grid{width:calc(60 * var(--ui-unit));height:calc(60 * var(--ui-unit));display:grid;place-items:center;position:relative;background:var(--panel);border:calc(1 * var(--ui-unit)) solid var(--line);border-radius:calc(6 * var(--ui-unit));color:var(--accent);margin-bottom:calc(20 * var(--ui-unit));transform:none}.empty-grid>svg+svg{position:absolute;bottom:calc(9 * var(--ui-unit));right:calc(8 * var(--ui-unit));background:var(--panel);border-radius:50%;color:var(--accent)}.empty-state h3{font-size:calc(15 * var(--ui-unit));font-weight:400;color:var(--ink);margin-bottom:calc(9 * var(--ui-unit))}.empty-state p{font-size:calc(12 * var(--ui-unit));line-height:1.8;color:var(--muted)}.empty-hint{margin-top:calc(26 * var(--ui-unit));font-size:calc(10 * var(--ui-unit));color:var(--muted)}.session-summary{height:calc(34 * var(--ui-unit));border-top:calc(1 * var(--ui-unit)) solid var(--line);display:flex;align-items:center;justify-content:space-between;font-size:calc(11 * var(--ui-unit));color:var(--muted);padding:0 calc(15 * var(--ui-unit))}.bet-row{display:flex;align-items:center;gap:calc(10 * var(--ui-unit));padding:calc(15 * var(--ui-unit)) calc(12 * var(--ui-unit));border-bottom:calc(1 * var(--ui-unit)) solid var(--line)}.bet-row:last-child{border-bottom:0}.list-chip{height:calc(29 * var(--ui-unit));min-width:calc(29 * var(--ui-unit));display:flex;align-items:center;justify-content:center;background:var(--panel);color:var(--ink);border:calc(2 * var(--ui-unit)) dashed var(--line);border-radius:50%;font-size:calc(15 * var(--ui-unit));font-weight:400}.bet-row>div{min-width:0}.bet-row strong{font-size:calc(16 * var(--ui-unit));font-weight:400;color:var(--ink)}.bet-row strong>small{font-size:calc(11 * var(--ui-unit));color:var(--muted)}.bet-row p{font-size:calc(11 * var(--ui-unit));color:var(--muted);margin-top:calc(4 * var(--ui-unit));white-space:nowrap}.bet-expiry{font-size:calc(10 * var(--ui-unit));color:var(--muted);display:block;margin-top:calc(3 * var(--ui-unit))}.bet-countdown{margin-left:auto;text-align:right;font-size:calc(11 * var(--ui-unit));color:var(--muted);white-space:nowrap}.bet-countdown>small{display:block;font-size:calc(10 * var(--ui-unit));margin-top:calc(5 * var(--ui-unit));color:var(--muted)}.bet-countdown.is-live{color:var(--green)}.bet-countdown i{display:inline-block;width:calc(4 * var(--ui-unit));height:calc(4 * var(--ui-unit));background:var(--green);border-radius:50%;margin:0 calc(5 * var(--ui-unit)) calc(1 * var(--ui-unit)) 0}.win-chip{color:var(--green);border-color:#8aab7c;background:#e1e8d8}.loss-chip{color:var(--red);border-color:#c78f81;background:#f0dcd3}.result-profit{font-size:calc(12 * var(--ui-unit));font-weight:400;margin-left:auto;white-space:nowrap}.outcome-label{font-size:calc(10 * var(--ui-unit));font-weight:400;margin-left:calc(6 * var(--ui-unit));color:var(--muted)}.dialog{padding:calc(28 * var(--ui-unit));background:var(--surface);color:var(--ink);border:calc(1 * var(--ui-unit)) solid var(--line);border-radius:calc(8 * var(--ui-unit));width:min(calc(520 * var(--ui-unit)),calc(100vw - calc(30 * var(--ui-unit))));max-height:85dvh;box-shadow:0 calc(16 * var(--ui-unit)) calc(60 * var(--ui-unit)) #0005}.dialog::backdrop{background:#302e2866;-webkit-backdrop-filter:blur(calc(3 * var(--ui-unit)));backdrop-filter:blur(calc(3 * var(--ui-unit)))}.dialog-header{display:flex;align-items:center;justify-content:space-between;gap:calc(14 * var(--ui-unit))}.dialog h2{font-size:calc(22 * var(--ui-unit));font-weight:400;letter-spacing:calc(-.5 * var(--ui-unit))}.dialog-header .icon-button{flex-shrink:0}.dialog-intro{font-size:calc(16 * var(--ui-unit));color:var(--muted);line-height:1.8;margin-top:calc(17 * var(--ui-unit))}.rule-list{display:flex;flex-direction:column;gap:calc(22 * var(--ui-unit));margin:calc(25 * var(--ui-unit)) 0}.rule-list>div{display:flex;gap:calc(14 * var(--ui-unit))}.rule-list>div>span{color:var(--muted);font-size:calc(12 * var(--ui-unit));border:calc(1 * var(--ui-unit)) solid var(--line);background:var(--panel);border-radius:calc(5 * var(--ui-unit));height:calc(27 * var(--ui-unit));min-width:calc(27 * var(--ui-unit));display:grid;place-items:center}.rule-list h3,.install-instructions h3{font-size:calc(16 * var(--ui-unit));font-weight:400;margin:calc(2 * var(--ui-unit)) 0 calc(6 * var(--ui-unit))}.rule-list p,.install-instructions p{font-size:calc(15 * var(--ui-unit));line-height:1.8;color:var(--muted)}.rule-example{background:var(--panel);border:calc(1 * var(--ui-unit)) solid var(--line);padding:calc(14 * var(--ui-unit)) calc(18 * var(--ui-unit));border-radius:calc(5 * var(--ui-unit));display:flex;align-items:center;justify-content:space-between;font-size:calc(15 * var(--ui-unit))}.rule-example>span{color:var(--muted)}.rule-example p{text-align:right}.rule-example strong{color:var(--accent)}.rule-example small{color:var(--muted);font-size:calc(11 * var(--ui-unit))}.technical-rules{margin:calc(21 * var(--ui-unit)) 0;color:var(--muted);font-size:calc(15 * var(--ui-unit))}.technical-rules summary{cursor:pointer;min-height:calc(24 * var(--ui-unit))}.technical-rules p{font-size:calc(12 * var(--ui-unit));line-height:1.8;margin:calc(10 * var(--ui-unit)) 0}.primary-button{display:flex;align-items:center;justify-content:center;gap:calc(12 * var(--ui-unit));width:100%;min-height:calc(42 * var(--ui-unit));border-radius:calc(5 * var(--ui-unit));background:var(--accent);color:var(--bg);font-size:calc(16 * var(--ui-unit));font-weight:400;margin-top:calc(20 * var(--ui-unit))}.primary-button:hover{background:#2b533b}.install-instructions{margin:calc(25 * var(--ui-unit)) 0}.install-instructions h3{margin-top:calc(20 * var(--ui-unit))}.muted{font-size:calc(12 * var(--ui-unit));color:var(--muted);line-height:1.8}.dialog-actions{display:flex;gap:calc(12 * var(--ui-unit));justify-content:flex-end;margin-top:calc(24 * var(--ui-unit))}.dialog-actions .primary-button{margin:0;width:auto;padding:0 calc(18 * var(--ui-unit))}.toast{position:fixed;bottom:calc(27 * var(--ui-unit));left:50%;transform:translate(-50%);max-width:calc(100vw - calc(32 * var(--ui-unit)));padding:calc(12 * var(--ui-unit)) calc(16 * var(--ui-unit));display:flex;align-items:center;gap:calc(10 * var(--ui-unit));z-index:20;background:var(--surface);color:var(--ink);border:calc(1 * var(--ui-unit)) solid var(--line);border-radius:calc(6 * var(--ui-unit));box-shadow:0 calc(6 * var(--ui-unit)) calc(24 * var(--ui-unit)) #00000040;font-size:calc(15 * var(--ui-unit))}.toast.error{background:#f0dcd3;color:var(--red);border-color:#c78f81}.toast>svg{flex-shrink:0}.toast button{padding:calc(2 * var(--ui-unit));display:flex;color:inherit}.sr-only{position:absolute;top:0;left:0;width:calc(1 * var(--ui-unit));height:calc(1 * var(--ui-unit));overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.activity-toggle{display:none!important}@media(min-width:1600px){.grid-cell{font-size:calc(16 * var(--ui-unit))}.time-label{font-size:calc(12 * var(--ui-unit))}.price-axis>span{font-size:calc(12 * var(--ui-unit))}}@media(max-width:1200px){.grid-cell{font-size:calc(12 * var(--ui-unit))}.activity-tabs{gap:calc(18 * var(--ui-unit))}}@media(max-width:900px)and (min-width:761px){.stake-options{gap:calc(4 * var(--ui-unit))}}@media(max-width:760px){body{min-width:calc(360 * var(--ui-unit))}.board-toolbar{padding:0 calc(10 * var(--ui-unit));height:calc(47 * var(--ui-unit))}.back-live{font-size:calc(11 * var(--ui-unit));padding:calc(5 * var(--ui-unit));gap:calc(4 * var(--ui-unit));margin-right:calc(2 * var(--ui-unit))}.timeline-controls{gap:0}.timeline-controls .icon-button{width:calc(28 * var(--ui-unit));height:calc(32 * var(--ui-unit))}.time-label{font-size:calc(11 * var(--ui-unit))}.grid-cell{font-size:calc(15 * var(--ui-unit))}.stake-panel .panel-label{flex-direction:column;align-items:flex-start;font-size:calc(12 * var(--ui-unit));gap:calc(4 * var(--ui-unit))}.stake-panel .stake-unit{font-size:calc(10 * var(--ui-unit))}.stake-options{margin:0;gap:calc(6 * var(--ui-unit))}.activity-tabs{height:calc(49 * var(--ui-unit));gap:calc(25 * var(--ui-unit))}.activity-tabs>button{font-size:calc(15 * var(--ui-unit))}.activity-tabs>button>span{font-size:calc(11 * var(--ui-unit))}.activity-toggle{display:flex!important;margin-left:auto;margin-top:calc(10 * var(--ui-unit));height:calc(28 * var(--ui-unit))!important}.activity-panel.expanded .activity-toggle svg{transform:rotate(180deg)}.activity-panel.expanded .activity-content{display:block}.session-summary{height:calc(34 * var(--ui-unit))}.toast{bottom:calc(93 * var(--ui-unit));font-size:calc(12 * var(--ui-unit));min-width:calc(260 * var(--ui-unit));padding:calc(11 * var(--ui-unit)) calc(12 * var(--ui-unit))}.dialog{padding:calc(22 * var(--ui-unit))}.dialog h2{font-size:calc(20 * var(--ui-unit))}.dialog-header .icon-button{width:calc(32 * var(--ui-unit));height:calc(32 * var(--ui-unit))}.dialog-intro{font-size:calc(15 * var(--ui-unit))}.empty-state h3{font-size:calc(16 * var(--ui-unit))}.empty-state p{font-size:calc(15 * var(--ui-unit))}.bet-row{padding:calc(14 * var(--ui-unit)) calc(17 * var(--ui-unit))}.bet-row p{font-size:calc(12 * var(--ui-unit))}.bet-row strong{font-size:calc(17 * var(--ui-unit))}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}html,body,#root{width:100%;height:100%;overflow:hidden}.app-shell,main,.workspace{width:100%;height:100%;min-height:0}.app-shell{height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}main{padding:0}.workspace{display:grid;grid-template-columns:minmax(0,1fr) calc(284 * var(--ui-unit));gap:0}.market-column{min-width:0;min-height:0}.chart-panel{height:100%;min-height:0;display:flex;flex-direction:column;border:0;border-right:calc(1 * var(--ui-unit)) solid var(--line);border-radius:0;overflow:hidden;background:var(--bg)}.board-toolbar{flex-shrink:0}.chart-surface{flex:1;min-height:0;position:relative;overflow:hidden;touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab;isolation:isolate;contain:layout paint;will-change:transform}.sidebar{display:flex;flex-direction:column;min-height:0;gap:calc(17 * var(--ui-unit));padding:calc(14 * var(--ui-unit));overflow-y:auto;background:var(--bg)}.market-controls{display:flex;align-items:center;justify-content:space-between;gap:calc(8 * var(--ui-unit));flex-shrink:0}.market-quote{display:flex;flex-direction:column;gap:calc(3 * var(--ui-unit))}.market-quote small{color:var(--muted);font-size:calc(11 * var(--ui-unit))}.market-quote strong{font-size:calc(26 * var(--ui-unit));font-weight:400;letter-spacing:calc(.3 * var(--ui-unit))}.utility-controls{display:flex;gap:calc(2 * var(--ui-unit));align-items:center}.utility-controls .icon-button{width:calc(28 * var(--ui-unit));height:calc(36 * var(--ui-unit))}.stake-panel{flex-shrink:0;padding:0}.activity-panel{display:flex;flex:1;flex-direction:column;min-height:calc(180 * var(--ui-unit));overflow:hidden;border:calc(1 * var(--ui-unit)) solid var(--line);border-radius:calc(8 * var(--ui-unit));background:var(--bg)}.activity-tabs,.session-summary{flex-shrink:0}.activity-content{flex:1;min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent}@media(max-width:760px){.workspace{grid-template-columns:minmax(0,1fr);grid-template-rows:calc(52 * var(--ui-unit)) minmax(0,1fr) calc(49 * var(--ui-unit)) calc(68 * var(--ui-unit))}.market-column{grid-row:2;width:100%}.sidebar{display:contents}.market-controls{grid-row:1;grid-column:1;padding:calc(4 * var(--ui-unit)) calc(12 * var(--ui-unit));border-bottom:calc(1 * var(--ui-unit)) solid var(--line);background:var(--panel)}.market-quote{gap:calc(1 * var(--ui-unit))}.market-quote strong{font-size:calc(21 * var(--ui-unit))}.market-quote small{font-size:calc(10 * var(--ui-unit))}.utility-controls{gap:0}.utility-controls .icon-button{width:calc(29 * var(--ui-unit));height:calc(40 * var(--ui-unit))}.stake-panel{grid-row:4;grid-column:1;display:grid;grid-template-columns:calc(60 * var(--ui-unit)) minmax(0,1fr);align-items:center;gap:calc(12 * var(--ui-unit));padding:calc(10 * var(--ui-unit)) calc(12 * var(--ui-unit));background:var(--panel);border-top:calc(1 * var(--ui-unit)) solid var(--line);z-index:11}.activity-panel{grid-row:3;grid-column:1;display:flex;min-height:0;border-radius:0;border:0;border-top:calc(1 * var(--ui-unit)) solid var(--line);z-index:12}.activity-panel .session-summary,.activity-content{display:none}.activity-panel.expanded{position:fixed;left:env(safe-area-inset-left);right:env(safe-area-inset-right);bottom:calc(calc(68 * var(--ui-unit)) + env(safe-area-inset-bottom));height:min(calc(390 * var(--ui-unit)),55dvh);box-shadow:0 calc(-10 * var(--ui-unit)) calc(30 * var(--ui-unit)) #00000040;border-top:calc(1 * var(--ui-unit)) solid var(--line);border-radius:calc(12 * var(--ui-unit)) calc(12 * var(--ui-unit)) 0 0;background:var(--bg)}.activity-panel.expanded .activity-content{display:block;flex:1;min-height:0}.activity-panel.expanded .session-summary{display:flex}.toast{bottom:calc(calc(128 * var(--ui-unit)) + env(safe-area-inset-bottom));z-index:15}}.board-navigation{display:flex;align-items:center;gap:calc(24 * var(--ui-unit));height:100%}.board-navigation button{display:inline-flex;align-items:center;justify-content:center;gap:calc(8 * var(--ui-unit));height:100%;padding:0;color:var(--muted);font-size:calc(15 * var(--ui-unit));position:relative}.board-navigation button:hover{color:var(--ink)}.board-navigation .board-brand{color:var(--ink);font-size:calc(17 * var(--ui-unit));font-weight:400;letter-spacing:calc(.2 * var(--ui-unit));margin-right:calc(8 * var(--ui-unit))}.board-brand svg{color:var(--accent)}.board-navigation .nav-play{color:var(--ink);font-weight:400}.nav-play:after{content:"";position:absolute;bottom:0;height:calc(2 * var(--ui-unit));background:var(--ink);left:0;right:0}.stake-options{gap:calc(4 * var(--ui-unit))}.stake-options button{position:relative;display:grid;place-items:center;width:100%;min-width:calc(44 * var(--ui-unit));height:auto;min-height:calc(44 * var(--ui-unit));aspect-ratio:1;padding:0;background:transparent;border:0;border-radius:50%;color:var(--ink);opacity:.45;transition:opacity .15s}.stake-options button:not(.active):hover,.stake-options button:not(.active):focus-visible{opacity:.8}.stake-options button img{display:block;width:100%;height:100%;pointer-events:none;filter:none;transition:filter .15s,transform .15s}.stake-options button span{color:#e7e5e0;font-family:Patrick Hand,cursive;position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding-bottom:calc(1 * var(--ui-unit));font-size:calc(17 * var(--ui-unit));font-weight:400;letter-spacing:0;pointer-events:none}.stake-options button:hover img{filter:brightness(1.08);transform:translateY(calc(-1 * var(--ui-unit)))}.stake-options button.active{opacity:1;color:var(--ink);box-shadow:none}.stake-options button.active:after{content:"";position:absolute;inset:calc(-4 * var(--ui-unit));background:var(--ink);mask:url(/chalk-chip-ring.svg) center / contain no-repeat;pointer-events:none}.stake-options button.active img{filter:none}@media(max-width:760px){.board-navigation{gap:calc(14 * var(--ui-unit))}.board-navigation .board-brand{margin-right:0}.board-brand span{display:none}.board-navigation button{font-size:calc(12 * var(--ui-unit))}.stake-options{gap:calc(4 * var(--ui-unit))}.stake-options button{width:calc(44 * var(--ui-unit));height:calc(44 * var(--ui-unit));justify-self:center}.stake-options button span{font-family:Patrick Hand,cursive;font-size:calc(17 * var(--ui-unit))}.back-live{font-size:0;gap:0;width:calc(27 * var(--ui-unit));height:calc(29 * var(--ui-unit));justify-content:center}.back-live svg{width:calc(14 * var(--ui-unit));height:calc(14 * var(--ui-unit))}}.time-axis{bottom:0;top:auto;border-bottom:0;border-top:calc(1 * var(--ui-unit)) solid var(--line)}.price-axis-title{top:auto;bottom:0;border-top:calc(1 * var(--ui-unit)) solid var(--line)}.bet-chip{position:relative;width:calc(24 * var(--ui-unit));height:calc(24 * var(--ui-unit));min-width:calc(24 * var(--ui-unit));min-height:calc(24 * var(--ui-unit));flex:0 0 calc(24 * var(--ui-unit));padding:0;aspect-ratio:1;border-radius:50%}.bet-chip img{display:block;width:100%;height:100%;pointer-events:none}.bet-chip>span{font-family:Patrick Hand,cursive;position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:calc(11 * var(--ui-unit));font-weight:400;letter-spacing:0;color:#e7e5e0;padding-bottom:calc(1 * var(--ui-unit))}.activity-chip{width:calc(29 * var(--ui-unit));height:calc(29 * var(--ui-unit));flex-basis:calc(29 * var(--ui-unit))}.web3-wallet{flex-shrink:0;border:calc(1 * var(--ui-unit)) solid var(--line-strong);border-radius:calc(6 * var(--ui-unit));background:var(--panel);padding:0 calc(12 * var(--ui-unit)) calc(10 * var(--ui-unit))}.wallet-trigger{display:flex;align-items:center;gap:calc(9 * var(--ui-unit));width:100%;min-height:calc(44 * var(--ui-unit));padding:0;font-size:calc(17 * var(--ui-unit));color:var(--ink)}.wallet-trigger>span:first-of-type{flex:1;text-align:left}.wallet-connected-dot{width:calc(6 * var(--ui-unit));height:calc(6 * var(--ui-unit));border-radius:50%;background:var(--green)}.wallet-overview{display:flex;justify-content:space-between;gap:calc(8 * var(--ui-unit));color:var(--muted);font-size:calc(12 * var(--ui-unit))}.wallet-overview>*{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wallet-overview strong{font-weight:400;color:var(--ink)}.is-connected .wallet-overview{flex-direction:column;gap:calc(4 * var(--ui-unit));padding:calc(10 * var(--ui-unit)) 0 calc(8 * var(--ui-unit));border-top:calc(1 * var(--ui-unit)) solid var(--line)}.wallet-balance-label{margin-top:calc(10 * var(--ui-unit));font-size:calc(14 * var(--ui-unit))}.is-connected .wallet-overview strong{font-size:calc(34 * var(--ui-unit));line-height:1.2;white-space:normal;overflow-wrap:anywhere}.wallet-overview strong small{font-size:calc(16 * var(--ui-unit));color:var(--muted);white-space:nowrap}.wallet-dialog{width:min(calc(420 * var(--ui-unit)),calc(100vw - calc(28 * var(--ui-unit))))}.wallet-dialog h2{font-size:calc(25 * var(--ui-unit))}.wallet-help,.wallet-note,.wallet-provider-name{color:var(--muted);font-size:calc(16 * var(--ui-unit));line-height:1.5}.wallet-note{font-size:calc(13 * var(--ui-unit));margin:calc(20 * var(--ui-unit)) 0 0;border-top:calc(1 * var(--ui-unit)) solid var(--line);padding-top:calc(14 * var(--ui-unit))}.wallet-choices{display:grid;gap:calc(8 * var(--ui-unit))}.wallet-choices button{display:flex;align-items:center;gap:calc(12 * var(--ui-unit));min-height:calc(54 * var(--ui-unit));padding:calc(10 * var(--ui-unit)) calc(14 * var(--ui-unit));border:calc(1 * var(--ui-unit)) solid var(--line-strong);border-radius:calc(5 * var(--ui-unit));text-align:left}.wallet-choices button>span:first-of-type{flex:1;overflow-wrap:anywhere}.wallet-choices button>span:last-child{color:var(--muted);font-size:calc(13 * var(--ui-unit))}.wallet-choices button:hover,.wallet-actions button:hover,.wallet-disconnect:hover{background:var(--surface)}.wallet-details{margin:calc(14 * var(--ui-unit)) 0}.wallet-details>div{display:flex;justify-content:space-between;gap:calc(20 * var(--ui-unit));padding:calc(12 * var(--ui-unit)) 0;border-bottom:calc(1 * var(--ui-unit)) solid var(--line)}.wallet-details dt{color:var(--muted);flex-shrink:0}.wallet-details dd{margin:0;text-align:right;overflow-wrap:anywhere;min-width:0}.wallet-details small{color:var(--muted)}.wallet-address{font-family:ui-monospace,monospace;font-size:calc(12 * var(--ui-unit));line-height:1.7}.wallet-actions{display:flex;gap:calc(8 * var(--ui-unit))}.wallet-actions button,.wallet-disconnect{display:flex;align-items:center;justify-content:center;gap:calc(7 * var(--ui-unit));min-height:calc(44 * var(--ui-unit));padding:calc(8 * var(--ui-unit)) calc(12 * var(--ui-unit));border:calc(1 * var(--ui-unit)) solid var(--line);border-radius:calc(4 * var(--ui-unit))}.wallet-actions button{flex:1}.wallet-disconnect{width:100%;margin-top:calc(10 * var(--ui-unit));color:var(--muted)}.wallet-error{color:var(--red);font-size:calc(15 * var(--ui-unit))}.wallet-empty{display:flex;flex-direction:column;align-items:center;gap:calc(12 * var(--ui-unit));padding:calc(24 * var(--ui-unit)) calc(12 * var(--ui-unit));text-align:center;border:calc(1 * var(--ui-unit)) dashed var(--line-strong);border-radius:calc(5 * var(--ui-unit))}.wallet-empty strong{font-size:calc(20 * var(--ui-unit));font-weight:400}.wallet-empty p{margin:0;color:var(--muted);line-height:1.5}@media(max-width:760px){.workspace{grid-template-rows:calc(52 * var(--ui-unit)) calc(76 * var(--ui-unit)) minmax(0,1fr) calc(49 * var(--ui-unit)) calc(68 * var(--ui-unit))}.market-column{grid-row:3}.stake-panel{grid-row:5}.activity-panel{grid-row:4}.web3-wallet{grid-row:2;grid-column:1;display:flex;align-items:center;gap:calc(14 * var(--ui-unit));border:0;border-bottom:calc(1 * var(--ui-unit)) solid var(--line);border-radius:0;padding:0 calc(12 * var(--ui-unit))}.wallet-trigger{width:auto;flex:1;font-size:calc(16 * var(--ui-unit))}.wallet-overview{flex-direction:column;align-items:flex-end;gap:0;max-width:48%;font-size:calc(12 * var(--ui-unit))}.wallet-overview>*{max-width:100%}.is-connected .wallet-overview{border:0;padding:0;gap:calc(2 * var(--ui-unit));max-width:55%;text-align:right}.wallet-balance-label{display:none}.is-connected .wallet-overview strong{font-size:calc(27 * var(--ui-unit))}.wallet-overview strong small{font-size:calc(13 * var(--ui-unit))}}.market-selector-trigger{text-align:left;padding:0;align-items:flex-start;min-height:calc(44 * var(--ui-unit));min-width:0}.market-selector-trigger:hover .market-pair{color:var(--ink)}.market-pair{display:flex;align-items:center;gap:calc(6 * var(--ui-unit));color:var(--muted);font-size:calc(12 * var(--ui-unit));white-space:nowrap}.market-dot{width:calc(5 * var(--ui-unit));height:calc(5 * var(--ui-unit));border-radius:50%}.coin-dialog{width:min(calc(460 * var(--ui-unit)),calc(100vw - 28px));padding:calc(24 * var(--ui-unit))}.coin-dialog[open]{display:flex;flex-direction:column;max-height:85dvh}.coin-dialog .dialog-header,.coin-search,.coin-footnote{flex-shrink:0}.coin-intro{color:var(--muted);font-size:calc(15 * var(--ui-unit));margin-top:calc(5 * var(--ui-unit))}.coin-search{display:flex;align-items:center;gap:calc(10 * var(--ui-unit));background:var(--bg);border:1px solid var(--line-strong);border-radius:calc(5 * var(--ui-unit));margin:calc(18 * var(--ui-unit)) 0 calc(12 * var(--ui-unit));padding:0 calc(12 * var(--ui-unit));color:var(--muted)}.coin-search:focus-within{border-color:var(--ink)}.coin-search input{width:100%;min-width:0;height:calc(44 * var(--ui-unit));border:0;background:transparent;font:inherit;font-size:calc(16 * var(--ui-unit));color:var(--ink);outline:none}.coin-search input::placeholder{color:var(--muted)}.coin-results{overflow-y:auto;min-height:0;max-height:calc(400 * var(--ui-unit));scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent}.coin-results h3{font-size:calc(12 * var(--ui-unit));font-weight:400;color:var(--muted);padding:calc(10 * var(--ui-unit)) calc(4 * var(--ui-unit))}.coin-option{display:flex;align-items:center;gap:calc(12 * var(--ui-unit));width:100%;min-height:calc(64 * var(--ui-unit));padding:calc(10 * var(--ui-unit));text-align:left;border:1px solid transparent;border-radius:calc(5 * var(--ui-unit))}.coin-option:hover,.coin-option:focus-visible{background:var(--accent-soft);outline-offset:-2px}.coin-option[aria-pressed=true]{background:var(--panel);border-color:var(--line-strong)}.coin-mark{flex:0 0 calc(36 * var(--ui-unit));width:calc(36 * var(--ui-unit));height:calc(36 * var(--ui-unit));display:grid;place-items:center;border:1px dashed currentColor;border-radius:50%;color:var(--coin-color);font-size:calc(23 * var(--ui-unit))}.coin-name{display:flex;flex:1;flex-direction:column;gap:calc(2 * var(--ui-unit))}.coin-name strong{font-size:calc(18 * var(--ui-unit));font-weight:400}.coin-name small,.coin-name>span{color:var(--muted);font-size:calc(13 * var(--ui-unit))}.coin-selected{display:flex;align-items:center;gap:calc(6 * var(--ui-unit));font-size:calc(12 * var(--ui-unit))}.coin-select-hint{color:var(--muted);font-size:calc(12 * var(--ui-unit))}.coin-footnote{margin-top:calc(14 * var(--ui-unit));padding-top:calc(12 * var(--ui-unit));border-top:1px solid var(--line);color:var(--muted);font-size:calc(12 * var(--ui-unit))}.coin-empty{padding:calc(30 * var(--ui-unit)) calc(10 * var(--ui-unit));text-align:center;color:var(--muted)}.coin-empty strong{font-weight:400;color:var(--ink)}.coin-empty p{font-size:calc(14 * var(--ui-unit));margin:calc(5 * var(--ui-unit)) 0}.coin-empty button{min-height:44px;text-decoration:underline}.bet-market-link{display:block;font-size:calc(11 * var(--ui-unit));color:var(--muted);padding:0;margin-bottom:calc(3 * var(--ui-unit));text-decoration:underline;text-underline-offset:calc(3 * var(--ui-unit))}.bet-market-link:hover{color:var(--ink)}@media(max-width:760px){.market-selector-trigger{min-height:44px;justify-content:center}.market-pair{font-size:11px}.coin-dialog{padding:20px}}.market-logo{width:calc(17 * var(--ui-unit));height:calc(17 * var(--ui-unit));object-fit:contain}.coin-logo{flex:0 0 calc(36 * var(--ui-unit));width:calc(36 * var(--ui-unit));height:calc(36 * var(--ui-unit));object-fit:contain}.coin-entry{border-bottom:1px solid var(--line);padding-bottom:calc(6 * var(--ui-unit))}.coin-name .coin-network{font-size:calc(11 * var(--ui-unit));color:var(--muted)}.coin-details{padding:0 calc(10 * var(--ui-unit));font-size:calc(12 * var(--ui-unit));color:var(--muted)}.coin-details summary{cursor:pointer;min-height:32px;padding-block:calc(7 * var(--ui-unit))}.coin-details summary:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.coin-address{display:block;font-family:ui-monospace,monospace;font-size:calc(11 * var(--ui-unit));overflow-wrap:anywhere;color:var(--ink);line-height:1.8;padding-block:calc(6 * var(--ui-unit))}.coin-source-links{display:flex;gap:calc(18 * var(--ui-unit))}.coin-source-links a{display:inline-flex;align-items:center;min-height:44px;text-decoration:underline;text-underline-offset:3px}.coin-wallet-balance{max-width:30%;font-family:ui-monospace,monospace;font-size:calc(11 * var(--ui-unit));overflow-wrap:anywhere;text-align:right}.coin-footnote>span{display:block;margin-top:6px}.coin-footnote>button{display:block;min-height:44px;text-decoration:underline}