*,:before,:after{box-sizing:border-box}html,body{height:100%;margin:0}body{color:#1a1028;background:#f4eefb;font-family:PingFang TC,Noto Sans CJK TC,Noto Sans TC,Microsoft JhengHei,sans-serif;line-height:1.5}button,input{font:inherit;color:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline-offset:2px;outline:3px solid #6f22bf}.skip{z-index:20;background:#fff;padding:8px;position:absolute;top:-40px;left:8px}.skip:focus{top:8px}#app{height:100dvh;position:relative;overflow:hidden}#stage{position:absolute;inset:0}#stage canvas{touch-action:none;width:100%;height:100%;display:block}.label-layer{pointer-events:none;z-index:2;inset:0;position:absolute!important;overflow:visible!important}.hud{z-index:4;pointer-events:none;justify-content:space-between;align-items:flex-start;gap:12px;display:flex;position:absolute;top:12px;left:12px;right:12px}.hud>*{pointer-events:auto}.brand-block,.live{background:#fffffff0;border:3px solid #6f22bf;border-radius:16px;padding:8px 12px;box-shadow:0 8px #6f22bf29}.logo,h1,.live p{margin:0}.logo{letter-spacing:.14em;color:#6f22bf;font-family:ui-monospace,Courier New,monospace;font-weight:800}h1{font-size:18px}.live{max-width:min(420px,46vw)}#clock{color:#6f22bf;font-weight:800}#tip{min-height:3em}.store,.buy,.link-row a{color:#fff;background:#6f22bf;border:3px solid #4a148c;border-radius:12px;align-items:center;padding:8px 12px;font-weight:800;text-decoration:none;display:inline-flex}.link-row a{color:#6f22bf;background:#fff;border-color:#6f22bf}.store{align-self:flex-start;box-shadow:0 6px #6f22bf29}#nav-toggle,#overview,#island-nav button,.isle-label,.topic-row button,.flag-btn,.back,#panel-close,.human,.chat form button,.chips button{background:#fff;border:3px solid #6f22bf;border-radius:12px;font-weight:800}#nav-toggle,#overview{z-index:4;position:absolute;left:12px}#nav-toggle{display:none;top:108px}#overview{padding:8px 14px;bottom:16px}#island-nav{z-index:4;flex-direction:column;gap:6px;display:flex;position:absolute;bottom:64px;left:12px}#island-nav button{text-align:left;padding:8px 12px}#island-nav button.is-on,.isle-label.is-on{color:#1a1028;background:#fff600}.hint{z-index:3;color:#666;background:#ffffffe0;border-radius:10px;margin:0;padding:4px 8px;font-size:13px;position:absolute;bottom:16px;right:16px}.isle-label{pointer-events:auto;white-space:nowrap;padding:4px 8px;font-size:13px;transform:translate(-50%,-50%)}#panel{z-index:5;background:#fff;border:3px solid #6f22bf;border-radius:18px;flex-direction:column;width:min(420px,100vw - 24px);max-height:calc(100dvh - 128px);display:flex;position:absolute;top:108px;right:12px;overflow:hidden;box-shadow:0 12px #6f22bf29}#panel[hidden]{display:none!important}.panel-bar{color:#fff;background:#6f22bf;justify-content:space-between;align-items:center;gap:8px;padding:8px 8px 8px 14px;display:flex}.panel-bar h2{margin:0;font-size:18px}#panel-close{color:#6f22bf;background:#fff}#panel-body{padding:12px 14px 16px;overflow:auto}#panel-body h3{margin:12px 0 6px;font-size:16px}#panel-body p{margin:0 0 10px}#panel-body ul{margin:0 0 12px;padding-left:1.2em}.note,.demo-banner{color:#1a1028;background:#fff600;border:2px solid #6f22bf;border-radius:8px;padding:8px}.table-wrap{margin-bottom:12px;overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:14px}caption{text-align:left;margin-bottom:6px;font-weight:800}th,td{text-align:left;border:2px solid #6f22bf;padding:6px 8px}th{color:#fff600;background:#6f22bf}.link-row,.topic-row,.flag-row{flex-wrap:wrap;gap:8px;margin:8px 0 12px;display:flex}.back{margin-bottom:8px}.flag-btn{width:72px;padding:4px}.flag-btn svg{background:#fff;border-radius:2px;width:100%;height:auto;display:block}.flag-btn span{text-align:center;font-size:12px;display:block}.chat-note{font-size:13px}.log{background:#f3eafa;border:3px solid #6f22bf;border-radius:12px;flex-direction:column;gap:8px;max-height:32dvh;margin-bottom:8px;padding:8px;display:flex;overflow:auto}.msg{border-radius:12px;max-width:94%;padding:8px 10px}.msg p{margin:0 0 8px}.msg p:last-child{margin-bottom:0}.msg.user{color:#fff;background:#6f22bf;align-self:flex-end}.msg.bot{background:#fff;border:2px solid #6f22bf;align-self:flex-start}.msg .buy{margin-top:8px}.chat-cats{color:#1a1028;background:#fff;border:3px solid #6f22bf;border-radius:12px;width:100%;margin:0 0 8px;padding:6px 8px;font-weight:800}.chips{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.chips button{padding:6px 8px;font-size:13px}.chat form{gap:8px;display:flex}.chat input{background:#fff;border:3px solid #6f22bf;border-radius:12px;flex:1;min-width:0;padding:8px}.chat form button,.human{padding:8px 12px}.chat form button{color:#fff;background:#6f22bf;border-color:#4a148c}.human{width:100%;margin-top:8px}.sr{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=820px){.hud{flex-wrap:nowrap;align-items:center;gap:6px;top:8px;left:8px;right:8px}.brand-block,.live{box-shadow:none;border-width:2px;border-radius:12px;padding:4px 8px}.brand-block{min-width:0}.logo{letter-spacing:.08em;font-size:10px}h1{white-space:nowrap;font-size:12px}.hud{grid-template-columns:minmax(0,auto) minmax(0,1fr) auto;grid-template-areas:"brand clock store""tip tip tip";display:grid}.brand-block{grid-area:brand}.live{display:contents}#clock{white-space:nowrap;background:#fffffff0;border:2px solid #6f22bf;border-radius:12px;grid-area:clock;justify-self:end;padding:4px 8px;font-size:11px}#tip{white-space:nowrap;text-overflow:ellipsis;background:#fffffff0;border:2px solid #6f22bf;border-radius:10px;grid-area:tip;min-height:0;margin:0;padding:2px 8px;font-size:11px;line-height:1.35;display:block;overflow:hidden}.store{white-space:nowrap;box-shadow:none;grid-area:store;align-self:center;padding:6px 8px;font-size:12px}#nav-toggle{z-index:6;padding:8px 12px;display:block;top:auto;bottom:12px;left:12px}#overview{bottom:12px;left:auto;right:12px}#island-nav{z-index:6;background:#fffffff7;border:3px solid #6f22bf;border-radius:16px;max-height:min(50dvh,420px);padding:8px;display:none;inset:auto 10px 60px;overflow:auto;box-shadow:0 8px #6f22bf29}#island-nav.is-open{display:flex}.hint{display:none}.isle-label{border-width:2px;border-radius:6px;padding:0 3px;font-size:9px;line-height:1.15;transform:translate(-50%,-160%)}#panel{border-radius:18px 18px 0 0;width:100%;max-height:72dvh;inset:auto 0 0}}