@import "https://fonts.googleapis.com/css2?family=Nunito:wght@600;700;800;900&family=Noto+Sans+SC:wght@500;700;900&display=swap";:root{color:#24382e;font-synthesis:none;background:#f7f3e8;font-family:Nunito,Noto Sans SC,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 10% 5%,#fff 0 2%,#0000 20%),#f7f3e8;margin:0}button{font:inherit;color:inherit}.shell{min-height:100vh}.shell>header{background:#fffdf7;border-bottom:1px solid #dfddcd;justify-content:space-between;align-items:center;height:72px;padding:0 max(4vw,28px);display:flex}.brand{align-items:center;gap:9px;font-size:20px;font-weight:900;display:flex}.brand svg{color:#e97350}.tag{color:#728076;background:#f1efe5;border-radius:20px;padding:7px 13px;font-size:13px}.header-links{align-items:center;gap:10px;display:flex}.github-link{color:#34483d;background:#fff;border:1px solid #deddd3;border-radius:20px;align-items:center;gap:6px;padding:7px 11px;font-size:12px;font-weight:800;text-decoration:none;transition:transform .15s,border-color .15s;display:inline-flex}.github-link:hover{border-color:#8fa096;transform:translateY(-1px)}.hero{background:#dcead5;border-radius:30px;justify-content:space-between;align-items:center;max-width:1160px;min-height:250px;margin:38px auto 28px;padding:42px 58px;display:flex;position:relative;overflow:hidden}.hero h1{color:#183f31;letter-spacing:-3px;margin:16px 0;font-size:58px;line-height:1}.hero p{color:#5b7165}.eyebrow{color:#e06b47;align-items:center;gap:8px;font-size:13px;font-weight:800;display:inline-flex}.mascot{text-align:center;width:330px;height:210px;position:relative}.bigchar{filter:drop-shadow(0 9px #bfd5b5);z-index:2;font-size:112px;position:relative}.sun{font-size:55px;position:absolute;right:10px}.bush{color:#91ba83;letter-spacing:-25px;margin-top:-63px;font-size:80px}.setup{grid-template-columns:1.4fr 1fr;gap:48px;max-width:1160px;margin:auto;padding-bottom:50px;display:grid}.setup h2{margin:16px 0;font-size:16px}.levelgrid{gap:10px;display:grid}.level{text-align:left;cursor:pointer;background:#fff;border:2px solid #0000;border-radius:17px;align-items:center;gap:15px;padding:14px 18px;display:flex;box-shadow:0 4px 12px #465a4811}.level.active{background:#fffaf5;border-color:#e87a56}.level>b{color:#e87a56;font-size:20px}.level span{flex-direction:column;flex:1;display:flex}.level small,.roles small{color:#879289;margin-top:3px}.level svg{color:#e87a56}.create-level{box-shadow:none;background:#f7faf5;border:2px dashed #b8c5ba}.create-level>b{place-items:center;display:grid}.seg{background:#e8e6da;border-radius:14px;padding:4px;display:flex}.seg button{cursor:pointer;background:0 0;border:0;border-radius:11px;flex:1;padding:10px}.seg .on{background:#fff;box-shadow:0 2px 7px #3432}.roles{gap:10px;display:flex}.roles button{cursor:pointer;background:#fff;border:2px solid #0000;border-radius:17px;flex-direction:column;flex:1;align-items:center;padding:15px;display:flex}.roles .chosen{background:#f3faf4;border-color:#2e7659}.roles span{font-size:35px}.start{cursor:pointer;border:0;border-radius:15px;padding:14px 22px;font-weight:900;box-shadow:0 6px #bd5037;color:#fff!important;background:#e66f4e!important}.choices>.start{justify-content:space-between;width:100%;margin-top:24px;font-size:17px;display:flex}.edit-level{cursor:pointer;background:#fff;border:1px solid #d9d8ce;border-radius:13px;justify-content:center;align-items:center;gap:7px;width:100%;margin-top:13px;padding:11px;display:flex}.level-preview{background:#fff;border:1px solid #e4e0d2;border-radius:20px;padding:15px;box-shadow:0 5px 18px #344c3b12}.preview-heading{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.preview-heading small{color:#879289;font-size:11px;display:block}.preview-heading h2{margin:1px 0 0;font-size:17px}.preview-heading>span{color:#6d7d73;background:#f1efe5;border-radius:20px;padding:5px 9px;font-size:10px;font-weight:800}.preview-board{aspect-ratio:5/3;pointer-events:none;background:radial-gradient(circle,#e8f2df 0 4%,#0000 4.3%),linear-gradient(150deg,#dceecf,#bfdcad);border-radius:14px;width:100%;display:block}.preview-road{stroke:#9b876c;stroke-width:6.5px;stroke-linecap:round}.preview-node circle{fill:#fff9df;stroke:#8a7c63;stroke-width:2.5px}.preview-piece{text-anchor:middle;-webkit-user-select:none;user-select:none;font-size:23px}.preview-flag{fill:#e45f47;font-size:18px}.preview-hideout{text-anchor:middle;font-size:18px}.preview-legend{color:#718078;justify-content:center;gap:18px;margin-top:9px;font-size:11px;display:flex}.back,.reset{cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;display:flex}.status{background:#fff;border-radius:19px;justify-content:space-between;align-items:center;max-width:1040px;margin:22px auto 14px;padding:13px 20px;display:flex;box-shadow:0 5px 20px #344c3b13}.status>div{align-items:center;gap:12px;display:flex}.status small,.status b{display:block}.status small{color:#88938c;font-size:11px}.turnicon{background:#e7f3e5;border-radius:12px;padding:5px;font-size:29px}.status p{color:#718078;font-size:13px}.status button{cursor:pointer;background:#faf9f4;border:1px solid #deddd5;border-radius:11px;gap:7px;padding:8px 12px;display:flex}.status button:disabled{cursor:not-allowed;opacity:.42;background:#eeede8}.boardwrap{background:#cce4be;border:9px solid #fff;border-radius:28px;max-width:1040px;margin:auto;position:relative;overflow:hidden;box-shadow:0 12px 40px #27432f1c}.board{background:radial-gradient(circle,#e8f2df 0 4%,#0000 4.3%),linear-gradient(150deg,#dceecf,#bfdcad);width:100%;max-height:66vh;display:block}.road{stroke:#9b876c;stroke-width:7.5px;stroke-linecap:round}.node{cursor:pointer}.node circle{fill:#fff9df;stroke:#8a7c63;stroke-width:2.5px}.node .node-hit,.editor-node .node-hit{fill:#0000;stroke:none;pointer-events:all}.node.target circle:not(.node-hit){stroke:#e77653;stroke-width:4px;filter:drop-shadow(0 0 8px #fff)}.node.selected circle:not(.node-hit){fill:#ffe4a8;stroke:#e56e4c}.piece{text-anchor:middle;-webkit-user-select:none;user-select:none;font-size:28px}.flag{fill:#e45f47;font-size:21px}.hideout{text-anchor:middle;-webkit-user-select:none;user-select:none;font-size:21px}.legend{background:#fffd;border-radius:12px;gap:14px;padding:8px 12px;font-size:11px;display:flex;position:absolute;bottom:13px;right:15px}.dot{border-radius:50%;width:9px;height:9px;margin-right:5px;display:inline-block}.dot.exit{background:#e45f47}.dot.move{background:#f7ce70}.overlay{z-index:5;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#153729aa;place-items:center;display:grid;position:fixed;inset:0}.result{text-align:center;background:#fffdf6;border-radius:28px;width:min(420px,90vw);padding:28px 45px 35px;box-shadow:0 24px 80px #142b21}.confetti{color:#efaa45}.resultchar{font-size:85px}.result small{color:#d86c4a;font-weight:900}.result h2{margin:8px;font-size:25px}.result p{color:#78847c}.result>div:last-child{gap:12px;margin-top:24px;display:flex}.result button{cursor:pointer;background:#fff;border:1px solid #ddd9cc;border-radius:14px;flex:1;padding:12px}.result .start{box-shadow:none}.editor{padding-bottom:104px}.editor-stage{max-width:1120px;margin:24px auto;padding:0 18px}.editor-title{justify-content:space-between;align-items:end;margin-bottom:12px;display:flex}.editor-title small{color:#8a958e}.editor-title h1{margin:2px 0;font-size:25px}.editor-title p{color:#718078;font-size:13px}.editor-boardwrap{background:#cce4be;border:9px solid #fff;border-radius:26px;position:relative;overflow:hidden;box-shadow:0 12px 40px #27432f1c}.editor-board{aspect-ratio:5/3;cursor:crosshair;background:linear-gradient(150deg,#dceecf,#bfdcad);width:100%;display:block}.editor-node{cursor:pointer}.editor-node circle{fill:#fff9df;stroke:#8a7c63;stroke-width:2.5px}.editor-node.selected circle:not(.node-hit){fill:#ffe4a8;stroke:#e56e4c;stroke-width:4px}.editor-road{pointer-events:none}.edge-hit{stroke:#0000;stroke-width:34px;cursor:context-menu}.empty-hint{pointer-events:none;color:#607767;flex-direction:column;justify-content:center;align-items:center;gap:7px;display:flex;position:absolute;inset:0}.empty-hint svg{color:#e47350;width:38px;height:38px}.empty-hint span{font-size:12px}.editor-toolbar{z-index:4;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffdf7ee;border:1px solid #dfddcf;border-radius:20px;justify-content:space-between;gap:18px;width:min(920px,100% - 24px);padding:9px;display:flex;position:fixed;bottom:16px;left:50%;transform:translate(-50%);box-shadow:0 12px 35px #2036292b}.tool-group{gap:5px;display:flex}.tool-group button{cursor:pointer;background:0 0;border:0;border-radius:13px;flex-direction:column;align-items:center;gap:2px;min-width:66px;padding:7px 9px;display:flex}.tool-group button.active{color:#245c45;background:#dcebd8}.tool-group button:hover{background:#f0eee5}.tool-group button:disabled{opacity:.32;cursor:not-allowed;background:0 0}.tool-group svg{width:21px;height:21px}.tool-group small{white-space:nowrap;font-size:10px;font-weight:800}.emoji-tool{font-size:20px;line-height:21px}.actions{border-left:1px solid #deddd3;padding-left:10px}.play-choice{width:min(520px,92vw)}.play-choice>div:last-child{grid-template-columns:.7fr 1fr 1fr;display:grid}.import-dialog{text-align:left;width:min(620px,92vw)}.import-dialog textarea{resize:vertical;background:#f8f8f3;border:1px solid #d7d7ce;border-radius:13px;width:100%;min-height:260px;padding:13px;font:12px/1.55 Consolas,monospace}.import-error{font-size:12px;color:#bd5037!important}@media (width<=750px){.hero{min-height:auto;margin:18px;padding:30px}.hero h1{font-size:42px}.mascot{display:none}.setup{grid-template-columns:1fr;gap:15px;padding:0 18px 40px}.tag,.status p{display:none}.status{margin:12px}.boardwrap{border-width:4px;border-radius:18px;margin:0 8px}.board{height:58vh}.shell>header{padding:0 16px}.legend{display:none}.editor-board{min-height:52vh}.editor-toolbar{justify-content:flex-start;overflow-x:auto}.tool-group button{min-width:58px}}