:root{font-family:system-ui,-apple-system,Segoe UI,Microsoft YaHei,sans-serif;font-size:18px;line-height:1.5;color:#20282c;background:#172024;font-synthesis:none}*{box-sizing:border-box}body{margin:0}[hidden]{display:none!important}button,select{font:inherit;color:inherit}button{min-width:48px;min-height:52px;padding:8px 14px;background:#f1f0eb;border:1px solid #788382;border-radius:3px;cursor:pointer}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:3px solid #974a42;outline-offset:2px}button[aria-pressed=true]{outline:3px solid #527b78;outline-offset:-3px}button:disabled{opacity:.6;cursor:default}a{color:#354e64;text-underline-offset:4px}p,h1,h2{margin:0}#mobile-root{position:fixed;inset:0 auto auto 0;width:100%;height:100vh;height:100dvh;overflow:hidden;background:#172024;--safe-top: env(safe-area-inset-top, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px)}.safe-area-probe{position:absolute;visibility:hidden;pointer-events:none;padding:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left)}#safe-surface{position:absolute;display:grid;grid-template-rows:40px minmax(0,1fr) 56px;overflow:hidden;background:#f1f0eb}.mobile-header{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-inline:12px;white-space:nowrap;font-size:16px}.mobile-header strong{font-weight:600}#short-goal{overflow:hidden;text-overflow:ellipsis}#mobile-body{min-width:0;min-height:0;overflow:hidden}#scene-host{position:relative;height:100%;width:100%;overflow:hidden;background:#172024}#touch-canvas{display:block;width:100%;height:100%;touch-action:none}#show-targets{position:absolute;top:8px;right:12px;min-height:48px;font-size:18px}#touch-result{position:absolute;left:12px;right:12px;bottom:8px;padding:4px 8px;background:#f1f0eb;color:#20282c;border-left:3px solid #527b78;font-size:16px;pointer-events:none}.mobile-toolbar{display:grid;grid-template-columns:repeat(4,minmax(72px,1fr));gap:8px;align-items:stretch;padding:4px 8px}.mobile-toolbar button{min-height:48px;padding:2px 4px;font-size:18px;line-height:1.15}#portrait-content{display:none}[data-layout=compact] #safe-surface{grid-template-rows:24px minmax(0,1fr) 48px}[data-layout=compact] .mobile-toolbar{padding-block:0}[data-layout=compact] #show-targets{top:4px}[data-layout=compact] #touch-result{bottom:4px}[data-layout=portrait] #mobile-body{overflow-y:auto;touch-action:pan-y pinch-zoom}[data-layout=portrait] .mobile-header #short-goal{display:none}[data-layout=portrait] #tool-reading span{display:block}[data-layout=portrait] #scene-host{height:auto;aspect-ratio:16 / 9;flex-shrink:0}[data-layout=portrait] #show-targets{display:none}[data-layout=portrait] #touch-result{position:relative;inset:auto;margin:0;font-size:16px}[data-layout=portrait] #scene-host{overflow:visible;margin-bottom:58px}[data-layout=portrait] #touch-canvas{position:absolute;inset:0}[data-layout=portrait] #touch-result{position:absolute;top:100%;bottom:auto;width:100%;min-height:48px}[data-layout=portrait] #portrait-content{display:block;padding:12px 16px 20px}#portrait-content h1,#panel-title{font-size:22px;line-height:1.4}#portrait-content p{margin-block:12px}.target-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px;margin-block:12px}.target-list button{text-align:left;min-height:52px}#test-panel{position:fixed;margin:0;padding:0;border:0;max-width:none;max-height:none;left:var(--panel-left);top:var(--panel-top);width:var(--panel-width);height:var(--panel-height);color:#20282c;background:#f1f0eb;overflow:hidden}#test-panel[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto}#test-panel::backdrop{background:#172024e6}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 16px;border-bottom:1px solid #c4c9c7}#panel-scroll{overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y pinch-zoom;padding:16px;font-size:18px}#panel-scroll p{margin-bottom:14px}.panel-footer{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;padding:8px 16px;border-top:1px solid #c4c9c7}#panel-result{font-size:16px}#panel-actions{display:flex;gap:8px;flex-wrap:wrap}.diagnostic-actions{display:flex;gap:8px;flex-wrap:wrap;margin-block:16px}.diagnostic-data{white-space:pre-wrap;word-break:break-word;font:inherit;font-size:16px}.test-label{color:#974a42;font-size:16px}[data-font=large] #panel-scroll,[data-font=large] #portrait-content,[data-font=large] .target-list button{font-size:22px}[data-layout=compact] .panel-header,[data-layout=compact] .panel-footer{padding-block:4px}