:root{color-scheme:dark;--bg:#17171d;--surface:#202027;--surface2:#292830;--text:#e7e3ea;--muted:#b8b5c0;--dim:#85818d;--purple:#c9a7ff;--green:#b8d9c0;--blue:#a9d6e5;--yellow:#e8d9a7;--gold:#d8b47a;--red:#dfa3a8;--line:rgba(231,227,234,.1);--mono:ui-monospace,"SFMono-Regular","Cascadia Code",Consolas,monospace;font-family:var(--mono),"Noto Sans TC",ui-sans-serif,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--text);background:linear-gradient(rgba(201,167,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(201,167,255,.025) 1px,transparent 1px),radial-gradient(circle at 50% -10%,rgba(201,167,255,.12),transparent 35%),var(--bg);background-size:16px 16px,16px 16px,auto,auto}button,input{font:inherit}button,a{color:inherit}[hidden]{display:none!important}.app-shell{width:min(100%,520px);min-height:100vh;margin:auto;display:flex;flex-direction:column;border-inline:1px solid var(--line);background:linear-gradient(180deg,#222129,#1d1d24);box-shadow:0 30px 90px rgba(0,0,0,.3)}.app-header{min-height:72px;padding:13px 17px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:9px;text-decoration:none}.brand-mark{width:37px;height:37px;display:grid;place-items:center;border:2px solid rgba(231,227,234,.14);border-radius:7px;color:var(--surface);background:linear-gradient(135deg,var(--green) 0 50%,var(--purple) 50%);font-weight:600}.brand>span:last-child{display:grid}.brand b{font-size:14px}.brand small{color:var(--dim);font:500 8px var(--mono);letter-spacing:.1em}.header-player{display:flex;align-items:center;gap:9px}.sim-chip{padding:4px 6px;border:1px solid rgba(232,217,167,.2);border-radius:5px;color:var(--yellow);font:500 8px var(--mono)}.avatar,.large-avatar{display:grid;place-items:center;overflow:hidden;border:1px solid rgba(184,217,192,.28);background:rgba(169,214,229,.08);image-rendering:pixelated}.avatar{width:38px;height:38px;padding:4px;border-radius:7px;cursor:pointer}.large-avatar{width:56px;height:56px;padding:6px;border-radius:9px}.pixel-face,.player-image{grid-area:1/1;width:100%;height:100%;display:block;border-radius:3px;image-rendering:pixelated}.pixel-face{background:linear-gradient(#3e3448 0 0) 0 0/100% 25% no-repeat,linear-gradient(#202027 0 0) 22% 50%/18% 16% no-repeat,linear-gradient(#202027 0 0) 78% 50%/18% 16% no-repeat,linear-gradient(#c38d91 0 0) 50% 78%/28% 10% no-repeat,linear-gradient(135deg,#d8b47a,#d8a7d8)}.player-image{object-fit:cover}.system-message{margin:auto;padding:40px 22px;color:var(--muted);text-align:center;line-height:1.7}.system-message.error{color:var(--red)}main{flex:1}.view{padding:23px 17px 31px}.title-row,.block-title{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.kicker{margin:0 0 5px;color:var(--dim);font:600 9px var(--mono);letter-spacing:.1em}h1,h2,p{margin-top:0}h1{margin-bottom:0;font-size:clamp(24px,7vw,31px);line-height:1.18;letter-spacing:-.04em}h2{margin-bottom:0;font-size:18px}.title-row>span,.sync-state{color:var(--green);font:500 9px var(--mono)}.asset-card{position:relative;min-height:195px;margin-top:20px;padding:19px;overflow:hidden;border:1px solid rgba(201,167,255,.2);border-radius:20px;background:radial-gradient(circle at 92% 4%,rgba(201,167,255,.22),transparent 36%),linear-gradient(145deg,#2c2934,#24232b)}.asset-top{display:flex;justify-content:space-between;color:var(--muted);font-size:11px}.asset-top button,.block-title button{padding:0;border:0;color:var(--green);background:transparent;font-size:10px;cursor:pointer}.asset-card strong{display:block;margin-top:14px;font:600 27px var(--mono)}.asset-meta{margin-top:8px;display:flex;justify-content:space-between;color:var(--green);font-size:10px}.asset-meta small{color:var(--dim);font:500 8px var(--mono)}.pixel-bars{position:absolute;right:16px;bottom:15px;left:16px;height:48px;display:flex;align-items:flex-end;gap:5px;opacity:.5}.pixel-bars i{flex:1;background:linear-gradient(var(--purple),var(--green));border-radius:2px 2px 0 0}.pixel-bars i:nth-child(1){height:22%}.pixel-bars i:nth-child(2){height:39%}.pixel-bars i:nth-child(3){height:31%}.pixel-bars i:nth-child(4){height:52%}.pixel-bars i:nth-child(5){height:44%}.pixel-bars i:nth-child(6){height:68%}.pixel-bars i:nth-child(7){height:63%}.pixel-bars i:nth-child(8){height:83%}.quick-grid{margin-top:11px;display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.quick{min-height:102px;padding:15px;display:grid;gap:3px;text-align:left;text-decoration:none;border:1px solid var(--line);border-radius:15px;background:var(--surface2);cursor:pointer}.quick span{color:var(--purple);font-size:19px}.quick b{margin-top:7px;font-size:12px}.quick small{color:var(--dim);font-size:9px}.quick.primary{border-color:rgba(184,217,192,.23);background:linear-gradient(145deg,rgba(184,217,192,.12),var(--surface2))}.quick.primary span{color:var(--green)}.quick.disabled{opacity:.42;cursor:not-allowed}.block{margin-top:25px}.block-title{margin-bottom:10px}.stock-list,.holding-list,.order-list{display:grid;gap:7px}.stock-row{width:100%;padding:11px 12px;display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:10px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.025);text-align:left;cursor:pointer}.stock-symbol{width:40px;height:40px;display:grid;place-items:center;border-radius:7px;color:var(--surface);background:var(--purple);font:600 10px var(--mono)}.stock-copy{min-width:0;display:grid;gap:3px}.stock-copy b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.stock-copy small{color:var(--dim);font-size:9px}.stock-quote{display:grid;gap:3px;text-align:right;font-family:var(--mono)}.stock-quote b{font-size:11px}.stock-quote small{color:var(--green);font-size:9px}.stock-quote small.down{color:var(--red)}.simulation-banner{margin-top:15px;padding:11px;display:grid;grid-template-columns:33px 1fr;gap:10px;border:1px solid rgba(232,217,167,.18);border-radius:10px;background:linear-gradient(135deg,rgba(232,217,167,.07),rgba(201,167,255,.035))}.simulation-banner>span{width:33px;height:33px;display:grid;place-items:center;border-radius:5px;color:var(--surface);background:var(--yellow)}.simulation-banner div{display:grid;gap:3px}.simulation-banner b{color:var(--yellow);font-size:10px}.simulation-banner p{margin:0;color:var(--muted);font-size:9px;line-height:1.5}.search{margin:13px 0 11px;padding:0 12px;display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:11px;background:rgba(255,255,255,.035)}.search input{width:100%;min-height:44px;border:0;outline:0;color:var(--text);background:transparent;font-size:16px}.sector-tabs{margin-bottom:12px;display:flex;gap:6px;overflow-x:auto;scrollbar-width:none}.sector-tabs button{flex:none;padding:7px 9px;border:1px solid var(--line);border-radius:8px;color:var(--muted);background:transparent;font-size:9px;cursor:pointer}.sector-tabs button.active{color:var(--surface);border-color:var(--green);background:var(--green);font-weight:600}.summary{margin:19px 0 12px;padding:15px;display:grid;grid-template-columns:1fr 1fr;gap:13px;border-radius:15px;background:linear-gradient(145deg,rgba(169,214,229,.1),rgba(201,167,255,.06))}.summary div{display:grid;gap:4px}.summary small{color:var(--dim);font-size:9px}.summary b{font:500 13px var(--mono)}.holding,.order-row{padding:12px 2px;display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line)}.holding div,.order-row div{display:grid;gap:3px}.holding div:last-child,.order-row div:last-child{text-align:right}.holding b,.order-row b{font-size:11px}.holding small,.order-row small{color:var(--dim);font-size:9px}.order-row em{color:var(--yellow);font-size:9px;font-style:normal}.order-row em.done{color:var(--green)}.order-row em.failed{color:var(--red)}.empty{padding:18px 4px;color:var(--dim);font-size:10px;text-align:center}.identity{margin:19px 0 23px;padding:16px;display:grid;grid-template-columns:56px minmax(0,1fr) auto;align-items:center;gap:11px;border:1px solid rgba(201,167,255,.18);border-radius:16px;background:linear-gradient(145deg,rgba(201,167,255,.09),rgba(255,255,255,.02))}.identity>div{min-width:0;display:grid;gap:3px}.identity b{font-size:14px}.identity small{overflow:hidden;color:var(--dim);font:9px var(--mono);text-overflow:ellipsis;white-space:nowrap}.identity>span:last-child{color:var(--green);font-size:9px}.settings>a,.settings>div{min-height:64px;padding:10px 1px;display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:10px;border-bottom:1px solid var(--line);text-decoration:none}.settings i{width:36px;height:36px;display:grid;place-items:center;border-radius:8px;color:var(--surface);background:var(--purple);font-style:normal}.settings span{display:grid;gap:3px}.settings b{font-size:11px}.settings small,.settings em{color:var(--dim);font-size:9px;font-style:normal}.bottom-nav{position:sticky;bottom:0;z-index:4;min-height:68px;padding:7px 9px max(7px,env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);background:rgba(32,32,39,.96);backdrop-filter:blur(16px)}.bottom-nav button{padding:5px;display:grid;place-items:center;gap:2px;border:0;color:var(--dim);background:transparent;font-size:9px;cursor:pointer}.bottom-nav span{font-size:18px}.bottom-nav button.active{color:var(--green)}.dialog-backdrop{position:fixed;z-index:10;inset:0;padding:16px;display:grid;place-items:center;background:rgba(10,10,13,.8);backdrop-filter:blur(7px)}.dialog{position:relative;width:min(100%,420px);max-height:calc(100vh - 32px);padding:22px;overflow-y:auto;border:1px solid var(--line);border-radius:19px;background:#292830}.dialog-close{position:absolute;top:11px;right:11px;width:36px;height:36px;border:0;border-radius:9px;color:var(--muted);background:rgba(255,255,255,.05);cursor:pointer}.trade-title{margin-bottom:14px;display:flex;justify-content:space-between;gap:10px}.trade-title h2{margin-bottom:3px}.trade-title small{color:var(--dim);font-size:9px}.trade-title strong{font:500 18px var(--mono)}.segmented{margin-bottom:13px;padding:3px;display:grid;grid-template-columns:1fr 1fr;gap:3px;border-radius:10px;background:rgba(255,255,255,.04)}.segmented button{min-height:38px;border:0;border-radius:8px;color:var(--muted);background:transparent;cursor:pointer}.segmented button.active{color:var(--surface);background:var(--green);font-weight:600}.dialog label{display:grid;gap:6px;color:var(--muted);font-size:10px}.dialog input{width:100%;min-height:44px;padding:10px 11px;border:1px solid var(--line);border-radius:10px;outline:0;color:var(--text);background:rgba(255,255,255,.04);font-size:16px}.estimate{margin-top:12px;padding:11px 0;display:flex;justify-content:space-between;border-block:1px solid var(--line);font-size:10px}.estimate b{font-family:var(--mono)}.order-warning{margin-top:11px;padding:9px 10px;display:grid;gap:3px;border-left:3px solid var(--yellow);background:rgba(232,217,167,.055)}.order-warning b{color:var(--yellow);font-size:9px}.order-warning span{color:var(--muted);font-size:9px;line-height:1.45}.dialog label.consent{margin-top:10px;grid-template-columns:16px 1fr;align-items:start;gap:7px;line-height:1.45;cursor:pointer}.dialog label.consent input{width:15px;min-height:15px;margin:0;accent-color:var(--green)}.submit-order{width:100%;min-height:46px;margin-top:12px;border:0;border-radius:10px;color:var(--surface);background:var(--green);font-weight:600;cursor:pointer}.submit-order:disabled{color:var(--dim);background:#36343d;cursor:not-allowed}.dialog-message{min-height:16px;margin:8px 0 0;color:var(--red);font-size:9px;text-align:center}.toast{position:fixed;z-index:20;right:16px;bottom:82px;left:16px;max-width:420px;margin:auto;padding:10px 13px;border-radius:10px;color:var(--surface);background:var(--green);text-align:center;font-size:10px;font-weight:600}@media(min-width:650px){body{padding:18px}.app-shell{min-height:850px;border:1px solid var(--line);border-radius:28px;overflow:hidden}.bottom-nav{position:static}}@media(max-width:380px){.sim-chip{display:none}.view{padding-inline:13px}.identity{grid-template-columns:50px minmax(0,1fr)}.identity>span:last-child{grid-column:2}.large-avatar{width:50px;height:50px}}

/* Lottery-specific additions */
.round-hero{position:relative;margin-top:20px;padding:22px 19px;overflow:hidden;border:1px solid rgba(232,217,167,.22);border-radius:20px;background:radial-gradient(circle at 92% 4%,rgba(232,217,167,.2),transparent 40%),linear-gradient(145deg,#2c2934,#24232b)}
.round-hero .kicker{margin-bottom:6px}
.round-hero .pot-value{display:block;font:600 30px var(--mono);color:var(--yellow)}
.round-hero .pot-label{color:var(--muted);font-size:10px}
.countdown-row{margin-top:16px;display:flex;justify-content:space-between;gap:10px}
.countdown-row div{display:grid;gap:3px}
.countdown-row small{color:var(--dim);font-size:9px}
.countdown-row b{font:500 13px var(--mono)}
.last-winner{margin-top:16px;padding:10px 12px;border-radius:11px;background:rgba(201,167,255,.08);color:var(--purple);font-size:10px;line-height:1.6}
.stepper{margin-top:19px;display:flex;align-items:center;justify-content:center;gap:14px}
.stepper button{width:44px;height:44px;border:1px solid var(--line);border-radius:11px;color:var(--text);background:var(--surface2);font-size:18px;cursor:pointer}
.stepper input{width:88px;min-height:44px;padding:0;border:1px solid var(--line);border-radius:10px;outline:0;color:var(--text);background:rgba(255,255,255,.04);font:600 18px var(--mono);text-align:center}
.buy-estimate{margin-top:14px;padding:11px 0;display:flex;justify-content:space-between;border-block:1px solid var(--line);font-size:10px}
.buy-estimate b{font-family:var(--mono);color:var(--yellow)}
.lottery-rule{margin:0 0 10px;color:var(--muted);font-size:11px;line-height:1.65}
.prize-grid{margin:11px 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.prize-tier{padding:11px;display:grid;gap:4px;border:1px solid rgba(232,217,167,.17);border-radius:10px;background:rgba(232,217,167,.05)}
.prize-tier b{color:var(--yellow);font-size:13px}.prize-tier span{color:var(--muted);font-size:10px}
label.consent{display:grid;grid-template-columns:17px 1fr;align-items:start;gap:8px;color:var(--muted);font-size:10px;line-height:1.5;cursor:pointer}
label.consent input{width:16px;height:16px;margin:0;accent-color:var(--green)}