*{box-sizing:border-box}body{margin:0;color:#f4dfbc;background:radial-gradient(ellipse at 65% 0,#47303b55,transparent 56%),#211c25;font:14px "Microsoft YaHei","PingFang SC",system-ui,sans-serif}button,a,select{-webkit-tap-highlight-color:transparent}button,select{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #f0cf76;outline-offset:4px}main{max-width:1460px;padding:28px 38px 22px;margin:auto}.masthead{display:flex;align-items:center;justify-content:space-between;padding-bottom:22px;border-bottom:1px solid #63504677}.brand{display:flex;gap:14px;color:inherit;text-decoration:none;align-items:center}.faction{display:grid;place-items:center;width:56px;height:61px;font-size:32px;font-weight:900;color:#fff3d7;background:linear-gradient(145deg,#af83a5,#654367);border:3px solid #c49a69;border-radius:12px;box-shadow:0 5px 0 #443041,inset 0 0 0 3px #4c3449;text-shadow:0 2px #4b3044}.brand small{display:block;color:#ae958c;font-size:11px;letter-spacing:2px;margin-bottom:4px}.brand strong{font-size:25px;letter-spacing:3px;display:flex;align-items:center;gap:12px}.edition{font-size:11px;font-weight:500;letter-spacing:1px;color:#d3b77d;border:1px solid #7e6243;padding:4px 8px;border-radius:3px}.version{color:#c6ae92;font-size:12px;display:flex;align-items:center;gap:8px}.version i{width:6px;height:6px;background:#9cba78;border-radius:50%;box-shadow:0 0 10px #a2bd7477}.version span{color:#796a66;margin-left:22px;font-size:11px;letter-spacing:2px}.intro{display:flex;align-items:center;justify-content:space-between;padding:30px 2px 26px}.eyebrow{font-size:10px;letter-spacing:3px;color:#b39b79;margin:0 0 10px}h1{font-size:clamp(26px,3vw,39px);margin:0 0 9px;letter-spacing:1px}h1 em{font-style:normal;color:#ecc17c}.intro p:not(.eyebrow){color:#b29e97;margin:0;font-size:13px}.intro-seal{transform:rotate(9deg);color:#b77669;border:3px double #996253;font-size:19px;font-weight:800;letter-spacing:5px;line-height:1.3;padding:5px 4px 6px 9px;border-radius:7px;margin:0 24px}.layout{display:grid;grid-template-columns:minmax(0,1fr) 312px;gap:22px;align-items:start}.stage-wrap{border:1px solid #8a614b;background:#3e2a29;box-shadow:0 9px 0 #15101988,0 20px 45px #0003;border-radius:7px;overflow:hidden}.stage-top{display:flex;align-items:center;gap:9px;padding:13px 17px;background:#683e34 url('assets/wood-top.png') center/100% 100%;border-bottom:2px solid #90664b}.stage-top strong{font-size:13px;font-weight:600;color:#f7dfb1}.stage-dot{width:7px;height:7px;border-radius:50%;background:#ebc271}#fps{margin-left:auto;font-size:10px;font-variant-numeric:tabular-nums;color:#c3a385}.canvas-wrap{position:relative;background:#302734;aspect-ratio:1160/720;isolation:isolate}canvas{width:100%;height:100%;display:block}.stage-label{position:absolute;top:18px;left:18px;display:flex;align-items:center;gap:8px;color:#d2b0d0;font-size:11px;pointer-events:none}.stage-label span{padding:4px 8px;background:#60415d88;border:1px solid #a1769977;border-radius:4px}.stage-label strong{font-weight:400;color:#a595aa}.stage-bottom{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;gap:12px;align-items:center;min-height:43px;padding:10px 17px;background:linear-gradient(transparent,#211924dd);font-size:11px;color:#cbb6a4;pointer-events:none}.rehearsal{color:#877282;white-space:nowrap}.toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:8px;background:#5c3c31;padding:12px;border-top:2px solid #896348}button{transition:transform .16s,filter .16s,background .16s}button:hover{filter:brightness(1.12)}button:active{transform:translateY(2px)}button:disabled{opacity:.5;cursor:wait}.play-button{display:flex;align-items:center;gap:9px;padding:9px 14px;color:#5e371f;font-size:12px;font-weight:800;border:1px solid #e0bb62;border-radius:4px;background:linear-gradient(#e8c676,#b58b43);box-shadow:0 3px 0 #342421}.play-button span{font-size:11px}.ghost{font-size:11px;color:#d6bca2;border:1px solid #95705177;background:#483026;padding:8px 10px;border-radius:4px}.toolbar-end{margin-left:auto;display:flex;align-items:center;gap:6px}.speed{font-size:10px;color:#bba08d;display:flex;align-items:center;gap:3px;margin-left:3px}select{font-size:11px;color:#e2c69b;background:#3c2924;border:1px solid #8b684f;border-radius:4px;padding:6px 3px}.aside-head{display:flex;justify-content:space-between;align-items:center;padding:2px 2px 14px}.aside-head h2{font-size:15px;margin:0;color:#e5cba9}.aside-head span{font-size:10px;color:#9e887e}.skill-card{width:100%;text-align:left;display:flex;align-items:center;gap:12px;padding:16px 14px;border:1px solid #806049;background:linear-gradient(115deg,#d4b8a0,#bd9a85);color:#694331;border-radius:6px;margin-bottom:12px;box-shadow:0 4px 0 #17111666;position:relative}.skill-card.selected{border:2px solid #e2b76d;padding:15px 13px;background:linear-gradient(115deg,#ecd0ac,#d3ab8b);box-shadow:0 0 0 2px #e9b56c12,0 4px 0 #17111666}.skill-icon{width:49px;height:51px;flex-shrink:0;border:3px solid #b08745;outline:2px solid #69482d;border-radius:50%;display:grid;place-items:center;font-size:23px;font-weight:800;color:#fff0be;text-shadow:0 2px #50331d;box-shadow:inset 0 0 0 2px #ffffff15;background:radial-gradient(at 35% 25%,#91a453,#485b2f)}.chicken-icon{background:radial-gradient(at 35% 25%,#cf6874,#7f334d)}.phone-icon{background:radial-gradient(at 35% 25%,#9a76b0,#654470)}.skill-copy{display:flex;flex-direction:column;gap:5px}.skill-copy small{font-size:10px;color:#87664c;letter-spacing:2px}.skill-copy strong{font-size:14px;color:#583321;line-height:1.5}.skill-copy>span{font-size:10px;color:#89674e;line-height:1.6}.skill-arrow{position:absolute;right:12px;top:13px;font-size:16px;color:#91714c;font-weight:400}.notes{margin-top:21px;border:1px solid #6a4d45;border-radius:5px;padding:15px;background:#49332f77}.notes-title{display:flex;align-items:center;gap:8px;color:#c8ac89}.notes-title>span{display:grid;place-items:center;border:1px solid #9a7651;border-radius:50%;width:17px;height:17px;font:12px Georgia}.notes-title strong{font-size:11px;font-weight:500}.notes p{font-size:11px;line-height:1.9;color:#a68e80;margin:11px 0 18px}.humor-meter{display:flex;align-items:center;gap:9px;font-size:10px;color:#a9917d}.humor-meter div{height:5px;flex:1;background:#21191f;border-radius:4px;overflow:hidden}.humor-meter i{display:block;width:100%;height:100%;background:linear-gradient(90deg,#9c7298,#deac65)}.humor-meter b{font:10px Georgia;color:#d1af78}footer{display:flex;justify-content:space-between;gap:15px;font-size:10px;line-height:1.8;color:#8a756e;padding-top:24px}#loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:12px;flex-direction:column;background:#302734;z-index:3}#loading[hidden]{display:none}.loading-badge{width:60px;height:60px;border:2px solid #b58b6c;border-radius:15px;background:#694567;color:#f9e2c2;display:grid;place-items:center;font-size:31px;font-weight:900;animation:breathe 1.3s ease-in-out infinite}#loading b{font-size:14px;color:#d6b993}#loading>span{font-size:11px;color:#9d858e}@keyframes breathe{50%{transform:translateY(-5px)}}
@media(min-width:1500px){main{padding-top:36px}.intro{padding:36px 2px}}@media(max-width:1120px){main{padding:22px}.layout{grid-template-columns:minmax(0,1fr) 275px;gap:16px}.toolbar-end{width:100%;margin-top:4px}.skill-copy strong{font-size:12px}.skill-copy>span{font-size:9px}.skill-icon{width:43px;height:46px}.skill-card{gap:9px;padding:14px 10px}.skill-card.selected{padding:13px 9px}.skill-arrow{display:none}.rehearsal{display:none}}@media(max-width:780px){main{padding:15px}.masthead{padding-bottom:17px}.brand strong{font-size:21px}.faction{width:47px;height:51px;font-size:27px}.brand small{font-size:9px}.version{font-size:10px}.version span{display:none}.intro{padding:25px 0 23px}.intro h1{font-size:27px}.intro p:not(.eyebrow){font-size:11px}.intro-seal{margin:0 6px;font-size:14px;letter-spacing:3px}.layout{grid-template-columns:1fr}.canvas-wrap{aspect-ratio:760/800}.stage-label{left:13px;top:13px;font-size:10px}.stage-bottom{padding:10px 12px;font-size:10px}.toolbar{gap:7px}.toolbar-end{width:auto;margin:0 0 0 auto}.ghost{padding:8px 9px}.speed{display:none}aside{margin-top:8px}.aside-head{padding-bottom:12px}.skill-card{padding:13px;gap:14px}.skill-card.selected{padding:12px}.skill-copy strong{font-size:14px}.skill-copy>span{font-size:11px}.skill-icon{width:47px;height:49px}.skill-arrow{display:block;font-size:19px;top:29px;right:19px}.notes{margin-top:16px}.notes p{margin-bottom:11px}footer{flex-direction:column;gap:4px;padding-top:20px;font-size:9px}.intro .eyebrow{font-size:8px;letter-spacing:2px}}@media(max-width:390px){.version{display:none}.toolbar-end{width:100%;margin-top:3px}.intro h1{font-size:24px}.intro-seal{display:none}.stage-top{padding:11px}.stage-top strong{font-size:12px}}@media(prefers-reduced-motion:reduce){.loading-badge{animation:none}button{transition:none}}
.character-picker{display:flex;align-items:center;gap:12px;margin:0 0 21px}.character-picker button{display:flex;align-items:center;gap:10px;min-width:177px;text-align:left;padding:10px 16px;color:#bca68c;background:#362830;border:1px solid #715345;border-radius:6px}.character-picker button[aria-pressed=true]{color:#f5dfbc;background:linear-gradient(110deg,#4c3845,#354258);border-color:#b89664;box-shadow:inset 0 0 0 1px #d6b47720}.picker-icon{display:grid;place-items:center;width:34px;height:38px;background:#79566d;border:2px solid #ad855b;border-radius:7px;font-size:21px;font-weight:800;color:#ffebc9}.picker-icon.azure{background:#375b8c}.character-picker strong{display:block;font-size:14px}.character-picker small{display:block;font-size:10px;color:#a48d7f;margin-top:4px}.character-picker i{font-style:normal;font-size:8px;color:#e2b56c;margin-left:7px;vertical-align:middle}#form-status{margin-left:auto;font-size:11px;letter-spacing:1px;color:#b4c8d7;border:1px solid #6a80904d;background:#31445444;border-radius:4px;padding:9px 13px}body[data-character=zhude] .stage-dot{background:#8dd6ee}body[data-character=zhude] .skill-icon{background:radial-gradient(at 35% 25%,#698eba,#354c79)}body[data-character=zhude] .chicken-icon{background:radial-gradient(at 35% 25%,#e4ab50,#945626)}body[data-character=zhude] .phone-icon{background:radial-gradient(at 35% 25%,#7eafa8,#3d666e)}@media(max-width:780px){.character-picker{gap:8px;flex-wrap:wrap;margin-bottom:15px}.character-picker button{flex:1;min-width:140px;padding:9px 10px}.character-picker strong{font-size:13px}.character-picker small{font-size:9px}.picker-icon{width:29px;height:33px;font-size:18px}#form-status{width:100%;text-align:center;padding:7px;font-size:10px}.intro{padding-bottom:17px}}@media(prefers-reduced-motion:reduce){.character-picker button{transition:none}}
#character-lock{width:min(410px,calc(100% - 32px));padding:29px 28px 25px;color:#f4dfbc;background:radial-gradient(at 50% 0,#62455866,transparent 70%),#302530;border:1px solid #ab8058;border-radius:10px;box-shadow:0 0 0 5px #39292a,0 24px 90px #0009}#character-lock::backdrop{background:#120e19bf;backdrop-filter:blur(7px)}.unlock-badge{display:grid;place-items:center;width:46px;height:49px;margin:0 auto 16px;background:#375b8c;border:2px solid #bd9867;border-radius:9px;font-size:26px;font-weight:800}#unlock-title{text-align:center;margin:0 0 10px;font-size:23px;letter-spacing:2px}#unlock-description{text-align:center;color:#bda899;font-size:12px;line-height:1.7;margin:0 0 24px}#unlock-form label{display:block;font-size:12px;color:#d4bd9f;margin-bottom:9px}#unlock-password{display:block;width:100%;padding:13px 14px;font:16px system-ui;color:#f7e5c7;background:#211b25;border:1px solid #87644d;border-radius:5px;outline:none}#unlock-password:focus{border-color:#e2ba76;box-shadow:0 0 0 3px #d6b5791a}#unlock-error{font-size:12px;color:#f1a89c;min-height:21px;margin:9px 0 16px}.unlock-actions{display:flex;justify-content:space-between;gap:12px}.unlock-actions button{padding:11px 18px}.character-picker [data-character=zhude] i{color:#cbb697}
.runner-entry{display:flex;align-items:center;gap:15px;margin-top:25px;padding:18px 20px;color:#e7d1a6;text-decoration:none;background:linear-gradient(110deg,#574036,#333548);border:1px solid #b58d59;border-radius:6px}.runner-entry>span{font-size:9px;letter-spacing:2px;color:#dcb778}.runner-entry>strong{font-size:18px}.runner-entry>small{font-size:11px;color:#baa88e}.runner-entry>b{margin-left:auto;color:#edce89;font-size:13px}@media(max-width:780px){.runner-entry{flex-wrap:wrap;gap:9px 13px;padding:15px}.runner-entry>small{width:100%;order:4;font-size:10px}.runner-entry>strong{font-size:16px}.runner-entry>b{font-size:12px}}
.runner-shortcut{margin-left:auto;margin-right:22px;color:#e5c27d;border:1px solid #a88350;border-radius:5px;padding:9px 14px;text-decoration:none;font-size:12px;background:#44312e}@media(max-width:780px){.runner-shortcut{margin:0 0 0 auto;font-size:10px;padding:8px 10px}.masthead .version{display:none}}
.skin-picker{display:flex;align-items:center;gap:7px;padding:7px 9px;border:1px solid #86684e77;border-radius:5px;background:#392b3166;font-size:10px;color:#cdb595;white-space:nowrap}.skin-picker select{max-width:125px;color:#e7cb98;background:#30232a;border:1px solid #8b684f77;font-size:11px}.skin-picker[hidden]{display:none}@media(max-width:780px){.character-picker .skin-picker{flex:1;min-width:150px}.character-picker #form-status{width:auto;min-width:120px;flex:1}.skin-picker select{flex:1}}