.c3{max-width:1420px;padding:0 38px;color:#36413e}.c3 .c2-kicker{color:#727a9a}.c3 .c2-stamp{border-color:#8c92b1;color:#6f779d}.c3-layout{display:grid;grid-template-columns:minmax(0,1fr) 236px;gap:24px;align-items:start}.c3-frame{overflow:hidden;border:2px solid #495774;outline:4px solid #e5e4dd;border-radius:5px;background:#121c32;box-shadow:0 14px 30px #26354522}.c3-top{padding:12px 16px;display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#c2cae1;background:#202d48}.c3-top button{background:none;border:0;color:#c2cae1;font-size:11px}.c3-scene{position:relative;line-height:0}.c3-scene canvas{width:100%;height:auto;display:block;image-rendering:pixelated;touch-action:none;outline-offset:-3px;cursor:crosshair}.c3-toast{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);background:#131e34ed;border:1px solid #8794b4;color:#f0dfae;padding:10px 16px;font-size:11px;line-height:1.7;text-align:center;width:max-content;max-width:90%;pointer-events:none}.c3-status{padding:14px 16px;color:#f2e4be;background:#202d48;display:flex;justify-content:space-between;gap:12px;font-size:11px;line-height:1.6}.c3-note{border:1px solid #b9bed0;background:#f5f3ea;padding:20px;border-radius:4px}.c3-note h2{font:600 22px LocalSerif,serif;margin:14px 0}.c3-note p{font-size:11px;line-height:1.9;color:#7c8391}.c3-note kbd{font:10px monospace;padding:2px 5px;background:#e8e8e1;border:1px solid #bec4cf;border-radius:3px;color:#53617c}.c3-note .music-reminder{border-color:#cfd1d8}.c3-note .music-reminder button{background:#e7e9f0;border-color:#b7bed1;color:#52617c}.c3-hp-label{display:flex;justify-content:space-between;gap:8px;font-size:11px;margin:18px 0 8px;color:#637086}.c3-meter{height:9px;background:#d6d9df;border:1px solid #b1b9c9;overflow:hidden}.c3-meter>span{height:100%;display:block;transition:width .15s;background:#a65d74}.c3-meter.cat>span{background:#6a9a80}.c3-actions{display:grid;gap:8px;margin:18px 0}.c3-actions button,.c3-dialog button{padding:11px;border:1px solid #7a85a0;background:#596b8c;color:#fff8df;border-radius:3px;font-size:12px;cursor:pointer}.c3-actions button:disabled{opacity:.5;cursor:default}.c3-actions .c3-secondary{background:#ebece5;color:#596b80;border-color:#bec5cf}.c3-party{border-top:1px solid #cbd0d6;margin-top:18px;padding-top:15px;display:flex;align-items:center;gap:10px;font-size:11px;color:#62737b}.c3-party canvas{width:54px;height:48px;image-rendering:pixelated}.c3-party small{display:block;margin-top:5px;color:#87908c;font-size:10px}.c3-dialog{position:fixed;width:min(460px,calc(100% - 32px));padding:26px;background:#f5f0df;border:3px solid #7785a4;color:#52617c;box-shadow:0 18px 80px #0d152b66;text-align:center}.c3-dialog::backdrop{background:#0d152ba8}.c3-dialog h2{font:600 26px LocalSerif,serif;margin:14px 0}.c3-dialog p{font-size:14px;line-height:2;min-height:60px}.c3-dialog canvas{width:110px;height:96px;image-rendering:pixelated}.c3-dialog button{min-width:180px}.c3-touch{display:flex;gap:8px;background:#202d48;padding:0 14px 12px;justify-content:center}.c3-touch button{border:1px solid #7283a1;background:#334561;color:#e9e6cf;padding:10px 16px;touch-action:none;font-size:12px}.c3 [hidden]{display:none!important}.c3-note button:focus-visible,.c3-dialog button:focus-visible{outline:3px solid #c3ab77;outline-offset:3px}@media(min-width:901px) and (pointer:fine){.c3-touch{display:none}}@media(max-width:900px){.c3{padding:0 16px}.c3-layout{grid-template-columns:1fr;gap:18px}.c3-note{padding:18px}.c3-actions{grid-template-columns:1fr 1fr}.c3-hp-label{margin-top:12px}.c3-intro h1{font-size:26px}.c3-status{font-size:10px}.c3-toast{font-size:10px;bottom:10px}.c3 .c2-intro{padding:20px 0}}@media(prefers-reduced-motion:reduce){.c3-meter>span{transition:none}}