:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#252a2d;background:#f4f4ef;font-synthesis:none;--purple:#6d53bd;--green:#237850;--red:#b84d59;--line:#e4e5dc;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px);-webkit-text-size-adjust:100%}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overscroll-behavior:none}body{overflow:hidden}button,select{font:inherit;color:inherit}button{border:0;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}button:disabled{cursor:default;opacity:.35}button:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #9275d9;outline-offset:3px}button svg{pointer-events:none}svg{vertical-align:middle}h1,h2,p{margin:0}[hidden]{display:none!important}.skip-link{position:fixed;top:-70px;left:12px;padding:10px;background:#fff;z-index:9}.skip-link:focus{top:10px}
#app{height:100vh;height:100svh;height:100dvh;overflow:hidden}.shell{height:100%;width:min(100%,1060px);margin:auto;padding:max(10px,var(--safe-top)) 14px max(10px,var(--safe-bottom));display:grid;grid-template-rows:44px minmax(0,1fr) 16px;gap:10px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}.brand{display:flex;align-items:center;gap:8px;min-width:0}.brand-mark{height:31px;width:31px;background:var(--purple);color:white;border-radius:10px;display:grid;place-items:center;transform:rotate(-5deg);flex-shrink:0}.brand h1{font-size:18px;letter-spacing:-.7px;font-weight:800}.brand h1 span{color:var(--purple)}.top-buttons{display:flex;align-items:center;gap:5px}.icon-button{height:44px;min-width:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;gap:5px;background:transparent;color:#706c78}.pause-button{font-size:11px;padding:0 8px}.icon-button:hover{background:#eae8e3}.practice-label{font-size:9px;font-weight:650;letter-spacing:.4px;color:#7c7781;white-space:nowrap}.game{display:grid;grid-template-rows:64px minmax(0,1fr) 132px;gap:12px;min-height:0;min-width:0}.wallet{display:grid;grid-template-columns:1fr 1fr;gap:12px;min-height:0}.wallet-item{background:#eae6f3;padding:9px 14px;border:1px solid #e1dbee;border-radius:11px;display:flex;flex-direction:column;justify-content:center;min-width:0}.wallet-item:last-child{background:#fff;border-color:var(--line)}.wallet-label{font-size:10px;color:#797181;display:flex;justify-content:space-between;gap:7px;align-items:baseline}.wallet-value{font-size:23px;font-weight:750;letter-spacing:-.7px;line-height:1.3;white-space:nowrap;font-variant-numeric:tabular-nums}.gain{font-size:10px;font-weight:650;font-variant-numeric:tabular-nums}.positive{color:var(--green)!important}.negative{color:var(--red)!important}.neutral{color:#8d8791!important}
.market{background:white;border:1px solid var(--line);border-radius:15px;padding:13px 14px 10px;display:grid;grid-template-rows:34px 52px minmax(0,1fr) 16px;gap:7px;min-width:0;min-height:0;overflow:hidden}.ticker-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.symbol-picker{position:relative;min-width:0;flex:1}.symbol-picker select{width:100%;max-width:235px;font-size:16px;font-weight:700;letter-spacing:-.3px;border:0;background:#f4f2f8;border-radius:7px;padding:6px 26px 6px 9px;min-height:34px;cursor:pointer;text-overflow:ellipsis}.live-badge{font-size:9px;font-weight:750;letter-spacing:.7px;color:var(--green);white-space:nowrap;display:flex;gap:5px;align-items:center}.live-badge i{width:5px;height:5px;background:currentColor;border-radius:50%;display:inline-block}.live-badge.paused{color:#8a7a91}.quote-row{display:flex;justify-content:space-between;align-items:center;gap:10px}.quote-price{font-size:36px;letter-spacing:-1.3px;font-weight:750;font-variant-numeric:tabular-nums;line-height:1}.quote-move{text-align:right;font-size:13px;font-weight:650;font-variant-numeric:tabular-nums}.quote-move small{display:block;font-size:9px;color:#9b919f;font-weight:450;margin-top:4px}.chart-box{position:relative;min-height:0;min-width:0;overflow:hidden}.candles{position:absolute;inset:0;display:block;width:100%;height:100%;overflow:hidden}.candle-key{display:flex;justify-content:space-between;gap:6px;color:#99909d;font-size:9px;line-height:16px;white-space:nowrap}.candle-key .key-colours{display:flex;gap:9px}.candle-up{color:#3e8a65}.candle-down{color:#bc6872}.trading{display:grid;grid-template-rows:32px 66px minmax(0,1fr);gap:7px;min-height:0;min-width:0}.holding{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 3px}.holding-label{font-size:11px;color:#7e7585}.holding-value{font-size:12px;font-weight:700;font-variant-numeric:tabular-nums}.holding-value strong{font-size:19px;color:#39313f;margin-right:4px}.trade-buttons{display:grid;grid-template-columns:1fr 1fr;gap:12px;min-height:0}.trade-button{width:100%;min-height:44px;border-radius:13px;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;box-shadow:0 3px 0 #0000000b}.trade-button.buy{background:#2c8860}.trade-button.sell{background:#c16873}.trade-button span{font-size:22px;font-weight:750;letter-spacing:-.6px}.trade-button small{font-size:11px;opacity:.85;font-variant-numeric:tabular-nums}.trade-button:active:not(:disabled){transform:translateY(1px);box-shadow:none}.trade-status{font-size:10px;line-height:1.4;text-align:center;color:#8b7e95;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.trade-status.error{color:#b24d53}.footer{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:9px;color:#9a929f;white-space:nowrap;line-height:16px}.footer .unsaved{color:#b2603c}.noscript{padding:20px;font-size:14px}
dialog{width:min(400px,calc(100vw - 28px));max-height:calc(100svh - 40px);padding:23px;border:1px solid #e4dfee;border-radius:16px;background:white;color:#34303b;box-shadow:0 20px 90px #17102526;overflow-y:auto}dialog::backdrop{background:#21192d66;backdrop-filter:blur(3px)}.dialog-header{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px}.dialog-header h2{font-size:21px;letter-spacing:-.6px}.dialog-close{height:36px;width:36px;display:grid;place-items:center;border-radius:50%;background:#f4f1f7;flex-shrink:0}.dialog-copy{font-size:12px;line-height:1.75;color:#8a7c95;margin-bottom:18px}.field-label{display:block;font-size:12px;margin-bottom:7px;font-weight:650}.account-picker{width:100%;min-height:44px;border:1px solid #ddd5e7;border-radius:8px;background:white;font-size:16px;padding:9px}.dialog-actions{display:flex;gap:9px;margin-top:17px}.dialog-button{min-height:44px;border:1px solid #ded5e8;background:#f6f2fa;border-radius:8px;padding:10px 13px;font-size:12px;font-weight:650;flex:1}.dialog-button.primary{background:var(--purple);color:white;border-color:var(--purple)}.dialog-button.danger{background:#ba5c68;color:white;border-color:#ba5c68}.dialog-note{font-size:10px;color:#9a8da4;line-height:1.7;margin-top:18px}.dialog-note a{color:#79608d}.storage-alert{font-size:11px;line-height:1.6;color:#ac6942;background:#fff2de;padding:11px;border-radius:8px;margin-bottom:15px}
@media(min-width:760px){.shell{padding-inline:25px;padding-top:max(18px,var(--safe-top));padding-bottom:max(16px,var(--safe-bottom));gap:17px;max-height:850px}.brand h1{font-size:22px}.game{grid-template-columns:minmax(0,1.7fr) minmax(240px,1fr);grid-template-rows:100px minmax(0,1fr);gap:20px}.market{grid-column:1;grid-row:1/-1;padding:22px;grid-template-rows:42px 70px minmax(0,1fr) 18px;gap:14px}.wallet{grid-column:2;grid-row:1;gap:12px}.wallet-item{padding:15px}.wallet-value{font-size:24px}.wallet-label{font-size:11px;flex-wrap:wrap;gap:3px}.gain{font-size:10px}.trading{grid-column:2;grid-row:2;grid-template-rows:minmax(50px,1fr) 78px 30px;gap:13px}.holding{align-self:end;padding:15px 5px}.holding-label{font-size:13px}.holding-value strong{font-size:25px}.holding-value{font-size:14px}.trade-buttons{gap:12px}.trade-button span{font-size:23px}.trade-button small{font-size:12px}.trade-status{font-size:11px;white-space:normal}.quote-price{font-size:43px}.quote-move{font-size:15px}.practice-label{font-size:11px}.footer{font-size:10px}.candle-key{font-size:10px}}
@media(max-height:620px) and (max-width:759px){.shell{padding-top:max(6px,var(--safe-top));padding-bottom:max(6px,var(--safe-bottom));grid-template-rows:44px minmax(0,1fr) 13px;gap:7px}.game{grid-template-rows:52px minmax(0,1fr) 115px;gap:9px}.wallet-item{padding:6px 12px}.wallet-value{font-size:21px}.market{padding:8px 11px;grid-template-rows:32px 42px minmax(0,1fr) 14px;gap:4px}.quote-price{font-size:31px}.symbol-picker select{font-size:16px;min-height:32px;padding-block:4px}.trading{grid-template-rows:26px 61px minmax(0,1fr);gap:5px}.trade-button span{font-size:21px}.candle-key{font-size:8px;line-height:14px}.footer{font-size:8px;line-height:13px}.icon-button{height:44px}.brand h1{font-size:17px}.brand-mark{width:28px;height:28px}}
@media(orientation:landscape) and (max-height:500px){.shell{padding: max(5px,var(--safe-top)) max(12px,var(--safe-right)) max(5px,var(--safe-bottom)) max(12px,var(--safe-left));grid-template-rows:44px minmax(0,1fr) 12px;gap:6px}.game{grid-template-columns:minmax(0,1.5fr) minmax(220px,1fr);grid-template-rows:48px minmax(0,1fr);gap:8px 14px}.market{grid-column:1;grid-row:1/-1;grid-template-rows:31px 36px minmax(0,1fr) 13px;padding:7px 11px;gap:3px}.wallet{grid-column:2;grid-row:1;gap:8px}.wallet-item{padding:5px 9px;border-radius:8px}.wallet-label{font-size:9px;flex-wrap:nowrap}.wallet-value{font-size:18px}.gain{font-size:9px}.trading{grid-column:2;grid-row:2;grid-template-rows:minmax(25px,1fr) 53px 24px;gap:4px}.holding{align-self:end;padding:0 3px 5px}.holding-label{font-size:10px}.holding-value strong{font-size:18px}.holding-value{font-size:11px}.trade-button{border-radius:10px}.trade-button span{font-size:19px}.trade-button small{font-size:10px}.trade-status{font-size:9px;white-space:normal}.quote-price{font-size:29px}.quote-move{font-size:11px}.quote-move small{font-size:8px;margin-top:2px}.symbol-picker select{min-height:30px;font-size:16px;padding-block:3px}.brand-mark{width:26px;height:26px;border-radius:8px}.brand h1{font-size:16px}.icon-button{height:44px;min-width:44px}.candle-key{font-size:8px;line-height:13px}.footer{font-size:8px;line-height:12px}.practice-label{font-size:9px}}
@media(max-width:350px){.shell{padding-inline:10px}.practice-label{display:none}.wallet-value{font-size:21px}.wallet-item{padding-inline:10px}.market{padding-inline:10px}.wallet-label{font-size:9px}.gain{font-size:9px}.trade-buttons{gap:9px}.quote-price{font-size:31px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.wallet-value.long-number{font-size:17px}.wallet-value.very-long-number{font-size:13px}