@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600;700&family=Noto+Sans+TC:wght@400;500;600;700&display=swap";:root{font-family:IBM Plex Sans,Noto Sans TC,sans-serif;color:#dce5df;background:#10171b;font-synthesis:none;font-weight:400;color-scheme:dark}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer;border:1px solid #334046;background:#202b30;color:#c9d5d0;border-radius:6px;padding:9px 13px;font-size:12px;transition:background .15s,border-color .15s}button:hover{background:#2c3b40;border-color:#657972}button:disabled{opacity:.35;cursor:not-allowed}button:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid #b9e497;outline-offset:3px}input{background:#121e23;border:1px solid #35434a;border-radius:5px;color:#dae5df;padding:8px;min-width:0}h2{font-size:19px;font-weight:500;letter-spacing:-.5px;margin:15px 0 8px}p{line-height:1.8}.app{min-height:100vh;display:flex;flex-direction:column}.header{height:82px;border-bottom:1px solid #2b373d;display:flex;align-items:center;padding:0 26px;gap:36px;background:#151e23}.brand{display:flex;align-items:center;gap:12px;min-width:204px;font-size:20px;font-weight:700;letter-spacing:1px}.brand-mark{width:35px;height:35px;background:#b9e497;color:#14231c;display:grid;place-items:center;border-radius:9px;font-size:32px}.brand-light{font-weight:400;color:#a5b8ad}.brand small{display:block;font-size:9px;letter-spacing:2px;color:#81958b;margin-top:3px}.project{display:flex;align-items:center;gap:12px;flex:1}.project input{width:250px;background:transparent;border:0;padding:6px 0;font-size:13px}.green-dot{display:inline-block;width:6px;height:6px;background:#b5df98;border-radius:50%;margin-right:5px}.version{font-size:9px;color:#72877e;white-space:nowrap;letter-spacing:1px}.header-actions{display:flex;gap:9px}.primary{background:#bae599;color:#203020;border-color:#bae599;font-weight:600}.primary:hover{background:#d0efb8}.workspace{display:grid;grid-template-columns:234px minmax(400px,1fr) 286px;flex:1;min-height:calc(100vh - 112px)}.sidebar{border-right:1px solid #2b373d;padding:26px 20px;display:flex;flex-direction:column;background:#172126}.section-label{display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:1.7px;color:#92a59b;font-weight:600}.section-label>span{color:#657a71;font-size:9px}.muted{font-size:11px;color:#81958d;margin:0 0 24px}.mode-switch{display:flex;padding:4px;background:#101a1f;border:1px solid #2b393f;border-radius:7px;margin:0 0 27px}.mode-switch button{flex:1;border:0;background:transparent;color:#81978c}.mode-switch .active{background:#304138;color:#c6e7b1}.tools{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:14px 0 24px}.tool{display:flex;align-items:center;gap:9px;padding:10px 8px;height:45px;text-align:left;font-size:11px;position:relative;background:#1b292e;border-color:#303e44}.tool.selected{border-color:#a3c584;background:#2b3d32;color:#d1ebbc}.tool-icon{width:23px;text-align:center;font-size:22px;color:#a3bcaf}.tool-icon.entrance,.tool-icon.exit{font-size:9px;font-weight:700;color:#c4e6a6}.tool.selected i{position:absolute;width:4px;height:4px;background:#c5e6a8;top:5px;right:5px;border-radius:50%}.sidebar-bottom{margin-top:auto;border-top:1px solid #2c3b40;padding-top:23px}.size-fields{display:flex;align-items:center;gap:10px;margin:14px 0}.size-fields label{font-size:10px;color:#8b9e94;display:flex;align-items:center;gap:8px;flex:1}.size-fields input{width:57px;font-size:12px}.size-fields>span{color:#64796e;font-size:12px}.full{width:100%}.text-button{display:block;margin:9px auto 0;background:none;border:0;font-size:10px;color:#91a698}.editor{min-width:0;display:flex;flex-direction:column;background:#10191e}.editor-toolbar{height:61px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #26343a;padding:0 22px;gap:8px}.breadcrumb{font-size:11px;color:#71877b;white-space:nowrap}.breadcrumb span{padding:0 9px;color:#415b4b}.breadcrumb b{color:#bfcec3;font-weight:400}.toolbar-actions{display:flex;align-items:center;gap:3px}.toolbar-actions button{border:0;background:none;padding:7px;font-size:15px}.toolbar-actions button:last-child{font-size:10px}.divider{height:16px;width:1px;background:#34443c;margin:0 6px}.zoom{font-size:10px;color:#a6b6aa;min-width:33px;text-align:center}.canvas-area{padding:26px 25px 15px;flex:1;display:flex;flex-direction:column;min-height:420px;min-width:0;background-image:radial-gradient(#2c3c354a 1px,transparent 1px);background-size:16px 16px}.canvas-caption{display:flex;justify-content:space-between;color:#6e8878;font-size:9px;letter-spacing:1.7px;padding:0 0 14px}.canvas-scroll{overflow:auto;flex:1;max-height:calc(100vh - 310px);min-height:350px;scrollbar-color:#405348 #15221c;scrollbar-width:thin;padding:10px}.canvas-wrap{margin:0 auto;box-shadow:0 10px 45px #0005;outline:1px solid #536d5a;flex-shrink:0}canvas{display:block;touch-action:none}.canvas-footer{font-size:9px;color:#7c9285;display:flex;justify-content:space-between;gap:10px;margin-top:18px;line-height:1.8}.legend-line{display:inline-block;width:15px;border-top:2px solid #a4d294;vertical-align:middle;margin-right:5px}.legend-line.dashed{border-top-style:dashed;margin-left:12px}.analysis-panel{border-left:1px solid #2b373d;padding:26px 21px;display:flex;flex-direction:column;background:#172126}.live-badge{color:#acd28f!important;font-size:8px!important;letter-spacing:1px}.summary{padding:17px 17px 19px;background:#213329;border:1px solid #3b5140;border-radius:8px;margin:0 0 27px}.summary strong{display:block;color:#c8e5b2;font-size:35px;font-weight:500;line-height:1.3}.summary strong span{font-size:23px;color:#718c6e}.summary>span{display:block;font-size:10px;color:#a5baa0;margin-top:4px}.progress-track{height:3px;background:#3a4c3b;margin-top:17px;border-radius:3px}.progress-track>div{height:100%;background:#b8df94;border-radius:3px;transition:width .2s}.exit-list{margin-top:13px;display:flex;flex-direction:column;gap:9px;max-height:320px;overflow:auto}.exit-card{display:block;text-align:left;padding:14px 12px;background:#1c292e;border-color:#334139}.exit-card.active{background:#25392d;border-color:#6b8e60}.exit-top,.exit-detail{display:flex;justify-content:space-between;align-items:center;font-size:10px}.exit-top>span:first-child{font-size:10px;letter-spacing:.5px;color:#d3dfd3}.exit-top i{display:inline-block;width:6px;height:6px;border-radius:2px;margin-right:8px}.status-ok{color:#accf97;font-size:9px}.status-bad{color:#e9b697;font-size:9px}.exit-detail{margin-top:13px;justify-content:flex-start;gap:6px;color:#92a58e;font-size:9px}.exit-detail b{font-size:15px;color:#d3e5c8;font-weight:500}.exit-detail>span:last-child{margin-left:auto;font-size:13px}.display-options{border-bottom:1px solid #2c3b40;margin:20px 0;padding-bottom:17px}.display-options label{display:flex;align-items:center;gap:8px;font-size:11px;color:#a0b3a5;margin:11px 0}.display-options input{accent-color:#b4d894;width:13px;height:13px}.engine-status{display:flex;gap:10px;color:#9dc88c}.engine-status>span{font-size:14px}.engine-status b{font-size:11px;font-weight:400}.engine-status p{font-size:10px;color:#7d9384;margin:5px 0}.engine-status.warning{color:#e7ba7a}.rules-note{margin-top:auto;padding-top:33px}.rules-note p{font-size:10px;color:#7e9387}.rules-note a{color:#a3ba9b;font-size:9px;text-decoration:none}.statusbar{height:30px;border-top:1px solid #2b373d;display:flex;align-items:center;justify-content:space-between;padding:0 21px;font-size:9px;color:#7c9286;background:#141f23}.status-separator{margin:0 13px;color:#3c5144}.notice{margin:0 24px;padding:12px 15px;background:#3c3527;border:1px solid #786345;color:#f0d5a6;border-radius:7px;font-size:12px;display:flex;align-items:center;justify-content:space-between}.notice button{background:none;border:0;padding:0 4px}.play-controls p{font-size:12px;color:#a3b8a7}.play-controls{display:flex;flex-direction:column;gap:16px}.dpad{display:grid;grid-template-columns:repeat(3,42px);grid-template-rows:repeat(2,42px);gap:5px;justify-content:center}.dpad .up{grid-column:2}.dpad .left{grid-column:1;grid-row:2}.dpad .down{grid-column:2;grid-row:2}.dpad .right{grid-column:3;grid-row:2}.play-controls strong{text-align:center;font-size:32px;font-weight:500;color:#c9e4b7}.play-controls small{font-size:12px;color:#8aa181}.play-card{border:1px solid #39503e;background:#213329;border-radius:8px;padding:25px 18px;margin-top:12px}.play-card>span{font-size:40px;color:#b5d499}.play-card h3{font-size:15px;font-weight:500}.play-card p{font-size:12px;color:#9eb599}@media(min-width:1600px){.workspace{grid-template-columns:254px minmax(400px,1fr) 310px}.sidebar,.analysis-panel{padding:30px 25px}.canvas-area{padding:30px 36px 20px}}@media(max-width:1150px){.header{gap:15px;padding:0 16px}.brand{min-width:180px}.version{display:none}.project input{width:185px}.workspace{grid-template-columns:205px minmax(320px,1fr) 243px}.sidebar,.analysis-panel{padding:22px 15px}.canvas-footer{flex-wrap:wrap}.editor-toolbar{padding:0 12px}.tool{gap:5px}.canvas-area{padding:22px 15px 15px}}@media(max-width:850px){.header{height:auto;min-height:75px;flex-wrap:wrap;padding:16px;gap:14px}.brand{min-width:160px}.project{flex:1}.project input{width:100%}.header-actions{margin-left:auto}.workspace{grid-template-columns:180px minmax(300px,1fr)}.analysis-panel{grid-column:1/-1;border-left:0;border-top:1px solid #334139;display:block}.analysis-panel .summary{max-width:300px}.exit-list{flex-direction:row;max-height:none;flex-wrap:wrap}.exit-card{min-width:205px}.sidebar{padding:20px 12px}.tool{font-size:10px}.tools{gap:5px}.tool-icon{width:19px}.canvas-scroll{max-height:600px}.rules-note{padding-top:15px}.sidebar-bottom{padding-top:16px}.size-fields{gap:5px}.size-fields input{width:46px}.breadcrumb{display:none}.editor-toolbar{justify-content:flex-end}}@media(max-width:520px){.workspace{display:flex;flex-direction:column}.sidebar{border:0}.sidebar h2,.sidebar>.muted,.sidebar-bottom,.sidebar>.section-label:first-child{display:none}.mode-switch{margin-bottom:15px}.tools{grid-template-columns:repeat(5,1fr);margin-bottom:0}.tool{flex-direction:column;height:57px;gap:0;padding:5px}.sidebar>.section-label{margin-bottom:8px}.canvas-area{min-height:350px}.canvas-scroll{min-height:270px}.statusbar{height:auto;padding:10px;gap:8px;flex-wrap:wrap}.header-actions button{padding:8px 10px}.project{order:3;flex-basis:100%}.play-controls{display:block}.play-controls>p{display:none}.play-controls .dpad{float:left;margin-right:25px}.play-controls strong{display:block}.play-controls>button{margin-top:10px}.play-controls{min-height:100px}}.app{height:100dvh;min-height:0;overflow:hidden}.header{height:60px;min-height:60px;flex-shrink:0;padding:0 16px;gap:18px}.brand{min-width:170px}.brand small{display:none}.project{min-width:0}.project input{width:100%;max-width:330px}.version{display:none}.header-actions{align-items:center;flex-shrink:0}.workspace{min-height:0;overflow:hidden;grid-template-columns:190px minmax(0,1fr) 240px}.workspace.playing{grid-template-columns:148px minmax(0,1fr)}.workspace.analysis-hidden{grid-template-columns:190px minmax(0,1fr)}.sidebar,.analysis-panel{min-height:0;overflow:auto;padding:16px 12px}.mode-switch{margin-bottom:18px}.tools{gap:5px;margin:12px 0 16px}.tool{height:40px;padding:7px 5px;gap:5px}.sidebar-bottom{padding-top:14px}.sidebar-bottom summary{cursor:pointer;font-size:12px;color:#b6c9b5}.editor{min-height:0;overflow:hidden;position:relative}.editor-toolbar{height:44px;min-height:44px;padding:0 12px;flex-shrink:0}.toolbar-actions button{font-size:13px;padding:6px}.toolbar-actions button:nth-last-child(-n+3){font-size:11px;white-space:nowrap}.toolbar-actions .active{color:#c6ed8c;background:#293c30}.canvas-area{min-height:0;padding:8px;overflow:hidden}.canvas-caption{padding:0 4px 6px;flex-shrink:0;letter-spacing:1px}.canvas-scroll{min-height:0;max-height:none;flex:1 1 0;height:0;padding:10px;overflow:auto}.canvas-wrap{margin:0 auto}.statusbar{height:24px;min-height:24px;flex-shrink:0}.play-controls{gap:18px}.play-controls strong{font-size:28px}.play-controls>button{padding:8px 4px;font-size:11px}.dpad{grid-template-columns:repeat(3,34px);grid-template-rows:repeat(2,36px);gap:4px}.dpad button{padding:0}.notice{position:absolute;bottom:12px;left:12px;right:12px;margin:0;z-index:2}.help-menu{position:relative}.help-menu summary{list-style:none;cursor:pointer;font-size:12px;padding:9px 10px;color:#b7c9ba;border:1px solid #334046;border-radius:6px}.help-menu summary::-webkit-details-marker{display:none}.help-content{position:fixed;right:16px;top:62px;width:min(380px,calc(100vw - 32px));max-height:calc(100dvh - 90px);overflow:auto;z-index:10;padding:16px 20px;background:#1b292e;border:1px solid #52634f;border-radius:8px;box-shadow:0 12px 40px #0008}.help-content h3{font-size:15px;margin-top:0}.help-content p{font-size:12px;color:#b6c7ba}@media(max-width:1000px){.workspace{grid-template-columns:170px minmax(0,1fr) 220px}.workspace.analysis-hidden{grid-template-columns:170px minmax(0,1fr)}.breadcrumb{display:none}.editor-toolbar{justify-content:flex-end}.header{gap:10px}.brand{min-width:140px;font-size:17px}.brand-mark{width:30px;height:30px}.header-actions{gap:5px}.header-actions button{padding:8px}}@media(max-width:850px){.workspace,.workspace.analysis-hidden{grid-template-columns:160px minmax(0,1fr)}.analysis-panel{position:absolute;right:0;top:104px;bottom:24px;width:240px;z-index:4;box-shadow:-8px 0 24px #0005;border-left:1px solid #334139}.analysis-panel .exit-list{flex-direction:column}.exit-card{min-width:0}.header{flex-wrap:nowrap}.project input{font-size:11px}.help-menu summary{font-size:11px;padding:8px}.header-actions button{font-size:11px}}@media(max-width:600px){.header{height:auto;min-height:82px;flex-wrap:wrap;padding:6px 10px;gap:6px}.brand{min-width:125px}.project{order:0;flex:1}.header-actions{width:100%;justify-content:flex-end}.workspace.playing{grid-template-columns:100px minmax(0,1fr)}.workspace,.workspace.analysis-hidden{display:grid;grid-template-columns:100px minmax(0,1fr)}.sidebar{padding:10px 6px}.mode-switch button{padding:6px 2px;font-size:10px}.tools{grid-template-columns:1fr 1fr}.tool{height:48px;flex-direction:column;font-size:9px}.sidebar>.section-label{display:none}.play-controls{display:flex;min-height:0}.play-controls .dpad{float:none;margin:0;grid-template-columns:repeat(3,26px);grid-template-rows:repeat(2,32px);gap:2px}.play-controls strong{font-size:23px}.play-controls>button{font-size:10px}.sidebar-bottom{display:block}.size-fields{flex-wrap:wrap}.editor-toolbar{padding:0 3px}.toolbar-actions{gap:0}.toolbar-actions button{padding:5px}.divider{margin:0 2px}.canvas-caption{font-size:8px}.canvas-caption>span:first-child{display:none}.canvas-area{padding:4px}.statusbar{padding:0 8px;font-size:8px}.statusbar>span:last-child{display:none}.help-content{top:84px}.analysis-panel{top:126px}}.mode-switch button{white-space:nowrap;padding:8px 4px;font-size:11px}canvas{image-rendering:pixelated}.tool-icon{image-rendering:pixelated}.marker-tools{border-top:1px solid #334139;padding-top:14px;margin-bottom:16px}.marker-tools .tools{margin-bottom:10px}.marker-preview{width:24px;height:28px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.marker-preview img{max-width:24px;max-height:28px;image-rendering:pixelated}.marker-name{display:flex;flex-direction:column;gap:6px;font-size:11px;color:#b6c9b5}.marker-name input{width:100%;font-size:12px}.marker-name small{font-size:10px;line-height:1.6;color:#81958d}.sidebar>.tools{flex-shrink:0}.marker-tools{flex-shrink:0}.selection-actions{border-top:1px solid #334139;padding-top:12px;margin-bottom:16px;flex-shrink:0}.selection-count{font-size:11px;color:#9eeaf3;margin:8px 0}.selection-buttons{display:grid;grid-template-columns:1fr 1fr;gap:5px}.selection-buttons button{padding:8px 4px;font-size:11px}.selection-actions small{display:block;color:#8ba398;font-size:10px;line-height:1.7;margin-top:8px}@media(min-width:601px){.tool{padding:6px 3px;gap:4px}.tool>span:last-of-type{font-size:10px;line-height:1.2}}