html,body{margin:0;width:100%;height:100%;overflow:hidden;font-family:"Microsoft YaHei",sans-serif}#app{width:100%;height:100%}
.tape-stage{position:relative;width:100%;height:100%;overflow:hidden;background:radial-gradient(ellipse at 50% 42%,#fff9ef 0%,#f7eddf 68%,#efe3d2 100%);color:#5c3a23;user-select:none}
.tape-stage canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none;cursor:grab}.tape-stage canvas:active{cursor:grabbing}
.tape-progress{position:absolute;left:36px;top:34px;z-index:2;background:#fff8ed;border:2px solid #e8cc9f;border-radius:18px;padding:13px 20px;box-shadow:0 4px 14px #75451b20;font-size:21px}.tape-progress strong{font-size:36px;color:#be6430}
.tape-round{position:absolute;left:36px;bottom:34px;z-index:2;font-size:18px;color:#7b604d;max-width:260px}.tape-help{position:absolute;right:34px;bottom:34px;z-index:3;border:0;border-radius:16px;background:#e97925;color:white;font-size:21px;font-weight:700;font-family:inherit;padding:15px 24px;box-shadow:0 4px 0 #ad4e13;cursor:pointer}
.tape-boxes{position:absolute;left:50%;top:28px;transform:translateX(-50%);z-index:2;display:flex;align-items:end;gap:15px}.tape-box{width:110px;height:78px;border:3px solid #bb8a58;border-top-width:9px;border-radius:8px 8px 13px 13px;background:#f7dbab;display:flex;justify-content:center;gap:8px;align-items:center;box-shadow:0 5px 12px #6a422331}.tape-box.small{width:66px;height:49px;opacity:.72}.tape-slot{width:20px;height:36px;border:2px dashed #ad8763;border-radius:4px}.tape-slot.filled{border:0}.tape-box.small .tape-slot{width:11px;height:22px}.tape-next{font-size:15px;color:#947861;align-self:center}
.tape-toast{position:absolute;left:50%;bottom:130px;transform:translateX(-50%);z-index:5;border-radius:12px;background:#563b2ae8;color:white;padding:11px 19px;font-size:19px;opacity:0;transition:opacity .2s;pointer-events:none;white-space:nowrap}
.tape-help-menu{position:absolute;right:34px;bottom:101px;z-index:4;width:280px;padding:16px;background:#fff9ef;border:2px solid #e8c89c;border-radius:16px;box-shadow:0 8px 24px #5c3a2340}.tape-help-menu button{display:block;width:100%;margin:7px 0;border:0;border-radius:9px;padding:10px;background:#e97925;color:white;font-size:17px;cursor:pointer}.tape-help-menu p{font-size:14px;margin:3px}
#playtest-tools{position:absolute;right:14px;top:82px;z-index:1000;color:#563b2a;font-size:14px}#tool-toggle{border:0;border-radius:10px;background:#5f4735;color:white;padding:9px 13px;cursor:pointer}#tool-body{width:280px;max-height:calc(100% - 135px);overflow:auto;background:#fffaf3;border:1px solid #d6b78e;border-radius:12px;padding:15px;box-shadow:0 8px 25px #0003}#tool-body h2{margin:0 0 12px;font-size:19px}#tool-body label{display:block;margin:10px 0}#tool-body select,#tool-body input{display:block;width:100%;margin-top:5px}#tool-body output{display:block;text-align:right}#tool-body button{border:0;background:#e97925;color:white;border-radius:8px;padding:8px 11px;cursor:pointer}#tool-body p{line-height:1.45}