.matter-figure-box{width:min(420px,100%)}
.matter-figure-box .matter-figure--particles{max-width:250px;margin:0 auto}
.matter-figure-box .matter-figure--scene{max-width:300px;margin:0 auto;border-radius:12px}
.matter-drawings{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.matter-drawings .clock-choice{padding:6px!important}
.matter-drawings .matter-figure{pointer-events:none}
.matter-bar--gain{fill:#3f7dff}.matter-bar--loss{fill:#ff9a3c}
.matter-figure--bars .graph-text{font-size:12px}.matter-figure--bars .graph-text--name{font-size:12.5px}
@media(max-width:700px){.matter-drawings{gap:6px!important}.matter-drawings .clock-choice{padding:3px!important}}
.matter-figure-box .matter-text{font-size:15px}
.matter-board{position:relative;width:min(470px,100%);aspect-ratio:360/250;margin:0 auto 14px}
.matter-board>.matter-figure{position:absolute;inset:0;width:100%;height:100%;max-width:none}
.matter-drop{position:absolute;display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding:0 2px;border:2px dashed #7f8cff;border-radius:10px;background:#fff;font:750 14px/1.1 Inter,sans-serif;color:#101052;text-align:center;cursor:pointer;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}
.matter-drop.is-given{border:2px solid #12278f;background:#f3f6ff;cursor:default;touch-action:auto}
.matter-drop.is-filled{border-style:solid;border-color:#4f61ff;background:#e7eeff;cursor:grab}
.matter-drop.is-waiting{border-color:#034cff;background:#f3f6ff}
.matter-drop.is-over{border-color:#e58a00;background:#ffe9b8}
.matter-drop.is-doubt{border-color:#e58a00;background:#fff3dc}
.matter-drop.is-correct{border:2px solid #16794a;background:#e4f6ec;cursor:default}.matter-drop.is-wrong{border:2px solid #b3261e;background:#fdeceb;cursor:default}
.matter-drop.is-dragged,.matter-word.is-dragged{opacity:.35}
.matter-words{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;min-height:50px;margin-bottom:8px}
.matter-word{min-height:46px;padding:8px 14px;border:2px solid #4f61ff;border-radius:12px;background:#fff;font:750 16px Inter,sans-serif;color:#101052;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none}
.matter-word[aria-pressed="true"]{background:#034cff;color:#fff}
.matter-word--ghost{position:fixed;z-index:60;display:flex;align-items:center;pointer-events:none;transform:translate(-50%,-60%);box-shadow:0 8px 20px #0b1a6b55}
@media(max-width:700px){.matter-drop{font-size:12.5px;border-radius:8px}}