*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#f2e7c9;color:#302c26;font-family:system-ui,sans-serif}canvas{display:block;width:100vw;height:100vh;touch-action:none;cursor:grab}canvas:active{cursor:grabbing}header{position:fixed;z-index:2;top:10px;left:10px;right:10px;display:flex;justify-content:space-between;align-items:flex-start;gap:16px;pointer-events:none}header>div:first-child{padding:10px 13px;border:1px solid rgba(61,48,29,.16);border-radius:12px;background:rgba(255,250,236,.9);box-shadow:0 5px 18px rgba(69,49,19,.1);pointer-events:auto}a{color:#244b96;text-decoration:none;font-size:12px;font-weight:700}h1{margin:4px 0 1px;font:700 18px Georgia,serif}p{margin:0;color:#756b5c;font-size:11px}.legend{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:5px;padding:7px;background:rgba(255,250,236,.88);border-radius:10px}.legend span{padding:3px 6px;border-radius:6px;color:white;font:700 10px ui-monospace,monospace}.top{background:#7048b8}.left{background:#218065}.right{background:#c55f24}.bottom{background:#7d5a35}.out-left{background:#2676ad}.out-right{background:#bd3d66}#strategy-panel{position:fixed;z-index:2;top:108px;left:10px;width:min(310px,calc(100vw - 20px));padding:11px 13px;border:1px solid rgba(61,48,29,.17);border-radius:12px;background:rgba(255,250,236,.92);box-shadow:0 5px 18px rgba(69,49,19,.1)}#strategy-panel label{display:grid;gap:5px;color:#594d3c;font-size:11px;font-weight:800}#strategy-panel select{width:100%;border:1px solid rgba(61,48,29,.25);border-radius:8px;padding:7px;background:#fffaf0;color:#302c26;font:12px system-ui}#strategy-panel p{margin:8px 0;color:#756b5c;font-size:11px;line-height:1.35}#strategy-panel output{display:grid;grid-template-columns:1fr 1fr;gap:2px 10px;padding-top:7px;border-top:1px solid rgba(61,48,29,.12);font:10px/1.4 ui-monospace,monospace}#strategy-panel #tracer-stats,#strategy-panel #analysis-stats{display:block;margin-top:7px;color:#315b95}#strategy-panel #analysis-stats{padding-top:7px;color:#774b1b}.toggle{display:flex!important;align-items:center;gap:7px!important;margin-top:8px}.toggle input{accent-color:#b82435}#controls{position:fixed;z-index:2;right:12px;bottom:12px;display:flex;gap:4px;padding:5px;border:1px solid rgba(61,48,29,.2);border-radius:12px;background:rgba(255,250,236,.9)}button{min-width:40px;height:38px;border:0;border-radius:8px;background:transparent;color:#302c26;font:700 14px system-ui;cursor:pointer}button:hover{background:rgba(38,75,155,.1)}#position{position:fixed;z-index:2;left:12px;bottom:12px;padding:6px 9px;border-radius:7px;background:rgba(45,37,26,.78);color:#fff8e8;font:11px ui-monospace,monospace;pointer-events:none}@media(max-width:600px){header{right:70px}.legend{display:none}h1{font-size:15px}#strategy-panel{top:100px;width:min(275px,calc(100vw - 20px))}}